@azure/communication-react 1.13.0-beta.1 → 1.13.1-alpha-202402280012

package/dist/communication-react.d.ts

@@ -32,6 +32,8 @@ import { CallEndReason } from '@azure/communication-calling';
 import { CallerInfo } from '@azure/communication-calling';
 import { CallKind } from '@azure/communication-calling';
 import { CallState as CallState_2 } from '@azure/communication-calling';
+import { CallSurvey } from '@azure/communication-calling';
+import { CallSurveyResponse } from '@azure/communication-calling';
 import { CapabilitiesChangeInfo } from '@azure/communication-calling';
 import { CaptionsResultType } from '@azure/communication-calling';
 import { ChatClient } from '@azure/communication-chat';
@@ -73,6 +75,7 @@ import { LatestNetworkDiagnostics } from '@azure/communication-calling';
 import { LocalVideoStream } from '@azure/communication-calling';
 import type { MediaDiagnosticChangedEventArgs } from '@azure/communication-calling';
 import { MediaStreamType } from '@azure/communication-calling';
+import { MicrosoftTeamsAppIdentifier } from '@azure/communication-common';
 import { MicrosoftTeamsUserIdentifier } from '@azure/communication-common';
 import type { NetworkDiagnosticChangedEventArgs } from '@azure/communication-calling';
 import { PartialTheme } from '@fluentui/react';
@@ -85,20 +88,23 @@ 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 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 { SyntheticEvent } from 'react';
 import { TeamsCall } from '@azure/communication-calling';
 import { TeamsCallAgent } from '@azure/communication-calling';
 import { TeamsMeetingLinkLocator } from '@azure/communication-calling';
 import { Theme } from '@fluentui/react';
-import { TransferRequestedEventArgs } from '@azure/communication-calling';
+import { TransferEventArgs } from '@azure/communication-calling';
 import { TypingIndicatorReceivedEvent } from '@azure/communication-chat';
+import { UnknownIdentifier } from '@azure/communication-common';
 import { VideoDeviceInfo } from '@azure/communication-calling';
 import { VideoEffectName } from '@azure/communication-calling';
 import { VideoStreamRenderer } from '@azure/communication-calling';
@@ -107,7 +113,7 @@ import { VideoStreamRendererView } from '@azure/communication-calling';
 /**
  * Transfer feature state
  *
- * @beta
+ * @public
  */
 export declare interface AcceptedTransfer {
     /**
@@ -237,21 +243,6 @@ 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;
 
-/**
- * Metadata of the attachment object returned by the ACS SDK.
- * @beta
- */
-export declare interface AttachmentDownloadResult {
-    /**
-     * Unique ID of the attachment.
-     */
-    attachmentId: string;
-    /**
-     * Blob URL for the attachment.
-     */
-    blobUrl: string;
-}
-
 /**
  * Metadata containing information about the uploaded file.
  * @beta
@@ -358,7 +349,6 @@ export declare type AzureCommunicationCallWithChatAdapterFromClientArgs = {
     chatClient: StatefulChatClient;
     chatThreadClient: ChatThreadClient;
     callAdapterOptions?: AzureCommunicationCallAdapterOptions;
-    chatAdapterOptions?: AzureCommunicationChatAdapterOptions;
 };
 
 /**
@@ -375,11 +365,28 @@ export declare type AzureCommunicationChatAdapterArgs = {
 };
 
 /**
- * Configuration options to include when creating AzureCommunicationChatAdapter.
- * @beta
+ * Arguments for creating the Azure Communication Services implementation of {@link CallAdapter}.
+ *
+ * These arguments are used to create an outbound call scenarios.
+ *
+ * Note: `displayName` can be a maximum of 256 characters.
+ *
+ * @public
  */
-export declare type AzureCommunicationChatAdapterOptions = {
-    credential?: CommunicationTokenCredential;
+export declare type AzureCommunicationOutboundCallAdapterArgs = {
+    userId: CommunicationUserIdentifier;
+    displayName: string;
+    credential: CommunicationTokenCredential;
+    targetCallees: StartCallIdentifier[];
+    /**
+     * A phone number in E.164 format procured using Azure Communication Services that will be used to represent callers identity.
+     * E.164 numbers are formatted as [+] [country code] [phone number including area code]. For example, +14255550123 for a US phone number.
+     */
+    alternateCallerId?: string;
+    /**
+     * Optional parameters for the {@link AzureCommunicationCallAdapter} created
+     */
+    options?: AzureCommunicationCallAdapterOptions;
 };
 
 /**
@@ -623,9 +630,9 @@ export declare interface CallAdapter extends CommonCallAdapter {
     /**
      * Start the call.
      * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called
-     * @beta
+     * @public
      */
-    startCall(participants: CommunicationIdentifier[], options?: StartCallOptions): Call | undefined;
+    startCall(participants: StartCallIdentifier[], options?: StartCallOptions): Call | undefined;
 }
 
 /**
@@ -673,9 +680,9 @@ export declare interface CallAdapterCallManagement extends CallAdapterCallOperat
     /**
      * Start the call.
      * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called
-     * @beta
+     * @public
      */
-    startCall(participants: CommunicationIdentifier[], options?: StartCallOptions): Call | undefined;
+    startCall(participants: StartCallIdentifier[], options?: StartCallOptions): Call | undefined;
 }
 
 /**
@@ -738,6 +745,12 @@ export declare interface CallAdapterCallOperations {
      * @public
      */
     lowerHand(): Promise<void>;
+    /**
+     * Send reaction emoji
+     *
+     * @beta
+     */
+    onReactionClick(reaction: Reaction_2): Promise<void>;
     /**
      * Stop sharing the screen
      *
@@ -831,7 +844,7 @@ export declare interface CallAdapterCallOperations {
     /**
      * send dtmf tone to another participant in a 1:1 PSTN call
      *
-     * @beta
+     * @public
      */
     sendDtmfTone(dtmfTone: DtmfTone_2): Promise<void>;
     /**
@@ -883,6 +896,20 @@ export declare interface CallAdapterCallOperations {
      * @public
      */
     updateSelectedVideoBackgroundEffect(selectedVideoBackground: VideoBackgroundEffect): void;
+    /**
+     * Send the end of call survey result
+     *
+     * @beta
+     */
+    submitSurvey(survey: CallSurvey): Promise<CallSurveyResponse | undefined>;
+    /**
+     * Start spotlight
+     */
+    startSpotlight(userIds?: string[]): Promise<void>;
+    /**
+     * Stop spotlight
+     */
+    stopSpotlight(userIds?: string[]): Promise<void>;
 }
 
 /**
@@ -939,10 +966,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.
+     * @beta
+     */
+    reactions?: ReactionResources;
 };
 
 /**
@@ -1123,7 +1159,7 @@ export declare interface CallAdapterSubscribers {
     /**
      * Subscribe function for 'transferRequested' event.
      */
-    on(event: 'transferRequested', listener: TransferRequestedListener): void;
+    on(event: 'transferAccepted', listener: TransferAcceptedListener): void;
     /**
      * Subscribe function for 'capabilitiesChanged' event.
      */
@@ -1132,6 +1168,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.
      */
@@ -1199,7 +1239,7 @@ export declare interface CallAdapterSubscribers {
     /**
      * Unsubscribe function for 'transferRequested' event.
      */
-    off(event: 'transferRequested', listener: TransferRequestedListener): void;
+    off(event: 'transferAccepted', listener: TransferAcceptedListener): void;
     /**
      * Unsubscribe function for 'capabilitiesChanged' event.
      */
@@ -1208,6 +1248,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;
 }
 
 /**
@@ -1392,8 +1436,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;
@@ -1448,6 +1495,7 @@ export declare type CallCompositeIcons = {
     OverflowGalleryTop?: JSX.Element;
     LargeGalleryLayout?: JSX.Element;
     DefaultCustomButton?: JSX.Element;
+    DtmfDialpadButton?: JSX.Element;
 };
 
 /**
@@ -1537,6 +1585,89 @@ export declare type CallCompositeOptions = {
          */
         layout?: VideoGalleryLayout;
     };
+    /**
+     * Options for end of call survey
+     */
+    surveyOptions?: {
+        /**
+         * Disable call survey at the end of a call.
+         * @defaultValue false
+         */
+        disableSurvey?: boolean;
+        /**
+         * Optional callback to redirect users to custom screens when survey is done, note that default end call screen will be shown if this callback is not provided
+         * This callback can be used to redirect users to different screens depending on survey state, whether it is submitted, skipped or has a problem when submitting the survey
+         */
+        onSurveyClosed?: (surveyState: 'sent' | 'skipped' | 'error', surveyError?: string) => void;
+        /**
+         * Optional callback to handle survey data including free form text response
+         * Note that free form text response survey option is only going to be enabled when this callback is provided
+         * User will need to handle all free form text response on their own
+         */
+        onSurveySubmitted?: (callId: string, surveyId: string, 
+        /**
+         * This is the survey results containing star survey data and API tag survey data.
+         * This part of the result will always be sent to the calling sdk
+         * This callback provides user with the ability to gain access to survey data
+         */
+        submittedSurvey: CallSurvey, 
+        /**
+         * This is the survey results containing free form text
+         * This part of the result will not be handled by composites
+         * User will need to collect and handle this information 100% on their own
+         * Free form text survey is not going to show in the UI if onSurveySubmitted is not populated
+         */
+        improvementSuggestions: CallSurveyImprovementSuggestions) => Promise<void>;
+    };
+    /**
+     * Options for setting additional customizations related to personalized branding.
+     */
+    branding?: {
+        /**
+         * Logo displayed on the configuration page.
+         */
+        logo?: {
+            /**
+             * URL for the logo image.
+             *
+             * @remarks
+             * Recommended size is 80x80 pixels.
+             */
+            url: string;
+            /**
+             * Alt text for the logo image.
+             */
+            alt?: string;
+            /**
+             * The logo can be displayed as a circle.
+             *
+             * @defaultValue 'unset'
+             */
+            shape?: 'unset' | 'circle';
+        };
+        /**
+         * Background image displayed on the configuration page.
+         */
+        backgroundImage?: {
+            /**
+             * URL for the background image.
+             *
+             * @remarks
+             * Background image should be larger than 576x567 pixels and smaller than 2048x2048 pixels pixels.
+             */
+            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;
+    };
 };
 
 /**
@@ -1806,6 +1937,26 @@ export declare interface CallCompositeStrings {
      * Label for menu item to remove participant
      */
     removeMenuLabel: string;
+    /**
+     * Label for menu item to start spotlight on participant
+     */
+    startSpotlightParticipantListMenuLabel: string;
+    /**
+     * Label for menu item to add spotlight on participant
+     */
+    addSpotlightParticipantListMenuLabel: string;
+    /**
+     * Label for menu item to stop spotlight on participant
+     */
+    stopSpotlightParticipantListMenuLabel: string;
+    /**
+     * Label for menu item to stop spotlight on local user
+     */
+    stopSpotlightOnSelfParticipantListMenuLabel: string;
+    /**
+     * Label for menu item to stop spotlight on local user
+     */
+    spotlightLimitReachedParticipantListMenuTitle: string;
     /**
      * Label for add people dropdown
      */
@@ -1941,7 +2092,7 @@ export declare interface CallCompositeStrings {
     /**
      * Label disaplayed on the lobby screen during a 1:1 outbound call.
      */
-    outboundCallingNoticeString: string;
+    outboundCallingNoticeString?: string;
     /**
      * Notice to be announced by narrator when a participant joins a call
      */
@@ -2150,6 +2301,74 @@ export declare interface CallCompositeStrings {
      * All strings for capability changed notification
      */
     capabilityChangedNotification?: CapabilityChangedNotificationStrings;
+    /**
+     * Title for the survey
+     */
+    surveyTitle: string;
+    /**
+     * Helper text to explain what the survey is for
+     */
+    starSurveyHelperText: string;
+    /**
+     * Helper text displayed below survey question after user select one star
+     */
+    starSurveyOneStarText: string;
+    /**
+     * Helper text displayed below survey question after user select two star
+     */
+    starSurveyTwoStarText: string;
+    /**
+     * Helper text displayed below survey question after user select three star
+     */
+    starSurveyThreeStarText: string;
+    /**
+     * Helper text displayed below survey question after user select four star
+     */
+    starSurveyFourStarText: string;
+    /**
+     * Helper text displayed below survey question after user select five star
+     */
+    starSurveyFiveStarText: string;
+    /**
+     * Aria Label for each individual star rating
+     */
+    starRatingAriaLabel: string;
+    /**
+     * Tags Survey Question
+     */
+    tagsSurveyQuestion: string;
+    /**
+     * Default text for free form text field inside tags survey
+     */
+    tagsSurveyTextFieldDefaultText: string;
+    /**
+     * Tags Survey helper text
+     */
+    tagsSurveyHelperText: string;
+    /**
+     * Confirm button label for survey
+     */
+    surveyConfirmButtonLabel: string;
+    /**
+     * 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
+     */
+    endOfSurveyText: string;
+    /**
+     * Corresponding texts to each call issue
+     */
+    surveyIssues: SurveyIssues;
+    /**
+     * Corresponding texts to each call category
+     */
+    SurveyIssuesHeadingStrings: SurveyIssuesHeadingStrings;
     /**
      * String for the dismiss control on the local and remote PIP on mobile
      */
@@ -2166,10 +2385,50 @@ export declare interface CallCompositeStrings {
      * String for title when the call times out because the remote user does not answer
      */
     callTimeoutTitle?: string;
+    /**
+     * String for title when the call times out when calling a bot.
+     */
+    callTimeoutBotTitle?: string;
     /**
      * String for more details when the call times out because the remote user does not answer
      */
     callTimeoutDetails?: string;
+    /**
+     * String for more details when the call times out when calling a bot
+     */
+    callTimeoutBotDetails?: string;
+    /**
+     * Label for the control bar button to show the dtmf dialer when the more button is disabled
+     */
+    dtmfDialerButtonLabel?: string;
+    /**
+     * Tooltip for the control bar button to show the dtmf dialer when the more button is disabled
+     */
+    dtmfDialerButtonTooltipOn?: string;
+    /**
+     * Tooltip for the control bar button to hide the dtmf dialer when the more button is disabled
+     */
+    dtmfDialerButtonTooltipOff?: string;
+    /**
+     * Label to show the dtmf dialer in the more button menu
+     */
+    dtmfDialerMoreButtonLabelOn?: string;
+    /**
+     * 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;
 }
 
 /**
@@ -2184,7 +2443,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
@@ -2193,7 +2452,7 @@ export declare type CallControlOptions = (CommonCallControlOptions & {
         disabled: boolean;
     };
     legacyControlBarExperience?: boolean;
-});
+};
 
 /**
  * Callback for {@link CallAdapterSubscribers} 'callEnded' event.
@@ -2351,6 +2610,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;
 };
 
 /**
@@ -2470,10 +2737,21 @@ export declare interface CallState {
      * Proxy of {@link @azure/communication-calling#RecordingCallFeature}.
      */
     recording: RecordingCallFeature;
+    /**
+     * Proxy of {@link @azure/communication-calling#PPTLiveCallFeature}.
+     */
+    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.
+     *
+     * @beta
+     */
+    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.
@@ -2484,6 +2762,15 @@ 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
+     */
+    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.
@@ -2514,6 +2801,37 @@ 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;
+}
+
+/**
+ * Represents the improvement suggestion part of call survey
+ * @beta
+ */
+export declare interface CallSurveyImprovementSuggestions {
+    /**
+     * Improvement suggestions for overall call
+     */
+    overallRating?: string;
+    /**
+     * Improvement suggestions for audio experience
+     */
+    audioRating?: string;
+    /**
+     * Improvement suggestions for video experience
+     */
+    videoRating?: string;
+    /**
+     * Improvement suggestions for screenshare experience
+     */
+    screenshareRating?: string;
 }
 
 /**
@@ -2611,9 +2929,9 @@ export declare interface CallWithChatAdapterManagement {
     /**
      * Start the call.
      * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called
-     * @beta
+     * @public
      */
-    startCall(participants: CommunicationIdentifier[], options?: StartCallOptions): Call | undefined;
+    startCall(participants: (MicrosoftTeamsAppIdentifier | /* @conditional-compile-remove(PSTN-calls) */ PhoneNumberIdentifier | /* @conditional-compile-remove(one-to-n-calling) */ CommunicationUserIdentifier | /* @conditional-compile-remove(teams-adhoc-call) */ MicrosoftTeamsUserIdentifier | UnknownIdentifier)[], options?: StartCallOptions): Call | undefined;
     /**
      * Start sharing the screen during a call.
      *
@@ -2638,6 +2956,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}
+     *
+     * @beta
+     */
+    onReactionClick(reaction: Reaction_2): Promise<void>;
     /**
      * Create the html view for a stream.
      *
@@ -2817,9 +3142,10 @@ export declare interface CallWithChatAdapterManagement {
     updateFileUploadErrorMessage: (id: string, errorMessage: string) => void;
     /** @beta */
     updateFileUploadMetadata: (id: string, metadata: AttachmentMetadata) => void;
-    downloadAttachments: (options: {
-        attachmentUrls: Record<string, string>;
-    }) => Promise<AttachmentDownloadResult[]>;
+    /** @beta */
+    downloadResourceToCache(resourceDetails: ResourceDetails): Promise<void>;
+    /** @beta */
+    removeResourceFromCache(resourceDetails: ResourceDetails): void;
     /**
      * Puts the Call in a Localhold.
      *
@@ -2842,7 +3168,7 @@ export declare interface CallWithChatAdapterManagement {
     /**
      * send dtmf tone to another participant in the call in 1:1 calls
      *
-     * @beta
+     * @public
      */
     sendDtmfTone: (dtmfTone: DtmfTone_2) => Promise<void>;
     /**
@@ -2894,6 +3220,20 @@ export declare interface CallWithChatAdapterManagement {
      * @public
      */
     updateSelectedVideoBackgroundEffect(selectedVideoBackground: VideoBackgroundEffect): void;
+    /**
+     * Send the end of call survey result
+     *
+     * @beta
+     */
+    submitSurvey(survey: CallSurvey): Promise<CallSurveyResponse | undefined>;
+    /**
+     * Start spotlight
+     */
+    startSpotlight(userIds?: string[]): Promise<void>;
+    /**
+     * Stop spotlight
+     */
+    stopSpotlight(userIds?: string[]): Promise<void>;
 }
 
 /**
@@ -2926,6 +3266,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;
@@ -2942,6 +3283,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;
@@ -3028,6 +3370,13 @@ 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
+     * @beta
+     * */
+    reactions?: ReactionResources;
 }
 
 /**
@@ -3100,6 +3449,7 @@ export declare type CallWithChatCompositeIcons = {
     PeoplePaneOpenDialpad?: JSX.Element;
     DialpadStartCall?: JSX.Element;
     DefaultCustomButton?: JSX.Element;
+    DtmfDialpadButton?: JSX.Element;
     EditBoxCancel?: JSX.Element;
     EditBoxSubmit?: JSX.Element;
     MessageDelivered?: JSX.Element;
@@ -3201,6 +3551,89 @@ export declare type CallWithChatCompositeOptions = {
          */
         layout?: VideoGalleryLayout;
     };
+    /**
+     * Options for end of call survey
+     */
+    surveyOptions?: {
+        /**
+         * Disable call survey at the end of a call.
+         * @defaultValue false
+         */
+        disableSurvey?: boolean;
+        /**
+         * Optional callback to redirect users to custom screens when survey is done, note that default end call screen will be shown if this callback is not provided
+         * This callback can be used to redirect users to different screens depending on survey state, whether it is submitted, skipped or has a problem when submitting the survey
+         */
+        onSurveyClosed?: (surveyState: 'sent' | 'skipped' | 'error', surveyError?: string) => void;
+        /**
+         * Optional callback to handle survey data including free form text response
+         * Note that free form text response survey option is only going to be enabled when this callback is provided
+         * User will need to handle all free form text response on their own
+         */
+        onSurveySubmitted?: (callId: string, surveyId: string, 
+        /**
+         * This is the survey results containing star survey data and API tag survey data.
+         * This part of the result will always be sent to the calling sdk
+         * This callback provides user with the ability to gain access to survey data
+         */
+        submittedSurvey: CallSurvey, 
+        /**
+         * This is the survey results containing free form text
+         * This part of the result will not be handled by composites
+         * User will need to collect and handle this information 100% on their own
+         * Free form text survey is not going to show in the UI if onSurveySubmitted is not populated
+         */
+        improvementSuggestions: CallSurveyImprovementSuggestions) => Promise<void>;
+    };
+    /**
+     * Options for setting additional customizations related to personalized branding.
+     */
+    branding?: {
+        /**
+         * Logo displayed on the configuration page.
+         */
+        logo?: {
+            /**
+             * URL for the logo image.
+             *
+             * @remarks
+             * Recommended size is 80x80 pixels.
+             */
+            url: string;
+            /**
+             * Alt text for the logo image.
+             */
+            alt?: string;
+            /**
+             * The logo can be displayed as a circle.
+             *
+             * @defaultValue 'unset'
+             */
+            shape?: 'unset' | 'circle';
+        };
+        /**
+         * Background image displayed on the configuration page.
+         */
+        backgroundImage?: {
+            /**
+             * URL for the background image.
+             *
+             * @remarks
+             * Background image should be larger than 576x567 pixels and smaller than 2048x2048 pixels pixels.
+             */
+            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;
+    };
 };
 
 /**
@@ -3422,7 +3855,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' | /* @conditional-compile-remove(capabilities) */ 'capabilitiesChanged' | /* @conditional-compile-remove(spotlight) */ 'spotlightChanged' | 'messageReceived' | 'messageEdited' | 'messageDeleted' | 'messageSent' | 'messageRead' | 'chatParticipantsAdded' | 'chatParticipantsRemoved';
 
 /**
  * @beta
@@ -3839,7 +4272,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 & FileUploadAdapter;
 
 /**
  * {@link ChatAdapter} state.
@@ -3963,7 +4396,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>;
     /**
@@ -3978,9 +4411,14 @@ export declare interface ChatAdapterThreadManagement {
      *
      */
     loadPreviousChatMessages(messagesToLoad: number): Promise<boolean>;
-    downloadAttachments: (options: {
-        attachmentUrls: Record<string, string>;
-    }) => Promise<AttachmentDownloadResult[]>;
+    /**
+     * Downloads a resource into the cache for the given message.
+     */
+    downloadResourceToCache(resourceDetails: ResourceDetails): Promise<void>;
+    /**
+     * Removes a resource from the cache for the given message.
+     */
+    removeResourceFromCache(resourceDetails: ResourceDetails): void;
 }
 
 /**
@@ -4259,7 +4697,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>;
@@ -4335,26 +4773,6 @@ export declare type ChatParticipantListSelector = (state: ChatClientState, props
  */
 export declare type ChatReturnProps<Component extends (props: any) => JSX.Element> = GetChatSelector<Component> extends (state: ChatClientState, props: any) => any ? ReturnType<GetChatSelector<Component>> & Common<ChatHandlers, Parameters<Component>[0]> : never;
 
-/**
- * Custom Fluent theme palette used by chat related components in this library.
- *
- * @beta
- */
-export declare interface ChatTheme {
-    /**
-     * Custom Fluent theme palette used by chat related components in this library.
-     *
-     * @beta
-     */
-    chatPalette: {
-        modalOverlayBlack: string;
-        modalTitleWhite: string;
-        modalButtonBackground: string;
-        modalButtonBackgroundHover: string;
-        modalButtonBackgroundActive: string;
-    };
-}
-
 /**
  * A {@link React.Context} that stores a {@link @azure/communication-chat#ChatThreadClient}.
  *
@@ -4483,9 +4901,9 @@ export declare interface CommonCallAdapter extends AdapterState<CallAdapterState
     /**
      * Start the call.
      * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called
-     * @beta
+     * @public
      */
-    startCall(participants: CommunicationIdentifier[], options?: StartCallOptions): void;
+    startCall(participants: StartCallIdentifier[], options?: StartCallOptions): void;
 }
 
 /**
@@ -4511,6 +4929,11 @@ export declare type CommonCallAdapterOptions = {
      * Sounds to use for calling events
      */
     callingSounds?: CallingSounds;
+    /**
+     * Reaction resource for reaction resources
+     * @beta
+     */
+    reactionResources?: ReactionResources;
 };
 
 /**
@@ -4581,6 +5004,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.
      */
@@ -4595,6 +5025,16 @@ export declare type CommonCallControlOptions = {
     peopleButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ {
         disabled: boolean;
     };
+    /**
+     * Show or hide the dialpad button in the composite control bar.
+     */
+    dtmfDialerButton?: boolean | {
+        disabled: boolean;
+    };
+    /**
+     * Show or hide the exit spotlight button in the composite control bar when local participant is spotlighted.
+     */
+    exitSpotlightButton?: boolean;
 };
 
 /**
@@ -4619,6 +5059,10 @@ export declare interface CommonCallingHandlers {
     onRaiseHand: () => Promise<void>;
     onLowerHand: () => Promise<void>;
     onToggleRaiseHand: () => Promise<void>;
+    /**
+     * @beta
+     */
+    onReactionClick: (reaction: Reaction_2) => Promise<void>;
     onToggleHold: () => Promise<void>;
     onAddParticipant(participant: CommunicationUserIdentifier): Promise<void>;
     onAddParticipant(participant: PhoneNumberIdentifier, options: AddPhoneNumberOptions): Promise<void>;
@@ -4643,6 +5087,9 @@ export declare interface CommonCallingHandlers {
     onStopCaptions: () => Promise<void>;
     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>;
 }
 
 /**
@@ -4909,14 +5356,21 @@ export declare interface ComponentStrings {
     screenShareButton: ScreenShareButtonStrings;
     /** Strings for RaiseHandButton */
     raiseHandButton: RaiseHandButtonStrings;
+    /**
+     * Strings for ReactionButton
+     * @beta
+     * */
+    reactionButton: ReactionButtonStrings;
     /** Strings for TypingIndicator */
     typingIndicator: TypingIndicatorStrings;
     /** Strings for SendBox */
     sendBox: SendBoxStrings;
+    /** Strings for RTESendBox */
+    richTextSendBox: RichTextSendBoxStrings;
     /** Strings for MentionPopover */
     mentionPopover: MentionPopoverStrings;
-    /** Strings for ImageGallery */
-    imageGallery: ImageGalleryStrings;
+    /** Strings for ImageOverlay */
+    imageOverlay: ImageOverlayStrings;
     /** Strings for MessageStatusIndicator */
     messageStatusIndicator: MessageStatusIndicatorStrings;
     /** Strings for ErroBar */
@@ -5331,7 +5785,18 @@ export declare interface ControlBarProps {
  *
  * @public
  */
-export declare const createAzureCommunicationCallAdapter: ({ userId, displayName, credential, locator, alternateCallerId, options }: AzureCommunicationCallAdapterArgs) => Promise<CallAdapter>;
+export declare function createAzureCommunicationCallAdapter(args: AzureCommunicationCallAdapterArgs): Promise<CallAdapter>;
+
+/**
+ * Create a {@link CallAdapter} backed by Azure Communication Services.
+ *
+ * This is the default implementation of {@link CallAdapter} provided by this library.
+ *
+ * Note: `displayName` can be a maximum of 256 characters.
+ *
+ * @public
+ */
+export declare function createAzureCommunicationCallAdapter(args: AzureCommunicationOutboundCallAdapterArgs): Promise<CallAdapter>;
 
 /**
  * Create a {@link CallAdapter} using the provided {@link StatefulCallClient}.
@@ -5341,7 +5806,17 @@ export declare const createAzureCommunicationCallAdapter: ({ userId, displayName
  *
  * @public
  */
-export declare const createAzureCommunicationCallAdapterFromClient: (callClient: StatefulCallClient, callAgent: CallAgent, locator: CallAdapterLocator, /* @conditional-compile-remove(video-background-effects) */ options?: AzureCommunicationCallAdapterOptions) => Promise<CallAdapter>;
+export declare function createAzureCommunicationCallAdapterFromClient(callClient: StatefulCallClient, callAgent: CallAgent, targetCallees: StartCallIdentifier[], options?: AzureCommunicationCallAdapterOptions): Promise<CallAdapter>;
+
+/**
+ * Create a {@link CallAdapter} using the provided {@link StatefulCallClient}.
+ *
+ * Useful if you want to keep a reference to {@link StatefulCallClient}.
+ * Consider using {@link createAzureCommunicationCallAdapter} for a simpler API.
+ *
+ * @public
+ */
+export declare function createAzureCommunicationCallAdapterFromClient(callClient: StatefulCallClient, callAgent: CallAgent, locator: CallAdapterLocator, options?: AzureCommunicationCallAdapterOptions): Promise<CallAdapter>;
 
 /**
  * Create a CallWithChatAdapter backed by Azure Communication services
@@ -5360,7 +5835,7 @@ export declare const createAzureCommunicationCallWithChatAdapter: ({ userId, dis
  *
  * @public
  */
-export declare const createAzureCommunicationCallWithChatAdapterFromClients: ({ callClient, callAgent, callLocator, chatClient, chatThreadClient, callAdapterOptions, chatAdapterOptions }: AzureCommunicationCallWithChatAdapterFromClientArgs) => Promise<CallWithChatAdapter>;
+export declare const createAzureCommunicationCallWithChatAdapterFromClients: ({ callClient, callAgent, callLocator, chatClient, chatThreadClient, callAdapterOptions }: AzureCommunicationCallWithChatAdapterFromClientArgs) => Promise<CallWithChatAdapter>;
 
 /**
  * Create a {@link ChatAdapter} backed by Azure Communication Services.
@@ -5379,16 +5854,14 @@ export declare const createAzureCommunicationChatAdapter: ({ endpoint: endpointU
  *
  * @public
  */
-export declare function createAzureCommunicationChatAdapterFromClient(chatClient: StatefulChatClient, chatThreadClient: ChatThreadClient, /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ options?: {
-    credential?: CommunicationTokenCredential;
-}): Promise<ChatAdapter>;
+export declare function createAzureCommunicationChatAdapterFromClient(chatClient: StatefulChatClient, chatThreadClient: ChatThreadClient): Promise<ChatAdapter>;
 
 /**
  * Type of {@link createDefaultCallingHandlers}.
  *
  * @public
  */
-export declare type CreateDefaultCallingHandlers = (callClient: StatefulCallClient, callAgent: CallAgent | undefined, deviceManager: StatefulDeviceManager | undefined, call: Call | undefined, /* @conditional-compile-remove(video-background-effects) */ options?: CallingHandlersOptions) => CallingHandlers;
+export declare type CreateDefaultCallingHandlers = (callClient: StatefulCallClient, callAgent: CallAgent | undefined, deviceManager: StatefulDeviceManager | undefined, call: Call | undefined, options?: CallingHandlersOptions) => CallingHandlers;
 
 /**
  * Create the default implementation of {@link CallingHandlers} for teams call.
@@ -5646,13 +6119,13 @@ export declare interface CustomMessage extends MessageCommon {
  *
  * @public
  */
-export declare const darkTheme: PartialTheme & CallingTheme & /* @conditional-compile-remove(image-gallery) */ ChatTheme;
+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
@@ -5683,6 +6156,7 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     ControlButtonLowerHand: React_2.JSX.Element;
     RaiseHandContextualMenuItem: React_2.JSX.Element;
     LowerHandContextualMenuItem: React_2.JSX.Element;
+    ReactionButtonIcon: React_2.JSX.Element;
     CancelFileUpload: React_2.JSX.Element;
     DownloadFile: React_2.JSX.Element;
     DataLossPreventionProhibited: React_2.JSX.Element;
@@ -5718,6 +6192,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;
@@ -5754,6 +6229,19 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     ContextMenuCameraIcon: React_2.JSX.Element;
     ContextMenuMicIcon: React_2.JSX.Element;
     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;
+    VideoSpotlighted: React_2.JSX.Element;
+    RTEBoldButtonIcon: React_2.JSX.Element;
+    RTEItalicButtonIcon: React_2.JSX.Element;
+    RTEUnderlineButtonIcon: React_2.JSX.Element;
+    RTEBulletListButtonIcon: React_2.JSX.Element;
+    RTEtNumberListButtonIcon: React_2.JSX.Element;
+    RTEIndentDecreaseButtonIcon: React_2.JSX.Element;
+    RTEIndentIncreaseButtonIcon: React_2.JSX.Element;
+    RTEDividerIcon: React_2.JSX.Element;
 };
 
 /**
@@ -5789,8 +6277,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;
@@ -5843,6 +6334,7 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     OverflowGalleryTop?: JSX.Element | undefined;
     LargeGalleryLayout?: JSX.Element | undefined;
     DefaultCustomButton?: JSX.Element | undefined;
+    DtmfDialpadButton?: JSX.Element | undefined;
     ChevronLeft?: JSX.Element | undefined;
     ControlBarChatButtonActive?: JSX.Element | undefined;
     ControlBarChatButtonInactive?: JSX.Element | undefined;
@@ -5860,6 +6352,7 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     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;
@@ -5893,6 +6386,19 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     ContextMenuCameraIcon: React_2.JSX.Element;
     ContextMenuMicIcon: React_2.JSX.Element;
     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;
+    VideoSpotlighted: React_2.JSX.Element;
+    RTEBoldButtonIcon: React_2.JSX.Element;
+    RTEItalicButtonIcon: React_2.JSX.Element;
+    RTEUnderlineButtonIcon: React_2.JSX.Element;
+    RTEBulletListButtonIcon: React_2.JSX.Element;
+    RTEtNumberListButtonIcon: React_2.JSX.Element;
+    RTEIndentDecreaseButtonIcon: React_2.JSX.Element;
+    RTEIndentIncreaseButtonIcon: React_2.JSX.Element;
+    RTEDividerIcon: React_2.JSX.Element;
 };
 
 /**
@@ -6140,20 +6646,20 @@ export declare interface DiagnosticsCallFeatureState {
  * A component to allow users to enter phone number through clicking on dialpad/using keyboard
  * It will return empty component for stable builds
  *
- * @beta
+ * @public
  */
 export declare const Dialpad: (props: DialpadProps) => JSX.Element;
 
 /**
  * Modes of the dialpad component.
- * @beta
+ * @public
  */
 export declare type DialpadMode = 'dtmf' | 'dialer';
 
 /**
  * Props for {@link Dialpad} component.
  *
- * @beta
+ * @public
  */
 export declare interface DialpadProps {
     strings?: DialpadStrings;
@@ -6202,7 +6708,7 @@ export declare interface DialpadProps {
 /**
  * Strings of {@link Dialpad} that can be overridden.
  *
- * @beta
+ * @public
  */
 export declare interface DialpadStrings {
     placeholderText: string;
@@ -6212,7 +6718,7 @@ export declare interface DialpadStrings {
 /**
  * Styles for {@link Dialpad} component.
  *
- * @beta
+ * @public
  */
 export declare interface DialpadStyles {
     root?: IStyle;
@@ -6247,7 +6753,7 @@ export { Disposable_2 as Disposable }
 /**
  * DTMF tone for PSTN calls.
  *
- * @beta
+ * @public
  */
 export declare type DtmfTone = 'A' | 'B' | 'C' | 'D' | 'Flash' | 'Num0' | 'Num1' | 'Num2' | 'Num3' | 'Num4' | 'Num5' | 'Num6' | 'Num7' | 'Num8' | 'Num9' | 'Pound' | 'Star';
 
@@ -6495,6 +7001,10 @@ export declare interface ErrorBarStrings {
      * Unable to start effect
      */
     unableToStartVideoEffect?: string;
+    /**
+     * An error message when starting spotlight while max participants are spotlighted
+     */
+    startSpotlightWhileMaxParticipantsAreSpotlighted: string;
 }
 
 /**
@@ -6729,6 +7239,8 @@ export declare interface FluentThemeProviderProps {
      * @defaultValue `false`
      */
     rtl?: boolean;
+    /** Optional style to change the root style of the ThemeProvider */
+    rootStyle?: React_2.CSSProperties | undefined;
 }
 
 /**
@@ -6957,74 +7469,67 @@ export declare interface _Identifiers {
  *
  * @beta
  */
-export declare const ImageGallery: (props: ImageGalleryProps) => JSX.Element;
-
-/**
- * Props for {@link ImageGallery}.
- *
- * @beta
- */
-export declare interface ImageGalleryImageProps {
-    /** Image Url used to display the image in a large scale. */
-    imageUrl: string;
-    /** String used as a file name when downloading this image to user's local device. */
-    downloadFilename: string;
-    /** Optional string used as a alt text for the image. @default 'image' */
-    altText?: string;
-    /** Optional string used as the title of the image and displayed on the top left corner of the ImageGallery. */
-    title?: string;
-    /** Optional JSX element used as a title icon and displayed to the left of the title element. */
-    titleIcon?: JSX.Element;
-}
+export declare const ImageOverlay: (props: ImageOverlayProps) => JSX.Element;
 
 /**
- * Props for {@link ImageGallery}.
+ * Props for {@link ImageOverlay}.
  *
  * @beta
  */
-export declare interface ImageGalleryProps {
+export declare interface ImageOverlayProps {
     /**
      * Boolean that controls whether the modal is displayed.
      */
     isOpen: boolean;
     /**
-     * Array of images used to populate the ImageGallery
+     * Image source used to display the image in a large scale.
      */
-    images: Array<ImageGalleryImageProps>;
+    imageSrc: string;
     /**
-     * Callback to invoke when the ImageGallery modal is dismissed
+     * Optional string used as a alt text for the image. @default 'image'
      */
-    onDismiss: () => void;
+    altText?: string;
     /**
-     * Callback called when the download button is clicked.
+     * Optional string used as the title of the image and displayed on the top left corner of the ImageOverlay.
      */
-    onImageDownloadButtonClicked: (imageUrl: string, downloadFilename: string) => void;
+    title?: string;
     /**
-     * Callback called when there's an error loading the image.
+     * Optional JSX element used as a title icon and displayed to the left of the title element.
      */
-    onError?: (event: SyntheticEvent<HTMLImageElement, Event>) => void;
+    titleIcon?: JSX.Element;
+    /**
+     * Callback to invoke when the ImageOverlay modal is dismissed
+     */
+    onDismiss: () => void;
     /**
-     * Indicating which index of the images array to start with.
+     * Optional callback called when the download button is clicked. If not provided, the download button will not be rendered.
      */
-    startIndex?: number;
+    onDownloadButtonClicked?: (imageSrc: string) => void;
 }
 
 /**
- * Strings of {@link ImageGallery} that can be overridden.
+ * Strings of {@link ImageOverlay} that can be overridden.
  *
  * @beta
  */
-export declare interface ImageGalleryStrings {
+export declare interface ImageOverlayStrings {
     /**
-     * Download button label for ImageGallery
+     * Download button label for ImageOverlay
      */
     downloadButtonLabel: string;
     /**
-     * Dismiss button aria label for ImageGallery
+     * Dismiss button aria label for ImageOverlay
      */
     dismissButtonAriaLabel: string;
 }
 
+/**
+ * Preset dark theme for the ImageOverlay component.
+ *
+ * @beta
+ */
+export declare const imageOverlayTheme: PartialTheme;
+
 /**
  * @beta
  * This contains a readonly array that returns all the active `incomingCalls`.
@@ -7099,6 +7604,10 @@ export declare interface InlineImageMetadata {
      * Download URL for the full resolution version.
      */
     url: string;
+    /**
+     * Optional fetched Image source fot the full resolution version.
+     */
+    fullSizeImageSrc?: string;
 }
 
 /**
@@ -7211,7 +7720,7 @@ export declare interface JumpToNewMessageButtonProps {
  *
  * @public
  */
-export declare const lightTheme: PartialTheme & CallingTheme & /* @conditional-compile-remove(image-gallery) */ ChatTheme;
+export declare const lightTheme: PartialTheme & CallingTheme;
 
 /**
  * Whether the stream is loading or not.
@@ -7300,7 +7809,7 @@ export declare interface LocalVideoStreamVideoEffectsState {
 /**
  * Options for the local video tile in the Call composite.
  *
- * @beta
+ * @public
  */
 export declare interface LocalVideoTileOptions {
     /**
@@ -7324,7 +7833,7 @@ export declare type LocalVideoTileSize = '9:16' | '16:9' | 'hidden' | 'followDev
 
 /**
  * Modes of how the longpress handlers can be tiggered.
- * @beta
+ * @public
  */
 export declare type LongPressTrigger = 'mouseAndTouch' | 'touch';
 
@@ -7391,7 +7900,7 @@ export declare interface MentionLookupOptions {
     /**
      * Optional callback to render an item of the mention suggestions list.
      */
-    onRenderSuggestionItem?: (suggestion: Mention, onSuggestionSelected: (suggestion: Mention) => void) => JSX.Element;
+    onRenderSuggestionItem?: (suggestion: Mention, onSuggestionSelected: (suggestion: Mention) => void, isActive: boolean) => JSX.Element;
 }
 
 /**
@@ -8292,6 +8801,8 @@ export declare interface ParticipantItemStrings {
     participantStateRinging?: string;
     /** String shown when `participantState` is `Hold` */
     participantStateHold?: string;
+    /** String for the attendee role */
+    attendeeRole: string;
 }
 
 /**
@@ -8367,11 +8878,6 @@ export declare type ParticipantListProps = {
     onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;
     /** Optional callback when rendered ParticipantItem is clicked */
     onParticipantClick?: (participant?: ParticipantListParticipant) => void;
-    /** Optional callback to generate context menu item to stop spotlight of each participant */
-    onStartSpotlight?: (userId: string) => void;
-    /** Optional callback to generate context menu item to stop spotlight of each participant */
-    onStopSpotlight?: (userId: string) => void;
-    /** Styles for the {@link ParticipantList} */
     styles?: ParticipantListStyles;
     /** Optional value to determine if the tooltip should be shown for participants or not */
     showParticipantOverflowTooltip?: boolean;
@@ -8622,6 +9128,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.
+ *
+ * @beta
+ */
+export declare interface PPTLiveCallFeatureState {
+    /**
+     * Proxy of {@link @azure/communication-calling#PPTLiveCallFeature.isActive}.
+     */
+    isActive: boolean;
+}
+
 /**
  * The profile of a user.
  *
@@ -8723,6 +9242,129 @@ export declare interface RaiseHandCallFeature {
     localParticipantRaisedHand?: RaisedHandState;
 }
 
+/**
+ * Reaction state with reaction type to render
+ *
+ * @beta
+ */
+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}.
+ *
+ * @beta
+ */
+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.
+ *
+ * @beta
+ */
+export declare interface ReactionButtonStrings {
+    /** Label of the button. */
+    label: 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 laugh reaction button. */
+    laughReactionTooltipContent?: string;
+    /** Tooltip content of clap reaction button. */
+    applauseReactionTooltipContent?: string;
+    /** Tooltip content of surprised reaction button. */
+    surprisedReactionTooltipContent?: string;
+}
+
+/**
+ * Interface for animation sprite image and related metadata
+ * @beta
+ */
+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
+ * @beta
+ */
+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;
+    /**
+     * The square size of one frame in the animation resource..
+     */
+    size?: 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.
+ *
+ * @beta
+ */
+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
  *
@@ -8794,6 +9436,21 @@ export declare interface RemoteParticipantState {
      * Proxy of {@link @azure/communication-calling#Call.RaisedHand.raisedHands}.
      */
     raisedHand?: RaisedHandState;
+    /**
+     * Proxy of {@link @azure/communication-calling#Call.PPTLive.target}.
+     */
+    contentSharingStream?: HTMLElement;
+    /**
+     * Proxy of {@link @azure/communication-calling#Call.ReactionMessage} with
+     * UI helper props receivedOn which indicates the timestamp when the message was received.
+     *
+     * @beta
+     */
+    reactionState?: ReactionState;
+    /**
+     * Proxy of {@link @azure/communication-calling#SpotlightCallFeature.spotlightedParticipants}.
+     */
+    spotlight?: SpotlightState;
 }
 
 /**
@@ -8847,6 +9504,53 @@ export declare interface RemoteVideoTileMenuOptions {
     isHidden?: boolean;
 }
 
+/**
+ * Details required for download a resource to cache.
+ *
+ * @public
+ */
+export declare type ResourceDetails = {
+    threadId: string;
+    messageId: string;
+    resourceUrl: string;
+};
+
+/**
+ * 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;
+}
+
 /**
  * A button to start / stop screen sharing.
  *
@@ -9174,6 +9878,121 @@ export declare interface SpokenLanguageStrings {
     'zh-tw': string;
 }
 
+/**
+ * Spotlight state with order
+ *
+ * @beta
+ */
+export declare type Spotlight = {
+    /**
+     * Specifies the order position of the spotlight
+     */
+    spotlightedOrderPosition?: number;
+};
+
+/**
+ * State only version of {@link @azure/communication-calling#SpotlightCallFeature}
+ *
+ * @beta
+ */
+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
+ * @beta
+ */
+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;
+    /**
+     * Text for prompt when stopping spotlight on participant
+     */
+    stopSpotlightText: string;
+    /**
+     * Text for prompt when stopping spotlight on local user
+     */
+    stopSpotlightOnSelfText: string;
+    /**
+     * Label for button to confirm stopping spotlight on participant 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 in prompt
+     */
+    stopSpotlightCancelButtonLabel: string;
+}
+
+/**
+ * Spotlight state with order
+ *
+ * @beta
+ */
+export declare interface SpotlightState {
+    /**
+     * Order position of spotlight in call
+     */
+    spotlightedOrderPosition?: number;
+}
+
+/**
+ * Identifier types for initiating a call using the CallAdapter
+ * @public
+ */
+export declare type StartCallIdentifier = (MicrosoftTeamsAppIdentifier | /* @conditional-compile-remove(PSTN-calls) */ PhoneNumberIdentifier | /* @conditional-compile-remove(one-to-n-calling) */ CommunicationUserIdentifier | /* @conditional-compile-remove(teams-adhoc-call) */ MicrosoftTeamsUserIdentifier | UnknownIdentifier) | /* @conditional-compile-remove(start-call-beta) */ CommunicationIdentifier;
+
 /**
  * Defines the methods that allow CallClient {@link @azure/communication-calling#CallClient} to be used statefully.
  * The interface provides access to proxied state and also allows registering a handler for state change events. For
@@ -9206,6 +10025,7 @@ export declare interface SpokenLanguageStrings {
  *   - RecordingCallFeature 'isRecordingActiveChanged'
  *   - RaiseHandCallFeature 'raisedHandEvent'
  *   - RaiseHandCallFeature 'loweredHandEvent'
+ *   - PPTLiveCallFeature 'isAciveChanged'
  *   - ReactionCallFeature 'reaction'
  *
  * @public
@@ -9345,6 +10165,10 @@ export declare type StatefulCallClientOptions = {
  * @public
  */
 export declare interface StatefulChatClient extends ChatClient {
+    /**
+     * Cleans up the resource cache from the chat thread client.
+     */
+    dispose(): void;
     /**
      * Holds all the state that we could proxy from ChatClient {@Link @azure/communication-chat#ChatClient} as
      * ChatClientState {@Link ChatClientState}.
@@ -9362,6 +10186,22 @@ export declare interface StatefulChatClient extends ChatClient {
      * @param handler - Original callback to be unsubscribed.
      */
     offStateChange(handler: (state: ChatClientState) => void): void;
+    /**
+     * Downloads a resource for specific message and caches it.
+     *
+     * @param threadId - The thread id of the chat thread.
+     * @param messageId - The message id of the chat message.
+     * @param resourceUrl - The resource url to fetch and cache.
+     */
+    downloadResourceToCache(threadId: string, messageId: string, resourceUrl: string): void;
+    /**
+     * Removes a resource from cache for a specific message.
+     *
+     * @param threadId - The thread id of the chat thread.
+     * @param messageId - The message id of the chat message.
+     * @param resourceUrl - The resource url to remove from cache.
+     */
+    removeResourceFromCache(threadId: string, messageId: string, resourceUrl: string): void;
 }
 
 /**
@@ -9446,6 +10286,62 @@ export declare interface StreamMediaProps {
     styles?: BaseCustomStyles;
 }
 
+/**
+ * @beta
+ * Corresponding texts to each call issue
+ */
+export declare interface SurveyIssues {
+    overallRating: {
+        callCannotJoin: string;
+        callCannotInvite: string;
+        hadToRejoin: string;
+        callEndedUnexpectedly: string;
+        otherIssues: string;
+    };
+    audioRating: {
+        noLocalAudio: string;
+        noRemoteAudio: string;
+        echo: string;
+        audioNoise: string;
+        lowVolume: string;
+        audioStoppedUnexpectedly: string;
+        distortedSpeech: string;
+        audioInterruption: string;
+        otherIssues: string;
+    };
+    videoRating: {
+        noVideoReceived: string;
+        noVideoSent: string;
+        lowQuality: string;
+        freezes: string;
+        stoppedUnexpectedly: string;
+        darkVideoReceived: string;
+        audioVideoOutOfSync: string;
+        otherIssues: string;
+    };
+    screenshareRating: {
+        noContentLocal: string;
+        noContentRemote: string;
+        cannotPresent: string;
+        lowQuality: string;
+        freezes: string;
+        stoppedUnexpectedly: string;
+        largeDelay: string;
+        otherIssues: string;
+    };
+}
+
+/**
+ * @beta
+ * Corresponding texts to each call issue category
+ */
+export declare interface SurveyIssuesHeadingStrings {
+    overallRating: string;
+    audioRating: string;
+    videoRating: string;
+    screenshareRating: string;
+}
+
 /**
  * Discriminated union of all system messages.
  *
@@ -9585,10 +10481,17 @@ export declare interface TranscriptionCallFeature {
     isTranscriptionActive: boolean;
 }
 
+/**
+ * Callback for {@link CallAdapterSubscribers} 'transferRequested' event.
+ *
+ * @public
+ */
+export declare type TransferAcceptedListener = (event: TransferEventArgs) => void;
+
 /**
  * Transfer feature state
  *
- * @beta
+ * @public
  */
 export declare interface TransferFeature {
     /**
@@ -9599,13 +10502,6 @@ export declare interface TransferFeature {
     };
 }
 
-/**
- * Callback for {@link CallAdapterSubscribers} 'transferRequested' event.
- *
- * @beta
- */
-export declare type TransferRequestedListener = (event: TransferRequestedEventArgs) => void;
-
 /**
  * Component to notify local user when one or more participants in the chat thread are typing.
  *
@@ -9848,7 +10744,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>;
@@ -9867,7 +10763,7 @@ export declare type UpdateMessageCallback = (messageId: string, content: string,
  *
  * @public
  */
-export declare const useAzureCommunicationCallAdapter: (args: Partial<AzureCommunicationCallAdapterArgs>, afterCreate?: ((adapter: CallAdapter) => Promise<CallAdapter>) | undefined, beforeDispose?: ((adapter: CallAdapter) => Promise<void>) | undefined) => CallAdapter | undefined;
+export declare const useAzureCommunicationCallAdapter: (args: Partial<AzureCommunicationCallAdapterArgs | AzureCommunicationOutboundCallAdapterArgs>, afterCreate?: ((adapter: CallAdapter) => Promise<CallAdapter>) | undefined, beforeDispose?: ((adapter: CallAdapter) => Promise<void>) | undefined) => CallAdapter | undefined;
 
 /**
  * A custom React hook to simplify the creation of {@link CallWithChatAdapter}.
@@ -10176,7 +11072,7 @@ export declare const VideoGallery: (props: VideoGalleryProps) => JSX.Element;
 /**
  * @public
  */
-export declare type VideoGalleryLayout = 'default' | 'floatingLocalVideo' | /* @conditional-compile-remove(gallery-layouts) */ 'speaker' | /* @conditional-compile-remove(gallery-layouts) */ 'focusedContent';
+export declare type VideoGalleryLayout = 'default' | 'floatingLocalVideo' | /* @conditional-compile-remove(gallery-layouts) */ 'speaker' | /* @conditional-compile-remove(large-gallery) */ 'largeGallery' | /* @conditional-compile-remove(gallery-layouts) */ 'focusedContent';
 
 /**
  * The state of the local participant in the {@link VideoGallery}.
@@ -10186,6 +11082,12 @@ export declare type VideoGalleryLayout = 'default' | 'floatingLocalVideo' | /* @
 export declare interface VideoGalleryLocalParticipant extends VideoGalleryParticipant {
     /** Whether local participant is raised a hand */
     raisedHand?: RaisedHand;
+    /**
+     * Whether local participant has reacted
+     *
+     * @beta
+     * */
+    reaction?: Reaction;
 }
 
 /**
@@ -10204,6 +11106,8 @@ export declare type VideoGalleryParticipant = {
     videoStream?: VideoGalleryStream;
     /** Whether participant is screen sharing or not */
     isScreenSharingOn?: boolean;
+    /** Whether participant is spotlighted **/
+    spotlight?: Spotlight;
 };
 
 /**
@@ -10287,6 +11191,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 will be called when spotlight is started for the local participant video tile.
+     */
+    onStartLocalSpotlight?: () => Promise<void>;
+    /**
+     * This callback will be called when spotlight is started for the local participant video tile.
+     */
+    onStartRemoteSpotlight?: (userIds?: string[]) => Promise<void>;
+    /**
+     * This callback will be called when spotlight is stopped for remote participant video tiles.
+     */
+    onStopLocalSpotlight?: () => Promise<void>;
+    /**
+     * This callback will be called when spotlight is stopped 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.
      *
@@ -10305,6 +11233,11 @@ export declare interface VideoGalleryProps {
      * @defaultValue 'followDeviceOrientation'
      */
     localVideoTileSize?: LocalVideoTileSize;
+    /**
+     * Reaction resources for like, heart, laugh, applause and surprised.
+     * @beta
+     */
+    reactionResources?: ReactionResources;
 }
 
 /**
@@ -10324,6 +11257,12 @@ export declare interface VideoGalleryRemoteParticipant extends VideoGalleryParti
     state?: ParticipantState;
     /** Whether participant is raised a hand */
     raisedHand?: RaisedHand;
+    /**
+     * Whether participant has reacted
+     *
+     * @beta
+     * */
+    reaction?: Reaction;
 }
 
 /**
@@ -10337,6 +11276,8 @@ export declare type VideoGallerySelector = (state: CallClientState, props: Calli
     remoteParticipants: VideoGalleryRemoteParticipant[];
     dominantSpeakers?: string[];
     optimalVideoCount?: number;
+    spotlightedParticipants?: string[];
+    maxParticipantsToSpotlight?: number;
 };
 
 /**
@@ -10404,10 +11345,14 @@ export declare interface VideoGalleryStrings {
     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;
 }
 
 /**
@@ -10569,6 +11514,11 @@ export declare interface VideoTileProps {
     isSpeaking?: boolean;
     /** Whether the participant is raised hand. Show a indicator (border) and icon with order */
     raisedHand?: RaisedHand;
+    /**
+     * When the participant has reacted, animate the reaction.
+     * @beta
+     * */
+    reaction?: Reaction;
     /**
      * The call connection state of the participant.
      * For example, `Hold` means the participant is on hold.
@@ -10585,6 +11535,15 @@ 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.
+     * @beta
+     */
+    reactionResources?: ReactionResources;
 }
 
 /**