@azure/communication-react 1.6.0 → 1.6.1-alpha-202306230016

package/dist/communication-react.d.ts

@@ -17,7 +17,10 @@
 
 /// <reference types="react" />
 
+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';
@@ -25,7 +28,9 @@ import { CallClientOptions } from '@azure/communication-calling';
 import { CallDirection } from '@azure/communication-calling';
 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';
@@ -41,26 +46,35 @@ import { CreateViewOptions } from '@azure/communication-calling';
 import { DeviceAccess } from '@azure/communication-calling';
 import { DeviceManager } from '@azure/communication-calling';
 import { DominantSpeakersInfo } from '@azure/communication-calling';
+import { DtmfTone as DtmfTone_2 } from '@azure/communication-calling';
+import { EnvironmentInfo } from '@azure/communication-calling';
 import { GroupCallLocator } from '@azure/communication-calling';
 import { IButtonProps } from '@fluentui/react';
 import { IButtonStyles } from '@fluentui/react';
 import { IContextualMenuItem } from '@fluentui/react';
 import { IContextualMenuItemStyles } from '@fluentui/react';
+import { IContextualMenuProps } from '@fluentui/react';
 import { IContextualMenuStyles } from '@fluentui/react';
+import { ILinkStyles } from '@fluentui/react';
 import { IMessageBarProps } from '@fluentui/react';
+import { IncomingCall } from '@azure/communication-calling';
 import { IPersonaStyleProps } from '@fluentui/react';
 import { IPersonaStyles } from '@fluentui/react';
 import { IRawStyle } from '@fluentui/react';
 import { IRenderFunction } from '@fluentui/react';
 import { IStyle } from '@fluentui/react';
 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';
 import { MicrosoftTeamsUserKind } from '@azure/communication-common';
 import type { NetworkDiagnosticChangedEventArgs } from '@azure/communication-calling';
 import { PartialTheme } from '@fluentui/react';
+import { ParticipantRole } from '@azure/communication-calling';
 import { PermissionConstraints } from '@azure/communication-calling';
 import { PersonaInitialsColor } from '@fluentui/react';
 import { PersonaPresence } from '@fluentui/react';
@@ -71,18 +85,40 @@ import { PropertyChangedEvent } from '@azure/communication-calling';
 import { default as React_2 } from 'react';
 import type { RemoteParticipant } from '@azure/communication-calling';
 import { RemoteParticipantState as RemoteParticipantState_2 } from '@azure/communication-calling';
+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';
 import { Theme } from '@fluentui/react';
+import { TransferRequestedEventArgs } from '@azure/communication-calling';
 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';
 
+/**
+ * Transfer feature state
+ *
+ * @beta
+ */
+export declare interface AcceptedTransfer {
+    /**
+     * Stores call id of accepted transfer
+     */
+    callId: string;
+    /**
+     * Stores timestamp when transfer was accepted
+     */
+    timestamp: Date;
+}
+
 /**
  * Active error messages to be shown via {@link ErrorBar}.
  *
@@ -102,6 +138,38 @@ export declare interface ActiveErrorMessage {
     timestamp?: Date;
 }
 
+/**
+ * Attributes required for SendBox to show file uploads like name, progress etc.
+ * @beta
+ */
+export declare interface ActiveFileUpload {
+    /**
+     * Unique identifier for the file upload.
+     */
+    id: string;
+    /**
+     * File name to be rendered for uploaded file.
+     */
+    filename: string;
+    /**
+     * A number between 0 and 1 indicating the progress of the upload.
+     * This is unrelated to the `uploadComplete` property.
+     * It is only used to show the progress of the upload.
+     * Progress of 1 doesn't mark the upload as complete, set the `uploadComplete`
+     * property to true to mark the upload as complete.
+     */
+    progress: number;
+    /**
+     * Error to be displayed to the user if the upload fails.
+     */
+    error?: SendBoxErrorBarError;
+    /**
+     * `true` means that the upload is completed.
+     * This is independent of the upload `progress`.
+     */
+    uploadComplete?: boolean;
+}
+
 /**
  * Error reported via error events and stored in adapter state.
  *
@@ -168,6 +236,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.
  *
@@ -197,6 +272,11 @@ export declare type AvatarPersonaData = {
      * @defaultvalue `white`
      */
     initialsTextColor?: string;
+    /**
+     * If true, show the special coin for unknown persona.
+     * It has '?' in place of initials, with static font and background colors
+     */
+    showUnknownPersonaCoin?: boolean;
 };
 
 /**
@@ -218,8 +298,31 @@ export declare type AzureCommunicationCallAdapterArgs = {
     displayName: string;
     credential: CommunicationTokenCredential;
     locator: CallAdapterLocator;
+    /**
+     * A phone number in E.164 format procured using Azure Communication Services that will be used to represent callers identity.
+     * E.164 numbers are formatted as [+] [country code] [phone number including area code]. For example, +14255550123 for a US phone number.
+     */
+    alternateCallerId?: string;
+    /**
+     * Optional parameters for the {@link AzureCommunicationCallAdapter} created
+     */
+    options?: AzureCommunicationCallAdapterOptions;
 };
 
+/**
+ * Optional parameters to create {@link AzureCommunicationCallAdapter}
+ *
+ * @beta
+ */
+export declare type AzureCommunicationCallAdapterOptions = {
+    /**
+     * Use this to hint the role of the user when the role is not available before a Rooms call is started. This value
+     * should be obtained using the Rooms API. This role will determine permissions in the configuration page of the
+     * {@link CallComposite}. The true role of the user will be synced with ACS services when a Rooms call starts.
+     */
+    roleHint?: Role;
+} & CommonCallAdapterOptions;
+
 /**
  * Arguments for {@link createAzureCommunicationCallWithChatAdapter}
  *
@@ -231,6 +334,8 @@ export declare type AzureCommunicationCallWithChatAdapterArgs = {
     displayName: string;
     credential: CommunicationTokenCredential;
     locator: CallAndChatLocator | TeamsMeetingLinkLocator;
+    alternateCallerId?: string;
+    callAdapterOptions?: AzureCommunicationCallAdapterOptions;
 };
 
 /**
@@ -244,6 +349,7 @@ export declare type AzureCommunicationCallWithChatAdapterFromClientArgs = {
     callClient: StatefulCallClient;
     chatClient: StatefulChatClient;
     chatThreadClient: ChatThreadClient;
+    options?: AzureCommunicationChatAdapterOptions;
 };
 
 /**
@@ -259,6 +365,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.
  *
@@ -314,6 +428,156 @@ 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.
+ */
+export declare interface BrowserPermissionDeniedIOSProps extends BrowserPermissionDeniedProps {
+    /**
+     * Localization strings for BrowserPermissionDeniedIOS component.
+     */
+    strings?: BrowserPermissionDeniedIOSStrings;
+    /**
+     * Link to image source.
+     *
+     * Image is inserted into the top of the component.
+     */
+    imageSource?: string;
+}
+
+/**
+ * @beta
+ * Strings for BrowserPermissionDeniedIOS component
+ */
+export declare interface BrowserPermissionDeniedIOSStrings extends BrowserPermissionDeniedStrings {
+    /**
+     * Image alt text
+     */
+    imageAltText: string;
+    /**
+     * Main text string.
+     */
+    primaryText: string;
+    /**
+     * Subtext string.
+     */
+    secondaryText: string;
+    /**
+     * Step 1 string
+     */
+    step1Text: string;
+    /**
+     * Step 1 digit string
+     */
+    step1DigitText: string;
+    /**
+     * Step 2 string
+     */
+    step2Text: string;
+    /**
+     * Step 2 digit string
+     */
+    step2DigitText: string;
+    /**
+     * Step 3 string
+     */
+    step3Text: string;
+    /**
+     * Step 3 digit string
+     */
+    step3DigitText: string;
+    /**
+     * Step 4 string
+     */
+    step4Text: string;
+    /**
+     * Step 4 digit string
+     */
+    step4DigitText: string;
+}
+
+/**
+ * @beta
+ * Props for BrowserPermissionDenied component.
+ */
+export declare interface BrowserPermissionDeniedProps {
+    /**
+     * Action to be taken by the more help link. Possible to send to external page or show other modal.
+     */
+    onTroubleshootingClick?: () => void;
+    /**
+     * Action to be taken by the try again primary button.
+     */
+    onTryAgainClick?: () => void;
+    /**
+     * Localization strings for BrowserPermissionDenied component.
+     */
+    strings?: BrowserPermissionDeniedStrings;
+    /**
+     * Allows users to pass in an object contains custom CSS styles.
+     * @Example
+     * ```
+     * <BrowserPermissionDenied styles={{ primaryButton: { root: {backgroundColor: 'blue' }}}} />
+     * ```
+     */
+    styles?: BrowserPermissionDeniedStyles;
+}
+
+/**
+ * @beta
+ * Strings for BrowserPermissionDenied component
+ */
+export declare interface BrowserPermissionDeniedStrings {
+    /**
+     * Main button text string.
+     */
+    primaryButtonText: string;
+    /**
+     * Main text string.
+     */
+    primaryText: string;
+    /**
+     * Subtext string.
+     */
+    secondaryText: string;
+    /**
+     * More help link string.
+     */
+    linkText: string;
+}
+
+/**
+ * Fluent styles for {@link BrowserPermissionDenied}.
+ *
+ * @beta
+ */
+export declare interface BrowserPermissionDeniedStyles extends BaseCustomStyles {
+    /** Styles for the primary button. */
+    primaryButton?: IButtonStyles;
+    /** Styles for the help troubleshooting link text. */
+    troubleshootingLink?: ILinkStyles;
+}
+
 /**
  *  An Adapter interface specific for Azure Communication identity which extends {@link CommonCallAdapter}.
  *
@@ -336,6 +600,12 @@ export declare interface CallAdapter extends CommonCallAdapter {
      * @public
      */
     startCall(participants: string[], options?: StartCallOptions): Call | undefined;
+    /**
+     * Start the call.
+     * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called
+     * @beta
+     */
+    startCall(participants: CommunicationIdentifier[], options?: StartCallOptions): Call | undefined;
 }
 
 /**
@@ -369,6 +639,12 @@ export declare interface CallAdapterCallManagement extends CallAdapterCallOperat
      * @public
      */
     startCall(participants: string[], options?: StartCallOptions): Call | undefined;
+    /**
+     * Start the call.
+     * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called
+     * @beta
+     */
+    startCall(participants: CommunicationIdentifier[], options?: StartCallOptions): Call | undefined;
 }
 
 /**
@@ -433,6 +709,12 @@ export declare interface CallAdapterCallOperations {
      * @public
      */
     removeParticipant(userId: string): Promise<void>;
+    /**
+     * Remove a participant from the call.
+     * @param participant - {@link @azure/communication-common#CommunicationIdentifier} of the participant to be removed
+     * @beta
+     */
+    removeParticipant(participant: CommunicationIdentifier): Promise<void>;
     /**
      * Create the html view for a stream.
      *
@@ -451,12 +733,113 @@ export declare interface CallAdapterCallOperations {
      * @remarks
      * This method is implemented for composite
      *
+     * @deprecated Use {@link disposeRemoteVideoStreamView}, {@link disposeLocalVideoStreamView} and {@link disposeRemoteVideoStreamView} instead.
+     *
      * @param remoteUserId - Id of the participant to render, leave it undefined to dispose the local camera view
      * @param options - Options to control how video streams are rendered {@link @azure/communication-calling#VideoStreamOptions }
      *
      * @public
      */
     disposeStreamView(remoteUserId?: string, options?: VideoStreamOptions): Promise<void>;
+    /**
+     * Dispose the html view for a screen share stream
+     *
+     * @remarks
+     * this method is implemented for composite
+     *
+     * @param remoteUserId - Id of the participant to dispose the screen share stream view for.
+     *
+     * @public
+     */
+    disposeScreenShareStreamView(remoteUserId: string): Promise<void>;
+    /**
+     * Dispose the html view for a remote video stream
+     *
+     * @param remoteUserId - Id of the participant to dispose
+     *
+     * @public
+     */
+    disposeRemoteVideoStreamView(remoteUserId: string): Promise<void>;
+    /**
+     * Dispose the html view for a local video stream
+     *
+     * @public
+     */
+    disposeLocalVideoStreamView(): Promise<void>;
+    /**
+     * Holds the call.
+     *
+     * @beta
+     */
+    holdCall(): Promise<void>;
+    /**
+     * Resumes the call from a `LocalHold` state.
+     *
+     * @beta
+     */
+    resumeCall(): Promise<void>;
+    /**
+     * Add a participant to the call.
+     *
+     * @beta
+     */
+    addParticipant(participant: PhoneNumberIdentifier, options?: AddPhoneNumberOptions): Promise<void>;
+    addParticipant(participant: CommunicationUserIdentifier): Promise<void>;
+    /**
+     * send dtmf tone to another participant in a 1:1 PSTN call
+     *
+     * @beta
+     */
+    sendDtmfTone(dtmfTone: DtmfTone_2): Promise<void>;
+    /**
+     * 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>;
+    /**
+     * Start the video background effect.
+     *
+     * @beta
+     */
+    startVideoBackgroundEffect(videoBackgroundEffect: VideoBackgroundEffect): Promise<void>;
+    /**
+     * Stop the video background effect.
+     *
+     * @beta
+     */
+    stopVideoBackgroundEffects(): Promise<void>;
+    /**
+     * Override the background picker images for background replacement effect.
+     *
+     * @param backgroundImages - Array of custom background images.
+     *
+     * @beta
+     */
+    updateBackgroundPickerImages(backgroundImages: VideoBackgroundImage[]): void;
+    /**
+     * Update the selected video background effect.
+     *
+     * @beta
+     */
+    updateSelectedVideoBackgroundEffect(selectedVideoBackground: VideoBackgroundEffect): void;
 }
 
 /**
@@ -475,11 +858,37 @@ export declare type CallAdapterClientState = {
      * Latest error encountered for each operation performed via the adapter.
      */
     latestErrors: AdapterErrors;
+    /**
+     * Azure communications Phone number to make PSTN calls with.
+     */
+    alternateCallerId?: string;
+    /**
+     * Environment information about system the adapter is made on
+     */
+    environmentInfo?: EnvironmentInfo;
+    /**
+     * Use this to hint the role of the user when the role is not available before a Rooms call is started. This value
+     * should be obtained using the Rooms API. This role will determine permissions in the configuration page of the
+     * {@link CallComposite}. The true role of the user will be synced with ACS services when a Rooms call starts.
+     */
+    roleHint?: Role;
     /**
      * State to track whether the local participant's camera is on. To be used when creating a custom
      * control bar with the CallComposite.
      */
     cameraStatus?: 'On' | 'Off';
+    /**
+     * Default set of background images for background replacement effect.
+     */
+    videoBackgroundImages?: VideoBackgroundImage[];
+    /**
+     * State to track the selected video background effect.
+     */
+    selectedVideoBackgroundEffect?: VideoBackgroundEffect;
+    /**
+     * Call from transfer request accepted by local user
+     */
+    acceptedTransferCallState?: CallState;
 };
 
 /**
@@ -564,7 +973,7 @@ export declare interface CallAdapterDeviceManagement {
  *
  * @public
  */
-export declare type CallAdapterLocator = TeamsMeetingLinkLocator | GroupCallLocator;
+export declare type CallAdapterLocator = TeamsMeetingLinkLocator | GroupCallLocator | /* @conditional-compile-remove(rooms) */ RoomCallLocator | /* @conditional-compile-remove(teams-adhoc-call) */ /* @conditional-compile-remove(PSTN-calls) */ CallParticipantsLocator;
 
 /**
  * {@link CommonCallAdapter} state.
@@ -641,6 +1050,18 @@ 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;
+    /**
+     * Subscribe function for 'transferRequested' event.
+     */
+    on(event: 'transferRequested', listener: TransferRequestedListener): void;
     /**
      * Unsubscribe function for 'participantsJoined' event.
      */
@@ -689,6 +1110,18 @@ 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;
+    /**
+     * Unsubscribe function for 'transferRequested' event.
+     */
+    off(event: 'transferRequested', listener: TransferRequestedListener): void;
 }
 
 /**
@@ -699,6 +1132,7 @@ export declare interface CallAdapterSubscribers {
 export declare type CallAdapterUiState = {
     isLocalPreviewMicrophoneEnabled: boolean;
     page: CallCompositePage;
+    unsupportedBrowserVersionsAllowed?: boolean;
 };
 
 /**
@@ -717,7 +1151,7 @@ export declare const CallAgentProvider: (props: CallAgentProviderProps) => JSX.E
  */
 export declare interface CallAgentProviderProps {
     children: React_2.ReactNode;
-    callAgent?: CallAgent;
+    callAgent?: CallAgent | /* @conditional-compile-remove(teams-identity-support) */ TeamsCallAgent;
 }
 
 /**
@@ -742,7 +1176,7 @@ export declare interface CallAgentState {
  */
 export declare interface CallAndChatLocator {
     /** Locator used by {@link createAzureCommunicationCallWithChatAdapter} to locate the call to join */
-    callLocator: GroupCallLocator;
+    callLocator: GroupCallLocator | /* @conditional-compile-remove(teams-adhoc-call) */ CallParticipantsLocator;
     /** Chat thread ID used by {@link createAzureCommunicationCallWithChatAdapter} to locate the chat thread to join */
     chatThreadId: string;
 }
@@ -829,6 +1263,16 @@ export declare interface CallClientState {
      * See documentation of {@Link CallErrors} for details.
      */
     latestErrors: CallErrors;
+    /**
+     * A phone number in E.164 format that will be used to represent callers identity.
+     * For example, using the alternateCallerId to add a participant using PSTN, this number will
+     * be used as the caller id in the PSTN call.
+     */
+    alternateCallerId?: string;
+    /**
+     * state to track the environment that the stateful client was made in is supported
+     */
+    environmentInfo?: EnvironmentInfo;
 }
 
 /**
@@ -893,6 +1337,12 @@ export declare type CallCompositeIcons = {
     ParticipantItemScreenShareStart?: JSX.Element;
     VideoTileMicOff?: JSX.Element;
     LocalCameraSwitch?: JSX.Element;
+    PeoplePaneAddPerson?: JSX.Element;
+    PeoplePaneOpenDialpad?: JSX.Element;
+    DialpadStartCall?: JSX.Element;
+    NoticePageInvalidRoom?: JSX.Element;
+    BlurVideoBackground?: JSX.Element;
+    RemoveVideoBackgroundEffect?: JSX.Element;
 };
 
 /**
@@ -913,6 +1363,66 @@ export declare type CallCompositeOptions = {
      * @defaultValue true
      */
     callControls?: boolean | CallControlOptions;
+    /**
+     * Device permissions check options for your call.
+     * Here you can choose what device permissions you prompt the user for,
+     * as well as what device permissions must be accepted before starting a call.
+     */
+    deviceChecks?: DeviceCheckOptions;
+    /**
+     * Callback you may provide to supply users with further steps to troubleshoot why they have been
+     * unable to grant your site the required permissions for the call.
+     *
+     * @example
+     * ```ts
+     * onPermissionsTroubleshootingClick: () =>
+     *  window.open('https://contoso.com/permissions-troubleshooting', '_blank');
+     * ```
+     *
+     * @remarks
+     * if this is not supplied, the composite will not show a 'further troubleshooting' link.
+     */
+    onPermissionsTroubleshootingClick?: (permissionsState: {
+        camera: PermissionState;
+        microphone: PermissionState;
+    }) => void;
+    /**
+     * Callback you may provide to supply users with further steps to troubleshoot why they have been
+     * having network issues when connecting to the call.
+     *
+     * @example
+     * ```ts
+     * onNetworkingTroubleShootingClick?: () =>
+     *  window.open('https://contoso.com/network-troubleshooting', '_blank');
+     * ```
+     *
+     * @remarks
+     * if this is not supplied, the composite will not show a 'network troubleshooting' link.
+     */
+    onNetworkingTroubleShootingClick?: () => void;
+    /**
+     * Callback you may provide to supply users with a provided page to showcase supported browsers by ACS.
+     *
+     * @example
+     * ```ts
+     * onBrowserTroubleShootingClick?: () =>
+     *  window.open('https://contoso.com/browser-troubleshooting', '_blank');
+     * ```
+     *
+     * @remarks
+     * if this is not supplied, the composite will not show a unsupported browser page.
+     */
+    onEnvironmentInfoTroubleshootingClick?: () => void;
+    /**
+     * Remote participant video tile menu options
+     */
+    remoteVideoTileMenu?: RemoteVideoTileMenuOptions;
+    /**
+     * Options for controlling the local video tile.
+     *
+     * @remarks if 'false' the local video tile will not be rendered.
+     */
+    localVideoTile?: boolean | LocalVideoTileOptions;
 };
 
 /**
@@ -920,7 +1430,7 @@ export declare type CallCompositeOptions = {
  *
  * @public
  */
-export declare type CallCompositePage = 'accessDeniedTeamsMeeting' | 'call' | 'configuration' | 'joinCallFailedDueToNoNetwork' | 'leftCall' | 'leaving' | 'lobby' | 'removedFromCall';
+export declare type CallCompositePage = 'accessDeniedTeamsMeeting' | 'call' | 'configuration' | /* @conditional-compile-remove(PSTN-calls) */ 'hold' | 'joinCallFailedDueToNoNetwork' | 'leftCall' | 'leaving' | 'lobby' | /* @conditional-compile-remove(rooms) */ 'deniedPermissionToRoom' | 'removedFromCall' | /* @conditional-compile-remove(rooms) */ 'roomNotFound' | /* @conditional-compile-remove(unsupported-browser) */ 'unsupportedEnvironment' | /* @conditional-compile-remove(call-transfer) */ 'transferring';
 
 /**
  * Props for {@link CallComposite}.
@@ -1139,9 +1649,165 @@ export declare interface CallCompositeStrings {
      */
     microphoneToggleInLobbyNotAllowed: string;
     /**
-     * aria label for when the invite link has been actioned
+     * Side pane People section Title.
+     */
+    peoplePaneTitle: string;
+    /**
+     * Aria label string for return to call back button
+     */
+    returnToCallButtonAriaLabel?: string;
+    /**
+     * Aria Description string for return to call button
+     */
+    returnToCallButtonAriaDescription?: string;
+    /**
+     * control bar People button label
+     */
+    peopleButtonLabel: string;
+    /**
+     * control bar Chat button label.
+     */
+    chatButtonLabel: string;
+    /**
+     * Label for SidePaneHeader dismiss button
+     */
+    dismissSidePaneButtonLabel?: string;
+    /**
+     * Side pane People section subheader.
+     */
+    peoplePaneSubTitle: string;
+    /**
+     * Label for button to copy invite link
+     */
+    copyInviteLinkButtonLabel: string;
+    /**
+     * Label for button to open dialpad
+     */
+    openDialpadButtonLabel: string;
+    /**
+     * Label for menu item to remove participant
+     */
+    removeMenuLabel: string;
+    /**
+     * Label for add people dropdown
+     */
+    peoplePaneAddPeopleButtonLabel: string;
+    /**
+     * Label for button to start a call
+     */
+    dialpadStartCallButtonLabel: string;
+    /**
+     * Title for dialpad Modal
+     */
+    dialpadModalTitle: string;
+    /**
+     * Aria Label for dialpad Modal
+     */
+    dialpadModalAriaLabel: string;
+    /**
+     * Aria Label for dialpad Modal close button
+     */
+    dialpadCloseModalButtonAriaLabel: string;
+    /**
+     * label for more button in the Calling composite
+     */
+    moreButtonCallingLabel: string;
+    /**
+     * Label for the resume call button on the hold pane
+     */
+    resumeCallButtonLabel: string;
+    /**
+     * Label for the resume call button on the hold pane when call is resuming
+     */
+    resumingCallButtonLabel: string;
+    /**
+     * Aria label for the resume call button on the hold pane
+     */
+    resumeCallButtonAriaLabel: string;
+    /**
+     * Aria label for the resume call button on the hold pane when call is resuming
+     */
+    resumingCallButtonAriaLabel: string;
+    /**
+     * Label for the hold pane
+     */
+    holdScreenLabel: string;
+    /**
+     * Placeholder text for dtmf dialpad
+     */
+    dtmfDialpadPlaceholderText: string;
+    /**
+     * Label for the button to open dtmf dialpad
+     */
+    openDtmfDialpadLabel: string;
+    /**
+     * aria label for when the invite link has been actioned
      */
     copyInviteLinkActionedAriaLabel: string;
+    /**
+     * Title text of the page shown to the user when the user attempts to join a room that cannot be found.
+     */
+    roomNotFoundTitle: string;
+    /**
+     * More details text of the page shown to the user when the user attempts to join a room that cannot be found.
+     */
+    roomNotFoundDetails?: string;
+    /**
+     * Video Effects pane title.
+     */
+    videoEffectsPaneTitle: string;
+    /**
+     * Video Effects pane sub section title for choosing background.
+     */
+    videoEffectsPaneBackgroundSelectionTitle: string;
+    /**
+     * Label for the button to open effects
+     */
+    configurationPageVideoEffectsButtonLabel?: string;
+    /**
+     * Error message for video effect failure
+     */
+    unableToStartVideoEffect?: string;
+    /**
+     * Label for the blur video background effect item
+     */
+    blurBackgroundEffectButtonLabel?: string;
+    /**
+     * Tooltip text for the blur video background effect item
+     */
+    blurBackgroundTooltip?: string;
+    /**
+     * Label for the remove video background effect item
+     */
+    removeBackgroundEffectButtonLabel?: string;
+    /**
+     * Tooltip text for the blur video background effect item
+     */
+    removeBackgroundTooltip?: string;
+    /**
+     * Text to show when warning the user the camera is off and inform the user to turn the camera on to see the selected video background effect.
+     */
+    cameraOffBackgroundEffectWarningText?: string;
+    /**
+     * Title text of the page shown to the user when the user attempts to join a room to which they are not invited.
+     */
+    deniedPermissionToRoomTitle: string;
+    /**
+     * More details text of the page shown to the user when the user attempts to join a room to which they are not invited.
+     */
+    deniedPermissionToRoomDetails?: string;
+    /**
+     * Control bar People button ToolTipContent
+     */
+    peopleButtonTooltipOpen: string;
+    /**
+     * Control bar People button ToolTipContent
+     */
+    peopleButtonTooltipClose: string;
+    /**
+     * Label disaplayed on the lobby screen during a 1:1 outbound call.
+     */
+    outboundCallingNoticeString: string;
     /**
      * Notice to be announced by narrator when a participant joins a call
      */
@@ -1186,6 +1852,126 @@ export declare interface CallCompositeStrings {
      * string to be used to announce when multiple unnamed participants have left at the same time.
      */
     manyUnnamedParticipantsLeft: string;
+    /**
+     * string to be used to open live captions contextual menu
+     */
+    liveCaptionsLabel?: string;
+    /**
+     * label for opening captions setting modal
+     */
+    captionsSettingsLabel?: string;
+    /**
+     * string to be used to start captions
+     */
+    startCaptionsButtonOnLabel?: string;
+    /**
+     * string to be used to stop captions
+     */
+    startCaptionsButtonOffLabel?: string;
+    /**
+     * tooltip string to be used to show captions is on
+     */
+    startCaptionsButtonTooltipOnContent?: string;
+    /**
+     *tooltip string to be used to show captions is off
+     */
+    startCaptionsButtonTooltipOffContent?: string;
+    /**
+     * captions setting modal title
+     */
+    captionsSettingsModalTitle?: string;
+    /**
+     * label for dropdown inside captions setting modal
+     */
+    captionsSettingsDropdownLabel?: string;
+    /**
+     * text under captions setting dropdown indicating what the dropdown is for
+     */
+    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;
+    /**
+     * captions banner loading spinner label
+     */
+    captionsBannerSpinnerText?: string;
+    /**
+     * transfer page text when showing the transferor who initiated the transfer
+     */
+    transferPageTransferorText: string;
+    /**
+     * transfer page text when showing the transfer target
+     */
+    transferPageTransferTargetText: string;
+    /**
+     * transfer page display name for unknown participant
+     */
+    transferPageUnknownTransferorDisplayName: string;
+    /**
+     * transfer page display name for unknown participant
+     */
+    transferPageUnknownTransferTargetDisplayName: string;
+    /**
+     * notice to be announced by narrator the transfer page is showing
+     */
+    transferPageNoticeString: string;
+    /**
+     * Title text of the page shown to the user when target participant could not be reached
+     */
+    participantCouldNotBeReachedTitle?: string;
+    /**
+     * More details text of the page shown to the user when target participant could not be reached
+     */
+    participantCouldNotBeReachedMoreDetails?: string;
+    /**
+     * Title text of the page shown to the user when permission to reach participant is not allowed
+     */
+    permissionToReachTargetParticipantNotAllowedTitle?: string;
+    /**
+     * More details text of the page shown to the user when permission to reach participant is not allowed
+     */
+    permissionToReachTargetParticipantNotAllowedMoreDetails?: string;
+    /**
+     * Title text of the page shown to the user when tenant id for the target participant could not be resolved
+     */
+    unableToResolveTenantTitle?: string;
+    /**
+     * More details text of the page shown to the user when tenant id for the target participant could not be resolved
+     */
+    unableToResolveTenantMoreDetails?: string;
+    /**
+     * Title text of the page shown to the user when target participant id is malformed
+     */
+    participantIdIsMalformedTitle?: string;
+    /**
+     * More details text of the page shown to the user when target participant id is malformed
+     */
+    participantIdIsMalformedMoreDetails?: string;
 }
 
 /**
@@ -1200,7 +1986,7 @@ export declare type CallControlDisplayType = 'default' | 'compact';
  *
  * @public
  */
-export declare type CallControlOptions = (CommonCallControlOptions & {
+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
@@ -1208,7 +1994,8 @@ export declare type CallControlOptions = (CommonCallControlOptions & {
     participantsButton?: boolean | {
         disabled: boolean;
     };
-});
+    legacyControlBarExperience?: boolean;
+};
 
 /**
  * Callback for {@link CallAdapterSubscribers} 'callEnded' event.
@@ -1269,7 +2056,7 @@ export declare type CallErrors = {
  *
  * @public
  */
-export declare type CallErrorTarget = 'Call.addParticipant' | 'Call.dispose' | 'Call.feature' | 'Call.hangUp' | 'Call.hold' | 'Call.mute' | 'Call.muteIncomingAudio' | 'Call.off' | 'Call.on' | 'Call.removeParticipant' | 'Call.resume' | 'Call.sendDtmf' | 'Call.startAudio' | 'Call.startScreenSharing' | 'Call.startVideo' | 'Call.stopScreenSharing' | 'Call.stopAudio' | 'Call.stopVideo' | 'Call.unmute' | 'Call.unmuteIncomingAudio' | 'CallAgent.dispose' | 'CallAgent.feature' | 'CallAgent.join' | 'CallAgent.off' | 'CallAgent.on' | 'CallAgent.startCall' | 'CallClient.createCallAgent' | 'CallClient.createTeamsCallAgent' | 'CallClient.feature' | 'CallClient.getDeviceManager' | 'DeviceManager.askDevicePermission' | 'DeviceManager.getCameras' | 'DeviceManager.getMicrophones' | 'DeviceManager.getSpeakers' | 'DeviceManager.off' | 'DeviceManager.on' | 'DeviceManager.selectMicrophone' | 'DeviceManager.selectSpeaker' | 'IncomingCall.accept' | 'IncomingCall.reject';
+export declare type CallErrorTarget = 'Call.addParticipant' | 'Call.dispose' | 'Call.feature' | 'Call.hangUp' | 'Call.hold' | 'Call.mute' | 'Call.muteIncomingAudio' | 'Call.off' | 'Call.on' | 'Call.removeParticipant' | 'Call.resume' | 'Call.sendDtmf' | 'Call.startAudio' | 'Call.startScreenSharing' | 'Call.startVideo' | 'Call.stopScreenSharing' | 'Call.stopAudio' | 'Call.stopVideo' | 'Call.unmute' | '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(video-background-effects) */ 'VideoEffectsFeature.startEffects' | /* @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.
@@ -1336,6 +2123,25 @@ export declare type CallParticipantListParticipant = ParticipantListParticipant
     isMuted?: boolean;
     /** Whether calling participant is speaking */
     isSpeaking?: boolean;
+    /** Role of participant in Rooms call */
+    role?: Role;
+};
+
+/**
+ * Locator used by {@link createAzureCommunicationCallAdapter} to call one or more participants
+ *
+ * @remarks
+ * This is currently in beta and only supports calling one Teams User.
+ *
+ * @example
+ * ```
+ * ['8:orgid:ab220efe-5725-4742-9792-9fba7c9ac458']
+ * ```
+ *
+ * @beta
+ */
+export declare type CallParticipantsLocator = {
+    participantIds: string[];
 };
 
 /**
@@ -1354,7 +2160,7 @@ export declare const CallProvider: (props: CallProviderProps) => JSX.Element;
  */
 export declare interface CallProviderProps {
     children: React_2.ReactNode;
-    call?: Call;
+    call?: Call | /* @conditional-compile-remove(teams-identity-support) */ TeamsCall;
 }
 
 /**
@@ -1368,6 +2174,10 @@ export declare interface CallState {
      * Proxy of {@link @azure/communication-calling#Call.id}.
      */
     id: string;
+    /**
+     * Type of the call.
+     */
+    kind: CallKind;
     /**
      * Proxy of {@link @azure/communication-calling#Call.callerInfo}.
      */
@@ -1422,6 +2232,14 @@ 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#OptimalVideoCountCallFeature}.
+     */
+    optimalVideoCount: OptimalVideoCountFeatureState;
     /**
      * Proxy of {@link @azure/communication-calling#RecordingCallFeature}.
      */
@@ -1450,6 +2268,18 @@ export declare interface CallState {
      * Stores the latest call diagnostics.
      */
     diagnostics: DiagnosticsCallFeatureState;
+    /**
+     * Proxy of {@link @azure/communication-calling#Call.role}.
+     */
+    role?: ParticipantRole;
+    /**
+     * Proxy of {@link @azure/communication-calling#Call.totalParticipantCount}.
+     */
+    totalParticipantCount?: number;
+    /**
+     * Transfer state of call
+     */
+    transfer: TransferFeature;
 }
 
 /**
@@ -1473,6 +2303,12 @@ export declare interface CallWithChatAdapterManagement {
      * @public
      */
     removeParticipant(userId: string): Promise<void>;
+    /**
+     * Remove a participant from the call.
+     * @param participant - {@link @azure/communication-common#CommunicationIdentifier} of the participant to be removed
+     * @beta
+     */
+    removeParticipant(participant: CommunicationIdentifier): Promise<void>;
     /**
      * Join the call with microphone initially on/off.
      *
@@ -1527,6 +2363,12 @@ export declare interface CallWithChatAdapterManagement {
      * @public
      */
     startCall(participants: string[], options?: StartCallOptions): Call | undefined;
+    /**
+     * Start the call.
+     * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called
+     * @beta
+     */
+    startCall(participants: CommunicationIdentifier[], options?: StartCallOptions): Call | undefined;
     /**
      * Start sharing the screen during a call.
      *
@@ -1563,6 +2405,31 @@ export declare interface CallWithChatAdapterManagement {
      * @public
      */
     disposeStreamView(remoteUserId?: string, options?: VideoStreamOptions): Promise<void>;
+    /**
+     * Dispose the html view for a screen share stream
+     *
+     * @remarks
+     * this method is implemented for composite
+     *
+     * @param remoteUserId - Id of the participant to dispose the screen share stream view for.
+     *
+     * @public
+     */
+    disposeScreenShareStreamView(remoteUserId: string): Promise<void>;
+    /**
+     * Dispose the html view for a remote video stream
+     *
+     * @param remoteUserId - Id of the participant to dispose
+     *
+     * @public
+     */
+    disposeRemoteVideoStreamView(remoteUserId: string): Promise<void>;
+    /**
+     * Dispose the html view for a local video stream
+     *
+     * @public
+     */
+    disposeLocalVideoStreamView(): Promise<void>;
     /**
      * Ask for permissions of devices.
      *
@@ -1679,6 +2546,97 @@ export declare interface CallWithChatAdapterManagement {
      * @public
      */
     loadPreviousChatMessages(messagesToLoad: number): Promise<boolean>;
+    /** @beta */
+    registerActiveFileUploads: (files: File[]) => FileUploadManager[];
+    /** @beta */
+    registerCompletedFileUploads: (metadata: FileMetadata[]) => FileUploadManager[];
+    /** @beta */
+    clearFileUploads: () => void;
+    /** @beta */
+    cancelFileUpload: (id: string) => void;
+    /** @beta */
+    updateFileUploadProgress: (id: string, progress: number) => void;
+    /** @beta */
+    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.
+     *
+     * @beta
+     */
+    holdCall: () => Promise<void>;
+    /**
+     * Resumes the call from a LocalHold state.
+     *
+     * @beta
+     */
+    resumeCall: () => Promise<void>;
+    /**
+     * Adds a new Participant to the call.
+     *
+     * @beta
+     */
+    addParticipant(participant: PhoneNumberIdentifier, options?: AddPhoneNumberOptions): Promise<void>;
+    addParticipant(participant: CommunicationUserIdentifier): Promise<void>;
+    /**
+     * send dtmf tone to another participant in the call in 1:1 calls
+     *
+     * @beta
+     */
+    sendDtmfTone: (dtmfTone: DtmfTone_2) => Promise<void>;
+    /**
+     * 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>;
+    /**
+     * Start the video background effect.
+     *
+     * @beta
+     */
+    startVideoBackgroundEffect(videoBackgroundEffect: VideoBackgroundEffect): Promise<void>;
+    /**
+     * Stop the video background effect.
+     *
+     * @beta
+     */
+    stopVideoBackgroundEffects(): Promise<void>;
+    /**
+     * Override the background picker images for background replacement effect.
+     *
+     * @param backgroundImages - Array of custom background images.
+     *
+     * @beta
+     */
+    updateBackgroundPickerImages(backgroundImages: VideoBackgroundImage[]): void;
+    /**
+     * Update the selected video background effect
+     *
+     * @beta
+     */
+    updateSelectedVideoBackgroundEffect(selectedVideoBackground: VideoBackgroundEffect): void;
 }
 
 /**
@@ -1706,6 +2664,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;
@@ -1717,6 +2677,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;
@@ -1749,6 +2711,22 @@ export declare interface CallWithChatAdapterUiState {
      * @public
      */
     page: CallCompositePage;
+    /**
+     * Files being uploaded by a user in the current thread.
+     * Should be set to null once the upload is complete.
+     * Array of type {@link FileUploadsUiState}
+     *
+     * @beta
+     */
+    fileUploads?: FileUploadsUiState;
+    /**
+     * State to track whether the end user has opted in to using a
+     * out of date version of a supported browser. Allows the user
+     * to start a call in this state.
+     *
+     * @beta
+     */
+    unsupportedBrowserVersionsAllowed?: boolean;
 }
 
 /**
@@ -1773,6 +2751,14 @@ export declare interface CallWithChatClientState {
     devices: DeviceManagerState;
     /** State of whether the active call is a Teams interop call */
     isTeamsCall: boolean;
+    /** alternateCallerId for PSTN call */
+    alternateCallerId?: string | undefined;
+    /** Environment information for system adapter is made on */
+    environmentInfo?: EnvironmentInfo;
+    /** Default set of background images for background replacement effect */
+    videoBackgroundImages?: VideoBackgroundImage[];
+    /** State to track the selected video background effect */
+    selectedVideoBackgroundEffect?: VideoBackgroundEffect;
 }
 
 /**
@@ -1839,6 +2825,9 @@ export declare type CallWithChatCompositeIcons = {
     ParticipantItemScreenShareStart?: JSX.Element;
     VideoTileMicOff?: JSX.Element;
     LocalCameraSwitch?: JSX.Element;
+    PeoplePaneAddPerson?: JSX.Element;
+    PeoplePaneOpenDialpad?: JSX.Element;
+    DialpadStartCall?: JSX.Element;
     EditBoxCancel?: JSX.Element;
     EditBoxSubmit?: JSX.Element;
     MessageDelivered?: JSX.Element;
@@ -1865,6 +2854,62 @@ export declare type CallWithChatCompositeOptions = {
      * If using the boolean values, true will cause default behavior across the whole control bar. False hides the whole control bar.
      */
     callControls?: boolean | CallWithChatControlOptions;
+    /**
+     * Properties for configuring the File Sharing feature.
+     * If undefined, file sharing feature will be disabled.
+     * @beta
+     */
+    fileSharing?: FileSharingOptions;
+    /**
+     * Device permissions check options for your call.
+     * Here you can choose what device permissions you prompt the user for,
+     * as well as what device permissions must be accepted before starting a call.
+     */
+    deviceChecks?: DeviceCheckOptions;
+    /**
+     * Callback you may provide to supply users with further steps to troubleshoot why they have been
+     * unable to grant your site the required permissions for the call.
+     *
+     * @example
+     * ```ts
+     * onPermissionsTroubleshootingClick: () =>
+     *  window.open('https://contoso.com/permissions-troubleshooting', '_blank');
+     * ```
+     *
+     * @remarks
+     * if this is not supplied, the composite will not show a 'further troubleshooting' link.
+     */
+    onPermissionsTroubleshootingClick?: (permissionsState: {
+        camera: PermissionState;
+        microphone: PermissionState;
+    }) => void;
+    /**
+     * Optional callback to supply users with further troubleshooting steps for network issues
+     * experienced when connecting to a call.
+     *
+     * @example
+     * ```ts
+     * onNetworkingTroubleShootingClick?: () =>
+     *  window.open('https://contoso.com/network-troubleshooting', '_blank');
+     * ```
+     *
+     * @remarks
+     * if this is not supplied, the composite will not show a 'network troubleshooting' link.
+     */
+    onNetworkingTroubleShootingClick?: () => void;
+    /**
+     * Callback you may provide to supply users with a provided page to showcase supported browsers by ACS.
+     *
+     * @example
+     * ```ts
+     * onBrowserTroubleShootingClick?: () =>
+     *  window.open('https://contoso.com/browser-troubleshooting', '_blank');
+     * ```
+     *
+     * @remarks
+     * if this is not supplied, the composite will not show a unsupported browser page.
+     */
+    onEnvironmentInfoTroubleshootingClick?: () => void;
 };
 
 /**
@@ -1950,6 +2995,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
      */
@@ -1990,6 +3047,10 @@ export declare interface CallWithChatCompositeStrings {
      * Label for button to copy invite link
      */
     copyInviteLinkButtonLabel: string;
+    /**
+     * Label for button to open dialpad
+     */
+    openDialpadButtonLabel: string;
     /**
      * Label for SidePaneHeader dismiss button
      */
@@ -2002,6 +3063,34 @@ export declare interface CallWithChatCompositeStrings {
      * Aria label string for return to call back button
      */
     returnToCallButtonAriaLabel?: string;
+    /**
+     * Label for add people dropdown
+     */
+    peoplePaneAddPeopleButtonLabel: string;
+    /**
+     * Label for button to start a call
+     */
+    dialpadStartCallButtonLabel: string;
+    /**
+     * Title for dialpad Modal
+     */
+    dialpadModalTitle: string;
+    /**
+     * Aria Label for dialpad Modal
+     */
+    dialpadModalAriaLabel: string;
+    /**
+     * Aria Label for dialpad Modal close button
+     */
+    dialpadCloseModalButtonAriaLabel: string;
+    /**
+     * Placeholder text for dtmf dialpad
+     */
+    dtmfDialpadPlaceholderText: string;
+    /**
+     * Label for the button to open dtmf dialpad
+     */
+    openDtmfDialpadLabel: string;
     /**
      * aria label for when the invite link has been actioned
      */
@@ -2018,7 +3107,9 @@ export declare interface CallWithChatControlOptions extends CommonCallControlOpt
      * Show or hide the chat button in the call-with-chat composite control bar.
      * @defaultValue true
      */
-    chatButton?: boolean;
+    chatButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ {
+        disabled: boolean;
+    };
 }
 
 /**
@@ -2026,7 +3117,36 @@ export declare interface CallWithChatControlOptions extends CommonCallControlOpt
  *
  * @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
+ *
+ * Component to allow Contoso to help their end user with their devices should their permissions be blocked
+ * by their browsers settings.
+ */
+export declare const CameraAndMicrophoneSitePermissions: (props: CameraAndMicrophoneSitePermissionsProps) => JSX.Element;
+
+/**
+ * @beta
+ * Props for CameraAndMicrophoneSitePermissions component.
+ */
+export declare interface CameraAndMicrophoneSitePermissionsProps extends CommonSitePermissionsProps {
+    /** Icon name for the camera icon */
+    cameraIconName?: string;
+    /** Icon name for the microphone icon */
+    microphoneIconName?: string;
+    /** Icon name for the central icon between the camera and microphone icons */
+    connectorIconName?: string;
+    /** Strings for use with the {@link CameraAndMicrophoneSitePermissions} */
+    strings?: CameraAndMicrophoneSitePermissionsStrings;
+}
+
+/**
+ * @beta
+ * Strings for CameraAndMicrophoneSitePermissions component.
+ */
+export declare type CameraAndMicrophoneSitePermissionsStrings = SitePermissionsStrings;
 
 /**
  * A button to turn camera on / off.
@@ -2090,6 +3210,10 @@ 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;
 }
 
 /**
@@ -2162,6 +3286,10 @@ export declare interface CameraButtonStrings {
      * Title for primary action section of split button
      */
     cameraPrimaryActionSplitButtonTitle?: string;
+    /**
+     * Title for video effects menu item
+     */
+    videoEffectsMenuItemTitle?: string;
 }
 
 /**
@@ -2176,18 +3304,177 @@ export declare interface CameraButtonStyles extends ControlBarButtonStyles {
     menuStyles?: Partial<CameraButtonContextualMenuStyles>;
 }
 
+/**
+ * Component to allow Contoso to help their end user with their devices should their permissions be blocked
+ * by their browsers settings.
+ *
+ * @beta
+ */
+export declare const CameraSitePermissions: (props: CameraSitePermissionsProps) => JSX.Element;
+
+/**
+ * @beta
+ * Props for CameraSitePermissions component.
+ */
+export declare interface CameraSitePermissionsProps extends CommonSitePermissionsProps {
+    /** Icon name for the camera icon */
+    cameraIconName?: string;
+    /** Strings for use with the {@link CameraSitePermissions} */
+    strings?: CameraSitePermissionsStrings;
+}
+
+/**
+ * @beta
+ * Strings for CameraSitePermissions component.
+ */
+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;
+    /**
+     * whether start captions button is clicked or now
+     */
+    startCaptionsInProgress: 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.
  *
  * @public
  */
-export declare type ChatAdapter = ChatAdapterThreadManagement & AdapterState<ChatAdapterState> & Disposable & ChatAdapterSubscribers;
+export declare type ChatAdapter = ChatAdapterThreadManagement & AdapterState<ChatAdapterState> & Disposable & ChatAdapterSubscribers & FileUploadAdapter;
 
 /**
  * {@link ChatAdapter} state.
@@ -2295,7 +3582,9 @@ export declare interface ChatAdapterThreadManagement {
     /**
      * Update a message content.
      */
-    updateMessage(messageId: string, content: string, metadata?: Record<string, string>): Promise<void>;
+    updateMessage(messageId: string, content: string, metadata?: Record<string, string>, options?: {
+        attachedFilesMetadata?: FileMetadata[];
+    }): Promise<void>;
     /**
      * Delete a message in the thread.
      */
@@ -2308,6 +3597,9 @@ export declare interface ChatAdapterThreadManagement {
      *
      */
     loadPreviousChatMessages(messagesToLoad: number): Promise<boolean>;
+    downloadAttachments: (options: {
+        attachmentUrls: string[];
+    }) => Promise<AttachmentDownloadResult[]>;
 }
 
 /**
@@ -2317,6 +3609,13 @@ export declare interface ChatAdapterThreadManagement {
  */
 export declare type ChatAdapterUiState = {
     error?: Error;
+    /**
+     * Files being uploaded by a user in the current thread.
+     * Should be set to null once the upload is complete.
+     * Array of type {@link FileUploadsUiState}
+     * @beta
+     */
+    fileUploads?: FileUploadsUiState;
 };
 
 /**
@@ -2419,6 +3718,7 @@ export declare type ChatCompositeIcons = {
     ParticipantItemOptionsHovered?: JSX.Element;
     SendBoxSend?: JSX.Element;
     SendBoxSendHovered?: JSX.Element;
+    SendBoxAttachFile?: JSX.Element;
 };
 
 /**
@@ -2433,6 +3733,13 @@ export declare type ChatCompositeOptions = {
      * @defaultValue true
      */
     errorBar?: boolean;
+    /**
+     * Show or hide the participant pane. This feature is in beta and not supported on mobile or narrow screen views.
+     * @defaultValue false
+     *
+     * @beta
+     */
+    participantPane?: boolean;
     /**
      * Show or hide the topic at the top of the chat. Hidden if set to `false`
      * @defaultValue true
@@ -2443,6 +3750,12 @@ export declare type ChatCompositeOptions = {
      * When undefined nothing has focus on render
      */
     autoFocus?: 'sendBoxTextField';
+    /**
+     * Properties for configuring the File Sharing feature.
+     * If undefined, file sharing feature will be disabled.
+     * @beta
+     */
+    fileSharing?: FileSharingOptions;
 };
 
 /**
@@ -2470,6 +3783,12 @@ export declare interface ChatCompositeProps extends BaseCompositeProps<ChatCompo
      * Flags to enable/disable visual elements of the {@link ChatComposite}.
      */
     options?: ChatCompositeOptions;
+    /**
+     * Optimizes the composite form factor for either desktop or mobile.
+     * @remarks `mobile` is currently only optimized for Portrait mode on mobile devices and does not support landscape.
+     * @defaultValue 'desktop'
+     */
+    formFactor?: 'desktop' | 'mobile';
 }
 
 /**
@@ -2484,6 +3803,10 @@ export declare interface ChatCompositeStrings {
      * Chat list header text
      */
     chatListHeader: string;
+    /**
+     * Upload File Button text
+     */
+    uploadFile: string;
 }
 
 /**
@@ -2549,7 +3872,9 @@ export declare type ChatHandlers = {
     onRemoveParticipant: (userId: string) => Promise<void>;
     updateThreadTopicName: (topicName: string) => Promise<void>;
     onLoadPreviousChatMessages: (messagesToLoad: number) => Promise<boolean>;
-    onUpdateMessage: (messageId: string, content: string) => Promise<void>;
+    onUpdateMessage: (messageId: string, content: string, metadata?: Record<string, string>, options?: {
+        attachedFilesMetadata?: FileMetadata[];
+    }) => Promise<void>;
     onDeleteMessage: (messageId: string) => Promise<void>;
 };
 
@@ -2576,6 +3901,12 @@ export declare interface ChatMessage extends MessageCommon {
      * {@link @azure/communication-chat#ChatMessage.metadata}
      */
     metadata?: Record<string, string>;
+    /**
+     * @beta
+     * A list of files attached to the message.
+     * {@link FileMetadata}
+     */
+    attachedFilesMetadata?: FileMetadata[];
 }
 
 /**
@@ -2589,6 +3920,7 @@ export declare interface ChatMessage extends MessageCommon {
 export declare type ChatMessageWithStatus = ChatMessage_2 & {
     clientMessageId?: string;
     status: MessageStatus;
+    policyViolation?: boolean;
 };
 
 /**
@@ -2722,8 +4054,32 @@ export declare interface CommonCallAdapter extends AdapterState<CallAdapterState
      * @public
      */
     startCall(participants: string[], options?: StartCallOptions): void;
+    /**
+     * Start the call.
+     * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called
+     * @beta
+     */
+    startCall(participants: CommunicationIdentifier[], options?: StartCallOptions): void;
 }
 
+/**
+ * Common optional parameters to create {@link AzureCommunicationCallAdapter} or {@link TeamsCallAdapter}
+ *
+ * @beta
+ */
+export declare type CommonCallAdapterOptions = {
+    /**
+     * Default set of background images for background image picker.
+     */
+    videoBackgroundImages?: VideoBackgroundImage[];
+    /**
+     * Use this to fetch profile information which will override data in {@link CallAdapterState} like display name
+     * The onFetchProfile is fetch-and-forget one time action for each user, once a user profile is updated, the value will be cached
+     * and would not be updated again within the lifecycle of adapter.
+     */
+    onFetchProfile?: OnFetchProfileCallback;
+};
+
 /**
  * Customization options for the control bar in calling experience.
  *
@@ -2744,7 +4100,9 @@ export declare type CommonCallControlOptions = {
      * Show or Hide Camera Button during a call
      * @defaultValue true
      */
-    cameraButton?: boolean;
+    cameraButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ {
+        disabled: boolean;
+    };
     /**
      * Show or Hide EndCall button during a call.
      * @defaultValue true
@@ -2754,12 +4112,16 @@ export declare type CommonCallControlOptions = {
      * Show or Hide Microphone button during a call.
      * @defaultValue true
      */
-    microphoneButton?: boolean;
+    microphoneButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ {
+        disabled: boolean;
+    };
     /**
      * Show or Hide Devices button during a call.
      * @defaultValue true
      */
-    devicesButton?: boolean;
+    devicesButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ {
+        disabled: boolean;
+    };
     /**
      * Show, Hide or Disable participants button during a call.
      * @defaultValue true
@@ -2768,17 +4130,33 @@ export declare type CommonCallControlOptions = {
         disabled: boolean;
     };
     /**
-     * Show, Hide or Disable the screen share button during a call.
+     * 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
      */
-    screenShareButton?: boolean | {
+    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;
+    peopleButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ {
+        disabled: boolean;
+    };
 };
 
 /**
@@ -2800,12 +4178,30 @@ export declare interface CommonCallingHandlers {
     onStopScreenShare: () => Promise<void>;
     onToggleScreenShare: () => Promise<void>;
     onHangUp: (forEveryone?: boolean) => Promise<void>;
+    onToggleHold: () => Promise<void>;
+    onAddParticipant(participant: CommunicationUserIdentifier): Promise<void>;
+    onAddParticipant(participant: PhoneNumberIdentifier, options: AddPhoneNumberOptions): Promise<void>;
     onCreateLocalStreamView: (options?: VideoStreamOptions) => Promise<void | CreateVideoStreamViewResult>;
     onCreateRemoteStreamView: (userId: string, options?: VideoStreamOptions) => Promise<void | CreateVideoStreamViewResult>;
+    /**
+     * @deprecated use {@link onDisposeRemoteVideoStreamView} and {@link onDisposeRemoteScreenShareStreamView} instead.
+     */
     onDisposeRemoteStreamView: (userId: string) => Promise<void>;
     onDisposeLocalStreamView: () => Promise<void>;
+    onDisposeRemoteVideoStreamView: (userId: string) => Promise<void>;
+    onDisposeRemoteScreenShareStreamView: (userId: string) => Promise<void>;
+    onSendDtmfTone: (dtmfTone: DtmfTone_2) => Promise<void>;
     onRemoveParticipant(userId: string): Promise<void>;
+    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>;
 }
 
 /**
@@ -2817,6 +4213,39 @@ export declare type CommonProperties<A, B> = {
     [P in keyof A & keyof B]: A[P] extends B[P] ? P : never;
 }[keyof A & keyof B];
 
+/**
+ * @beta
+ * Props for SitePermissions components.
+ */
+export declare interface CommonSitePermissionsProps {
+    /**
+     * Name of application calling experience is in.
+     */
+    appName: string;
+    /**
+     * Kind of the Site Permissions component.
+     */
+    kind: 'request' | 'denied' | 'check';
+    /**
+     * Type of the browser used, the Site permission component will show different guidance text based on the browser type
+     */
+    browserHint?: 'safari' | 'unset';
+    /**
+     * Action to be taken by the more help link. Possible to send to external page or show other modal.
+     * If this is not provided the button will not be shown.
+     */
+    onTroubleshootingClick?: () => void;
+    /**
+     * Action that is taken when the user clicks the continue anyway button.
+     * If this is not provided the button will not be shown.
+     */
+    onContinueAnywayClick?: () => void;
+    /**
+     * Styles for SitePermissions component.
+     */
+    styles?: SitePermissionsStyles;
+}
+
 /**
  * A Chat or Calling participant's state, as reflected in the UI.
  *
@@ -2986,6 +4415,11 @@ export declare type ComponentIcons = Record<keyof typeof DEFAULT_COMPONENT_ICONS
 export declare interface ComponentLocale {
     /** Strings for components */
     strings: ComponentStrings;
+    /**
+     * Optional function to provide customized date format.
+     * @beta
+     */
+    onDisplayDateTimeString?: (messageDate: Date) => string;
 }
 
 /**
@@ -3029,12 +4463,58 @@ export declare interface ComponentStrings {
     typingIndicator: TypingIndicatorStrings;
     /** Strings for SendBox */
     sendBox: SendBoxStrings;
+    /** Strings for MentionPopover */
+    mentionPopover: MentionPopoverStrings;
     /** Strings for MessageStatusIndicator */
     messageStatusIndicator: MessageStatusIndicatorStrings;
     /** Strings for ErroBar */
     errorBar: ErrorBarStrings;
     /** Strings for VideoGallery */
     videoGallery: VideoGalleryStrings;
+    /** Strings for Dialpad */
+    dialpad: DialpadStrings;
+    /** Strings for VideoTile */
+    videoTile: VideoTileStrings;
+    /** Strings for HoldButton */
+    holdButton: HoldButtonStrings;
+    /** Strings for a site's permission request prompt */
+    CameraAndMicrophoneSitePermissionsRequest: SitePermissionsStrings;
+    /** Strings for a site's permission request prompt */
+    CameraSitePermissionsRequest: SitePermissionsStrings;
+    /** Strings for a site's permission request prompt */
+    MicrophoneSitePermissionsRequest: SitePermissionsStrings;
+    /** Strings for a site's permission generic checking prompt */
+    CameraAndMicrophoneSitePermissionsCheck: SitePermissionsStrings;
+    /** Strings for a site's permission generic checking prompt */
+    CameraSitePermissionsCheck: SitePermissionsStrings;
+    /** Strings for a site's permission generic checking prompt */
+    MicrophoneSitePermissionsCheck: SitePermissionsStrings;
+    /** Strings for a site's permission denied prompt */
+    CameraAndMicrophoneSitePermissionsDenied: SitePermissionsStrings;
+    /** Strings for a site's permission denied prompt for safari browsers*/
+    CameraAndMicrophoneSitePermissionsDeniedSafari: SitePermissionsStrings;
+    /** Strings for a site's permission denied prompt */
+    CameraSitePermissionsDenied: SitePermissionsStrings;
+    /** Strings for a site's permission denied prompt */
+    MicrophoneSitePermissionsDenied: SitePermissionsStrings;
+    /** Strings for a site's permission denied prompt for safari browsers*/
+    CameraSitePermissionsDeniedSafari: SitePermissionsStrings;
+    /** Strings for a site's permission denied prompt for safari browsers*/
+    MicrophoneSitePermissionsDeniedSafari: SitePermissionsStrings;
+    /** Strings for unsupported browser UI */
+    UnsupportedBrowser: UnsupportedBrowserStrings;
+    /** Strings for unsupported browser version UI */
+    UnsupportedBrowserVersion: UnsupportedBrowserVersionStrings;
+    /** Strings for unsupported browser version UI */
+    UnsupportedOperatingSystem: UnsupportedOperatingSystemStrings;
+    /** Strings for BrowserPemissionDenied */
+    BrowserPermissionDenied: BrowserPermissionDeniedStrings;
+    /** Strings for BrowserPemissionDeniedIOS */
+    BrowserPermissionDeniedIOS: BrowserPermissionDeniedIOSStrings;
+    /**
+     * Strings for the VerticalGallery.
+     */
+    VerticalGallery: VerticalGalleryStrings;
 }
 
 /**
@@ -3384,7 +4864,7 @@ export declare interface ControlBarProps {
  *
  * @public
  */
-export declare const createAzureCommunicationCallAdapter: ({ userId, displayName, credential, locator }: AzureCommunicationCallAdapterArgs) => Promise<CallAdapter>;
+export declare const createAzureCommunicationCallAdapter: ({ userId, displayName, credential, locator, alternateCallerId, options }: AzureCommunicationCallAdapterArgs) => Promise<CallAdapter>;
 
 /**
  * Create a {@link CallAdapter} using the provided {@link StatefulCallClient}.
@@ -3394,7 +4874,7 @@ export declare const createAzureCommunicationCallAdapter: ({ userId, displayName
  *
  * @public
  */
-export declare const createAzureCommunicationCallAdapterFromClient: (callClient: StatefulCallClient, callAgent: CallAgent, locator: CallAdapterLocator) => Promise<CallAdapter>;
+export declare const createAzureCommunicationCallAdapterFromClient: (callClient: StatefulCallClient, callAgent: CallAgent, locator: CallAdapterLocator, options?: AzureCommunicationCallAdapterOptions) => Promise<CallAdapter>;
 
 /**
  * Create a CallWithChatAdapter backed by Azure Communication services
@@ -3402,7 +4882,7 @@ export declare const createAzureCommunicationCallAdapterFromClient: (callClient:
  *
  * @public
  */
-export declare const createAzureCommunicationCallWithChatAdapter: ({ userId, displayName, credential, endpoint, locator }: AzureCommunicationCallWithChatAdapterArgs) => Promise<CallWithChatAdapter>;
+export declare const createAzureCommunicationCallWithChatAdapter: ({ userId, displayName, credential, endpoint, locator, alternateCallerId, callAdapterOptions }: AzureCommunicationCallWithChatAdapterArgs) => Promise<CallWithChatAdapter>;
 
 /**
  * Create a {@link CallWithChatAdapter} using the provided {@link StatefulChatClient} and {@link StatefulCallClient}.
@@ -3412,7 +4892,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.
@@ -3431,7 +4911,9 @@ export declare const createAzureCommunicationChatAdapter: ({ endpoint: endpointU
  *
  * @public
  */
-export declare function 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.
@@ -3455,6 +4937,16 @@ export declare const createDefaultCallingHandlers: (callClient: StatefulCallClie
  */
 export declare const createDefaultChatHandlers: (chatClient: StatefulChatClient, chatThreadClient: ChatThreadClient) => ChatHandlers;
 
+/**
+ * Create the default implementation of {@link TeamsCallingHandlers} for teams call.
+ *
+ * Useful when implementing a custom component that utilizes the providers
+ * exported from this library.
+ *
+ * @beta
+ */
+export declare const createDefaultTeamsCallingHandlers: (callClient: StatefulCallClient, callAgent: undefined | /* @conditional-compile-remove(teams-identity-support) */ TeamsCallAgent, deviceManager: StatefulDeviceManager | undefined, call: undefined | /* @conditional-compile-remove(teams-identity-support) */ TeamsCall) => never | TeamsCallingHandlers;
+
 /**
  * Creates a StatefulCallClient {@link StatefulCallClient} by proxying CallClient
  * {@link @azure/communication-calling#CallClient} with ProxyCallClient {@link ProxyCallClient} which then allows access
@@ -3480,6 +4972,21 @@ export declare const createStatefulCallClient: (args: StatefulCallClientArgs, op
  */
 export declare const createStatefulChatClient: (args: StatefulChatClientArgs, options?: StatefulChatClientOptions | undefined) => StatefulChatClient;
 
+/**
+ * @beta
+ */
+export declare const createTeamsCallAdapter: ({ userId, credential, locator, options }: TeamsCallAdapterArgs) => Promise<TeamsCallAdapter>;
+
+/**
+ * Create a {@link TeamsCallAdapter} using the provided {@link StatefulCallClient}.
+ *
+ * Useful if you want to keep a reference to {@link StatefulCallClient}.
+ * Consider using {@link createAzureCommunicationCallAdapter} for a simpler API.
+ *
+ * @beta
+ */
+export declare const createTeamsCallAdapterFromClient: (callClient: StatefulCallClient, callAgent: TeamsCallAgent, locator: CallAdapterLocator, options?: CommonCallAdapterOptions | undefined) => Promise<TeamsCallAdapter>;
+
 /**
  * Object returned after creating a local or remote VideoStream.
  * This contains helper functions to manipulate the render of the stream.
@@ -3530,8 +5037,146 @@ export declare type CustomAvatarOptions = {
     styles?: IStyleFunctionOrObject<IPersonaStyleProps, IPersonaStyles>;
     /** Display name to be used in Persona  */
     text?: string;
+    /** State for the participant to be displayed in the defaultPlaceHolder */
+    participantState?: ParticipantState;
+    /**
+     * If true, show the special coin for unknown persona.
+     * It has '?' in place of initials, with static font and background colors
+     */
+    showUnknownPersonaCoin?: boolean;
 };
 
+/**
+ * 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
+ */
+declare type CustomCallControlButtonCallback = (args: CustomCallControlButtonCallbackArgs) => CustomCallWithChatControlButtonProps;
+export { CustomCallControlButtonCallback }
+export { CustomCallControlButtonCallback as CustomCallWithChatControlButtonCallback }
+
+/**
+ * Arguments for {@link CustomCallControlButtonCallback}.
+ *
+ * @beta
+ */
+export declare interface CustomCallControlButtonCallbackArgs {
+    /**
+     * Buttons should reduce the size to fit a smaller viewport when `displayType` is `'compact'`.
+     *
+     * @defaultValue `'default'`
+     */
+    displayType?: CallControlDisplayType;
+}
+
+/**
+ * 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 '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
+ */
+declare type CustomCallControlButtonPlacement = 'primary' | 'overflow' | 'secondary';
+export { CustomCallControlButtonPlacement }
+export { CustomCallControlButtonPlacement as CustomCallWithChatControlButtonPlacement }
+
+/**
+ * Response from {@link CustomCallControlButtonCallback}.
+ *
+ * Includes the placement prop necessary to indicate where to place the
+ * {@link ControlBarButton} and a {@link DrawerMenuItem}
+ *
+ * @beta
+ */
+export declare interface CustomCallControlButtonProps extends CustomControlButtonProps {
+    /**
+     * Where to place the custom button relative to other buttons.
+     */
+    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
+     */
+    iconName?: string;
+}
+
+/**
+ * Response from {@link CustomCallControlButtonCallback}.
+ *
+ * Includes the icon and placement prop necessary to indicate where to place the
+ * {@link ControlBarButton} and a {@link DrawerMenuItem}
+ *
+ * @beta
+ */
+export declare interface CustomCallWithChatControlButtonProps extends CustomControlButtonProps {
+    /**
+     * Where to place the custom button relative to other buttons.
+     */
+    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
+     */
+    iconName?: string;
+}
+
+/**
+ * Includes the base props necessary to render a {@link ControlBarButton} or {@link DrawerMenuItem}.
+ *
+ * @beta
+ */
+export declare interface CustomControlButtonProps {
+    /**
+     * Calback for when button is clicked
+     */
+    onItemClick?: () => void;
+    /**
+     * Whether the buttons is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether the label is displayed or not.
+     *
+     * @defaultValue `false`
+     */
+    showLabel?: boolean;
+    /**
+     * Fluent styles, common to all {@link ControlBarButton}s or {@link DrawerMenuItem}s.
+     */
+    styles?: ControlBarButtonStyles | BaseCustomStyles;
+    /**
+     * Optional label for the button
+     */
+    text?: string;
+    /**
+     * A unique key for the button
+     */
+    key?: string | number;
+    /**
+     * The aria label of the button for the benefit of screen readers.
+     */
+    ariaLabel?: string;
+    /**
+     * Detailed description of the button for the benefit of screen readers.
+     */
+    ariaDescription?: string;
+    /**
+     * A unique id set for the standard HTML id attibute
+     */
+    id?: string;
+}
+
 /**
  * A custom message type.
  *
@@ -3551,6 +5196,18 @@ export declare interface CustomMessage extends MessageCommon {
  */
 export declare const darkTheme: PartialTheme & CallingTheme;
 
+/**
+ * @beta
+ * `DeclarativeCallAgent` extends and proxies the {@link @azure/communication-calling#CallAgent}
+ */
+export declare type DeclarativeCallAgent = CallAgent & IncomingCallManagement;
+
+/**
+ * @beta
+ * Proxies the {@link @azure/communication-calling#IncomingCall} interface.
+ */
+export declare type DeclarativeIncomingCall = IncomingCall;
+
 /**
  * The default set of icons that are available to use in the UI components.
  *
@@ -3567,8 +5224,12 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     ControlButtonMicOn: JSX.Element;
     ControlButtonOptions: JSX.Element;
     ControlButtonParticipants: JSX.Element;
+    ControlButtonParticipantsContextualMenuItem: JSX.Element;
     ControlButtonScreenShareStart: JSX.Element;
     ControlButtonScreenShareStop: JSX.Element;
+    CancelFileUpload: JSX.Element;
+    DownloadFile: JSX.Element;
+    DataLossPreventionProhibited: JSX.Element;
     EditBoxCancel: JSX.Element;
     EditBoxSubmit: JSX.Element;
     ErrorBarCallCameraAccessDenied: JSX.Element;
@@ -3601,13 +5262,38 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     ParticipantItemOptions: JSX.Element;
     ParticipantItemOptionsHovered: JSX.Element;
     ParticipantItemScreenShareStart: JSX.Element;
+    HoldCallContextualMenuItem: JSX.Element;
+    HoldCallButton: JSX.Element;
+    ResumeCall: JSX.Element;
     SendBoxSend: JSX.Element;
     SendBoxSendHovered: JSX.Element;
     VideoTileMicOff: JSX.Element;
+    DialpadBackspace: JSX.Element;
+    SitePermissionsSparkle: JSX.Element;
+    SitePermissionCamera: JSX.Element;
+    SitePermissionMic: JSX.Element;
+    SitePermissionCameraDenied: JSX.Element;
+    SitePermissionMicDenied: JSX.Element;
+    UnsupportedEnvironmentWarning: JSX.Element;
+    BrowserPermissionDeniedError: JSX.Element;
+    VideoTilePinned: JSX.Element;
+    VideoTileMoreOptions: JSX.Element;
+    VideoTileScaleFit: JSX.Element;
+    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;
+    ControlButtonVideoEffectsOption: JSX.Element;
+    ConfigurationScreenVideoEffectsButton: JSX.Element;
+    CaptionsIcon: JSX.Element;
+    CaptionsOffIcon: JSX.Element;
+    CaptionsSettingsIcon: JSX.Element;
+    ChangeSpokenLanguageIcon: JSX.Element;
 };
 
 /**
@@ -3628,6 +5314,7 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     ParticipantItemOptionsHovered: JSX.Element;
     SendBoxSend: JSX.Element;
     SendBoxSendHovered: JSX.Element;
+    SendBoxAttachFile?: JSX.Element | undefined;
     ControlBarPeopleButton?: JSX.Element | undefined;
     ControlButtonCameraOff: JSX.Element;
     ControlButtonCameraOn: JSX.Element;
@@ -3671,6 +5358,12 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     ParticipantItemScreenShareStart: JSX.Element;
     VideoTileMicOff: JSX.Element;
     LocalCameraSwitch?: JSX.Element | undefined;
+    PeoplePaneAddPerson?: JSX.Element | undefined;
+    PeoplePaneOpenDialpad?: JSX.Element | undefined;
+    DialpadStartCall?: JSX.Element | undefined;
+    NoticePageInvalidRoom?: JSX.Element | undefined;
+    BlurVideoBackground?: JSX.Element | undefined;
+    RemoveVideoBackgroundEffect?: JSX.Element | undefined;
     ChevronLeft?: JSX.Element | undefined;
     ControlBarChatButtonActive?: JSX.Element | undefined;
     ControlBarChatButtonInactive?: JSX.Element | undefined;
@@ -3680,17 +5373,68 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     MoreDrawerSelectedMicrophone?: JSX.Element | undefined;
     MoreDrawerSelectedSpeaker?: JSX.Element | undefined;
     MoreDrawerSpeakers?: JSX.Element | undefined;
-    SendBoxAttachFile?: JSX.Element | undefined;
     ChatMessageOptions: JSX.Element;
+    ControlButtonParticipantsContextualMenuItem: JSX.Element;
+    CancelFileUpload: JSX.Element;
+    DownloadFile: JSX.Element;
+    DataLossPreventionProhibited: JSX.Element;
     ErrorBarCallVideoRecoveredBySystem: JSX.Element;
     ErrorBarCallVideoStoppedBySystem: JSX.Element;
     MessageResend: JSX.Element;
+    HoldCallContextualMenuItem: JSX.Element;
+    HoldCallButton: JSX.Element;
+    ResumeCall: JSX.Element;
+    DialpadBackspace: JSX.Element;
+    SitePermissionsSparkle: JSX.Element;
+    SitePermissionCamera: JSX.Element;
+    SitePermissionMic: JSX.Element;
+    SitePermissionCameraDenied: JSX.Element;
+    SitePermissionMicDenied: JSX.Element;
+    UnsupportedEnvironmentWarning: JSX.Element;
+    BrowserPermissionDeniedError: JSX.Element;
+    VideoTilePinned: JSX.Element;
+    VideoTileMoreOptions: JSX.Element;
+    VideoTileScaleFit: JSX.Element;
+    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;
+    ControlButtonVideoEffectsOption: JSX.Element;
+    ConfigurationScreenVideoEffectsButton: JSX.Element;
+    CaptionsIcon: JSX.Element;
+    CaptionsOffIcon: JSX.Element;
+    CaptionsSettingsIcon: JSX.Element;
+    ChangeSpokenLanguageIcon: JSX.Element;
 };
 
+/**
+ * Device Checks.
+ * Choose whether or not to block starting a call depending on camera and microphone permission options.
+ *
+ * @beta
+ */
+export declare interface DeviceCheckOptions {
+    /**
+     * Camera Permission prompts for your call.
+     * 'required' - requires the permission to be allowed before permitting the user join the call.
+     * 'optional' - permission can be disallowed and the user is still permitted to join the call.
+     * 'doNotPrompt' - permission is not required and the user is not prompted to allow the permission.
+     */
+    camera: 'required' | 'optional' | 'doNotPrompt';
+    /**
+     * Microphone permission prompts for your call.
+     * 'required' - requires the permission to be allowed before permitting the user join the call.
+     * 'optional' - permission can be disallowed and the user is still permitted to join the call.
+     * 'doNotPrompt' - permission is not required and the user is not prompted to allow the permission.
+     */
+    microphone: 'required' | 'optional' | 'doNotPrompt';
+}
+
 /**
  * This type is meant to encapsulate all the state inside {@link @azure/communication-calling#DeviceManager}. For
  * optional parameters they may not be available until permission is granted by the user. The cameras, microphones,
@@ -3909,6 +5653,60 @@ export declare interface DiagnosticsCallFeatureState {
     media: MediaDiagnosticsState;
 }
 
+/**
+ * A component to allow users to enter phone number through clicking on dialpad/using keyboard
+ * It will return empty component for stable builds
+ *
+ * @beta
+ */
+export declare const Dialpad: (props: DialpadProps) => JSX.Element;
+
+/**
+ * Props for {@link Dialpad} component.
+ *
+ * @beta
+ */
+export declare interface DialpadProps {
+    strings?: DialpadStrings;
+    /**  function to send dtmf tones on button click */
+    onSendDtmfTone?: (dtmfTone: DtmfTone) => Promise<void>;
+    /**  Callback for dialpad button behavior*/
+    onClickDialpadButton?: (buttonValue: string, buttonIndex: number) => void;
+    /** set dialpad textfield content */
+    textFieldValue?: string;
+    /**  on change function for text field, provides an unformatted plain text*/
+    onChange?: (input: string) => void;
+    /**  boolean input to determine when to show/hide delete button, default true */
+    showDeleteButton?: boolean;
+    /**  boolean input to determine if dialpad is in mobile view, default false */
+    isMobile?: boolean;
+    styles?: DialpadStyles;
+}
+
+/**
+ * Strings of {@link Dialpad} that can be overridden.
+ *
+ * @beta
+ */
+export declare interface DialpadStrings {
+    placeholderText: string;
+    deleteButtonAriaLabel?: string;
+}
+
+/**
+ * Styles for {@link Dialpad} component.
+ *
+ * @beta
+ */
+export declare interface DialpadStyles {
+    root?: IStyle;
+    button?: IButtonStyles;
+    textField?: Partial<ITextFieldStyles>;
+    digit?: IStyle;
+    letter?: IStyle;
+    deleteIcon?: IButtonStyles;
+}
+
 /**
  * Callback for {@link CallAdapterSubscribers} 'displayNameChanged' event.
  *
@@ -3929,6 +5727,13 @@ export declare interface Disposable {
     dispose(): void;
 }
 
+/**
+ * DTMF tone for PSTN calls.
+ *
+ * @beta
+ */
+export declare type DtmfTone = 'A' | 'B' | 'C' | 'D' | 'Flash' | 'Num0' | 'Num1' | 'Num2' | 'Num3' | 'Num4' | 'Num5' | 'Num6' | 'Num7' | 'Num8' | 'Num9' | 'Pound' | 'Star';
+
 /**
  * A type for trivial selectors that return no data.
  *
@@ -4124,54 +5929,259 @@ export declare interface ErrorBarStrings {
      */
     callCameraAccessDenied: string;
     /**
-     * Message shown when camera can be enumerated but access is blocked by the system, for safari browsers
+     * Message shown when camera can be enumerated but access is blocked by the system, for safari browsers
+     */
+    callCameraAccessDeniedSafari: string;
+    /**
+     * Message shown when local video fails to start because camera is already in use by
+     * another applciation.
+     */
+    callCameraAlreadyInUse: string;
+    /**
+     * Message shown when local video is stopped by the system (not by local or remote participants)
+     */
+    callVideoStoppedBySystem: string;
+    /**
+     * Message shown when local video was recovered by the system (not by the local participant)
+     */
+    callVideoRecoveredBySystem: string;
+    /**
+     * Mac OS specific message shown when system denies access to camera.
+     */
+    callMacOsCameraAccessDenied: string;
+    /**
+     * Mac OS specific message shown when system denies sharing local screen on a call.
+     */
+    callMacOsScreenShareAccessDenied: string;
+    /**
+     * Dimiss errorbar button aria label read by screen reader accessibility tools
+     */
+    dismissButtonAriaLabel?: string;
+    /**
+     * An error message when joining a call fails.
+     */
+    failedToJoinCallGeneric?: string;
+    /**
+     * An error message when joining a call fails specifically due to an invalid meeting link.
+     */
+    failedToJoinCallInvalidMeetingLink?: string;
+    /**
+     * Error bar string letting you know remote participants see a frozen stream for you.
+     */
+    cameraFrozenForRemoteParticipants?: string;
+    /**
+     * Unable to start effect
+     */
+    unableToStartVideoEffect?: string;
+}
+
+/**
+ * All errors that can be shown in the {@link ErrorBar}.
+ *
+ * @public
+ */
+export declare type ErrorType = keyof ErrorBarStrings;
+
+/**
+ * @beta
+ * A file download error returned via a {@link FileDownloadHandler}.
+ * This error message is used to render an error message in the UI.
+ */
+export declare interface FileDownloadError {
+    /** The error message to display in the UI */
+    errorMessage: string;
+}
+
+/**
+ * @beta
+ *
+ * A callback function for handling file downloads.
+ * The function needs to return a promise that resolves to a file download URL.
+ * If the promise is rejected, the {@link Error.message} will be used to display an error message to the user.
+ *
+ * @example
+ * ```ts
+ * const fileDownloadHandler: FileDownloadHandler = async (userId, fileData) => {
+ *   if (isUnauthorizedUser(userId)) {
+ *     return { errorMessage: 'You don’t have permission to download this file.' };
+ *   } else {
+ *     return new URL(fileData.url);
+ *   }
+ * }
+ *
+ * const App = () => (
+ *   <ChatComposite
+ *     ...
+ *     fileSharing={{
+ *       fileDownloadHandler: fileDownloadHandler
+ *     }}
+ *   />
+ * )
+ *
+ * ```
+ * @param userId - The user ID of the user downloading the file.
+ * @param fileMetadata - The {@link FileMetadata} containing file `url`, `extension` and `name`.
+ */
+export declare type FileDownloadHandler = (userId: string, fileMetadata: FileMetadata) => Promise<URL | FileDownloadError>;
+
+/**
+ * Meta Data containing information about the uploaded file.
+ * @beta
+ */
+export declare interface FileMetadata {
+    attachmentType: FileMetadataAttachmentType;
+    id: string;
+    /**
+     * File name to be displayed.
+     */
+    name: string;
+    /**
+     * Extension is used for rendering the file icon.
+     * An unknown extension will be rendered as a generic icon.
+     * Example: `jpeg`
+     */
+    extension: string;
+    /**
+     * Download URL for the file.
+     */
+    url: string;
+    previewUrl?: string;
+}
+
+/**
+ * @beta
+ */
+export declare type FileMetadataAttachmentType = 'fileSharing' | /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ 'teamsInlineImage' | 'unknown';
+
+/**
+ * Properties for configuring the File Sharing feature.
+ * @beta
+ */
+export declare interface FileSharingOptions {
+    /**
+     * A string containing the comma separated list of accepted file types.
+     * Similar to the `accept` attribute of the `<input type="file" />` element.
+     * Accepts any type of file if not specified.
+     * @beta
+     */
+    accept?: string;
+    /**
+     * Allows multiple files to be selected if set to `true`.
+     * Similar to the `multiple` attribute of the `<input type="file" />` element.
+     * @defaultValue false
+     * @beta
+     */
+    multiple?: boolean;
+    /**
+     * A function of type {@link FileUploadHandler} for handling file uploads.
+     * @beta
+     */
+    uploadHandler: FileUploadHandler;
+    /**
+     * A function of type {@link FileDownloadHandler} for handling file downloads.
+     * If the function is not specified, the file's `url` will be opened in a new tab to
+     * initiate the download.
+     */
+    downloadHandler?: FileDownloadHandler;
+}
+
+/**
+ * @beta
+ */
+export declare interface FileUploadAdapter {
+    registerActiveFileUploads: (files: File[]) => FileUploadManager[];
+    registerCompletedFileUploads: (metadata: FileMetadata[]) => FileUploadManager[];
+    clearFileUploads: () => void;
+    cancelFileUpload: (id: string) => void;
+    updateFileUploadProgress: (id: string, progress: number) => void;
+    updateFileUploadErrorMessage: (id: string, errorMessage: string) => void;
+    updateFileUploadMetadata: (id: string, metadata: FileMetadata) => void;
+}
+
+/**
+ * @beta
+ * Error message to be displayed to the user if the upload fails.
+ */
+export declare type FileUploadError = {
+    message: string;
+    timestamp: number;
+};
+
+/**
+ * @beta
+ * A callback function for handling file uploads.
+ *
+ * @param userId - The user ID of the user uploading the file.
+ * @param fileUploads - The list of uploaded files. Each file is represented by an {@link FileUpload} object.
+ */
+export declare type FileUploadHandler = (userId: string, fileUploads: FileUploadManager[]) => void;
+
+/**
+ * A wrapper object for a file that is being uploaded.
+ * Allows mmanaging file uploads by providing common functions for updating the
+ * upload progress, canceling an upload, completing an upload etc.
+ * @beta
+ */
+export declare interface FileUploadManager {
+    /**
+     * Unique identifier for the file upload.
      */
-    callCameraAccessDeniedSafari: string;
+    id: string;
     /**
-     * Message shown when local video fails to start because camera is already in use by
-     * another applciation.
+     * HTML {@link File} object for the uploaded file.
      */
-    callCameraAlreadyInUse: string;
+    file?: File;
     /**
-     * Message shown when local video is stopped by the system (not by local or remote participants)
+     * Update the progress of the upload.
+     * @param value - number between 0 and 1
      */
-    callVideoStoppedBySystem: string;
+    notifyUploadProgressChanged: (value: number) => void;
     /**
-     * Message shown when local video was recovered by the system (not by the local participant)
+     * Mark the upload as complete.
+     * Requires the `metadata` param containing uploaded file information.
+     * @param metadata - {@link FileMetadata}
      */
-    callVideoRecoveredBySystem: string;
+    notifyUploadCompleted: (metadata: FileMetadata) => void;
     /**
-     * Mac OS specific message shown when system denies access to camera.
+     * Mark the upload as failed.
+     * @param message - An error message that can be displayed to the user.
      */
-    callMacOsCameraAccessDenied: string;
+    notifyUploadFailed: (message: string) => void;
+}
+
+/**
+ * Contains the state attibutes of a file upload like name, progress etc.
+ * @beta
+ */
+export declare interface FileUploadState {
     /**
-     * Mac OS specific message shown when system denies sharing local screen on a call.
+     * Unique identifier for the file upload.
      */
-    callMacOsScreenShareAccessDenied: string;
+    id: string;
     /**
-     * Dimiss errorbar button aria label read by screen reader accessibility tools
+     * Filename extracted from the {@link File} object.
+     * This attribute is used to render the filename if `metadata.name` is not available.
      */
-    dismissButtonAriaLabel?: string;
+    filename: string;
     /**
-     * An error message when joining a call fails.
+     * A number between 0 and 1 indicating the progress of the upload.
      */
-    failedToJoinCallGeneric?: string;
+    progress: number;
     /**
-     * An error message when joining a call fails specifically due to an invalid meeting link.
+     * Meta Data {@link FileMetadata} containing information about the uploaded file.
      */
-    failedToJoinCallInvalidMeetingLink?: string;
+    metadata?: FileMetadata;
     /**
-     * Error bar string letting you know remote participants see a frozen stream for you.
+     * Error message to be displayed to the user if the upload fails.
      */
-    cameraFrozenForRemoteParticipants?: string;
+    error?: FileUploadError;
 }
 
 /**
- * All errors that can be shown in the {@link ErrorBar}.
- *
- * @public
+ * A record containing {@link FileUploadState} mapped to unique ids.
+ * @beta
  */
-export declare type ErrorType = keyof ErrorBarStrings;
+export declare type FileUploadsUiState = Record<string, FileUploadState>;
 
 /**
  * Provider to apply a Fluent theme across this library's react components.
@@ -4213,7 +6223,7 @@ export declare const fromFlatCommunicationIdentifier: (id: string) => Communicat
  *
  * @public
  */
-export declare type GetCallingSelector<Component extends (props: any) => JSX.Element | undefined> = AreEqual<Component, typeof VideoGallery> extends true ? VideoGallerySelector : AreEqual<Component, typeof DevicesButton> extends true ? DevicesButtonSelector : AreEqual<Component, typeof MicrophoneButton> extends true ? MicrophoneButtonSelector : AreEqual<Component, typeof CameraButton> extends true ? CameraButtonSelector : AreEqual<Component, typeof ScreenShareButton> extends true ? ScreenShareButtonSelector : AreEqual<Component, typeof ParticipantList> extends true ? ParticipantListSelector : AreEqual<Component, typeof ParticipantsButton> extends true ? ParticipantsButtonSelector : AreEqual<Component, typeof EndCallButton> extends true ? EmptySelector : AreEqual<Component, typeof ErrorBar> extends true ? CallErrorBarSelector : undefined;
+export declare type GetCallingSelector<Component extends (props: any) => JSX.Element | undefined> = AreEqual<Component, typeof VideoGallery> extends true ? VideoGallerySelector : AreEqual<Component, typeof DevicesButton> extends true ? DevicesButtonSelector : AreEqual<Component, typeof MicrophoneButton> extends true ? MicrophoneButtonSelector : AreEqual<Component, typeof CameraButton> extends true ? CameraButtonSelector : AreEqual<Component, typeof ScreenShareButton> extends true ? ScreenShareButtonSelector : AreEqual<Component, typeof ParticipantList> extends true ? ParticipantListSelector : AreEqual<Component, typeof ParticipantsButton> extends true ? ParticipantsButtonSelector : AreEqual<Component, typeof EndCallButton> extends true ? EmptySelector : AreEqual<Component, typeof ErrorBar> extends true ? CallErrorBarSelector : AreEqual<Component, typeof Dialpad> extends true ? EmptySelector : AreEqual<Component, typeof HoldButton> extends true ? HoldButtonSelector : undefined;
 
 /**
  * Get the selector for a specified component.
@@ -4275,6 +6285,63 @@ export declare interface GridLayoutStyles extends BaseCustomStyles {
     children?: IStyle;
 }
 
+/**
+ * a button to hold or resume a ongoing call.
+ *
+ * Can be used with {@link ControlBar}
+ *
+ * @param props - properties for the hold button.
+ * @returns
+ * @beta
+ */
+export declare const HoldButton: (props: HoldButtonProps) => JSX.Element;
+
+/**
+ *@beta
+ */
+export declare interface HoldButtonProps extends ControlBarButtonProps {
+    /**
+     * Utility property for using this component with communication react handlers
+     * Holds the call or resumes it based on call state.
+     */
+    onToggleHold: () => Promise<void>;
+    /**
+     * Optional strings to override in component
+     */
+    strings?: HoldButtonStrings;
+}
+
+/**
+ * Selector type for the {@link HoldButton} component.
+ * @public
+ */
+export declare type HoldButtonSelector = (state: CallClientState, props: CallingBaseSelectorProps) => {
+    checked: boolean;
+};
+
+/**
+ * Strings for the hold button labels
+ * @beta
+ */
+export declare interface HoldButtonStrings {
+    /**
+     * Label for when action is to resume call.
+     */
+    onLabel: string;
+    /**
+     * Label for when action is to hold call.
+     */
+    offLabel: string;
+    /**
+     * Content for when button is checked
+     */
+    tooltipOnContent: string;
+    /**
+     * Content for when button is unchecked
+     */
+    tooltipOffContent: string;
+}
+
 /**
  * {@link HorizontalGallery} Component Styles.
  * @public
@@ -4355,8 +6422,30 @@ export declare interface _Identifiers {
     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;
+    /** `data-ui-id` value for `MentionPopover` Component's suggestion list */
+    mentionSuggestionList: string;
+    /** `data-ui-id` value for `MentionPopover` Component's suggestion list item */
+    mentionSuggestionItem: string;
 }
 
+/**
+ * @beta
+ * This contains a readonly array that returns all the active `incomingCalls`.
+ * An active incoming call is a call that has not been answered, declined or disconnected.
+ */
+export declare type IncomingCallManagement = {
+    /**
+     * @beta
+     * @Remark This attribute doesn't exist on the {@link @azure/communication-calling#CallAgent} interface.
+     * @returns readonly array of {@link DeclarativeIncomingCall}
+     */
+    incomingCalls: ReadonlyArray<DeclarativeIncomingCall>;
+};
+
 /**
  * State only version of {@link @azure/communication-calling#IncomingCall}. {@link StatefulCallClient} will
  * automatically detect incoming calls and add their state to the state exposed by {@link StatefulCallClient}.
@@ -4389,6 +6478,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.
  *
@@ -4500,8 +6598,51 @@ 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 {
+    /**
+     * List of effects if any are active.
+     */
+    activeEffects?: VideoEffectName[];
+}
+
+/**
+ * Options for the local video tile in the Call composite.
+ *
+ * @beta
+ */
+export declare interface LocalVideoTileOptions {
+    /**
+     * Position of the local video tile. If unset will render the local tile in the floating local position.
+     *
+     * @defaultValue 'floating'
+     * @remarks 'grid' - local video tile will be rendered in the grid view of the videoGallery.
+     * 'floating' - local video tile will be rendered in the floating position and will observe overflow gallery
+     * local video tile rules and be docked in the bottom corner.
+     * 'hidden' - local video tile will not be rendered.
+     * This does not affect the Configuration screen or the side pane Picture in Picture in Picture view.
+     */
+    position?: 'grid' | 'floating';
 }
 
+/**
+ * different modes of the local video tile
+ *
+ * @beta
+ */
+export declare type LocalVideoTileSize = '9:16' | '16:9' | 'hidden' | 'followDeviceOrientation';
+
 /**
  * Payload for {@link DiagnosticChangedEventListner} where there is a change in a media diagnostic.
  *
@@ -4520,6 +6661,76 @@ export declare interface MediaDiagnosticsState {
     latest: LatestMediaDiagnostics;
 }
 
+/**
+ * Mention's state, as reflected in the UI.
+ *
+ * @beta
+ */
+export declare interface Mention {
+    /** ID of a mention */
+    id: string;
+    /** Display text of a mention */
+    displayText: string;
+    /** Optional React element to render an item icon of a mention suggestion */
+    icon?: JSX.Element;
+}
+
+/**
+ * Options to display suggestions in the mention scenario.
+ *
+ * @beta
+ */
+export declare interface MentionDisplayOptions {
+    /**
+     * Optional callback for customizing the mention renderer in a message thread.
+     */
+    onRenderMention?: (mention: Mention, defaultOnRender: (mention: Mention) => JSX.Element) => JSX.Element;
+}
+
+/**
+ * Options to lookup suggestions in the mention scenario.
+ *
+ * @beta
+ */
+export declare interface MentionLookupOptions {
+    /**
+     * Optional string to set trigger keyword for mention a specific participant.
+     *
+     * @defaultValue `@`
+     */
+    trigger?: string;
+    /**
+     * Optional callback to fetch a list of mention suggestions base on the query.
+     */
+    onQueryUpdated: (query: string) => Promise<Mention[]>;
+    /**
+     * Optional callback to render an item of the mention suggestions list.
+     */
+    onRenderSuggestionItem?: (suggestion: Mention, onSuggestionSelected: (suggestion: Mention) => void) => JSX.Element;
+}
+
+/**
+ * Options to lookup suggestions and display mentions in the mention scenario.
+ *
+ * @beta
+ */
+export declare type MentionOptions = {
+    lookupOptions?: MentionLookupOptions;
+    displayOptions?: MentionDisplayOptions;
+};
+
+/**
+ * Strings of {@link _MentionPopover} that can be overridden.
+ *
+ * @beta
+ */
+export declare interface MentionPopoverStrings {
+    /**
+     * Header text for MentionPopover
+     */
+    mentionPopoverHeader: string;
+}
+
 /**
  * Discriminated union of all messages.
  *
@@ -4527,7 +6738,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.
@@ -4747,7 +6958,7 @@ export declare type MessageThreadProps = {
     /**
      * 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
      */
@@ -4829,6 +7040,17 @@ export declare type MessageThreadProps = {
      * `messageRenderer` is not provided for `CustomMessage` and thus only available for `ChatMessage` and `SystemMessage`.
      */
     onRenderMessage?: (messageProps: MessageProps, messageRenderer?: MessageRenderer) => JSX.Element;
+    /**
+     * Optional callback to render uploaded files in the message component.
+     * @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.
      *
@@ -4870,6 +7092,23 @@ export declare type MessageThreadProps = {
      * Optional strings to override in component
      */
     strings?: Partial<MessageThreadStrings>;
+    /**
+     * @beta
+     * Optional function called when someone clicks on the file download icon.
+     * If file attachments are defined in the `message.metadata` property using the `fileSharingMetadata` key,
+     * this function will be called with the data inside `fileSharingMetadata` key.
+     */
+    fileDownloadHandler?: FileDownloadHandler;
+    /**
+     * Optional function to provide customized date format.
+     * @beta
+     */
+    onDisplayDateTimeString?: (messageDate: Date) => string;
+    /**
+     * Optional props needed to lookup a mention query and display mentions
+     * @beta
+     */
+    mentionOptions?: MentionOptions;
 };
 
 /**
@@ -4941,6 +7180,14 @@ export declare interface MessageThreadStrings {
     editBoxSubmitButton: string;
     /** String for action menu indicating there are more options */
     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;
+    /** String for aria text in file attachment group*/
+    fileCardGroupMessage: string;
 }
 
 /**
@@ -4968,6 +7215,7 @@ export declare interface MessageThreadStyles extends BaseCustomStyles {
     /** Styles for system message container. */
     systemMessageContainer?: ComponentSlotStyle;
     /** Styles for blocked message container. */
+    blockedMessageContainer?: ComponentSlotStyle;
     /** Styles for message status indicator container. */
     messageStatusContainer?: (mine: boolean) => IStyle;
 }
@@ -5136,6 +7384,31 @@ export declare interface MicrophoneButtonStyles extends ControlBarButtonStyles {
     menuStyles?: Partial<MicrophoneButtonContextualMenuStyles>;
 }
 
+/**
+ * Component to allow Contoso to help their end user with their devices should their permissions be blocked
+ * by their browsers settings.
+ *
+ * @beta
+ */
+export declare const MicrophoneSitePermissions: (props: MicrophoneSitePermissionsProps) => JSX.Element;
+
+/**
+ * @beta
+ * Props for MicrophoneSitePermissions component.
+ */
+export declare interface MicrophoneSitePermissionsProps extends CommonSitePermissionsProps {
+    /** Icon name for the microphone icon */
+    microphoneIconName?: string;
+    /** Strings for use with the {@link MicrophoneSitePermissions} */
+    strings?: MicrophoneSitePermissionsStrings;
+}
+
+/**
+ * @beta
+ * Strings for MicrophoneSitePermissions component.
+ */
+export declare type MicrophoneSitePermissionsStrings = SitePermissionsStrings;
+
 /**
  * Payload for {@link DiagnosticChangedEventListner} where there is a change in a network diagnostic.
  *
@@ -5154,6 +7427,13 @@ export declare interface NetworkDiagnosticsState {
     latest: LatestNetworkDiagnostics;
 }
 
+/**
+ * Callback function used to provide custom data to build profile for a user.
+ *
+ * @beta
+ */
+export declare type OnFetchProfileCallback = (userId: string, defaultProfile?: Profile) => Promise<Profile | undefined>;
+
 /**
  * A custom rendered callback that allows users to customize the rendering of a Persona Component.
  *
@@ -5170,6 +7450,18 @@ userId?: string, options?: CustomAvatarOptions,
  */
 defaultOnRender?: (props: CustomAvatarOptions) => JSX.Element) => JSX.Element;
 
+/**
+ * State only version of Optimal Video Count Feature {@link @azure/communication-calling#OptimalVideoCountCallFeature}.
+ *
+ * @beta
+ */
+export declare interface OptimalVideoCountFeatureState {
+    /**
+     * State of the current optimal video count.
+     */
+    maxRemoteVideoStreams: number;
+}
+
 /**
  * A device, e.g. camera, microphone, or speaker, in the {@link DevicesButton} flyout.
  *
@@ -5186,6 +7478,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.
  *
@@ -5243,6 +7542,19 @@ export declare interface ParticipantItemProps {
     onClick?: (props?: ParticipantItemProps) => void;
     /** prop to determine if we should show tooltip for participants or not */
     showParticipantOverflowTooltip?: boolean;
+    /**
+     * Optional value to determine and display a participants connection status.
+     * For example, `Connecting`, `Ringing` etc.
+     * The actual text that is displayed is determined by the localized string
+     * corresponding to the provided participant state.
+     * For example, `strings.participantStateConnecting` will be used if `participantState` is `Connecting`.
+     */
+    participantState?: ParticipantState;
+    /**
+     * Optional aria property that prefixes the ParticipantItems aria content
+     * Takes in a unique id value of the element you would like to be read before the ParticipantItem.
+     */
+    ariaLabelledBy?: string;
 }
 
 /**
@@ -5263,6 +7575,10 @@ export declare interface ParticipantItemStrings {
     mutedIconLabel: string;
     /** placeholder text for participants who does not have a display name*/
     displayNamePlaceholder?: string;
+    /** String shown when `participantState` is `Ringing` */
+    participantStateRinging?: string;
+    /** String shown when `participantState` is `Hold` */
+    participantStateHold?: string;
 }
 
 /**
@@ -5342,6 +7658,8 @@ export declare type ParticipantListProps = {
     styles?: ParticipantListStyles;
     /** prop to determine if we should show tooltip for participants or not */
     showParticipantOverflowTooltip?: boolean;
+    /** Optional aria-lablledby prop that prefixes each ParticipantItem aria-label */
+    participantAriaLabelledBy?: string;
 };
 
 /**
@@ -5570,6 +7888,18 @@ export declare type ParticipantsRemovedListener = (event: {
  */
 export declare type ParticipantState = 'Idle' | 'Connecting' | 'Ringing' | 'Connected' | 'Hold' | 'InLobby' | 'EarlyMedia' | 'Disconnected';
 
+/**
+ * The profile of a user.
+ *
+ * @beta
+ */
+export declare type Profile = {
+    /**
+     * Primary text to display, usually the name of the person.
+     */
+    displayName?: string;
+};
+
 /**
  * An array of key value pairs that stores each sender's display name and last read message
  *
@@ -5633,6 +7963,10 @@ export declare interface RemoteParticipantState {
      * Proxy of {@link @azure/communication-calling#RemoteParticipant.isSpeaking}.
      */
     isSpeaking: boolean;
+    /**
+     * Proxy of {@link @azure/communication-calling#RemoteParticipant.role}.
+     */
+    role?: ParticipantRole;
 }
 
 /**
@@ -5657,6 +7991,7 @@ export declare interface RemoteVideoStreamState {
      * Proxy of {@link @azure/communication-calling#RemoteVideoStream.isReceiving}.
      * @beta
      */
+    isReceiving: boolean;
     /**
      * {@link VideoStreamRendererView} that is managed by createView/disposeView in {@link StatefulCallClient}
      * API. This can be undefined if the stream has not yet been rendered and defined after createView creates the view.
@@ -5664,6 +7999,26 @@ export declare interface RemoteVideoStreamState {
     view?: VideoStreamRendererViewState;
 }
 
+/**
+ * Menu options for remote video tiles in {@link VideoGallery}.
+ *
+ * @beta
+ */
+export declare interface RemoteVideoTileMenuOptions {
+    /**
+     * If set to true, remote video tiles in the VideoGallery will not have menu options
+     *
+     * @defaultValue false
+     */
+    isHidden?: boolean;
+}
+
+/**
+ * @beta
+ * The role of a call participant.
+ */
+export declare type Role = 'Presenter' | 'Attendee' | 'Consumer' | 'Organizer' | 'Co-organizer';
+
 /**
  * A button to start / stop screen sharing.
  *
@@ -5697,6 +8052,7 @@ export declare interface ScreenShareButtonProps extends ControlBarButtonProps {
  */
 export declare type ScreenShareButtonSelector = (state: CallClientState, props: CallingBaseSelectorProps) => {
     checked?: boolean;
+    disabled?: boolean;
 };
 
 /**
@@ -5734,6 +8090,19 @@ export declare type Selector = (state: ClientState, props: any) => any;
  */
 export declare const SendBox: (props: SendBoxProps) => JSX.Element;
 
+/**
+ * @beta
+ * Error to be displayed to the user in an error bar above sendbox.
+ */
+export declare interface SendBoxErrorBarError {
+    /** Error Message to be displayed */
+    message: string;
+    /**
+     * Unix Timestamp. Preferred generation using `Date.now()`
+     */
+    timestamp: number;
+}
+
 /**
  * Props for {@link SendBox}.
  *
@@ -5753,6 +8122,11 @@ export declare interface SendBoxProps {
      * Optional callback called when message is sent
      */
     onSendMessage?: (content: string) => Promise<void>;
+    /**
+     * Optional props needed to lookup suggestions in the mention scenario.
+     * @beta
+     */
+    mentionLookupOptions?: MentionLookupOptions;
     /**
      * Optional callback called when user is typing
      */
@@ -5789,6 +8163,25 @@ export declare interface SendBoxProps {
      * When undefined nothing has focus on render
      */
     autoFocus?: 'sendBoxTextField';
+    /**
+     * Optional callback to render uploaded files in the SendBox. The sendBox will expand
+     * vertically to accommodate the uploaded files. File uploads will
+     * be rendered below the text area in sendBox.
+     * @beta
+     */
+    onRenderFileUploads?: () => JSX.Element;
+    /**
+     * Optional array of active file uploads where each object has attributes
+     * of a file upload like name, progress, errorMessage etc.
+     * @beta
+     */
+    activeFileUploads?: ActiveFileUpload[];
+    /**
+     * Optional callback to remove the file upload before sending by clicking on
+     * cancel icon.
+     * @beta
+     */
+    onCancelFileUpload?: (fileId: string) => void;
 }
 
 /**
@@ -5819,6 +8212,22 @@ export declare interface SendBoxStrings {
      * Aria label for send message button
      */
     sendButtonAriaLabel: string;
+    /**
+     * Error message indicating that all file uploads are not complete.
+     */
+    fileUploadsPendingError: string;
+    /**
+     * Aria label to notify user when focus is on cancel file upload button.
+     */
+    removeFile: string;
+    /**
+     * Aria label to notify user file uploading starts.
+     */
+    uploading: string;
+    /**
+     * Aria label to notify user file is uploaded.
+     */
+    uploadCompleted: string;
 }
 
 /**
@@ -5839,6 +8248,45 @@ export declare interface SendBoxStylesProps extends BaseCustomStyles {
     systemMessage?: IStyle;
 }
 
+/**
+ * @beta
+ * Strings for SitePermissions component
+ */
+export declare type SitePermissionsStrings = {
+    /**
+     * Main text string.
+     */
+    primaryText?: string;
+    /**
+     * Subtext string.
+     */
+    secondaryText?: string;
+    /**
+     * More help link string.
+     */
+    linkText?: string;
+    /**
+     * Primary button text string.
+     */
+    primaryButtonText?: string;
+    /**
+     * Aria label describing the content of the container
+     */
+    ariaLabel?: string;
+};
+
+/**
+ * Fluent styles for {@link SitePermissionsContainer}.
+ *
+ * @beta
+ */
+export declare interface SitePermissionsStyles extends BaseCustomStyles {
+    /** Styles for the primary button. */
+    primaryButton?: IButtonStyles;
+    /** Styles for the help troubleshooting link text. */
+    troubleshootingLink?: ILinkStyles;
+}
+
 /**
  * Defines the methods that allow CallClient {@link @azure/communication-calling#CallClient} to be used statefully.
  * The interface provides access to proxied state and also allows registering a handler for state change events. For
@@ -5945,6 +8393,19 @@ export declare interface StatefulCallClient extends CallClient {
      * @param stream - The LocalVideoStreamState or RemoteVideoStreamState to dispose.
      */
     disposeView(callId: string | undefined, participantId: CommunicationIdentifier | undefined, stream: LocalVideoStreamState | RemoteVideoStreamState): void;
+    /** @conditional-compile-remove(one-to-n-calling) */
+    /**
+     * The CallAgent is used to handle calls.
+     * To create the CallAgent, pass a CommunicationTokenCredential object provided from SDK.
+     * - The CallClient can only have one active CallAgent instance at a time.
+     * - You can create a new CallClient instance to create a new CallAgent.
+     * - You can dispose of a CallClient's current active CallAgent, and call the CallClient's
+     *   createCallAgent() method again to create a new CallAgent.
+     * @param tokenCredential - The token credential. Use AzureCommunicationTokenCredential from `@azure/communication-common` to create a credential.
+     * @param options - The CallAgentOptions for additional options like display name.
+     * @public
+     */
+    createCallAgent(...args: Parameters<CallClient['createCallAgent']>): Promise<DeclarativeCallAgent>;
 }
 
 /**
@@ -5957,7 +8418,16 @@ export declare type StatefulCallClientArgs = {
      * UserId from SDK. This is provided for developer convenience to easily access the userId from the
      * state. It is not used by StatefulCallClient.
      */
-    userId: CommunicationUserIdentifier;
+    userId: CommunicationUserIdentifier | /* @conditional-compile-remove(teams-identity-support) */ MicrosoftTeamsUserIdentifier;
+    /**
+     * A phone number in E.164 format that will be used to represent the callers identity. This number is required
+     * to start a PSTN call.
+     *
+     * example: +11234567
+     *
+     * This is not a cached value from the headless calling client.
+     */
+    alternateCallerId?: string;
 };
 
 /**
@@ -6045,6 +8515,14 @@ 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[];
 }
 
 /**
@@ -6097,6 +8575,70 @@ export declare interface SystemMessageCommon extends MessageCommon {
     iconName: string;
 }
 
+/**
+ * Optional parameters to create {@link TeamsCallAdapter}
+ *
+ * @beta
+ */
+export declare type TeamsAdapterOptions = CommonCallAdapterOptions;
+
+/**
+ * An Adapter interface specific for Teams identity which extends {@link CommonCallAdapter}.
+ *
+ * @beta
+ */
+export declare interface TeamsCallAdapter extends CommonCallAdapter {
+    /**
+     * Join the call with microphone initially on/off.
+     *
+     * @param microphoneOn - Whether microphone is initially enabled
+     *
+     * @beta
+     */
+    joinCall(microphoneOn?: boolean): TeamsCall | undefined;
+    /**
+     * Start the call.
+     *
+     * @param participants - An array of participant ids to join
+     *
+     * @beta
+     */
+    startCall(participants: string[], options?: StartCallOptions): TeamsCall | undefined;
+    /**
+     * Start the call.
+     * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called
+     * @beta
+     */
+    startCall(participants: CommunicationIdentifier[], options?: StartCallOptions): TeamsCall | undefined;
+}
+
+/**
+ * Arguments for creating the Azure Communication Services implementation of {@link TeamsCallAdapter}.
+ *
+ * @beta
+ */
+export declare type TeamsCallAdapterArgs = {
+    userId: MicrosoftTeamsUserIdentifier;
+    credential: CommunicationTokenCredential;
+    locator: TeamsMeetingLinkLocator | /* @conditional-compile-remove(teams-adhoc-call) */ /* @conditional-compile-remove(PSTN-calls) */ CallParticipantsLocator;
+    /**
+     * Optional parameters for the {@link TeamsCallAdapter} created
+     */
+    options?: TeamsAdapterOptions;
+};
+
+/**
+ * Object containing all the teams call handlers required for calling components.
+ *
+ * Calling related components from this package are able to pick out relevant handlers from this object.
+ * See {@link useHandlers} and {@link usePropsFor}.
+ *
+ * @beta
+ */
+export declare interface TeamsCallingHandlers extends CommonCallingHandlers {
+    onStartCall: (participants: CommunicationIdentifier[], options?: StartCallOptions) => undefined | /* @conditional-compile-remove(teams-identity-support) */ TeamsCall;
+}
+
 /**
  * A string representation of a {@link @azure/communication-common#CommunicationIdentifier}.
  *
@@ -6142,6 +8684,27 @@ export declare interface TranscriptionCallFeature {
     isTranscriptionActive: boolean;
 }
 
+/**
+ * Transfer feature state
+ *
+ * @beta
+ */
+export declare interface TransferFeature {
+    /**
+     * Accepted transfer requests
+     */
+    acceptedTransfers: {
+        [key: string]: AcceptedTransfer;
+    };
+}
+
+/**
+ * Callback for {@link CallAdapterSubscribers} 'transferRequested' event.
+ *
+ * @beta
+ */
+export declare type TransferRequestedListener = (event: TransferRequestedEventArgs) => void;
+
 /**
  * Component to notify local user when one or more participants in the chat thread are typing.
  *
@@ -6276,11 +8839,117 @@ export declare interface TypingIndicatorStylesProps extends BaseCustomStyles {
     typingString?: IStyle;
 }
 
+/**
+ * UI to display to the user that the browser they are using is not supported by Azure Communications Calling service.
+ *
+ * @beta
+ */
+export declare const UnsupportedBrowser: (props: UnsupportedBrowserProps) => JSX.Element;
+
+/**
+ * props for {@link UnsupportedBrowser} UI
+ *
+ * @beta
+ */
+export declare interface UnsupportedBrowserProps {
+    /** Handler to perform an action when the help link is actioned */
+    onTroubleshootingClick?: () => void;
+    /** String overrides for the component */
+    strings?: UnsupportedBrowserStrings;
+}
+
+/**
+ * Strings for UnsupportedBrowser component
+ *
+ * @beta
+ */
+export declare interface UnsupportedBrowserStrings {
+    /** String for the primary text */
+    primaryText: string;
+    /** String for the secondary text */
+    secondaryText: string;
+    /** String to display in the text for the help link */
+    moreHelpLinkText: string;
+}
+
+/**
+ * UI to display to the user that the browser version they are using is out of date
+ * and not supported by Azure Communications Calling service.
+ *
+ * @beta
+ */
+export declare const UnsupportedBrowserVersion: (props: UnsupportedBrowserVersionProps) => JSX.Element;
+
+/**
+ * props for {@link UnsupportedBrowserVersion} UI
+ *
+ * @beta
+ */
+export declare interface UnsupportedBrowserVersionProps {
+    /** Handler to perform an action when the help link is actioned */
+    onTroubleshootingClick?: () => void;
+    /** String overrides for the component */
+    strings?: UnsupportedBrowserVersionStrings;
+    /** Handler to allow user to continue into the call */
+    onContinueAnywayClick?: () => void;
+}
+
+/**
+ * Strings for UnsupportedBrowser component
+ *
+ * @beta
+ */
+export declare interface UnsupportedBrowserVersionStrings {
+    /** String for the primary text */
+    primaryText: string;
+    /** String for the secondary text */
+    secondaryText: string;
+    /** String to display in the text for the help link */
+    moreHelpLinkText: string;
+    /** String for continue without updating button */
+    continueAnywayButtonText?: string;
+}
+
+/**
+ * UI to display to the user that the operating system they are using is not supported by Azure Communications Calling service.
+ *
+ * @beta
+ */
+export declare const UnsupportedOperatingSystem: (props: UnsupportedOperatingSystemProps) => JSX.Element;
+
+/**
+ * Props for {@link UnsupportedOperatingSystem} UI
+ *
+ * @beta
+ */
+export declare interface UnsupportedOperatingSystemProps {
+    /** Handler to perform a action when the help link is actioned */
+    onTroubleshootingClick?: () => void;
+    /** String overrides for the component */
+    strings?: UnsupportedOperatingSystemStrings;
+}
+
+/**
+ * Strings for UnsupportedBrowser component
+ *
+ * @beta
+ */
+export declare interface UnsupportedOperatingSystemStrings {
+    /** String for the primary text */
+    primaryText: string;
+    /** String for the secondary text */
+    secondaryText: string;
+    /** String to display in the text for the help link */
+    moreHelpLinkText: string;
+}
+
 /**
  * @public
  * Callback function run when a message is updated.
  */
-export declare type UpdateMessageCallback = (messageId: string, content: string) => Promise<void>;
+export declare type UpdateMessageCallback = (messageId: string, content: string, metadata?: Record<string, string>, options?: {
+    attachedFilesMetadata?: FileMetadata[];
+}) => Promise<void>;
 
 /**
  * A custom React hook to simplify the creation of {@link CallAdapter}.
@@ -6428,6 +9097,44 @@ export declare const usePropsFor: <Component extends (props: any) => JSX.Element
  */
 export declare const useSelector: <ParamT extends Selector | undefined>(selector: ParamT, selectorProps?: (ParamT extends Selector ? Parameters<ParamT>[1] : undefined) | undefined, type?: "chat" | "calling" | undefined) => ParamT extends Selector ? ReturnType<ParamT> : undefined;
 
+/**
+ * Hook to obtain {@link @azure/communication-calling#TeamsCall} from the provider.
+ *
+ * Useful when implementing a custom component that utilizes the providers
+ * exported from this library.
+ *
+ * you must have previously used the CallProvider with a TeamsCall object to use this hook
+ *
+ * @beta
+ */
+export declare const useTeamsCall: () => undefined | /* @conditional-compile-remove(teams-identity-support) */ TeamsCall;
+
+/**
+ * A custom React hook to simplify the creation of {@link TeamsCallAdapter}.
+ *
+ * Similar to {@link createTeamsAzureCommunicationCallAdapter}, but takes care of asynchronous
+ * creation of the adapter internally.
+ *
+ * Allows arguments to be undefined so that you can respect the rule-of-hooks and pass in arguments
+ * as they are created. The adapter is only created when all arguments are defined.
+ *
+ * Note that you must memoize the arguments to avoid recreating adapter on each render.
+ * See storybook for typical usage examples.
+ *
+ * @beta
+ */
+export declare const useTeamsCallAdapter: (args: Partial<TeamsCallAdapterArgs>, afterCreate?: ((adapter: TeamsCallAdapter) => Promise<TeamsCallAdapter>) | undefined, beforeDispose?: ((adapter: TeamsCallAdapter) => Promise<void>) | undefined) => TeamsCallAdapter | undefined;
+
+/**
+ * Hook to obtain {@link @azure/communication-calling#TeamsCallAgent} from the provider.
+ *
+ * Useful when implementing a custom component that utilizes the providers
+ * exported from this library.
+ *
+ * @beta
+ */
+export declare const useTeamsCallAgent: () => undefined | /* @conditional-compile-remove(teams-identity-support) */ TeamsCallAgent;
+
 /**
  * React hook to access theme
  *
@@ -6435,6 +9142,117 @@ export declare const useSelector: <ParamT extends Selector | undefined>(selector
  */
 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;
+}
+
+/**
+ * Contains the attibutes of the blur video background effect
+ *
+ * @beta
+ */
+export declare interface VideoBackgroundBlurEffect extends BackgroundBlurConfig {
+    /**
+     * Name of effect to blur video background effect
+     */
+    effectName: 'blur';
+}
+
+/**
+ * Contains the attibutes of a selected video background effect
+ *
+ * @beta
+ */
+export declare type VideoBackgroundEffect = VideoBackgroundNoEffect | VideoBackgroundBlurEffect | VideoBackgroundReplacementEffect;
+
+/**
+ * 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;
+}
+
+/**
+ * Contains the attibutes to remove video background effect
+ *
+ * @beta
+ */
+export declare interface VideoBackgroundNoEffect {
+    /**
+     * Name of effect to remove video background effect
+     */
+    effectName: 'none';
+}
+
+/**
+ * Contains the attibutes of a selected replacement video background effect
+ *
+ * @beta
+ */
+export declare interface VideoBackgroundReplacementEffect extends BackgroundReplacementConfig {
+    /**
+     * Name of effect to replace video background effect
+     */
+    effectName: 'replacement';
+    /**
+     * key for unique identification of the custom background
+     */
+    key?: 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.
@@ -6510,8 +9328,16 @@ export declare interface VideoGalleryProps {
     onCreateRemoteStreamView?: (userId: string, options?: VideoStreamOptions) => Promise<void | CreateVideoStreamViewResult>;
     /** Callback to render a remote video tile */
     onRenderRemoteVideoTile?: (remoteParticipant: VideoGalleryRemoteParticipant) => JSX.Element;
-    /** Callback to dispose a remote video stream view */
+    /**
+     * @deprecated use {@link onDisposeRemoteVideoStreamView} and {@link onDisposeRemoteScreenShareStreamView} instead
+     *
+     * Callback to dispose a remote video stream view
+     */
     onDisposeRemoteStreamView?: (userId: string) => Promise<void>;
+    /** Callback to dispose a remote video stream view */
+    onDisposeRemoteVideoStreamView?: (userId: string) => Promise<void>;
+    /** Callback to dispose a remote screen share stream view */
+    onDisposeRemoteScreenShareStreamView?: (userId: string) => Promise<void>;
     /** Callback to render a particpant avatar */
     onRenderAvatar?: OnRenderAvatarCallback;
     /**
@@ -6534,6 +9360,36 @@ export declare interface VideoGalleryProps {
      * Camera control information for button to switch cameras.
      */
     localVideoCameraCycleButtonProps?: LocalVideoCameraCycleButtonProps;
+    /**
+     * List of pinned participant userIds.
+     */
+    pinnedParticipants?: string[];
+    /**
+     * This callback will be called when a participant video tile is pinned.
+     */
+    onPinParticipant?: (userId: string) => void;
+    /**
+     * This callback will be called when a participant video tile is un-pinned.
+     */
+    onUnpinParticipant?: (userId: string) => void;
+    /**
+     * Options for showing the remote video tile menu.
+     *
+     * @defaultValue \{ kind: 'contextual' \}
+     */
+    remoteVideoTileMenuOptions?: false | VideoTileContextualMenuProps | VideoTileDrawerMenuProps;
+    /**
+     * Determines the layout of the overflowGallery inside the VideoGallery.
+     * @defaultValue 'HorizontalBottom'
+     */
+    overflowGalleryPosition?: OverflowGalleryPosition;
+    /**
+     * Determines the aspect ratio of local video tile in the video gallery.
+     * @remarks 'followDeviceOrientation' will be responsive to the screen orientation and will change between 9:16 (portrait) and
+     * 16:9 (landscape) aspect ratios.
+     * @defaultValue 'followDeviceOrientation'
+     */
+    localVideoTileSize?: LocalVideoTileSize;
 }
 
 /**
@@ -6546,6 +9402,11 @@ export declare interface VideoGalleryRemoteParticipant extends VideoGalleryParti
     isSpeaking?: boolean;
     /** Video stream of shared screen */
     screenShareStream?: VideoGalleryStream;
+    /**
+     * @beta
+     * The connection state of the participant. For example, 'Hold', 'Connecting' etc.
+     */
+    state?: ParticipantState;
 }
 
 /**
@@ -6558,6 +9419,7 @@ export declare type VideoGallerySelector = (state: CallClientState, props: Calli
     localParticipant: VideoGalleryLocalParticipant;
     remoteParticipants: VideoGalleryRemoteParticipant[];
     dominantSpeakers?: string[];
+    optimalVideoCount?: number;
 };
 
 /**
@@ -6576,6 +9438,8 @@ export declare interface VideoGalleryStream {
     isMirrored?: boolean;
     /** Render element of the video stream */
     renderElement?: HTMLElement;
+    /** Scaling mode of the video stream */
+    scalingMode?: ViewScalingMode;
 }
 
 /**
@@ -6598,6 +9462,22 @@ export declare interface VideoGalleryStrings {
     localVideoSelectedDescription: string;
     /** placeholder text for participants who does not have a display name*/
     displayNamePlaceholder: string;
+    /** Menu text shown in Video Tile contextual menu for setting a remote participants video to fit in frame */
+    fitRemoteParticipantToFrame: string;
+    /** Menu text shown in Video Tile contextual menu for setting a remote participants video to fill the frame */
+    fillRemoteParticipantFrame: string;
+    /** Menu text shown in Video Tile contextual menu for pinning a remote participant's video tile */
+    pinParticipantForMe: string;
+    /** Menu text shown in Video Tile contextual menu for setting a remote participant's video tile */
+    unpinParticipantForMe: string;
+    /** Aria label for pin participant menu item of remote participant's video tile */
+    pinParticipantMenuItemAriaLabel: string;
+    /** Aria label for unpin participant menu item of remote participant's video tile */
+    unpinParticipantMenuItemAriaLabel: string;
+    /** Aria label to announce when remote participant's video tile is pinned */
+    pinnedParticipantAnnouncementAriaLabel: string;
+    /** Aria label to announce when remote participant's video tile is unpinned */
+    unpinnedParticipantAnnouncementAriaLabel: string;
 }
 
 /**
@@ -6611,6 +9491,8 @@ export declare interface VideoGalleryStyles extends BaseCustomStyles {
     horizontalGallery?: HorizontalGalleryStyles;
     /** Styles for the local video  */
     localVideo?: IStyle;
+    /** Styles for the vertical gallery */
+    verticalGallery?: VerticalGalleryStyles;
 }
 
 /**
@@ -6655,6 +9537,36 @@ export declare interface VideoStreamRendererViewState {
  */
 export declare const VideoTile: (props: VideoTileProps) => JSX.Element;
 
+/**
+ * Properties for showing contextual menu for remote {@link VideoTile} components in {@link VideoGallery}.
+ *
+ * @beta
+ */
+export declare interface VideoTileContextualMenuProps {
+    /**
+     * The menu property kind
+     */
+    kind: 'contextual';
+}
+
+/**
+ * Properties for showing drawer menu on remote {@link VideoTile} long touch in {@link VideoGallery}.
+ *
+ * @beta
+ */
+export declare interface VideoTileDrawerMenuProps {
+    /**
+     * The menu property kind
+     */
+    kind: 'drawer';
+    /**
+     * The optional id property provided on an element that the drawer menu should render within when a
+     * remote participant video tile Drawer is shown. If an id is not provided, then a drawer menu will
+     * render within the VideoGallery component.
+     */
+    hostId?: string;
+}
+
 /**
  * Props for {@link VideoTile}.
  *
@@ -6693,6 +9605,10 @@ export declare interface VideoTileProps {
      * Whether the video is muted or not.
      */
     isMuted?: boolean;
+    /**
+     * If true, the video tile will show the pin icon.
+     */
+    isPinned?: boolean;
     /**
      * Display Name of the Participant to be shown in the label.
      * @remarks `displayName` is used to generate avatar initials if `initialsName` is not provided.
@@ -6721,6 +9637,31 @@ export declare interface VideoTileProps {
     noVideoAvailableAriaLabel?: string;
     /** Whether the participant in the videoTile is speaking. Shows a speaking indicator (border). */
     isSpeaking?: boolean;
+    /**
+     * The call connection state of the participant.
+     * For example, `Hold` means the participant is on hold.
+     */
+    participantState?: ParticipantState;
+    strings?: VideoTileStrings;
+    /**
+     * Display custom menu items in the VideoTile's contextual menu.
+     * Uses Fluent UI ContextualMenu.
+     * An ellipses icon will be displayed to open the contextual menu if this prop is defined.
+     */
+    contextualMenu?: IContextualMenuProps;
+    /**
+     * Callback triggered by video tile on touch and hold.
+     */
+    onLongTouch?: () => void;
+}
+
+/**
+ * Strings of {@link VideoTile} that can be overridden.
+ * @beta
+ */
+export declare interface VideoTileStrings {
+    participantStateRinging: string;
+    participantStateHold: string;
 }
 
 /**