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

package/dist/communication-react.d.ts

@@ -19,8 +19,6 @@
 
 import { AddPhoneNumberOptions } from '@azure/communication-calling';
 import { AudioDeviceInfo } from '@azure/communication-calling';
-import { BackgroundBlurConfig } from '@azure/communication-calling-effects';
-import { BackgroundReplacementConfig } from '@azure/communication-calling-effects';
 import { Call } from '@azure/communication-calling';
 import { CallAgent } from '@azure/communication-calling';
 import { CallClient } from '@azure/communication-calling';
@@ -30,6 +28,7 @@ import { CallEndReason } from '@azure/communication-calling';
 import { CallerInfo } from '@azure/communication-calling';
 import { CallKind } from '@azure/communication-calling';
 import { CallState as CallState_2 } from '@azure/communication-calling';
+import { CaptionsResultType } from '@azure/communication-calling';
 import { ChatClient } from '@azure/communication-chat';
 import { ChatClientOptions } from '@azure/communication-chat';
 import { ChatMessage as ChatMessage_2 } from '@azure/communication-chat';
@@ -66,7 +65,6 @@ import { IStyleFunctionOrObject } from '@fluentui/react';
 import { ITextFieldStyles } from '@fluentui/react';
 import { LatestMediaDiagnostics } from '@azure/communication-calling';
 import { LatestNetworkDiagnostics } from '@azure/communication-calling';
-import { LocalVideoStream } from '@azure/communication-calling';
 import type { MediaDiagnosticChangedEventArgs } from '@azure/communication-calling';
 import { MediaStreamType } from '@azure/communication-calling';
 import { MicrosoftTeamsUserIdentifier } from '@azure/communication-common';
@@ -88,6 +86,7 @@ import { RoomCallLocator } from '@azure/communication-calling';
 import { ScalingMode } from '@azure/communication-calling';
 import { SendMessageOptions } from '@azure/communication-chat';
 import { StartCallOptions } from '@azure/communication-calling';
+import { StartCaptionsOptions } from '@azure/communication-calling';
 import { TeamsCall } from '@azure/communication-calling';
 import { TeamsCallAgent } from '@azure/communication-calling';
 import { TeamsMeetingLinkLocator } from '@azure/communication-calling';
@@ -96,7 +95,6 @@ import { TypingIndicatorReceivedEvent } from '@azure/communication-chat';
 import { UnknownIdentifier } from '@azure/communication-common';
 import { UnknownIdentifierKind } from '@azure/communication-common';
 import { VideoDeviceInfo } from '@azure/communication-calling';
-import { VideoEffectName } from '@azure/communication-calling';
 import { VideoStreamRenderer } from '@azure/communication-calling';
 import { VideoStreamRendererView } from '@azure/communication-calling';
 
@@ -217,6 +215,13 @@ export declare type AreParamEqual<A extends (props: any) => JSX.Element | undefi
  */
 export declare type AreTypeEqual<A, B> = A extends B ? (B extends A ? true : false) : false;
 
+/**
+ * @beta
+ */
+export declare interface AttachmentDownloadResult {
+    blobUrl: string;
+}
+
 /**
  * Custom data attributes for displaying avatar for a user.
  *
@@ -323,6 +328,7 @@ export declare type AzureCommunicationCallWithChatAdapterFromClientArgs = {
     callClient: StatefulCallClient;
     chatClient: StatefulChatClient;
     chatThreadClient: ChatThreadClient;
+    options?: AzureCommunicationChatAdapterOptions;
 };
 
 /**
@@ -338,6 +344,14 @@ export declare type AzureCommunicationChatAdapterArgs = {
     threadId: string;
 };
 
+/**
+ * Configuration options to include when creating AzureCommunicationChatAdapter.
+ * @beta
+ */
+export declare type AzureCommunicationChatAdapterOptions = {
+    credential?: CommunicationTokenCredential;
+};
+
 /**
  * Properties common to all composites exported from this library.
  *
@@ -393,6 +407,26 @@ export declare interface BaseCustomStyles {
     root?: IStyle;
 }
 
+/**
+ * Content blocked message type.
+ *
+ * Content blocked messages will rendered default value, but applications can provide custom strings and icon to renderers.
+ *
+ * @beta
+ */
+export declare interface BlockedMessage extends MessageCommon {
+    messageType: 'blocked';
+    warningText?: string;
+    linkText?: string;
+    link?: string;
+    deletedOn?: Date;
+    senderId?: string;
+    senderDisplayName?: string;
+    status?: MessageStatus;
+    attached?: MessageAttachedStatus;
+    mine?: boolean;
+}
+
 /**
  * @beta
  * Props for BrowserPermissionDeniedIOS component.
@@ -714,23 +748,24 @@ export declare interface CallAdapterCallOperations {
      */
     allowUnsupportedBrowserVersion(): void;
     /**
-     * Start the blur video background effect.
-     *
-     * @beta
+     * Function to Start captions
+     * @param options - options for start captions
      */
-    blurVideoBackground(backgroundBlurConfig?: BackgroundBlurConfig): Promise<void>;
+    startCaptions(options?: StartCaptionsOptions): Promise<void>;
     /**
-     * Start the video background replacement effect.
-     *
-     * @beta
+     * Function to set caption language
+     * @param language - language set for caption
      */
-    replaceVideoBackground(backgroundReplacementConfig: BackgroundReplacementConfig): Promise<void>;
+    setCaptionLanguage(language: string): Promise<void>;
     /**
-     * Stop the video background effect.
-     *
-     * @beta
+     * Function to set spoken language
+     * @param language - spoken language
      */
-    stopVideoBackgroundEffect(): Promise<void>;
+    setSpokenLanguage(language: string): Promise<void>;
+    /**
+     * Funtion to stop captions
+     */
+    stopCaptions(): Promise<void>;
 }
 
 /**
@@ -768,10 +803,6 @@ export declare type CallAdapterClientState = {
      * control bar with the CallComposite.
      */
     cameraStatus?: 'On' | 'Off';
-    /**
-     * Default set of background images for background replacement effect.
-     */
-    videoBackgroundImages?: VideoBackgroundImage[];
 };
 
 /**
@@ -933,6 +964,14 @@ export declare interface CallAdapterSubscribers {
      * Subscribe function for 'error' event.
      */
     on(event: 'error', listener: (e: AdapterError) => void): void;
+    /**
+     * Subscribe function for 'captionsReceived' event.
+     */
+    on(event: 'captionsReceived', listener: CaptionsReceivedListener): void;
+    /**
+     * Subscribe function for 'isCaptionsActiveChanged' event.
+     */
+    on(event: 'isCaptionsActiveChanged', listener: IsCaptionsActiveChangedListener): void;
     /**
      * Unsubscribe function for 'participantsJoined' event.
      */
@@ -981,6 +1020,14 @@ export declare interface CallAdapterSubscribers {
      * Unsubscribe function for 'error' event.
      */
     off(event: 'error', listener: (e: AdapterError) => void): void;
+    /**
+     * Unsubscribe function for 'captionsReceived' event.
+     */
+    off(event: 'captionsReceived', listener: CaptionsReceivedListener): void;
+    /**
+     * Unsubscribe function for 'isCaptionsActiveChanged' event.
+     */
+    off(event: 'isCaptionsActiveChanged', listener: IsCaptionsActiveChangedListener): void;
 }
 
 /**
@@ -1151,6 +1198,7 @@ export declare const CallComposite: (props: CallCompositeProps) => JSX.Element;
  * @public
  */
 export declare type CallCompositeIcons = {
+    ControlBarPeopleButton?: JSX.Element;
     ControlButtonCameraOff?: JSX.Element;
     ControlButtonCameraOn?: JSX.Element;
     ControlButtonEndCall?: JSX.Element;
@@ -1662,85 +1710,93 @@ export declare interface CallCompositeStrings {
      * string to be used to announce when multiple unnamed participants have left at the same time.
      */
     manyUnnamedParticipantsLeft: string;
-}
-
-/**
- * Control bar display type for {@link CallComposite}.
- *
- * @public
- */
-export declare type CallControlDisplayType = 'default' | 'compact';
-
-/**
- * Customization options for the control bar in calling experience.
- *
- * @public
- */
-export declare type CallControlOptions = {
     /**
-     * {@link CallControlDisplayType} to change how the call controls are displayed.
-     * `'compact'` display type will decreases the size of buttons and hide the labels.
-     *
-     * @remarks
-     * If the composite `formFactor` is set to `'mobile'`, the control bar will always use compact view.
-     *
-     * @defaultValue 'default'
+     * string to be used to open live captions contextual menu
      */
-    displayType?: CallControlDisplayType;
+    liveCaptionsLabel?: string;
     /**
-     * Show or Hide Camera Button during a call
-     * @defaultValue true
+     * label for opening captions setting modal
      */
-    cameraButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ {
-        disabled: boolean;
-    };
+    captionsSettingsLabel?: string;
     /**
-     * Show or Hide EndCall button during a call.
-     * @defaultValue true
+     * string to be used to start captions
      */
-    endCallButton?: boolean;
+    startCaptionsButtonOnLabel?: string;
     /**
-     * Show or Hide Microphone button during a call.
-     * @defaultValue true
+     * string to be used to stop captions
      */
-    microphoneButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ {
-        disabled: boolean;
-    };
+    startCaptionsButtonOffLabel?: string;
     /**
-     * Show or Hide Devices button during a call.
-     * @defaultValue true
+     * tooltip string to be used to show captions is on
      */
-    devicesButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ {
-        disabled: boolean;
-    };
+    startCaptionsButtonTooltipOnContent?: string;
     /**
-     * Show, Hide or Disable participants button during a call.
-     * @defaultValue true
+     *tooltip string to be used to show captions is off
      */
-    participantsButton?: boolean | {
-        disabled: boolean;
-    };
+    startCaptionsButtonTooltipOffContent?: string;
     /**
-     * Show, Hide or Disable the screen share button during a call.
-     * @defaultValue true
+     * captions setting modal title
      */
-    screenShareButton?: boolean | {
-        disabled: boolean;
-    };
+    captionsSettingsModalTitle?: string;
     /**
-     * Show, Hide or disable the more button during a call.
-     * @defaultValue true
+     * label for dropdown inside captions setting modal
      */
-    moreButton?: boolean;
+    captionsSettingsDropdownLabel?: string;
     /**
-     * Inject custom buttons in the call controls.
-     *
-     * @beta
+     * text under captions setting dropdown indicating what the dropdown is for
      */
-    onFetchCustomButtonProps?: CustomCallControlButtonCallback[];
-    holdButton?: boolean | {
+    captionsSettingsDropdownInfoText?: string;
+    /**
+     * confirm button label in captions setting modal
+     */
+    captionsSettingsConfirmButtonLabel?: string;
+    /**
+     * cancel button label in captions setting modal
+     */
+    captionsSettingsCancelButtonLabel?: string;
+    /**
+     * arial label for captions setting modal
+     */
+    captionsSettingsModalAriaLabel?: string;
+    /**
+     * arial label for captions setting modal close button
+     */
+    captionsSettingsCloseModalButtonAriaLabel?: string;
+    /**
+     * label for more button inside captions banner
+     */
+    captionsBannerMoreButtonCallingLabel?: string;
+    /**
+     * arial label for more button inside captions banner
+     */
+    captionsBannerMoreButtonTooltip?: string;
+    /**
+     * list of key value pairs that pairs language code to language names
+     */
+    captionsAvailableLanguageStrings?: CaptionsAvailableLanguageStrings;
+}
+
+/**
+ * Control bar display type for {@link CallComposite}.
+ *
+ * @public
+ */
+export declare type CallControlDisplayType = 'default' | 'compact';
+
+/**
+ * Customization options for the control bar in calling experience.
+ *
+ * @public
+ */
+export declare type CallControlOptions = CommonCallControlOptions & {
+    /**
+     * Show, Hide or Disable participants button during a call. This is the option only work for legacyControl bar.
+     * @defaultValue true
+     */
+    participantsButton?: boolean | {
         disabled: boolean;
     };
+    legacyControlBarExperience?: boolean;
 };
 
 /**
@@ -1802,7 +1858,7 @@ export declare type CallErrors = {
  *
  * @public
  */
-export declare type CallErrorTarget = 'Call.addParticipant' | /* @conditional-compile-remove(calling-beta-sdk) */ 'Call.dispose' | 'Call.feature' | 'Call.hangUp' | 'Call.hold' | 'Call.mute' | /* @conditional-compile-remove(calling-beta-sdk) */ 'Call.muteIncomingAudio' | 'Call.off' | 'Call.on' | 'Call.removeParticipant' | 'Call.resume' | 'Call.sendDtmf' | /* @conditional-compile-remove(calling-beta-sdk) */ 'Call.startAudio' | 'Call.startScreenSharing' | 'Call.startVideo' | 'Call.stopScreenSharing' | /* @conditional-compile-remove(calling-beta-sdk) */ 'Call.stopAudio' | 'Call.stopVideo' | 'Call.unmute' | /* @conditional-compile-remove(calling-beta-sdk) */ 'Call.unmuteIncomingAudio' | 'CallAgent.dispose' | 'CallAgent.feature' | 'CallAgent.join' | 'CallAgent.off' | 'CallAgent.on' | 'CallAgent.startCall' | 'CallClient.createCallAgent' | /* @conditional-compile-remove(calling-beta-sdk) */ /* @conditional-compile-remove(teams-identity-support) */ 'CallClient.createTeamsCallAgent' | 'CallClient.feature' | 'CallClient.getDeviceManager' | /* @conditional-compile-remove(calling-beta-sdk) */ 'CallClient.getEnvironmentInfo' | 'DeviceManager.askDevicePermission' | 'DeviceManager.getCameras' | 'DeviceManager.getMicrophones' | 'DeviceManager.getSpeakers' | 'DeviceManager.off' | 'DeviceManager.on' | 'DeviceManager.selectMicrophone' | 'DeviceManager.selectSpeaker' | 'IncomingCall.accept' | 'IncomingCall.reject' | /* @conditional-compile-remove(calling-beta-sdk) */ /* @conditional-compile-remove(teams-identity-support) */ 'TeamsCall.addParticipant' | /* @conditional-compile-remove(video-background-effects) */ 'VideoEffectsFeature.startEffects' | /* @conditional-compile-remove(calling-beta-sdk) */ 'CallAgent.handlePushNotification';
+export declare type CallErrorTarget = 'Call.addParticipant' | 'Call.dispose' | 'Call.feature' | 'Call.hangUp' | 'Call.hold' | 'Call.mute' | /* @conditional-compile-remove(calling-beta-sdk) */ 'Call.muteIncomingAudio' | 'Call.off' | 'Call.on' | 'Call.removeParticipant' | 'Call.resume' | 'Call.sendDtmf' | /* @conditional-compile-remove(calling-beta-sdk) */ 'Call.startAudio' | 'Call.startScreenSharing' | 'Call.startVideo' | 'Call.stopScreenSharing' | /* @conditional-compile-remove(calling-beta-sdk) */ 'Call.stopAudio' | 'Call.stopVideo' | 'Call.unmute' | /* @conditional-compile-remove(calling-beta-sdk) */ 'Call.unmuteIncomingAudio' | 'CallAgent.dispose' | 'CallAgent.feature' | 'CallAgent.join' | 'CallAgent.off' | 'CallAgent.on' | 'CallAgent.startCall' | 'CallClient.createCallAgent' | 'CallClient.createTeamsCallAgent' | 'CallClient.feature' | 'CallClient.getDeviceManager' | /* @conditional-compile-remove(calling-beta-sdk) */ 'CallClient.getEnvironmentInfo' | 'DeviceManager.askDevicePermission' | 'DeviceManager.getCameras' | 'DeviceManager.getMicrophones' | 'DeviceManager.getSpeakers' | 'DeviceManager.off' | 'DeviceManager.on' | 'DeviceManager.selectMicrophone' | 'DeviceManager.selectSpeaker' | 'IncomingCall.accept' | 'IncomingCall.reject' | /* @conditional-compile-remove(calling-beta-sdk) */ /* @conditional-compile-remove(teams-identity-support) */ 'TeamsCall.addParticipant' | /* @conditional-compile-remove(calling-beta-sdk) */ 'CallAgent.handlePushNotification' | /* @conditional-compile-remove(calling-beta-sdk) */ 'Call.admit' | /* @conditional-compile-remove(calling-beta-sdk) */ 'Call.rejectParticipant' | /* @conditional-compile-remove(calling-beta-sdk) */ 'Call.admitAll';
 
 /**
  * Callback for {@link CallAdapterSubscribers} 'callIdChanged' event.
@@ -1978,6 +2034,10 @@ export declare interface CallState {
      * Proxy of {@link @azure/communication-calling#TranscriptionCallFeature}.
      */
     transcription: TranscriptionCallFeature;
+    /**
+     * Proxy of {@link @azure/communication-calling#TranscriptionCallFeature}.
+     */
+    captionsFeature: CaptionsCallFeatureState;
     /**
      * Proxy of {@link @azure/communication-calling#RecordingCallFeature}.
      */
@@ -2269,6 +2329,9 @@ export declare interface CallWithChatAdapterManagement {
     updateFileUploadErrorMessage: (id: string, errorMessage: string) => void;
     /** @beta */
     updateFileUploadMetadata: (id: string, metadata: FileMetadata) => void;
+    downloadAttachments: (options: {
+        attachmentUrls: string[];
+    }) => Promise<AttachmentDownloadResult[]>;
     /**
      * Puts the Call in a Localhold.
      *
@@ -2299,23 +2362,24 @@ export declare interface CallWithChatAdapterManagement {
      */
     allowUnsupportedBrowserVersion(): void;
     /**
-     * Start the blur video background effect.
-     *
-     * @beta
+     * Function to Start captions
+     * @param options - options for start captions
      */
-    blurVideoBackground(backgroundBlurConfig?: BackgroundBlurConfig): Promise<void>;
+    startCaptions(options?: StartCaptionsOptions): Promise<void>;
     /**
-     * Start the video background replacement effect.
-     *
-     * @beta
+     * Function to set caption language
+     * @param language - language set for caption
      */
-    replaceVideoBackground(backgroundReplacementConfig: BackgroundReplacementConfig): Promise<void>;
+    setCaptionLanguage(language: string): Promise<void>;
     /**
-     * Stop the video background effect.
-     *
-     * @beta
+     * Function to set spoken language
+     * @param language - spoken language
      */
-    stopVideoBackgroundEffect(): Promise<void>;
+    setSpokenLanguage(language: string): Promise<void>;
+    /**
+     * Funtion to stop captions
+     */
+    stopCaptions(): Promise<void>;
 }
 
 /**
@@ -2343,6 +2407,8 @@ export declare interface CallWithChatAdapterSubscriptions {
     on(event: 'selectedMicrophoneChanged', listener: PropertyChangedEvent): void;
     on(event: 'selectedSpeakerChanged', listener: PropertyChangedEvent): void;
     on(event: 'callError', listener: (e: AdapterError) => void): void;
+    on(event: 'captionsReceived', listener: CaptionsReceivedListener): void;
+    on(event: 'isCaptionsActiveChanged', listener: IsCaptionsActiveChangedListener): void;
     off(event: 'callEnded', listener: CallEndedListener): void;
     off(event: 'isMutedChanged', listener: IsMutedChangedListener): void;
     off(event: 'callIdChanged', listener: CallIdChangedListener): void;
@@ -2354,6 +2420,8 @@ export declare interface CallWithChatAdapterSubscriptions {
     off(event: 'selectedMicrophoneChanged', listener: PropertyChangedEvent): void;
     off(event: 'selectedSpeakerChanged', listener: PropertyChangedEvent): void;
     off(event: 'callError', listener: (e: AdapterError) => void): void;
+    off(event: 'captionsReceived', listener: CaptionsReceivedListener): void;
+    off(event: 'isCaptionsActiveChanged', listener: IsCaptionsActiveChangedListener): void;
     on(event: 'messageReceived', listener: MessageReceivedListener): void;
     on(event: 'messageSent', listener: MessageSentListener): void;
     on(event: 'messageRead', listener: MessageReadListener): void;
@@ -2666,6 +2734,18 @@ export declare interface CallWithChatCompositeStrings {
      * Only used with `mobileView` set to `true`.
      */
     moreDrawerSpeakerMenuTitle: string;
+    /**
+     * Title for the captions sub-menu in more button drawer.
+     *
+     * Only used with `mobileView` set to `true`.
+     */
+    moreDrawerCaptionsMenuTitle: string;
+    /**
+     * Title for the spoken language sub-menu in more button drawer.
+     *
+     * Only used with `mobileView` set to `true`.
+     */
+    moreDrawerSpokenLanguageMenuTitle: string;
     /**
      * {@Link CallWithChatComposite} control bar More button label
      */
@@ -2757,47 +2837,11 @@ export declare interface CallWithChatCompositeStrings {
 }
 
 /**
- * {@link CallWithChatComposite} Call controls to show or hide buttons on the calling control bar.
+ * Customization options for the control bar in calling with chat experience.
  *
  * @public
  */
-export declare interface CallWithChatControlOptions {
-    /**
-     * {@link CallControlDisplayType} to change how the call controls are displayed.
-     * `'compact'` display type will decreases the size of buttons and hide the labels.
-     *
-     * @remarks
-     * If the composite `formFactor` is set to `'mobile'`, the control bar will always use compact view.
-     *
-     * @defaultValue 'default'
-     */
-    displayType?: CallControlDisplayType;
-    /**
-     * Show or Hide Microphone button during a call.
-     * @defaultValue true
-     */
-    microphoneButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ {
-        disabled: boolean;
-    };
-    /**
-     * Show or Hide Camera Button during a call
-     * @defaultValue true
-     */
-    cameraButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ {
-        disabled: boolean;
-    };
-    /**
-     * Show, Hide or Disable the screen share button during a call.
-     * @defaultValue true
-     */
-    screenShareButton?: boolean | {
-        disabled: boolean;
-    };
-    /**
-     * Show or Hide EndCall button during a call.
-     * @defaultValue true
-     */
-    endCallButton?: boolean;
+export declare interface CallWithChatControlOptions extends CommonCallControlOptions {
     /**
      * Show or hide the chat button in the call-with-chat composite control bar.
      * @defaultValue true
@@ -2805,29 +2849,6 @@ export declare interface CallWithChatControlOptions {
     chatButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ {
         disabled: boolean;
     };
-    /**
-     * Show or hide the people button in the call-with-chat composite control bar.
-     * @defaultValue true
-     */
-    peopleButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ {
-        disabled: boolean;
-    };
-    /**
-     * Inject custom buttons in the call controls.
-     *
-     * @beta
-     */
-    onFetchCustomButtonProps?: CustomCallWithChatControlButtonCallback[];
-    /**
-     * Show or hide the more button in the call-with-chat control bar.
-     */
-    moreButton?: boolean;
-    /**
-     * Show or hide the hold button in the bottom sheet drawer
-     */
-    holdButton?: boolean | {
-        disabled: boolean;
-    };
 }
 
 /**
@@ -2835,7 +2856,7 @@ export declare interface CallWithChatControlOptions {
  *
  * @public
  */
-export declare type CallWithChatEvent = 'callError' | 'chatError' | 'callEnded' | 'isMutedChanged' | 'callIdChanged' | 'isLocalScreenSharingActiveChanged' | 'displayNameChanged' | 'isSpeakingChanged' | 'callParticipantsJoined' | 'callParticipantsLeft' | 'selectedMicrophoneChanged' | 'selectedSpeakerChanged' | 'messageReceived' | 'messageSent' | 'messageRead' | 'chatParticipantsAdded' | 'chatParticipantsRemoved';
+export declare type CallWithChatEvent = 'callError' | 'chatError' | 'callEnded' | 'isMutedChanged' | 'callIdChanged' | 'isLocalScreenSharingActiveChanged' | 'displayNameChanged' | 'isSpeakingChanged' | 'callParticipantsJoined' | 'callParticipantsLeft' | 'selectedMicrophoneChanged' | 'selectedSpeakerChanged' | /* @conditional-compile-remove(close-captions) */ 'isCaptionsActiveChanged' | /* @conditional-compile-remove(close-captions) */ 'captionsReceived' | 'messageReceived' | 'messageSent' | 'messageRead' | 'chatParticipantsAdded' | 'chatParticipantsRemoved';
 
 /**
  * @beta
@@ -2928,10 +2949,6 @@ export declare interface CameraButtonProps extends ControlBarButtonProps {
      * Styles for {@link CameraButton} and the device selection flyout.
      */
     styles?: Partial<CameraButtonStyles>;
-    /**
-     * Callback when a effects is clicked
-     */
-    onShowVideoEffectsPicker?: (showVideoEffectsOptions: boolean) => void;
 }
 
 /**
@@ -3043,6 +3060,142 @@ export declare interface CameraSitePermissionsProps extends CommonSitePermission
  */
 export declare type CameraSitePermissionsStrings = SitePermissionsStrings;
 
+/**
+ * @public
+ * Callback function run when a message edit is cancelled.
+ */
+export declare type CancelEditCallback = (messageId: string) => void;
+
+/**
+ * @beta
+ * strings for captions setting modal
+ */
+export declare interface CaptionsAvailableLanguageStrings {
+    'ar-ae': string;
+    'ar-sa': string;
+    'da-dk': string;
+    'de-de': string;
+    'en-au': string;
+    'en-ca': string;
+    'en-gb': string;
+    'en-in': string;
+    'en-nz': string;
+    'en-us': string;
+    'es-es': string;
+    'es-mx': string;
+    'fi-fi': string;
+    'fr-ca': string;
+    'fr-fr': string;
+    'hi-in': string;
+    'it-it': string;
+    'ja-jp': string;
+    'ko-kr': string;
+    'nb-no': string;
+    'nl-be': string;
+    'nl-nl': string;
+    'pl-pl': string;
+    'pt-br': string;
+    'ru-ru': string;
+    'sv-se': string;
+    'zh-cn': string;
+    'zh-hk': string;
+    'cs-cz': string;
+    'pt-pt': string;
+    'tr-tr': string;
+    'vi-vn': string;
+    'th-th': string;
+    'he-il': string;
+    'cy-gb': string;
+    'uk-ua': string;
+    'el-gr': string;
+    'hu-hu': string;
+    'ro-ro': string;
+    'sk-sk': string;
+    'zh-tw': string;
+}
+
+/**
+ * @beta
+ */
+export declare interface CaptionsCallFeatureState {
+    /**
+     * supported spoken languages
+     */
+    supportedSpokenLanguages: string[];
+    /**
+     * array of received captions
+     */
+    captions: CaptionsInfo[];
+    /**
+     * whether captions is on/off
+     */
+    isCaptionsFeatureActive: boolean;
+    /**
+     * supported caption languages
+     */
+    supportedCaptionLanguages: string[];
+    /**
+     * current spoken language
+     */
+    currentSpokenLanguage: string;
+    /**
+     * current caption language
+     */
+    currentCaptionLanguage: string;
+}
+
+/**
+ * @beta
+ */
+export declare interface CaptionsInfo {
+    /**
+     * The state in which this caption data can be classified.
+     */
+    resultType: CaptionsResultType;
+    /**
+     * The information of the call participant who spoke the captioned text.
+     */
+    speaker: CallerInfo;
+    /**
+     * The language that the spoken words were interpretted as. Corresponds to the language specified in startCaptions / setSpokenLanguage.
+     */
+    spokenLanguage: string;
+    /**
+     * The caption text.
+     */
+    captionText: string;
+    /**
+     * Timestamp of when the captioned words were initially spoken.
+     */
+    timestamp: Date;
+    /**
+     * The language that the captions are presented in. Corresponds to the captionLanguage specified in startCaptions / setCaptionLanguage.
+     */
+    captionLanguage?: string;
+    /**
+     * The original spoken caption text prior to translating to subtitle language
+     */
+    spokenText?: string;
+}
+
+/**
+ * options bag to start captions
+ *
+ * @beta
+ */
+export declare type CaptionsOptions = {
+    spokenLanguage: string;
+};
+
+/**
+ * Callback for {@link CallAdapterSubscribers} 'captionsReceived' event.
+ *
+ * @beta
+ */
+export declare type CaptionsReceivedListener = (event: {
+    captionsInfo: CaptionsInfo;
+}) => void;
+
 /**
  * {@link ChatComposite} Adapter interface.
  *
@@ -3171,6 +3324,9 @@ export declare interface ChatAdapterThreadManagement {
      *
      */
     loadPreviousChatMessages(messagesToLoad: number): Promise<boolean>;
+    downloadAttachments: (options: {
+        attachmentUrls: string[];
+    }) => Promise<AttachmentDownloadResult[]>;
 }
 
 /**
@@ -3462,6 +3618,7 @@ export declare interface ChatMessage extends MessageCommon {
     senderId?: string;
     senderDisplayName?: string;
     status?: MessageStatus;
+    failureReason?: string;
     attached?: MessageAttachedStatus;
     mine?: boolean;
     clientMessageId?: string;
@@ -3490,6 +3647,7 @@ export declare interface ChatMessage extends MessageCommon {
 export declare type ChatMessageWithStatus = ChatMessage_2 & {
     clientMessageId?: string;
     status: MessageStatus;
+    policyViolation?: boolean;
 };
 
 /**
@@ -3631,6 +3789,85 @@ export declare interface CommonCallAdapter extends AdapterState<CallAdapterState
     startCall(participants: CommunicationIdentifier[], options?: StartCallOptions): void;
 }
 
+/**
+ * Customization options for the control bar in calling experience.
+ *
+ * @public
+ */
+export declare type CommonCallControlOptions = {
+    /**
+     * {@link CallControlDisplayType} to change how the call controls are displayed.
+     * `'compact'` display type will decreases the size of buttons and hide the labels.
+     *
+     * @remarks
+     * If the composite `formFactor` is set to `'mobile'`, the control bar will always use compact view.
+     *
+     * @defaultValue 'default'
+     */
+    displayType?: CallControlDisplayType;
+    /**
+     * Show or Hide Camera Button during a call
+     * @defaultValue true
+     */
+    cameraButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ {
+        disabled: boolean;
+    };
+    /**
+     * Show or Hide EndCall button during a call.
+     * @defaultValue true
+     */
+    endCallButton?: boolean;
+    /**
+     * Show or Hide Microphone button during a call.
+     * @defaultValue true
+     */
+    microphoneButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ {
+        disabled: boolean;
+    };
+    /**
+     * Show or Hide Devices button during a call.
+     * @defaultValue true
+     */
+    devicesButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ {
+        disabled: boolean;
+    };
+    /**
+     * Show, Hide or Disable participants button during a call.
+     * @defaultValue true
+     */
+    participantsButton?: boolean | {
+        disabled: boolean;
+    };
+    /**
+     * Show, Hide or Disable the screen share button during a call.
+     * @defaultValue true
+     */
+    screenShareButton?: boolean | {
+        disabled: boolean;
+    };
+    /**
+     * Show, Hide or disable the more button during a call.
+     * @defaultValue true
+     */
+    moreButton?: boolean;
+    /**
+     * Inject custom buttons in the call controls.
+     *
+     * @beta
+     */
+    onFetchCustomButtonProps?: CustomCallControlButtonCallback[];
+    holdButton?: boolean | {
+        disabled: boolean;
+    };
+    /**
+     * Show or hide the people button in the composite control bar.
+     * @defaultValue true
+     */
+    peopleButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ {
+        disabled: boolean;
+    };
+};
+
 /**
  * Object containing all the handlers required for calling components.
  *
@@ -3662,9 +3899,10 @@ export declare interface CommonCallingHandlers {
     onRemoveParticipant(participant: CommunicationIdentifier): Promise<void>;
     askDevicePermission: (constrain: PermissionConstraints) => Promise<void>;
     onStartCall: (participants: (CommunicationUserIdentifier | PhoneNumberIdentifier | UnknownIdentifier)[], options?: StartCallOptions) => void;
-    onRemoveVideoBackgroundEffects: () => Promise<void>;
-    onBlurVideoBackground: (backgroundBlurConfig?: BackgroundBlurConfig) => Promise<void>;
-    onReplaceVideoBackground: (backgroundReplacementConfig: BackgroundReplacementConfig) => Promise<void>;
+    onStartCaptions: (options?: CaptionsOptions) => Promise<void>;
+    onStopCaptions: () => Promise<void>;
+    onSetSpokenLanguage: (language: string) => Promise<void>;
+    onSetCaptionLanguage: (language: string) => Promise<void>;
 }
 
 /**
@@ -4261,7 +4499,7 @@ export declare const createAzureCommunicationCallWithChatAdapter: ({ userId, dis
  *
  * @public
  */
-export declare const createAzureCommunicationCallWithChatAdapterFromClients: ({ callClient, callAgent, callLocator, chatClient, chatThreadClient }: AzureCommunicationCallWithChatAdapterFromClientArgs) => Promise<CallWithChatAdapter>;
+export declare const createAzureCommunicationCallWithChatAdapterFromClients: ({ callClient, callAgent, callLocator, chatClient, chatThreadClient, options }: AzureCommunicationCallWithChatAdapterFromClientArgs) => Promise<CallWithChatAdapter>;
 
 /**
  * Create a {@link ChatAdapter} backed by Azure Communication Services.
@@ -4280,7 +4518,9 @@ export declare const createAzureCommunicationChatAdapter: ({ endpoint: endpointU
  *
  * @public
  */
-export declare const createAzureCommunicationChatAdapterFromClient: (chatClient: StatefulChatClient, chatThreadClient: ChatThreadClient) => Promise<ChatAdapter>;
+export declare function createAzureCommunicationChatAdapterFromClient(chatClient: StatefulChatClient, chatThreadClient: ChatThreadClient, options?: {
+    credential?: CommunicationTokenCredential;
+}): Promise<ChatAdapter>;
 
 /**
  * Create the default implementation of {@link CallingHandlers} for teams call.
@@ -4414,15 +4654,16 @@ export declare type CustomAvatarOptions = {
 };
 
 /**
- * A callback that returns the props to render a custom {@link ControlBarButton}.
+ * A callback that returns the props to render a custom {@link ControlBarButton} and {@link DrawerMenuItem}.
  *
  * The response indicates where the custom button should be placed.
  *
  * Performance tip: This callback is only called when either the callback or its arguments change.
- *
  * @beta
  */
-export declare type CustomCallControlButtonCallback = (args: CustomCallControlButtonCallbackArgs) => CustomCallControlButtonProps;
+declare type CustomCallControlButtonCallback = (args: CustomCallControlButtonCallbackArgs) => CustomCallWithChatControlButtonProps;
+export { CustomCallControlButtonCallback }
+export { CustomCallControlButtonCallback as CustomCallWithChatControlButtonCallback }
 
 /**
  * Arguments for {@link CustomCallControlButtonCallback}.
@@ -4439,17 +4680,23 @@ export declare interface CustomCallControlButtonCallbackArgs {
 }
 
 /**
- * Placement for a custom button injected in the {@link CallControls}.
+ * Placement for a custom button injected in the {@link CommonCallControlBar}.
  *
  * 'primary': Place the button(s) on the right end of the center control bar but before the EndCallButton (left end in rtl mode).
+ * 'overflow': Place the buttons(s) on the end of the overflow Menu.
+ * 'secondary': Place the button(s) on the left end of the side control bar (right in rtl mode).
  *
  * Multiple buttons assigned the same placement are appended in order.
- * E.g., if two buttons are placed in 'primary', they'll both appear on the right end (left end in rtl mode)
- * before the EndCallButton in the order provided.
+ * E.g., if two buttons are placed in 'secondary', they'll both appear on the left end (right end in rtl mode)
+ * in the order provided.
+ *
+ * Only 'primary' placement works when legacy call control is enabled in call composite
  *
  * @beta
  */
-export declare type CustomCallControlButtonPlacement = 'primary';
+declare type CustomCallControlButtonPlacement = 'primary' | 'overflow' | 'secondary';
+export { CustomCallControlButtonPlacement }
+export { CustomCallControlButtonPlacement as CustomCallWithChatControlButtonPlacement }
 
 /**
  * Response from {@link CustomCallControlButtonCallback}.
@@ -4472,32 +4719,7 @@ export declare interface CustomCallControlButtonProps extends CustomControlButto
 }
 
 /**
- * A callback that returns the props to render a custom {@link ControlBarButton} and {@link DrawerMenuItem}.
- *
- * The response indicates where the custom button should be placed.
- *
- * Performance tip: This callback is only called when either the callback or its arguments change.
- * @beta
- */
-export declare type CustomCallWithChatControlButtonCallback = (args: CustomCallControlButtonCallbackArgs) => CustomCallWithChatControlButtonProps;
-
-/**
- * Placement for a custom button injected in the {@link CallWithChatControlBar}.
- *
- * 'primary': Place the button(s) on the right end of the center control bar but before the EndCallButton (left end in rtl mode).
- * 'overflow': Place the buttons(s) on the end of the overflow Menu.
- * 'secondary': Place the button(s) on the left end of the side control bar (right in rtl mode).
- *
- * Multiple buttons assigned the same placement are appended in order.
- * E.g., if two buttons are placed in 'secondary', they'll both appear on the left end (right end in rtl mode)
- * in the order provided.
- *
- * @beta
- */
-export declare type CustomCallWithChatControlButtonPlacement = 'primary' | 'overflow' | 'secondary';
-
-/**
- * Response from {@link CustomCallWithChatControlButtonCallback}.
+ * Response from {@link CustomCallControlButtonCallback}.
  *
  * Includes the icon and placement prop necessary to indicate where to place the
  * {@link ControlBarButton} and a {@link DrawerMenuItem}
@@ -4508,7 +4730,7 @@ export declare interface CustomCallWithChatControlButtonProps extends CustomCont
     /**
      * Where to place the custom button relative to other buttons.
      */
-    placement: CustomCallWithChatControlButtonPlacement;
+    placement: CustomCallControlButtonPlacement;
     /**
      * Icon to render. Icon is a non-default icon name that needs to be registered as a
      * custom icon using registerIcons through fluentui. Examples include icons from the fluentui library
@@ -4614,6 +4836,7 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     ControlButtonScreenShareStop: JSX.Element;
     CancelFileUpload: JSX.Element;
     DownloadFile: JSX.Element;
+    DataLossPreventionProhibited: JSX.Element;
     EditBoxCancel: JSX.Element;
     EditBoxSubmit: JSX.Element;
     ErrorBarCallCameraAccessDenied: JSX.Element;
@@ -4672,7 +4895,10 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     SplitButtonPrimaryActionMicMuted: JSX.Element;
     VerticalGalleryLeftButton: JSX.Element;
     VerticalGalleryRightButton: JSX.Element;
-    OptionsVideoBackgroundEffect: JSX.Element;
+    CaptionsIcon: JSX.Element;
+    CaptionsOffIcon: JSX.Element;
+    CaptionsSettingsIcon: JSX.Element;
+    ChangeSpokenLanguageIcon: JSX.Element;
 };
 
 /**
@@ -4694,6 +4920,7 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     SendBoxSend: JSX.Element;
     SendBoxSendHovered: JSX.Element;
     SendBoxAttachFile?: JSX.Element | undefined;
+    ControlBarPeopleButton?: JSX.Element | undefined;
     ControlButtonCameraOff: JSX.Element;
     ControlButtonCameraOn: JSX.Element;
     ControlButtonEndCall: JSX.Element;
@@ -4743,7 +4970,6 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     ChevronLeft?: JSX.Element | undefined;
     ControlBarChatButtonActive?: JSX.Element | undefined;
     ControlBarChatButtonInactive?: JSX.Element | undefined;
-    ControlBarPeopleButton?: JSX.Element | undefined;
     Link?: JSX.Element | undefined;
     MoreDrawerMicrophones?: JSX.Element | undefined;
     MoreDrawerPeople?: JSX.Element | undefined;
@@ -4754,6 +4980,7 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     ControlButtonParticipantsContextualMenuItem: JSX.Element;
     CancelFileUpload: JSX.Element;
     DownloadFile: JSX.Element;
+    DataLossPreventionProhibited: JSX.Element;
     ErrorBarCallVideoRecoveredBySystem: JSX.Element;
     ErrorBarCallVideoStoppedBySystem: JSX.Element;
     MessageResend: JSX.Element;
@@ -4780,7 +5007,10 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     SplitButtonPrimaryActionMicMuted: JSX.Element;
     VerticalGalleryLeftButton: JSX.Element;
     VerticalGalleryRightButton: JSX.Element;
-    OptionsVideoBackgroundEffect: JSX.Element;
+    CaptionsIcon: JSX.Element;
+    CaptionsOffIcon: JSX.Element;
+    CaptionsSettingsIcon: JSX.Element;
+    ChangeSpokenLanguageIcon: JSX.Element;
 };
 
 /**
@@ -5400,6 +5630,8 @@ export declare type FileDownloadHandler = (userId: string, fileMetadata: FileMet
  * @beta
  */
 export declare interface FileMetadata {
+    attachmentType: FileMetadataAttachmentType;
+    id: string;
     /**
      * File name to be displayed.
      */
@@ -5414,8 +5646,14 @@ export declare interface FileMetadata {
      * Download URL for the file.
      */
     url: string;
+    previewUrl?: string;
 }
 
+/**
+ * @beta
+ */
+export declare type FileMetadataAttachmentType = 'fileSharing' | /* @conditional-compile-remove(teams-inline-images) */ 'teamsInlineImage' | 'unknown';
+
 /**
  * Properties for configuring the File Sharing feature.
  * @beta
@@ -5837,6 +6075,15 @@ export declare interface IncomingCallState {
     endTime?: Date;
 }
 
+/**
+ * Callback for {@link CallAdapterSubscribers} 'isCaptionsActiveChanged' event.
+ *
+ * @beta
+ */
+export declare type IsCaptionsActiveChangedListener = (event: {
+    isActive: boolean;
+}) => void;
+
 /**
  * Callback for {@link CallAdapterSubscribers} 'isLocalScreenSharingActiveChanged' event.
  *
@@ -5948,27 +6195,6 @@ export declare interface LocalVideoStreamState {
      * API. This can be undefined if the stream has not yet been rendered and defined after createView creates the view.
      */
     view?: VideoStreamRendererViewState;
-    /**
-     * Stores the state of the video effects.
-     * @beta
-     */
-    videoEffects?: LocalVideoStreamVideoEffectsState;
-}
-
-/**
- * State only version of a LocalVideoStream's {@link @azure/communication-calling#VideoEffectsFeature}.
- *
- * @beta
- */
-export declare interface LocalVideoStreamVideoEffectsState {
-    /**
-     * State of the video background effect.
-     */
-    isActive: boolean;
-    /**
-     * Name of the effect if one is active.
-     */
-    effectName?: VideoEffectName;
 }
 
 /**
@@ -5996,7 +6222,7 @@ export declare interface MediaDiagnosticsState {
  *
  * @public
  */
-export declare type Message = ChatMessage | SystemMessage | CustomMessage;
+export declare type Message = ChatMessage | SystemMessage | CustomMessage | /* @conditional-compile-remove(data-loss-prevention) */ BlockedMessage;
 
 /**
  * Indicate whether a chat message should be displayed merged with the message before / after it.
@@ -6033,7 +6259,7 @@ export declare type MessageContentType = 'text' | 'html' | 'richtext/html' | 'un
  */
 export declare type MessageProps = {
     /**
-     * Message to render. It can type `ChatMessage` or `SystemMessage` or `CustomMessage`.
+     * Message to render. It can type `ChatMessage` or `SystemMessage`, `BlockedMessage` or `CustomMessage`.
      */
     message: Message;
     /**
@@ -6065,6 +6291,12 @@ export declare type MessageProps = {
      * @param content - new content of the message
      */
     onUpdateMessage?: UpdateMessageCallback;
+    /**
+     * Optional callback for when a message edit is cancelled.
+     *
+     * @param messageId - message id from chatClient
+     */
+    onCancelMessageEdit?: CancelEditCallback;
     /**
      * Optional callback to delete a message.
      *
@@ -6208,9 +6440,9 @@ export declare type MessageThreadProps = {
      */
     userId: string;
     /**
-     * Messages to render in message thread. A message can be of type `ChatMessage`, `SystemMessage` or `CustomMessage`.
+     * Messages to render in message thread. A message can be of type `ChatMessage`, `SystemMessage`, `BlockedMessage` or `CustomMessage`.
      */
-    messages: (ChatMessage | SystemMessage | CustomMessage)[];
+    messages: (ChatMessage | SystemMessage | CustomMessage | /* @conditional-compile-remove(data-loss-prevention) */ BlockedMessage)[];
     /**
      * number of participants in the thread
      */
@@ -6297,6 +6529,12 @@ export declare type MessageThreadProps = {
      * @beta
      */
     onRenderFileDownloads?: (userId: string, message: ChatMessage) => JSX.Element;
+    /**
+     * Optional callback to retrieve the inline image in a message.
+     * @param attachment - FileMetadata object we want to render
+     * @beta
+     */
+    onFetchAttachments?: (attachment: FileMetadata) => Promise<AttachmentDownloadResult[]>;
     /**
      * Optional callback to edit a message.
      *
@@ -6305,6 +6543,12 @@ export declare type MessageThreadProps = {
      *
      */
     onUpdateMessage?: UpdateMessageCallback;
+    /**
+     * Optional callback for when a message edit is cancelled.
+     *
+     * @param messageId - message id from chatClient
+     */
+    onCancelMessageEdit?: CancelEditCallback;
     /**
      * Optional callback to delete a message.
      *
@@ -6417,6 +6661,10 @@ export declare interface MessageThreadStrings {
     actionMenuMoreOptions?: string;
     /** String for download file button in file card */
     downloadFile: string;
+    /** String for policy violation message removal */
+    blockedWarningText: string;
+    /** String for policy violation message removal details link */
+    blockedWarningLinkText: string;
 }
 
 /**
@@ -6443,6 +6691,8 @@ export declare interface MessageThreadStyles extends BaseCustomStyles {
     chatMessageContainer?: ComponentSlotStyle;
     /** Styles for system message container. */
     systemMessageContainer?: ComponentSlotStyle;
+    /** Styles for blocked message container. */
+    blockedMessageContainer?: ComponentSlotStyle;
     /** Styles for message status indicator container. */
     messageStatusContainer?: (mine: boolean) => IStyle;
 }
@@ -7225,7 +7475,7 @@ export declare interface RemoteVideoTileMenuOptions {
  * @beta
  * The role of a call participant.
  */
-export declare type Role = 'Presenter' | 'Attendee' | 'Consumer' | 'Organizer';
+export declare type Role = 'Presenter' | 'Attendee' | 'Consumer' | 'Organizer' | 'Co-organizer';
 
 /**
  * A button to start / stop screen sharing.
@@ -7718,14 +7968,6 @@ export declare interface StatefulDeviceManager extends DeviceManager {
      * {@link StatefulDeviceManager}. See also {@link DeviceManagerState.selectedCamera}.
      */
     selectCamera: (VideoDeviceInfo: any) => void;
-    /**
-     * Gets the list of unparented video streams. This is a list of video streams that have not been added to a
-     * {@link @azure/communication-calling#Call}. This is useful for developers who want to interact with rendered
-     * video streams before they have started a call. See also {@link @azure/communication-react#CallClient.createView}.
-     *
-     * @beta
-     */
-    getUnparentedVideoStreams: () => LocalVideoStream[];
 }
 
 /**
@@ -8375,26 +8617,6 @@ export declare interface VerticalGalleryStyles extends BaseCustomStyles {
     controlBar?: VerticalGalleryControlBarStyles;
 }
 
-/**
- * Contains the attibutes of a background image like url, name etc.
- *
- * @beta
- */
-export declare interface VideoBackgroundImage {
-    /**
-     * key for unique identification of the custom background
-     */
-    key: string;
-    /**
-     * URL of the uploaded background image.
-     */
-    url: string;
-    /**
-     * Image name to be displayed.
-     */
-    tooltipText?: string;
-}
-
 /**
  * VideoGallery represents a layout of video tiles for a specific call.
  * It displays a {@link VideoTile} for the local user as well as for each remote participant who has joined the call.