@azure/communication-react 1.15.0-beta.2 → 1.16.0-alpha-202404160012

package/dist/communication-react.d.ts

@@ -30,11 +30,13 @@ import { CallClientOptions } from '@azure/communication-calling';
 import { CallDirection } from '@azure/communication-calling';
 import { CallEndReason } from '@azure/communication-calling';
 import { CallerInfo } from '@azure/communication-calling';
+import { CallInfo } from '@azure/communication-calling';
 import { CallKind } from '@azure/communication-calling';
 import { CallState as CallState_2 } from '@azure/communication-calling';
 import { CallSurvey } from '@azure/communication-calling';
 import { CallSurveyResponse } from '@azure/communication-calling';
 import { CapabilitiesChangeInfo } from '@azure/communication-calling';
+import { CaptionsKind } from '@azure/communication-calling';
 import { CaptionsResultType } from '@azure/communication-calling';
 import { ChatClient } from '@azure/communication-chat';
 import { ChatClientOptions } from '@azure/communication-chat';
@@ -89,16 +91,21 @@ import { PersonaSize } from '@fluentui/react';
 import { PhoneNumberIdentifier } from '@azure/communication-common';
 import { PropertyChangedEvent } from '@azure/communication-calling';
 import { default as React_2 } from 'react';
+import { Reaction as Reaction_2 } from '@azure/communication-calling';
+import { ReactionMessage } from '@azure/communication-calling';
 import { RecordingInfo } from '@azure/communication-calling';
 import type { RemoteParticipant } from '@azure/communication-calling';
 import { RemoteParticipantState as RemoteParticipantState_2 } from '@azure/communication-calling';
 import { RoomCallLocator } from '@azure/communication-calling';
 import { ScalingMode } from '@azure/communication-calling';
 import { SendMessageOptions } from '@azure/communication-chat';
+import { SpotlightedParticipant } from '@azure/communication-calling';
 import { StartCallOptions } from '@azure/communication-calling';
 import { StartCaptionsOptions } from '@azure/communication-calling';
 import { TeamsCall } from '@azure/communication-calling';
 import { TeamsCallAgent } from '@azure/communication-calling';
+import { TeamsCallInfo } from '@azure/communication-calling';
+import { TeamsMeetingIdLocator } from '@azure/communication-calling';
 import { TeamsMeetingLinkLocator } from '@azure/communication-calling';
 import { Theme } from '@fluentui/react';
 import { TransferEventArgs } from '@azure/communication-calling';
@@ -144,38 +151,6 @@ export declare interface ActiveErrorMessage {
     timestamp?: Date;
 }
 
-/**
- * Attributes required for SendBox to show attachment uploads like name, progress etc.
- * @beta
- */
-export declare interface ActiveFileUpload {
-    /**
-     * Unique identifier for the file upload.
-     */
-    id: string;
-    /**
-     * File name to be rendered for uploaded file.
-     */
-    filename: string;
-    /**
-     * A number between 0 and 1 indicating the progress of the upload.
-     * This is unrelated to the `uploadComplete` property.
-     * It is only used to show the progress of the upload.
-     * Progress of 1 doesn't mark the upload as complete, set the `uploadComplete`
-     * property to true to mark the upload as complete.
-     */
-    progress: number;
-    /**
-     * Error to be displayed to the user if the upload fails.
-     */
-    error?: SendBoxErrorBarError;
-    /**
-     * `true` means that the upload is completed.
-     * This is independent of the upload `progress`.
-     */
-    uploadComplete?: boolean;
-}
-
 /**
  * Error reported via error events and stored in adapter state.
  *
@@ -242,6 +217,27 @@ export declare type AreParamEqual<A extends (props: any) => JSX.Element | undefi
  */
 export declare type AreTypeEqual<A, B> = A extends B ? (B extends A ? true : false) : false;
 
+/**
+ * @beta
+ *
+ * Attachment download options defines the list of actions that can be performed on an attachment.
+ */
+export declare interface AttachmentDownloadOptions {
+    actionsForAttachment: (attachment: AttachmentMetadata, message?: ChatMessage) => AttachmentMenuAction[];
+}
+
+/**
+ * @beta
+ *
+ * Attachment menu action defines buttons that can be shown on the attachment card.
+ * If there's one action, it will be shown as a button, if there are multiple actions, it will be shown as a dropdown.
+ */
+export declare interface AttachmentMenuAction {
+    name: string;
+    icon: JSX.Element;
+    onClick: (attachment: AttachmentMetadata) => Promise<void>;
+}
+
 /**
  * Metadata containing basic information about the uploaded attachment.
  *
@@ -253,22 +249,136 @@ export declare interface AttachmentMetadata {
      * An unknown or empty extension will be rendered as a generic icon.
      * Example: `pdf`
      */
-    extension: string;
+    extension?: string;
     /**
      * Unique ID of the attachment.
      */
     id: string;
     /**
-     * File name to be displayed.
+     * Attachment name to be displayed.
      */
     name: string;
     /**
      * Download URL for the attachment.
      */
-    url: string;
-    payload?: Record<string, string>;
+    url?: string;
+    /**
+     * A number between 0 and 1 indicating the progress of the upload.
+     */
+    progress?: number;
+    /**
+     * A object contains status message would be shown to the user.
+     */
+    uploadError?: AttachmentUploadStatus;
+}
+
+/**
+ * @beta
+ *
+ * Attachment Options that defines behaviour for uploading and downloading attachments.
+ */
+export declare interface AttachmentOptions {
+    uploadOptions?: AttachmentUploadOptions;
+    downloadOptions?: AttachmentDownloadOptions;
+}
+
+/**
+ * @beta
+ */
+export declare interface AttachmentUploadAdapter {
+    registerActiveUploads: (files: File[]) => AttachmentUploadManager[];
+    registerCompletedUploads: (metadata: AttachmentMetadata[]) => AttachmentUploadManager[];
+    clearUploads: () => void;
+    cancelUpload: (id: string) => void;
+    updateUploadProgress: (id: string, progress: number) => void;
+    updateUploadStatusMessage: (id: string, errorMessage: string) => void;
+    updateUploadMetadata: (id: string, metadata: AttachmentMetadata) => void;
+}
+
+/**
+ * @beta
+ * A callback function for handling attachment uploads.
+ *
+ * @param AttachmentUploads - The list of uploaded attachments. Each attachment is represented by an {@link AttachmentUpload} object.
+ */
+export declare type AttachmentUploadHandler = (attachmentUploads: AttachmentUploadManager[]) => void;
+
+/**
+ * A wrapper object for a attachment that is being uploaded.
+ * Allows managing attachment uploads by providing common functions for updating the
+ * upload progress, canceling an upload, completing an upload etc.
+ * @beta
+ */
+export declare interface AttachmentUploadManager {
+    /**
+     * Unique identifier for the attachment upload.
+     */
+    id: string;
+    /**
+     * HTML {@link File} object for the uploaded attachment.
+     */
+    file?: File;
+    /**
+     * Update the progress of the upload changed.
+     * A upload is considered complete when the progress reaches 1.
+     * @param value - number between 0 and 1
+     */
+    notifyProgressChanged: (value: number) => void;
+    /**
+     * Mark the upload as complete.
+     * Requires the `metadata` param containing uploaded attachment information.
+     * @param metadata - {@link AttachmentMetadata}
+     */
+    notifyCompleted: (metadata: AttachmentMetadata) => void;
+    /**
+     * Mark the upload as failed.
+     * @param message - An error message that can be displayed to the user.
+     */
+    notifyFailed: (message: string) => void;
+}
+
+/**
+ * @beta
+ */
+export declare interface AttachmentUploadOptions {
+    /**
+     * A list of strings containing the comma separated list of supported media (aka. mime) types.
+     * i.e. ['image/*', 'video/*', 'audio/*']
+     * Default value is `['*']`, meaning all media types are supported.
+     * Similar to the `accept` attribute of the `<input type="attachment" />` element.
+     * @beta
+     */
+    supportedMediaTypes?: string[];
+    /**
+     * Disable multiple attachments to be selected if set to `true`.
+     * Default value is `false`, meaning multiple attachments can be selected.
+     * Similar to the `multiple` attribute of the `<input type="attachment" />` element.
+     * @beta
+     */
+    disableMultipleUploads?: boolean;
+    /**
+     * A function of type {@link AttachmentUploadHandler} for handling attachment uploads.
+     * @beta
+     */
+    handler: AttachmentUploadHandler;
+}
+
+/**
+ * @beta
+ * A attachment upload status object that contains message to be shown to
+ * the user and a timestamp.
+ */
+export declare interface AttachmentUploadStatus {
+    message: string;
+    timestamp: number;
 }
 
+/**
+ * A record containing {@link AttachmentMetadata} mapped to unique ids.
+ * @beta
+ */
+export declare type AttachmentUploadsUiState = Record<string, AttachmentMetadata>;
+
 /**
  * Custom data attributes for displaying avatar for a user.
  *
@@ -352,7 +462,7 @@ export declare type AzureCommunicationCallWithChatAdapterArgs = {
     userId: CommunicationUserIdentifier;
     displayName: string;
     credential: CommunicationTokenCredential;
-    locator: CallAndChatLocator | TeamsMeetingLinkLocator;
+    locator: CallAndChatLocator | TeamsMeetingLinkLocator | /** @conditional-compile-remove(meeting-id) */ TeamsMeetingIdLocator;
     alternateCallerId?: string;
     callAdapterOptions?: AzureCommunicationCallAdapterOptions;
 };
@@ -765,6 +875,12 @@ export declare interface CallAdapterCallOperations {
      * @public
      */
     lowerHand(): Promise<void>;
+    /**
+     * Send reaction emoji
+     *
+     * @public
+     */
+    onReactionClick(reaction: Reaction_2): Promise<void>;
     /**
      * Stop sharing the screen
      *
@@ -913,9 +1029,23 @@ export declare interface CallAdapterCallOperations {
     /**
      * Send the end of call survey result
      *
-     * @beta
+     * @public
      */
     submitSurvey(survey: CallSurvey): Promise<CallSurveyResponse | undefined>;
+    /**
+     * Start spotlight for local and remote participants by their user ids.
+     * If no array of user ids is passed then action is performed on local participant.
+     */
+    startSpotlight(userIds?: string[]): Promise<void>;
+    /**
+     * Stop spotlight for local and remote participants by their user ids.
+     * If no array of user ids is passed then action is performed on local participant.
+     */
+    stopSpotlight(userIds?: string[]): Promise<void>;
+    /**
+     * Stop all spotlights
+     */
+    stopAllSpotlight(): Promise<void>;
 }
 
 /**
@@ -972,10 +1102,19 @@ export declare type CallAdapterClientState = {
      * Call from transfer request accepted by local user
      */
     acceptedTransferCallState?: CallState;
+    /**
+     * Hide attendee names in teams meeting
+     */
+    hideAttendeeNames?: boolean;
     /**
      * State to track the sounds to be used in the call.
      */
     sounds?: CallingSounds;
+    /**
+     * State to track the reactions to be used.
+     * @public
+     */
+    reactions?: ReactionResources;
 };
 
 /**
@@ -1060,7 +1199,7 @@ export declare interface CallAdapterDeviceManagement {
  *
  * @public
  */
-export declare type CallAdapterLocator = TeamsMeetingLinkLocator | GroupCallLocator | RoomCallLocator | /* @conditional-compile-remove(teams-adhoc-call) */ /* @conditional-compile-remove(PSTN-calls) */ CallParticipantsLocator;
+export declare type CallAdapterLocator = TeamsMeetingLinkLocator | GroupCallLocator | RoomCallLocator | /* @conditional-compile-remove(teams-adhoc-call) */ /* @conditional-compile-remove(PSTN-calls) */ CallParticipantsLocator | /* @conditional-compile-remove(meeting-id) */ TeamsMeetingIdLocator;
 
 /**
  * {@link CommonCallAdapter} state.
@@ -1165,6 +1304,10 @@ export declare interface CallAdapterSubscribers {
      * Subscribe function for 'roleChanged' event.
      */
     on(event: 'roleChanged', listener: PropertyChangedEvent): void;
+    /**
+     * Subscribe function for 'spotlightChanged' event.
+     */
+    on(event: 'spotlightChanged', listener: SpotlightChangedListener): void;
     /**
      * Unsubscribe function for 'participantsJoined' event.
      */
@@ -1241,6 +1384,10 @@ export declare interface CallAdapterSubscribers {
      * Unsubscribe function for 'roleChanged' event.
      */
     off(event: 'roleChanged', listener: PropertyChangedEvent): void;
+    /**
+     * Subscribe function for 'spotlightChanged' event.
+     */
+    off(event: 'spotlightChanged', listener: SpotlightChangedListener): void;
 }
 
 /**
@@ -1425,8 +1572,11 @@ export declare type CallCompositeIcons = {
     ControlButtonMicProhibited?: JSX.Element;
     ControlButtonRaiseHand?: JSX.Element;
     ControlButtonLowerHand?: JSX.Element;
+    ControlButtonExitSpotlight?: JSX.Element;
     RaiseHandContextualMenuItem?: JSX.Element;
+    ReactionContextualMenuItem?: JSX.Element;
     LowerHandContextualMenuItem?: JSX.Element;
+    ReactionButtonIcon?: JSX.Element;
     ErrorBarCallCameraAccessDenied?: JSX.Element;
     ErrorBarCallCameraAlreadyInUse?: JSX.Element;
     ErrorBarCallLocalVideoFreeze?: JSX.Element;
@@ -1482,6 +1632,8 @@ export declare type CallCompositeIcons = {
     LargeGalleryLayout?: JSX.Element;
     DefaultCustomButton?: JSX.Element;
     DtmfDialpadButton?: JSX.Element;
+    PeoplePaneMoreButton?: JSX.Element;
+    StopAllSpotlightMenuButton?: JSX.Element;
 };
 
 /**
@@ -1644,6 +1796,16 @@ export declare type CallCompositeOptions = {
             url: string;
         };
     };
+    /**
+     * Options for settings related to spotlight.
+     */
+    spotlight?: {
+        /**
+         * Flag to hide the menu buttons to start and stop spotlight for remote participants and the local participant.
+         * @defaultValue false
+         */
+        hideSpotlightButtons?: boolean;
+    };
 };
 
 /**
@@ -1651,7 +1813,7 @@ export declare type CallCompositeOptions = {
  *
  * @public
  */
-export declare type CallCompositePage = 'accessDeniedTeamsMeeting' | 'call' | 'configuration' | /* @conditional-compile-remove(PSTN-calls) */ 'hold' | 'joinCallFailedDueToNoNetwork' | 'leftCall' | 'leaving' | 'lobby' | 'removedFromCall' | /* @conditional-compile-remove(unsupported-browser) */ 'unsupportedEnvironment' | /* @conditional-compile-remove(call-transfer) */ 'transferring';
+export declare type CallCompositePage = 'accessDeniedTeamsMeeting' | 'call' | 'configuration' | /* @conditional-compile-remove(PSTN-calls) */ 'hold' | 'joinCallFailedDueToNoNetwork' | 'leftCall' | 'leaving' | 'lobby' | 'removedFromCall' | /* @conditional-compile-remove(unsupported-browser) */ 'unsupportedEnvironment' | 'transferring';
 
 /**
  * Props for {@link CallComposite}.
@@ -1917,6 +2079,30 @@ export declare interface CallCompositeStrings {
      * Label for menu item to remove participant
      */
     removeMenuLabel: string;
+    /**
+     * Label for menu item to start spotlight on participant
+     */
+    startSpotlightMenuLabel: string;
+    /**
+     * Label for menu item to add spotlight on participant
+     */
+    addSpotlightMenuLabel: string;
+    /**
+     * Label for menu item to stop spotlight on participant
+     */
+    stopSpotlightMenuLabel: string;
+    /**
+     * Label for menu item to stop spotlight on local user
+     */
+    stopSpotlightOnSelfMenuLabel: string;
+    /**
+     * Label for menu item to stop spotlight on local user
+     */
+    spotlightLimitReachedMenuTitle: string;
+    /**
+     * Label for menu item to stop all spotlight
+     */
+    stopAllSpotlightMenuLabel: string;
     /**
      * Label for add people dropdown
      */
@@ -2313,10 +2499,6 @@ export declare interface CallCompositeStrings {
      * Cancel button label for survey
      */
     surveySkipButtonLabel: string;
-    /**
-     * Default text for free form text box
-     */
-    surveyTextboxDefaultText: string;
     /**
      * Thank you text appeared on screen after survey is submitted
      */
@@ -2328,7 +2510,7 @@ export declare interface CallCompositeStrings {
     /**
      * Corresponding texts to each call category
      */
-    SurveyIssuesHeadingStrings: SurveyIssuesHeadingStrings;
+    surveyIssuesHeadingStrings: SurveyIssuesHeadingStrings;
     /**
      * String for the dismiss control on the local and remote PIP on mobile
      */
@@ -2377,6 +2559,50 @@ export declare interface CallCompositeStrings {
      * Label to hide the dtmf dialer in the more button menu
      */
     dtmfDialerMoreButtonLabelOff?: string;
+    /**
+     * Strings for spotlight prompt
+     */
+    spotlightPrompt: SpotlightPromptStrings;
+    /**
+     * Label for button to exit spotlight
+     */
+    exitSpotlightButtonLabel: string;
+    /**
+     * Tooltip for button to exit spotlight
+     */
+    exitSpotlightButtonTooltip: string;
+    /**
+     * Label for confirm button of hang up for everyone dialog
+     */
+    leaveConfirmButtonLabel?: string;
+    /**
+     * Label for confirm button of leave confim dialog
+     */
+    endCallConfirmButtonLabel?: string;
+    /**
+     * Label for cancel button in hang up confirm dialog
+     */
+    hangUpCancelButtonLabel?: string;
+    /**
+     * Title of confirm dialog when leaving
+     */
+    leaveConfirmDialogTitle?: string;
+    /**
+     * Content of confirm dialog when leaving
+     */
+    leaveConfirmDialogContent?: string;
+    /**
+     * Title of confirm dialog when leaving
+     */
+    endCallConfirmDialogTitle?: string;
+    /**
+     * Content of confirm dialog when leaving
+     */
+    endCallConfirmDialogContent?: string;
+    /**
+     * Error message when the meeting identifier or passcode is invalid
+     */
+    invalidMeetingIdentifier: string;
 }
 
 /**
@@ -2391,7 +2617,7 @@ export declare type CallControlDisplayType = 'default' | 'compact';
  *
  * @public
  */
-export declare type CallControlOptions = (CommonCallControlOptions & {
+export declare type CallControlOptions = CommonCallControlOptions & {
     /**
      * Show, Hide or Disable participants button during a call. This is the option only work for legacyControl bar.
      * @defaultValue true
@@ -2400,7 +2626,7 @@ export declare type CallControlOptions = (CommonCallControlOptions & {
         disabled: boolean;
     };
     legacyControlBarExperience?: boolean;
-});
+};
 
 /**
  * Callback for {@link CallAdapterSubscribers} 'callEnded' event.
@@ -2558,6 +2784,14 @@ export declare type CallParticipantListParticipant = ParticipantListParticipant
     isSpeaking?: boolean;
     /** Whether calling participant is raised hand */
     raisedHand?: RaisedHand;
+    /**
+     * Whether calling participant has reacted
+     *
+     * @beta
+     * */
+    reaction?: Reaction;
+    /** Whether calling participant is spotlighted **/
+    spotlight?: Spotlight;
 };
 
 /**
@@ -2681,10 +2915,23 @@ export declare interface CallState {
      * Proxy of {@link @azure/communication-calling#LocalRecordingCallFeature}.
      */
     localRecording: LocalRecordingCallFeatureState;
+    /**
+     * Proxy of {@link @azure/communication-calling#PPTLiveCallFeature}.
+     *
+     *@public
+     */
+    pptLive: PPTLiveCallFeatureState;
     /**
      * Proxy of {@link @azure/communication-calling#RaiseHandCallFeature}.
      */
     raiseHand: RaiseHandCallFeature;
+    /**
+     * Proxy of {@link @azure/communication-calling#Call.ReactionMessage} with
+     * UI helper props receivedOn which indicates the timestamp when the message was received.
+     *
+     * @public
+     */
+    localParticipantReaction?: ReactionState;
     /**
      * Stores the currently active screenshare participant's key. If there is no screenshare active, then this will be
      * undefined. You can use this key to access the remoteParticipant data in {@link CallState.remoteParticipants} object.
@@ -2695,6 +2942,17 @@ export declare interface CallState {
      * This property is added by the stateful layer and is not a proxy of SDK state
      */
     screenShareRemoteParticipant?: string;
+    /**
+     * Stores the currently active pptlive participant's key. Will be reused by White board etc. If there is no screenshare active, then this will be
+     * undefined. You can use this key to access the remoteParticipant data in {@link CallState.remoteParticipants} object.
+     *
+     * Note this only applies to PPTLive in RemoteParticipant.
+     *
+     * This property is added by the stateful layer and is not a proxy of SDK state
+     *
+     *@public
+     */
+    contentSharingRemoteParticipant?: string;
     /**
      * Stores the local date when the call started on the client. This property is added by the stateful layer and is not
      * a proxy of SDK state.
@@ -2725,11 +2983,23 @@ export declare interface CallState {
      * Proxy of {@link @azure/communication-calling#CapabilitiesFeature}.
      */
     capabilitiesFeature?: CapabilitiesFeatureState;
+    /**
+     * Hide attendee names in teams meeting
+     */
+    hideAttendeeNames?: boolean;
+    /**
+     * Proxy of {@link @azure/communication-calling#SpotlightCallFeature}.
+     */
+    spotlight?: SpotlightCallFeatureState;
+    /**
+     * Proxy of {@link @azure/communication-calling#Call.info}.
+     */
+    info?: CallInfo | TeamsCallInfo;
 }
 
 /**
  * Represents the improvement suggestion part of call survey
- * @beta
+ * @public
  */
 export declare interface CallSurveyImprovementSuggestions {
     /**
@@ -2872,6 +3142,13 @@ export declare interface CallWithChatAdapterManagement {
      * @public
      */
     lowerHand(): Promise<void>;
+    /**
+     * Send Reaction to ongoing meeting.
+     * @param reaction - A value of type {@link @azure/communication-calling#Reaction}
+     *
+     * @public
+     */
+    onReactionClick(reaction: Reaction_2): Promise<void>;
     /**
      * Create the html view for a stream.
      *
@@ -3038,19 +3315,19 @@ export declare interface CallWithChatAdapterManagement {
      */
     loadPreviousChatMessages(messagesToLoad: number): Promise<boolean>;
     /** @beta */
-    registerActiveFileUploads: (files: File[]) => FileUploadManager[];
+    registerActiveUploads: (files: File[]) => AttachmentUploadManager[];
     /** @beta */
-    registerCompletedFileUploads: (metadata: AttachmentMetadata[]) => FileUploadManager[];
+    registerCompletedUploads: (metadata: AttachmentMetadata[]) => AttachmentUploadManager[];
     /** @beta */
-    clearFileUploads: () => void;
+    clearUploads: () => void;
     /** @beta */
-    cancelFileUpload: (id: string) => void;
+    cancelUpload: (id: string) => void;
     /** @beta */
-    updateFileUploadProgress: (id: string, progress: number) => void;
+    updateUploadProgress: (id: string, progress: number) => void;
     /** @beta */
-    updateFileUploadErrorMessage: (id: string, errorMessage: string) => void;
+    updateUploadStatusMessage: (id: string, errorMessage: string) => void;
     /** @beta */
-    updateFileUploadMetadata: (id: string, metadata: AttachmentMetadata) => void;
+    updateUploadMetadata: (id: string, metadata: AttachmentMetadata) => void;
     /** @public */
     downloadResourceToCache(resourceDetails: ResourceDetails): Promise<void>;
     /** @public */
@@ -3132,9 +3409,21 @@ export declare interface CallWithChatAdapterManagement {
     /**
      * Send the end of call survey result
      *
-     * @beta
+     * @public
      */
     submitSurvey(survey: CallSurvey): Promise<CallSurveyResponse | undefined>;
+    /**
+     * Start spotlight
+     */
+    startSpotlight(userIds?: string[]): Promise<void>;
+    /**
+     * Stop spotlight
+     */
+    stopSpotlight(userIds?: string[]): Promise<void>;
+    /**
+     * Stop all spotlights
+     */
+    stopAllSpotlight(): Promise<void>;
 }
 
 /**
@@ -3167,6 +3456,7 @@ export declare interface CallWithChatAdapterSubscriptions {
     on(event: 'isCaptionLanguageChanged', listener: IsCaptionLanguageChangedListener): void;
     on(event: 'isSpokenLanguageChanged', listener: IsSpokenLanguageChangedListener): void;
     on(event: 'capabilitiesChanged', listener: CapabilitiesChangedListener): void;
+    on(event: 'spotlightChanged', listener: SpotlightChangedListener): void;
     off(event: 'callEnded', listener: CallEndedListener): void;
     off(event: 'isMutedChanged', listener: IsMutedChangedListener): void;
     off(event: 'callIdChanged', listener: CallIdChangedListener): void;
@@ -3183,6 +3473,7 @@ export declare interface CallWithChatAdapterSubscriptions {
     off(event: 'isCaptionLanguageChanged', listener: IsCaptionLanguageChangedListener): void;
     off(event: 'isSpokenLanguageChanged', listener: IsSpokenLanguageChangedListener): void;
     off(event: 'capabilitiesChanged', listener: CapabilitiesChangedListener): void;
+    off(event: 'spotlightChanged', listener: SpotlightChangedListener): void;
     on(event: 'messageReceived', listener: MessageReceivedListener): void;
     on(event: 'messageEdited', listener: MessageEditedListener): void;
     on(event: 'messageDeleted', listener: MessageDeletedListener): void;
@@ -3222,11 +3513,11 @@ export declare interface CallWithChatAdapterUiState {
     /**
      * Files being uploaded by a user in the current thread.
      * Should be set to null once the upload is complete.
-     * Array of type {@link FileUploadsUiState}
+     * Array of type {@link AttachmentUploadsUiState}
      *
      * @beta
      */
-    fileUploads?: FileUploadsUiState;
+    attachmentUploads?: AttachmentUploadsUiState;
     /**
      * State to track whether the end user has opted in to using a
      * out of date version of a supported browser. Allows the user
@@ -3269,6 +3560,12 @@ export declare interface CallWithChatClientState {
     onResolveVideoEffectDependency?: () => Promise<VideoBackgroundEffectsDependency>;
     /** State to track the selected video background effect */
     selectedVideoBackgroundEffect?: VideoBackgroundEffect;
+    /** Hide attendee names in teams meeting */
+    hideAttendeeNames?: boolean;
+    /**
+     * Reaction resources to render in meetings
+     * */
+    reactions?: ReactionResources;
 }
 
 /**
@@ -3355,6 +3652,8 @@ export declare type CallWithChatCompositeIcons = {
     SendBoxAttachFile?: JSX.Element;
     ParticipantItemOptions?: JSX.Element;
     ParticipantItemOptionsHovered?: JSX.Element;
+    PeoplePaneMoreButton?: JSX.Element;
+    StopAllSpotlightMenuButton?: JSX.Element;
 };
 
 /**
@@ -3373,7 +3672,7 @@ export declare type CallWithChatCompositeOptions = {
      * If undefined, file sharing feature will be disabled.
      * @beta
      */
-    fileSharing?: FileSharingOptions;
+    attachmentOptions?: AttachmentOptions;
     /**
      * Device permissions check options for your call.
      * Here you can choose what device permissions you prompt the user for,
@@ -3516,6 +3815,16 @@ export declare type CallWithChatCompositeOptions = {
             url: string;
         };
     };
+    /**
+     * Options for settings related to spotlight.
+     */
+    spotlight?: {
+        /**
+         * Flag to hide the menu buttons to start and stop spotlight for remote participants and the local participant.
+         * @defaultValue false
+         */
+        hideSpotlightButtons?: boolean;
+    };
 };
 
 /**
@@ -3737,7 +4046,7 @@ export declare interface CallWithChatControlOptions extends CommonCallControlOpt
  *
  * @public
  */
-export declare type CallWithChatEvent = 'callError' | 'chatError' | 'callEnded' | 'isMutedChanged' | 'callIdChanged' | 'isLocalScreenSharingActiveChanged' | 'displayNameChanged' | 'isSpeakingChanged' | 'callParticipantsJoined' | 'callParticipantsLeft' | 'selectedMicrophoneChanged' | 'selectedSpeakerChanged' | /* @conditional-compile-remove(close-captions) */ 'isCaptionsActiveChanged' | /* @conditional-compile-remove(close-captions) */ 'captionsReceived' | /* @conditional-compile-remove(close-captions) */ 'isCaptionLanguageChanged' | /* @conditional-compile-remove(close-captions) */ 'isSpokenLanguageChanged' | /* @conditional-compile-remove(capabilities) */ 'capabilitiesChanged' | 'messageReceived' | 'messageEdited' | 'messageDeleted' | 'messageSent' | 'messageRead' | 'chatParticipantsAdded' | 'chatParticipantsRemoved';
+export declare type CallWithChatEvent = 'callError' | 'chatError' | 'callEnded' | 'isMutedChanged' | 'callIdChanged' | 'isLocalScreenSharingActiveChanged' | 'displayNameChanged' | 'isSpeakingChanged' | 'callParticipantsJoined' | 'callParticipantsLeft' | 'selectedMicrophoneChanged' | 'selectedSpeakerChanged' | /* @conditional-compile-remove(close-captions) */ 'isCaptionsActiveChanged' | /* @conditional-compile-remove(close-captions) */ 'captionsReceived' | /* @conditional-compile-remove(close-captions) */ 'isCaptionLanguageChanged' | /* @conditional-compile-remove(close-captions) */ 'isSpokenLanguageChanged' | 'capabilitiesChanged' | /* @conditional-compile-remove(spotlight) */ 'spotlightChanged' | 'messageReceived' | 'messageEdited' | 'messageDeleted' | 'messageSent' | 'messageRead' | 'chatParticipantsAdded' | 'chatParticipantsRemoved';
 
 /**
  * @beta
@@ -4095,6 +4404,10 @@ export declare interface CaptionsCallFeatureState {
      * current caption language
      */
     currentCaptionLanguage: string;
+    /**
+     * current caption kind: teams or acs captions
+     */
+    captionsKind: CaptionsKind;
 }
 
 /**
@@ -4154,7 +4467,7 @@ export declare type CaptionsReceivedListener = (event: {
  *
  * @public
  */
-export declare type ChatAdapter = ChatAdapterThreadManagement & AdapterState<ChatAdapterState> & Disposable_2 & ChatAdapterSubscribers & /* @conditional-compile-remove(file-sharing) */ FileUploadAdapter;
+export declare type ChatAdapter = ChatAdapterThreadManagement & AdapterState<ChatAdapterState> & Disposable_2 & ChatAdapterSubscribers & AttachmentUploadAdapter;
 
 /**
  * {@link ChatAdapter} state.
@@ -4278,7 +4591,7 @@ export declare interface ChatAdapterThreadManagement {
     /**
      * Update a message content.
      */
-    updateMessage(messageId: string, content: string, metadata?: Record<string, string>, /* @conditional-compile-remove(file-sharing) */ options?: {
+    updateMessage(messageId: string, content: string, metadata?: Record<string, string>, options?: {
         attachmentMetadata?: AttachmentMetadata[];
     }): Promise<void>;
     /**
@@ -4311,19 +4624,19 @@ export declare interface ChatAdapterThreadManagement {
 export declare type ChatAdapterUiState = {
     error?: Error;
     /**
-     * Files being uploaded by a user in the current thread.
+     * Attachments being uploaded by a user in the current thread.
      * Should be set to null once the upload is complete.
-     * Array of type {@link FileUploadsUiState}
+     * Array of type {@link AttachmentUploadsUiState}
      * @beta
      */
-    fileUploads?: FileUploadsUiState;
+    attachmentUploads?: AttachmentUploadsUiState;
 };
 
 /**
  * Represents the type of attachment
  * @public
  */
-export declare type ChatAttachmentType = 'unknown' | 'image' | /* @conditional-compile-remove(file-sharing) */ 'file';
+export declare type ChatAttachmentType = 'unknown' | 'image' | /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ 'file';
 
 /**
  * Common props for selectors for {@link ChatClientState}.
@@ -4462,7 +4775,7 @@ export declare type ChatCompositeOptions = {
      * If undefined, file sharing feature will be disabled.
      * @beta
      */
-    fileSharing?: FileSharingOptions;
+    attachmentOptions?: AttachmentOptions;
 };
 
 /**
@@ -4511,9 +4824,9 @@ export declare interface ChatCompositeStrings {
      */
     chatListHeader: string;
     /**
-     * Upload File Button text
+     * Upload Attachment Button text
      */
-    uploadFile: string;
+    uploadAttachment: string;
 }
 
 /**
@@ -4579,7 +4892,7 @@ export declare type ChatHandlers = {
     onRemoveParticipant: (userId: string) => Promise<void>;
     updateThreadTopicName: (topicName: string) => Promise<void>;
     onLoadPreviousChatMessages: (messagesToLoad: number) => Promise<boolean>;
-    onUpdateMessage: (messageId: string, content: string, /* @conditional-compile-remove(file-sharing) */ options?: {
+    onUpdateMessage: (messageId: string, content: string, options?: {
         metadata?: Record<string, string>;
         attachmentMetadata?: AttachmentMetadata[];
     }) => Promise<void>;
@@ -4611,10 +4924,10 @@ export declare interface ChatMessage extends MessageCommon {
     metadata?: Record<string, string>;
     /**
      * @beta
-     * A list of file attachments for the message.
+     * A list of attachments in the message.
      * {@link AttachmentMetadata}
      */
-    files?: AttachmentMetadata[];
+    attachments?: AttachmentMetadata[];
 }
 
 /**
@@ -4805,6 +5118,11 @@ export declare type CommonCallAdapterOptions = {
      * Sounds to use for calling events
      */
     callingSounds?: CallingSounds;
+    /**
+     * Reaction resource for reaction resources
+     * @beta
+     */
+    reactionResources?: ReactionResources;
 };
 
 /**
@@ -4834,7 +5152,13 @@ export declare type CommonCallControlOptions = {
      * Show or Hide EndCall button during a call.
      * @defaultValue true
      */
-    endCallButton?: boolean;
+    endCallButton?: boolean | /* @conditional-compile-remove(end-call-options) */ {
+        /**
+         * whether to make end call button to trigger a menu, which will enable end call for everybody functionality.
+         * @defaultValue false
+         */
+        hangUpForEveryone?: false | 'endCallOptions';
+    };
     /**
      * Show or Hide Microphone button during a call.
      * @defaultValue true
@@ -4875,6 +5199,13 @@ export declare type CommonCallControlOptions = {
     raiseHandButton?: boolean | {
         disabled: boolean;
     };
+    /**
+     * Show, Hide or Disable the reaction button during a call.
+     * @defaultValue true
+     */
+    reactionButton?: boolean | {
+        disabled: boolean;
+    };
     /**
      * Inject custom buttons in the call controls.
      */
@@ -4895,6 +5226,15 @@ export declare type CommonCallControlOptions = {
     dtmfDialerButton?: boolean | {
         disabled: boolean;
     };
+    /**
+     * Show or hide the exit spotlight button in the composite control bar when local participant is spotlighted.
+     */
+    exitSpotlightButton?: boolean;
+    /**
+     * Show, Hide or Disable captions during a call.
+     * @defaultValue true
+     */
+    captionsButton?: boolean;
 };
 
 /**
@@ -4919,6 +5259,7 @@ export declare interface CommonCallingHandlers {
     onRaiseHand: () => Promise<void>;
     onLowerHand: () => Promise<void>;
     onToggleRaiseHand: () => Promise<void>;
+    onReactionClick: (reaction: Reaction_2) => Promise<void>;
     onToggleHold: () => Promise<void>;
     onAddParticipant(participant: CommunicationUserIdentifier): Promise<void>;
     onAddParticipant(participant: PhoneNumberIdentifier, options: AddPhoneNumberOptions): Promise<void>;
@@ -4944,6 +5285,9 @@ export declare interface CommonCallingHandlers {
     onSetSpokenLanguage: (language: string) => Promise<void>;
     onSetCaptionLanguage: (language: string) => Promise<void>;
     onSubmitSurvey(survey: CallSurvey): Promise<CallSurveyResponse | undefined>;
+    onStartSpotlight: (userIds?: string[]) => Promise<void>;
+    onStopSpotlight: (userIds?: string[]) => Promise<void>;
+    onStopAllSpotlight: () => Promise<void>;
 }
 
 /**
@@ -5210,10 +5554,16 @@ export declare interface ComponentStrings {
     screenShareButton: ScreenShareButtonStrings;
     /** Strings for RaiseHandButton */
     raiseHandButton: RaiseHandButtonStrings;
+    /**
+     * Strings for ReactionButton
+     * */
+    reactionButton: ReactionButtonStrings;
     /** Strings for TypingIndicator */
     typingIndicator: TypingIndicatorStrings;
     /** Strings for SendBox */
     sendBox: SendBoxStrings;
+    /** Strings for RichTextSendBox */
+    richTextSendBox: RichTextSendBoxStrings;
     /** Strings for MentionPopover */
     mentionPopover: MentionPopoverStrings;
     /** Strings for ImageOverlay */
@@ -5972,7 +6322,7 @@ export declare const darkTheme: PartialTheme & CallingTheme;
  * @beta
  * `DeclarativeCallAgent` extends and proxies the {@link @azure/communication-calling#CallAgent}
  */
-export declare type DeclarativeCallAgent = CallAgent & /* @conditional-compile-remove(one-to-n-calling) */ IncomingCallManagement;
+export declare type DeclarativeCallAgent = CallAgent & IncomingCallManagement;
 
 /**
  * @beta
@@ -6003,8 +6353,11 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     ControlButtonLowerHand: React_2.JSX.Element;
     RaiseHandContextualMenuItem: React_2.JSX.Element;
     LowerHandContextualMenuItem: React_2.JSX.Element;
-    CancelFileUpload: React_2.JSX.Element;
-    DownloadFile: 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;
@@ -6038,6 +6391,7 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     ParticipantItemOptions: React_2.JSX.Element;
     ParticipantItemOptionsHovered: React_2.JSX.Element;
     ParticipantItemScreenShareStart: React_2.JSX.Element;
+    ParticipantItemSpotlighted: React_2.JSX.Element;
     HoldCallContextualMenuItem: React_2.JSX.Element;
     HoldCallButton: React_2.JSX.Element;
     ResumeCall: React_2.JSX.Element;
@@ -6076,6 +6430,23 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     ContextMenuSpeakerIcon: React_2.JSX.Element;
     SurveyStarIcon: React_2.JSX.Element;
     SurveyStarIconFilled: React_2.JSX.Element;
+    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;
 };
 
 /**
@@ -6111,8 +6482,11 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     ControlButtonMicProhibited?: JSX.Element | undefined;
     ControlButtonRaiseHand: JSX.Element;
     ControlButtonLowerHand: JSX.Element;
+    ControlButtonExitSpotlight?: JSX.Element | undefined;
     RaiseHandContextualMenuItem: JSX.Element;
+    ReactionContextualMenuItem?: JSX.Element | undefined;
     LowerHandContextualMenuItem: JSX.Element;
+    ReactionButtonIcon: JSX.Element;
     ErrorBarCallCameraAccessDenied: JSX.Element;
     ErrorBarCallCameraAlreadyInUse: JSX.Element;
     ErrorBarCallLocalVideoFreeze: JSX.Element;
@@ -6166,6 +6540,8 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     LargeGalleryLayout?: JSX.Element | undefined;
     DefaultCustomButton?: JSX.Element | undefined;
     DtmfDialpadButton?: JSX.Element | undefined;
+    PeoplePaneMoreButton?: JSX.Element | undefined;
+    StopAllSpotlightMenuButton?: JSX.Element | undefined;
     ChevronLeft?: JSX.Element | undefined;
     ControlBarChatButtonActive?: JSX.Element | undefined;
     ControlBarChatButtonInactive?: JSX.Element | undefined;
@@ -6177,12 +6553,15 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     MoreDrawerSpeakers?: JSX.Element | undefined;
     ChatMessageOptions: React_2.JSX.Element;
     ControlButtonParticipantsContextualMenuItem: React_2.JSX.Element;
-    CancelFileUpload: React_2.JSX.Element;
-    DownloadFile: React_2.JSX.Element;
+    CancelAttachmentUpload: React_2.JSX.Element;
+    DownloadAttachment: React_2.JSX.Element;
+    OpenAttachment: React_2.JSX.Element;
+    AttachmentMoreMenu: React_2.JSX.Element;
     DataLossPreventionProhibited: React_2.JSX.Element;
     ErrorBarCallVideoRecoveredBySystem: React_2.JSX.Element;
     ErrorBarCallVideoStoppedBySystem: React_2.JSX.Element;
     MessageResend: React_2.JSX.Element;
+    ParticipantItemSpotlighted: React_2.JSX.Element;
     HoldCallContextualMenuItem: React_2.JSX.Element;
     HoldCallButton: React_2.JSX.Element;
     ResumeCall: React_2.JSX.Element;
@@ -6218,8 +6597,32 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     ContextMenuSpeakerIcon: React_2.JSX.Element;
     SurveyStarIcon: React_2.JSX.Element;
     SurveyStarIconFilled: React_2.JSX.Element;
+    StartSpotlightContextualMenuItem: React_2.JSX.Element;
+    StopSpotlightContextualMenuItem: React_2.JSX.Element;
+    VideoTileSpotlighted: React_2.JSX.Element;
+    RichTextBoldButtonIcon: React_2.JSX.Element;
+    RichTextItalicButtonIcon: React_2.JSX.Element;
+    RichTextUnderlineButtonIcon: React_2.JSX.Element;
+    RichTextBulletListButtonIcon: React_2.JSX.Element;
+    RichTextNumberListButtonIcon: React_2.JSX.Element;
+    RichTextIndentDecreaseButtonIcon: React_2.JSX.Element;
+    RichTextIndentIncreaseButtonIcon: React_2.JSX.Element;
+    RichTextDividerIcon: React_2.JSX.Element;
+    RichTextEditorButtonIcon: React_2.JSX.Element;
+    RichTextEditorButtonIconFilled: React_2.JSX.Element;
+    RichTextInsertTableRegularIcon: React_2.JSX.Element;
+    RichTextInsertTableFilledIcon: React_2.JSX.Element;
+    RichTextTableInsertMenuIcon: React_2.JSX.Element;
+    RichTextTableDeleteMenuIcon: React_2.JSX.Element;
 };
 
+/**
+ * @beta
+ *
+ * The default menu action for downloading attachments. This action will open the attachment's URL in a new tab.
+ */
+export declare const defaultAttachmentMenuAction: AttachmentMenuAction;
+
 /**
  * Device Checks.
  * Choose whether or not to block starting a call depending on camera and microphone permission options.
@@ -6522,6 +6925,10 @@ export declare interface DialpadProps {
      * and can be edited to change the number being dialed.
      */
     dialpadMode?: DialpadMode;
+    /**
+     * Audio context for generating DTMF tones. If this if not provided the dialpad will create one iteslf.
+     */
+    dtmfAudioContext?: AudioContext;
 }
 
 /**
@@ -6604,7 +7011,12 @@ export declare interface EndCallButtonProps extends ControlBarButtonProps {
      * Utility property for using this component with `communication react eventHandlers`.
      * Maps directly to the `onClick` property.
      */
-    onHangUp?: () => Promise<void>;
+    onHangUp?: (forEveryone?: boolean) => Promise<void>;
+    /**
+     * Set this to true to make it a split button.
+     * The split arrow will trigger a contextual menu to allow end for everyone or just for the user.
+     */
+    enableEndCallMenu?: boolean;
     /**
      * Optional strings to override in component
      */
@@ -6623,6 +7035,10 @@ export declare interface EndCallButtonStrings {
     label: string;
     /** Tooltip content. */
     tooltipContent?: string;
+    /** Label for leave option when ending call */
+    leaveOption?: string;
+    /** Label for end the whole call option when ending call */
+    endCallOption?: string;
 }
 
 /**
@@ -6820,6 +7236,10 @@ export declare interface ErrorBarStrings {
      * Unable to start effect
      */
     unableToStartVideoEffect?: string;
+    /**
+     * An error message when starting spotlight while max participants are spotlighted
+     */
+    startSpotlightWhileMaxParticipantsAreSpotlighted: string;
 }
 
 /**
@@ -6830,191 +7250,19 @@ export declare interface ErrorBarStrings {
 export declare type ErrorType = keyof ErrorBarStrings;
 
 /**
- * @beta
- * A attachment download error returned via a {@link FileDownloadHandler}.
- * This error message is used to render an error message in the UI.
+ * Provider to apply a Fluent theme across this library's react components.
+ *
+ * @remarks Components in this library are composed primarily from [Fluent UI](https://developer.microsoft.com/fluentui#/controls/web),
+ * controls, mixing v8 and v9 controls.
+ * This provider handles applying any theme provided to the underlying Fluent UI controls. *
+ * @public
  */
-export declare interface FileDownloadError {
-    /** The error message to display in the UI */
-    errorMessage: string;
-}
+export declare const FluentThemeProvider: (props: FluentThemeProviderProps) => JSX.Element;
 
 /**
- * @beta
- *
- * A callback function for handling attachment downloads.
- * The function needs to return a promise that resolves to a attachment download URL.
- * If the promise is rejected, the {@link Error.message} will be used to display an error message to the user.
- *
- * @example
- * ```ts
- * const attachmentDownloadHandler: FileDownloadHandler = async (userId, attachmentData) => {
- *   if (isUnauthorizedUser(userId)) {
- *     return { errorMessage: 'You don’t have permission to download this attachment.' };
- *   } else {
- *     return new URL(attachmentData.url);
- *   }
- * }
- *
- * const App = () => (
- *   <ChatComposite
- *     ...
- *     fileSharing={{
- *       fileDownloadHandler: fileDownloadHandler
- *     }}
- *   />
- * )
+ * Props for {@link FluentThemeProvider}.
  *
- * ```
- * @param userId - The user ID of the user downloading the attachment.
- * @param fileMetadata - The {@link AttachmentMetadata} containing file `url`, `extension` and `name`.
- */
-export declare type FileDownloadHandler = (userId: string, fileMetadata: AttachmentMetadata) => Promise<URL | FileDownloadError>;
-
-/**
- * Properties for configuring the File Sharing feature.
- * @beta
- */
-export declare interface FileSharingOptions {
-    /**
-     * A string containing the comma separated list of accepted file types.
-     * Similar to the `accept` attribute of the `<input type="file" />` element.
-     * Accepts any type of file if not specified.
-     * @beta
-     */
-    accept?: string;
-    /**
-     * Allows multiple files to be selected if set to `true`.
-     * Similar to the `multiple` attribute of the `<input type="file" />` element.
-     * @defaultValue false
-     * @beta
-     */
-    multiple?: boolean;
-    /**
-     * A function of type {@link FileUploadHandler} for handling file uploads.
-     * @beta
-     */
-    uploadHandler: FileUploadHandler;
-    /**
-     * A function of type {@link FileDownloadHandler} for handling file downloads.
-     * If the function is not specified, the file's `url` will be opened in a new tab to
-     * initiate the download.
-     */
-    downloadHandler?: FileDownloadHandler;
-}
-
-/**
- * @beta
- */
-export declare interface FileUploadAdapter {
-    registerActiveFileUploads: (files: File[]) => FileUploadManager[];
-    registerCompletedFileUploads: (metadata: AttachmentMetadata[]) => FileUploadManager[];
-    clearFileUploads: () => void;
-    cancelFileUpload: (id: string) => void;
-    updateFileUploadProgress: (id: string, progress: number) => void;
-    updateFileUploadErrorMessage: (id: string, errorMessage: string) => void;
-    updateFileUploadMetadata: (id: string, metadata: AttachmentMetadata) => void;
-}
-
-/**
- * @beta
- * Error message to be displayed to the user if the upload fails.
- */
-export declare type FileUploadError = {
-    message: string;
-    timestamp: number;
-};
-
-/**
- * @beta
- * A callback function for handling file uploads.
- *
- * @param userId - The user ID of the user uploading the file.
- * @param fileUploads - The list of uploaded files. Each file is represented by an {@link FileUpload} object.
- */
-export declare type FileUploadHandler = (userId: string, fileUploads: FileUploadManager[]) => void;
-
-/**
- * A wrapper object for a file that is being uploaded.
- * Allows managing file uploads by providing common functions for updating the
- * upload progress, canceling an upload, completing an upload etc.
- * @beta
- */
-export declare interface FileUploadManager {
-    /**
-     * Unique identifier for the file upload.
-     */
-    id: string;
-    /**
-     * HTML {@link File} object for the uploaded file.
-     */
-    file?: File;
-    /**
-     * Update the progress of the upload.
-     * @param value - number between 0 and 1
-     */
-    notifyUploadProgressChanged: (value: number) => void;
-    /**
-     * Mark the upload as complete.
-     * Requires the `metadata` param containing uploaded file information.
-     * @param metadata - {@link AttachmentMetadata}
-     */
-    notifyUploadCompleted: (metadata: AttachmentMetadata) => void;
-    /**
-     * Mark the upload as failed.
-     * @param message - An error message that can be displayed to the user.
-     */
-    notifyUploadFailed: (message: string) => void;
-}
-
-/**
- * Contains the state attributes of a file upload like name, progress etc.
- * @beta
- */
-export declare interface FileUploadState {
-    /**
-     * Unique identifier for the file upload.
-     */
-    id: string;
-    /**
-     * Filename extracted from the {@link File} object.
-     * This attribute is used to render the filename if `metadata.name` is not available.
-     */
-    filename: string;
-    /**
-     * A number between 0 and 1 indicating the progress of the upload.
-     */
-    progress: number;
-    /**
-     * Metadata {@link AttachmentMetadata} containing information about the uploaded file.
-     */
-    metadata?: AttachmentMetadata;
-    /**
-     * Error message to be displayed to the user if the upload fails.
-     */
-    error?: FileUploadError;
-}
-
-/**
- * A record containing {@link FileUploadState} mapped to unique ids.
- * @beta
- */
-export declare type FileUploadsUiState = Record<string, FileUploadState>;
-
-/**
- * Provider to apply a Fluent theme across this library's react components.
- *
- * @remarks Components in this library are composed primarily from [Fluent UI](https://developer.microsoft.com/fluentui#/controls/web),
- * controls, mixing v8 and v9 controls.
- * This provider handles applying any theme provided to the underlying Fluent UI controls. *
- * @public
- */
-export declare const FluentThemeProvider: (props: FluentThemeProviderProps) => JSX.Element;
-
-/**
- * Props for {@link FluentThemeProvider}.
- *
- * @public
+ * @public
  */
 export declare interface FluentThemeProviderProps {
     /** Children to be themed. */
@@ -7059,7 +7307,7 @@ export declare const getCallingSelector: <Component extends (props: any) => JSX.
  *
  * @public
  */
-export declare type GetChatSelector<Component extends (props: any) => JSX.Element | undefined> = AreEqual<Component, typeof SendBox> extends true ? SendBoxSelector : AreEqual<Component, typeof MessageThread> extends true ? MessageThreadSelector : AreEqual<Component, typeof TypingIndicator> extends true ? TypingIndicatorSelector : AreEqual<Component, typeof ParticipantList> extends true ? ChatParticipantListSelector : AreEqual<Component, typeof ErrorBar> extends true ? ChatErrorBarSelector : undefined;
+export declare type GetChatSelector<Component extends (props: any) => JSX.Element | undefined> = AreEqual<Component, typeof SendBox> extends true ? SendBoxSelector : AreEqual<Component, typeof RichTextSendBox> extends true ? SendBoxSelector : AreEqual<Component, typeof MessageThread> extends true ? MessageThreadSelector : AreEqual<Component, typeof TypingIndicator> extends true ? TypingIndicatorSelector : AreEqual<Component, typeof ParticipantList> extends true ? ChatParticipantListSelector : AreEqual<Component, typeof ErrorBar> extends true ? ChatErrorBarSelector : undefined;
 
 /**
  * Get the selector for a specified component.
@@ -8035,10 +8283,10 @@ export declare type MessageThreadProps = {
      */
     onRenderMessage?: (messageProps: MessageProps, messageRenderer?: MessageRenderer) => JSX.Element;
     /**
-     * Optional callback to render attached files in the message component.
+     * Optional callback to render attachments in the message component.
      * @beta
      */
-    onRenderFileDownloads?: (userId: string, message: ChatMessage) => JSX.Element;
+    onRenderAttachmentDownloads?: (userId: string, message: ChatMessage) => JSX.Element;
     /**
      * Optional callback to edit a message.
      *
@@ -8082,11 +8330,10 @@ export declare type MessageThreadProps = {
     strings?: Partial<MessageThreadStrings>;
     /**
      * @beta
-     * Optional function called when someone clicks on the file download icon.
-     * If file attachments are defined in the `message.metadata` property using the `fileSharingMetadata` key,
-     * this function will be called with the data inside `fileSharingMetadata` key.
+     * 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.
      */
-    fileDownloadHandler?: FileDownloadHandler;
+    attachmentOptions?: AttachmentOptions;
     /**
      * Optional function to provide customized date format.
      * @beta
@@ -8102,6 +8349,12 @@ export declare type MessageThreadProps = {
      * @beta
      */
     inlineImageOptions?: InlineImageOptions;
+    /**
+     * enables rich text editor for the edit box
+     *
+     * @defaultValue `false`
+     */
+    richTextEditor?: boolean;
 };
 
 /**
@@ -8175,13 +8428,15 @@ export declare interface MessageThreadStrings {
     actionMenuMoreOptions?: string;
     /** Aria label to announce when a message is deleted */
     messageDeletedAnnouncementAriaLabel: string;
-    /** String for download file button in attachment card */
+    /** 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 file attachment group*/
+    /** String for aria text in attachment card group*/
     attachmentCardGroupMessage: string;
 }
 
@@ -8588,6 +8843,8 @@ export declare interface ParticipantItemStrings {
     participantStateRinging?: string;
     /** String shown when `participantState` is `Hold` */
     participantStateHold?: string;
+    /** String for the attendee role */
+    attendeeRole: string;
 }
 
 /**
@@ -8913,6 +9170,19 @@ export declare type ParticipantsRemovedListener = (event: {
  */
 export declare type ParticipantState = 'Idle' | 'Connecting' | 'Ringing' | 'Connected' | 'Hold' | 'InLobby' | 'EarlyMedia' | 'Disconnected';
 
+/**
+ * State only version of {@link @azure/communication-calling#PPTLiveCallFeature}. {@link StatefulCallClient} will
+ * automatically listen for pptLive on the call and update the state exposed by {@link StatefulCallClient} accordingly.
+ *
+ * @public
+ */
+export declare interface PPTLiveCallFeatureState {
+    /**
+     * Proxy of {@link @azure/communication-calling#PPTLiveCallFeature.isActive}.
+     */
+    isActive: boolean;
+}
+
 /**
  * The profile of a user.
  *
@@ -9014,6 +9284,127 @@ export declare interface RaiseHandCallFeature {
     localParticipantRaisedHand?: RaisedHandState;
 }
 
+/**
+ * Reaction state with reaction type to render
+ *
+ * @public
+ */
+export declare type Reaction = {
+    /**
+     * Specifies the type of reaction videoTile should render i.e. like, heart etc.
+     */
+    reactionType: string;
+    /**
+     * Received timestamp for the message as default Date format.
+     */
+    receivedOn: Date;
+};
+
+/**
+ * Props for {@link ReactionButton}.
+ *
+ * @public
+ */
+export declare interface ReactionButtonProps extends ControlBarButtonProps {
+    /**
+     * Optional strings to override in component
+     */
+    strings?: Partial<ReactionButtonStrings>;
+    /**
+     * Click event to send reaction to meeting
+     */
+    onReactionClick: (reaction: string) => Promise<void>;
+    /**
+     * Reaction resource locator and parameters
+     */
+    reactionResources: ReactionResources;
+}
+
+/**
+ * Strings of {@link ReactionButton} that can be overridden.
+ *
+ * @public
+ */
+export declare interface ReactionButtonStrings {
+    /** Label of the button. */
+    label: string;
+    /** Aria label for reaction button accessibility announcement */
+    ariaLabel: string;
+    /** Tooltip content when the button is disabled. */
+    tooltipDisabledContent?: string;
+    /** Tooltip content when the button is enabled. */
+    tooltipContent?: string;
+    /** Tooltip content of like reaction button. */
+    likeReactionTooltipContent?: string;
+    /** Tooltip content of heart reaction button. */
+    heartReactionTooltipContent?: string;
+    /** Tooltip content of clap reaction button. */
+    applauseReactionTooltipContent?: string;
+    /** Tooltip content of laugh reaction button. */
+    laughReactionTooltipContent?: string;
+    /** Tooltip content of surprised reaction button. */
+    surprisedReactionTooltipContent?: string;
+}
+
+/**
+ * Interface for animation sprite image and related metadata
+ * @public
+ */
+export declare interface ReactionResources {
+    /**
+     * Like reaction animation resource.
+     */
+    likeReaction?: ReactionSprite;
+    /**
+     * Heart reaction animation resource.
+     */
+    heartReaction?: ReactionSprite;
+    /**
+     * Laugh reaction animation resource.
+     */
+    laughReaction?: ReactionSprite;
+    /**
+     * Applause reaction animation resource.
+     */
+    applauseReaction?: ReactionSprite;
+    /**
+     * Surprised reaction animation resource.
+     */
+    surprisedReaction?: ReactionSprite;
+}
+
+/**
+ * Type for animation sprite image and related metadata
+ * @public
+ */
+export declare type ReactionSprite = {
+    /**
+     * Path to animation sprite image for reaction.
+     */
+    url: string;
+    /**
+     * The frame count of the resource reaction in the sprite image
+     */
+    frameCount: number;
+};
+
+/**
+ * State only version of {@link @azure/communication-calling#Call.ReactionMessage} with UI helper props receivedOn.
+ * Reaction state with a timestamp which helps UI to decide to render the reaction accordingly.
+ *
+ * @public
+ */
+export declare type ReactionState = {
+    /**
+     * Reaction message from the meeting {@link @azure/communication-calling#Call.ReactionMessage}
+     */
+    reactionMessage: ReactionMessage;
+    /**
+     * Received timestamp of the reaction message in a meeting.
+     */
+    receivedOn: Date;
+};
+
 /**
  * An array of key value pairs that stores each sender's display name and last read message
  *
@@ -9094,6 +9485,23 @@ export declare interface RemoteParticipantState {
      * Proxy of {@link @azure/communication-calling#Call.RaisedHand.raisedHands}.
      */
     raisedHand?: RaisedHandState;
+    /**
+     * Proxy of {@link @azure/communication-calling#Call.PPTLive.target}.
+     *
+     * @public
+     */
+    contentSharingStream?: HTMLElement;
+    /**
+     * Proxy of {@link @azure/communication-calling#Call.ReactionMessage} with
+     * UI helper props receivedOn which indicates the timestamp when the message was received.
+     *
+     * @public
+     */
+    reactionState?: ReactionState;
+    /**
+     * Proxy of {@link @azure/communication-calling#SpotlightCallFeature.spotlightedParticipants}.
+     */
+    spotlight?: SpotlightState;
 }
 
 /**
@@ -9167,6 +9575,143 @@ export declare type ResourceFetchResult = {
     error?: Error;
 };
 
+/**
+ * A component to render SendBox with Rich Text Editor support.
+ *
+ * @beta
+ */
+export declare const RichTextSendBox: (props: RichTextSendBoxProps) => JSX.Element;
+
+/**
+ * Props for {@link RichTextSendBox}.
+ *
+ * @beta
+ */
+export declare interface RichTextSendBoxProps {
+    /**
+     * Optional boolean to disable text box
+     * @defaultValue false
+     */
+    disabled?: boolean;
+    /**
+     * Optional strings to override in component
+     */
+    strings?: Partial<RichTextSendBoxStrings>;
+    /**
+     * Optional text for system message above the text box
+     */
+    systemMessage?: string;
+    /**
+     * Optional array of active attachment uploads where each object has attributes
+     * of a attachment upload like name, progress, errorMessage etc.
+     * @beta
+     */
+    activeAttachmentUploads?: AttachmentMetadata[];
+    /**
+     * enumerable to determine if the input box has focus on render or not.
+     * When undefined nothing has focus on render
+     */
+    autoFocus?: 'sendBoxTextField';
+    /**
+     * Optional callback to remove the attachment upload before sending by clicking on
+     * cancel icon.
+     * @beta
+     */
+    onCancelAttachmentUpload?: (attachmentId: string) => void;
+    /**
+     * Callback function used when the send button is clicked.
+     */
+    onSendMessage: (content: string) => Promise<void>;
+    /**
+     * Optional callback called when user is typing
+     */
+    onTyping?: () => Promise<void>;
+}
+
+/**
+ * Strings of {@link RichTextSendBox} that can be overridden.
+ *
+ * @beta
+ */
+export declare interface RichTextSendBoxStrings extends SendBoxStrings {
+    /**
+     * Tooltip text for the bold button.
+     */
+    boldTooltip: string;
+    /**
+     * Tooltip text for the italic button.
+     */
+    italicTooltip: string;
+    /**
+     * Tooltip text for the underline button.
+     */
+    underlineTooltip: string;
+    /**
+     * Tooltip text for the bullet list button.
+     */
+    bulletListTooltip: string;
+    /**
+     * Tooltip text for the number list button.
+     */
+    numberListTooltip: string;
+    /**
+     * Tooltip text for the increase indent button.
+     */
+    increaseIndentTooltip: string;
+    /**
+     * Tooltip text for the decrease indent button.
+     */
+    decreaseIndentTooltip: string;
+    /**
+     * Tooltip text insert table button.
+     */
+    insertTableTooltip: string;
+    /**
+     * Tooltip text for the rich text format button button.
+     */
+    richTextFormatButtonTooltip: string;
+    /**
+     * Text for the insert menu item.
+     */
+    insertRowOrColumnMenu: string;
+    /**
+     * Title for the insert table menu.
+     */
+    insertTableMenuTitle: string;
+    /**
+     * Text for the insert menu item to insert row above the current selection.
+     */
+    insertRowAboveMenu: string;
+    /**
+     * Text for the insert menu item to insert row below the current selection.
+     */
+    insertRowBelowMenu: string;
+    /**
+     * Text for the insert menu item to insert column to the left from the current selection.
+     */
+    insertColumnLeftMenu: string;
+    /**
+     * Text for the insert menu item to insert column to the right from the current selection.
+     */
+    insertColumnRightMenu: string;
+    /**
+     * Text for the delete row or column menu.
+     */
+    deleteRowOrColumnMenu: string;
+    /**
+     * Text for the delete column menu.
+     */
+    deleteColumnMenu: string;
+    /**
+     * Text for the delete row menu.
+     */
+    deleteRowMenu: string;
+    /**
+     * Text for the delete table menu.
+     */
+    deleteTableMenu: string;
+}
+
 /**
  * A button to start / stop screen sharing.
  *
@@ -9312,24 +9857,24 @@ export declare interface SendBoxProps {
      */
     autoFocus?: 'sendBoxTextField';
     /**
-     * Optional callback to render uploaded files in the SendBox. The sendBox will expand
-     * vertically to accommodate the uploaded files. File uploads will
+     * 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
      */
-    onRenderFileUploads?: () => JSX.Element;
+    onRenderAttachmentUploads?: () => JSX.Element;
     /**
      * Optional array of active attachment uploads where each object has attributes
      * of a attachment upload like name, progress, errorMessage etc.
      * @beta
      */
-    activeFileUploads?: ActiveFileUpload[];
+    activeAttachmentUploads?: AttachmentMetadata[];
     /**
      * Optional callback to remove the attachment upload before sending by clicking on
      * cancel icon.
      * @beta
      */
-    onCancelFileUpload?: (fileId: string) => void;
+    onCancelAttachmentUpload?: (attachmentId: string) => void;
 }
 
 /**
@@ -9376,6 +9921,10 @@ export declare interface SendBoxStrings {
      * Aria label to notify user attachment is uploaded.
      */
     uploadCompleted: string;
+    /**
+     * Aria label to notify user more attachment action menu.
+     */
+    attachmentMoreMenu: string;
 }
 
 /**
@@ -9494,6 +10043,123 @@ export declare interface SpokenLanguageStrings {
     'zh-tw': string;
 }
 
+/**
+ * Spotlight state with order
+ *
+ * @public
+ */
+export declare type Spotlight = {
+    /**
+     * Specifies the order position of the spotlight
+     */
+    spotlightedOrderPosition?: number;
+};
+
+/**
+ * State only version of {@link @azure/communication-calling#SpotlightCallFeature}
+ *
+ * @public
+ */
+export declare interface SpotlightCallFeatureState {
+    /**
+     * Ordered array of spotlighted participants in call
+     */
+    spotlightedParticipants: SpotlightedParticipant[];
+    /**
+     * Local participant spotlight
+     */
+    localParticipantSpotlight?: SpotlightState;
+    /**
+     * Proxy of {@link @azure/communication-calling#SpotlightCallFeature.maxParticipantsToSpotlight}.
+     */
+    maxParticipantsToSpotlight: number;
+}
+
+/**
+ * Callback for {@link CallAdapterSubscribers} 'spotlightChanged' event.
+ *
+ * @public
+ */
+export declare type SpotlightChangedListener = (args: {
+    added: SpotlightedParticipant[];
+    removed: SpotlightedParticipant[];
+}) => void;
+
+/**
+ * Strings used in prompt related to spotlight
+ * @public
+ */
+export declare interface SpotlightPromptStrings {
+    /**
+     * Heading for prompt when starting spotlight on participant
+     */
+    startSpotlightHeading: string;
+    /**
+     * Text for prompt when starting spotlight on participant
+     */
+    startSpotlightText: string;
+    /**
+     * Label for button to confirm starting spotlight on local user in prompt
+     */
+    startSpotlightOnSelfText: string;
+    /**
+     * Label for button to confirm starting spotlight on participant in prompt
+     */
+    startSpotlightConfirmButtonLabel: string;
+    /**
+     * Label for button to cancel starting spotlight on participant in prompt
+     */
+    startSpotlightCancelButtonLabel: string;
+    /**
+     * Heading for prompt when stopping spotlight on participant
+     */
+    stopSpotlightHeading: string;
+    /**
+     * Heading for prompt when stopping spotlight on local user
+     */
+    stopSpotlightOnSelfHeading: string;
+    /**
+     * Heading for prompt when stopping all spotlight
+     */
+    stopAllSpotlightHeading: string;
+    /**
+     * Text for prompt when stopping spotlight on participant
+     */
+    stopSpotlightText: string;
+    /**
+     * Text for prompt when stopping spotlight on local user
+     */
+    stopSpotlightOnSelfText: string;
+    /**
+     * Text for prompt when stopping all spotlight
+     */
+    stopAllSpotlightText: string;
+    /**
+     * Label for button to confirm stopping spotlight on participant(s) in prompt
+     */
+    stopSpotlightConfirmButtonLabel: string;
+    /**
+     * Label for button to confirm stopping spotlight on local user in prompt
+     */
+    stopSpotlightOnSelfConfirmButtonLabel: string;
+    /**
+     * Label for button to cancel stopping spotlight on participant(s) in prompt
+     */
+    stopSpotlightCancelButtonLabel: string;
+}
+
+/**
+ * Spotlight state with order
+ *
+ * @public
+ */
+export declare interface SpotlightState {
+    /**
+     * Order position of spotlight in call
+     */
+    spotlightedOrderPosition?: number;
+}
+
 /**
  * Identifier types for initiating a call using the CallAdapter
  * @public
@@ -9795,7 +10461,7 @@ export declare interface StreamMediaProps {
 }
 
 /**
- * @beta
+ * @public
  * Corresponding texts to each call issue
  */
 export declare interface SurveyIssues {
@@ -9840,7 +10506,7 @@ export declare interface SurveyIssues {
 }
 
 /**
- * @beta
+ * @public
  * Corresponding texts to each call issue category
  */
 export declare interface SurveyIssuesHeadingStrings {
@@ -10252,7 +10918,7 @@ export declare interface UnsupportedOperatingSystemStrings {
  * @public
  * Callback function run when a message is updated.
  */
-export declare type UpdateMessageCallback = (messageId: string, content: string, /* @conditional-compile-remove(file-sharing) */ options?: {
+export declare type UpdateMessageCallback = (messageId: string, content: string, options?: {
     metadata?: Record<string, string>;
     attachmentMetadata?: AttachmentMetadata[];
 }) => Promise<void>;
@@ -10580,7 +11246,7 @@ export declare const VideoGallery: (props: VideoGalleryProps) => JSX.Element;
 /**
  * @public
  */
-export declare type VideoGalleryLayout = 'default' | 'floatingLocalVideo' | 'speaker' | 'focusedContent';
+export declare type VideoGalleryLayout = 'default' | 'floatingLocalVideo' | 'speaker' | /* @conditional-compile-remove(large-gallery) */ 'largeGallery' | 'focusedContent';
 
 /**
  * The state of the local participant in the {@link VideoGallery}.
@@ -10590,6 +11256,11 @@ export declare type VideoGalleryLayout = 'default' | 'floatingLocalVideo' | 'spe
 export declare interface VideoGalleryLocalParticipant extends VideoGalleryParticipant {
     /** Whether local participant is raised a hand */
     raisedHand?: RaisedHand;
+    /**
+     * Whether local participant has reacted
+     *
+     * */
+    reaction?: Reaction;
 }
 
 /**
@@ -10608,6 +11279,8 @@ export declare type VideoGalleryParticipant = {
     videoStream?: VideoGalleryStream;
     /** Whether participant is screen sharing or not */
     isScreenSharingOn?: boolean;
+    /** Whether participant is spotlighted **/
+    spotlight?: Spotlight;
 };
 
 /**
@@ -10691,6 +11364,30 @@ export declare interface VideoGalleryProps {
      * This callback will be called when a participant video tile is un-pinned.
      */
     onUnpinParticipant?: (userId: string) => void;
+    /**
+     * List of spotlighted participant userIds.
+     */
+    spotlightedParticipants?: string[];
+    /**
+     * This callback is to start spotlight for local participant video tile.
+     */
+    onStartLocalSpotlight?: () => Promise<void>;
+    /**
+     * This callback is to stop spotlight for local participant video tile.
+     */
+    onStartRemoteSpotlight?: (userIds: string[]) => Promise<void>;
+    /**
+     * This callback is to start spotlight for remote participant video tiles.
+     */
+    onStopLocalSpotlight?: () => Promise<void>;
+    /**
+     * This callback is to stop spotlight for remote participant video tiles.
+     */
+    onStopRemoteSpotlight?: (userIds: string[]) => Promise<void>;
+    /**
+     * Maximum participants that can be spotlighted
+     */
+    maxParticipantsToSpotlight?: number;
     /**
      * Options for showing the remote video tile menu.
      *
@@ -10709,6 +11406,10 @@ export declare interface VideoGalleryProps {
      * @defaultValue 'followDeviceOrientation'
      */
     localVideoTileSize?: LocalVideoTileSize;
+    /**
+     * Reaction resources for like, heart, laugh, applause and surprised.
+     */
+    reactionResources?: ReactionResources;
 }
 
 /**
@@ -10728,6 +11429,12 @@ export declare interface VideoGalleryRemoteParticipant extends VideoGalleryParti
     state?: ParticipantState;
     /** Whether participant is raised a hand */
     raisedHand?: RaisedHand;
+    /**
+     * Whether participant has reacted
+     *
+     * @public
+     * */
+    reaction?: Reaction;
 }
 
 /**
@@ -10741,6 +11448,8 @@ export declare type VideoGallerySelector = (state: CallClientState, props: Calli
     remoteParticipants: VideoGalleryRemoteParticipant[];
     dominantSpeakers?: string[];
     optimalVideoCount?: number;
+    spotlightedParticipants?: string[];
+    maxParticipantsToSpotlight?: number;
 };
 
 /**
@@ -10804,6 +11513,18 @@ export declare interface VideoGalleryStrings {
     pinnedParticipantAnnouncementAriaLabel: string;
     /** Aria label to announce when remote participant's video tile is unpinned */
     unpinnedParticipantAnnouncementAriaLabel: string;
+    /** Menu text shown in Video Tile contextual menu to start spotlight on participant's video tile */
+    startSpotlightVideoTileMenuLabel: string;
+    /** Menu text shown in Video Tile contextual menu to add spotlight to participant's video tile */
+    addSpotlightVideoTileMenuLabel: string;
+    /** Menu title for start spotlight menu item when spotlight limit is reached */
+    spotlightLimitReachedMenuTitle: string;
+    /** Menu text shown in Video Tile contextual menu to stop spotlight on participant's video tile */
+    stopSpotlightVideoTileMenuLabel: string;
+    /** Menu text shown in Video Tile contextual menu to stop spotlight on local user's video tile */
+    stopSpotlightOnSelfVideoTileMenuLabel: string;
+    /** String for the attendee role */
+    attendeeRole: string;
 }
 
 /**
@@ -10913,6 +11634,10 @@ export declare interface VideoTileProps {
     userId?: string;
     /** Component with the video stream. */
     renderElement?: JSX.Element | null;
+    /**
+     * Overlay component responsible for rendering reaction
+     */
+    overlay?: JSX.Element | null;
     /** Determines if the video is mirrored or not. */
     isMirrored?: boolean;
     /** Custom render Component function for no video is available. Render a Persona Icon if undefined. */
@@ -10981,6 +11706,14 @@ export declare interface VideoTileProps {
      * Callback triggered by video tile on touch and hold.
      */
     onLongTouch?: () => void;
+    /**
+     * If true, the video tile will show the spotlighted icon.
+     */
+    isSpotlighted?: boolean;
+    /**
+     * Reactions resources' url and metadata.
+     */
+    reactionResources?: ReactionResources;
 }
 
 /**