@azure/communication-react 1.17.0-alpha-202405290014 → 1.17.0-alpha-202406010014

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

@@ -620,6 +620,12 @@ export interface CallAdapterCallOperations {
      * Stop all spotlights
      */
     stopAllSpotlight(): Promise<void>;
+    /**
+     * Mute a participant
+     *
+     * @param userId - Id of the participant to mute
+     */
+    muteParticipant(userId: string): Promise<void>;
 }
 /**
  * Functionality for managing devices within a call.

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;AAkElC;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAwB;IACjD,0BAA0B;IAC1B,8BAA8B;IAC9B,UAAU;IACV,iBAAiB;IACjB,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';\nimport { CaptionsInfo } from '@internal/calling-stateful-client';\nimport type { BackgroundBlurConfig, BackgroundReplacementConfig } from '@azure/communication-calling';\nimport { Reaction } from '@azure/communication-calling';\nimport type { CapabilitiesChangeInfo } from '@azure/communication-calling';\n/* @conditional-compile-remove(spotlight) */\nimport type { SpotlightedParticipant } from '@azure/communication-calling';\n/* @conditional-compile-remove(teams-identity-support) */\nimport { TeamsCall } from '@azure/communication-calling';\nimport { TransferEventArgs } from '@azure/communication-calling';\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';\nimport type {\n  CommunicationIdentifierKind,\n  MicrosoftTeamsAppIdentifier,\n  UnknownIdentifier\n} from '@azure/communication-common';\n/* @conditional-compile-remove(teams-adhoc-call) */\nimport type { MicrosoftTeamsUserIdentifier } from '@azure/communication-common';\n/* @conditional-compile-remove(PSTN-calls) */\nimport { AddPhoneNumberOptions } from '@azure/communication-calling';\nimport { DtmfTone } from '@azure/communication-calling';\nimport { CommunicationIdentifier } from '@azure/communication-common';\n/* @conditional-compile-remove(PSTN-calls) */\nimport type { CommunicationUserIdentifier, PhoneNumberIdentifier } from '@azure/communication-common';\nimport type { AdapterState, Disposable, AdapterError, AdapterErrors } from '../../common/adapters';\n\nimport { VideoBackgroundEffectsDependency } from '@internal/calling-component-bindings';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { CallSurvey, CallSurveyResponse } from '@azure/communication-calling';\nimport { ReactionResources } from '@internal/react-components';\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  | 'leaving'\n  | 'lobby'\n  | 'removedFromCall'\n  | /* @conditional-compile-remove(unsupported-browser) */ 'unsupportedEnvironment'\n  | 'transferring'\n  | 'badRequest';\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  'removedFromCall',\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 * Identifier types for initiating a call using the CallAdapter\n * @public\n */\nexport type StartCallIdentifier =\n  | (\n      | MicrosoftTeamsAppIdentifier\n      | /* @conditional-compile-remove(PSTN-calls) */ PhoneNumberIdentifier\n      | /* @conditional-compile-remove(one-to-n-calling) */ CommunicationUserIdentifier\n      | /* @conditional-compile-remove(teams-adhoc-call) */ MicrosoftTeamsUserIdentifier\n      | UnknownIdentifier\n    )\n  | /* @conditional-compile-remove(start-call-beta) */ CommunicationIdentifier;\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  /**\n   * State to track who the original call went out to. will be undefined the call is not a outbound\n   * modality. This includes, groupCalls, Rooms calls, and Teams InteropMeetings.\n   */\n  targetCallees?: CommunicationIdentifier[];\n  devices: DeviceManagerState;\n  endedCall?: CallState;\n  /**\n   * State to track whether the call is a teams call.\n   */\n  isTeamsCall: boolean;\n  /**\n   * State to track whether the call is a teams meeting.\n   */\n  isTeamsMeeting: boolean;\n  /**\n   * State to track whether the call is a rooms call.\n   */\n  isRoomsCall: 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  /**\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   * Default set of background images for background replacement effect.\n   */\n  videoBackgroundImages?: VideoBackgroundImage[];\n\n  /**\n   * Dependency to be injected for video background effect.\n   */\n  onResolveVideoEffectDependency?: () => Promise<VideoBackgroundEffectsDependency>;\n\n  /**\n   * State to track the selected video background effect.\n   */\n  selectedVideoBackgroundEffect?: VideoBackgroundEffect;\n  /**\n   * Call from transfer request accepted by local user\n   */\n  acceptedTransferCallState?: CallState;\n  /* @conditional-compile-remove(hide-attendee-name) */\n  /**\n   * Hide attendee names in teams meeting\n   */\n  hideAttendeeNames?: boolean;\n  /**\n   * State to track the sounds to be used in the call.\n   */\n  sounds?: CallingSounds;\n  /**\n   * State to track the reactions to be used.\n   * @public\n   */\n  reactions?: ReactionResources;\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/**\n * Contains the attibutes of a background image like url, name etc.\n *\n * @public\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/**\n * @public\n * Type for representing a custom sound to use for a calling event\n */\nexport type SoundEffect = {\n  /**\n   * Path to sound effect\n   */\n  url: string;\n};\n\n/**\n * @public\n * Type for representing a set of sounds to use for different calling events\n */\nexport type CallingSounds = {\n  /**\n   * Sound to be played when the call ends\n   */\n  callEnded?: SoundEffect;\n  /**\n   * Sound to be played when the call is ringing\n   */\n  callRinging?: SoundEffect;\n  /**\n   * Sound to be played when the call is rejected by the user being callede\n   */\n  callBusy?: SoundEffect;\n};\n\n/**\n * Options for setting microphone and camera state when joining a call\n * true = turn on the device when joining call\n * false = turn off the device when joining call\n * 'keep'/undefined = retain devices' precall state\n *\n * @public\n */\nexport interface JoinCallOptions {\n  /**\n   * microphone state when joining call\n   * true: turn on\n   * false: turn off\n   * 'keep': maintain precall state\n   */\n  microphoneOn?: boolean | 'keep';\n  /**\n   * camera state when joining call\n   * true: turn on\n   * false: turn off\n   * 'keep': maintain precall state\n   */\n  cameraOn?: boolean | 'keep';\n}\n\n/**\n * Callback for {@link CallAdapterSubscribers} 'captionsReceived' event.\n *\n * @public\n */\nexport type CaptionsReceivedListener = (event: { captionsInfo: CaptionsInfo }) => void;\n\n/**\n * Callback for {@link CallAdapterSubscribers} 'isCaptionsActiveChanged' event.\n *\n * @public\n */\nexport type IsCaptionsActiveChangedListener = (event: { isActive: boolean }) => void;\n\n/**\n * Callback for {@link CallAdapterSubscribers} 'isCaptionLanguageChanged' event.\n *\n * @public\n */\nexport type IsCaptionLanguageChangedListener = (event: { activeCaptionLanguage: string }) => void;\n\n/**\n * Callback for {@link CallAdapterSubscribers} 'isSpokenLanguageChanged' event.\n *\n * @public\n */\nexport type IsSpokenLanguageChangedListener = (event: { activeSpokenLanguage: string }) => void;\n\n/**\n * Callback for {@link CallAdapterSubscribers} 'transferRequested' event.\n *\n * @public\n */\nexport type TransferAcceptedListener = (event: TransferEventArgs) => void;\n\n/**\n * Callback for {@link CallAdapterSubscribers} 'capabilitiesChanged' event.\n *\n * @public\n */\nexport type CapabilitiesChangedListener = (data: CapabilitiesChangeInfo) => void;\n\n/* @conditional-compile-remove(spotlight) */\n/**\n * Callback for {@link CallAdapterSubscribers} 'spotlightChanged' event.\n *\n * @public\n */\nexport type SpotlightChangedListener = (args: {\n  added: SpotlightedParticipant[];\n  removed: SpotlightedParticipant[];\n}) => void;\n\n/**\n * Contains the attibutes of a selected video background effect\n *\n * @public\n */\nexport type VideoBackgroundEffect =\n  | VideoBackgroundNoEffect\n  | VideoBackgroundBlurEffect\n  | VideoBackgroundReplacementEffect;\n\n/**\n * Contains the attibutes to remove video background effect\n *\n * @public\n */\nexport interface VideoBackgroundNoEffect {\n  /**\n   * Name of effect to remove video background effect\n   */\n  effectName: 'none';\n}\n\n/**\n * Contains the attibutes of the blur video background effect\n *\n * @public\n */\nexport interface VideoBackgroundBlurEffect extends BackgroundBlurConfig {\n  /**\n   * Name of effect to blur video background effect\n   */\n  effectName: 'blur';\n}\n\n/**\n * Contains the attibutes of a selected replacement video background effect\n *\n * @public\n */\nexport interface VideoBackgroundReplacementEffect extends BackgroundReplacementConfig {\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  key?: 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   * Raise hand for current user\n   *\n   * @public\n   */\n  raiseHand(): Promise<void>;\n  /**\n   * lower hand for current user\n   *\n   * @public\n   */\n  lowerHand(): Promise<void>;\n  /**\n   * Send reaction emoji\n   *\n   * @public\n   */\n  onReactionClick(reaction: Reaction): 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   * @deprecated Use {@link disposeRemoteVideoStreamView}, {@link disposeLocalVideoStreamView} and {@link disposeRemoteVideoStreamView} instead.\n   *\n   * @param remoteUserId - Id of the participant to render, leave it undefined to dispose the local camera view\n   * @param options - Options to control how video streams are rendered {@link @azure/communication-calling#VideoStreamOptions }\n   *\n   * @public\n   */\n  disposeStreamView(remoteUserId?: string, options?: VideoStreamOptions): Promise<void>;\n  /**\n   * Dispose the html view for a screen share stream\n   *\n   * @remarks\n   * this method is implemented for composite\n   *\n   * @param remoteUserId - Id of the participant to dispose the screen share stream view for.\n   *\n   * @public\n   */\n  disposeScreenShareStreamView(remoteUserId: string): Promise<void>;\n  /**\n   * Dispose the html view for a remote video stream\n   *\n   * @param remoteUserId - Id of the participant to dispose\n   *\n   * @public\n   */\n  disposeRemoteVideoStreamView(remoteUserId: string): Promise<void>;\n  /**\n   * Dispose the html view for a local video stream\n   *\n   * @public\n   */\n  disposeLocalVideoStreamView(): Promise<void>;\n  /* @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  /**\n   * send dtmf tone to another participant in a 1:1 PSTN call\n   *\n   * @public\n   */\n  sendDtmfTone(dtmfTone: DtmfTone): Promise<void>;\n  /* @conditional-compile-remove(unsupported-browser) */\n  /**\n   * Continues into a call when the browser version is not supported.\n   */\n  allowUnsupportedBrowserVersion(): void;\n  /**\n   * Function to Start captions\n   * @param options - options for start captions\n   */\n  startCaptions(options?: StartCaptionsOptions): Promise<void>;\n  /**\n   * Function to set caption language\n   * @param language - language set for caption\n   */\n  setCaptionLanguage(language: string): Promise<void>;\n  /**\n   * Function to set spoken language\n   * @param language - spoken language\n   */\n  setSpokenLanguage(language: string): Promise<void>;\n  /**\n   * Funtion to stop captions\n   */\n  stopCaptions(): Promise<void>;\n\n  /**\n   * Start the video background effect.\n   *\n   * @public\n   */\n  startVideoBackgroundEffect(videoBackgroundEffect: VideoBackgroundEffect): Promise<void>;\n\n  /**\n   * Stop the video background effect.\n   *\n   * @public\n   */\n  stopVideoBackgroundEffects(): Promise<void>;\n\n  /**\n   * Override the background picker images for background replacement effect.\n   *\n   * @param backgroundImages - Array of custom background images.\n   *\n   * @public\n   */\n  updateBackgroundPickerImages(backgroundImages: VideoBackgroundImage[]): void;\n\n  /**\n   * Update the selected video background effect.\n   *\n   * @public\n   */\n  updateSelectedVideoBackgroundEffect(selectedVideoBackground: VideoBackgroundEffect): void;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Send the end of call survey result\n   *\n   * @public\n   */\n  submitSurvey(survey: CallSurvey): Promise<CallSurveyResponse | undefined>;\n  /* @conditional-compile-remove(spotlight) */\n  /**\n   * Start spotlight for local and remote participants by their user ids.\n   * If no array of user ids is passed then action is performed on local participant.\n   */\n  startSpotlight(userIds?: string[]): Promise<void>;\n  /* @conditional-compile-remove(spotlight) */\n  /**\n   * Stop spotlight for local and remote participants by their user ids.\n   * If no array of user ids is passed then action is performed on local participant.\n   */\n  stopSpotlight(userIds?: string[]): Promise<void>;\n  /* @conditional-compile-remove(spotlight) */\n  /**\n   * Stop all spotlights\n   */\n  stopAllSpotlight(): 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 speaker 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  /**\n   * Subscribe function for 'captionsReceived' event.\n   */\n  on(event: 'captionsReceived', listener: CaptionsReceivedListener): void;\n  /**\n   * Subscribe function for 'isCaptionsActiveChanged' event.\n   */\n  on(event: 'isCaptionsActiveChanged', listener: IsCaptionsActiveChangedListener): void;\n\n  /**\n   * Subscribe function for 'isCaptionLanguageChanged' event.\n   */\n  on(event: 'isCaptionLanguageChanged', listener: IsCaptionLanguageChangedListener): void;\n\n  /**\n   * Subscribe function for 'isSpokenLanguageChanged' event.\n   */\n  on(event: 'isSpokenLanguageChanged', listener: IsSpokenLanguageChangedListener): void;\n\n  /**\n   * Subscribe function for 'transferRequested' event.\n   */\n  on(event: 'transferAccepted', listener: TransferAcceptedListener): void;\n\n  /**\n   * Subscribe function for 'capabilitiesChanged' event.\n   */\n  on(event: 'capabilitiesChanged', listener: CapabilitiesChangedListener): void;\n  /**\n   * Subscribe function for 'roleChanged' event.\n   */\n  on(event: 'roleChanged', listener: PropertyChangedEvent): void;\n  /* @conditional-compile-remove(spotlight) */\n  /**\n   * Subscribe function for 'spotlightChanged' event.\n   */\n  on(event: 'spotlightChanged', listener: SpotlightChangedListener): 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  /**\n   * Unsubscribe function for 'captionsReceived' event.\n   */\n  off(event: 'captionsReceived', listener: CaptionsReceivedListener): void;\n  /**\n   * Unsubscribe function for 'isCaptionsActiveChanged' event.\n   */\n  off(event: 'isCaptionsActiveChanged', listener: IsCaptionsActiveChangedListener): void;\n  /**\n   * Unsubscribe function for 'isCaptionLanguageChanged' event.\n   */\n  off(event: 'isCaptionLanguageChanged', listener: IsCaptionLanguageChangedListener): void;\n  /**\n   * Unsubscribe function for 'isSpokenLanguageChanged' event.\n   */\n  off(event: 'isSpokenLanguageChanged', listener: IsSpokenLanguageChangedListener): void;\n  /**\n   * Unsubscribe function for 'transferRequested' event.\n   */\n  off(event: 'transferAccepted', listener: TransferAcceptedListener): void;\n\n  /**\n   * Unsubscribe function for 'capabilitiesChanged' event.\n   */\n  off(event: 'capabilitiesChanged', listener: CapabilitiesChangedListener): void;\n  /**\n   * Unsubscribe function for 'roleChanged' event.\n   */\n  off(event: 'roleChanged', listener: PropertyChangedEvent): void;\n  /* @conditional-compile-remove(spotlight) */\n  /**\n   * Subscribe function for 'spotlightChanged' event.\n   */\n  off(event: 'spotlightChanged', listener: SpotlightChangedListener): 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   * @deprecated Use joinCall(options?:JoinCallOptions) instead.\n   * @param microphoneOn - Whether microphone is initially enabled\n   *\n   * @public\n   */\n  joinCall(microphoneOn?: boolean): Call | undefined;\n\n  /**\n   * Join the call with options bag to set microphone/camera initial state when joining call\n   * true = turn on the device when joining call\n   * false = turn off the device when joining call\n   * 'keep'/undefined = retain devices' precall state\n   *\n   * @param options - param to set microphone/camera initially on/off/use precall state.\n   *\n   * @public\n   */\n  joinCall(options?: JoinCallOptions): Call | undefined;\n  /**\n   * 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   * @public\n   */\n  startCall(participants: StartCallIdentifier[], 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   * @deprecated Use joinCall(options?:JoinCallOptions) instead.\n   * @param microphoneOn - Whether microphone is initially enabled\n   *\n   * @public\n   */\n  joinCall(microphoneOn?: boolean): void;\n  /**\n   * Join the call with options bag to set microphone/camera initial state when joining call\n   * true = turn on the device when joining call\n   * false = turn off the device when joining call\n   * 'keep'/undefined = retain devices' precall state\n   *\n   * @param options - param to set microphone/camera initially on/off/use precall state.\n   *\n   * @public\n   */\n  joinCall(options?: JoinCallOptions): 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  /**\n   * Start the call.\n   * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called\n   * @public\n   */\n  startCall(participants: StartCallIdentifier[], 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   * @deprecated Use joinCall(options?:JoinCallOptions) instead.\n   * @param microphoneOn - Whether microphone is initially enabled\n   *\n   * @public\n   */\n  joinCall(microphoneOn?: boolean): Call | undefined;\n\n  /**\n   * Join the call with options bag to set microphone/camera initial state when joining call\n   * true = turn on the device when joining call\n   * false = turn off the device when joining call\n   * 'keep'/undefined = retain devices' precall state\n   *\n   * @param options - param to set microphone/camera initially on/off/use precall state.\n   *\n   * @public\n   */\n  joinCall(options?: JoinCallOptions): Call | undefined;\n  /**\n   * Start the call.\n   *\n   * @param participants - An array of participant ids to join\n   *\n   * @public\n   */\n  startCall(participants: string[], options?: StartCallOptions): Call | undefined;\n  /**\n   * Start the call.\n   * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called\n   * @public\n   */\n  startCall(participants: StartCallIdentifier[], 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 * @public\n */\nexport interface TeamsCallAdapter extends CommonCallAdapter {\n  /**\n   * Join the call with microphone initially on/off.\n   * @deprecated Use joinCall(options?:JoinCallOptions) instead.\n   * @param microphoneOn - Whether microphone is initially enabled\n   */\n  joinCall(microphoneOn?: boolean): TeamsCall | undefined;\n  /**\n   * Join the call with options bag to set microphone/camera initial state when joining call\n   * true = turn on the device when joining call\n   * false = turn off the device when joining call\n   * 'keep'/undefined = retain devices' precall state\n   *\n   * @param options - param to set microphone/camera initially on/off.\n   *\n   * @public\n   */\n  joinCall(options?: JoinCallOptions): TeamsCall | 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): TeamsCall | undefined;\n  /**\n   * Start the call.\n   * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called\n   * @public\n   */\n  startCall(participants: StartCallIdentifier[], options?: StartCallOptions): TeamsCall | undefined;\n}\n"]}
+{"version":3,"file":"CallAdapter.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/adapter/CallAdapter.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAkElC;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAwB;IACjD,0BAA0B;IAC1B,8BAA8B;IAC9B,UAAU;IACV,iBAAiB;IACjB,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';\nimport { CaptionsInfo } from '@internal/calling-stateful-client';\nimport type { BackgroundBlurConfig, BackgroundReplacementConfig } from '@azure/communication-calling';\nimport { Reaction } from '@azure/communication-calling';\nimport type { CapabilitiesChangeInfo } from '@azure/communication-calling';\n/* @conditional-compile-remove(spotlight) */\nimport type { SpotlightedParticipant } from '@azure/communication-calling';\n/* @conditional-compile-remove(teams-identity-support) */\nimport { TeamsCall } from '@azure/communication-calling';\nimport { TransferEventArgs } from '@azure/communication-calling';\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';\nimport type {\n  CommunicationIdentifierKind,\n  MicrosoftTeamsAppIdentifier,\n  UnknownIdentifier\n} from '@azure/communication-common';\n/* @conditional-compile-remove(teams-adhoc-call) */\nimport type { MicrosoftTeamsUserIdentifier } from '@azure/communication-common';\n/* @conditional-compile-remove(PSTN-calls) */\nimport { AddPhoneNumberOptions } from '@azure/communication-calling';\nimport { DtmfTone } from '@azure/communication-calling';\nimport { CommunicationIdentifier } from '@azure/communication-common';\n/* @conditional-compile-remove(PSTN-calls) */\nimport type { CommunicationUserIdentifier, PhoneNumberIdentifier } from '@azure/communication-common';\nimport type { AdapterState, Disposable, AdapterError, AdapterErrors } from '../../common/adapters';\n\nimport { VideoBackgroundEffectsDependency } from '@internal/calling-component-bindings';\n\nimport { CallSurvey, CallSurveyResponse } from '@azure/communication-calling';\nimport { ReactionResources } from '@internal/react-components';\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  | 'leaving'\n  | 'lobby'\n  | 'removedFromCall'\n  | /* @conditional-compile-remove(unsupported-browser) */ 'unsupportedEnvironment'\n  | 'transferring'\n  | 'badRequest';\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  'removedFromCall',\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 * Identifier types for initiating a call using the CallAdapter\n * @public\n */\nexport type StartCallIdentifier =\n  | (\n      | MicrosoftTeamsAppIdentifier\n      | /* @conditional-compile-remove(PSTN-calls) */ PhoneNumberIdentifier\n      | /* @conditional-compile-remove(one-to-n-calling) */ CommunicationUserIdentifier\n      | /* @conditional-compile-remove(teams-adhoc-call) */ MicrosoftTeamsUserIdentifier\n      | UnknownIdentifier\n    )\n  | /* @conditional-compile-remove(start-call-beta) */ CommunicationIdentifier;\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  /**\n   * State to track who the original call went out to. will be undefined the call is not a outbound\n   * modality. This includes, groupCalls, Rooms calls, and Teams InteropMeetings.\n   */\n  targetCallees?: CommunicationIdentifier[];\n  devices: DeviceManagerState;\n  endedCall?: CallState;\n  /**\n   * State to track whether the call is a teams call.\n   */\n  isTeamsCall: boolean;\n  /**\n   * State to track whether the call is a teams meeting.\n   */\n  isTeamsMeeting: boolean;\n  /**\n   * State to track whether the call is a rooms call.\n   */\n  isRoomsCall: 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  /**\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   * Default set of background images for background replacement effect.\n   */\n  videoBackgroundImages?: VideoBackgroundImage[];\n\n  /**\n   * Dependency to be injected for video background effect.\n   */\n  onResolveVideoEffectDependency?: () => Promise<VideoBackgroundEffectsDependency>;\n\n  /**\n   * State to track the selected video background effect.\n   */\n  selectedVideoBackgroundEffect?: VideoBackgroundEffect;\n  /**\n   * Call from transfer request accepted by local user\n   */\n  acceptedTransferCallState?: CallState;\n  /* @conditional-compile-remove(hide-attendee-name) */\n  /**\n   * Hide attendee names in teams meeting\n   */\n  hideAttendeeNames?: boolean;\n  /**\n   * State to track the sounds to be used in the call.\n   */\n  sounds?: CallingSounds;\n  /**\n   * State to track the reactions to be used.\n   * @public\n   */\n  reactions?: ReactionResources;\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/**\n * Contains the attibutes of a background image like url, name etc.\n *\n * @public\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/**\n * @public\n * Type for representing a custom sound to use for a calling event\n */\nexport type SoundEffect = {\n  /**\n   * Path to sound effect\n   */\n  url: string;\n};\n\n/**\n * @public\n * Type for representing a set of sounds to use for different calling events\n */\nexport type CallingSounds = {\n  /**\n   * Sound to be played when the call ends\n   */\n  callEnded?: SoundEffect;\n  /**\n   * Sound to be played when the call is ringing\n   */\n  callRinging?: SoundEffect;\n  /**\n   * Sound to be played when the call is rejected by the user being callede\n   */\n  callBusy?: SoundEffect;\n};\n\n/**\n * Options for setting microphone and camera state when joining a call\n * true = turn on the device when joining call\n * false = turn off the device when joining call\n * 'keep'/undefined = retain devices' precall state\n *\n * @public\n */\nexport interface JoinCallOptions {\n  /**\n   * microphone state when joining call\n   * true: turn on\n   * false: turn off\n   * 'keep': maintain precall state\n   */\n  microphoneOn?: boolean | 'keep';\n  /**\n   * camera state when joining call\n   * true: turn on\n   * false: turn off\n   * 'keep': maintain precall state\n   */\n  cameraOn?: boolean | 'keep';\n}\n\n/**\n * Callback for {@link CallAdapterSubscribers} 'captionsReceived' event.\n *\n * @public\n */\nexport type CaptionsReceivedListener = (event: { captionsInfo: CaptionsInfo }) => void;\n\n/**\n * Callback for {@link CallAdapterSubscribers} 'isCaptionsActiveChanged' event.\n *\n * @public\n */\nexport type IsCaptionsActiveChangedListener = (event: { isActive: boolean }) => void;\n\n/**\n * Callback for {@link CallAdapterSubscribers} 'isCaptionLanguageChanged' event.\n *\n * @public\n */\nexport type IsCaptionLanguageChangedListener = (event: { activeCaptionLanguage: string }) => void;\n\n/**\n * Callback for {@link CallAdapterSubscribers} 'isSpokenLanguageChanged' event.\n *\n * @public\n */\nexport type IsSpokenLanguageChangedListener = (event: { activeSpokenLanguage: string }) => void;\n\n/**\n * Callback for {@link CallAdapterSubscribers} 'transferRequested' event.\n *\n * @public\n */\nexport type TransferAcceptedListener = (event: TransferEventArgs) => void;\n\n/**\n * Callback for {@link CallAdapterSubscribers} 'capabilitiesChanged' event.\n *\n * @public\n */\nexport type CapabilitiesChangedListener = (data: CapabilitiesChangeInfo) => void;\n\n/* @conditional-compile-remove(spotlight) */\n/**\n * Callback for {@link CallAdapterSubscribers} 'spotlightChanged' event.\n *\n * @public\n */\nexport type SpotlightChangedListener = (args: {\n  added: SpotlightedParticipant[];\n  removed: SpotlightedParticipant[];\n}) => void;\n\n/**\n * Contains the attibutes of a selected video background effect\n *\n * @public\n */\nexport type VideoBackgroundEffect =\n  | VideoBackgroundNoEffect\n  | VideoBackgroundBlurEffect\n  | VideoBackgroundReplacementEffect;\n\n/**\n * Contains the attibutes to remove video background effect\n *\n * @public\n */\nexport interface VideoBackgroundNoEffect {\n  /**\n   * Name of effect to remove video background effect\n   */\n  effectName: 'none';\n}\n\n/**\n * Contains the attibutes of the blur video background effect\n *\n * @public\n */\nexport interface VideoBackgroundBlurEffect extends BackgroundBlurConfig {\n  /**\n   * Name of effect to blur video background effect\n   */\n  effectName: 'blur';\n}\n\n/**\n * Contains the attibutes of a selected replacement video background effect\n *\n * @public\n */\nexport interface VideoBackgroundReplacementEffect extends BackgroundReplacementConfig {\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  key?: 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   * Raise hand for current user\n   *\n   * @public\n   */\n  raiseHand(): Promise<void>;\n  /**\n   * lower hand for current user\n   *\n   * @public\n   */\n  lowerHand(): Promise<void>;\n  /**\n   * Send reaction emoji\n   *\n   * @public\n   */\n  onReactionClick(reaction: Reaction): 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   * @deprecated Use {@link disposeRemoteVideoStreamView}, {@link disposeLocalVideoStreamView} and {@link disposeRemoteVideoStreamView} instead.\n   *\n   * @param remoteUserId - Id of the participant to render, leave it undefined to dispose the local camera view\n   * @param options - Options to control how video streams are rendered {@link @azure/communication-calling#VideoStreamOptions }\n   *\n   * @public\n   */\n  disposeStreamView(remoteUserId?: string, options?: VideoStreamOptions): Promise<void>;\n  /**\n   * Dispose the html view for a screen share stream\n   *\n   * @remarks\n   * this method is implemented for composite\n   *\n   * @param remoteUserId - Id of the participant to dispose the screen share stream view for.\n   *\n   * @public\n   */\n  disposeScreenShareStreamView(remoteUserId: string): Promise<void>;\n  /**\n   * Dispose the html view for a remote video stream\n   *\n   * @param remoteUserId - Id of the participant to dispose\n   *\n   * @public\n   */\n  disposeRemoteVideoStreamView(remoteUserId: string): Promise<void>;\n  /**\n   * Dispose the html view for a local video stream\n   *\n   * @public\n   */\n  disposeLocalVideoStreamView(): Promise<void>;\n  /* @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  /**\n   * send dtmf tone to another participant in a 1:1 PSTN call\n   *\n   * @public\n   */\n  sendDtmfTone(dtmfTone: DtmfTone): Promise<void>;\n  /* @conditional-compile-remove(unsupported-browser) */\n  /**\n   * Continues into a call when the browser version is not supported.\n   */\n  allowUnsupportedBrowserVersion(): void;\n  /**\n   * Function to Start captions\n   * @param options - options for start captions\n   */\n  startCaptions(options?: StartCaptionsOptions): Promise<void>;\n  /**\n   * Function to set caption language\n   * @param language - language set for caption\n   */\n  setCaptionLanguage(language: string): Promise<void>;\n  /**\n   * Function to set spoken language\n   * @param language - spoken language\n   */\n  setSpokenLanguage(language: string): Promise<void>;\n  /**\n   * Funtion to stop captions\n   */\n  stopCaptions(): Promise<void>;\n\n  /**\n   * Start the video background effect.\n   *\n   * @public\n   */\n  startVideoBackgroundEffect(videoBackgroundEffect: VideoBackgroundEffect): Promise<void>;\n\n  /**\n   * Stop the video background effect.\n   *\n   * @public\n   */\n  stopVideoBackgroundEffects(): Promise<void>;\n\n  /**\n   * Override the background picker images for background replacement effect.\n   *\n   * @param backgroundImages - Array of custom background images.\n   *\n   * @public\n   */\n  updateBackgroundPickerImages(backgroundImages: VideoBackgroundImage[]): void;\n\n  /**\n   * Update the selected video background effect.\n   *\n   * @public\n   */\n  updateSelectedVideoBackgroundEffect(selectedVideoBackground: VideoBackgroundEffect): void;\n  /**\n   * Send the end of call survey result\n   *\n   * @public\n   */\n  submitSurvey(survey: CallSurvey): Promise<CallSurveyResponse | undefined>;\n  /* @conditional-compile-remove(spotlight) */\n  /**\n   * Start spotlight for local and remote participants by their user ids.\n   * If no array of user ids is passed then action is performed on local participant.\n   */\n  startSpotlight(userIds?: string[]): Promise<void>;\n  /* @conditional-compile-remove(spotlight) */\n  /**\n   * Stop spotlight for local and remote participants by their user ids.\n   * If no array of user ids is passed then action is performed on local participant.\n   */\n  stopSpotlight(userIds?: string[]): Promise<void>;\n  /* @conditional-compile-remove(spotlight) */\n  /**\n   * Stop all spotlights\n   */\n  stopAllSpotlight(): Promise<void>;\n  /* @conditional-compile-remove(soft-mute) */\n  /**\n   * Mute a participant\n   *\n   * @param userId - Id of the participant to mute\n   */\n  muteParticipant(userId: string): 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 speaker 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  /**\n   * Subscribe function for 'captionsReceived' event.\n   */\n  on(event: 'captionsReceived', listener: CaptionsReceivedListener): void;\n  /**\n   * Subscribe function for 'isCaptionsActiveChanged' event.\n   */\n  on(event: 'isCaptionsActiveChanged', listener: IsCaptionsActiveChangedListener): void;\n\n  /**\n   * Subscribe function for 'isCaptionLanguageChanged' event.\n   */\n  on(event: 'isCaptionLanguageChanged', listener: IsCaptionLanguageChangedListener): void;\n\n  /**\n   * Subscribe function for 'isSpokenLanguageChanged' event.\n   */\n  on(event: 'isSpokenLanguageChanged', listener: IsSpokenLanguageChangedListener): void;\n\n  /**\n   * Subscribe function for 'transferRequested' event.\n   */\n  on(event: 'transferAccepted', listener: TransferAcceptedListener): void;\n\n  /**\n   * Subscribe function for 'capabilitiesChanged' event.\n   */\n  on(event: 'capabilitiesChanged', listener: CapabilitiesChangedListener): void;\n  /**\n   * Subscribe function for 'roleChanged' event.\n   */\n  on(event: 'roleChanged', listener: PropertyChangedEvent): void;\n  /* @conditional-compile-remove(spotlight) */\n  /**\n   * Subscribe function for 'spotlightChanged' event.\n   */\n  on(event: 'spotlightChanged', listener: SpotlightChangedListener): 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  /**\n   * Unsubscribe function for 'captionsReceived' event.\n   */\n  off(event: 'captionsReceived', listener: CaptionsReceivedListener): void;\n  /**\n   * Unsubscribe function for 'isCaptionsActiveChanged' event.\n   */\n  off(event: 'isCaptionsActiveChanged', listener: IsCaptionsActiveChangedListener): void;\n  /**\n   * Unsubscribe function for 'isCaptionLanguageChanged' event.\n   */\n  off(event: 'isCaptionLanguageChanged', listener: IsCaptionLanguageChangedListener): void;\n  /**\n   * Unsubscribe function for 'isSpokenLanguageChanged' event.\n   */\n  off(event: 'isSpokenLanguageChanged', listener: IsSpokenLanguageChangedListener): void;\n  /**\n   * Unsubscribe function for 'transferRequested' event.\n   */\n  off(event: 'transferAccepted', listener: TransferAcceptedListener): void;\n\n  /**\n   * Unsubscribe function for 'capabilitiesChanged' event.\n   */\n  off(event: 'capabilitiesChanged', listener: CapabilitiesChangedListener): void;\n  /**\n   * Unsubscribe function for 'roleChanged' event.\n   */\n  off(event: 'roleChanged', listener: PropertyChangedEvent): void;\n  /* @conditional-compile-remove(spotlight) */\n  /**\n   * Subscribe function for 'spotlightChanged' event.\n   */\n  off(event: 'spotlightChanged', listener: SpotlightChangedListener): 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   * @deprecated Use joinCall(options?:JoinCallOptions) instead.\n   * @param microphoneOn - Whether microphone is initially enabled\n   *\n   * @public\n   */\n  joinCall(microphoneOn?: boolean): Call | undefined;\n\n  /**\n   * Join the call with options bag to set microphone/camera initial state when joining call\n   * true = turn on the device when joining call\n   * false = turn off the device when joining call\n   * 'keep'/undefined = retain devices' precall state\n   *\n   * @param options - param to set microphone/camera initially on/off/use precall state.\n   *\n   * @public\n   */\n  joinCall(options?: JoinCallOptions): Call | undefined;\n  /**\n   * 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   * @public\n   */\n  startCall(participants: StartCallIdentifier[], 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   * @deprecated Use joinCall(options?:JoinCallOptions) instead.\n   * @param microphoneOn - Whether microphone is initially enabled\n   *\n   * @public\n   */\n  joinCall(microphoneOn?: boolean): void;\n  /**\n   * Join the call with options bag to set microphone/camera initial state when joining call\n   * true = turn on the device when joining call\n   * false = turn off the device when joining call\n   * 'keep'/undefined = retain devices' precall state\n   *\n   * @param options - param to set microphone/camera initially on/off/use precall state.\n   *\n   * @public\n   */\n  joinCall(options?: JoinCallOptions): 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  /**\n   * Start the call.\n   * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called\n   * @public\n   */\n  startCall(participants: StartCallIdentifier[], 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   * @deprecated Use joinCall(options?:JoinCallOptions) instead.\n   * @param microphoneOn - Whether microphone is initially enabled\n   *\n   * @public\n   */\n  joinCall(microphoneOn?: boolean): Call | undefined;\n\n  /**\n   * Join the call with options bag to set microphone/camera initial state when joining call\n   * true = turn on the device when joining call\n   * false = turn off the device when joining call\n   * 'keep'/undefined = retain devices' precall state\n   *\n   * @param options - param to set microphone/camera initially on/off/use precall state.\n   *\n   * @public\n   */\n  joinCall(options?: JoinCallOptions): Call | undefined;\n  /**\n   * Start the call.\n   *\n   * @param participants - An array of participant ids to join\n   *\n   * @public\n   */\n  startCall(participants: string[], options?: StartCallOptions): Call | undefined;\n  /**\n   * Start the call.\n   * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called\n   * @public\n   */\n  startCall(participants: StartCallIdentifier[], 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 * @public\n */\nexport interface TeamsCallAdapter extends CommonCallAdapter {\n  /**\n   * Join the call with microphone initially on/off.\n   * @deprecated Use joinCall(options?:JoinCallOptions) instead.\n   * @param microphoneOn - Whether microphone is initially enabled\n   */\n  joinCall(microphoneOn?: boolean): TeamsCall | undefined;\n  /**\n   * Join the call with options bag to set microphone/camera initial state when joining call\n   * true = turn on the device when joining call\n   * false = turn off the device when joining call\n   * 'keep'/undefined = retain devices' precall state\n   *\n   * @param options - param to set microphone/camera initially on/off.\n   *\n   * @public\n   */\n  joinCall(options?: JoinCallOptions): TeamsCall | 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): TeamsCall | undefined;\n  /**\n   * Start the call.\n   * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called\n   * @public\n   */\n  startCall(participants: StartCallIdentifier[], options?: StartCallOptions): TeamsCall | undefined;\n}\n"]}

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

@@ -93,22 +93,37 @@ export const CallArrangement = (props) => {
         setParticipantActioned
     ]);
     const locale = useLocale();
+    const role = (_b = adapter.getState().call) === null || _b === void 0 ? void 0 : _b.role;
     /* @conditional-compile-remove(spotlight) */
     const videoGalleryProps = usePropsFor(VideoGallery);
     /* @conditional-compile-remove(spotlight) */
     const { setPromptProps, setIsPromptOpen, hideSpotlightButtons } = props;
     /* @conditional-compile-remove(spotlight) */
-    const { onStartLocalSpotlight, onStopLocalSpotlight, onStartRemoteSpotlight, onStopRemoteSpotlight, spotlightedParticipants, maxParticipantsToSpotlight, localParticipant } = videoGalleryProps;
+    const { onStartLocalSpotlight, onStopLocalSpotlight, onStartRemoteSpotlight, onStopRemoteSpotlight, 
+    /* @conditional-compile-remove(soft-mute) */
+    onMuteParticipant, spotlightedParticipants, maxParticipantsToSpotlight, localParticipant } = videoGalleryProps;
     /* @conditional-compile-remove(spotlight) */
     const { onStartLocalSpotlightWithPrompt, onStopLocalSpotlightWithPrompt } = useLocalSpotlightCallbacksWithPrompt(onStartLocalSpotlight, onStopLocalSpotlight, setIsPromptOpen, setPromptProps);
     /* @conditional-compile-remove(spotlight) */
     const { onStartRemoteSpotlightWithPrompt, onStopRemoteSpotlightWithPrompt } = useRemoteSpotlightCallbacksWithPrompt(onStartRemoteSpotlight, onStopRemoteSpotlight, setIsPromptOpen, setPromptProps);
     /* @conditional-compile-remove(spotlight) */
-    const canRemoveSpotlight = (_c = (_b = adapter.getState().call) === null || _b === void 0 ? void 0 : _b.capabilitiesFeature) === null || _c === void 0 ? void 0 : _c.capabilities.removeParticipantsSpotlight.isPresent;
+    const canRemoveSpotlight = (_d = (_c = adapter.getState().call) === null || _c === void 0 ? void 0 : _c.capabilitiesFeature) === null || _d === void 0 ? void 0 : _d.capabilities.removeParticipantsSpotlight.isPresent;
     /* @conditional-compile-remove(spotlight) */
     const stopAllSpotlight = useMemo(() => (canRemoveSpotlight ? () => adapter.stopAllSpotlight() : undefined), [canRemoveSpotlight, adapter]);
     /* @conditional-compile-remove(spotlight) */
     const { stopAllSpotlightWithPrompt } = useStopAllSpotlightCallbackWithPrompt(stopAllSpotlight, setIsPromptOpen, setPromptProps);
+    const onMuteParticipantPeoplePaneProps = useMemo(() => {
+        /* @conditional-compile-remove(soft-mute) */
+        return {
+            onMuteParticipant: ['Unknown', 'Organizer', 'Presenter', 'Co-organizer'].includes(role !== null && role !== void 0 ? role : '')
+                ? onMuteParticipant
+                : undefined
+        };
+        return {};
+    }, [
+        /* @conditional-compile-remove(soft-mute) */ onMuteParticipant,
+        /* @conditional-compile-remove(soft-mute) */ role
+    ]);
     const spotlightPeoplePaneProps = useMemo(() => {
         /* @conditional-compile-remove(spotlight) */
         return {
@@ -131,7 +146,7 @@ export const CallArrangement = (props) => {
         /* @conditional-compile-remove(spotlight) */ stopAllSpotlightWithPrompt,
         /* @conditional-compile-remove(spotlight) */ spotlightedParticipants
     ]);
-    const { isPeoplePaneOpen, openPeoplePane, closePeoplePane } = usePeoplePane(Object.assign(Object.assign({}, peoplePaneProps), spotlightPeoplePaneProps));
+    const { isPeoplePaneOpen, openPeoplePane, closePeoplePane } = usePeoplePane(Object.assign(Object.assign(Object.assign({}, peoplePaneProps), spotlightPeoplePaneProps), onMuteParticipantPeoplePaneProps));
     const togglePeoplePane = useCallback(() => {
         if (isPeoplePaneOpen) {
             closePeoplePane();
@@ -182,7 +197,6 @@ export const CallArrangement = (props) => {
         togglePeoplePane();
     }, [togglePeoplePane]);
     const drawerContainerStylesValue = useMemo(() => drawerContainerStyles(DRAWER_Z_INDEX), []);
-    const role = (_d = adapter.getState().call) === null || _d === void 0 ? void 0 : _d.role;
     const canUnmute = role !== 'Consumer' ? true : false;
     let filteredLatestErrors = props.errorBarProps !== false ? props.latestErrors : [];
     const isCameraOn = useSelector(localVideoSelector).isAvailable;

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

@@ -1 +1 @@
-{"version":3,"file":"CallArrangement.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/CallArrangement.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IButton, mergeStyles, Stack } from '@fluentui/react';\nimport { _isInCall, _isInLobbyOrConnecting } from '@internal/calling-component-bindings';\nimport {\n  _ComplianceBanner,\n  _ComplianceBannerProps,\n  _DrawerMenu,\n  _DrawerMenuItemProps,\n  _useContainerHeight,\n  _useContainerWidth,\n  ActiveErrorMessage,\n  ErrorBar,\n  ErrorBarProps,\n  useTheme\n} from '@internal/react-components';\nimport { VideoGalleryLayout } from '@internal/react-components';\n/* @conditional-compile-remove(spotlight) */\nimport { VideoGallery } from '@internal/react-components';\nimport React, { useMemo, useRef, useState } from 'react';\nimport { useEffect } from 'react';\nimport { useCallback } from 'react';\nimport { AvatarPersonaDataCallback } from '../../common/AvatarPersona';\nimport { CaptionsBanner } from '../../common/CaptionsBanner';\nimport { containerDivStyles } from '../../common/ContainerRectProps';\nimport { compositeMinWidthRem } from '../../common/styles/Composite.styles';\nimport { useAdapter } from '../adapter/CallAdapterProvider';\nimport { CallControls, CallControlsProps } from '../components/CallControls';\nimport { CommonCallControlBar } from '../../common/ControlBar/CommonCallControlBar';\nimport {\n  callArrangementContainerStyles,\n  notificationsContainerStyles,\n  containerStyleDesktop,\n  containerStyleMobile,\n  mediaGalleryContainerStyles,\n  galleryParentContainerStyles,\n  bannerNotificationStyles,\n  CONTROL_BAR_Z_INDEX,\n  DRAWER_Z_INDEX\n} from '../styles/CallPage.styles';\nimport { MutedNotification, MutedNotificationProps } from './MutedNotification';\nimport { CallAdapter } from '../adapter';\nimport { useSelector } from '../hooks/useSelector';\nimport { callStatusSelector } from '../selectors/callStatusSelector';\nimport { CallControlOptions } from '../types/CallControlOptions';\nimport { PreparedMoreDrawer } from '../../common/Drawer/PreparedMoreDrawer';\nimport { getIsTeamsMeeting, getRemoteParticipants } from '../selectors/baseSelectors';\n/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\nimport { getPage } from '../selectors/baseSelectors';\nimport { getCallStatus, getCaptionsStatus } from '../selectors/baseSelectors';\nimport { drawerContainerStyles } from '../styles/CallComposite.styles';\nimport { SidePane } from './SidePane/SidePane';\nimport { usePeoplePane } from './SidePane/usePeoplePane';\n\nimport {\n  useVideoEffectsPane,\n  VIDEO_EFFECTS_SIDE_PANE_ID,\n  VIDEO_EFFECTS_SIDE_PANE_WIDTH_REM\n} from './SidePane/useVideoEffectsPane';\nimport { isDisabled } from '../utils';\nimport { SidePaneRenderer, useIsSidePaneOpen } from './SidePane/SidePaneProvider';\n\nimport { useIsParticularSidePaneOpen } from './SidePane/SidePaneProvider';\nimport { ModalLocalAndRemotePIP } from '../../common/ModalLocalAndRemotePIP';\nimport { getPipStyles } from '../../common/styles/ModalLocalAndRemotePIP.styles';\nimport { useMinMaxDragPosition } from '../../common/utils';\nimport { MobileChatSidePaneTabHeaderProps } from '../../common/TabHeader';\nimport { CommonCallControlOptions } from '../../common/types/CommonCallControlOptions';\n\nimport { localVideoSelector } from '../../CallComposite/selectors/localVideoStreamSelector';\n\nimport {\n  CapabilitiesChangedNotificationBar,\n  CapabilitiesChangeNotificationBarProps\n} from './CapabilitiesChangedNotificationBar';\nimport { useLocale } from '../../localization';\n/* @conditional-compile-remove(spotlight) */\nimport { usePropsFor } from '../hooks/usePropsFor';\n/* @conditional-compile-remove(spotlight) */\nimport { PromptProps } from './Prompt';\n/* @conditional-compile-remove(spotlight) */\nimport {\n  useLocalSpotlightCallbacksWithPrompt,\n  useRemoteSpotlightCallbacksWithPrompt,\n  useStopAllSpotlightCallbackWithPrompt\n} from '../utils/spotlightUtils';\n/* @conditional-compile-remove(acs-close-captions) */\nimport { getCaptionsKind, getIsTeamsCall } from '../selectors/baseSelectors';\n\n/**\n * @private\n */\nexport interface CallArrangementProps {\n  id?: string;\n  complianceBannerProps: _ComplianceBannerProps;\n  errorBarProps: ErrorBarProps | false;\n  mutedNotificationProps?: MutedNotificationProps;\n  callControlProps: CallControlsProps;\n  onRenderGalleryContent: () => JSX.Element;\n  dataUiId: string;\n  mobileView: boolean;\n  modalLayerHostId: string;\n  onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n  updateSidePaneRenderer: (renderer: SidePaneRenderer | undefined) => void;\n  mobileChatTabHeader?: MobileChatSidePaneTabHeaderProps;\n  latestErrors: ActiveErrorMessage[];\n  onDismissError: (error: ActiveErrorMessage) => void;\n  onUserSetOverflowGalleryPositionChange?: (position: 'Responsive' | 'horizontalTop') => void;\n  onUserSetGalleryLayoutChange?: (layout: VideoGalleryLayout) => void;\n  userSetGalleryLayout?: VideoGalleryLayout;\n\n  capabilitiesChangedNotificationBarProps?: CapabilitiesChangeNotificationBarProps;\n  onCloseChatPane?: () => void;\n  onSetDialpadPage?: () => void;\n  dtmfDialerPresent?: boolean;\n  /* @conditional-compile-remove(spotlight) */\n  setIsPromptOpen?: (isOpen: boolean) => void;\n  /* @conditional-compile-remove(spotlight) */\n  setPromptProps?: (props: PromptProps) => void;\n  /* @conditional-compile-remove(spotlight) */\n  hideSpotlightButtons?: boolean;\n}\n\n/**\n * @private\n */\nexport const CallArrangement = (props: CallArrangementProps): JSX.Element => {\n  const containerClassName = useMemo(() => {\n    return props.mobileView ? containerStyleMobile : containerStyleDesktop;\n  }, [props.mobileView]);\n\n  const theme = useTheme();\n  const callGalleryStyles = useMemo(\n    () => galleryParentContainerStyles(theme.palette.neutralLighterAlt),\n    [theme.palette.neutralLighterAlt]\n  );\n\n  const peopleButtonRef = useRef<IButton>(null);\n  const cameraButtonRef = useRef<IButton>(null);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const containerWidth = _useContainerWidth(containerRef);\n  const containerHeight = _useContainerHeight(containerRef);\n\n  const isInLobby = _isInLobbyOrConnecting(useSelector(callStatusSelector).callStatus);\n\n  const { updateSidePaneRenderer } = props;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  const isInLocalHold = useSelector(getPage) === 'hold';\n\n  const adapter = useAdapter();\n\n  const [participantActioned, setParticipantActioned] = useState<string>();\n  const remoteParticipants = useSelector(getRemoteParticipants);\n  const [drawerMenuItems, setDrawerMenuItems] = useState<_DrawerMenuItemProps[]>([]);\n  useEffect(() => {\n    const participantIsActionedButIsNotPresent =\n      participantActioned && remoteParticipants?.[participantActioned] === undefined;\n    if (participantIsActionedButIsNotPresent) {\n      setDrawerMenuItems([]);\n    }\n  }, [participantActioned, remoteParticipants]);\n  const peoplePaneProps = useMemo(\n    () => ({\n      updateSidePaneRenderer,\n      setDrawerMenuItems,\n      inviteLink: props.callControlProps.callInvitationURL,\n      onFetchAvatarPersonaData: props.onFetchAvatarPersonaData,\n      onFetchParticipantMenuItems: props.callControlProps?.onFetchParticipantMenuItems,\n      mobileView: props.mobileView,\n      peopleButtonRef,\n      setParticipantActioned\n    }),\n    [\n      updateSidePaneRenderer,\n      props.callControlProps.callInvitationURL,\n      props.callControlProps?.onFetchParticipantMenuItems,\n      props.onFetchAvatarPersonaData,\n      props.mobileView,\n      peopleButtonRef,\n      setParticipantActioned\n    ]\n  );\n\n  const locale = useLocale();\n\n  /* @conditional-compile-remove(spotlight) */\n  const videoGalleryProps = usePropsFor(VideoGallery);\n\n  /* @conditional-compile-remove(spotlight) */\n  const { setPromptProps, setIsPromptOpen, hideSpotlightButtons } = props;\n\n  /* @conditional-compile-remove(spotlight) */\n  const {\n    onStartLocalSpotlight,\n    onStopLocalSpotlight,\n    onStartRemoteSpotlight,\n    onStopRemoteSpotlight,\n    spotlightedParticipants,\n    maxParticipantsToSpotlight,\n    localParticipant\n  } = videoGalleryProps;\n\n  /* @conditional-compile-remove(spotlight) */\n  const { onStartLocalSpotlightWithPrompt, onStopLocalSpotlightWithPrompt } = useLocalSpotlightCallbacksWithPrompt(\n    onStartLocalSpotlight,\n    onStopLocalSpotlight,\n    setIsPromptOpen,\n    setPromptProps\n  );\n\n  /* @conditional-compile-remove(spotlight) */\n  const { onStartRemoteSpotlightWithPrompt, onStopRemoteSpotlightWithPrompt } = useRemoteSpotlightCallbacksWithPrompt(\n    onStartRemoteSpotlight,\n    onStopRemoteSpotlight,\n    setIsPromptOpen,\n    setPromptProps\n  );\n\n  /* @conditional-compile-remove(spotlight) */\n  const canRemoveSpotlight =\n    adapter.getState().call?.capabilitiesFeature?.capabilities.removeParticipantsSpotlight.isPresent;\n  /* @conditional-compile-remove(spotlight) */\n  const stopAllSpotlight = useMemo(\n    () => (canRemoveSpotlight ? () => adapter.stopAllSpotlight() : undefined),\n    [canRemoveSpotlight, adapter]\n  );\n\n  /* @conditional-compile-remove(spotlight) */\n  const { stopAllSpotlightWithPrompt } = useStopAllSpotlightCallbackWithPrompt(\n    stopAllSpotlight,\n    setIsPromptOpen,\n    setPromptProps\n  );\n\n  const spotlightPeoplePaneProps = useMemo(() => {\n    /* @conditional-compile-remove(spotlight) */\n    return {\n      spotlightedParticipantUserIds: spotlightedParticipants,\n      onStartLocalSpotlight: hideSpotlightButtons ? undefined : onStartLocalSpotlightWithPrompt,\n      onStopLocalSpotlight: hideSpotlightButtons ? undefined : onStopLocalSpotlightWithPrompt,\n      onStartRemoteSpotlight: hideSpotlightButtons ? undefined : onStartRemoteSpotlightWithPrompt,\n      onStopRemoteSpotlight: hideSpotlightButtons ? undefined : onStopRemoteSpotlightWithPrompt,\n      onStopAllSpotlight: hideSpotlightButtons ? undefined : stopAllSpotlightWithPrompt,\n      maxParticipantsToSpotlight\n    };\n    return {};\n  }, [\n    /* @conditional-compile-remove(spotlight) */ hideSpotlightButtons,\n    /* @conditional-compile-remove(spotlight) */ maxParticipantsToSpotlight,\n    /* @conditional-compile-remove(spotlight) */ onStartLocalSpotlightWithPrompt,\n    /* @conditional-compile-remove(spotlight) */ onStartRemoteSpotlightWithPrompt,\n    /* @conditional-compile-remove(spotlight) */ onStopLocalSpotlightWithPrompt,\n    /* @conditional-compile-remove(spotlight) */ onStopRemoteSpotlightWithPrompt,\n    /* @conditional-compile-remove(spotlight) */ stopAllSpotlightWithPrompt,\n    /* @conditional-compile-remove(spotlight) */ spotlightedParticipants\n  ]);\n\n  const { isPeoplePaneOpen, openPeoplePane, closePeoplePane } = usePeoplePane({\n    ...peoplePaneProps,\n    ...spotlightPeoplePaneProps\n  });\n  const togglePeoplePane = useCallback(() => {\n    if (isPeoplePaneOpen) {\n      closePeoplePane();\n    } else {\n      openPeoplePane();\n    }\n  }, [closePeoplePane, isPeoplePaneOpen, openPeoplePane]);\n\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  useEffect(() => {\n    if (isInLocalHold) {\n      // close side pane on local hold\n      updateSidePaneRenderer(undefined);\n    }\n  }, [updateSidePaneRenderer, isInLocalHold, isPeoplePaneOpen, closePeoplePane]);\n\n  const isSidePaneOpen = useIsSidePaneOpen();\n\n  const [renderGallery, setRenderGallery] = useState<boolean>(!isSidePaneOpen && props.mobileView);\n\n  useEffect(() => {\n    if (isSidePaneOpen && props.mobileView) {\n      setRenderGallery(false);\n    } else {\n      setRenderGallery(true);\n    }\n  }, [props.mobileView, isSidePaneOpen]);\n\n  const modalStrings = { dismissModalAriaLabel: locale.strings.call.dismissModalAriaLabel };\n\n  const isMobileWithActivePane = props.mobileView && isSidePaneOpen;\n\n  const callCompositeContainerCSS = useMemo((): React.CSSProperties => {\n    return {\n      display: isMobileWithActivePane ? 'none' : 'flex',\n      minWidth: props.mobileView ? 'unset' : `${compositeMinWidthRem}rem`,\n      width: '100%',\n      height: '100%',\n      position: 'relative'\n    };\n  }, [isMobileWithActivePane, props.mobileView]);\n\n  const onResolveVideoEffectDependency = adapter.getState().onResolveVideoEffectDependency;\n\n  const { openVideoEffectsPane } = useVideoEffectsPane(\n    props.updateSidePaneRenderer,\n    props.mobileView,\n    props.latestErrors,\n    props.onDismissError,\n    cameraButtonRef\n  );\n  const [showDrawer, setShowDrawer] = useState(false);\n  const onMoreButtonClicked = useCallback(() => {\n    setShowDrawer(true);\n  }, []);\n  const closeDrawer = useCallback(() => {\n    setShowDrawer(false);\n  }, []);\n  const onMoreDrawerPeopleClicked = useCallback(() => {\n    setShowDrawer(false);\n    togglePeoplePane();\n  }, [togglePeoplePane]);\n\n  const drawerContainerStylesValue = useMemo(() => drawerContainerStyles(DRAWER_Z_INDEX), []);\n\n  const role = adapter.getState().call?.role;\n\n  const canUnmute = role !== 'Consumer' ? true : false;\n\n  let filteredLatestErrors: ActiveErrorMessage[] = props.errorBarProps !== false ? props.latestErrors : [];\n\n  const isCameraOn = useSelector(localVideoSelector).isAvailable;\n\n  // TODO: move this logic to the error bar selector once role is plumbed from the headless SDK\n  if (role === 'Consumer' && props.errorBarProps) {\n    filteredLatestErrors = filteredLatestErrors.filter(\n      (e) => e.type !== 'callCameraAccessDenied' && e.type !== 'callCameraAccessDeniedSafari'\n    );\n  }\n\n  const isVideoPaneOpen = useIsParticularSidePaneOpen(VIDEO_EFFECTS_SIDE_PANE_ID);\n\n  if ((isVideoPaneOpen || !isCameraOn) && props.errorBarProps) {\n    filteredLatestErrors = filteredLatestErrors.filter((e) => e.type !== 'unableToStartVideoEffect');\n  }\n\n  /* @conditional-compile-remove(acs-close-captions) */\n  const isTeamsCaptions = useSelector(getCaptionsKind) === 'TeamsCaptions';\n  const isTeamsMeeting = useSelector(getIsTeamsMeeting);\n  /* @conditional-compile-remove(acs-close-captions) */\n  const isTeamsCall = useSelector(getIsTeamsCall);\n  const useTeamsCaptions =\n    isTeamsMeeting ||\n    /* @conditional-compile-remove(acs-close-captions) */ isTeamsCall ||\n    /* @conditional-compile-remove(acs-close-captions) */ isTeamsCaptions;\n  const hasJoinedCall = useSelector(getCallStatus) === 'Connected';\n  const isCaptionsOn = useSelector(getCaptionsStatus);\n  const minMaxDragPosition = useMinMaxDragPosition(props.modalLayerHostId);\n  const pipStyles = useMemo(() => getPipStyles(theme), [theme]);\n\n  const verticalControlBar =\n    props.mobileView && containerWidth && containerHeight && containerWidth / containerHeight > 1 ? true : false;\n\n  // Filter out shareScreen capability notifications if on mobile\n  const filteredCapabilitesChangedNotifications = props.mobileView\n    ? props.capabilitiesChangedNotificationBarProps?.capabilitiesChangedNotifications.filter(\n        (notification) => notification.capabilityName !== 'shareScreen'\n      )\n    : props.capabilitiesChangedNotificationBarProps?.capabilitiesChangedNotifications;\n\n  return (\n    <div ref={containerRef} className={mergeStyles(containerDivStyles)} id={props.id}>\n      <Stack verticalFill horizontalAlign=\"stretch\" className={containerClassName} data-ui-id={props.dataUiId}>\n        <Stack\n          reversed\n          horizontal={verticalControlBar}\n          grow\n          styles={callArrangementContainerStyles(verticalControlBar)}\n        >\n          {props.callControlProps?.options !== false && !isMobileWithActivePane && (\n            <Stack\n              verticalAlign={'center'}\n              className={mergeStyles({\n                zIndex: CONTROL_BAR_Z_INDEX,\n                padding: verticalControlBar ? '0.25rem' : 'unset'\n              })}\n            >\n              {isLegacyCallControlEnabled(props.callControlProps?.options) ? (\n                <CallControls\n                  {...props.callControlProps}\n                  containerWidth={containerWidth}\n                  containerHeight={containerHeight}\n                  isMobile={props.mobileView}\n                  /* @conditional-compile-remove(one-to-n-calling) */\n                  peopleButtonChecked={isPeoplePaneOpen}\n                  /* @conditional-compile-remove(one-to-n-calling) */\n                  onPeopleButtonClicked={togglePeoplePane}\n                  displayVertical={verticalControlBar}\n                />\n              ) : (\n                <CommonCallControlBar\n                  {...props.callControlProps}\n                  callControls={props.callControlProps.options}\n                  callAdapter={adapter as CallAdapter}\n                  mobileView={props.mobileView}\n                  disableButtonsForLobbyPage={isInLobby}\n                  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n                  disableButtonsForHoldScreen={isInLocalHold}\n                  peopleButtonChecked={isPeoplePaneOpen}\n                  onPeopleButtonClicked={togglePeoplePane}\n                  onMoreButtonClicked={onMoreButtonClicked}\n                  isCaptionsSupported={\n                    (useTeamsCaptions && hasJoinedCall) ||\n                    /* @conditional-compile-remove(acs-close-captions) */ hasJoinedCall\n                  }\n                  useTeamsCaptions={useTeamsCaptions}\n                  isCaptionsOn={isCaptionsOn}\n                  onClickVideoEffects={onResolveVideoEffectDependency ? openVideoEffectsPane : undefined}\n                  displayVertical={verticalControlBar}\n                  onUserSetOverflowGalleryPositionChange={props.onUserSetOverflowGalleryPositionChange}\n                  onUserSetGalleryLayout={props.onUserSetGalleryLayoutChange}\n                  userSetGalleryLayout={props.userSetGalleryLayout}\n                  onSetDialpadPage={props.onSetDialpadPage}\n                  dtmfDialerPresent={props.dtmfDialerPresent}\n                  peopleButtonRef={peopleButtonRef}\n                  cameraButtonRef={cameraButtonRef}\n                  /* @conditional-compile-remove(spotlight) */\n                  onStopLocalSpotlight={\n                    !hideSpotlightButtons && localParticipant.spotlight ? onStopLocalSpotlightWithPrompt : undefined\n                  }\n                />\n              )}\n            </Stack>\n          )}\n          {props.callControlProps?.options !== false && showDrawer && (\n            <Stack styles={drawerContainerStylesValue}>\n              <PreparedMoreDrawer\n                callControls={props.callControlProps.options}\n                onLightDismiss={closeDrawer}\n                onPeopleButtonClicked={onMoreDrawerPeopleClicked}\n                /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n                disableButtonsForHoldScreen={isInLocalHold}\n                isCaptionsSupported={\n                  (useTeamsCaptions && hasJoinedCall) ||\n                  /* @conditional-compile-remove(acs-close-captions) */ hasJoinedCall\n                }\n                useTeamsCaptions={useTeamsCaptions}\n                onUserSetGalleryLayout={props.onUserSetGalleryLayoutChange}\n                userSetGalleryLayout={props.userSetGalleryLayout}\n                onSetDialpadPage={props.onSetDialpadPage}\n                dtmfDialerPresent={props.dtmfDialerPresent}\n                reactionResources={adapter.getState().reactions}\n              />\n            </Stack>\n          )}\n          <Stack horizontal grow>\n            <Stack.Item style={callCompositeContainerCSS}>\n              <Stack.Item styles={callGalleryStyles} grow>\n                <Stack verticalFill styles={mediaGalleryContainerStyles}>\n                  <Stack.Item styles={notificationsContainerStyles}>\n                    <Stack styles={bannerNotificationStyles}>\n                      <_ComplianceBanner {...props.complianceBannerProps} />\n                    </Stack>\n                    {props.errorBarProps !== false && (\n                      <Stack styles={bannerNotificationStyles}>\n                        <ErrorBar\n                          {...props.errorBarProps}\n                          onDismissError={props.onDismissError}\n                          activeErrorMessages={filteredLatestErrors}\n                        />\n                      </Stack>\n                    )}\n                    {props.capabilitiesChangedNotificationBarProps &&\n                      props.capabilitiesChangedNotificationBarProps.capabilitiesChangedNotifications.length > 0 && (\n                        <Stack styles={bannerNotificationStyles}>\n                          <CapabilitiesChangedNotificationBar\n                            {...props.capabilitiesChangedNotificationBarProps}\n                            capabilitiesChangedNotifications={filteredCapabilitesChangedNotifications ?? []}\n                          />\n                        </Stack>\n                      )}\n                    {canUnmute && !!props.mutedNotificationProps && (\n                      <MutedNotification {...props.mutedNotificationProps} />\n                    )}\n                  </Stack.Item>\n                  {renderGallery && props.onRenderGalleryContent && props.onRenderGalleryContent()}\n                  {true &&\n                    /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ !isInLocalHold && (\n                      <CaptionsBanner\n                        isMobile={props.mobileView}\n                        onFetchAvatarPersonaData={props.onFetchAvatarPersonaData}\n                        useTeamsCaptions={useTeamsCaptions}\n                      />\n                    )}\n                </Stack>\n              </Stack.Item>\n            </Stack.Item>\n            <SidePane\n              mobileView={props.mobileView}\n              maxWidth={isVideoPaneOpen ? `${VIDEO_EFFECTS_SIDE_PANE_WIDTH_REM}rem` : undefined}\n              minWidth={isVideoPaneOpen ? `${VIDEO_EFFECTS_SIDE_PANE_WIDTH_REM}rem` : undefined}\n              updateSidePaneRenderer={props.updateSidePaneRenderer}\n              onPeopleButtonClicked={\n                props.mobileView && !shouldShowPeopleTabHeaderButton(props.callControlProps.options)\n                  ? undefined\n                  : togglePeoplePane\n              }\n              disablePeopleButton={\n                typeof props.callControlProps.options !== 'boolean' &&\n                isDisabled(props.callControlProps.options?.participantsButton)\n              }\n              onChatButtonClicked={props.mobileChatTabHeader?.onClick}\n              disableChatButton={props.mobileChatTabHeader?.disabled}\n            />\n            {props.mobileView && (\n              <ModalLocalAndRemotePIP\n                modalLayerHostId={props.modalLayerHostId}\n                hidden={!isSidePaneOpen}\n                styles={pipStyles}\n                strings={modalStrings}\n                minDragPosition={minMaxDragPosition.minDragPosition}\n                maxDragPosition={minMaxDragPosition.maxDragPosition}\n                onDismissSidePane={() => {\n                  closePeoplePane();\n                  if (props.onCloseChatPane) {\n                    props.onCloseChatPane();\n                  }\n                }}\n              />\n            )}\n            {drawerMenuItems.length > 0 && (\n              <Stack styles={drawerContainerStyles()}>\n                <_DrawerMenu onLightDismiss={() => setDrawerMenuItems([])} items={drawerMenuItems} />\n              </Stack>\n            )}\n          </Stack>\n        </Stack>\n      </Stack>\n    </div>\n  );\n};\n\nconst isLegacyCallControlEnabled = (options?: boolean | CallControlOptions): boolean => {\n  return !!options && options !== true && options?.legacyControlBarExperience === true;\n};\n\nconst shouldShowPeopleTabHeaderButton = (callControls?: boolean | CommonCallControlOptions): boolean => {\n  if (callControls === undefined || callControls === true) {\n    return true;\n  }\n  if (callControls === false) {\n    return false;\n  }\n  return callControls.participantsButton !== false && callControls.peopleButton !== false;\n};\n"]}
+{"version":3,"file":"CallArrangement.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/CallArrangement.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IButton, mergeStyles, Stack } from '@fluentui/react';\nimport { _isInCall, _isInLobbyOrConnecting } from '@internal/calling-component-bindings';\nimport {\n  _ComplianceBanner,\n  _ComplianceBannerProps,\n  _DrawerMenu,\n  _DrawerMenuItemProps,\n  _useContainerHeight,\n  _useContainerWidth,\n  ActiveErrorMessage,\n  ErrorBar,\n  ErrorBarProps,\n  useTheme\n} from '@internal/react-components';\nimport { VideoGalleryLayout } from '@internal/react-components';\n/* @conditional-compile-remove(spotlight) */\nimport { VideoGallery } from '@internal/react-components';\nimport React, { useMemo, useRef, useState } from 'react';\nimport { useEffect } from 'react';\nimport { useCallback } from 'react';\nimport { AvatarPersonaDataCallback } from '../../common/AvatarPersona';\nimport { CaptionsBanner } from '../../common/CaptionsBanner';\nimport { containerDivStyles } from '../../common/ContainerRectProps';\nimport { compositeMinWidthRem } from '../../common/styles/Composite.styles';\nimport { useAdapter } from '../adapter/CallAdapterProvider';\nimport { CallControls, CallControlsProps } from '../components/CallControls';\nimport { CommonCallControlBar } from '../../common/ControlBar/CommonCallControlBar';\nimport {\n  callArrangementContainerStyles,\n  notificationsContainerStyles,\n  containerStyleDesktop,\n  containerStyleMobile,\n  mediaGalleryContainerStyles,\n  galleryParentContainerStyles,\n  bannerNotificationStyles,\n  CONTROL_BAR_Z_INDEX,\n  DRAWER_Z_INDEX\n} from '../styles/CallPage.styles';\nimport { MutedNotification, MutedNotificationProps } from './MutedNotification';\nimport { CallAdapter } from '../adapter';\nimport { useSelector } from '../hooks/useSelector';\nimport { callStatusSelector } from '../selectors/callStatusSelector';\nimport { CallControlOptions } from '../types/CallControlOptions';\nimport { PreparedMoreDrawer } from '../../common/Drawer/PreparedMoreDrawer';\nimport { getIsTeamsMeeting, getRemoteParticipants } from '../selectors/baseSelectors';\n/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\nimport { getPage } from '../selectors/baseSelectors';\nimport { getCallStatus, getCaptionsStatus } from '../selectors/baseSelectors';\nimport { drawerContainerStyles } from '../styles/CallComposite.styles';\nimport { SidePane } from './SidePane/SidePane';\nimport { usePeoplePane } from './SidePane/usePeoplePane';\n\nimport {\n  useVideoEffectsPane,\n  VIDEO_EFFECTS_SIDE_PANE_ID,\n  VIDEO_EFFECTS_SIDE_PANE_WIDTH_REM\n} from './SidePane/useVideoEffectsPane';\nimport { isDisabled } from '../utils';\nimport { SidePaneRenderer, useIsSidePaneOpen } from './SidePane/SidePaneProvider';\n\nimport { useIsParticularSidePaneOpen } from './SidePane/SidePaneProvider';\nimport { ModalLocalAndRemotePIP } from '../../common/ModalLocalAndRemotePIP';\nimport { getPipStyles } from '../../common/styles/ModalLocalAndRemotePIP.styles';\nimport { useMinMaxDragPosition } from '../../common/utils';\nimport { MobileChatSidePaneTabHeaderProps } from '../../common/TabHeader';\nimport { CommonCallControlOptions } from '../../common/types/CommonCallControlOptions';\n\nimport { localVideoSelector } from '../../CallComposite/selectors/localVideoStreamSelector';\n\nimport {\n  CapabilitiesChangedNotificationBar,\n  CapabilitiesChangeNotificationBarProps\n} from './CapabilitiesChangedNotificationBar';\nimport { useLocale } from '../../localization';\n/* @conditional-compile-remove(spotlight) */\nimport { usePropsFor } from '../hooks/usePropsFor';\n/* @conditional-compile-remove(spotlight) */\nimport { PromptProps } from './Prompt';\n/* @conditional-compile-remove(spotlight) */\nimport {\n  useLocalSpotlightCallbacksWithPrompt,\n  useRemoteSpotlightCallbacksWithPrompt,\n  useStopAllSpotlightCallbackWithPrompt\n} from '../utils/spotlightUtils';\n/* @conditional-compile-remove(acs-close-captions) */\nimport { getCaptionsKind, getIsTeamsCall } from '../selectors/baseSelectors';\n\n/**\n * @private\n */\nexport interface CallArrangementProps {\n  id?: string;\n  complianceBannerProps: _ComplianceBannerProps;\n  errorBarProps: ErrorBarProps | false;\n  mutedNotificationProps?: MutedNotificationProps;\n  callControlProps: CallControlsProps;\n  onRenderGalleryContent: () => JSX.Element;\n  dataUiId: string;\n  mobileView: boolean;\n  modalLayerHostId: string;\n  onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n  updateSidePaneRenderer: (renderer: SidePaneRenderer | undefined) => void;\n  mobileChatTabHeader?: MobileChatSidePaneTabHeaderProps;\n  latestErrors: ActiveErrorMessage[];\n  onDismissError: (error: ActiveErrorMessage) => void;\n  onUserSetOverflowGalleryPositionChange?: (position: 'Responsive' | 'horizontalTop') => void;\n  onUserSetGalleryLayoutChange?: (layout: VideoGalleryLayout) => void;\n  userSetGalleryLayout?: VideoGalleryLayout;\n\n  capabilitiesChangedNotificationBarProps?: CapabilitiesChangeNotificationBarProps;\n  onCloseChatPane?: () => void;\n  onSetDialpadPage?: () => void;\n  dtmfDialerPresent?: boolean;\n  /* @conditional-compile-remove(spotlight) */\n  setIsPromptOpen?: (isOpen: boolean) => void;\n  /* @conditional-compile-remove(spotlight) */\n  setPromptProps?: (props: PromptProps) => void;\n  /* @conditional-compile-remove(spotlight) */\n  hideSpotlightButtons?: boolean;\n}\n\n/**\n * @private\n */\nexport const CallArrangement = (props: CallArrangementProps): JSX.Element => {\n  const containerClassName = useMemo(() => {\n    return props.mobileView ? containerStyleMobile : containerStyleDesktop;\n  }, [props.mobileView]);\n\n  const theme = useTheme();\n  const callGalleryStyles = useMemo(\n    () => galleryParentContainerStyles(theme.palette.neutralLighterAlt),\n    [theme.palette.neutralLighterAlt]\n  );\n\n  const peopleButtonRef = useRef<IButton>(null);\n  const cameraButtonRef = useRef<IButton>(null);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const containerWidth = _useContainerWidth(containerRef);\n  const containerHeight = _useContainerHeight(containerRef);\n\n  const isInLobby = _isInLobbyOrConnecting(useSelector(callStatusSelector).callStatus);\n\n  const { updateSidePaneRenderer } = props;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  const isInLocalHold = useSelector(getPage) === 'hold';\n\n  const adapter = useAdapter();\n\n  const [participantActioned, setParticipantActioned] = useState<string>();\n  const remoteParticipants = useSelector(getRemoteParticipants);\n  const [drawerMenuItems, setDrawerMenuItems] = useState<_DrawerMenuItemProps[]>([]);\n  useEffect(() => {\n    const participantIsActionedButIsNotPresent =\n      participantActioned && remoteParticipants?.[participantActioned] === undefined;\n    if (participantIsActionedButIsNotPresent) {\n      setDrawerMenuItems([]);\n    }\n  }, [participantActioned, remoteParticipants]);\n  const peoplePaneProps = useMemo(\n    () => ({\n      updateSidePaneRenderer,\n      setDrawerMenuItems,\n      inviteLink: props.callControlProps.callInvitationURL,\n      onFetchAvatarPersonaData: props.onFetchAvatarPersonaData,\n      onFetchParticipantMenuItems: props.callControlProps?.onFetchParticipantMenuItems,\n      mobileView: props.mobileView,\n      peopleButtonRef,\n      setParticipantActioned\n    }),\n    [\n      updateSidePaneRenderer,\n      props.callControlProps.callInvitationURL,\n      props.callControlProps?.onFetchParticipantMenuItems,\n      props.onFetchAvatarPersonaData,\n      props.mobileView,\n      peopleButtonRef,\n      setParticipantActioned\n    ]\n  );\n\n  const locale = useLocale();\n  const role = adapter.getState().call?.role;\n\n  /* @conditional-compile-remove(spotlight) */\n  const videoGalleryProps = usePropsFor(VideoGallery);\n\n  /* @conditional-compile-remove(spotlight) */\n  const { setPromptProps, setIsPromptOpen, hideSpotlightButtons } = props;\n\n  /* @conditional-compile-remove(spotlight) */\n  const {\n    onStartLocalSpotlight,\n    onStopLocalSpotlight,\n    onStartRemoteSpotlight,\n    onStopRemoteSpotlight,\n    /* @conditional-compile-remove(soft-mute) */\n    onMuteParticipant,\n    spotlightedParticipants,\n    maxParticipantsToSpotlight,\n    localParticipant\n  } = videoGalleryProps;\n\n  /* @conditional-compile-remove(spotlight) */\n  const { onStartLocalSpotlightWithPrompt, onStopLocalSpotlightWithPrompt } = useLocalSpotlightCallbacksWithPrompt(\n    onStartLocalSpotlight,\n    onStopLocalSpotlight,\n    setIsPromptOpen,\n    setPromptProps\n  );\n\n  /* @conditional-compile-remove(spotlight) */\n  const { onStartRemoteSpotlightWithPrompt, onStopRemoteSpotlightWithPrompt } = useRemoteSpotlightCallbacksWithPrompt(\n    onStartRemoteSpotlight,\n    onStopRemoteSpotlight,\n    setIsPromptOpen,\n    setPromptProps\n  );\n\n  /* @conditional-compile-remove(spotlight) */\n  const canRemoveSpotlight =\n    adapter.getState().call?.capabilitiesFeature?.capabilities.removeParticipantsSpotlight.isPresent;\n  /* @conditional-compile-remove(spotlight) */\n  const stopAllSpotlight = useMemo(\n    () => (canRemoveSpotlight ? () => adapter.stopAllSpotlight() : undefined),\n    [canRemoveSpotlight, adapter]\n  );\n\n  /* @conditional-compile-remove(spotlight) */\n  const { stopAllSpotlightWithPrompt } = useStopAllSpotlightCallbackWithPrompt(\n    stopAllSpotlight,\n    setIsPromptOpen,\n    setPromptProps\n  );\n\n  const onMuteParticipantPeoplePaneProps = useMemo(() => {\n    /* @conditional-compile-remove(soft-mute) */\n    return {\n      onMuteParticipant: ['Unknown', 'Organizer', 'Presenter', 'Co-organizer'].includes(role ?? '')\n        ? onMuteParticipant\n        : undefined\n    };\n    return {};\n  }, [\n    /* @conditional-compile-remove(soft-mute) */ onMuteParticipant,\n    /* @conditional-compile-remove(soft-mute) */ role\n  ]);\n\n  const spotlightPeoplePaneProps = useMemo(() => {\n    /* @conditional-compile-remove(spotlight) */\n    return {\n      spotlightedParticipantUserIds: spotlightedParticipants,\n      onStartLocalSpotlight: hideSpotlightButtons ? undefined : onStartLocalSpotlightWithPrompt,\n      onStopLocalSpotlight: hideSpotlightButtons ? undefined : onStopLocalSpotlightWithPrompt,\n      onStartRemoteSpotlight: hideSpotlightButtons ? undefined : onStartRemoteSpotlightWithPrompt,\n      onStopRemoteSpotlight: hideSpotlightButtons ? undefined : onStopRemoteSpotlightWithPrompt,\n      onStopAllSpotlight: hideSpotlightButtons ? undefined : stopAllSpotlightWithPrompt,\n      maxParticipantsToSpotlight\n    };\n    return {};\n  }, [\n    /* @conditional-compile-remove(spotlight) */ hideSpotlightButtons,\n    /* @conditional-compile-remove(spotlight) */ maxParticipantsToSpotlight,\n    /* @conditional-compile-remove(spotlight) */ onStartLocalSpotlightWithPrompt,\n    /* @conditional-compile-remove(spotlight) */ onStartRemoteSpotlightWithPrompt,\n    /* @conditional-compile-remove(spotlight) */ onStopLocalSpotlightWithPrompt,\n    /* @conditional-compile-remove(spotlight) */ onStopRemoteSpotlightWithPrompt,\n    /* @conditional-compile-remove(spotlight) */ stopAllSpotlightWithPrompt,\n    /* @conditional-compile-remove(spotlight) */ spotlightedParticipants\n  ]);\n\n  const { isPeoplePaneOpen, openPeoplePane, closePeoplePane } = usePeoplePane({\n    ...peoplePaneProps,\n    ...spotlightPeoplePaneProps,\n    ...onMuteParticipantPeoplePaneProps\n  });\n  const togglePeoplePane = useCallback(() => {\n    if (isPeoplePaneOpen) {\n      closePeoplePane();\n    } else {\n      openPeoplePane();\n    }\n  }, [closePeoplePane, isPeoplePaneOpen, openPeoplePane]);\n\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  useEffect(() => {\n    if (isInLocalHold) {\n      // close side pane on local hold\n      updateSidePaneRenderer(undefined);\n    }\n  }, [updateSidePaneRenderer, isInLocalHold, isPeoplePaneOpen, closePeoplePane]);\n\n  const isSidePaneOpen = useIsSidePaneOpen();\n\n  const [renderGallery, setRenderGallery] = useState<boolean>(!isSidePaneOpen && props.mobileView);\n\n  useEffect(() => {\n    if (isSidePaneOpen && props.mobileView) {\n      setRenderGallery(false);\n    } else {\n      setRenderGallery(true);\n    }\n  }, [props.mobileView, isSidePaneOpen]);\n\n  const modalStrings = { dismissModalAriaLabel: locale.strings.call.dismissModalAriaLabel };\n\n  const isMobileWithActivePane = props.mobileView && isSidePaneOpen;\n\n  const callCompositeContainerCSS = useMemo((): React.CSSProperties => {\n    return {\n      display: isMobileWithActivePane ? 'none' : 'flex',\n      minWidth: props.mobileView ? 'unset' : `${compositeMinWidthRem}rem`,\n      width: '100%',\n      height: '100%',\n      position: 'relative'\n    };\n  }, [isMobileWithActivePane, props.mobileView]);\n\n  const onResolveVideoEffectDependency = adapter.getState().onResolveVideoEffectDependency;\n\n  const { openVideoEffectsPane } = useVideoEffectsPane(\n    props.updateSidePaneRenderer,\n    props.mobileView,\n    props.latestErrors,\n    props.onDismissError,\n    cameraButtonRef\n  );\n  const [showDrawer, setShowDrawer] = useState(false);\n  const onMoreButtonClicked = useCallback(() => {\n    setShowDrawer(true);\n  }, []);\n  const closeDrawer = useCallback(() => {\n    setShowDrawer(false);\n  }, []);\n  const onMoreDrawerPeopleClicked = useCallback(() => {\n    setShowDrawer(false);\n    togglePeoplePane();\n  }, [togglePeoplePane]);\n\n  const drawerContainerStylesValue = useMemo(() => drawerContainerStyles(DRAWER_Z_INDEX), []);\n\n  const canUnmute = role !== 'Consumer' ? true : false;\n\n  let filteredLatestErrors: ActiveErrorMessage[] = props.errorBarProps !== false ? props.latestErrors : [];\n\n  const isCameraOn = useSelector(localVideoSelector).isAvailable;\n\n  // TODO: move this logic to the error bar selector once role is plumbed from the headless SDK\n  if (role === 'Consumer' && props.errorBarProps) {\n    filteredLatestErrors = filteredLatestErrors.filter(\n      (e) => e.type !== 'callCameraAccessDenied' && e.type !== 'callCameraAccessDeniedSafari'\n    );\n  }\n\n  const isVideoPaneOpen = useIsParticularSidePaneOpen(VIDEO_EFFECTS_SIDE_PANE_ID);\n\n  if ((isVideoPaneOpen || !isCameraOn) && props.errorBarProps) {\n    filteredLatestErrors = filteredLatestErrors.filter((e) => e.type !== 'unableToStartVideoEffect');\n  }\n\n  /* @conditional-compile-remove(acs-close-captions) */\n  const isTeamsCaptions = useSelector(getCaptionsKind) === 'TeamsCaptions';\n  const isTeamsMeeting = useSelector(getIsTeamsMeeting);\n  /* @conditional-compile-remove(acs-close-captions) */\n  const isTeamsCall = useSelector(getIsTeamsCall);\n  const useTeamsCaptions =\n    isTeamsMeeting ||\n    /* @conditional-compile-remove(acs-close-captions) */ isTeamsCall ||\n    /* @conditional-compile-remove(acs-close-captions) */ isTeamsCaptions;\n  const hasJoinedCall = useSelector(getCallStatus) === 'Connected';\n  const isCaptionsOn = useSelector(getCaptionsStatus);\n  const minMaxDragPosition = useMinMaxDragPosition(props.modalLayerHostId);\n  const pipStyles = useMemo(() => getPipStyles(theme), [theme]);\n\n  const verticalControlBar =\n    props.mobileView && containerWidth && containerHeight && containerWidth / containerHeight > 1 ? true : false;\n\n  // Filter out shareScreen capability notifications if on mobile\n  const filteredCapabilitesChangedNotifications = props.mobileView\n    ? props.capabilitiesChangedNotificationBarProps?.capabilitiesChangedNotifications.filter(\n        (notification) => notification.capabilityName !== 'shareScreen'\n      )\n    : props.capabilitiesChangedNotificationBarProps?.capabilitiesChangedNotifications;\n\n  return (\n    <div ref={containerRef} className={mergeStyles(containerDivStyles)} id={props.id}>\n      <Stack verticalFill horizontalAlign=\"stretch\" className={containerClassName} data-ui-id={props.dataUiId}>\n        <Stack\n          reversed\n          horizontal={verticalControlBar}\n          grow\n          styles={callArrangementContainerStyles(verticalControlBar)}\n        >\n          {props.callControlProps?.options !== false && !isMobileWithActivePane && (\n            <Stack\n              verticalAlign={'center'}\n              className={mergeStyles({\n                zIndex: CONTROL_BAR_Z_INDEX,\n                padding: verticalControlBar ? '0.25rem' : 'unset'\n              })}\n            >\n              {isLegacyCallControlEnabled(props.callControlProps?.options) ? (\n                <CallControls\n                  {...props.callControlProps}\n                  containerWidth={containerWidth}\n                  containerHeight={containerHeight}\n                  isMobile={props.mobileView}\n                  /* @conditional-compile-remove(one-to-n-calling) */\n                  peopleButtonChecked={isPeoplePaneOpen}\n                  /* @conditional-compile-remove(one-to-n-calling) */\n                  onPeopleButtonClicked={togglePeoplePane}\n                  displayVertical={verticalControlBar}\n                />\n              ) : (\n                <CommonCallControlBar\n                  {...props.callControlProps}\n                  callControls={props.callControlProps.options}\n                  callAdapter={adapter as CallAdapter}\n                  mobileView={props.mobileView}\n                  disableButtonsForLobbyPage={isInLobby}\n                  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n                  disableButtonsForHoldScreen={isInLocalHold}\n                  peopleButtonChecked={isPeoplePaneOpen}\n                  onPeopleButtonClicked={togglePeoplePane}\n                  onMoreButtonClicked={onMoreButtonClicked}\n                  isCaptionsSupported={\n                    (useTeamsCaptions && hasJoinedCall) ||\n                    /* @conditional-compile-remove(acs-close-captions) */ hasJoinedCall\n                  }\n                  useTeamsCaptions={useTeamsCaptions}\n                  isCaptionsOn={isCaptionsOn}\n                  onClickVideoEffects={onResolveVideoEffectDependency ? openVideoEffectsPane : undefined}\n                  displayVertical={verticalControlBar}\n                  onUserSetOverflowGalleryPositionChange={props.onUserSetOverflowGalleryPositionChange}\n                  onUserSetGalleryLayout={props.onUserSetGalleryLayoutChange}\n                  userSetGalleryLayout={props.userSetGalleryLayout}\n                  onSetDialpadPage={props.onSetDialpadPage}\n                  dtmfDialerPresent={props.dtmfDialerPresent}\n                  peopleButtonRef={peopleButtonRef}\n                  cameraButtonRef={cameraButtonRef}\n                  /* @conditional-compile-remove(spotlight) */\n                  onStopLocalSpotlight={\n                    !hideSpotlightButtons && localParticipant.spotlight ? onStopLocalSpotlightWithPrompt : undefined\n                  }\n                />\n              )}\n            </Stack>\n          )}\n          {props.callControlProps?.options !== false && showDrawer && (\n            <Stack styles={drawerContainerStylesValue}>\n              <PreparedMoreDrawer\n                callControls={props.callControlProps.options}\n                onLightDismiss={closeDrawer}\n                onPeopleButtonClicked={onMoreDrawerPeopleClicked}\n                /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n                disableButtonsForHoldScreen={isInLocalHold}\n                isCaptionsSupported={\n                  (useTeamsCaptions && hasJoinedCall) ||\n                  /* @conditional-compile-remove(acs-close-captions) */ hasJoinedCall\n                }\n                useTeamsCaptions={useTeamsCaptions}\n                onUserSetGalleryLayout={props.onUserSetGalleryLayoutChange}\n                userSetGalleryLayout={props.userSetGalleryLayout}\n                onSetDialpadPage={props.onSetDialpadPage}\n                dtmfDialerPresent={props.dtmfDialerPresent}\n                reactionResources={adapter.getState().reactions}\n              />\n            </Stack>\n          )}\n          <Stack horizontal grow>\n            <Stack.Item style={callCompositeContainerCSS}>\n              <Stack.Item styles={callGalleryStyles} grow>\n                <Stack verticalFill styles={mediaGalleryContainerStyles}>\n                  <Stack.Item styles={notificationsContainerStyles}>\n                    <Stack styles={bannerNotificationStyles}>\n                      <_ComplianceBanner {...props.complianceBannerProps} />\n                    </Stack>\n                    {props.errorBarProps !== false && (\n                      <Stack styles={bannerNotificationStyles}>\n                        <ErrorBar\n                          {...props.errorBarProps}\n                          onDismissError={props.onDismissError}\n                          activeErrorMessages={filteredLatestErrors}\n                        />\n                      </Stack>\n                    )}\n                    {props.capabilitiesChangedNotificationBarProps &&\n                      props.capabilitiesChangedNotificationBarProps.capabilitiesChangedNotifications.length > 0 && (\n                        <Stack styles={bannerNotificationStyles}>\n                          <CapabilitiesChangedNotificationBar\n                            {...props.capabilitiesChangedNotificationBarProps}\n                            capabilitiesChangedNotifications={filteredCapabilitesChangedNotifications ?? []}\n                          />\n                        </Stack>\n                      )}\n                    {canUnmute && !!props.mutedNotificationProps && (\n                      <MutedNotification {...props.mutedNotificationProps} />\n                    )}\n                  </Stack.Item>\n                  {renderGallery && props.onRenderGalleryContent && props.onRenderGalleryContent()}\n                  {true &&\n                    /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ !isInLocalHold && (\n                      <CaptionsBanner\n                        isMobile={props.mobileView}\n                        onFetchAvatarPersonaData={props.onFetchAvatarPersonaData}\n                        useTeamsCaptions={useTeamsCaptions}\n                      />\n                    )}\n                </Stack>\n              </Stack.Item>\n            </Stack.Item>\n            <SidePane\n              mobileView={props.mobileView}\n              maxWidth={isVideoPaneOpen ? `${VIDEO_EFFECTS_SIDE_PANE_WIDTH_REM}rem` : undefined}\n              minWidth={isVideoPaneOpen ? `${VIDEO_EFFECTS_SIDE_PANE_WIDTH_REM}rem` : undefined}\n              updateSidePaneRenderer={props.updateSidePaneRenderer}\n              onPeopleButtonClicked={\n                props.mobileView && !shouldShowPeopleTabHeaderButton(props.callControlProps.options)\n                  ? undefined\n                  : togglePeoplePane\n              }\n              disablePeopleButton={\n                typeof props.callControlProps.options !== 'boolean' &&\n                isDisabled(props.callControlProps.options?.participantsButton)\n              }\n              onChatButtonClicked={props.mobileChatTabHeader?.onClick}\n              disableChatButton={props.mobileChatTabHeader?.disabled}\n            />\n            {props.mobileView && (\n              <ModalLocalAndRemotePIP\n                modalLayerHostId={props.modalLayerHostId}\n                hidden={!isSidePaneOpen}\n                styles={pipStyles}\n                strings={modalStrings}\n                minDragPosition={minMaxDragPosition.minDragPosition}\n                maxDragPosition={minMaxDragPosition.maxDragPosition}\n                onDismissSidePane={() => {\n                  closePeoplePane();\n                  if (props.onCloseChatPane) {\n                    props.onCloseChatPane();\n                  }\n                }}\n              />\n            )}\n            {drawerMenuItems.length > 0 && (\n              <Stack styles={drawerContainerStyles()}>\n                <_DrawerMenu onLightDismiss={() => setDrawerMenuItems([])} items={drawerMenuItems} />\n              </Stack>\n            )}\n          </Stack>\n        </Stack>\n      </Stack>\n    </div>\n  );\n};\n\nconst isLegacyCallControlEnabled = (options?: boolean | CallControlOptions): boolean => {\n  return !!options && options !== true && options?.legacyControlBarExperience === true;\n};\n\nconst shouldShowPeopleTabHeaderButton = (callControls?: boolean | CommonCallControlOptions): boolean => {\n  if (callControls === undefined || callControls === true) {\n    return true;\n  }\n  if (callControls === false) {\n    return false;\n  }\n  return callControls.participantsButton !== false && callControls.peopleButton !== false;\n};\n"]}

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

@@ -118,7 +118,11 @@ export const MediaGallery = (props) => {
             /* @conditional-compile-remove(spotlight) */
             onStartRemoteSpotlight: hideSpotlightButtons ? undefined : onStartRemoteSpotlightWithPrompt, 
             /* @conditional-compile-remove(spotlight) */
-            onStopRemoteSpotlight: hideSpotlightButtons ? undefined : onStopRemoteSpotlightWithPrompt })));
+            onStopRemoteSpotlight: hideSpotlightButtons ? undefined : onStopRemoteSpotlightWithPrompt, 
+            /* @conditional-compile-remove(soft-mute) */
+            onMuteParticipant: ['Unknown', 'Organizer', 'Presenter', 'Co-organizer'].includes(userRole !== null && userRole !== void 0 ? userRole : '')
+                ? videoGalleryProps.onMuteParticipant
+                : undefined })));
     }, [
         videoGalleryProps,
         props.isMobile,

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

@@ -1 +1 @@
-{"version":3,"file":"MediaGallery.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/MediaGallery.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { CSSProperties, useCallback, useMemo } from 'react';\nimport { useRef } from 'react';\nimport {\n  VideoGallery,\n  VideoStreamOptions,\n  CustomAvatarOptions,\n  Announcer,\n  VideoTileContextualMenuProps,\n  VideoTileDrawerMenuProps\n} from '@internal/react-components';\nimport { VideoGalleryLayout } from '@internal/react-components';\nimport { _useContainerWidth, _useContainerHeight } from '@internal/react-components';\nimport { usePropsFor } from '../hooks/usePropsFor';\nimport { AvatarPersona, AvatarPersonaDataCallback } from '../../common/AvatarPersona';\nimport { mergeStyles, Stack } from '@fluentui/react';\nimport { useHandlers } from '../hooks/useHandlers';\nimport { useSelector } from '../hooks/useSelector';\nimport { localVideoCameraCycleButtonSelector } from '../selectors/LocalVideoTileSelector';\nimport { LocalVideoCameraCycleButton } from '@internal/react-components';\nimport { _formatString } from '@internal/acs-ui-common';\nimport { useParticipantChangedAnnouncement } from '../utils/MediaGalleryUtils';\nimport { RemoteVideoTileMenuOptions } from '../CallComposite';\nimport { LocalVideoTileOptions } from '../CallComposite';\nimport { useAdapter } from '../adapter/CallAdapterProvider';\n/* @conditional-compile-remove(spotlight) */\nimport { PromptProps } from './Prompt';\n/* @conditional-compile-remove(spotlight) */\nimport { useLocalSpotlightCallbacksWithPrompt, useRemoteSpotlightCallbacksWithPrompt } from '../utils/spotlightUtils';\nimport { VideoTilesOptions } from '@internal/react-components';\n\nconst VideoGalleryStyles = {\n  root: {\n    height: '100%',\n    minHeight: '10rem', // space affordance to ensure media gallery is never collapsed\n    minWidth: '6rem'\n  }\n};\n\nconst localVideoViewOptions = {\n  scalingMode: 'Crop',\n  isMirrored: true\n} as VideoStreamOptions;\n\nconst remoteVideoViewOptions = {\n  scalingMode: 'Crop'\n} as VideoStreamOptions;\n\n/**\n * @private\n */\nexport interface MediaGalleryProps {\n  isVideoStreamOn?: boolean;\n  isMicrophoneChecked?: boolean;\n  onStartLocalVideo: () => Promise<void>;\n  onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n  isMobile?: boolean;\n  drawerMenuHostId?: string;\n  remoteVideoTileMenuOptions?: RemoteVideoTileMenuOptions;\n  localVideoTileOptions?: boolean | LocalVideoTileOptions;\n  userSetOverflowGalleryPosition?: 'Responsive' | 'horizontalTop';\n  userSetGalleryLayout: VideoGalleryLayout;\n  pinnedParticipants?: string[];\n  setPinnedParticipants?: (pinnedParticipants: string[]) => void;\n  /* @conditional-compile-remove(spotlight) */\n  setIsPromptOpen: (isOpen: boolean) => void;\n  /* @conditional-compile-remove(spotlight) */\n  setPromptProps: (props: PromptProps) => void;\n  /* @conditional-compile-remove(spotlight) */\n  hideSpotlightButtons?: boolean;\n  videoTilesOptions?: VideoTilesOptions;\n}\n\n/**\n * @private\n */\nexport const MediaGallery = (props: MediaGalleryProps): JSX.Element => {\n  const {\n    pinnedParticipants = [],\n    setPinnedParticipants,\n    /* @conditional-compile-remove(spotlight) */ setIsPromptOpen,\n    /* @conditional-compile-remove(spotlight) */ setPromptProps,\n    /* @conditional-compile-remove(spotlight) */ hideSpotlightButtons,\n    videoTilesOptions\n  } = props;\n\n  const videoGalleryProps = usePropsFor(VideoGallery);\n  const cameraSwitcherCameras = useSelector(localVideoCameraCycleButtonSelector);\n  const cameraSwitcherCallback = useHandlers(LocalVideoCameraCycleButton);\n  const announcerString = useParticipantChangedAnnouncement();\n\n  const adapter = useAdapter();\n  const userRole = adapter.getState().call?.role;\n  const isRoomsCall = adapter.getState().isRoomsCall;\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const containerWidth = _useContainerWidth(containerRef);\n  const containerHeight = _useContainerHeight(containerRef);\n  const containerAspectRatio = containerWidth && containerHeight ? containerWidth / containerHeight : 0;\n  const reactionResources = adapter.getState().reactions;\n\n  const layoutBasedOnTilePosition: VideoGalleryLayout = getVideoGalleryLayoutBasedOnLocalOptions(\n    (props.localVideoTileOptions as LocalVideoTileOptions)?.position\n  );\n  const cameraSwitcherProps = useMemo(() => {\n    return {\n      ...cameraSwitcherCallback,\n      ...cameraSwitcherCameras\n    };\n  }, [cameraSwitcherCallback, cameraSwitcherCameras]);\n\n  const onRenderAvatar = useCallback(\n    (userId?: string, options?: CustomAvatarOptions) => {\n      return (\n        <Stack className={mergeStyles({ position: 'absolute', height: '100%', width: '100%' })}>\n          <Stack styles={{ root: { margin: 'auto', maxHeight: '100%' } }}>\n            {options?.coinSize && (\n              <AvatarPersona userId={userId} {...options} dataProvider={props.onFetchAvatarPersonaData} />\n            )}\n          </Stack>\n        </Stack>\n      );\n    },\n    [props.onFetchAvatarPersonaData]\n  );\n\n  const remoteVideoTileMenuOptions: false | VideoTileContextualMenuProps | VideoTileDrawerMenuProps = useMemo(() => {\n    return props.remoteVideoTileMenuOptions?.isHidden\n      ? false\n      : props.isMobile\n      ? { kind: 'drawer', hostId: props.drawerMenuHostId }\n      : { kind: 'contextual' };\n  }, [props.remoteVideoTileMenuOptions?.isHidden, props.isMobile, props.drawerMenuHostId]);\n\n  const overflowGalleryPosition = useMemo(() => {\n    /* @conditional-compile-remove(overflow-top-composite) */\n    if (props.userSetOverflowGalleryPosition === 'horizontalTop') {\n      return props.userSetOverflowGalleryPosition;\n    }\n    return containerWidth && containerHeight && containerWidth / containerHeight >= 16 / 9\n      ? 'verticalRight'\n      : 'horizontalBottom';\n  }, [\n    /* @conditional-compile-remove(overflow-top-composite) */ props.userSetOverflowGalleryPosition,\n    containerWidth,\n    containerHeight\n  ]);\n\n  /* @conditional-compile-remove(spotlight) */\n  const { onStartLocalSpotlight, onStopLocalSpotlight, onStartRemoteSpotlight, onStopRemoteSpotlight } =\n    videoGalleryProps;\n\n  /* @conditional-compile-remove(spotlight) */\n  const { onStartLocalSpotlightWithPrompt, onStopLocalSpotlightWithPrompt } = useLocalSpotlightCallbacksWithPrompt(\n    onStartLocalSpotlight,\n    onStopLocalSpotlight,\n    setIsPromptOpen,\n    setPromptProps\n  );\n\n  /* @conditional-compile-remove(spotlight) */\n  const { onStartRemoteSpotlightWithPrompt, onStopRemoteSpotlightWithPrompt } = useRemoteSpotlightCallbacksWithPrompt(\n    onStartRemoteSpotlight,\n    onStopRemoteSpotlight,\n    setIsPromptOpen,\n    setPromptProps\n  );\n\n  const onPinParticipant = useMemo(() => {\n    return setPinnedParticipants\n      ? (userId: string) => {\n          if (!pinnedParticipants.includes(userId)) {\n            setPinnedParticipants(pinnedParticipants.concat(userId));\n          }\n        }\n      : undefined;\n  }, [setPinnedParticipants, pinnedParticipants]);\n\n  const onUnpinParticipant = useMemo(() => {\n    return setPinnedParticipants\n      ? (userId: string) => {\n          setPinnedParticipants(pinnedParticipants.filter((participantId) => participantId !== userId));\n        }\n      : undefined;\n  }, [setPinnedParticipants, pinnedParticipants]);\n\n  const VideoGalleryMemoized = useMemo(() => {\n    const layoutBasedOnUserSelection = (): VideoGalleryLayout => {\n      return props.localVideoTileOptions ? layoutBasedOnTilePosition : props.userSetGalleryLayout;\n      return layoutBasedOnTilePosition;\n    };\n\n    return (\n      <VideoGallery\n        {...videoGalleryProps}\n        videoTilesOptions={videoTilesOptions}\n        localVideoViewOptions={localVideoViewOptions}\n        remoteVideoViewOptions={remoteVideoViewOptions}\n        styles={VideoGalleryStyles}\n        layout={layoutBasedOnUserSelection()}\n        showCameraSwitcherInLocalPreview={props.isMobile}\n        localVideoCameraCycleButtonProps={cameraSwitcherProps}\n        onRenderAvatar={onRenderAvatar}\n        remoteVideoTileMenu={remoteVideoTileMenuOptions}\n        overflowGalleryPosition={overflowGalleryPosition}\n        localVideoTileSize={\n          props.localVideoTileOptions === false || userRole === 'Consumer' || (isRoomsCall && userRole === 'Unknown')\n            ? 'hidden'\n            : props.isMobile && containerAspectRatio < 1\n            ? '9:16'\n            : '16:9'\n        }\n        pinnedParticipants={pinnedParticipants}\n        onPinParticipant={onPinParticipant}\n        onUnpinParticipant={onUnpinParticipant}\n        reactionResources={reactionResources}\n        /* @conditional-compile-remove(spotlight) */\n        onStartLocalSpotlight={hideSpotlightButtons ? undefined : onStartLocalSpotlightWithPrompt}\n        /* @conditional-compile-remove(spotlight) */\n        onStopLocalSpotlight={hideSpotlightButtons ? undefined : onStopLocalSpotlightWithPrompt}\n        /* @conditional-compile-remove(spotlight) */\n        onStartRemoteSpotlight={hideSpotlightButtons ? undefined : onStartRemoteSpotlightWithPrompt}\n        /* @conditional-compile-remove(spotlight) */\n        onStopRemoteSpotlight={hideSpotlightButtons ? undefined : onStopRemoteSpotlightWithPrompt}\n      />\n    );\n  }, [\n    videoGalleryProps,\n    props.isMobile,\n    props.localVideoTileOptions,\n    cameraSwitcherProps,\n    onRenderAvatar,\n    remoteVideoTileMenuOptions,\n    overflowGalleryPosition,\n    userRole,\n    isRoomsCall,\n    containerAspectRatio,\n    props.userSetGalleryLayout,\n    pinnedParticipants,\n    onPinParticipant,\n    onUnpinParticipant,\n    layoutBasedOnTilePosition,\n    reactionResources,\n    /* @conditional-compile-remove(spotlight) */\n    onStartLocalSpotlightWithPrompt,\n    /* @conditional-compile-remove(spotlight) */\n    onStopLocalSpotlightWithPrompt,\n    /* @conditional-compile-remove(spotlight) */\n    onStartRemoteSpotlightWithPrompt,\n    /* @conditional-compile-remove(spotlight) */\n    onStopRemoteSpotlightWithPrompt,\n    /* @conditional-compile-remove(spotlight) */\n    hideSpotlightButtons,\n    videoTilesOptions\n  ]);\n\n  return (\n    <div ref={containerRef} style={mediaGalleryContainerStyles}>\n      <Announcer announcementString={announcerString} ariaLive={'polite'} />\n      {VideoGalleryMemoized}\n    </div>\n  );\n};\n\nconst mediaGalleryContainerStyles: CSSProperties = { width: '100%', height: '100%' };\n\nconst getVideoGalleryLayoutBasedOnLocalOptions = (localTileOptions?: string): VideoGalleryLayout => {\n  return localTileOptions === 'grid' ? 'default' : 'floatingLocalVideo';\n};\n"]}
+{"version":3,"file":"MediaGallery.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/MediaGallery.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { CSSProperties, useCallback, useMemo } from 'react';\nimport { useRef } from 'react';\nimport {\n  VideoGallery,\n  VideoStreamOptions,\n  CustomAvatarOptions,\n  Announcer,\n  VideoTileContextualMenuProps,\n  VideoTileDrawerMenuProps\n} from '@internal/react-components';\nimport { VideoGalleryLayout } from '@internal/react-components';\nimport { _useContainerWidth, _useContainerHeight } from '@internal/react-components';\nimport { usePropsFor } from '../hooks/usePropsFor';\nimport { AvatarPersona, AvatarPersonaDataCallback } from '../../common/AvatarPersona';\nimport { mergeStyles, Stack } from '@fluentui/react';\nimport { useHandlers } from '../hooks/useHandlers';\nimport { useSelector } from '../hooks/useSelector';\nimport { localVideoCameraCycleButtonSelector } from '../selectors/LocalVideoTileSelector';\nimport { LocalVideoCameraCycleButton } from '@internal/react-components';\nimport { _formatString } from '@internal/acs-ui-common';\nimport { useParticipantChangedAnnouncement } from '../utils/MediaGalleryUtils';\nimport { RemoteVideoTileMenuOptions } from '../CallComposite';\nimport { LocalVideoTileOptions } from '../CallComposite';\nimport { useAdapter } from '../adapter/CallAdapterProvider';\n/* @conditional-compile-remove(spotlight) */\nimport { PromptProps } from './Prompt';\n/* @conditional-compile-remove(spotlight) */\nimport { useLocalSpotlightCallbacksWithPrompt, useRemoteSpotlightCallbacksWithPrompt } from '../utils/spotlightUtils';\nimport { VideoTilesOptions } from '@internal/react-components';\n\nconst VideoGalleryStyles = {\n  root: {\n    height: '100%',\n    minHeight: '10rem', // space affordance to ensure media gallery is never collapsed\n    minWidth: '6rem'\n  }\n};\n\nconst localVideoViewOptions = {\n  scalingMode: 'Crop',\n  isMirrored: true\n} as VideoStreamOptions;\n\nconst remoteVideoViewOptions = {\n  scalingMode: 'Crop'\n} as VideoStreamOptions;\n\n/**\n * @private\n */\nexport interface MediaGalleryProps {\n  isVideoStreamOn?: boolean;\n  isMicrophoneChecked?: boolean;\n  onStartLocalVideo: () => Promise<void>;\n  onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n  isMobile?: boolean;\n  drawerMenuHostId?: string;\n  remoteVideoTileMenuOptions?: RemoteVideoTileMenuOptions;\n  localVideoTileOptions?: boolean | LocalVideoTileOptions;\n  userSetOverflowGalleryPosition?: 'Responsive' | 'horizontalTop';\n  userSetGalleryLayout: VideoGalleryLayout;\n  pinnedParticipants?: string[];\n  setPinnedParticipants?: (pinnedParticipants: string[]) => void;\n  /* @conditional-compile-remove(spotlight) */\n  setIsPromptOpen: (isOpen: boolean) => void;\n  /* @conditional-compile-remove(spotlight) */\n  setPromptProps: (props: PromptProps) => void;\n  /* @conditional-compile-remove(spotlight) */\n  hideSpotlightButtons?: boolean;\n  videoTilesOptions?: VideoTilesOptions;\n}\n\n/**\n * @private\n */\nexport const MediaGallery = (props: MediaGalleryProps): JSX.Element => {\n  const {\n    pinnedParticipants = [],\n    setPinnedParticipants,\n    /* @conditional-compile-remove(spotlight) */ setIsPromptOpen,\n    /* @conditional-compile-remove(spotlight) */ setPromptProps,\n    /* @conditional-compile-remove(spotlight) */ hideSpotlightButtons,\n    videoTilesOptions\n  } = props;\n\n  const videoGalleryProps = usePropsFor(VideoGallery);\n  const cameraSwitcherCameras = useSelector(localVideoCameraCycleButtonSelector);\n  const cameraSwitcherCallback = useHandlers(LocalVideoCameraCycleButton);\n  const announcerString = useParticipantChangedAnnouncement();\n\n  const adapter = useAdapter();\n  const userRole = adapter.getState().call?.role;\n  const isRoomsCall = adapter.getState().isRoomsCall;\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const containerWidth = _useContainerWidth(containerRef);\n  const containerHeight = _useContainerHeight(containerRef);\n  const containerAspectRatio = containerWidth && containerHeight ? containerWidth / containerHeight : 0;\n  const reactionResources = adapter.getState().reactions;\n\n  const layoutBasedOnTilePosition: VideoGalleryLayout = getVideoGalleryLayoutBasedOnLocalOptions(\n    (props.localVideoTileOptions as LocalVideoTileOptions)?.position\n  );\n  const cameraSwitcherProps = useMemo(() => {\n    return {\n      ...cameraSwitcherCallback,\n      ...cameraSwitcherCameras\n    };\n  }, [cameraSwitcherCallback, cameraSwitcherCameras]);\n\n  const onRenderAvatar = useCallback(\n    (userId?: string, options?: CustomAvatarOptions) => {\n      return (\n        <Stack className={mergeStyles({ position: 'absolute', height: '100%', width: '100%' })}>\n          <Stack styles={{ root: { margin: 'auto', maxHeight: '100%' } }}>\n            {options?.coinSize && (\n              <AvatarPersona userId={userId} {...options} dataProvider={props.onFetchAvatarPersonaData} />\n            )}\n          </Stack>\n        </Stack>\n      );\n    },\n    [props.onFetchAvatarPersonaData]\n  );\n\n  const remoteVideoTileMenuOptions: false | VideoTileContextualMenuProps | VideoTileDrawerMenuProps = useMemo(() => {\n    return props.remoteVideoTileMenuOptions?.isHidden\n      ? false\n      : props.isMobile\n      ? { kind: 'drawer', hostId: props.drawerMenuHostId }\n      : { kind: 'contextual' };\n  }, [props.remoteVideoTileMenuOptions?.isHidden, props.isMobile, props.drawerMenuHostId]);\n\n  const overflowGalleryPosition = useMemo(() => {\n    /* @conditional-compile-remove(overflow-top-composite) */\n    if (props.userSetOverflowGalleryPosition === 'horizontalTop') {\n      return props.userSetOverflowGalleryPosition;\n    }\n    return containerWidth && containerHeight && containerWidth / containerHeight >= 16 / 9\n      ? 'verticalRight'\n      : 'horizontalBottom';\n  }, [\n    /* @conditional-compile-remove(overflow-top-composite) */ props.userSetOverflowGalleryPosition,\n    containerWidth,\n    containerHeight\n  ]);\n\n  /* @conditional-compile-remove(spotlight) */\n  const { onStartLocalSpotlight, onStopLocalSpotlight, onStartRemoteSpotlight, onStopRemoteSpotlight } =\n    videoGalleryProps;\n\n  /* @conditional-compile-remove(spotlight) */\n  const { onStartLocalSpotlightWithPrompt, onStopLocalSpotlightWithPrompt } = useLocalSpotlightCallbacksWithPrompt(\n    onStartLocalSpotlight,\n    onStopLocalSpotlight,\n    setIsPromptOpen,\n    setPromptProps\n  );\n\n  /* @conditional-compile-remove(spotlight) */\n  const { onStartRemoteSpotlightWithPrompt, onStopRemoteSpotlightWithPrompt } = useRemoteSpotlightCallbacksWithPrompt(\n    onStartRemoteSpotlight,\n    onStopRemoteSpotlight,\n    setIsPromptOpen,\n    setPromptProps\n  );\n\n  const onPinParticipant = useMemo(() => {\n    return setPinnedParticipants\n      ? (userId: string) => {\n          if (!pinnedParticipants.includes(userId)) {\n            setPinnedParticipants(pinnedParticipants.concat(userId));\n          }\n        }\n      : undefined;\n  }, [setPinnedParticipants, pinnedParticipants]);\n\n  const onUnpinParticipant = useMemo(() => {\n    return setPinnedParticipants\n      ? (userId: string) => {\n          setPinnedParticipants(pinnedParticipants.filter((participantId) => participantId !== userId));\n        }\n      : undefined;\n  }, [setPinnedParticipants, pinnedParticipants]);\n\n  const VideoGalleryMemoized = useMemo(() => {\n    const layoutBasedOnUserSelection = (): VideoGalleryLayout => {\n      return props.localVideoTileOptions ? layoutBasedOnTilePosition : props.userSetGalleryLayout;\n      return layoutBasedOnTilePosition;\n    };\n\n    return (\n      <VideoGallery\n        {...videoGalleryProps}\n        videoTilesOptions={videoTilesOptions}\n        localVideoViewOptions={localVideoViewOptions}\n        remoteVideoViewOptions={remoteVideoViewOptions}\n        styles={VideoGalleryStyles}\n        layout={layoutBasedOnUserSelection()}\n        showCameraSwitcherInLocalPreview={props.isMobile}\n        localVideoCameraCycleButtonProps={cameraSwitcherProps}\n        onRenderAvatar={onRenderAvatar}\n        remoteVideoTileMenu={remoteVideoTileMenuOptions}\n        overflowGalleryPosition={overflowGalleryPosition}\n        localVideoTileSize={\n          props.localVideoTileOptions === false || userRole === 'Consumer' || (isRoomsCall && userRole === 'Unknown')\n            ? 'hidden'\n            : props.isMobile && containerAspectRatio < 1\n            ? '9:16'\n            : '16:9'\n        }\n        pinnedParticipants={pinnedParticipants}\n        onPinParticipant={onPinParticipant}\n        onUnpinParticipant={onUnpinParticipant}\n        reactionResources={reactionResources}\n        /* @conditional-compile-remove(spotlight) */\n        onStartLocalSpotlight={hideSpotlightButtons ? undefined : onStartLocalSpotlightWithPrompt}\n        /* @conditional-compile-remove(spotlight) */\n        onStopLocalSpotlight={hideSpotlightButtons ? undefined : onStopLocalSpotlightWithPrompt}\n        /* @conditional-compile-remove(spotlight) */\n        onStartRemoteSpotlight={hideSpotlightButtons ? undefined : onStartRemoteSpotlightWithPrompt}\n        /* @conditional-compile-remove(spotlight) */\n        onStopRemoteSpotlight={hideSpotlightButtons ? undefined : onStopRemoteSpotlightWithPrompt}\n        /* @conditional-compile-remove(soft-mute) */\n        onMuteParticipant={\n          ['Unknown', 'Organizer', 'Presenter', 'Co-organizer'].includes(userRole ?? '')\n            ? videoGalleryProps.onMuteParticipant\n            : undefined\n        }\n      />\n    );\n  }, [\n    videoGalleryProps,\n    props.isMobile,\n    props.localVideoTileOptions,\n    cameraSwitcherProps,\n    onRenderAvatar,\n    remoteVideoTileMenuOptions,\n    overflowGalleryPosition,\n    userRole,\n    isRoomsCall,\n    containerAspectRatio,\n    props.userSetGalleryLayout,\n    pinnedParticipants,\n    onPinParticipant,\n    onUnpinParticipant,\n    layoutBasedOnTilePosition,\n    reactionResources,\n    /* @conditional-compile-remove(spotlight) */\n    onStartLocalSpotlightWithPrompt,\n    /* @conditional-compile-remove(spotlight) */\n    onStopLocalSpotlightWithPrompt,\n    /* @conditional-compile-remove(spotlight) */\n    onStartRemoteSpotlightWithPrompt,\n    /* @conditional-compile-remove(spotlight) */\n    onStopRemoteSpotlightWithPrompt,\n    /* @conditional-compile-remove(spotlight) */\n    hideSpotlightButtons,\n    videoTilesOptions\n  ]);\n\n  return (\n    <div ref={containerRef} style={mediaGalleryContainerStyles}>\n      <Announcer announcementString={announcerString} ariaLive={'polite'} />\n      {VideoGalleryMemoized}\n    </div>\n  );\n};\n\nconst mediaGalleryContainerStyles: CSSProperties = { width: '100%', height: '100%' };\n\nconst getVideoGalleryLayoutBasedOnLocalOptions = (localTileOptions?: string): VideoGalleryLayout => {\n  return localTileOptions === 'grid' ? 'default' : 'floatingLocalVideo';\n};\n"]}

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

@@ -20,6 +20,8 @@ export declare const usePeoplePane: (props: {
     onStopRemoteSpotlight?: (userIds: string[]) => Promise<void>;
     onStopAllSpotlight?: () => Promise<void>;
     maxParticipantsToSpotlight?: number;
+    onMuteParticipant?: (userId: string) => Promise<void>;
+    mutedParticipantUserIds?: string[];
 }) => {
     openPeoplePane: () => void;
     closePeoplePane: () => void;