@azure/communication-react 1.15.0 → 1.16.0-alpha-202404170013

package/dist/communication-react.d.ts

@@ -17,6 +17,7 @@
 
 /// <reference types="react" />
 
+import { AddPhoneNumberOptions } from '@azure/communication-calling';
 import { AudioDeviceInfo } from '@azure/communication-calling';
 import { BackgroundBlurConfig } from '@azure/communication-calling';
 import { BackgroundBlurEffect } from '@azure/communication-calling';
@@ -29,10 +30,13 @@ 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 { CallInfo } from '@azure/communication-calling';
+import { CallKind } from '@azure/communication-calling';
 import { CallState as CallState_2 } from '@azure/communication-calling';
 import { CallSurvey } from '@azure/communication-calling';
 import { CallSurveyResponse } from '@azure/communication-calling';
 import { CapabilitiesChangeInfo } from '@azure/communication-calling';
+import { CaptionsKind } from '@azure/communication-calling';
 import { CaptionsResultType } from '@azure/communication-calling';
 import { ChatClient } from '@azure/communication-chat';
 import { ChatClientOptions } from '@azure/communication-chat';
@@ -50,6 +54,7 @@ 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';
@@ -57,7 +62,9 @@ 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';
@@ -67,10 +74,12 @@ import { IStyleFunctionOrObject } from '@fluentui/react';
 import { ITextFieldStyles } from '@fluentui/react';
 import { LatestMediaDiagnostics } from '@azure/communication-calling';
 import { LatestNetworkDiagnostics } from '@azure/communication-calling';
+import { LocalRecordingInfo } from '@azure/communication-calling';
 import { LocalVideoStream } from '@azure/communication-calling';
 import type { MediaDiagnosticChangedEventArgs } from '@azure/communication-calling';
 import { MediaStreamType } from '@azure/communication-calling';
 import { MicrosoftTeamsAppIdentifier } from '@azure/communication-common';
+import { MicrosoftTeamsUserIdentifier } from '@azure/communication-common';
 import type { NetworkDiagnosticChangedEventArgs } from '@azure/communication-calling';
 import { PartialTheme } from '@fluentui/react';
 import { ParticipantCapabilities } from '@azure/communication-calling';
@@ -79,10 +88,12 @@ import { PermissionConstraints } from '@azure/communication-calling';
 import { PersonaInitialsColor } from '@fluentui/react';
 import { PersonaPresence } from '@fluentui/react';
 import { PersonaSize } from '@fluentui/react';
+import { PhoneNumberIdentifier } from '@azure/communication-common';
 import { PropertyChangedEvent } from '@azure/communication-calling';
 import { default as React_2 } from 'react';
 import { Reaction as Reaction_2 } from '@azure/communication-calling';
 import { ReactionMessage } from '@azure/communication-calling';
+import { RecordingInfo } from '@azure/communication-calling';
 import type { RemoteParticipant } from '@azure/communication-calling';
 import { RemoteParticipantState as RemoteParticipantState_2 } from '@azure/communication-calling';
 import { RoomCallLocator } from '@azure/communication-calling';
@@ -91,6 +102,10 @@ import { SendMessageOptions } from '@azure/communication-chat';
 import { SpotlightedParticipant } from '@azure/communication-calling';
 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 { TeamsCallInfo } from '@azure/communication-calling';
+import { TeamsMeetingIdLocator } from '@azure/communication-calling';
 import { TeamsMeetingLinkLocator } from '@azure/communication-calling';
 import { Theme } from '@fluentui/react';
 import { TransferEventArgs } from '@azure/communication-calling';
@@ -202,6 +217,168 @@ 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
+ *
+ * Attachment download options defines the list of actions that can be performed on an attachment.
+ */
+export declare interface AttachmentDownloadOptions {
+    actionsForAttachment: (attachment: AttachmentMetadata, message?: ChatMessage) => AttachmentMenuAction[];
+}
+
+/**
+ * @beta
+ *
+ * Attachment menu action defines buttons that can be shown on the attachment card.
+ * If there's one action, it will be shown as a button, if there are multiple actions, it will be shown as a dropdown.
+ */
+export declare interface AttachmentMenuAction {
+    name: string;
+    icon: JSX.Element;
+    onClick: (attachment: AttachmentMetadata) => Promise<void>;
+}
+
+/**
+ * Metadata containing basic information about the uploaded attachment.
+ *
+ * @beta
+ */
+export declare interface AttachmentMetadata {
+    /**
+     * Extension hint, useful for rendering a specific icon.
+     * An unknown or empty extension will be rendered as a generic icon.
+     * Example: `pdf`
+     */
+    extension?: string;
+    /**
+     * Unique ID of the attachment.
+     */
+    id: string;
+    /**
+     * Attachment name to be displayed.
+     */
+    name: string;
+    /**
+     * Download URL for the attachment.
+     */
+    url?: string;
+    /**
+     * A number between 0 and 1 indicating the progress of the upload.
+     */
+    progress?: number;
+    /**
+     * A object contains status message would be shown to the user.
+     */
+    uploadError?: AttachmentUploadStatus;
+}
+
+/**
+ * @beta
+ *
+ * Attachment Options that defines behaviour for uploading and downloading attachments.
+ */
+export declare interface AttachmentOptions {
+    uploadOptions?: AttachmentUploadOptions;
+    downloadOptions?: AttachmentDownloadOptions;
+}
+
+/**
+ * @beta
+ */
+export declare interface AttachmentUploadAdapter {
+    registerActiveUploads: (files: File[]) => AttachmentUploadManager[];
+    registerCompletedUploads: (metadata: AttachmentMetadata[]) => AttachmentUploadManager[];
+    clearUploads: () => void;
+    cancelUpload: (id: string) => void;
+    updateUploadProgress: (id: string, progress: number) => void;
+    updateUploadStatusMessage: (id: string, errorMessage: string) => void;
+    updateUploadMetadata: (id: string, metadata: AttachmentMetadata) => void;
+}
+
+/**
+ * @beta
+ * A callback function for handling attachment uploads.
+ *
+ * @param AttachmentUploads - The list of uploaded attachments. Each attachment is represented by an {@link AttachmentUpload} object.
+ */
+export declare type AttachmentUploadHandler = (attachmentUploads: AttachmentUploadManager[]) => void;
+
+/**
+ * A wrapper object for a attachment that is being uploaded.
+ * Allows managing attachment uploads by providing common functions for updating the
+ * upload progress, canceling an upload, completing an upload etc.
+ * @beta
+ */
+export declare interface AttachmentUploadManager {
+    /**
+     * Unique identifier for the attachment upload.
+     */
+    id: string;
+    /**
+     * HTML {@link File} object for the uploaded attachment.
+     */
+    file?: File;
+    /**
+     * Update the progress of the upload changed.
+     * A upload is considered complete when the progress reaches 1.
+     * @param value - number between 0 and 1
+     */
+    notifyProgressChanged: (value: number) => void;
+    /**
+     * Mark the upload as complete.
+     * Requires the `metadata` param containing uploaded attachment information.
+     * @param metadata - {@link AttachmentMetadata}
+     */
+    notifyCompleted: (metadata: AttachmentMetadata) => void;
+    /**
+     * Mark the upload as failed.
+     * @param message - An error message that can be displayed to the user.
+     */
+    notifyFailed: (message: string) => void;
+}
+
+/**
+ * @beta
+ */
+export declare interface AttachmentUploadOptions {
+    /**
+     * A list of strings containing the comma separated list of supported media (aka. mime) types.
+     * i.e. ['image/*', 'video/*', 'audio/*']
+     * Default value is `['*']`, meaning all media types are supported.
+     * Similar to the `accept` attribute of the `<input type="attachment" />` element.
+     * @beta
+     */
+    supportedMediaTypes?: string[];
+    /**
+     * Disable multiple attachments to be selected if set to `true`.
+     * Default value is `false`, meaning multiple attachments can be selected.
+     * Similar to the `multiple` attribute of the `<input type="attachment" />` element.
+     * @beta
+     */
+    disableMultipleUploads?: boolean;
+    /**
+     * A function of type {@link AttachmentUploadHandler} for handling attachment uploads.
+     * @beta
+     */
+    handler: AttachmentUploadHandler;
+}
+
+/**
+ * @beta
+ * A attachment upload status object that contains message to be shown to
+ * the user and a timestamp.
+ */
+export declare interface AttachmentUploadStatus {
+    message: string;
+    timestamp: number;
+}
+
+/**
+ * A record containing {@link AttachmentMetadata} mapped to unique ids.
+ * @beta
+ */
+export declare type AttachmentUploadsUiState = Record<string, AttachmentMetadata>;
+
 /**
  * Custom data attributes for displaying avatar for a user.
  *
@@ -231,6 +408,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;
 };
 
 /**
@@ -252,6 +434,11 @@ 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
      */
@@ -275,7 +462,8 @@ export declare type AzureCommunicationCallWithChatAdapterArgs = {
     userId: CommunicationUserIdentifier;
     displayName: string;
     credential: CommunicationTokenCredential;
-    locator: CallAndChatLocator | TeamsMeetingLinkLocator;
+    locator: CallAndChatLocator | TeamsMeetingLinkLocator | /** @conditional-compile-remove(meeting-id) */ TeamsMeetingIdLocator;
+    alternateCallerId?: string;
     callAdapterOptions?: AzureCommunicationCallAdapterOptions;
 };
 
@@ -320,6 +508,11 @@ export declare type AzureCommunicationOutboundCallAdapterArgs = {
     displayName: string;
     credential: CommunicationTokenCredential;
     targetCallees: StartCallIdentifier[];
+    /**
+     * 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
      */
@@ -381,6 +574,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}.
  *
@@ -464,6 +807,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
+     * @public
+     */
+    startCall(participants: StartCallIdentifier[], options?: StartCallOptions): Call | undefined;
 }
 
 /**
@@ -546,6 +895,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.
      *
@@ -597,12 +952,35 @@ export declare interface CallAdapterCallOperations {
      * @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
      *
      * @public
      */
     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
@@ -695,6 +1073,14 @@ 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;
     /**
      * State to track whether the local participant's camera is on. To be used when creating a custom
      * control bar with the CallComposite.
@@ -716,6 +1102,10 @@ export declare type CallAdapterClientState = {
      * Call from transfer request accepted by local user
      */
     acceptedTransferCallState?: CallState;
+    /**
+     * Hide attendee names in teams meeting
+     */
+    hideAttendeeNames?: boolean;
     /**
      * State to track the sounds to be used in the call.
      */
@@ -809,7 +1199,7 @@ export declare interface CallAdapterDeviceManagement {
  *
  * @public
  */
-export declare type CallAdapterLocator = TeamsMeetingLinkLocator | GroupCallLocator | RoomCallLocator;
+export declare type CallAdapterLocator = TeamsMeetingLinkLocator | GroupCallLocator | RoomCallLocator | /* @conditional-compile-remove(teams-adhoc-call) */ /* @conditional-compile-remove(PSTN-calls) */ CallParticipantsLocator | /* @conditional-compile-remove(meeting-id) */ TeamsMeetingIdLocator;
 
 /**
  * {@link CommonCallAdapter} state.
@@ -1008,6 +1398,7 @@ export declare interface CallAdapterSubscribers {
 export declare type CallAdapterUiState = {
     isLocalPreviewMicrophoneEnabled: boolean;
     page: CallCompositePage;
+    unsupportedBrowserVersionsAllowed?: boolean;
 };
 
 /**
@@ -1026,7 +1417,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;
 }
 
 /**
@@ -1051,7 +1442,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;
 }
@@ -1138,6 +1529,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;
 }
 
 /**
@@ -1216,6 +1617,9 @@ export declare type CallCompositeIcons = {
     ParticipantItemScreenShareStart?: JSX.Element;
     VideoTileMicOff?: JSX.Element;
     LocalCameraSwitch?: JSX.Element;
+    PeoplePaneAddPerson?: JSX.Element;
+    PeoplePaneOpenDialpad?: JSX.Element;
+    DialpadStartCall?: JSX.Element;
     NoticePageInviteToRoomRemoved?: JSX.Element;
     BlurVideoBackground?: JSX.Element;
     RemoveVideoBackgroundEffect?: JSX.Element;
@@ -1250,6 +1654,56 @@ 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
      */
@@ -1359,7 +1813,7 @@ export declare type CallCompositeOptions = {
  *
  * @public
  */
-export declare type CallCompositePage = 'accessDeniedTeamsMeeting' | 'call' | 'configuration' | 'joinCallFailedDueToNoNetwork' | 'leftCall' | 'leaving' | 'lobby' | 'removedFromCall' | /* @conditional-compile-remove(call-transfer) */ 'transferring';
+export declare type CallCompositePage = 'accessDeniedTeamsMeeting' | 'call' | 'configuration' | /* @conditional-compile-remove(PSTN-calls) */ 'hold' | 'joinCallFailedDueToNoNetwork' | 'leftCall' | 'leaving' | 'lobby' | 'removedFromCall' | /* @conditional-compile-remove(unsupported-browser) */ 'unsupportedEnvironment' | 'transferring';
 
 /**
  * Props for {@link CallComposite}.
@@ -1609,6 +2063,22 @@ export declare interface CallCompositeStrings {
      * 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 menu item to start spotlight on participant
      */
@@ -1633,10 +2103,58 @@ export declare interface CallCompositeStrings {
      * Label for menu item to stop all spotlight
      */
     stopAllSpotlightMenuLabel: 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
      */
@@ -1709,6 +2227,14 @@ export declare interface CallCompositeStrings {
      * More details text of the page shown to the user when the user attempts to join a room they are not invited to.
      */
     notInvitedToRoomDetails?: 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.
      */
@@ -1857,6 +2383,38 @@ export declare interface CallCompositeStrings {
      * 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;
     /**
      * Controls label to move the overflow gallery around
      */
@@ -2013,6 +2571,38 @@ export declare interface CallCompositeStrings {
      * Tooltip for button to exit spotlight
      */
     exitSpotlightButtonTooltip: string;
+    /**
+     * Label for confirm button of hang up for everyone dialog
+     */
+    leaveConfirmButtonLabel?: string;
+    /**
+     * Label for confirm button of leave confim dialog
+     */
+    endCallConfirmButtonLabel?: string;
+    /**
+     * Label for cancel button in hang up confirm dialog
+     */
+    hangUpCancelButtonLabel?: string;
+    /**
+     * Title of confirm dialog when leaving
+     */
+    leaveConfirmDialogTitle?: string;
+    /**
+     * Content of confirm dialog when leaving
+     */
+    leaveConfirmDialogContent?: string;
+    /**
+     * Title of confirm dialog when leaving
+     */
+    endCallConfirmDialogTitle?: string;
+    /**
+     * Content of confirm dialog when leaving
+     */
+    endCallConfirmDialogContent?: string;
+    /**
+     * Error message when the meeting identifier or passcode is invalid
+     */
+    invalidMeetingIdentifier: string;
 }
 
 /**
@@ -2027,7 +2617,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
@@ -2036,7 +2626,7 @@ export declare type CallControlOptions = (CommonCallControlOptions & {
         disabled: boolean;
     };
     legacyControlBarExperience?: boolean;
-});
+};
 
 /**
  * Callback for {@link CallAdapterSubscribers} 'callEnded' event.
@@ -2097,7 +2687,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' | 'VideoEffectsFeature.startEffects' | 'Call.setConstraints';
+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' | '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' | /* @conditional-compile-remove(calling-beta-sdk) */ 'Call.muteAllRemoteParticipants' | 'Call.setConstraints';
 
 /**
  * Callback for {@link CallAdapterSubscribers} 'callIdChanged' event.
@@ -2204,6 +2794,23 @@ export declare type CallParticipantListParticipant = ParticipantListParticipant
     spotlight?: Spotlight;
 };
 
+/**
+ * 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[];
+};
+
 /**
  * A {@link React.Context} that stores a {@link @azure/communication-calling#Call}.
  *
@@ -2220,7 +2827,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;
 }
 
 /**
@@ -2234,6 +2841,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}.
      */
@@ -2300,6 +2911,10 @@ export declare interface CallState {
      * Proxy of {@link @azure/communication-calling#RecordingCallFeature}.
      */
     recording: RecordingCallFeature;
+    /**
+     * Proxy of {@link @azure/communication-calling#LocalRecordingCallFeature}.
+     */
+    localRecording: LocalRecordingCallFeatureState;
     /**
      * Proxy of {@link @azure/communication-calling#PPTLiveCallFeature}.
      *
@@ -2356,6 +2971,10 @@ export declare interface CallState {
      * Proxy of {@link @azure/communication-calling#Call.role}.
      */
     role?: ParticipantRole;
+    /**
+     * Proxy of {@link @azure/communication-calling#Call.totalParticipantCount}.
+     */
+    totalParticipantCount?: number;
     /**
      * Transfer state of call
      */
@@ -2364,10 +2983,18 @@ export declare interface CallState {
      * Proxy of {@link @azure/communication-calling#CapabilitiesFeature}.
      */
     capabilitiesFeature?: CapabilitiesFeatureState;
+    /**
+     * Hide attendee names in teams meeting
+     */
+    hideAttendeeNames?: boolean;
     /**
      * Proxy of {@link @azure/communication-calling#SpotlightCallFeature}.
      */
     spotlight?: SpotlightCallFeatureState;
+    /**
+     * Proxy of {@link @azure/communication-calling#Call.info}.
+     */
+    info?: CallInfo | TeamsCallInfo;
 }
 
 /**
@@ -2414,6 +3041,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.
      * @deprecated Use joinCall(options?:JoinCallOptions) instead.
@@ -2484,7 +3117,7 @@ export declare interface CallWithChatAdapterManagement {
      * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called
      * @public
      */
-    startCall(participants: (MicrosoftTeamsAppIdentifier | UnknownIdentifier)[], options?: StartCallOptions): Call | undefined;
+    startCall(participants: (MicrosoftTeamsAppIdentifier | /* @conditional-compile-remove(PSTN-calls) */ PhoneNumberIdentifier | /* @conditional-compile-remove(one-to-n-calling) */ CommunicationUserIdentifier | /* @conditional-compile-remove(teams-adhoc-call) */ MicrosoftTeamsUserIdentifier | UnknownIdentifier)[], options?: StartCallOptions): Call | undefined;
     /**
      * Start sharing the screen during a call.
      *
@@ -2681,16 +3314,53 @@ export declare interface CallWithChatAdapterManagement {
      * @public
      */
     loadPreviousChatMessages(messagesToLoad: number): Promise<boolean>;
+    /** @beta */
+    registerActiveUploads: (files: File[]) => AttachmentUploadManager[];
+    /** @beta */
+    registerCompletedUploads: (metadata: AttachmentMetadata[]) => AttachmentUploadManager[];
+    /** @beta */
+    clearUploads: () => void;
+    /** @beta */
+    cancelUpload: (id: string) => void;
+    /** @beta */
+    updateUploadProgress: (id: string, progress: number) => void;
+    /** @beta */
+    updateUploadStatusMessage: (id: string, errorMessage: string) => void;
+    /** @beta */
+    updateUploadMetadata: (id: string, metadata: AttachmentMetadata) => void;
     /** @public */
     downloadResourceToCache(resourceDetails: ResourceDetails): Promise<void>;
     /** @public */
     removeResourceFromCache(resourceDetails: ResourceDetails): void;
+    /**
+     * 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
      *
      * @public
      */
     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
@@ -2840,6 +3510,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 AttachmentUploadsUiState}
+     *
+     * @beta
+     */
+    attachmentUploads?: AttachmentUploadsUiState;
+    /**
+     * 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;
 }
 
 /**
@@ -2864,12 +3550,18 @@ 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[];
     /** Dependency to be injected for video background effects */
     onResolveVideoEffectDependency?: () => Promise<VideoBackgroundEffectsDependency>;
     /** State to track the selected video background effect */
     selectedVideoBackgroundEffect?: VideoBackgroundEffect;
+    /** Hide attendee names in teams meeting */
+    hideAttendeeNames?: boolean;
     /**
      * Reaction resources to render in meetings
      * */
@@ -2942,6 +3634,9 @@ export declare type CallWithChatCompositeIcons = {
     ParticipantItemScreenShareStart?: JSX.Element;
     VideoTileMicOff?: JSX.Element;
     LocalCameraSwitch?: JSX.Element;
+    PeoplePaneAddPerson?: JSX.Element;
+    PeoplePaneOpenDialpad?: JSX.Element;
+    DialpadStartCall?: JSX.Element;
     DefaultCustomButton?: JSX.Element;
     DtmfDialpadButton?: JSX.Element;
     EditBoxCancel?: JSX.Element;
@@ -2972,6 +3667,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
+     */
+    attachmentOptions?: AttachmentOptions;
+    /**
+     * 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;
     /**
      * Remote participant video tile menu options
      */
@@ -3225,6 +3976,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
      */
@@ -3237,6 +3992,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
      */
@@ -3253,7 +4036,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;
+    };
 }
 
 /**
@@ -3263,6 +4048,35 @@ export declare interface CallWithChatControlOptions extends CommonCallControlOpt
  */
 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' | /* @conditional-compile-remove(close-captions) */ 'isCaptionLanguageChanged' | /* @conditional-compile-remove(close-captions) */ 'isSpokenLanguageChanged' | 'capabilitiesChanged' | /* @conditional-compile-remove(spotlight) */ 'spotlightChanged' | 'messageReceived' | 'messageEdited' | 'messageDeleted' | '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.
  *
@@ -3419,6 +4233,31 @@ 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.
@@ -3565,6 +4404,10 @@ export declare interface CaptionsCallFeatureState {
      * current caption language
      */
     currentCaptionLanguage: string;
+    /**
+     * current caption kind: teams or acs captions
+     */
+    captionsKind: CaptionsKind;
 }
 
 /**
@@ -3624,7 +4467,7 @@ export declare type CaptionsReceivedListener = (event: {
  *
  * @public
  */
-export declare type ChatAdapter = ChatAdapterThreadManagement & AdapterState<ChatAdapterState> & Disposable_2 & ChatAdapterSubscribers;
+export declare type ChatAdapter = ChatAdapterThreadManagement & AdapterState<ChatAdapterState> & Disposable_2 & ChatAdapterSubscribers & AttachmentUploadAdapter;
 
 /**
  * {@link ChatAdapter} state.
@@ -3748,7 +4591,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?: {
+        attachmentMetadata?: AttachmentMetadata[];
+    }): Promise<void>;
     /**
      * Delete a message in the thread.
      */
@@ -3778,13 +4623,20 @@ export declare interface ChatAdapterThreadManagement {
  */
 export declare type ChatAdapterUiState = {
     error?: Error;
+    /**
+     * Attachments being uploaded by a user in the current thread.
+     * Should be set to null once the upload is complete.
+     * Array of type {@link AttachmentUploadsUiState}
+     * @beta
+     */
+    attachmentUploads?: AttachmentUploadsUiState;
 };
 
 /**
  * Represents the type of attachment
  * @public
  */
-export declare type ChatAttachmentType = 'unknown' | 'image';
+export declare type ChatAttachmentType = 'unknown' | 'image' | /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ 'file';
 
 /**
  * Common props for selectors for {@link ChatClientState}.
@@ -3886,6 +4738,7 @@ export declare type ChatCompositeIcons = {
     ParticipantItemOptionsHovered?: JSX.Element;
     SendBoxSend?: JSX.Element;
     SendBoxSendHovered?: JSX.Element;
+    SendBoxAttachFile?: JSX.Element;
 };
 
 /**
@@ -3900,6 +4753,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
@@ -3910,6 +4770,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
+     */
+    attachmentOptions?: AttachmentOptions;
 };
 
 /**
@@ -3937,6 +4803,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';
 }
 
 /**
@@ -3951,6 +4823,10 @@ export declare interface ChatCompositeStrings {
      * Chat list header text
      */
     chatListHeader: string;
+    /**
+     * Upload Attachment Button text
+     */
+    uploadAttachment: string;
 }
 
 /**
@@ -3999,7 +4875,7 @@ export declare type ChatErrors = {
  *
  * @public
  */
-export declare type ChatErrorTarget = 'ChatClient.createChatThread' | 'ChatClient.deleteChatThread' | 'ChatClient.getChatThreadClient' | 'ChatClient.listChatThreads' | 'ChatClient.off' | 'ChatClient.on' | 'ChatClient.startRealtimeNotifications' | 'ChatClient.stopRealtimeNotifications' | 'ChatThreadClient.addParticipants' | 'ChatThreadClient.deleteMessage' | 'ChatThreadClient.getMessage' | 'ChatThreadClient.getProperties' | 'ChatThreadClient.listMessages' | 'ChatThreadClient.listParticipants' | 'ChatThreadClient.listReadReceipts' | 'ChatThreadClient.removeParticipant' | 'ChatThreadClient.sendMessage' | 'ChatThreadClient.sendReadReceipt' | 'ChatThreadClient.sendTypingNotification' | 'ChatThreadClient.updateMessage' | 'ChatThreadClient.updateTopic';
+export declare type ChatErrorTarget = 'ChatClient.createChatThread' | 'ChatClient.deleteChatThread' | 'ChatClient.getChatThreadClient' | 'ChatClient.listChatThreads' | 'ChatClient.off' | 'ChatClient.on' | 'ChatClient.startRealtimeNotifications' | 'ChatClient.stopRealtimeNotifications' | 'ChatThreadClient.addParticipants' | 'ChatThreadClient.deleteMessage' | 'ChatThreadClient.getMessage' | 'ChatThreadClient.getProperties' | 'ChatThreadClient.listMessages' | 'ChatThreadClient.listParticipants' | 'ChatThreadClient.listReadReceipts' | 'ChatThreadClient.removeParticipant' | 'ChatThreadClient.sendMessage' | 'ChatThreadClient.sendReadReceipt' | 'ChatThreadClient.sendTypingNotification' | 'ChatThreadClient.updateMessage' | /* @conditional-compile-remove(chat-beta-sdk) */ 'ChatThreadClient.updateProperties' | 'ChatThreadClient.updateTopic';
 
 /**
  * Object containing all the handlers required for chat components.
@@ -4016,7 +4892,10 @@ 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, options?: {
+        metadata?: Record<string, string>;
+        attachmentMetadata?: AttachmentMetadata[];
+    }) => Promise<void>;
     onDeleteMessage: (messageId: string) => Promise<void>;
 };
 
@@ -4043,6 +4922,12 @@ export declare interface ChatMessage extends MessageCommon {
      * {@link @azure/communication-chat#ChatMessage.metadata}
      */
     metadata?: Record<string, string>;
+    /**
+     * @beta
+     * A list of attachments in the message.
+     * {@link AttachmentMetadata}
+     */
+    attachments?: AttachmentMetadata[];
 }
 
 /**
@@ -4056,6 +4941,7 @@ export declare interface ChatMessage extends MessageCommon {
 export declare type ChatMessageWithStatus = ChatMessage_2 & {
     clientMessageId?: string;
     status: MessageStatus;
+    policyViolation?: boolean;
     resourceCache?: Record<string, ResourceFetchResult>;
 };
 
@@ -4222,6 +5108,12 @@ export declare type CommonCallAdapterOptions = {
         videoBackgroundImages?: VideoBackgroundImage[];
         onResolveDependency?: () => Promise<VideoBackgroundEffectsDependency>;
     };
+    /**
+     * 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;
     /**
      * Sounds to use for calling events
      */
@@ -4253,22 +5145,34 @@ 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
      */
-    endCallButton?: boolean;
+    endCallButton?: boolean | /* @conditional-compile-remove(end-call-options) */ {
+        /**
+         * whether to make end call button to trigger a menu, which will enable end call for everybody functionality.
+         * @defaultValue false
+         */
+        hangUpForEveryone?: false | 'endCallOptions';
+    };
     /**
      * 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
@@ -4306,11 +5210,16 @@ export declare type CommonCallControlOptions = {
      * Inject custom buttons in the call controls.
      */
     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;
+    };
     /**
      * Show or hide the dialpad button in the composite control bar.
      */
@@ -4321,6 +5230,11 @@ export declare type CommonCallControlOptions = {
      * Show or hide the exit spotlight button in the composite control bar when local participant is spotlighted.
      */
     exitSpotlightButton?: boolean;
+    /**
+     * Show, Hide or Disable captions during a call.
+     * @defaultValue true
+     */
+    captionsButton?: boolean;
 };
 
 /**
@@ -4346,6 +5260,9 @@ export declare interface CommonCallingHandlers {
     onLowerHand: () => Promise<void>;
     onToggleRaiseHand: () => Promise<void>;
     onReactionClick: (reaction: Reaction_2) => 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>;
     /**
@@ -4357,6 +5274,8 @@ export declare interface CommonCallingHandlers {
     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: CommunicationIdentifier[], options?: StartCallOptions) => void;
     onRemoveVideoBackgroundEffects: () => Promise<void>;
     onBlurVideoBackground: (backgroundBlurConfig?: BackgroundBlurConfig) => Promise<void>;
@@ -4380,6 +5299,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.
  *
@@ -4556,6 +5508,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;
 }
 
 /**
@@ -4605,6 +5562,10 @@ export declare interface ComponentStrings {
     typingIndicator: TypingIndicatorStrings;
     /** Strings for SendBox */
     sendBox: SendBoxStrings;
+    /** Strings for RichTextSendBox */
+    richTextSendBox: RichTextSendBoxStrings;
+    /** Strings for MentionPopover */
+    mentionPopover: MentionPopoverStrings;
     /** Strings for ImageOverlay */
     imageOverlay: ImageOverlayStrings;
     /** Strings for MessageStatusIndicator */
@@ -4615,10 +5576,50 @@ export declare interface ComponentStrings {
     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;
+    /** Strings for the participant list component */
+    ParticipantList: ParticipantListStrings;
 }
 
 /**
@@ -5020,7 +6021,7 @@ export declare function createAzureCommunicationCallAdapterFromClient(callClient
  *
  * @public
  */
-export declare const createAzureCommunicationCallWithChatAdapter: ({ userId, displayName, credential, endpoint, locator, callAdapterOptions }: 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}.
@@ -5081,6 +6082,18 @@ export declare const createDefaultCallingHandlers: CreateDefaultCallingHandlers;
  */
 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, options?: {
+    onResolveVideoBackgroundEffectsDependency?: () => Promise<VideoBackgroundEffectsDependency>;
+}) => never | TeamsCallingHandlers;
+
 /**
  * Creates a StatefulCallClient {@link StatefulCallClient} by proxying CallClient
  * {@link @azure/communication-calling#CallClient} with ProxyCallClient {@link ProxyCallClient} which then allows access
@@ -5106,6 +6119,21 @@ export declare const createStatefulCallClient: (args: StatefulCallClientArgs, op
  */
 export declare const createStatefulChatClient: (args: StatefulChatClientArgs, options?: StatefulChatClientOptions) => 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?: TeamsAdapterOptions) => Promise<TeamsCallAdapter>;
+
 /**
  * Object returned after creating a local or remote VideoStream.
  * This contains helper functions to manipulate the render of the stream.
@@ -5156,6 +6184,13 @@ 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;
 };
 
 /**
@@ -5283,6 +6318,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.
  *
@@ -5307,6 +6354,11 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     RaiseHandContextualMenuItem: React_2.JSX.Element;
     LowerHandContextualMenuItem: React_2.JSX.Element;
     ReactionButtonIcon: React_2.JSX.Element;
+    CancelAttachmentUpload: React_2.JSX.Element;
+    DownloadAttachment: React_2.JSX.Element;
+    OpenAttachment: React_2.JSX.Element;
+    AttachmentMoreMenu: React_2.JSX.Element;
+    DataLossPreventionProhibited: React_2.JSX.Element;
     EditBoxCancel: React_2.JSX.Element;
     EditBoxSubmit: React_2.JSX.Element;
     ErrorBarCallCameraAccessDenied: React_2.JSX.Element;
@@ -5340,10 +6392,20 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     ParticipantItemOptionsHovered: React_2.JSX.Element;
     ParticipantItemScreenShareStart: React_2.JSX.Element;
     ParticipantItemSpotlighted: React_2.JSX.Element;
+    HoldCallContextualMenuItem: React_2.JSX.Element;
+    HoldCallButton: React_2.JSX.Element;
+    ResumeCall: React_2.JSX.Element;
     SendBoxSend: React_2.JSX.Element;
     SendBoxSendHovered: React_2.JSX.Element;
     VideoTileMicOff: React_2.JSX.Element;
     DialpadBackspace: React_2.JSX.Element;
+    SitePermissionsSparkle: React_2.JSX.Element;
+    SitePermissionCamera: React_2.JSX.Element;
+    SitePermissionMic: React_2.JSX.Element;
+    SitePermissionCameraDenied: React_2.JSX.Element;
+    SitePermissionMicDenied: React_2.JSX.Element;
+    UnsupportedEnvironmentWarning: React_2.JSX.Element;
+    BrowserPermissionDeniedError: React_2.JSX.Element;
     VideoTilePinned: React_2.JSX.Element;
     VideoTileMoreOptions: React_2.JSX.Element;
     VideoTileScaleFit: React_2.JSX.Element;
@@ -5371,6 +6433,20 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     StartSpotlightContextualMenuItem: React_2.JSX.Element;
     StopSpotlightContextualMenuItem: React_2.JSX.Element;
     VideoTileSpotlighted: React_2.JSX.Element;
+    RichTextBoldButtonIcon: React_2.JSX.Element;
+    RichTextItalicButtonIcon: React_2.JSX.Element;
+    RichTextUnderlineButtonIcon: React_2.JSX.Element;
+    RichTextBulletListButtonIcon: React_2.JSX.Element;
+    RichTextNumberListButtonIcon: React_2.JSX.Element;
+    RichTextIndentDecreaseButtonIcon: React_2.JSX.Element;
+    RichTextIndentIncreaseButtonIcon: React_2.JSX.Element;
+    RichTextDividerIcon: React_2.JSX.Element;
+    RichTextEditorButtonIcon: React_2.JSX.Element;
+    RichTextEditorButtonIconFilled: React_2.JSX.Element;
+    RichTextInsertTableRegularIcon: React_2.JSX.Element;
+    RichTextInsertTableFilledIcon: React_2.JSX.Element;
+    RichTextTableInsertMenuIcon: React_2.JSX.Element;
+    RichTextTableDeleteMenuIcon: React_2.JSX.Element;
 };
 
 /**
@@ -5391,6 +6467,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;
@@ -5448,6 +6525,9 @@ 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;
     NoticePageInviteToRoomRemoved?: JSX.Element | undefined;
     BlurVideoBackground?: JSX.Element | undefined;
     RemoveVideoBackgroundEffect?: JSX.Element | undefined;
@@ -5471,14 +6551,28 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     MoreDrawerSelectedMicrophone?: JSX.Element | undefined;
     MoreDrawerSelectedSpeaker?: JSX.Element | undefined;
     MoreDrawerSpeakers?: JSX.Element | undefined;
-    SendBoxAttachFile?: JSX.Element | undefined;
     ChatMessageOptions: React_2.JSX.Element;
     ControlButtonParticipantsContextualMenuItem: React_2.JSX.Element;
+    CancelAttachmentUpload: React_2.JSX.Element;
+    DownloadAttachment: React_2.JSX.Element;
+    OpenAttachment: React_2.JSX.Element;
+    AttachmentMoreMenu: React_2.JSX.Element;
+    DataLossPreventionProhibited: React_2.JSX.Element;
     ErrorBarCallVideoRecoveredBySystem: React_2.JSX.Element;
     ErrorBarCallVideoStoppedBySystem: React_2.JSX.Element;
     MessageResend: React_2.JSX.Element;
     ParticipantItemSpotlighted: React_2.JSX.Element;
+    HoldCallContextualMenuItem: React_2.JSX.Element;
+    HoldCallButton: React_2.JSX.Element;
+    ResumeCall: React_2.JSX.Element;
     DialpadBackspace: React_2.JSX.Element;
+    SitePermissionsSparkle: React_2.JSX.Element;
+    SitePermissionCamera: React_2.JSX.Element;
+    SitePermissionMic: React_2.JSX.Element;
+    SitePermissionCameraDenied: React_2.JSX.Element;
+    SitePermissionMicDenied: React_2.JSX.Element;
+    UnsupportedEnvironmentWarning: React_2.JSX.Element;
+    BrowserPermissionDeniedError: React_2.JSX.Element;
     VideoTilePinned: React_2.JSX.Element;
     VideoTileMoreOptions: React_2.JSX.Element;
     VideoTileScaleFit: React_2.JSX.Element;
@@ -5506,8 +6600,52 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     StartSpotlightContextualMenuItem: React_2.JSX.Element;
     StopSpotlightContextualMenuItem: React_2.JSX.Element;
     VideoTileSpotlighted: React_2.JSX.Element;
+    RichTextBoldButtonIcon: React_2.JSX.Element;
+    RichTextItalicButtonIcon: React_2.JSX.Element;
+    RichTextUnderlineButtonIcon: React_2.JSX.Element;
+    RichTextBulletListButtonIcon: React_2.JSX.Element;
+    RichTextNumberListButtonIcon: React_2.JSX.Element;
+    RichTextIndentDecreaseButtonIcon: React_2.JSX.Element;
+    RichTextIndentIncreaseButtonIcon: React_2.JSX.Element;
+    RichTextDividerIcon: React_2.JSX.Element;
+    RichTextEditorButtonIcon: React_2.JSX.Element;
+    RichTextEditorButtonIconFilled: React_2.JSX.Element;
+    RichTextInsertTableRegularIcon: React_2.JSX.Element;
+    RichTextInsertTableFilledIcon: React_2.JSX.Element;
+    RichTextTableInsertMenuIcon: React_2.JSX.Element;
+    RichTextTableDeleteMenuIcon: React_2.JSX.Element;
 };
 
+/**
+ * @beta
+ *
+ * The default menu action for downloading attachments. This action will open the attachment's URL in a new tab.
+ */
+export declare const defaultAttachmentMenuAction: AttachmentMenuAction;
+
+/**
+ * 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,
@@ -5874,6 +7012,11 @@ export declare interface EndCallButtonProps extends ControlBarButtonProps {
      * Maps directly to the `onClick` property.
      */
     onHangUp?: (forEveryone?: boolean) => Promise<void>;
+    /**
+     * Set this to true to make it a split button.
+     * The split arrow will trigger a contextual menu to allow end for everyone or just for the user.
+     */
+    enableEndCallMenu?: boolean;
     /**
      * Optional strings to override in component
      */
@@ -5892,6 +7035,10 @@ export declare interface EndCallButtonStrings {
     label: string;
     /** Tooltip content. */
     tooltipContent?: string;
+    /** Label for leave option when ending call */
+    leaveOption?: string;
+    /** Label for end the whole call option when ending call */
+    endCallOption?: string;
 }
 
 /**
@@ -6143,7 +7290,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 : AreEqual<Component, typeof Dialpad> extends true ? EmptySelector : 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.
@@ -6160,7 +7307,7 @@ export declare const getCallingSelector: <Component extends (props: any) => JSX.
  *
  * @public
  */
-export declare type GetChatSelector<Component extends (props: any) => JSX.Element | undefined> = AreEqual<Component, typeof SendBox> extends true ? SendBoxSelector : AreEqual<Component, typeof MessageThread> extends true ? MessageThreadSelector : AreEqual<Component, typeof TypingIndicator> extends true ? TypingIndicatorSelector : AreEqual<Component, typeof ParticipantList> extends true ? ChatParticipantListSelector : AreEqual<Component, typeof ErrorBar> extends true ? ChatErrorBarSelector : undefined;
+export declare type GetChatSelector<Component extends (props: any) => JSX.Element | undefined> = AreEqual<Component, typeof SendBox> extends true ? SendBoxSelector : AreEqual<Component, typeof RichTextSendBox> extends true ? SendBoxSelector : AreEqual<Component, typeof MessageThread> extends true ? MessageThreadSelector : AreEqual<Component, typeof TypingIndicator> extends true ? TypingIndicatorSelector : AreEqual<Component, typeof ParticipantList> extends true ? ChatParticipantListSelector : AreEqual<Component, typeof ErrorBar> extends true ? ChatErrorBarSelector : undefined;
 
 /**
  * Get the selector for a specified component.
@@ -6205,6 +7352,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
@@ -6289,6 +7493,10 @@ export declare interface _Identifiers {
     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;
 }
 
 /**
@@ -6350,6 +7558,27 @@ export declare interface ImageOverlayStrings {
     dismissButtonAriaLabel: string;
 }
 
+/**
+ * Preset dark theme for the ImageOverlay component.
+ *
+ * @public
+ */
+export declare const imageOverlayTheme: PartialTheme;
+
+/**
+ * @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}.
@@ -6534,6 +7763,28 @@ export declare type LocalizationProviderProps = {
     children: React_2.ReactNode;
 };
 
+/**
+ * State only version of {@link @azure/communication-calling#LocalRecordingCallFeature}. {@link StatefulCallClient} will
+ * automatically listen for local recording state of the call and update the state exposed by {@link StatefulCallClient} accordingly.
+ *
+ * @beta
+ */
+export declare interface LocalRecordingCallFeatureState {
+    /**
+     * Proxy of {@link @azure/communication-calling#LocalRecordingCallFeature.isRecordingActive}.
+     */
+    isLocalRecordingActive: boolean;
+    /**
+     * Contains list of information of started recordings
+     * Proxy of {@link @azure/communication-calling#LocalRecordingCallFeature.recordings}.
+     */
+    activeLocalRecordings?: LocalRecordingInfo[];
+    /**
+     * Contains list of information of stopped recordings
+     */
+    lastStoppedLocalRecording?: LocalRecordingInfo[];
+}
+
 /**
  * @public
  */
@@ -6639,6 +7890,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, isActive: boolean) => 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.
  *
@@ -6646,7 +7967,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.
@@ -6880,7 +8201,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
      */
@@ -6961,6 +8282,11 @@ 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 attachments in the message component.
+     * @beta
+     */
+    onRenderAttachmentDownloads?: (userId: string, message: ChatMessage) => JSX.Element;
     /**
      * Optional callback to edit a message.
      *
@@ -7002,11 +8328,33 @@ export declare type MessageThreadProps = {
      * Optional strings to override in component
      */
     strings?: Partial<MessageThreadStrings>;
+    /**
+     * @beta
+     * Optional attachment options, which defines behvaiour for uploading and downloading attachments.
+     * As this moment, the uploadOptions would be ignored and this option is intended for download only.
+     */
+    attachmentOptions?: AttachmentOptions;
+    /**
+     * 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;
     /**
      * Optional callback called when an inline image is clicked.
      * @beta
      */
     inlineImageOptions?: InlineImageOptions;
+    /**
+     * enables rich text editor for the edit box
+     *
+     * @defaultValue `false`
+     */
+    richTextEditor?: boolean;
 };
 
 /**
@@ -7080,6 +8428,16 @@ export declare interface MessageThreadStrings {
     actionMenuMoreOptions?: string;
     /** Aria label to announce when a message is deleted */
     messageDeletedAnnouncementAriaLabel: string;
+    /** String for download attachment button in attachment card */
+    downloadAttachment: string;
+    /** String for open attachment button in attachment card */
+    openAttachment: string;
+    /** String for policy violation message removal */
+    blockedWarningText: string;
+    /** String for policy violation message removal details link */
+    blockedWarningLinkText: string;
+    /** String for aria text in attachment card group*/
+    attachmentCardGroupMessage: string;
 }
 
 /**
@@ -7107,6 +8465,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;
 }
@@ -7275,6 +8634,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.
  *
@@ -7293,6 +8677,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.
  *
@@ -7415,6 +8806,14 @@ export declare interface ParticipantItemProps {
     onClick?: (props?: ParticipantItemProps) => void;
     /** Optional value to determine if the tooltip should be shown 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.
@@ -7440,6 +8839,12 @@ 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;
+    /** String for the attendee role */
+    attendeeRole: string;
 }
 
 /**
@@ -7518,6 +8923,10 @@ export declare type ParticipantListProps = {
     styles?: ParticipantListStyles;
     /** Optional value to determine if the tooltip should be shown for participants or not */
     showParticipantOverflowTooltip?: boolean;
+    /** Total number of people in the call. This number can be larger than the remote participant count. */
+    totalParticipantCount?: number;
+    /** Strings for the participant list */
+    strings?: ParticipantListStrings;
     /** Optional aria-labelledby prop that prefixes each ParticipantItem aria-label */
     participantAriaLabelledBy?: string;
 };
@@ -7530,8 +8939,21 @@ export declare type ParticipantListProps = {
 export declare type ParticipantListSelector = (state: CallClientState, props: CallingBaseSelectorProps) => {
     participants: CallParticipantListParticipant[];
     myUserId: string;
+    totalParticipantCount?: number;
 };
 
+/**
+ * Strings for the {@link ParticipantList}.
+ *
+ * @beta
+ */
+export declare interface ParticipantListStrings {
+    /**
+     * String for rendering the count of participants not contained in the displayed participant list
+     */
+    overflowParticipantCount?: string;
+}
+
 /**
  * Styles for the {@link ParticipantList}.
  *
@@ -7761,6 +9183,18 @@ export declare interface PPTLiveCallFeatureState {
     isActive: boolean;
 }
 
+/**
+ * The profile of a user.
+ *
+ * @beta
+ */
+export declare type Profile = {
+    /**
+     * Primary text to display, usually the name of the person.
+     */
+    displayName?: string;
+};
+
 /**
  * Raised hand state with order
  *
@@ -7952,10 +9386,6 @@ export declare type ReactionSprite = {
      * The frame count of the resource reaction in the sprite image
      */
     frameCount: number;
-    /**
-     * The square size of one frame in the animation resource..
-     */
-    size?: number;
 };
 
 /**
@@ -7998,6 +9428,15 @@ export declare interface RecordingCallFeature {
      * Proxy of {@link @azure/communication-calling#RecordingCallFeature.isRecordingActive}.
      */
     isRecordingActive: boolean;
+    /**
+     * Contains list of information of started recordings
+     * Proxy of {@link @azure/communication-calling#RecordingCallFeature.recordings}.
+     */
+    activeRecordings?: RecordingInfo[];
+    /**
+     * Contains list of information of stopped recordings
+     */
+    lastStoppedRecording?: RecordingInfo[];
 }
 
 /**
@@ -8037,105 +9476,242 @@ export declare interface RemoteParticipantState {
     /**
      * Proxy of {@link @azure/communication-calling#RemoteParticipant.isSpeaking}.
      */
-    isSpeaking: boolean;
+    isSpeaking: boolean;
+    /**
+     * Proxy of {@link @azure/communication-calling#RemoteParticipant.role}.
+     */
+    role?: ParticipantRole;
+    /**
+     * Proxy of {@link @azure/communication-calling#Call.RaisedHand.raisedHands}.
+     */
+    raisedHand?: RaisedHandState;
+    /**
+     * Proxy of {@link @azure/communication-calling#Call.PPTLive.target}.
+     *
+     * @public
+     */
+    contentSharingStream?: HTMLElement;
+    /**
+     * Proxy of {@link @azure/communication-calling#Call.ReactionMessage} with
+     * UI helper props receivedOn which indicates the timestamp when the message was received.
+     *
+     * @public
+     */
+    reactionState?: ReactionState;
+    /**
+     * Proxy of {@link @azure/communication-calling#SpotlightCallFeature.spotlightedParticipants}.
+     */
+    spotlight?: SpotlightState;
+}
+
+/**
+ * State only version of {@link @azure/communication-calling#RemoteVideoStream}.
+ *
+ * @public
+ */
+export declare interface RemoteVideoStreamState {
+    /**
+     * Proxy of {@link @azure/communication-calling#RemoteVideoStream.id}.
+     */
+    id: number;
+    /**
+     * Proxy of {@link @azure/communication-calling#RemoteVideoStream.mediaStreamType}.
+     */
+    mediaStreamType: MediaStreamType;
+    /**
+     * Proxy of {@link @azure/communication-calling#RemoteVideoStream.isAvailable}.
+     */
+    isAvailable: boolean;
+    /**
+     * Proxy of {@link @azure/communication-calling#RemoteVideoStream.isReceiving}.
+     * @public
+     */
+    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.
+     */
+    view?: VideoStreamRendererViewState;
+    /**
+     * Proxy of {@link @azure/communication-calling#RemoteVideoStream.size}.
+     */
+    streamSize?: {
+        width: number;
+        height: number;
+    };
+}
+
+/**
+ * Menu options for remote video tiles in {@link VideoGallery}.
+ *
+ * @public
+ */
+export declare interface RemoteVideoTileMenuOptions {
+    /**
+     * If set to true, remote video tiles in the VideoGallery will not have menu options
+     *
+     * @defaultValue false
+     */
+    isHidden?: boolean;
+}
+
+/**
+ * Details required for download a resource to cache.
+ *
+ * @public
+ */
+export declare type ResourceDetails = {
+    threadId: string;
+    messageId: string;
+    resourceUrl: string;
+};
+
+/**
+ * Result of the Resource downloaded from stateful client
+ * @public
+ */
+export declare type ResourceFetchResult = {
+    sourceUrl?: string;
+    error?: Error;
+};
+
+/**
+ * A component to render SendBox with Rich Text Editor support.
+ *
+ * @beta
+ */
+export declare const RichTextSendBox: (props: RichTextSendBoxProps) => JSX.Element;
+
+/**
+ * Props for {@link RichTextSendBox}.
+ *
+ * @beta
+ */
+export declare interface RichTextSendBoxProps {
+    /**
+     * Optional boolean to disable text box
+     * @defaultValue false
+     */
+    disabled?: boolean;
+    /**
+     * Optional strings to override in component
+     */
+    strings?: Partial<RichTextSendBoxStrings>;
+    /**
+     * Optional text for system message above the text box
+     */
+    systemMessage?: string;
+    /**
+     * Optional array of active attachment uploads where each object has attributes
+     * of a attachment upload like name, progress, errorMessage etc.
+     * @beta
+     */
+    activeAttachmentUploads?: AttachmentMetadata[];
+    /**
+     * enumerable to determine if the input box has focus on render or not.
+     * When undefined nothing has focus on render
+     */
+    autoFocus?: 'sendBoxTextField';
+    /**
+     * Optional callback to remove the attachment upload before sending by clicking on
+     * cancel icon.
+     * @beta
+     */
+    onCancelAttachmentUpload?: (attachmentId: string) => void;
+    /**
+     * Callback function used when the send button is clicked.
+     */
+    onSendMessage: (content: string) => Promise<void>;
+    /**
+     * Optional callback called when user is typing
+     */
+    onTyping?: () => Promise<void>;
+}
+
+/**
+ * Strings of {@link RichTextSendBox} that can be overridden.
+ *
+ * @beta
+ */
+export declare interface RichTextSendBoxStrings extends SendBoxStrings {
+    /**
+     * Tooltip text for the bold button.
+     */
+    boldTooltip: string;
+    /**
+     * Tooltip text for the italic button.
+     */
+    italicTooltip: string;
+    /**
+     * Tooltip text for the underline button.
+     */
+    underlineTooltip: string;
+    /**
+     * Tooltip text for the bullet list button.
+     */
+    bulletListTooltip: string;
+    /**
+     * Tooltip text for the number list button.
+     */
+    numberListTooltip: string;
+    /**
+     * Tooltip text for the increase indent button.
+     */
+    increaseIndentTooltip: string;
+    /**
+     * Tooltip text for the decrease indent button.
+     */
+    decreaseIndentTooltip: string;
     /**
-     * Proxy of {@link @azure/communication-calling#RemoteParticipant.role}.
+     * Tooltip text insert table button.
      */
-    role?: ParticipantRole;
+    insertTableTooltip: string;
     /**
-     * Proxy of {@link @azure/communication-calling#Call.RaisedHand.raisedHands}.
+     * Tooltip text for the rich text format button button.
      */
-    raisedHand?: RaisedHandState;
+    richTextFormatButtonTooltip: string;
     /**
-     * Proxy of {@link @azure/communication-calling#Call.PPTLive.target}.
-     *
-     * @public
+     * Text for the insert menu item.
      */
-    contentSharingStream?: HTMLElement;
+    insertRowOrColumnMenu: string;
     /**
-     * Proxy of {@link @azure/communication-calling#Call.ReactionMessage} with
-     * UI helper props receivedOn which indicates the timestamp when the message was received.
-     *
-     * @public
+     * Title for the insert table menu.
      */
-    reactionState?: ReactionState;
+    insertTableMenuTitle: string;
     /**
-     * Proxy of {@link @azure/communication-calling#SpotlightCallFeature.spotlightedParticipants}.
+     * Text for the insert menu item to insert row above the current selection.
      */
-    spotlight?: SpotlightState;
-}
-
-/**
- * State only version of {@link @azure/communication-calling#RemoteVideoStream}.
- *
- * @public
- */
-export declare interface RemoteVideoStreamState {
+    insertRowAboveMenu: string;
     /**
-     * Proxy of {@link @azure/communication-calling#RemoteVideoStream.id}.
+     * Text for the insert menu item to insert row below the current selection.
      */
-    id: number;
+    insertRowBelowMenu: string;
     /**
-     * Proxy of {@link @azure/communication-calling#RemoteVideoStream.mediaStreamType}.
+     * Text for the insert menu item to insert column to the left from the current selection.
      */
-    mediaStreamType: MediaStreamType;
+    insertColumnLeftMenu: string;
     /**
-     * Proxy of {@link @azure/communication-calling#RemoteVideoStream.isAvailable}.
+     * Text for the insert menu item to insert column to the right from the current selection.
      */
-    isAvailable: boolean;
+    insertColumnRightMenu: string;
     /**
-     * Proxy of {@link @azure/communication-calling#RemoteVideoStream.isReceiving}.
-     * @public
+     * Text for the delete row or column menu.
      */
-    isReceiving: boolean;
+    deleteRowOrColumnMenu: string;
     /**
-     * {@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.
+     * Text for the delete column menu.
      */
-    view?: VideoStreamRendererViewState;
+    deleteColumnMenu: string;
     /**
-     * Proxy of {@link @azure/communication-calling#RemoteVideoStream.size}.
+     * Text for the delete row menu.
      */
-    streamSize?: {
-        width: number;
-        height: number;
-    };
-}
-
-/**
- * Menu options for remote video tiles in {@link VideoGallery}.
- *
- * @public
- */
-export declare interface RemoteVideoTileMenuOptions {
+    deleteRowMenu: string;
     /**
-     * If set to true, remote video tiles in the VideoGallery will not have menu options
-     *
-     * @defaultValue false
+     * Text for the delete table menu.
      */
-    isHidden?: boolean;
+    deleteTableMenu: string;
 }
 
-/**
- * Details required for download a resource to cache.
- *
- * @public
- */
-export declare type ResourceDetails = {
-    threadId: string;
-    messageId: string;
-    resourceUrl: string;
-};
-
-/**
- * Result of the Resource downloaded from stateful client
- * @public
- */
-export declare type ResourceFetchResult = {
-    sourceUrl?: string;
-    error?: Error;
-};
-
 /**
  * A button to start / stop screen sharing.
  *
@@ -8207,6 +9783,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}.
  *
@@ -8226,6 +9815,11 @@ export declare interface SendBoxProps {
      * Optional override behavior on send button click
      */
     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
      */
@@ -8262,6 +9856,25 @@ export declare interface SendBoxProps {
      * When undefined nothing has focus on render
      */
     autoFocus?: 'sendBoxTextField';
+    /**
+     * Optional callback to render uploaded attachments in the SendBox. The sendBox will expand
+     * vertically to accommodate the uploaded attachments. Attachment uploads will
+     * be rendered below the text area in sendBox.
+     * @beta
+     */
+    onRenderAttachmentUploads?: () => JSX.Element;
+    /**
+     * Optional array of active attachment uploads where each object has attributes
+     * of a attachment upload like name, progress, errorMessage etc.
+     * @beta
+     */
+    activeAttachmentUploads?: AttachmentMetadata[];
+    /**
+     * Optional callback to remove the attachment upload before sending by clicking on
+     * cancel icon.
+     * @beta
+     */
+    onCancelAttachmentUpload?: (attachmentId: string) => void;
 }
 
 /**
@@ -8292,6 +9905,26 @@ export declare interface SendBoxStrings {
      * Aria label for send message button
      */
     sendButtonAriaLabel: string;
+    /**
+     * Error message indicating that all attachment uploads are not complete.
+     */
+    attachmentUploadsPendingError: string;
+    /**
+     * Aria label to notify user when focus is on cancel attachment upload button.
+     */
+    removeAttachment: string;
+    /**
+     * Aria label to notify user attachment uploading starts.
+     */
+    uploading: string;
+    /**
+     * Aria label to notify user attachment is uploaded.
+     */
+    uploadCompleted: string;
+    /**
+     * Aria label to notify user more attachment action menu.
+     */
+    attachmentMoreMenu: string;
 }
 
 /**
@@ -8312,6 +9945,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;
+}
+
 /**
  * @public
  * Type for representing a custom sound to use for a calling event
@@ -8492,7 +10164,7 @@ export declare interface SpotlightState {
  * Identifier types for initiating a call using the CallAdapter
  * @public
  */
-export declare type StartCallIdentifier = (MicrosoftTeamsAppIdentifier | UnknownIdentifier);
+export declare type StartCallIdentifier = (MicrosoftTeamsAppIdentifier | /* @conditional-compile-remove(PSTN-calls) */ PhoneNumberIdentifier | /* @conditional-compile-remove(one-to-n-calling) */ CommunicationUserIdentifier | /* @conditional-compile-remove(teams-adhoc-call) */ MicrosoftTeamsUserIdentifier | UnknownIdentifier) | /* @conditional-compile-remove(start-call-beta) */ CommunicationIdentifier;
 
 /**
  * Defines the methods that allow CallClient {@link @azure/communication-calling#CallClient} to be used statefully.
@@ -8605,6 +10277,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>;
 }
 
 /**
@@ -8617,7 +10302,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;
 };
 
 /**
@@ -8848,6 +10542,74 @@ export declare interface SystemMessageCommon extends MessageCommon {
  */
 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.
+     * @deprecated Use joinCall(options?:JoinCallOptions) instead.
+     * @param microphoneOn - Whether microphone is initially enabled
+     *
+     * @beta
+     */
+    joinCall(microphoneOn?: boolean): TeamsCall | undefined;
+    /**
+     * Join the call with options bag to set microphone/camera initial state when joining call
+     * true = turn on the device when joining call
+     * false = turn off the device when joining call
+     * 'keep'/undefined = retain devices' precall state
+     *
+     * @param options - param to set microphone/camera initially on/off.
+     *
+     * @public
+     */
+    joinCall(options?: JoinCallOptions): 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}.
  *
@@ -9048,11 +10810,118 @@ 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, options?: {
+    metadata?: Record<string, string>;
+    attachmentMetadata?: AttachmentMetadata[];
+}) => Promise<void>;
 
 /**
  * A custom React hook to simplify the creation of {@link CallAdapter}.
@@ -9200,6 +11069,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, type?: 'calling' | 'chat') => 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
  *
@@ -9339,7 +11246,7 @@ export declare const VideoGallery: (props: VideoGalleryProps) => JSX.Element;
 /**
  * @public
  */
-export declare type VideoGalleryLayout = 'default' | 'floatingLocalVideo' | 'speaker' | 'focusedContent';
+export declare type VideoGalleryLayout = 'default' | 'floatingLocalVideo' | 'speaker' | /* @conditional-compile-remove(large-gallery) */ 'largeGallery' | 'focusedContent';
 
 /**
  * The state of the local participant in the {@link VideoGallery}.
@@ -9515,6 +11422,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;
     /** Whether participant is raised a hand */
     raisedHand?: RaisedHand;
     /**
@@ -9611,6 +11523,8 @@ export declare interface VideoGalleryStrings {
     stopSpotlightVideoTileMenuLabel: string;
     /** Menu text shown in Video Tile contextual menu to stop spotlight on local user's video tile */
     stopSpotlightOnSelfVideoTileMenuLabel: string;
+    /** String for the attendee role */
+    attendeeRole: string;
 }
 
 /**
@@ -9776,6 +11690,12 @@ export declare interface VideoTileProps {
     isSpeaking?: boolean;
     /** Whether the participant is raised hand. Show a indicator (border) and icon with order */
     raisedHand?: RaisedHand;
+    /**
+     * 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.
@@ -9796,6 +11716,15 @@ export declare interface VideoTileProps {
     reactionResources?: ReactionResources;
 }
 
+/**
+ * Strings of {@link VideoTile} that can be overridden.
+ * @beta
+ */
+export declare interface VideoTileStrings {
+    participantStateRinging: string;
+    participantStateHold: string;
+}
+
 /**
  * Fluent styles for {@link VideoTile}.
  *