@azure/communication-react 1.12.1-alpha-202401280013 → 1.12.1-alpha-202401310012

package/dist/communication-react.d.ts

@@ -1919,6 +1919,22 @@ 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 add people dropdown
      */
@@ -6128,6 +6144,8 @@ 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;
     VideoSpotlighted: React_2.JSX.Element;
 };
 
@@ -6274,6 +6292,8 @@ 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;
     VideoSpotlighted: React_2.JSX.Element;
 };
 
@@ -7453,6 +7473,18 @@ export declare interface IncomingCallState {
     endTime?: Date;
 }
 
+/**
+ * InlineImage's state, as reflected in the UI.
+ *
+ * @beta
+ */
+export declare interface InlineImage {
+    /** ID of the message that the inline image is belonged to */
+    messageId: string;
+    /** Attributes of the inline image */
+    imgAttrs: React_2.ImgHTMLAttributes<HTMLImageElement>;
+}
+
 /**
  * Metadata for rendering images inline with a message.
  * This does not include images attached as files.
@@ -7471,6 +7503,18 @@ export declare interface InlineImageMetadata {
     url: string;
 }
 
+/**
+ * Options to display inline image in the inline image scenario.
+ *
+ * @beta
+ */
+export declare interface InlineImageOptions {
+    /**
+     * Optional callback to render an inline image of in a message.
+     */
+    onRenderInlineImage?: (inlineImage: InlineImage, defaultOnRender: (inlineImage: InlineImage) => JSX.Element) => JSX.Element;
+}
+
 /**
  * Callback for {@link CallAdapterSubscribers} 'isCaptionLanguageChanged' event.
  *
@@ -8163,7 +8207,7 @@ export declare type MessageThreadProps = {
      * Optional callback called when an inline image is clicked.
      * @beta
      */
-    onInlineImageClicked?: (attachmentId: string, messageId: string) => Promise<void>;
+    inlineImageOptions?: InlineImageOptions;
 };
 
 /**
@@ -8725,6 +8769,10 @@ 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 */
@@ -8733,7 +8781,7 @@ export declare type ParticipantListProps = {
     totalParticipantCount?: number;
     /** Strings for the participant list */
     strings?: ParticipantListStrings;
-    /** Optional aria-lablledby prop that prefixes each ParticipantItem aria-label */
+    /** Optional aria-labelledby prop that prefixes each ParticipantItem aria-label */
     participantAriaLabelledBy?: string;
 };
 
@@ -10877,6 +10925,14 @@ export declare interface VideoGalleryProps {
      * List of spotlighted participant userIds.
      */
     spotlightedParticipants?: string[];
+    /**
+     * This callback will be called when spotlight is started for participant video tile.
+     */
+    onStartSpotlight?: (userId: string) => Promise<void>;
+    /**
+     * This callback will be called when spotlight is stopped for participant video tile.
+     */
+    onStopSpotlight?: (userId: string) => Promise<void>;
     /**
      * Options for showing the remote video tile menu.
      *
@@ -10991,7 +11047,7 @@ export declare interface VideoGalleryStrings {
     fillRemoteParticipantFrame: string;
     /** Menu text shown in Video Tile contextual menu for pinning a remote participant's video tile */
     pinParticipantForMe: string;
-    /** Menu text shown in Video Tile contextual menu for setting a remote participant's video tile */
+    /** Menu text shown in Video Tile contextual menu for unpinning a remote participant's video tile */
     unpinParticipantForMe: string;
     /** Aria label for pin participant menu item of remote participant's video tile */
     pinParticipantMenuItemAriaLabel: string;
@@ -11001,6 +11057,14 @@ 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 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;
 }
 
 /**