@azure/communication-react 1.21.0 → 1.22.0-alpha-202411160017

package/dist/communication-react.d.ts

@@ -7,6 +7,9 @@ import { BackgroundBlurConfig } from '@azure/communication-calling';
 import { BackgroundBlurEffect } from '@azure/communication-calling';
 import { BackgroundReplacementConfig } from '@azure/communication-calling';
 import { BackgroundReplacementEffect } from '@azure/communication-calling';
+import { BreakoutRoom } from '@azure/communication-calling';
+import { BreakoutRoomsSettings } from '@azure/communication-calling';
+import { BreakoutRoomsUpdatedListener } from '@azure/communication-calling';
 import { Call } from '@azure/communication-calling';
 import { CallAgent } from '@azure/communication-calling';
 import { CallClient } from '@azure/communication-calling';
@@ -14,6 +17,7 @@ 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';
@@ -35,6 +39,9 @@ import type { CommunicationUserKind } from '@azure/communication-common';
 import { CreateViewOptions } from '@azure/communication-calling';
 import { DeviceAccess } from '@azure/communication-calling';
 import { DeviceManager } from '@azure/communication-calling';
+import type { DiagnosticFlag } from '@azure/communication-calling';
+import type { DiagnosticQuality } from '@azure/communication-calling';
+import type { DiagnosticValueType } 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';
@@ -47,6 +54,7 @@ import { IContextualMenuProps } from '@fluentui/react';
 import { IContextualMenuStyles } from '@fluentui/react';
 import { IIconProps } from '@fluentui/react';
 import { IIconStyles } from '@fluentui/react';
+import { ILinkStyles } from '@fluentui/react';
 import { IMessageBarProps } from '@fluentui/react';
 import { IncomingCall } from '@azure/communication-calling';
 import { IncomingCallKind } from '@azure/communication-calling';
@@ -60,12 +68,15 @@ 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 type { MediaDiagnosticType } 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 type { NetworkDiagnosticType } from '@azure/communication-calling';
 import { PartialTheme } from '@fluentui/react';
 import { ParticipantCapabilities } from '@azure/communication-calling';
 import { ParticipantRole } from '@azure/communication-calling';
@@ -78,11 +89,13 @@ 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';
 import { ScalingMode } from '@azure/communication-calling';
 import { SendMessageOptions } from '@azure/communication-chat';
+import type { ServerDiagnosticType } from '@azure/communication-calling';
 import { SpotlightedParticipant } from '@azure/communication-calling';
 import { StartCallOptions } from '@azure/communication-calling';
 import { StartCaptionsOptions } from '@azure/communication-calling';
@@ -202,6 +215,31 @@ export declare type AdapterErrors = {
     [target: string]: AdapterError;
 };
 
+/**
+ * Notification from call client state stored in adapter state.
+ *
+ * @public
+ */
+export declare interface AdapterNotification {
+    /**
+     * Target of notification. There should only one notification per target.
+     */
+    target: string;
+    /**
+     * Timestamp added to the notification in the adapter implementation.
+     */
+    timestamp: Date;
+}
+
+/**
+ * Adapters stores the latest notification for each target.
+ *
+ * @public
+ */
+export declare type AdapterNotifications = {
+    [target: string]: AdapterNotification;
+};
+
 /**
  * Functionality for interfacing with Composite adapter state.
  *
@@ -237,6 +275,40 @@ 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
+ * A callback function that defines what actions user can perform on an attachment.
+ * By default, the UI library would have default actions that opens attachment URL in a new tab.
+ * You can override the default actions or add new actions by providing this callback function.
+ * Moreover, you can also return dynamic actions based on the properties in {@link AttachmentMetadata} and/or {@link ChatMessage}.
+ *
+ * @param attachment - The file attachment that user is trying to perform actions on.
+ * @param message - The chat message that contains this attachment.
+ * @returns A list of {@link AttachmentMenuAction} that defines the type of actions user can perform on the attachment.
+ */
+export declare type AttachmentActionHandler = (attachment: AttachmentMetadata, message?: ChatMessage) => AttachmentMenuAction[];
+
+/**
+ * @beta
+ *
+ * Attachment download options defines the list of actions that can be performed on an attachment.
+ */
+export declare interface AttachmentDownloadOptions {
+    actionsForAttachment: AttachmentActionHandler;
+}
+
+/**
+ * @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>;
+}
+
 /**
  * Data model that represents a chat message attachment
  * where it contains an ID to uniquely identify the attachment,
@@ -260,6 +332,150 @@ export declare interface AttachmentMetadata {
     url: string;
 }
 
+/**
+ * Data model that represents a chat message attachment being uploaded
+ * where it contains an ID to uniquely identify the attachment,
+ * a name that represents the name of file,
+ * an optional URL to download the attachment,
+ * an optional progress value between 0 and 1 indicating the progress of the upload, and
+ * an optional error object that contains error message would be shown to the user.
+ *
+ *
+ * @beta
+ */
+export declare interface AttachmentMetadataInProgress {
+    /**
+     * 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 error message would be shown to the user.
+     */
+    error?: AttachmentProgressError;
+}
+
+/**
+ * @beta
+ *
+ * Attachment Options that defines behaviour for uploading and downloading attachments.
+ */
+export declare interface AttachmentOptions {
+    uploadOptions?: AttachmentUploadOptions;
+    downloadOptions?: AttachmentDownloadOptions;
+}
+
+/**
+ * @beta
+ * A attachment progress error object that contains message to be shown to
+ * the user when upload fails.
+ */
+export declare interface AttachmentProgressError {
+    message: string;
+}
+
+/**
+ * @beta
+ * A callback function for handling attachment removed by the user in send box.
+ *
+ * @param attachmentId - The ID of uploaded attachments.
+ */
+export declare type AttachmentRemovalHandler = (attachmentId: string) => void;
+
+/**
+ * @beta
+ * A callback function for handling list of upload tasks that contains files selected by user to upload.
+ *
+ * @param AttachmentUploads - The list of uploaded attachments. Each attachment is represented by an {@link AttachmentUpload} object.
+ */
+export declare type AttachmentSelectionHandler = (attachmentUploads: AttachmentUploadTask[]) => 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 callback function of type {@link AttachmentSelectionHandler} that will be called
+     * when user finishes selecting files in browser's file picker. This function is required since
+     * this would be where upload logic is implemented to your own storage.
+     * @beta
+     */
+    handleAttachmentSelection: AttachmentSelectionHandler;
+    /**
+     * A optional callback function that will be called
+     * when user removing files before clicking send message button. This function will be
+     * where you can remove the file from your storage.
+     * @beta
+     */
+    handleAttachmentRemoval?: AttachmentRemovalHandler;
+}
+
+/**
+ * A upload task represents and manages an attachment that is being uploaded.
+ * When using the Composite, an attachment upload task is created for each file user is selected to upload.
+ * A upload task is complete when notifyUploadCompleted is called.
+ * A upload task is failed when notifyUploadFailed is called.
+ * @beta
+ */
+export declare interface AttachmentUploadTask {
+    /**
+     * Unique identifier for the attachment upload task.
+     */
+    taskId: string;
+    /**
+     * HTML {@link File} object for the uploaded attachment.
+     */
+    file?: File;
+    /**
+     * {@link Blob} object for the uploaded inline image.
+     */
+    image?: Blob;
+    /**
+     * Update the progress of the upload changed.
+     * A upload is considered complete when the progress reaches 1.
+     * @param value - number between 0 and 1
+     */
+    notifyUploadProgressChanged: (value: number) => void;
+    /**
+     * Mark the upload task as complete.
+     * An attachment is considered completed uploading when ID and URL are provided.
+     * @param id - the unique identifier of the attachment.
+     * @param url - the download URL of the attachment.
+     */
+    notifyUploadCompleted: (id: string, url: string) => void;
+    /**
+     * Mark the upload task as failed.
+     * @param message - An error message that can be displayed to the user.
+     */
+    notifyUploadFailed: (message: string) => void;
+}
+
 /**
  * Custom data attributes for displaying avatar for a user.
  *
@@ -450,6 +666,168 @@ 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;
+}
+
+/**
+ * Breakout rooms state
+ *
+ * @public
+ */
+export declare interface BreakoutRoomsState {
+    assignedBreakoutRoom?: BreakoutRoom;
+    breakoutRoomSettings?: BreakoutRoomsSettings;
+    breakoutRoomOriginCallId?: string;
+    breakoutRoomDisplayName?: string;
+}
+
+/**
+ * @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}.
  *
@@ -653,6 +1031,49 @@ export declare interface CallAdapterCallOperations {
      * @public
      */
     disposeStreamView(remoteUserId?: string, options?: VideoStreamOptions): Promise<void>;
+    /**
+     * Create the html view for a stream.
+     *
+     * @remarks
+     * This method is implemented for composite
+     *
+     * @param featureName - Name of feature to render
+     * @param options - Options to control how video streams are rendered {@link @azure/communication-calling#VideoStreamOptions }
+     *
+     * @beta
+     */
+    createTogetherModeStreamViews(options?: VideoStreamOptions): Promise<void | TogetherModeStreamViewResult>;
+    /**
+     * Start Together mode.
+     *
+     * @beta
+     */
+    startTogetherMode(): Promise<void>;
+    /**
+     * Recalculate the seating positions for together mode.
+     *
+     * @remarks
+     * This method is implemented for composite
+     *
+     * @param width - Width of the container
+     * @param height - Height of the container
+     *
+     * @beta
+     */
+    setTogetherModeSceneSize(width: number, height: number): void;
+    /**
+     * Dispose the html view for a stream.
+     *
+     * @remarks
+     * This method is implemented for composite
+     *
+     *
+     * @param featureName - Name of the feature to dispose
+     * @param options - Options to control how video streams are rendered {@link @azure/communication-calling#VideoStreamOptions }
+     *
+     * @beta
+     */
+    disposeTogetherModeStreamViews(): Promise<void>;
     /**
      * Dispose the html view for a screen share stream
      *
@@ -703,6 +1124,10 @@ export declare interface CallAdapterCallOperations {
      * @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
@@ -788,6 +1213,10 @@ export declare interface CallAdapterCallOperations {
      * Mute All participants
      */
     muteAllRemoteParticipants(): Promise<void>;
+    /**
+     * Return to origin call of breakout room
+     */
+    returnFromBreakoutRoom(): Promise<void>;
 }
 
 /**
@@ -822,6 +1251,10 @@ export declare type CallAdapterClientState = {
      * Latest error encountered for each operation performed via the adapter.
      */
     latestErrors: AdapterErrors;
+    /**
+     * Latest notifications from call client state.
+     */
+    latestNotifications: AdapterNotifications;
     /**
      * Azure communications Phone number to make PSTN calls with.
      */
@@ -962,7 +1395,7 @@ export declare interface CallAdapterDeviceManagement {
  *
  * @public
  */
-export declare type CallAdapterLocator = TeamsMeetingLinkLocator | GroupCallLocator | RoomCallLocator | TeamsMeetingIdLocator;
+export declare type CallAdapterLocator = TeamsMeetingLinkLocator | GroupCallLocator | RoomCallLocator | /* @conditional-compile-remove(call-participants-locator) */ CallParticipantsLocator | TeamsMeetingIdLocator;
 
 /**
  * {@link CommonCallAdapter} state.
@@ -1075,6 +1508,10 @@ export declare interface CallAdapterSubscribers {
      * Subscribe function for 'mutedByOthers' event.
      */
     on(event: 'mutedByOthers', listener: PropertyChangedEvent): void;
+    /**
+     * Subscribe function for 'breakoutRoomsUpdated' event.
+     */
+    on(event: 'breakoutRoomsUpdated', listener: BreakoutRoomsUpdatedListener): void;
     /**
      * Unsubscribe function for 'participantsJoined' event.
      */
@@ -1159,6 +1596,10 @@ export declare interface CallAdapterSubscribers {
      * Unsubscribe function for 'mutedByOthers' event.
      */
     off(event: 'mutedByOthers', listener: PropertyChangedEvent): void;
+    /**
+     * Unsubscribe function for 'breakoutRoomsUpdated' event.
+     */
+    off(event: 'breakoutRoomsUpdated', listener: BreakoutRoomsUpdatedListener): void;
 }
 
 /**
@@ -1169,6 +1610,7 @@ export declare interface CallAdapterSubscribers {
 export declare type CallAdapterUiState = {
     isLocalPreviewMicrophoneEnabled: boolean;
     page: CallCompositePage;
+    unsupportedBrowserVersionsAllowed?: boolean;
 };
 
 /**
@@ -1212,7 +1654,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(call-participants-locator) */ CallParticipantsLocator;
     /** Chat thread ID used by {@link createAzureCommunicationCallWithChatAdapter} to locate the chat thread to join */
     chatThreadId: string;
 }
@@ -1299,6 +1741,12 @@ export declare interface CallClientState {
      * See documentation of {@Link CallErrors} for details.
      */
     latestErrors: CallErrors;
+    /**
+     * Stores the latest notifications.
+     *
+     * See documentation of {@Link CallNotifications} for details.
+     */
+    latestNotifications: CallNotifications;
     /**
      * 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
@@ -1450,23 +1898,73 @@ export declare type CallCompositeOptions = {
      */
     callControls?: boolean | CallControlOptions;
     /**
-     * Remote participant video tile menu options
+     * 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.
      */
-    remoteVideoTileMenuOptions?: RemoteVideoTileMenuOptions;
+    deviceChecks?: DeviceCheckOptions;
     /**
-     * Options for controlling the local video tile.
+     * 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.
      *
-     * @remarks if 'false' the local video tile will not be rendered.
+     * @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.
      */
-    localVideoTile?: boolean | LocalVideoTileOptions;
+    onPermissionsTroubleshootingClick?: (permissionsState: {
+        camera: PermissionState;
+        microphone: PermissionState;
+    }) => void;
     /**
-     * Options for controlling video tile.
+     * 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.
      */
-    videoTilesOptions?: VideoTilesOptions;
+    onNetworkingTroubleShootingClick?: () => void;
     /**
-     * Whether to auto show the DTMF Dialer when the call starts in supported scenarios.
-     * - Teams Voice Application like Call queue or Auto Attendant
-     * - PSTN Calls
+     * 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
+     */
+    remoteVideoTileMenuOptions?: RemoteVideoTileMenuOptions;
+    /**
+     * Options for controlling the local video tile.
+     *
+     * @remarks if 'false' the local video tile will not be rendered.
+     */
+    localVideoTile?: boolean | LocalVideoTileOptions;
+    /**
+     * Options for controlling video tile.
+     */
+    videoTilesOptions?: VideoTilesOptions;
+    /**
+     * Whether to auto show the DTMF Dialer when the call starts in supported scenarios.
+     * - Teams Voice Application like Call queue or Auto Attendant
+     * - PSTN Calls
      * @defaultValue false
      */
     disableAutoShowDtmfDialer?: boolean;
@@ -1569,7 +2067,7 @@ export declare type CallCompositeOptions = {
  *
  * @public
  */
-export declare type CallCompositePage = 'accessDeniedTeamsMeeting' | 'call' | 'configuration' | 'hold' | 'joinCallFailedDueToNoNetwork' | 'leftCall' | 'leaving' | 'lobby' | 'removedFromCall' | 'transferring' | 'badRequest';
+export declare type CallCompositePage = 'accessDeniedTeamsMeeting' | 'call' | 'configuration' | 'hold' | 'joinCallFailedDueToNoNetwork' | 'leftCall' | 'leaving' | 'lobby' | 'removedFromCall' | /* @conditional-compile-remove(unsupported-browser) */ 'unsupportedEnvironment' | 'transferring' | 'badRequest';
 
 /**
  * Props for {@link CallComposite}.
@@ -2199,6 +2697,10 @@ export declare interface CallCompositeStrings {
      * Label for the selection of the default (Gallery) layout
      */
     moreButtonLargeGalleryDefaultLayoutLabel?: string;
+    /**
+     * Label for the selection of the Together Mode (Gallery) layout
+     */
+    moreButtonTogetherModeLayoutLabel?: string;
     /**
      * Label for the selection of the floatingLocalVideo (Dynamic) layout
      */
@@ -2414,6 +2916,40 @@ export declare interface CallCompositeStrings {
      * Label for mute all cancel button
      */
     muteAllCancelButtonLabel: string;
+    /**
+     * Label for join breakout room button
+     */
+    joinBreakoutRoomButtonLabel: string;
+    /**
+     * Label for button to return from breakout room
+     */
+    returnFromBreakoutRoomButtonLabel: string;
+    /**
+     * Label for button to leave breakout room and meeting
+     */
+    leaveBreakoutRoomAndMeetingButtonLabel: string;
+    /**
+     * Notification title for when a user joins a breakout room
+     */
+    breakoutRoomJoinedNotificationTitle: string;
+    /**
+     * Title for banner to join the assigned breakout room. The banner is shown in mobile view instead of the
+     * notification.
+     */
+    joinBreakoutRoomBannerTitle: string;
+    /**
+     * Label for button in banner to join breakout room. The banner is shown in mobile view instead of the notification.
+     */
+    joinBreakoutRoomBannerButtonLabel: string;
+    /**
+     * Title for banner to return from breakout room. The banner is shown in mobile view instead of the notification.
+     */
+    returnFromBreakoutRoomBannerTitle: string;
+    /**
+     * Label for button in banner to return from breakout room. The banner is shown in mobile view instead of the
+     * notification.
+     */
+    returnFromBreakoutRoomBannerButtonLabel: string;
 }
 
 /**
@@ -2498,7 +3034,22 @@ 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' | 'CallClient.getEnvironmentInfo' | 'DeviceManager.askDevicePermission' | 'DeviceManager.getCameras' | 'DeviceManager.getMicrophones' | 'DeviceManager.getSpeakers' | 'DeviceManager.off' | 'DeviceManager.on' | 'DeviceManager.selectMicrophone' | 'DeviceManager.selectSpeaker' | 'IncomingCall.accept' | 'IncomingCall.reject' | 'TeamsCall.addParticipant' | 'VideoEffectsFeature.startEffects' | 'Call.mutedByOthers' | 'Call.muteAllRemoteParticipants' | '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' | 'CallClient.getEnvironmentInfo' | 'DeviceManager.askDevicePermission' | 'DeviceManager.getCameras' | 'DeviceManager.getMicrophones' | 'DeviceManager.getSpeakers' | 'DeviceManager.off' | 'DeviceManager.on' | 'DeviceManager.selectMicrophone' | 'DeviceManager.selectSpeaker' | 'IncomingCall.accept' | 'IncomingCall.reject' | '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' | 'Call.mutedByOthers' | 'Call.muteAllRemoteParticipants' | 'Call.setConstraints';
+
+/**
+ * Represents the name of the call feature stream
+ * @beta
+ */
+export declare type CallFeatureStreamName = 'togetherMode';
+
+/**
+ * State only version of {@link @azure/communication-calling#CallFeatureStream}.
+ * Represents call feature stream state.
+ * @beta
+ */
+export declare interface CallFeatureStreamState extends RemoteVideoStreamState {
+    feature?: CallFeatureStreamName;
+}
 
 /**
  * Callback for {@link CallAdapterSubscribers} 'callIdChanged' event.
@@ -2608,6 +3159,21 @@ export declare interface CallingTheme {
     };
 }
 
+/**
+ * @public
+ */
+export declare interface CallNotification {
+    target: NotificationTarget;
+    timestamp: Date;
+}
+
+/**
+ * @public
+ */
+export declare type CallNotifications = {
+    [target in NotificationTarget]: CallNotification;
+};
+
 /**
  * Calling participant's state, as reflected in the UI components.
  *
@@ -2632,6 +3198,25 @@ export declare type CallParticipantListParticipant = ParticipantListParticipant
     reaction?: Reaction;
     /** Whether calling participant is spotlighted **/
     spotlight?: Spotlight;
+    /** Whether calling participant has audio/video media access blocked **/
+    mediaAccess?: MediaAccess;
+};
+
+/**
+ * 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[];
 };
 
 /**
@@ -2734,6 +3319,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}.
      *
@@ -2744,6 +3333,11 @@ export declare interface CallState {
      * Proxy of {@link @azure/communication-calling#RaiseHandCallFeature}.
      */
     raiseHand: RaiseHandCallFeature;
+    /**
+     * Proxy of {@link @azure/communication-calling#TogetherModeCallFeature}.
+     * @beta
+     */
+    togetherMode: TogetherModeCallFeature;
     /**
      * Proxy of {@link @azure/communication-calling#Call.ReactionMessage} with
      * UI helper props receivedOn which indicates the timestamp when the message was received.
@@ -2790,6 +3384,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
      */
@@ -2809,13 +3407,17 @@ export declare interface CallState {
     /**
      * Proxy of {@link @azure/communication-calling#Call.info}.
      */
-    info?: TeamsCallInfo;
+    info?: TeamsCallInfo | /* @conditional-compile-remove(calling-beta-sdk) */ CallInfo;
     /**
      * Proxy of {@link @azure/communication-calling#TeamsMeetingAudioConferencingCallFeature}.
      */
     meetingConference?: {
         conferencePhones: ConferencePhoneInfo[];
     };
+    /**
+     * Proxy of {@link @azure/communication-calling#BreakoutRoomsFeature}.
+     */
+    breakoutRooms?: BreakoutRoomsState;
 }
 
 /**
@@ -2994,6 +3596,48 @@ export declare interface CallWithChatAdapterManagement {
      * @public
      */
     disposeStreamView(remoteUserId?: string, options?: VideoStreamOptions): Promise<void>;
+    /**
+     * Create the html view for a togethermode stream.
+     *
+     * @remarks
+     * This method is implemented for composite
+     *
+     * @param options - Options to control how video streams are rendered {@link @azure/communication-calling#VideoStreamOptions }
+     *
+     * @beta
+     */
+    createTogetherModeStreamViews(options?: VideoStreamOptions): Promise<void | TogetherModeStreamViewResult>;
+    /**
+     * Start together mode.
+     *
+     * @remarks
+     * This method is implemented for composite
+     *
+     *
+     * @beta
+     */
+    startTogetherMode(): Promise<void>;
+    /**
+     * Recalculate the seating positions for together mode.
+     *
+     * @remarks
+     * This method is implemented for composite
+     *
+     * @param width - Width of the container
+     * @param height - Height of the container
+     *
+     * @beta
+     */
+    setTogetherModeSceneSize(width: number, height: number): void;
+    /**
+     * Dispose the html view for a togethermode stream.
+     *
+     * @remarks
+     * This method is implemented for composite
+     *
+     * @beta
+     */
+    disposeTogetherModeStreamViews(): Promise<void>;
     /**
      * Dispose the html view for a screen share stream
      *
@@ -3101,7 +3745,19 @@ export declare interface CallWithChatAdapterManagement {
      *
      * @public
      */
-    sendMessage(content: string, options?: SendMessageOptions): Promise<void>;
+    sendMessage(content: string, options?: SendMessageOptions | /* @conditional-compile-remove(file-sharing-acs) */ MessageOptions): Promise<void>;
+    /**
+     * Upload an inline image for a message.
+     *
+     * @beta
+     */
+    uploadImage(image: Blob, imageFilename: string): Promise<UploadChatImageResult>;
+    /**
+     * Delete an inline image for a message.
+     *
+     * @beta
+     */
+    deleteImage(imageId: string): Promise<void>;
     /**
      * Send a read receipt for a message.
      *
@@ -3119,7 +3775,7 @@ export declare interface CallWithChatAdapterManagement {
      *
      * @public
      */
-    updateMessage(messageId: string, content: string, options?: Record<string, string>): Promise<void>;
+    updateMessage(messageId: string, content: string, options?: Record<string, string> | /* @conditional-compile-remove(file-sharing-acs) */ MessageOptions): Promise<void>;
     /**
      * Delete a message in the thread.
      *
@@ -3164,6 +3820,10 @@ export declare interface CallWithChatAdapterManagement {
      * @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
@@ -3243,6 +3903,10 @@ export declare interface CallWithChatAdapterManagement {
      * Mute a participant
      */
     muteAllRemoteParticipants(): Promise<void>;
+    /**
+     * Return to origin call of breakout room
+     */
+    returnFromBreakoutRoom(): Promise<void>;
 }
 
 /**
@@ -3276,6 +3940,7 @@ export declare interface CallWithChatAdapterSubscriptions {
     on(event: 'isSpokenLanguageChanged', listener: IsSpokenLanguageChangedListener): void;
     on(event: 'capabilitiesChanged', listener: CapabilitiesChangedListener): void;
     on(event: 'spotlightChanged', listener: SpotlightChangedListener): void;
+    on(event: 'breakoutRoomsUpdated', listener: BreakoutRoomsUpdatedListener): void;
     off(event: 'callEnded', listener: CallEndedListener): void;
     off(event: 'isMutedChanged', listener: IsMutedChangedListener): void;
     off(event: 'callIdChanged', listener: CallIdChangedListener): void;
@@ -3293,6 +3958,7 @@ export declare interface CallWithChatAdapterSubscriptions {
     off(event: 'isSpokenLanguageChanged', listener: IsSpokenLanguageChangedListener): void;
     off(event: 'capabilitiesChanged', listener: CapabilitiesChangedListener): void;
     off(event: 'spotlightChanged', listener: SpotlightChangedListener): void;
+    off(event: 'breakoutRoomsUpdated', listener: BreakoutRoomsUpdatedListener): void;
     on(event: 'messageReceived', listener: MessageReceivedListener): void;
     on(event: 'messageEdited', listener: MessageEditedListener): void;
     on(event: 'messageDeleted', listener: MessageDeletedListener): void;
@@ -3331,6 +3997,14 @@ export declare interface CallWithChatAdapterUiState {
      * @public
      */
     page: CallCompositePage;
+    /**
+     * 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;
 }
 
 /**
@@ -3349,6 +4023,8 @@ export declare interface CallWithChatClientState {
     chat?: ChatThreadClientState;
     /** Latest call error encountered for each operation performed via the adapter. */
     latestCallErrors: AdapterErrors;
+    /** Latest call notifications encountered in the call client state via the adapter. */
+    latestCallNotifications: AdapterNotifications;
     /** Latest chat error encountered for each operation performed via the adapter. */
     latestChatErrors: AdapterErrors;
     /** State of available and currently selected devices */
@@ -3502,6 +4178,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
      */
@@ -3604,6 +4336,13 @@ export declare type CallWithChatCompositeOptions = {
          */
         hideSpotlightButtons?: boolean;
     };
+    /**
+     * Enables rich text editor for the send and edit boxes
+     * @defaultValue `false`
+     *
+     * @beta
+     */
+    richTextEditor?: boolean;
 };
 
 /**
@@ -3743,6 +4482,14 @@ export declare interface CallWithChatCompositeStrings {
      * Side pane Chat screen title.
      */
     chatPaneTitle: string;
+    /**
+     * Side pane Chat screen title in a breakout room.
+     */
+    breakoutRoomChatPaneTitle: string;
+    /**
+     * Label for spinner when chat content is loading.
+     */
+    chatContentSpinnerLabel: string;
     /**
      * New Message label for chat button with notification icon component.
      */
@@ -3837,7 +4584,36 @@ export declare interface CallWithChatControlOptions extends CommonCallControlOpt
  *
  * @public
  */
-export declare type CallWithChatEvent = 'callError' | 'chatError' | 'callEnded' | 'isMutedChanged' | 'callIdChanged' | 'isLocalScreenSharingActiveChanged' | 'displayNameChanged' | 'isSpeakingChanged' | 'callParticipantsJoined' | 'callParticipantsLeft' | 'selectedMicrophoneChanged' | 'selectedSpeakerChanged' | 'isCaptionsActiveChanged' | 'captionsReceived' | 'isCaptionLanguageChanged' | 'isSpokenLanguageChanged' | 'capabilitiesChanged' | 'spotlightChanged' | 'messageReceived' | 'messageEdited' | 'messageDeleted' | 'messageSent' | 'messageRead' | 'chatParticipantsAdded' | 'chatParticipantsRemoved' | 'chatInitialized';
+export declare type CallWithChatEvent = 'callError' | 'chatError' | 'callEnded' | 'isMutedChanged' | 'callIdChanged' | 'isLocalScreenSharingActiveChanged' | 'displayNameChanged' | 'isSpeakingChanged' | 'callParticipantsJoined' | 'callParticipantsLeft' | 'selectedMicrophoneChanged' | 'selectedSpeakerChanged' | 'isCaptionsActiveChanged' | 'captionsReceived' | 'isCaptionLanguageChanged' | 'isSpokenLanguageChanged' | 'capabilitiesChanged' | 'spotlightChanged' | /* @conditional-compile-remove(breakout-rooms) */ 'breakoutRoomsUpdated' | 'messageReceived' | 'messageEdited' | 'messageDeleted' | 'messageSent' | 'messageRead' | 'chatParticipantsAdded' | 'chatParticipantsRemoved' | 'chatInitialized';
+
+/**
+ * @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.
@@ -3999,6 +4775,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.
@@ -4326,7 +5127,15 @@ export declare interface ChatAdapterThreadManagement {
      * Send a message in the thread.
      * Please note that SendMessageOptions is being deprecated, please use MessageOptions instead.
      */
-    sendMessage(content: string, options?: SendMessageOptions): Promise<void>;
+    sendMessage(content: string, options?: SendMessageOptions | /* @conditional-compile-remove(file-sharing-acs) */ MessageOptions): Promise<void>;
+    /**
+     * Upload an inline image for a message.
+     */
+    uploadImage(image: Blob, imageFilename: string): Promise<UploadChatImageResult>;
+    /**
+     * Delete an inline image for a message.
+     */
+    deleteImage(imageId: string): Promise<void>;
     /**
      * Send a read receipt for a message.
      */
@@ -4347,7 +5156,7 @@ export declare interface ChatAdapterThreadManagement {
      * Update a message content.
      * Please note that metadata is being deprecated, please use MessageOptions.metadata instead.
      */
-    updateMessage(messageId: string, content: string, options?: Record<string, string>): Promise<void>;
+    updateMessage(messageId: string, content: string, options?: Record<string, string> | /* @conditional-compile-remove(file-sharing-acs) */ MessageOptions): Promise<void>;
     /**
      * Delete a message in the thread.
      */
@@ -4485,6 +5294,7 @@ export declare type ChatCompositeIcons = {
     ParticipantItemOptionsHovered?: JSX.Element;
     SendBoxSend?: JSX.Element;
     SendBoxSendHovered?: JSX.Element;
+    SendBoxAttachFile?: JSX.Element;
 };
 
 /**
@@ -4513,6 +5323,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
@@ -4523,6 +5340,19 @@ 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;
+    /**
+     * Enables rich text editor for the send and edit boxes
+     * @defaultValue `false`
+     *
+     * @beta
+     */
+    richTextEditor?: boolean;
 };
 
 /**
@@ -4550,6 +5380,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';
 }
 
 /**
@@ -4564,6 +5400,26 @@ export declare interface ChatCompositeStrings {
      * Chat list header text
      */
     chatListHeader: string;
+    /**
+     * Upload Attachment Button text
+     */
+    uploadAttachment: string;
+    /**
+     * Error Message for image data is not provided for image upload
+     */
+    uploadImageDataNotProvided: string;
+    /**
+     * Error Message for upload image is too large
+     */
+    uploadImageIsTooLarge: string;
+    /**
+     * Error Message for unsupported image extension for image upload
+     */
+    uploadImageExtensionIsNotAllowed: string;
+    /**
+     * Error Message for unable to upload image
+     */
+    uploadImageFailed: string;
 }
 
 /**
@@ -4612,7 +5468,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' | /* @conditional-compile-remove(chat-beta-sdk) */ 'ChatThreadClient.uploadImage' | /* @conditional-compile-remove(chat-beta-sdk) */ 'ChatThreadClient.deleteImage';
 
 /**
  * Object containing all the handlers required for chat components.
@@ -4623,13 +5479,15 @@ export declare type ChatErrorTarget = 'ChatClient.createChatThread' | 'ChatClien
  * @public
  */
 export declare type ChatHandlers = {
-    onSendMessage: (content: string, options?: SendMessageOptions) => Promise<void>;
+    onSendMessage: (content: string, options?: SendMessageOptions | /* @conditional-compile-remove(file-sharing-acs) */ MessageOptions) => Promise<void>;
+    onUploadImage: (image: Blob, imageFilename: string) => Promise<UploadChatImageResult>;
+    onDeleteImage: (imageId: string) => Promise<void>;
     onMessageSeen: (chatMessageId: string) => Promise<void>;
     onTyping: () => Promise<void>;
     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?: MessageOptions) => Promise<void>;
     onDeleteMessage: (messageId: string) => Promise<void>;
 };
 
@@ -4672,6 +5530,12 @@ export declare interface ChatMessage extends MessageCommon {
     attachments?: AttachmentMetadata[];
 }
 
+/**
+ * @beta
+ * Type of the message content, either 'text' or 'html'.
+ */
+export declare type ChatMessageType = 'text' | 'html';
+
 /**
  * An extension to {@link @azure/communication-chat#ChatMessage} that stores
  * client-side only metadata for chat messages.
@@ -4778,6 +5642,8 @@ export declare type ChatThreadClientState = {
  */
 export declare type ChatThreadProperties = {
     topic?: string;
+    createdBy?: CommunicationIdentifierKind;
+    messagingPolicy?: MessagingPolicy;
 };
 
 /**
@@ -5044,6 +5910,7 @@ export declare interface CommonCallingHandlers {
     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;
     onAcceptCall: (incomingCallId: string, useVideo?: boolean) => Promise<void>;
     onRejectCall: (incomingCallId: string) => Promise<void>;
@@ -5062,6 +5929,38 @@ export declare interface CommonCallingHandlers {
     onStopAllSpotlight: () => Promise<void>;
     onMuteParticipant: (userId: string) => Promise<void>;
     onMuteAllRemoteParticipants: () => Promise<void>;
+    /**
+     * Call back to create a view for together mode
+     *
+     * @beta
+     */
+    onCreateTogetherModeStreamView: (options?: VideoStreamOptions) => Promise<void | TogetherModeStreamViewResult>;
+    /**
+     * Call back to create a view for together mode
+     *
+     * @beta
+     */
+    onStartTogetherMode: () => Promise<void>;
+    /**
+     * Call set together mode scene size
+     *
+     * @beta
+     */
+    onSetTogetherModeSceneSize: (width: number, height: number) => void;
+    /**
+     * Call back to dispose together mode views
+     *
+     * @beta
+     */
+    onDisposeTogetherModeStreamViews: () => Promise<void>;
+    onForbidParticipantAudio?: (userIds: string[]) => Promise<void>;
+    onPermitParticipantAudio?: (userIds: string[]) => Promise<void>;
+    onForbidRemoteParticipantsAudio?: () => Promise<void>;
+    onPermitRemoteParticipantsAudio?: () => Promise<void>;
+    onForbidParticipantVideo?: (userIds: string[]) => Promise<void>;
+    onPermitParticipantVideo?: (userIds: string[]) => Promise<void>;
+    onForbidRemoteParticipantsVideo?: () => Promise<void>;
+    onPermitRemoteParticipantsVideo?: () => Promise<void>;
 }
 
 /**
@@ -5073,6 +5972,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.
  *
@@ -5270,6 +6202,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;
 }
 
 /**
@@ -5319,6 +6256,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 */
@@ -5335,13 +6276,55 @@ export declare interface ComponentStrings {
     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;
     /** Strings for the MeetingConferencePhoneInfoModal */
     meetingConferencePhoneInfo: MeetingConferencePhoneInfoModalStrings;
     IncomingCallNotification: IncomingCallNotificationStrings;
+    /** Strings for the RTT Disclosure Banner */
+    rttDisclosureBanner: RTTDisclosureBannerStrings;
+    /** Strings for the RTTModal */
+    rttModal: RTTModalStrings;
+    /** Strings for RealTimeText */
+    rtt: RealTimeTextStrings;
 }
 
 /**
@@ -5893,7 +6876,7 @@ export declare const createStatefulChatClient: (args: StatefulChatClientArgs, op
 /**
  * @public
  */
-export declare const createTeamsCallAdapter: (args: TeamsCallAdapterArgs) => Promise<TeamsCallAdapter>;
+export declare const createTeamsCallAdapter: (args: TeamsCallAdapterArgs | /* @conditional-compile-remove(teams-identity-support-beta) */ TeamsOutboundCallAdapterArgs) => Promise<TeamsCallAdapter>;
 
 /**
  * Create a {@link TeamsCallAdapter} using the provided {@link StatefulCallClient}.
@@ -5903,7 +6886,7 @@ export declare const createTeamsCallAdapter: (args: TeamsCallAdapterArgs) => Pro
  *
  * @public
  */
-export declare const createTeamsCallAdapterFromClient: (callClient: StatefulCallClient, callAgent: TeamsCallAgent, locator: CallAdapterLocator, options?: TeamsAdapterOptions) => Promise<TeamsCallAdapter>;
+export declare const createTeamsCallAdapterFromClient: (callClient: StatefulCallClient, callAgent: TeamsCallAgent, locator: CallAdapterLocator | /* @conditional-compile-remove(teams-identity-support-beta) */ StartTeamsCallIdentifier[], options?: TeamsAdapterOptions) => Promise<TeamsCallAdapter>;
 
 /**
  * Object returned after creating a local or remote VideoStream.
@@ -6134,7 +7117,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;
@@ -6153,6 +7140,11 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     ErrorBarCallVideoStoppedBySystem: React_2.JSX.Element;
     ErrorBarMutedByRemoteParticipant: React_2.JSX.Element;
     NotificationBarRecording: React_2.JSX.Element;
+    NotificationBarBreakoutRoomOpened: React_2.JSX.Element;
+    NotificationBarBreakoutRoomPromptJoin: React_2.JSX.Element;
+    NotificationBarBreakoutRoomChanged: React_2.JSX.Element;
+    NotificationBarBreakoutRoomJoined: React_2.JSX.Element;
+    NotificationBarBreakoutRoomClosingSoon: React_2.JSX.Element;
     HorizontalGalleryLeftButton: React_2.JSX.Element;
     HorizontalGalleryRightButton: React_2.JSX.Element;
     MessageDelivered: React_2.JSX.Element;
@@ -6177,6 +7169,13 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     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;
     ParticipantItemPinned: React_2.JSX.Element;
     VideoTileMoreOptions: React_2.JSX.Element;
@@ -6206,10 +7205,25 @@ 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;
     ContextualMenuMicMutedIcon: React_2.JSX.Element;
     IncomingCallNotificationRejectIcon: React_2.JSX.Element;
     IncomingCallNotificationAcceptIcon: React_2.JSX.Element;
     IncomingCallNotificationAcceptWithVideoIcon: React_2.JSX.Element;
+    RTTIcon: React_2.JSX.Element;
 };
 
 /**
@@ -6230,6 +7244,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;
@@ -6317,20 +7332,35 @@ 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;
     ErrorBarMutedByRemoteParticipant: React_2.JSX.Element;
     NotificationBarRecording: React_2.JSX.Element;
+    NotificationBarBreakoutRoomOpened: React_2.JSX.Element;
+    NotificationBarBreakoutRoomPromptJoin: React_2.JSX.Element;
+    NotificationBarBreakoutRoomChanged: React_2.JSX.Element;
+    NotificationBarBreakoutRoomJoined: React_2.JSX.Element;
+    NotificationBarBreakoutRoomClosingSoon: 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;
     ParticipantItemPinned: React_2.JSX.Element;
     VideoTileMoreOptions: React_2.JSX.Element;
@@ -6360,12 +7390,57 @@ 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;
     ContextualMenuMicMutedIcon: React_2.JSX.Element;
     IncomingCallNotificationRejectIcon: React_2.JSX.Element;
     IncomingCallNotificationAcceptIcon: React_2.JSX.Element;
     IncomingCallNotificationAcceptWithVideoIcon: React_2.JSX.Element;
+    RTTIcon: 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,
@@ -7035,7 +8110,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.
@@ -7221,6 +8296,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;
 }
 
 /**
@@ -7282,6 +8361,13 @@ export declare interface ImageOverlayStrings {
     dismissButtonAriaLabel: string;
 }
 
+/**
+ * Preset dark theme for the ImageOverlay component.
+ *
+ * @public
+ */
+export declare const imageOverlayTheme: PartialTheme;
+
 /**
  * @public
  * This contains a readonly array that returns all the active `incomingCalls`.
@@ -7735,6 +8821,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
  */
@@ -7822,6 +8930,31 @@ export declare type LocalVideoTileSize = '9:16' | '16:9' | 'hidden' | 'followDev
  */
 export declare type LongPressTrigger = 'mouseAndTouch' | 'touch';
 
+/**
+ * Audio/Video Media access state
+ *
+ * @alpha
+ */
+export declare type MediaAccess = {
+    isAudioPermitted: boolean;
+    isVideoPermitted: boolean;
+};
+
+/**
+ * Media access state
+ * @alpha
+ */
+export declare interface MediaAccessState {
+    /**
+     * Whether the audio is forcibly muted
+     */
+    isAudioPermitted: boolean;
+    /**
+     * Whether the video is forcibly muted
+     */
+    isVideoPermitted: boolean;
+}
+
 /**
  * Payload for {@link DiagnosticChangedEventListner} where there is a change in a media diagnostic.
  *
@@ -7879,6 +9012,76 @@ export declare interface MeetingConferencePhoneInfoModalStrings {
     meetingConferencePhoneInfoModalNoPhoneAvailable: string;
 }
 
+/**
+ * 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.
  *
@@ -7886,7 +9089,7 @@ export declare interface MeetingConferencePhoneInfoModalStrings {
  *
  * @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.
@@ -7928,6 +9131,20 @@ export declare type MessageDeletedListener = MessageReceivedListener;
  */
 export declare type MessageEditedListener = MessageReceivedListener;
 
+/**
+ * @beta
+ * Message option that defines properties that can be set when
+ * sending or updating a chat message.
+ * @property metadata - Metadata that contains additional information about the message to be passed between 2 users.
+ * @property attachments - Attachments that contains file attachments attached to the message.
+ * @property type - Type of the message content, either 'text' or 'html'.
+ */
+export declare type MessageOptions = {
+    metadata?: Record<string, string>;
+    attachments?: AttachmentMetadata[];
+    type?: ChatMessageType;
+};
+
 /**
  * Props to render a single message.
  *
@@ -7943,7 +9160,7 @@ export declare type MessageProps = {
     /**
      * Strings from parent MessageThread component
      */
-    strings: MessageThreadStrings;
+    strings: MessageThreadStrings & /* @conditional-compile-remove(rich-text-editor) */ Partial<RichTextStrings>;
     /**
      * Custom CSS styles for chat message container.
      */
@@ -7989,7 +9206,7 @@ export declare type MessageProps = {
      * @param options - message options to be included in the message
      *
      */
-    onSendMessage?: (content: string) => Promise<void>;
+    onSendMessage?: (content: string, options?: MessageOptions) => Promise<void>;
 };
 
 /**
@@ -8121,7 +9338,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
      */
@@ -8202,6 +9419,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?: (message: ChatMessage) => JSX.Element;
     /**
      * Optional callback to edit a message.
      *
@@ -8230,7 +9452,7 @@ export declare type MessageThreadProps = {
      * @param options - message options to be included in the message
      *
      */
-    onSendMessage?: (content: string) => Promise<void>;
+    onSendMessage?: (content: string, options?: MessageOptions) => Promise<void>;
     /**
      /**
      * Disable editing messages.
@@ -8244,11 +9466,32 @@ 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;
+    /**
+     * Options to enable rich text editor for the edit box.
+     * @beta
+     */
+    richTextEditorOptions?: RichTextEditBoxOptions;
 };
 
 /**
@@ -8322,10 +9565,20 @@ 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;
+    /**
+     * Error message indicating that one or more image uploads are not complete.
+     */
+    imageUploadsPendingError: string;
 }
 
 /**
@@ -8353,10 +9606,24 @@ 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;
 }
 
+/**
+ *
+ * Messaging policy of a chat thread.
+ *
+ * @beta
+ */
+export declare interface MessagingPolicy {
+    /**
+     * Boolean to track whether or not messages are restricted to only text.
+     * */
+    textOnlyChat?: boolean;
+}
+
 /**
  * A button to turn microphone on / off.
  *
@@ -8549,6 +9816,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.
  *
@@ -8848,6 +10140,26 @@ export declare interface NotificationStackStrings {
      * Transcription stopped but recording still going on message
      */
     transcriptionStoppedStillRecording?: NotificationStrings;
+    /**
+     * Message shown in notification when the user will be automatically to their assigned breakout room that is opened
+     */
+    assignedBreakoutRoomOpened?: NotificationStrings;
+    /**
+     * Message shown in notification when the user is prompted to join their assigned breakout room that is opened
+     */
+    assignedBreakoutRoomOpenedPromptJoin?: NotificationStrings;
+    /**
+     * Message shown in notification when the user is assigned breakout room is changed
+     */
+    assignedBreakoutRoomChanged?: NotificationStrings;
+    /**
+     * Message shown in notification when breakout room is joined
+     */
+    breakoutRoomJoined?: NotificationStrings;
+    /**
+     * Message shown in notification when breakout room is closing soon
+     */
+    breakoutRoomClosingSoon?: NotificationStrings;
 }
 
 /**
@@ -8918,6 +10230,9 @@ export declare interface NotificationStyles {
     link?: IStackStyles;
 }
 
+/** @public */
+export declare type NotificationTarget = 'assignedBreakoutRoomOpened' | 'assignedBreakoutRoomOpenedPromptJoin' | 'assignedBreakoutRoomChanged' | 'breakoutRoomJoined' | 'breakoutRoomClosingSoon';
+
 /**
  * All notifications that can be shown in the {@link NotificationStack}.
  *
@@ -9205,6 +10520,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;
     /** List of pinned participants */
@@ -9219,8 +10538,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}.
  *
@@ -9699,6 +11031,60 @@ export declare type ReadReceiptsBySenderId = {
     };
 };
 
+/**
+ * @beta
+ * A component for displaying a single line of RealTimeText
+ */
+export declare const RealTimeText: (props: RealTimeTextProps) => JSX.Element;
+
+/**
+ * @beta
+ * Props for a single line of RealTimeText.
+ */
+export declare interface RealTimeTextProps {
+    /**
+     * RealTimeText id
+     */
+    id: string;
+    /**
+     * Display name of the user
+     */
+    displayName: string;
+    /**
+     * RealTimeText content
+     */
+    captionText: string;
+    /**
+     * user id of the user
+     */
+    userId?: string;
+    /**
+     * Optional callback to override render of the avatar.
+     *
+     * @param userId - user Id
+     */
+    onRenderAvatar?: OnRenderAvatarCallback;
+    /**
+     * Boolean indicating whether the RealTimeText is still in progress
+     */
+    isTyping?: boolean;
+    /**
+     * Strings for RealTimeText
+     */
+    strings?: RealTimeTextStrings;
+}
+
+/**
+ * @beta
+ * strings for rtt
+ */
+export declare interface RealTimeTextStrings {
+    /**
+     * String indicating that the user is typing
+     */
+    isTypingText?: string;
+}
+
 /**
  * State only version of {@link @azure/communication-calling#RecordingCallFeature}. {@link StatefulCallClient} will
  * automatically listen for recording state of the call and update the state exposed by {@link StatefulCallClient} accordingly.
@@ -9710,8 +11096,35 @@ 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[];
 }
 
+/**
+ * State only proxy for {@link @azure/communication-calling#DiagnosticsCallFeature}.
+ *
+ * @beta
+ */
+export declare type RemoteDiagnosticState = {
+    readonly diagnostic: RemoteDiagnosticType;
+    readonly value: DiagnosticQuality | DiagnosticFlag;
+    readonly valueType: DiagnosticValueType;
+};
+
+/**
+ * All type names for {@link @azure/communication-calling#RemoteDiagnosticState}.
+ *
+ * @beta
+ */
+export declare type RemoteDiagnosticType = NetworkDiagnosticType | MediaDiagnosticType | ServerDiagnosticType;
+
 /**
  * State only version of {@link @azure/communication-calling#RemoteParticipant}. {@link StatefulCallClient} will
  * automatically retrieve RemoteParticipants and add their state to the state exposed by {@link StatefulCallClient}.
@@ -9775,6 +11188,14 @@ export declare interface RemoteParticipantState {
      * Proxy of {@link @azure/communication-calling#SpotlightCallFeature.spotlightedParticipants}.
      */
     spotlight?: SpotlightState;
+    /**
+     * Proxy of {@link @azure/communication-calling#Call.MediaAccessCallFeature.MediaAccess}.
+     */
+    mediaAccess?: MediaAccessState;
+    /**
+     * The diagnostic status of RemoteParticipant{@link @azure/communication-calling#RemoteDiagnostics}.
+     */
+    diagnostics?: Partial<Record<RemoteDiagnosticType, RemoteDiagnosticState>>;
 }
 
 /**
@@ -9848,6 +11269,325 @@ export declare type ResourceFetchResult = {
     error?: Error;
 };
 
+/**
+ * Options for the rich text editor edit box configuration.
+ *
+ * @beta
+ */
+export declare interface RichTextEditBoxOptions extends RichTextEditorOptions {
+    /**
+     * Optional callback to handle an inline image that's inserted in the rich text editor.
+     * When not provided, pasting images into rich text editor will be disabled.
+     * @param imageAttributes - attributes of the image such as id, src, style, etc.
+     *        It also contains the image file name which can be accessed through imageAttributes['data-image-file-name']
+     * @param messageId - the id of the message that the inlineImage belongs to.
+     */
+    onInsertInlineImage?: (imageAttributes: Record<string, string>, messageId: string) => void;
+    /**
+     * Optional callback invoked after inline image is removed from the UI.
+     * @param imageAttributes - attributes of the image such as id, src, style, etc.
+     *        It also contains the image file name which can be accessed through imageAttributes['data-image-file-name'].
+     *        Note that if the src attribute is a local blob url, it has been revoked at this point.
+     * @param messageId - the id of the message that the inlineImage belongs to.
+     */
+    onRemoveInlineImage?: (imageAttributes: Record<string, string>, messageId: string) => void;
+    /**
+     * Optional Record of type {@link AttachmentMetadataInProgress}
+     * to render the errorBar for inline images inserted in the MessageThread's edit boxes when:
+     *   - there is an error provided in the messagesInlineImagesWithProgress
+     *   - progress is less than 1 when the send button is clicked
+     *   - content html string is longer than the max allowed length.
+     *     (Note that the id and the url prop of the messagesInlineImagesWithProgress will be used as the id and src attribute of the content html
+     *     when calculating the content length, only for the purpose of displaying the content length overflow error.)
+     */
+    messagesInlineImagesWithProgress?: Record<string, AttachmentMetadataInProgress[]>;
+}
+
+/**
+ * Options for the rich text editor configuration.
+ *
+ * @beta
+ */
+export declare interface RichTextEditorOptions {
+    /**
+     * Optional callback to handle paste event.
+     */
+    onPaste?: (event: {
+        content: DocumentFragment;
+    }) => void;
+}
+
+/**
+ * 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 callback to handle paste event.
+     */
+    onPaste?: (event: {
+        content: DocumentFragment;
+    }) => void;
+    /**
+     * Optional strings to override in component
+     */
+    strings?: Partial<RichTextSendBoxStrings>;
+    /**
+     * Optional text for system message above the text box
+     */
+    systemMessage?: string;
+    /**
+     * Optional array of type {@link AttachmentMetadataInProgress}
+     * to render attachments being uploaded in the SendBox.
+     * @beta
+     */
+    attachments?: AttachmentMetadataInProgress[];
+    /**
+     * 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.
+     */
+    onCancelAttachmentUpload?: (attachmentId: string) => void;
+    /**
+     * Optional callback invoked after inline image is removed from the UI.
+     * @param imageAttributes - attributes of the image such as id, src, style, etc.
+     *        It also contains the image file name which can be accessed through imageAttributes['data-image-file-name'].
+     *        Note that if the src attribute is a local blob url, it has been revoked at this point.
+     */
+    onRemoveInlineImage?: (imageAttributes: Record<string, string>) => void;
+    /**
+     * Callback function used when the send button is clicked.
+     */
+    onSendMessage: (content: string, options?: MessageOptions) => Promise<void>;
+    /**
+     * Optional callback called when user is typing
+     */
+    onTyping?: () => Promise<void>;
+    /**
+     * Optional callback to handle an inline image that's inserted in the rich text editor.
+     * When not provided, pasting images into rich text editor will be disabled.
+     * @param imageAttributes - attributes of the image such as id, src, style, etc.
+     *        It also contains the image file name which can be accessed through imageAttributes['data-image-file-name']
+     */
+    onInsertInlineImage?: (imageAttributes: Record<string, string>) => void;
+    /**
+     * Optional Array of type {@link AttachmentMetadataInProgress}
+     * to render the errorBar for inline images inserted in the RichTextSendBox when:
+     *   - there is an error provided in the inlineImagesWithProgress
+     *   - progress is less than 1 when the send button is clicked
+     *   - content html string is longer than the max allowed length.
+     *     (Note that the id and the url prop of the inlineImagesWithProgress will be used as the id and src attribute of the content html
+     *     when calculating the content length, only for the purpose of displaying the content length overflow error.)
+     */
+    inlineImagesWithProgress?: AttachmentMetadataInProgress[];
+}
+
+/**
+ * Strings of {@link RichTextSendBox} that can be overridden.
+ *
+ * @beta
+ */
+export declare interface RichTextSendBoxStrings extends RichTextStrings, SendBoxStrings {
+}
+
+/**
+ * Strings of RichText that can be overridden.
+ *
+ * @beta
+ */
+export declare interface RichTextStrings {
+    /**
+     * Tooltip text for the bold button.
+     */
+    richTextBoldTooltip: string;
+    /**
+     * Tooltip text for the italic button.
+     */
+    richTextItalicTooltip: string;
+    /**
+     * Tooltip text for the underline button.
+     */
+    richTextUnderlineTooltip: string;
+    /**
+     * Tooltip text for the bullet list button.
+     */
+    richTextBulletListTooltip: string;
+    /**
+     * Tooltip text for the number list button.
+     */
+    richTextNumberListTooltip: string;
+    /**
+     * Tooltip text for the increase indent button.
+     */
+    richTextIncreaseIndentTooltip: string;
+    /**
+     * Tooltip text for the decrease indent button.
+     */
+    richTextDecreaseIndentTooltip: string;
+    /**
+     * Tooltip text insert table button.
+     */
+    richTextInsertTableTooltip: string;
+    /**
+     * Tooltip text for the rich text format button button.
+     */
+    richTextFormatButtonTooltip: string;
+    /**
+     * Text for the insert menu item.
+     */
+    richTextInsertRowOrColumnMenu: string;
+    /**
+     * Title for the insert table menu.
+     */
+    richTextInsertTableMenuTitle: string;
+    /**
+     * Text for the insert menu item to insert row above the current selection.
+     */
+    richTextInsertRowAboveMenu: string;
+    /**
+     * Text for the insert menu item to insert row below the current selection.
+     */
+    richTextInsertRowBelowMenu: string;
+    /**
+     * Text for the insert menu item to insert column to the left from the current selection.
+     */
+    richTextInsertColumnLeftMenu: string;
+    /**
+     * Text for the insert menu item to insert column to the right from the current selection.
+     */
+    richTextInsertColumnRightMenu: string;
+    /**
+     * Text for the delete row or column menu.
+     */
+    richTextDeleteRowOrColumnMenu: string;
+    /**
+     * Text for the delete column menu.
+     */
+    richTextDeleteColumnMenu: string;
+    /**
+     * Text for the delete row menu.
+     */
+    richTextDeleteRowMenu: string;
+    /**
+     * Text for the delete table menu.
+     */
+    richTextDeleteTableMenu: string;
+    /**
+     * Text for the rich text toolbar.
+     */
+    richTextToolbarAriaLabel: string;
+    /**
+     * Text for the rich text toolbar more button.
+     */
+    richTextToolbarMoreButtonAriaLabel: string;
+    /**
+     * Text for announcement when a new bulleted list item is added.
+     */
+    richTextNewBulletedListItemAnnouncement: string;
+    /**
+     * Text for announcement when a new numbered list item is added.
+     */
+    richTextNewNumberedListItemAnnouncement: string;
+    /**
+     * Text for announcement when the bulleted list style is applied.
+     */
+    richTextBulletedListAppliedAnnouncement: string;
+    /**
+     * Text for announcement when the numbered list style is applied.
+     */
+    richTextNumberedListAppliedAnnouncement: string;
+    /**
+     * Error message indicating image upload is not complete.
+     */
+    imageUploadsPendingError: string;
+}
+
+/**
+ * @beta
+ * Banner to disclose that RTT is enabled for all participants for the entire duration of the meeting.
+ */
+export declare const RTTDisclosureBanner: (props: RTTDisclosureBannerProps) => JSX.Element;
+
+/**
+ * @beta
+ * Props for RTT Banner
+ */
+export declare interface RTTDisclosureBannerProps {
+    /**
+     * Optional callback to supply users with further troubleshooting steps or more information for the Real Time Text feature.
+     */
+    onClickLink?: () => void;
+    /** RTT Banner strings */
+    strings?: RTTDisclosureBannerStrings;
+}
+
+/**
+ * @beta
+ * strings for rtt modal
+ */
+export declare interface RTTDisclosureBannerStrings {
+    bannerTitle: string;
+    bannerContent: string;
+    bannerLinkLabel?: string;
+}
+
+/**
+ * @beta
+ * a component for rtt modal
+ */
+export declare const RTTModal: (props: RTTModalProps) => JSX.Element;
+
+/**
+ * @beta
+ * RTTModal Component Props.
+ */
+export declare interface RTTModalProps {
+    /** The strings for the RTT modal */
+    strings?: RTTModalStrings;
+    /** The flag to show the modal */
+    showModal?: boolean;
+    /** The function to dismiss the modal */
+    onDismissModal?: () => void;
+    /** The function to start RTT */
+    onStartRTT?: () => Promise<void>;
+}
+
+/**
+ * @beta
+ * strings for rtt modal
+ */
+export declare interface RTTModalStrings {
+    /** The title of the RTT modal */
+    rttModalTitle?: string;
+    /** The text of the RTT modal */
+    rttModalText?: string;
+    /** The label for the confirm button */
+    rttConfirmButtonLabel?: string;
+    /** The label for the cancel button */
+    rttCancelButtonLabel?: string;
+    /** The aria label for the modal */
+    rttModalAriaLabel?: string;
+    /** The aria label for the close button */
+    rttCloseModalButtonAriaLabel?: string;
+}
+
 /**
  * A button to start / stop screen sharing.
  *
@@ -9919,6 +11659,42 @@ 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;
+    /**
+     * ErrorBar type. Defaults to `warning`.
+     */
+    errorBarType?: SendBoxErrorBarType;
+}
+
+/**
+ * @beta
+ * Error bar type for {@link SendBoxErrorBarError}
+ */
+export declare enum SendBoxErrorBarType {
+    /** Info styled MessageBar */
+    info = 0,
+    /** Error styled MessageBar */
+    error = 1,
+    /** Blocked styled MessageBar */
+    blocked = 2,
+    /** SevereWarning styled MessageBar */
+    severeWarning = 3,
+    /** Success styled MessageBar */
+    success = 4,
+    /** Warning styled MessageBar */
+    warning = 5
+}
+
 /**
  * Props for {@link SendBox}.
  *
@@ -9937,7 +11713,12 @@ export declare interface SendBoxProps {
     /**
      * Optional override behavior on send button click
      */
-    onSendMessage?: (content: string) => Promise<void>;
+    onSendMessage?: (content: string, options?: MessageOptions) => Promise<void>;
+    /**
+     * Optional props needed to lookup suggestions in the mention scenario.
+     * @beta
+     */
+    mentionLookupOptions?: MentionLookupOptions;
     /**
      * Optional callback called when user is typing
      */
@@ -9974,6 +11755,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 type {@link AttachmentMetadataInProgress}
+     * to render attachments being uploaded in the SendBox.
+     * @beta
+     */
+    attachments?: AttachmentMetadataInProgress[];
+    /**
+     * Optional callback to remove the attachment upload before sending by clicking on
+     * cancel icon.
+     * @beta
+     */
+    onCancelAttachmentUpload?: (attachmentId: string) => void;
 }
 
 /**
@@ -10004,6 +11804,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;
 }
 
 /**
@@ -10024,6 +11844,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
@@ -10224,6 +12083,13 @@ export declare interface StartCaptionsAdapterOptions extends StartCaptionsOption
     startInBackground?: boolean;
 }
 
+/**
+ * Parameter to start a call using a Teams user identity.
+ *
+ * @beta
+ */
+export declare type StartTeamsCallIdentifier = MicrosoftTeamsUserIdentifier | PhoneNumberIdentifier | MicrosoftTeamsAppIdentifier | UnknownIdentifier;
+
 /**
  * Defines the methods that allow CallClient {@link @azure/communication-calling#CallClient} to be used statefully.
  * The interface provides access to proxied state and also allows registering a handler for state change events. For
@@ -10335,6 +12201,37 @@ 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;
+    /**
+     * Renders a {@link CallFeatureStreamState}
+     * {@link VideoStreamRendererViewState} under the relevant {@link CallFeatureStreamState}
+     * {@link @azure/communication-calling#VideoStreamRenderer.createView}.
+     *
+     * Scenario 1: Render CallFeatureStreamState
+     * - CallId is required and stream of type CallFeatureStreamState is required
+     * - Resulting {@link VideoStreamRendererViewState} is stored in the given callId and participantId in
+     * {@link CallClientState}
+     *
+     * @param callId - CallId for the given stream. Can be undefined if the stream is not part of any call.
+     * @param stream - The LocalVideoStreamState or RemoteVideoStreamState to start rendering.
+     * @param options - Options that are passed to the {@link @azure/communication-calling#VideoStreamRenderer}.
+     * @beta
+     */
+    createView(callId: string, stream: CallFeatureStreamState, options?: CreateViewOptions): Promise<CreateViewResult | undefined>;
+    /**
+     * Stops rendering a {@link CallFeatureStreamState} and removes the
+     * {@link VideoStreamRendererView} from the relevant {@link CallFeatureStreamState} in {@link CallClientState} or
+     * {@link @azure/communication-calling#VideoStreamRenderer.dispose}.
+     *
+     * Its important to disposeView to clean up resources properly.
+     *
+     * Scenario 1: Dispose CallFeatureStreamState
+     * - CallId is required and stream of type CallFeatureStreamState is required
+     *
+     * @param callId - CallId for the given stream. Can be undefined if the stream is not part of any call.
+     * @param stream - The LocalVideoStreamState or RemoteVideoStreamState to dispose.
+     * @beta
+     */
+    disposeView(callId: string, stream: CallFeatureStreamState): void;
     /**
      * The CallAgent is used to handle calls.
      * To create the CallAgent, pass a CommunicationTokenCredential object provided from SDK.
@@ -10664,7 +12561,7 @@ export declare interface TeamsCallAdapter extends CommonCallAdapter {
  * @public
  */
 export declare type TeamsCallAdapterArgs = TeamsCallAdapterArgsCommon & {
-    locator: TeamsMeetingLinkLocator | TeamsMeetingIdLocator;
+    locator: TeamsMeetingLinkLocator | /* @conditional-compile-remove(call-participants-locator) */ CallParticipantsLocator | TeamsMeetingIdLocator;
 };
 
 /**
@@ -10737,6 +12634,17 @@ export declare interface TeamsIncomingCallState {
     endTime?: Date;
 }
 
+/**
+ * Arguments for creating the Azure Communication Services implementation of {@link TeamsCallAdapter}.
+ *
+ * This is used to create an outbound call scenarios.
+ *
+ * @beta
+ */
+export declare type TeamsOutboundCallAdapterArgs = TeamsCallAdapterArgsCommon & {
+    targetCallees: StartTeamsCallIdentifier[];
+};
+
 /**
  * A string representation of a {@link @azure/communication-common#CommunicationIdentifier}.
  *
@@ -10749,6 +12657,60 @@ export declare interface TeamsIncomingCallState {
  */
 export declare const toFlatCommunicationIdentifier: (identifier: CommunicationIdentifier) => string;
 
+/**
+ * State only version of {@link @azure/communication-calling#TogetherModeCallFeature}. {@link StatefulCallClient}.
+ * Represents the state of the Together Mode feature.
+ * @beta
+ */
+export declare interface TogetherModeCallFeature {
+    isActive: boolean;
+    /**
+     * Proxy of {@link @azure/communication-calling#TogetherModeCallFeature.togetherModeStream}.
+     */
+    streams: TogetherModeStreamsState;
+    /**
+     * Proxy of {@link @azure/communication-calling#TogetherModeCallFeature.TogetherModeSeatingMap}.
+     */
+    seatingPositions: TogetherModeParticipantSeatingState;
+}
+
+/**
+ * Represents the seating positions of participants in Together Mode.
+ *
+ * @beta
+ */
+export declare type TogetherModeParticipantSeatingState = Record<string, TogetherModeSeatingPositionState>;
+
+/**
+ * State only version of {@link @azure/communication-calling#TogetherModeSeatingMap}.
+ * @beta
+ *
+ * Represents the seating position of a participant in Together Mode.
+ */
+export declare interface TogetherModeSeatingPositionState {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+}
+
+/**
+ * Represents the streams in Together Mode.
+ *
+ * @beta
+ */
+export declare interface TogetherModeStreamsState {
+    mainVideoStream?: CallFeatureStreamState;
+}
+
+/**
+ * Interface representing the result of a Together Mode stream view.
+ * @beta
+ */
+export declare interface TogetherModeStreamViewResult {
+    mainVideoView?: CreateVideoStreamViewResult;
+}
+
 /**
  * Callback for {@link ChatAdapterSubscribers} 'topicChanged' event.
  *
@@ -10937,11 +12899,129 @@ 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?: MessageOptions) => Promise<void>;
+
+/**
+ * Result payload for uploading an image.
+ *
+ * @beta
+ */
+export declare type UploadChatImageResult = {
+    /** Id of the image. */
+    id: string;
+    /** The type of attachment. */
+    attachmentType?: 'image' | 'file' | 'unknown';
+    /** The name including file extension type of the attachment. */
+    name?: string;
+};
 
 /**
  * A custom React hook to simplify the creation of {@link CallAdapter}.
@@ -11115,7 +13195,7 @@ export declare const useTeamsCall: () => undefined | TeamsCall;
  *
  * @public
  */
-export declare const useTeamsCallAdapter: (args: Partial<TeamsCallAdapterArgs>, afterCreate?: (adapter: TeamsCallAdapter) => Promise<TeamsCallAdapter>, beforeDispose?: (adapter: TeamsCallAdapter) => Promise<void>) => TeamsCallAdapter | undefined;
+export declare const useTeamsCallAdapter: (args: Partial<TeamsCallAdapterArgs | /* @conditional-compile-remove(teams-identity-support-beta) */ TeamsOutboundCallAdapterArgs>, afterCreate?: (adapter: TeamsCallAdapter) => Promise<TeamsCallAdapter>, beforeDispose?: (adapter: TeamsCallAdapter) => Promise<void>) => TeamsCallAdapter | undefined;
 
 /**
  * Hook to obtain {@link @azure/communication-calling#TeamsCallAgent} from the provider.
@@ -11266,7 +13346,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}.
@@ -11303,6 +13383,10 @@ export declare type VideoGalleryParticipant = {
     isScreenSharingOn?: boolean;
     /** Whether participant is spotlighted **/
     spotlight?: Spotlight;
+    /** Signal strength of the participant, range from 1 to 3, lower means better connection **/
+    signalStrength?: number;
+    /** audio video access states **/
+    mediaAccess?: MediaAccess;
 };
 
 /**
@@ -11467,6 +13551,7 @@ export declare interface VideoGalleryRemoteParticipant extends VideoGalleryParti
      * @public
      * */
     reaction?: Reaction;
+    mediaAccess?: MediaAccess;
 }
 
 /**
@@ -11787,6 +13872,8 @@ export declare interface VideoTileStrings {
     participantStateRinging: string;
     /** String for displaying the Hold state of the remote participant */
     participantStateHold: string;
+    /** String for displaying the reconnecting state of the remote participant */
+    participantReconnecting?: string;
     /** String for the announcement of the muted state of the participant when muted */
     moreOptionsParticipantMutedStateMutedAriaLabel: string;
     /** String for the announcement of the unmuted state of the participant when unmuted */