@azure/communication-react 1.13.0-alpha-202402210012 → 1.13.0-alpha-202402220012

package/dist/communication-react.d.ts

@@ -1436,6 +1436,7 @@ 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;
@@ -2410,6 +2411,14 @@ export declare interface CallCompositeStrings {
      * Strings for spotlight prompt
      */
     spotlightPrompt: SpotlightPromptStrings;
+    /**
+     * Label for button to exit spotlight
+     */
+    exitSpotlightButtonLabel: string;
+    /**
+     * Tooltip for button to exit spotlight
+     */
+    exitSpotlightButtonTooltip: string;
 }
 
 /**
@@ -4989,6 +4998,10 @@ 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;
 };
 
 /**
@@ -6223,6 +6236,7 @@ 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;
@@ -9782,6 +9796,10 @@ 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}.
      */
@@ -11073,13 +11091,21 @@ export declare interface VideoGalleryProps {
      */
     spotlightedParticipants?: string[];
     /**
-     * This callback will be called when spotlight is started for participant video tiles.
+     * 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.
      */
-    onStartSpotlight?: (userIds?: string[]) => Promise<void>;
+    onStopLocalSpotlight?: () => Promise<void>;
     /**
-     * This callback will be called when spotlight is stopped for participant video tiles.
+     * This callback will be called when spotlight is stopped for remote participant video tiles.
      */
-    onStopSpotlight?: (userIds?: string[]) => Promise<void>;
+    onStopRemoteSpotlight?: (userIds?: string[]) => Promise<void>;
     /**
      * Maximum participants that can be spotlighted
      */