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

package/dist/communication-react.d.ts

@@ -28,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';
@@ -85,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';
@@ -213,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.
  *
@@ -319,6 +328,7 @@ export declare type AzureCommunicationCallWithChatAdapterFromClientArgs = {
     callClient: StatefulCallClient;
     chatClient: StatefulChatClient;
     chatThreadClient: ChatThreadClient;
+    options?: AzureCommunicationChatAdapterOptions;
 };
 
 /**
@@ -334,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.
  *
@@ -389,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.
@@ -709,6 +747,25 @@ export declare interface CallAdapterCallOperations {
      * Continues into a call when the browser version is not supported.
      */
     allowUnsupportedBrowserVersion(): void;
+    /**
+     * Function to Start captions
+     * @param options - options for start captions
+     */
+    startCaptions(options?: StartCaptionsOptions): Promise<void>;
+    /**
+     * Function to set caption language
+     * @param language - language set for caption
+     */
+    setCaptionLanguage(language: string): Promise<void>;
+    /**
+     * Function to set spoken language
+     * @param language - spoken language
+     */
+    setSpokenLanguage(language: string): Promise<void>;
+    /**
+     * Funtion to stop captions
+     */
+    stopCaptions(): Promise<void>;
 }
 
 /**
@@ -907,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.
      */
@@ -955,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;
 }
 
 /**
@@ -1125,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;
@@ -1636,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;
 };
 
 /**
@@ -1776,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';
+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.
@@ -1952,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}.
      */
@@ -2243,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.
      *
@@ -2272,6 +2361,25 @@ export declare interface CallWithChatAdapterManagement {
      * Continues into a call when the browser version is not supported.
      */
     allowUnsupportedBrowserVersion(): void;
+    /**
+     * Function to Start captions
+     * @param options - options for start captions
+     */
+    startCaptions(options?: StartCaptionsOptions): Promise<void>;
+    /**
+     * Function to set caption language
+     * @param language - language set for caption
+     */
+    setCaptionLanguage(language: string): Promise<void>;
+    /**
+     * Function to set spoken language
+     * @param language - spoken language
+     */
+    setSpokenLanguage(language: string): Promise<void>;
+    /**
+     * Funtion to stop captions
+     */
+    stopCaptions(): Promise<void>;
 }
 
 /**
@@ -2299,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;
@@ -2310,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;
@@ -2622,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
      */
@@ -2713,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
@@ -2761,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;
-    };
 }
 
 /**
@@ -2791,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
@@ -2944,6 +3009,18 @@ export declare interface CameraButtonStrings {
      * Camera action turned off string for announcer
      */
     cameraActionTurnedOffAnnouncement?: string;
+    /**
+     * Primary action for when the camera is turned off
+     */
+    offSplitButtonPrimaryActionCamera?: string;
+    /**
+     * Primary action for when the camera is on
+     */
+    onSplitButtonPrimaryActionCamera?: string;
+    /**
+     * Title for primary action section of split button
+     */
+    cameraPrimaryActionSplitButtonTitle?: string;
 }
 
 /**
@@ -2983,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.
  *
@@ -3111,6 +3324,9 @@ export declare interface ChatAdapterThreadManagement {
      *
      */
     loadPreviousChatMessages(messagesToLoad: number): Promise<boolean>;
+    downloadAttachments: (options: {
+        attachmentUrls: string[];
+    }) => Promise<AttachmentDownloadResult[]>;
 }
 
 /**
@@ -3402,6 +3618,7 @@ export declare interface ChatMessage extends MessageCommon {
     senderId?: string;
     senderDisplayName?: string;
     status?: MessageStatus;
+    failureReason?: string;
     attached?: MessageAttachedStatus;
     mine?: boolean;
     clientMessageId?: string;
@@ -3430,6 +3647,7 @@ export declare interface ChatMessage extends MessageCommon {
 export declare type ChatMessageWithStatus = ChatMessage_2 & {
     clientMessageId?: string;
     status: MessageStatus;
+    policyViolation?: boolean;
 };
 
 /**
@@ -3571,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.
  *
@@ -3602,6 +3899,10 @@ export declare interface CommonCallingHandlers {
     onRemoveParticipant(participant: CommunicationIdentifier): Promise<void>;
     askDevicePermission: (constrain: PermissionConstraints) => Promise<void>;
     onStartCall: (participants: (CommunicationUserIdentifier | PhoneNumberIdentifier | UnknownIdentifier)[], options?: StartCallOptions) => void;
+    onStartCaptions: (options?: CaptionsOptions) => Promise<void>;
+    onStopCaptions: () => Promise<void>;
+    onSetSpokenLanguage: (language: string) => Promise<void>;
+    onSetCaptionLanguage: (language: string) => Promise<void>;
 }
 
 /**
@@ -3859,6 +4160,10 @@ export declare interface ComponentStrings {
     BrowserPermissionDenied: BrowserPermissionDeniedStrings;
     /** Strings for BrowserPemissionDeniedIOS */
     BrowserPermissionDeniedIOS: BrowserPermissionDeniedIOSStrings;
+    /**
+     * Strings for the VerticalGallery.
+     */
+    VerticalGallery: VerticalGalleryStrings;
 }
 
 /**
@@ -4194,7 +4499,7 @@ export declare const createAzureCommunicationCallWithChatAdapter: ({ userId, dis
  *
  * @public
  */
-export declare const createAzureCommunicationCallWithChatAdapterFromClients: ({ callClient, callAgent, callLocator, chatClient, chatThreadClient }: AzureCommunicationCallWithChatAdapterFromClientArgs) => Promise<CallWithChatAdapter>;
+export declare function createAzureCommunicationCallWithChatAdapterFromClients(callClient: StatefulCallClient, callAgent: CallAgent, callLocator: CallAdapterLocator | TeamsMeetingLinkLocator, chatClient: StatefulChatClient, chatThreadClient: ChatThreadClient, options?: AzureCommunicationChatAdapterOptions): Promise<CallWithChatAdapter>;
 
 /**
  * Create a {@link ChatAdapter} backed by Azure Communication Services.
@@ -4213,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.
@@ -4347,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}.
@@ -4372,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}.
@@ -4405,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}
@@ -4441,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
@@ -4547,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;
@@ -4599,6 +4889,16 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     VideoTileScaleFill: JSX.Element;
     PinParticipant: JSX.Element;
     UnpinParticipant: JSX.Element;
+    SplitButtonPrimaryActionCameraOn: JSX.Element;
+    SplitButtonPrimaryActionCameraOff: JSX.Element;
+    SplitButtonPrimaryActionMicUnmuted: JSX.Element;
+    SplitButtonPrimaryActionMicMuted: JSX.Element;
+    VerticalGalleryLeftButton: JSX.Element;
+    VerticalGalleryRightButton: JSX.Element;
+    CaptionsIcon: JSX.Element;
+    CaptionsOffIcon: JSX.Element;
+    CaptionsSettingsIcon: JSX.Element;
+    ChangeSpokenLanguageIcon: JSX.Element;
 };
 
 /**
@@ -4620,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;
@@ -4669,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;
@@ -4680,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;
@@ -4700,6 +5001,16 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     VideoTileScaleFill: JSX.Element;
     PinParticipant: JSX.Element;
     UnpinParticipant: JSX.Element;
+    SplitButtonPrimaryActionCameraOn: JSX.Element;
+    SplitButtonPrimaryActionCameraOff: JSX.Element;
+    SplitButtonPrimaryActionMicUnmuted: JSX.Element;
+    SplitButtonPrimaryActionMicMuted: JSX.Element;
+    VerticalGalleryLeftButton: JSX.Element;
+    VerticalGalleryRightButton: JSX.Element;
+    CaptionsIcon: JSX.Element;
+    CaptionsOffIcon: JSX.Element;
+    CaptionsSettingsIcon: JSX.Element;
+    ChangeSpokenLanguageIcon: JSX.Element;
 };
 
 /**
@@ -5259,6 +5570,10 @@ export declare interface ErrorBarStrings {
      * Generic message for when screen sharing fails
      */
     startScreenSharingGeneric?: string;
+    /**
+     * Error bar string letting you know remote participants see a frozen stream for you.
+     */
+    cameraFrozenForRemoteParticipants?: string;
 }
 
 /**
@@ -5315,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.
      */
@@ -5329,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
@@ -5694,10 +6017,16 @@ export declare interface _Identifiers {
     videoGallery: string;
     /** `data-ui-id` value for `VideoTile` Component */
     videoTile: string;
-    /** `data-ui-id` value for `HorizontalGallery` Component's left navigation button */
-    horizontalGalleryLeftNavButton: string;
-    /** `data-ui-id` value for `HorizontalGallery` Component's right navigation button */
-    horizontalGalleryRightNavButton: string;
+    /** `data-ui-id` value for overflow gallery component's left navigation button */
+    overflowGalleryLeftNavButton: string;
+    /** `data-ui-id` value for overflow gallery component's right navigation button */
+    overflowGalleryRightNavButton: string;
+    /** `data-ui-id` value for the video tiles in the horizontal gallery */
+    horizontalGalleryVideoTile: string;
+    /** `data-ui-id` value for `VerticalGallery` Component's children video tiles */
+    verticalGalleryVideoTile: string;
+    /** `data-ui-id` value for `VerticalGallery` Component's page counter */
+    verticalGalleryPageCounter: string;
 }
 
 /**
@@ -5746,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.
  *
@@ -5884,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.
@@ -5921,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;
     /**
@@ -5953,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.
      *
@@ -6096,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
      */
@@ -6185,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.
      *
@@ -6193,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.
      *
@@ -6203,10 +6559,10 @@ export declare type MessageThreadProps = {
     /**
      * Optional callback to send a message.
      *
-     * @param messageId - message id from chatClient
+     * @param content - message body to send
      *
      */
-    onSendMessage?: (messageId: string) => Promise<void>;
+    onSendMessage?: (content: string) => Promise<void>;
     /**
      /**
      * Disable editing messages.
@@ -6305,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;
 }
 
 /**
@@ -6331,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;
 }
@@ -6473,6 +6835,18 @@ export declare interface MicrophoneButtonStrings {
      * Microphone action turned off string for announcer
      */
     microphoneActionTurnedOffAnnouncement?: string;
+    /**
+     * Primary action for the microphone when microphone is live.
+     */
+    onSplitButtonMicrophonePrimaryAction?: string;
+    /**
+     * Primary action for the microphone when the microphone is muted.
+     */
+    offSplitButtonMicrophonePrimaryAction?: string;
+    /**
+     * Title for primary action section of split button
+     */
+    micPrimaryActionSplitButtonTitle?: string;
 }
 
 /**
@@ -6569,6 +6943,13 @@ export declare interface OptionsDevice {
     name: string;
 }
 
+/**
+ * Different modes and positions of the overflow gallery in the VideoGallery
+ *
+ * @beta
+ */
+export declare type OverflowGalleryPosition = 'HorizontalBottom' | 'VerticalRight';
+
 /**
  * A system message notifying that a participant was added to the chat thread.
  *
@@ -7094,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.
@@ -8192,6 +8573,50 @@ export declare const useTeamsCallAgent: () => undefined | /* @conditional-compil
  */
 export declare const useTheme: () => Theme;
 
+/**
+ * Styles for the control bar inside the VerticalGallery component
+ *
+ * @beta
+ */
+export declare interface VerticalGalleryControlBarStyles extends BaseCustomStyles {
+    /**
+     * styles for the next button in the VerticalGalleryControlBar
+     */
+    nextButton?: IStyle;
+    /**
+     * Styles for the previous button in the VerticalGalleryControlBar
+     */
+    previousButton?: IStyle;
+    /**
+     * Styles for the counter in the VerticalGalleryControlBar
+     */
+    counter?: IStyle;
+}
+
+/**
+ * Strings for localization of the vertical gallery.
+ *
+ * @beta
+ */
+export declare interface VerticalGalleryStrings {
+    /** Aria label for the left page navigation button */
+    leftNavButtonAriaLabel?: string;
+    /** Aria label for the right page navigation button */
+    rightNavButtonAriaLabel?: string;
+}
+
+/**
+ * Styles for the VerticalGallery component
+ *
+ * @beta
+ */
+export declare interface VerticalGalleryStyles extends BaseCustomStyles {
+    /** Styles for each video tile in the vertical gallery */
+    children?: IStyle;
+    /** Styles for the verticalGallery control bar */
+    controlBar?: VerticalGalleryControlBarStyles;
+}
+
 /**
  * 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.
@@ -8309,6 +8734,11 @@ export declare interface VideoGalleryProps {
      * @defaultValue \{ kind: 'contextual' \}
      */
     remoteVideoTileMenuOptions?: false | VideoTileContextualMenuProps | VideoTileDrawerMenuProps;
+    /**
+     * Determines the layout of the overflowGallery inside the VideoGallery.
+     * @defaultValue 'HorizontalBottom'
+     */
+    overflowGalleryPosition?: OverflowGalleryPosition;
 }
 
 /**
@@ -8409,6 +8839,8 @@ export declare interface VideoGalleryStyles extends BaseCustomStyles {
     horizontalGallery?: HorizontalGalleryStyles;
     /** Styles for the local video  */
     localVideo?: IStyle;
+    /** Styles for the vertical gallery */
+    verticalGallery?: VerticalGalleryStyles;
 }
 
 /**