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

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

@@ -1 +1 @@
-{"version":3,"file":"Strings.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallComposite/Strings.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\n/* @conditional-compile-remove(close-captions) */\nimport { CaptionsAvailableLanguageStrings } from '@internal/react-components';\n\n/**\n * Strings used by the {@link CallComposite} directly.\n *\n * This strings are in addition to those used by the components from the component library.\n *\n * @public\n */\nexport interface CallCompositeStrings {\n  /**\n   * Title of configuration page.\n   */\n  configurationPageTitle: string;\n  /**\n   * Optional 1-2 lines on the call details used on the configuration page.\n   */\n  configurationPageCallDetails?: string;\n  /**\n   * Text in button to start call in configuration page.\n   */\n  startCallButtonLabel: string;\n  /**\n   * Text in button to rejoin an ended call.\n   */\n  rejoinCallButtonLabel: string;\n  /**\n   * Placeholder text for local device settings dropdowns.\n   */\n  defaultPlaceHolder: string;\n  /**\n   * Label for camera dropdown.\n   */\n  cameraLabel: string;\n  /**\n   * Label for when there are no cameras present on configuration screen.\n   */\n  noCamerasLabel: string;\n  /**\n   * Label for sound dropdown.\n   */\n  soundLabel: string;\n  /**\n   * Label for when no microphones were found on the configuration screen\n   */\n  noMicrophonesLabel: string;\n  /**\n   * Label for when no speakers were found on the configuration screen.\n   */\n  noSpeakersLabel: string;\n  /**\n   * Error shown when camera access is blocked by the browser.\n   */\n  cameraPermissionDenied: string;\n  /**\n   * Error shown when the camera is turned off.\n   */\n  cameraTurnedOff: string;\n  /**\n   * Error shown when microphone access is blocked by the browser.\n   */\n  microphonePermissionDenied: string;\n  /**\n   * Title text of the page shown to the user when joining a Teams meeting fails because meeting owner denied access.\n   */\n  failedToJoinTeamsMeetingReasonAccessDeniedTitle: string;\n  /**\n   * More details text of the page shown to the user when joining a Teams meeting fails because meeting owner denied access.\n   */\n  failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails?: string;\n  /**\n   * Title text of the page shown to the user when joining a call fails due to a network problem.\n   */\n  failedToJoinCallDueToNoNetworkTitle: string;\n  /**\n   * More details text of the page shown to the user when joining a call fails due to a network problem.\n   */\n  failedToJoinCallDueToNoNetworkMoreDetails?: string;\n  /**\n   * Title text of the page shown to the user when they leave a call in the call composite.\n   */\n  leftCallTitle: string;\n  /**\n   * More details text of the page shown to the user when they leave a call in the call composite.\n   */\n  leftCallMoreDetails?: string;\n  /**\n   * Title text of the page shown to the user when they are removed from a call in the call composite.\n   */\n  removedFromCallTitle: string;\n  /**\n   * More details text of the page shown to the user when they are removed from a call in the call composite.\n   */\n  removedFromCallMoreDetails?: string;\n  /**\n   * Text shown to the user on the lobby screen when connecting to a call.\n   */\n  lobbyScreenConnectingToCallTitle: string;\n  /**\n   * Optional addition details shown to the user on the lobby screen when connection to a call.\n   */\n  lobbyScreenConnectingToCallMoreDetails?: string;\n  /**\n   * Text shown to the user on the lobby screen when waiting to be admitted to a call.\n   */\n  lobbyScreenWaitingToBeAdmittedTitle: string;\n  /**\n   * Optional additional details shown to the user on the lobby screen when waiting to be admitted to a call.\n   */\n  lobbyScreenWaitingToBeAdmittedMoreDetails?: string;\n  /**\n   * Message shown to the user when they are speaking while muted.\n   */\n  mutedMessage: string;\n  /**\n   * Text for link to MS privacy policy in Compliance Banner.\n   */\n  privacyPolicy: string;\n  /**\n   * Text for link to learn more about a specific subject.\n   */\n  learnMore: string;\n  /**\n   * Message to let user know the meeting is only being recorded (no transcription) in ComplianceBanner.\n   */\n  complianceBannerNowOnlyRecording: string;\n  /**\n   * Message to let user know the meeting is only being transcripted (no recording) in ComplianceBanner.\n   */\n  complianceBannerNowOnlyTranscription: string;\n  /**\n   * Message to let user know recording and transcription of the meeting are saved in ComplianceBanner.\n   */\n  complianceBannerRecordingAndTranscriptionSaved: string;\n  /**\n   * Message to let user know recording and transcription of the meeting have started in ComplianceBanner.\n   */\n  complianceBannerRecordingAndTranscriptionStarted: string;\n  /**\n   * Message to let user know recording and transcription of the meeting have stopped in ComplianceBanner.\n   */\n  complianceBannerRecordingAndTranscriptionStopped: string;\n  /**\n   * Message to let user know recording of the meeting is being saved in ComplianceBanner.\n   */\n  complianceBannerRecordingSaving: string;\n  /**\n   * Message to let user know recording of the meeting has started in ComplianceBanner.\n   */\n  complianceBannerRecordingStarted: string;\n  /**\n   * Message to let user know recording of the meeting has stopped in ComplianceBanner.\n   */\n  complianceBannerRecordingStopped: string;\n  /**\n   * Message to let user know they are giving consent to meeting being transcripted in ComplianceBanner.\n   */\n  complianceBannerTranscriptionConsent: string;\n  /**\n   * Message to let user know transcription of the meeting is being saved in ComplianceBanner.\n   */\n  complianceBannerTranscriptionSaving: string;\n  /**\n   * Message to let user know transcription of the meeting has started in ComplianceBanner.\n   */\n  complianceBannerTranscriptionStarted: string;\n  /**\n   * Message to let user know the transcription of the meeting has stopped in ComplianceBanner.\n   */\n  complianceBannerTranscriptionStopped: string;\n  /**\n   * Text for close button.\n   */\n  close: string;\n  /**\n   * Title text of the page shown to the user when there is intermittent network failure during a call.\n   */\n  networkReconnectTitle: string;\n  /**\n   * More details text of the page shown to the user when there is intermittent network failure during a call.\n   */\n  networkReconnectMoreDetails: string;\n  /**\n   * Tooltip text used to inform a user that toggling microphone in lobby is not supported.\n   */\n  microphoneToggleInLobbyNotAllowed: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Side pane People section Title.\n   */\n  peoplePaneTitle: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Aria label string for return to call back button\n   */\n  returnToCallButtonAriaLabel?: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Aria Description string for return to call button\n   */\n  returnToCallButtonAriaDescription?: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * control bar People button label\n   */\n  peopleButtonLabel: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * control bar Chat button label.\n   */\n  chatButtonLabel: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for SidePaneHeader dismiss button\n   */\n  dismissSidePaneButtonLabel?: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Side pane People section subheader.\n   */\n  peoplePaneSubTitle: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for button to copy invite link\n   */\n  copyInviteLinkButtonLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for button to open dialpad\n   */\n  openDialpadButtonLabel: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for menu item to remove participant\n   */\n  removeMenuLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for add people dropdown\n   */\n  peoplePaneAddPeopleButtonLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for button to start a call\n   */\n  dialpadStartCallButtonLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Title for dialpad Modal\n   */\n  dialpadModalTitle: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Aria Label for dialpad Modal\n   */\n  dialpadModalAriaLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Aria Label for dialpad Modal close button\n   */\n  dialpadCloseModalButtonAriaLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(close-captions) */\n  /**\n   * label for more button in the Calling composite\n   */\n  moreButtonCallingLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Label for the resume call button on the hold pane\n   */\n  resumeCallButtonLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Label for the resume call button on the hold pane when call is resuming\n   */\n  resumingCallButtonLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Aria label for the resume call button on the hold pane\n   */\n  resumeCallButtonAriaLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Aria label for the resume call button on the hold pane when call is resuming\n   */\n  resumingCallButtonAriaLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Label for the hold pane\n   */\n  holdScreenLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Placeholder text for dtmf dialpad\n   */\n  dtmfDialpadPlaceholderText: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for the button to open dtmf dialpad\n   */\n  openDtmfDialpadLabel: string;\n  /**\n   * aria label for when the invite link has been actioned\n   */\n  copyInviteLinkActionedAriaLabel: string;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * Title text of the page shown to the user when the user attempts to join a room that cannot be found.\n   */\n  roomNotFoundTitle: string;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * More details text of the page shown to the user when the user attempts to join a room that cannot be found.\n   */\n  roomNotFoundDetails?: string;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * Title text of the page shown to the user when the user attempts to join a room to which they are not invited.\n   */\n  deniedPermissionToRoomTitle: string;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * More details text of the page shown to the user when the user attempts to join a room to which they are not invited.\n   */\n  deniedPermissionToRoomDetails?: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Control bar People button ToolTipContent\n   */\n  peopleButtonTooltipOpen: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Control bar People button ToolTipContent\n   */\n  peopleButtonTooltipClose: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Label disaplayed on the lobby screen during a 1:1 outbound call.\n   */\n  outboundCallingNoticeString: string;\n  /**\n   * Notice to be announced by narrator when a participant joins a call\n   */\n  participantJoinedNoticeString: string;\n  /**\n   * Notice to be announced by narrator when a participant joins a call\n   */\n  twoParticipantJoinedNoticeString: string;\n  /**\n   * Notice to be announced by narrator when a participant joins a call\n   */\n  threeParticipantJoinedNoticeString: string;\n  /**\n   * Notice to be announced by narrator when a participant leaves a call\n   */\n  participantLeftNoticeString: string;\n  /**\n   * Notice to be announced by narrator when 2 participants leave a call\n   */\n  twoParticipantLeftNoticeString: string;\n  /**\n   * Notice to be announced by narrator when 3 participants leave a call\n   */\n  threeParticipantLeftNoticeString: string;\n  /**\n   * string to be used to announce a change in participant if they have no displayName\n   */\n  unnamedParticipantString: string;\n  /**\n   * string to be used to announce when more than 3 participants have joined at the same time.\n   */\n  manyParticipantsJoined: string;\n  /**\n   * string to be used to announce when more than 3 participants have left at the same time.\n   */\n  manyParticipantsLeft: string;\n  /**\n   * string to be used to announce when multiple unnamed participants have joined at the same time.\n   */\n  manyUnnamedParticipantsJoined: string;\n  /**\n   * string to be used to announce when multiple unnamed participants have left at the same time.\n   */\n  manyUnnamedParticipantsLeft: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * string to be used to open live captions contextual menu\n   */\n  liveCaptionsLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * label for opening captions setting modal\n   */\n  captionsSettingsLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * string to be used to start captions\n   */\n  startCaptionsButtonOnLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * string to be used to stop captions\n   */\n  startCaptionsButtonOffLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * tooltip string to be used to show captions is on\n   */\n  startCaptionsButtonTooltipOnContent?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   *tooltip string to be used to show captions is off\n   */\n  startCaptionsButtonTooltipOffContent?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * captions setting modal title\n   */\n  captionsSettingsModalTitle?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * label for dropdown inside captions setting modal\n   */\n  captionsSettingsDropdownLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * text under captions setting dropdown indicating what the dropdown is for\n   */\n  captionsSettingsDropdownInfoText?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * confirm button label in captions setting modal\n   */\n  captionsSettingsConfirmButtonLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * cancel button label in captions setting modal\n   */\n  captionsSettingsCancelButtonLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * arial label for captions setting modal\n   */\n  captionsSettingsModalAriaLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * arial label for captions setting modal close button\n   */\n  captionsSettingsCloseModalButtonAriaLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * label for more button inside captions banner\n   */\n  captionsBannerMoreButtonCallingLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * arial label for more button inside captions banner\n   */\n  captionsBannerMoreButtonTooltip?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * list of key value pairs that pairs language code to language names\n   */\n  captionsAvailableLanguageStrings?: CaptionsAvailableLanguageStrings;\n}\n\"../../../../react-components/src\""]}
+{"version":3,"file":"Strings.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/Strings.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\n/* @conditional-compile-remove(close-captions) */\nimport { CaptionsAvailableLanguageStrings } from '@internal/react-components';\n\n/**\n * Strings used by the {@link CallComposite} directly.\n *\n * This strings are in addition to those used by the components from the component library.\n *\n * @public\n */\nexport interface CallCompositeStrings {\n  /**\n   * Title of configuration page.\n   */\n  configurationPageTitle: string;\n  /**\n   * Optional 1-2 lines on the call details used on the configuration page.\n   */\n  configurationPageCallDetails?: string;\n  /**\n   * Text in button to start call in configuration page.\n   */\n  startCallButtonLabel: string;\n  /**\n   * Text in button to rejoin an ended call.\n   */\n  rejoinCallButtonLabel: string;\n  /**\n   * Placeholder text for local device settings dropdowns.\n   */\n  defaultPlaceHolder: string;\n  /**\n   * Label for camera dropdown.\n   */\n  cameraLabel: string;\n  /**\n   * Label for when there are no cameras present on configuration screen.\n   */\n  noCamerasLabel: string;\n  /**\n   * Label for sound dropdown.\n   */\n  soundLabel: string;\n  /**\n   * Label for when no microphones were found on the configuration screen\n   */\n  noMicrophonesLabel: string;\n  /**\n   * Label for when no speakers were found on the configuration screen.\n   */\n  noSpeakersLabel: string;\n  /**\n   * Error shown when camera access is blocked by the browser.\n   */\n  cameraPermissionDenied: string;\n  /**\n   * Error shown when the camera is turned off.\n   */\n  cameraTurnedOff: string;\n  /**\n   * Error shown when microphone access is blocked by the browser.\n   */\n  microphonePermissionDenied: string;\n  /**\n   * Title text of the page shown to the user when joining a Teams meeting fails because meeting owner denied access.\n   */\n  failedToJoinTeamsMeetingReasonAccessDeniedTitle: string;\n  /**\n   * More details text of the page shown to the user when joining a Teams meeting fails because meeting owner denied access.\n   */\n  failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails?: string;\n  /**\n   * Title text of the page shown to the user when joining a call fails due to a network problem.\n   */\n  failedToJoinCallDueToNoNetworkTitle: string;\n  /**\n   * More details text of the page shown to the user when joining a call fails due to a network problem.\n   */\n  failedToJoinCallDueToNoNetworkMoreDetails?: string;\n  /**\n   * Title text of the page shown to the user when they leave a call in the call composite.\n   */\n  leftCallTitle: string;\n  /**\n   * More details text of the page shown to the user when they leave a call in the call composite.\n   */\n  leftCallMoreDetails?: string;\n  /**\n   * Title text of the page shown to the user when they are removed from a call in the call composite.\n   */\n  removedFromCallTitle: string;\n  /**\n   * More details text of the page shown to the user when they are removed from a call in the call composite.\n   */\n  removedFromCallMoreDetails?: string;\n  /**\n   * Text shown to the user on the lobby screen when connecting to a call.\n   */\n  lobbyScreenConnectingToCallTitle: string;\n  /**\n   * Optional addition details shown to the user on the lobby screen when connection to a call.\n   */\n  lobbyScreenConnectingToCallMoreDetails?: string;\n  /**\n   * Text shown to the user on the lobby screen when waiting to be admitted to a call.\n   */\n  lobbyScreenWaitingToBeAdmittedTitle: string;\n  /**\n   * Optional additional details shown to the user on the lobby screen when waiting to be admitted to a call.\n   */\n  lobbyScreenWaitingToBeAdmittedMoreDetails?: string;\n  /**\n   * Message shown to the user when they are speaking while muted.\n   */\n  mutedMessage: string;\n  /**\n   * Text for link to MS privacy policy in Compliance Banner.\n   */\n  privacyPolicy: string;\n  /**\n   * Text for link to learn more about a specific subject.\n   */\n  learnMore: string;\n  /**\n   * Message to let user know the meeting is only being recorded (no transcription) in ComplianceBanner.\n   */\n  complianceBannerNowOnlyRecording: string;\n  /**\n   * Message to let user know the meeting is only being transcripted (no recording) in ComplianceBanner.\n   */\n  complianceBannerNowOnlyTranscription: string;\n  /**\n   * Message to let user know recording and transcription of the meeting are saved in ComplianceBanner.\n   */\n  complianceBannerRecordingAndTranscriptionSaved: string;\n  /**\n   * Message to let user know recording and transcription of the meeting have started in ComplianceBanner.\n   */\n  complianceBannerRecordingAndTranscriptionStarted: string;\n  /**\n   * Message to let user know recording and transcription of the meeting have stopped in ComplianceBanner.\n   */\n  complianceBannerRecordingAndTranscriptionStopped: string;\n  /**\n   * Message to let user know recording of the meeting is being saved in ComplianceBanner.\n   */\n  complianceBannerRecordingSaving: string;\n  /**\n   * Message to let user know recording of the meeting has started in ComplianceBanner.\n   */\n  complianceBannerRecordingStarted: string;\n  /**\n   * Message to let user know recording of the meeting has stopped in ComplianceBanner.\n   */\n  complianceBannerRecordingStopped: string;\n  /**\n   * Message to let user know they are giving consent to meeting being transcripted in ComplianceBanner.\n   */\n  complianceBannerTranscriptionConsent: string;\n  /**\n   * Message to let user know transcription of the meeting is being saved in ComplianceBanner.\n   */\n  complianceBannerTranscriptionSaving: string;\n  /**\n   * Message to let user know transcription of the meeting has started in ComplianceBanner.\n   */\n  complianceBannerTranscriptionStarted: string;\n  /**\n   * Message to let user know the transcription of the meeting has stopped in ComplianceBanner.\n   */\n  complianceBannerTranscriptionStopped: string;\n  /**\n   * Text for close button.\n   */\n  close: string;\n  /**\n   * Title text of the page shown to the user when there is intermittent network failure during a call.\n   */\n  networkReconnectTitle: string;\n  /**\n   * More details text of the page shown to the user when there is intermittent network failure during a call.\n   */\n  networkReconnectMoreDetails: string;\n  /**\n   * Tooltip text used to inform a user that toggling microphone in lobby is not supported.\n   */\n  microphoneToggleInLobbyNotAllowed: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Side pane People section Title.\n   */\n  peoplePaneTitle: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Aria label string for return to call back button\n   */\n  returnToCallButtonAriaLabel?: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Aria Description string for return to call button\n   */\n  returnToCallButtonAriaDescription?: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * control bar People button label\n   */\n  peopleButtonLabel: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * control bar Chat button label.\n   */\n  chatButtonLabel: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for SidePaneHeader dismiss button\n   */\n  dismissSidePaneButtonLabel?: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Side pane People section subheader.\n   */\n  peoplePaneSubTitle: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for button to copy invite link\n   */\n  copyInviteLinkButtonLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for button to open dialpad\n   */\n  openDialpadButtonLabel: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for menu item to remove participant\n   */\n  removeMenuLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for add people dropdown\n   */\n  peoplePaneAddPeopleButtonLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for button to start a call\n   */\n  dialpadStartCallButtonLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Title for dialpad Modal\n   */\n  dialpadModalTitle: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Aria Label for dialpad Modal\n   */\n  dialpadModalAriaLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Aria Label for dialpad Modal close button\n   */\n  dialpadCloseModalButtonAriaLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(close-captions) */\n  /**\n   * label for more button in the Calling composite\n   */\n  moreButtonCallingLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Label for the resume call button on the hold pane\n   */\n  resumeCallButtonLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Label for the resume call button on the hold pane when call is resuming\n   */\n  resumingCallButtonLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Aria label for the resume call button on the hold pane\n   */\n  resumeCallButtonAriaLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Aria label for the resume call button on the hold pane when call is resuming\n   */\n  resumingCallButtonAriaLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Label for the hold pane\n   */\n  holdScreenLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Placeholder text for dtmf dialpad\n   */\n  dtmfDialpadPlaceholderText: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for the button to open dtmf dialpad\n   */\n  openDtmfDialpadLabel: string;\n  /**\n   * aria label for when the invite link has been actioned\n   */\n  copyInviteLinkActionedAriaLabel: string;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * Title text of the page shown to the user when the user attempts to join a room that cannot be found.\n   */\n  roomNotFoundTitle: string;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * More details text of the page shown to the user when the user attempts to join a room that cannot be found.\n   */\n  roomNotFoundDetails?: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Video Effects pane title.\n   */\n  videoEffectsPaneTitle: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Video Effects pane sub section title for choosing background.\n   */\n  videoEffectsPaneBackgroundSelectionTitle: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Label for the button to open effects\n   */\n  configurationPageVideoEffectsButtonLabel?: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Error message for video effect failure\n   */\n  unableToStartVideoEffect?: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Label for the blur video background effect item\n   */\n  blurBackgroundEffectButtonLabel?: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Tooltip text for the blur video background effect item\n   */\n  blurBackgroundTooltip?: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Label for the remove video background effect item\n   */\n  removeBackgroundEffectButtonLabel?: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Tooltip text for the blur video background effect item\n   */\n  removeBackgroundTooltip?: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Text to show when warning the user the camera is off and inform the user to turn the camera on to see the selected video background effect.\n   */\n  cameraOffBackgroundEffectWarningText?: string;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * Title text of the page shown to the user when the user attempts to join a room to which they are not invited.\n   */\n  deniedPermissionToRoomTitle: string;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * More details text of the page shown to the user when the user attempts to join a room to which they are not invited.\n   */\n  deniedPermissionToRoomDetails?: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Control bar People button ToolTipContent\n   */\n  peopleButtonTooltipOpen: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Control bar People button ToolTipContent\n   */\n  peopleButtonTooltipClose: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Label disaplayed on the lobby screen during a 1:1 outbound call.\n   */\n  outboundCallingNoticeString: string;\n  /**\n   * Notice to be announced by narrator when a participant joins a call\n   */\n  participantJoinedNoticeString: string;\n  /**\n   * Notice to be announced by narrator when a participant joins a call\n   */\n  twoParticipantJoinedNoticeString: string;\n  /**\n   * Notice to be announced by narrator when a participant joins a call\n   */\n  threeParticipantJoinedNoticeString: string;\n  /**\n   * Notice to be announced by narrator when a participant leaves a call\n   */\n  participantLeftNoticeString: string;\n  /**\n   * Notice to be announced by narrator when 2 participants leave a call\n   */\n  twoParticipantLeftNoticeString: string;\n  /**\n   * Notice to be announced by narrator when 3 participants leave a call\n   */\n  threeParticipantLeftNoticeString: string;\n  /**\n   * string to be used to announce a change in participant if they have no displayName\n   */\n  unnamedParticipantString: string;\n  /**\n   * string to be used to announce when more than 3 participants have joined at the same time.\n   */\n  manyParticipantsJoined: string;\n  /**\n   * string to be used to announce when more than 3 participants have left at the same time.\n   */\n  manyParticipantsLeft: string;\n  /**\n   * string to be used to announce when multiple unnamed participants have joined at the same time.\n   */\n  manyUnnamedParticipantsJoined: string;\n  /**\n   * string to be used to announce when multiple unnamed participants have left at the same time.\n   */\n  manyUnnamedParticipantsLeft: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * string to be used to open live captions contextual menu\n   */\n  liveCaptionsLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * label for opening captions setting modal\n   */\n  captionsSettingsLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * string to be used to start captions\n   */\n  startCaptionsButtonOnLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * string to be used to stop captions\n   */\n  startCaptionsButtonOffLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * tooltip string to be used to show captions is on\n   */\n  startCaptionsButtonTooltipOnContent?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   *tooltip string to be used to show captions is off\n   */\n  startCaptionsButtonTooltipOffContent?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * captions setting modal title\n   */\n  captionsSettingsModalTitle?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * label for dropdown inside captions setting modal\n   */\n  captionsSettingsDropdownLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * text under captions setting dropdown indicating what the dropdown is for\n   */\n  captionsSettingsDropdownInfoText?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * confirm button label in captions setting modal\n   */\n  captionsSettingsConfirmButtonLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * cancel button label in captions setting modal\n   */\n  captionsSettingsCancelButtonLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * arial label for captions setting modal\n   */\n  captionsSettingsModalAriaLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * arial label for captions setting modal close button\n   */\n  captionsSettingsCloseModalButtonAriaLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * label for more button inside captions banner\n   */\n  captionsBannerMoreButtonCallingLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * arial label for more button inside captions banner\n   */\n  captionsBannerMoreButtonTooltip?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * list of key value pairs that pairs language code to language names\n   */\n  captionsAvailableLanguageStrings?: CaptionsAvailableLanguageStrings;\n}\"../../../../react-components/src\""]}

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

@@ -1,11 +1,13 @@
 import { StatefulCallClient, StatefulDeviceManager, TeamsCall, TeamsCallAgent as BetaTeamsCallAgent } from "../../../../../calling-stateful-client/src";
 import { CallAgent, GroupCallLocator, TeamsMeetingLinkLocator, AudioDeviceInfo, VideoDeviceInfo, PermissionConstraints, PropertyChangedEvent, StartCallOptions, Call } from '@azure/communication-calling';
 import { StartCaptionsOptions } from '@azure/communication-calling';
+import { BackgroundBlurConfig, BackgroundReplacementConfig } from '@azure/communication-calling-effects';
 import { TeamsCallAgent } from '@azure/communication-calling';
 import { RoomCallLocator } from '@azure/communication-calling';
 import { AddPhoneNumberOptions, DtmfTone } from '@azure/communication-calling';
 import { CommonCallAdapter, CallEndedListener, CallIdChangedListener, CallAdapterState, DisplayNameChangedListener, IsMutedChangedListener, IsLocalScreenSharingActiveChangedListener, IsSpeakingChangedListener, ParticipantsJoinedListener, ParticipantsLeftListener, DiagnosticChangedEventListner, CallAdapter } from './CallAdapter';
 import { CaptionsReceivedListener, IsCaptionsActiveChangedListener } from './CallAdapter';
+import { VideoBackgroundImage, SelectedVideoBackgroundEffect } from './CallAdapter';
 import { TeamsCallAdapter } from './CallAdapter';
 import { CreateVideoStreamViewResult, VideoStreamOptions } from "../../../../../react-components/src";
 import { Role } from "../../../../../react-components/src";
@@ -58,6 +60,11 @@ export declare class AzureCommunicationCallAdapter<AgentType extends CallAgent |
     startScreenShare(): Promise<void>;
     stopScreenShare(): Promise<void>;
     allowUnsupportedBrowserVersion(): void;
+    blurVideoBackground(backgroundBlurConfig?: BackgroundBlurConfig): Promise<void>;
+    replaceVideoBackground(backgroundReplacementConfig: BackgroundReplacementConfig): Promise<void>;
+    stopVideoBackgroundEffects(): Promise<void>;
+    updateBackgroundPickerImages(backgroundImages: VideoBackgroundImage[]): void;
+    updateSelectedVideoBackgroundEffect(selectedVideoBackground: SelectedVideoBackgroundEffect): void;
     startCall(participants: string[] | CommunicationIdentifier[], options?: StartCallOptions): CallTypeOf<AgentType> | undefined;
     private processNewCall;
     removeParticipant(userId: string | /* @conditional-compile-remove(PSTN-calls) */ CommunicationIdentifier): Promise<void>;
@@ -136,6 +143,17 @@ export declare type CallParticipantsLocator = {
  * @public
  */
 export declare type CallAdapterLocator = TeamsMeetingLinkLocator | GroupCallLocator | /* @conditional-compile-remove(rooms) */ RoomCallLocator | /* @conditional-compile-remove(teams-adhoc-call) */ /* @conditional-compile-remove(PSTN-calls) */ CallParticipantsLocator;
+/**
+ * Common optional parameters to create {@link AzureCommunicationCallAdapter} or {@link TeamsCallAdapter}
+ *
+ * @beta
+ */
+export declare type CommonCallAdapterOptions = {
+    /**
+     * Default set of background images for background image picker.
+     */
+    videoBackgroundImages?: VideoBackgroundImage[];
+};
 /**
  * Optional parameters to create {@link AzureCommunicationCallAdapter}
  *
@@ -148,7 +166,7 @@ export declare type AzureCommunicationCallAdapterOptions = {
      * {@link CallComposite}. The true role of the user will be synced with ACS services when a Rooms call starts.
      */
     roleHint?: Role;
-};
+} & CommonCallAdapterOptions;
 /**
  * Arguments for creating the Azure Communication Services implementation of {@link CallAdapter}.
  *
@@ -172,7 +190,7 @@ export declare type AzureCommunicationCallAdapterArgs = {
     options?: AzureCommunicationCallAdapterOptions;
 };
 /**
- * Optional parameters to create {@link AzureCommunicationCallAdapter}
+ * Optional parameters to create {@link TeamsCallAdapter}
  *
  * @beta
  */
@@ -183,7 +201,7 @@ export declare type TeamsAdapterOptions = {
      * and would not be updated again within the lifecycle of adapter.
      */
     onFetchProfile?: OnFetchProfileCallback;
-};
+} & CommonCallAdapterOptions;
 /**
  * Arguments for creating the Azure Communication Services implementation of {@link TeamsCallAdapter}.
  *
@@ -207,7 +225,7 @@ export declare type TeamsCallAdapterArgs = {
  *
  * @public
  */
-export declare const createAzureCommunicationCallAdapter: ({ userId, displayName, credential, locator, alternateCallerId }: AzureCommunicationCallAdapterArgs) => Promise<CallAdapter>;
+export declare const createAzureCommunicationCallAdapter: ({ userId, displayName, credential, locator, alternateCallerId, options }: AzureCommunicationCallAdapterArgs) => Promise<CallAdapter>;
 /**
  * @beta
  */
@@ -250,7 +268,7 @@ export declare const useTeamsCallAdapter: (args: Partial<TeamsCallAdapterArgs>,
  *
  * @public
  */
-export declare const createAzureCommunicationCallAdapterFromClient: (callClient: StatefulCallClient, callAgent: CallAgent, locator: CallAdapterLocator, options?: AzureCommunicationCallAdapterOptions) => Promise<CallAdapter>;
+export declare const createAzureCommunicationCallAdapterFromClient: (callClient: StatefulCallClient, callAgent: CallAgent, locator: CallAdapterLocator, /* @conditional-compile-remove(rooms) */ /* @conditional-compile-remove(video-background-effects) */ options?: AzureCommunicationCallAdapterOptions) => Promise<CallAdapter>;
 /**
  * Create a {@link TeamsCallAdapter} using the provided {@link StatefulCallClient}.
  *

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

@@ -13,6 +13,7 @@ import { _isInCall } from "../../../../../calling-component-bindings/src";
 import { createStatefulCallClient } from "../../../../../calling-stateful-client/src";
 /* @conditional-compile-remove(teams-identity-support) */
 import { _isTeamsCallAgent } from "../../../../../calling-stateful-client/src";
+import { LocalVideoStream as SDKLocalVideoStream } from '@azure/communication-calling';
 /* @conditional-compile-remove(unsupported-browser) */
 import { Features } from '@azure/communication-calling';
 import { EventEmitter } from 'events';
@@ -26,6 +27,8 @@ import { DiagnosticsForwarder } from './DiagnosticsForwarder';
 import { useEffect, useRef, useState } from 'react';
 import { createHandlers } from './createHandlers';
 import { createProfileStateModifier } from './OnFetchProfileCallback';
+/* @conditional-compile-remove(video-background-effects) */
+import { getBackgroundEffectFromSelectedEffect, getSelectedCameraFromAdapterState } from '../utils';
 /** Context of call, which is a centralized context for all state updates */
 class CallContext {
     constructor(clientState, isTeamsCall, options) {
@@ -44,15 +47,15 @@ class CallContext {
             /* @conditional-compile-remove(unsupported-browser) */ environmentInfo: clientState.environmentInfo,
             /* @conditional-compile-remove(unsupported-browser) */ unsupportedBrowserVersionsAllowed: false,
             /* @conditional-compile-remove(rooms) */ roleHint: options === null || options === void 0 ? void 0 : options.roleHint,
+            /* @conditional-compile-remove(video-background-effects) */ videoBackgroundImages: options === null || options === void 0 ? void 0 : options.videoBackgroundImages,
+            /* @conditional-compile-remove(video-background-effects) */ selectedVideoBackgroundEffect: undefined,
             cameraStatus: undefined
         };
         this.emitter.setMaxListeners((_b = options === null || options === void 0 ? void 0 : options.maxListeners) !== null && _b !== void 0 ? _b : 50);
         this.bindPublicMethods();
-        this.displayNameModifier = (options === null || options === void 0 ? void 0 : options.onFetchProfile)
-            ? createProfileStateModifier(options.onFetchProfile, () => {
-                this.setState(this.getState());
-            })
-            : undefined;
+        this.displayNameModifier = (options === null || options === void 0 ? void 0 : options.onFetchProfile) ? createProfileStateModifier(options.onFetchProfile, () => {
+            this.setState(this.getState());
+        }) : undefined;
     }
     bindPublicMethods() {
         /* @conditional-compile-remove(unsupported-browser) */
@@ -95,26 +98,32 @@ class CallContext {
             environmentInfo: this.state.environmentInfo,
             unsupportedBrowserVersionOptedIn: this.state.unsupportedBrowserVersionsAllowed
         };
-        const newPage = getCallCompositePage(call, latestEndedCall, 
-        /* @conditional-compile-remove(unsupported-browser) */ environmentInfo);
+        const newPage = getCallCompositePage(call, latestEndedCall, /* @conditional-compile-remove(unsupported-browser) */ environmentInfo);
         if (!IsCallEndedPage(oldPage) && IsCallEndedPage(newPage)) {
-            this.emitter.emit('callEnded', { callId: this.callId });
+            this.emitter.emit('callEnded', {
+                callId: this.callId
+            });
             // Reset the callId to undefined as the call has ended.
             this.setCurrentCallId(undefined);
             // Make sure that the call is set to undefined in the state.
             call = undefined;
         }
         if (this.state.page) {
-            this.setState(Object.assign(Object.assign({}, this.state), { userId: clientState.userId, displayName: (_a = clientState.callAgent) === null || _a === void 0 ? void 0 : _a.displayName, call, page: newPage, endedCall: latestEndedCall, devices: clientState.deviceManager, latestErrors: clientState.latestErrors, cameraStatus: (call === null || call === void 0 ? void 0 : call.localVideoStreams.find((s) => s.mediaStreamType === 'Video')) ||
-                    clientState.deviceManager.unparentedViews.find((s) => s.mediaStreamType === 'Video')
-                    ? 'On'
-                    : 'Off' }));
+            this.setState(Object.assign(Object.assign({}, this.state), { userId: clientState.userId, displayName: (_a = clientState.callAgent) === null || _a === void 0 ? void 0 : _a.displayName, call, page: newPage, endedCall: latestEndedCall, devices: clientState.deviceManager, latestErrors: clientState.latestErrors, cameraStatus: (call === null || call === void 0 ? void 0 : call.localVideoStreams.find(s => s.mediaStreamType === 'Video')) || clientState.deviceManager.unparentedViews.find(s => s.mediaStreamType === 'Video') ? 'On' : 'Off' }));
         }
     }
     /* @conditional-compile-remove(unsupported-browser) */
     setAllowedUnsupportedBrowser() {
         this.setState(Object.assign(Object.assign({}, this.state), { unsupportedBrowserVersionsAllowed: true }));
     }
+    /* @conditional-compile-remove(video-background-effects) */
+    setBackroundPickerImages(videoBackgroundImages) {
+        this.setState(Object.assign(Object.assign({}, this.state), { videoBackgroundImages }));
+    }
+    /* @conditional-compile-remove(video-background-effects) */
+    setSelectedVideoBackgroundEffect(selectedVideoBackgroundEffect) {
+        this.setState(Object.assign(Object.assign({}, this.state), { selectedVideoBackgroundEffect }));
+    }
 }
 const findLatestEndedCall = (calls) => {
     var _a, _b, _c, _d;
@@ -149,9 +158,17 @@ export class AzureCommunicationCallAdapter {
         this.callAgent = callAgent;
         this.locator = locator;
         this.deviceManager = deviceManager;
-        const isTeamsMeeting = 'meetingLink' in this.locator;
+        const isTeamsMeeting = ('meetingLink' in this.locator);
+        /* @conditional-compile-remove(rooms) */
+        const isRoomsCall = ('roomId' in this.locator);
+        /* @conditional-compile-remove(rooms) */
+        // to prevent showing components that depend on role such as local video tile, camera button, etc. in a rooms call
+        // we set the default roleHint as 'Consumer' when roleHint is undefined since it has the lowest level of permissions
+        if (isRoomsCall && (options === null || options === void 0 ? void 0 : options.roleHint) === undefined) {
+            options = Object.assign(Object.assign({}, options), { roleHint: 'Consumer' });
+        }
         this.context = new CallContext(callClient.getState(), isTeamsMeeting, options);
-        this.context.onCallEnded((endCallData) => this.emitter.emit('callEnded', endCallData));
+        this.context.onCallEnded(endCallData => this.emitter.emit('callEnded', endCallData));
         const onStateChange = (clientState) => {
             var _a;
             // unsubscribe when the instance gets disposed
@@ -234,6 +251,14 @@ export class AzureCommunicationCallAdapter {
             this.setSpokenLanguage.bind(this);
             this.setCaptionLanguage.bind(this);
         }
+        /* @conditional-compile-remove(video-background-effects) */
+        this.blurVideoBackground.bind(this);
+        /* @conditional-compile-remove(video-background-effects) */
+        this.replaceVideoBackground.bind(this);
+        /* @conditional-compile-remove(video-background-effects) */
+        this.stopVideoBackgroundEffects.bind(this);
+        /* @conditional-compile-remove(video-background-effects) */
+        this.updateBackgroundPickerImages.bind(this);
     }
     dispose() {
         this.resetDiagnosticsForwarder();
@@ -274,15 +299,21 @@ export class AzureCommunicationCallAdapter {
             throw new Error('You are already in the call!');
         }
         return this.teeErrorToEventEmitter(() => {
-            const audioOptions = { muted: !(microphoneOn !== null && microphoneOn !== void 0 ? microphoneOn : this.getState().isLocalPreviewMicrophoneEnabled) };
+            const audioOptions = {
+                muted: !(microphoneOn !== null && microphoneOn !== void 0 ? microphoneOn : this.getState().isLocalPreviewMicrophoneEnabled)
+            };
             // TODO: find a way to expose stream to here
-            const videoOptions = { localVideoStreams: this.localStream ? [this.localStream] : undefined };
+            const videoOptions = {
+                localVideoStreams: this.localStream ? [this.localStream] : undefined
+            };
             /* @conditional-compile-remove(teams-adhoc-call) */
             /* @conditional-compile-remove(PSTN-calls) */
             if (isOutboundCall(this.locator)) {
                 const phoneNumber = this.getState().alternateCallerId;
                 return this.startCall(this.locator.participantIds, {
-                    alternateCallerId: phoneNumber ? { phoneNumber: phoneNumber } : undefined,
+                    alternateCallerId: phoneNumber ? {
+                        phoneNumber: phoneNumber
+                    } : undefined,
                     audioOptions,
                     videoOptions
                 });
@@ -293,9 +324,9 @@ export class AzureCommunicationCallAdapter {
         });
     }
     _joinCall(audioOptions, videoOptions) {
-        const isTeamsMeeting = 'meetingLink' in this.locator;
+        const isTeamsMeeting = ('meetingLink' in this.locator);
         /* @conditional-compile-remove(rooms) */
-        const isRoomsCall = 'roomId' in this.locator;
+        const isRoomsCall = ('roomId' in this.locator);
         /* @conditional-compile-remove(teams-identity-support) */
         if (_isTeamsCallAgent(this.callAgent)) {
             if (!isTeamsMeeting) {
@@ -381,6 +412,23 @@ export class AzureCommunicationCallAdapter {
         return __awaiter(this, void 0, void 0, function* () {
             return yield this.asyncTeeErrorToEventEmitter(() => __awaiter(this, void 0, void 0, function* () {
                 if (!isCameraOn(this.getState())) {
+                    // First kick off the effect on the local device before starting the camera in the call.
+                    // This prevents the effect not being applied for a brief moment when the camera is started.
+                    /* @conditional-compile-remove(video-background-effects) */
+                    {
+                        const selectedEffect = this.getState().selectedVideoBackgroundEffect;
+                        const selectedCamera = getSelectedCameraFromAdapterState(this.getState());
+                        if (selectedEffect && selectedCamera) {
+                            const stream = new SDKLocalVideoStream(selectedCamera);
+                            const effect = getBackgroundEffectFromSelectedEffect(selectedEffect);
+                            if (effect) {
+                                yield stream.feature(Features.VideoEffects).startEffects(effect);
+                            }
+                            else {
+                                yield stream.feature(Features.VideoEffects).stopEffects();
+                            }
+                        }
+                    }
                     yield this.handlers.onToggleCamera(options);
                 }
             }));
@@ -442,12 +490,38 @@ export class AzureCommunicationCallAdapter {
         this.context.setAllowedUnsupportedBrowser();
         this.context.updateClientState(this.callClient.getState());
     }
+    /* @conditional-compile-remove(video-background-effects) */
+    blurVideoBackground(backgroundBlurConfig) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.handlers.onBlurVideoBackground(backgroundBlurConfig);
+        });
+    }
+    /* @conditional-compile-remove(video-background-effects) */
+    replaceVideoBackground(backgroundReplacementConfig) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.handlers.onReplaceVideoBackground(backgroundReplacementConfig);
+        });
+    }
+    /* @conditional-compile-remove(video-background-effects) */
+    stopVideoBackgroundEffects() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.handlers.onRemoveVideoBackgroundEffects();
+        });
+    }
+    /* @conditional-compile-remove(video-background-effects) */
+    updateBackgroundPickerImages(backgroundImages) {
+        this.context.setBackroundPickerImages(backgroundImages);
+    }
+    /* @conditional-compile-remove(video-background-effects) */
+    updateSelectedVideoBackgroundEffect(selectedVideoBackground) {
+        this.context.setSelectedVideoBackgroundEffect(selectedVideoBackground);
+    }
     startCall(participants, options) {
         var _a, _b;
         if (_isInCall((_b = (_a = this.getState().call) === null || _a === void 0 ? void 0 : _a.state) !== null && _b !== void 0 ? _b : 'None')) {
             throw new Error('You are already in the call.');
         }
-        const idsToAdd = participants.map((participant) => {
+        const idsToAdd = participants.map(participant => {
             // FIXME: `onStartCall` does not allow a Teams user.
             // Need some way to return an error if a Teams user is provided.
             const backendId = _toCommunicationIdentifier(participant);
@@ -594,15 +668,19 @@ export class AzureCommunicationCallAdapter {
     }
     onRemoteParticipantsUpdated({ added, removed }) {
         if (added && added.length > 0) {
-            this.emitter.emit('participantsJoined', { joined: added });
+            this.emitter.emit('participantsJoined', {
+                joined: added
+            });
         }
         if (removed && removed.length > 0) {
-            this.emitter.emit('participantsLeft', { removed: removed });
+            this.emitter.emit('participantsLeft', {
+                removed: removed
+            });
         }
-        added.forEach((participant) => {
+        added.forEach(participant => {
             this.participantSubscribers.set(toFlatCommunicationIdentifier(participant.identifier), new ParticipantSubscriber(participant, this.emitter));
         });
-        removed.forEach((participant) => {
+        removed.forEach(participant => {
             const subscriber = this.participantSubscribers.get(toFlatCommunicationIdentifier(participant.identifier));
             subscriber && subscriber.unsubscribeAll();
             this.participantSubscribers.delete(toFlatCommunicationIdentifier(participant.identifier));
@@ -610,11 +688,15 @@ export class AzureCommunicationCallAdapter {
     }
     isScreenSharingOnChanged() {
         var _a;
-        this.emitter.emit('isLocalScreenSharingActiveChanged', { isScreenSharingOn: (_a = this.call) === null || _a === void 0 ? void 0 : _a.isScreenSharingOn });
+        this.emitter.emit('isLocalScreenSharingActiveChanged', {
+            isScreenSharingOn: (_a = this.call) === null || _a === void 0 ? void 0 : _a.isScreenSharingOn
+        });
     }
     /* @conditional-compile-remove(close-captions) */
     captionsReceived(captionsInfo) {
-        this.emitter.emit('captionsReceived', { captionsInfo });
+        this.emitter.emit('captionsReceived', {
+            captionsInfo
+        });
     }
     /* @conditional-compile-remove(close-captions) */
     isCaptionsActiveChanged() {
@@ -625,7 +707,9 @@ export class AzureCommunicationCallAdapter {
     }
     callIdChanged() {
         var _a;
-        ((_a = this.call) === null || _a === void 0 ? void 0 : _a.id) && this.emitter.emit('callIdChanged', { callId: this.call.id });
+        ((_a = this.call) === null || _a === void 0 ? void 0 : _a.id) && this.emitter.emit('callIdChanged', {
+            callId: this.call.id
+        });
     }
     resetDiagnosticsForwarder(newCall) {
         if (this.diagnosticsForwarder) {
@@ -674,7 +758,8 @@ export class AzureCommunicationCallAdapter {
  * @public
  */
 export const createAzureCommunicationCallAdapter = ({ userId, displayName, credential, locator, 
-/* @conditional-compile-remove(PSTN-calls) */ alternateCallerId }) => __awaiter(void 0, void 0, void 0, function* () {
+/* @conditional-compile-remove(PSTN-calls) */ alternateCallerId, 
+/* @conditional-compile-remove(video-background-effects) */ options }) => __awaiter(void 0, void 0, void 0, function* () {
     if (!isValidIdentifier(userId)) {
         throw new Error('Invalid identifier. Please provide valid identifier object.');
     }
@@ -685,7 +770,7 @@ export const createAzureCommunicationCallAdapter = ({ userId, displayName, crede
     const callAgent = yield callClient.createCallAgent(credential, {
         displayName
     });
-    const adapter = createAzureCommunicationCallAdapterFromClient(callClient, callAgent, locator);
+    const adapter = createAzureCommunicationCallAdapterFromClient(callClient, callAgent, locator, /* @conditional-compile-remove(video-background-effects) */ options);
     return adapter;
 });
 /* @conditional-compile-remove(teams-identity-support) */
@@ -765,11 +850,6 @@ const useAzureCommunicationCallAdapterGeneric = (args, afterCreate, beforeDispos
                 }));
             }
             else if (adapterKind === 'Teams') {
-                // This is just the type check to ensure that roleHint is defined.
-                /* @conditional-compile-remove(teams-identity-support)) */
-                if (options && !('onFetchProfile' in options)) {
-                    throw new Error('Unreachable code, provided a options without roleHint.');
-                }
                 /* @conditional-compile-remove(teams-identity-support) */
                 newAdapter = (yield createTeamsCallAdapter({
                     credential,
@@ -792,21 +872,10 @@ const useAzureCommunicationCallAdapterGeneric = (args, afterCreate, beforeDispos
         }))();
     }, 
     // Explicitly list all arguments so that caller doesn't have to memoize the `args` object.
-    [
-        adapterRef,
-        afterCreateRef,
-        beforeDisposeRef,
-        credential,
-        locator,
-        adapterKind,
-        userId,
-        displayName,
-        /* @conditional-compile-remove(PSTN-calls) */
+    [adapterRef, afterCreateRef, beforeDisposeRef, credential, locator, adapterKind, userId, displayName,
         alternateCallerId,
-        /* @conditional-compile-remove(rooms) */
         /* @conditional-compile-remove(teams-identity-support) */
-        options
-    ]);
+        options]);
     // Dispose any existing adapter when the component unmounts.
     useEffect(() => {
         return () => {
@@ -837,26 +906,7 @@ const useAzureCommunicationCallAdapterGeneric = (args, afterCreate, beforeDispos
  *
  * @public
  */
-export const useAzureCommunicationCallAdapter = (
-/**
- * Arguments to be passed to {@link createAzureCommunicationCallAdapter}.
- *
- * Allows arguments to be undefined so that you can respect the rule-of-hooks and pass in arguments
- * as they are created. The adapter is only created when all arguments are defined.
- */
-args, 
-/**
- * Optional callback to modify the adapter once it is created.
- *
- * If set, must return the modified adapter.
- */
-afterCreate, 
-/**
- * Optional callback called before the adapter is disposed.
- *
- * This is useful for clean up tasks, e.g., leaving any ongoing calls.
- */
-beforeDispose) => {
+export const useAzureCommunicationCallAdapter = (args, afterCreate, beforeDispose) => {
     return useAzureCommunicationCallAdapterGeneric(args, afterCreate, beforeDispose, 'AzureCommunication');
 };
 /* @conditional-compile-remove(teams-identity-support) */
@@ -874,26 +924,7 @@ beforeDispose) => {
  *
  * @beta
  */
-export const useTeamsCallAdapter = (
-/**
- * Arguments to be passed to {@link createAzureCommunicationCallAdapter}.
- *
- * Allows arguments to be undefined so that you can respect the rule-of-hooks and pass in arguments
- * as they are created. The adapter is only created when all arguments are defined.
- */
-args, 
-/**
- * Optional callback to modify the adapter once it is created.
- *
- * If set, must return the modified adapter.
- */
-afterCreate, 
-/**
- * Optional callback called before the adapter is disposed.
- *
- * This is useful for clean up tasks, e.g., leaving any ongoing calls.
- */
-beforeDispose) => {
+export const useTeamsCallAdapter = (args, afterCreate, beforeDispose) => {
     return useAzureCommunicationCallAdapterGeneric(args, afterCreate, beforeDispose, 'Teams');
 };
 /**
@@ -904,13 +935,11 @@ beforeDispose) => {
  *
  * @public
  */
-export const createAzureCommunicationCallAdapterFromClient = (callClient, callAgent, locator, 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-options) => __awaiter(void 0, void 0, void 0, function* () {
-    const deviceManager = (yield callClient.getDeviceManager());
+export const createAzureCommunicationCallAdapterFromClient = (callClient, callAgent, locator, options) => __awaiter(void 0, void 0, void 0, function* () {
+    const deviceManager = yield callClient.getDeviceManager();
     /* @conditional-compile-remove(unsupported-browser) */
     yield callClient.feature(Features.DebugInfo).getEnvironmentInfo();
-    return new AzureCommunicationCallAdapter(callClient, locator, callAgent, deviceManager);
+    return new AzureCommunicationCallAdapter(callClient, locator, callAgent, deviceManager, /* @conditional-compile-remove(rooms) */ options);
 });
 /* @conditional-compile-remove(teams-identity-support) */
 /**
@@ -922,7 +951,7 @@ options) => __awaiter(void 0, void 0, void 0, function* () {
  * @beta
  */
 export const createTeamsCallAdapterFromClient = (callClient, callAgent, locator, options) => __awaiter(void 0, void 0, void 0, function* () {
-    const deviceManager = (yield callClient.getDeviceManager());
+    const deviceManager = yield callClient.getDeviceManager();
     /* @conditional-compile-remove(unsupported-browser) */
     yield callClient.feature(Features.DebugInfo).getEnvironmentInfo();
     return new AzureCommunicationCallAdapter(callClient, locator, callAgent, deviceManager, options);