@azure/communication-react 1.12.1-alpha-202401200012 → 1.12.1-alpha-202401230013

package/dist/communication-react.d.ts

@@ -2528,6 +2528,12 @@ export declare type CallParticipantListParticipant = ParticipantListParticipant
      * @beta
      * */
     reaction?: Reaction;
+    /**
+     * Whether calling participant is spotlighted
+     *
+     * @beta
+     * */
+    isSpotlighted?: Spotlight;
 };
 
 /**
@@ -6047,6 +6053,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;
@@ -6194,6 +6201,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;
@@ -9561,6 +9569,18 @@ export declare interface SpokenLanguageStrings {
     'zh-tw': string;
 }
 
+/**
+ * Spotlight state with order
+ *
+ * @beta
+ */
+export declare type Spotlight = {
+    /**
+     * Specifies the order position of the spotlight
+     */
+    spotlightOrderPosition?: number;
+};
+
 /**
  * State only version of {@link @azure/communication-calling#SpotlightCallFeature}
  *

package/dist/dist-cjs/communication-react/index.js

@@ -170,7 +170,7 @@ function getDefaultExportFromCjs (x) {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.12.1-alpha-202401200012';
+var telemetryVersion = '1.12.1-alpha-202401230013';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -6408,6 +6408,8 @@ const DEFAULT_COMPONENT_ICONS = {
     ParticipantItemOptions: React.createElement(React.Fragment, null),
     ParticipantItemOptionsHovered: React.createElement(reactIcons.MoreHorizontal20Filled, null),
     ParticipantItemScreenShareStart: React.createElement(reactIcons.ShareScreenStart20Filled, null),
+    /* @conditional-compile-remove(spotlight) */
+    ParticipantItemSpotlighted: React.createElement(reactIcons.VideoPersonStar20Filled, null),
     /* @conditional-compile-remove(PSTN-calls) */
     HoldCallContextualMenuItem: React.createElement(reactIcons.CallPause20Regular, null),
     /* @conditional-compile-remove(PSTN-calls) */
@@ -12343,7 +12345,8 @@ const onRenderParticipantDefault = (participant, strings, myUserId, onRenderAvat
                     React.createElement(react.Stack.Item, null,
                         React.createElement(RaisedHandIcon, null)))),
                 callingParticipant.isScreenSharing && (React.createElement(react.Icon, { iconName: "ParticipantItemScreenShareStart", className: iconStyles$2, ariaLabel: strings.sharingIconLabel })),
-                callingParticipant.isMuted && (React.createElement(react.Icon, { iconName: "ParticipantItemMicOff", className: iconStyles$2, ariaLabel: strings.mutedIconLabel }))));
+                callingParticipant.isMuted && (React.createElement(react.Icon, { iconName: "ParticipantItemMicOff", className: iconStyles$2, ariaLabel: strings.mutedIconLabel })),
+                /* @conditional-compile-remove(spotlight) */ callingParticipant.isSpotlighted && (React.createElement(react.Icon, { iconName: "ParticipantItemSpotlighted", className: iconStyles$2 }))));
         }
         : () => null;
     /* @conditional-compile-remove(raise-hand) */
@@ -19902,8 +19905,8 @@ const convertRemoteParticipantToParticipantListParticipant = (userId, displayNam
 /**
  * @private
  */
-const memoizedConvertAllremoteParticipantsBeta = memoizeFnAll((userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers, reaction) => {
-    return convertRemoteParticipantToParticipantListParticipantBeta(userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers, reaction);
+const memoizedConvertAllremoteParticipantsBeta = memoizeFnAll((userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers, reaction, isSpotlighted) => {
+    return convertRemoteParticipantToParticipantListParticipantBeta(userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers, reaction, isSpotlighted);
 });
 /* @conditional-compile-remove(reaction) */
 /**
@@ -19918,8 +19921,17 @@ const memoizedConvertToVideoTileReaction = memoizeOne((reactionState) => {
         : undefined;
 });
 /* @conditional-compile-remove(reaction) */
-const convertRemoteParticipantToParticipantListParticipantBeta = (userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers, reaction) => {
-    return Object.assign(Object.assign({}, convertRemoteParticipantToParticipantListParticipant(userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers)), { reaction });
+/**
+ * @private
+ */
+const memoizedSpotlight = memoizeOne((spotlightedParticipants, userId) => {
+    const spotlightOrder = spotlightedParticipants === null || spotlightedParticipants === void 0 ? void 0 : spotlightedParticipants.find((spotlightedParticipant) => toFlatCommunicationIdentifier(spotlightedParticipant.identifier) === userId);
+    return spotlightOrder ? { spotlightOrderPosition: spotlightOrder.order } : undefined;
+});
+/* @conditional-compile-remove(reaction) */
+const convertRemoteParticipantToParticipantListParticipantBeta = (userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers, reaction, isSpotlighted) => {
+    return Object.assign(Object.assign({}, convertRemoteParticipantToParticipantListParticipant(userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers)), { reaction,
+        isSpotlighted });
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -20152,7 +20164,7 @@ const updateUserDisplayNamesTrampoline$2 = (remoteParticipants) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-const convertRemoteParticipantsToParticipantListParticipants = (remoteParticipants, localUserCanRemoveOthers, isHideAttendeeNamesEnabled, localUserRole) => {
+const convertRemoteParticipantsToParticipantListParticipants = (remoteParticipants, localUserCanRemoveOthers, isHideAttendeeNamesEnabled, localUserRole, spotlightedParticipants) => {
     const conversionCallback = (memoizeFn) => {
         return (remoteParticipants
             // Filter out MicrosoftBot participants
@@ -20179,11 +20191,15 @@ const convertRemoteParticipantsToParticipantListParticipants = (remoteParticipan
             displayName = maskDisplayNameWithRole(displayName, localUserRole, participant.role, isHideAttendeeNamesEnabled);
             /* @conditional-compile-remove(reaction) */
             const remoteParticipantReaction = memoizedConvertToVideoTileReaction(participant.reactionState);
+            /* @conditional-compile-remove(spotlight) */
+            const spotlight = memoizedSpotlight(spotlightedParticipants, toFlatCommunicationIdentifier(participant.identifier));
             return memoizeFn(toFlatCommunicationIdentifier(participant.identifier), displayName, state, participant.isMuted, isScreenSharing, participant.isSpeaking, 
             /* @conditional-compile-remove(raise-hand) */
             participant.raisedHand, localUserCanRemoveOthers, 
             /* @conditional-compile-remove(reaction) */
-            remoteParticipantReaction);
+            remoteParticipantReaction, 
+            /* @conditional-compile-remove(spotlight) */
+            spotlight);
         })
             .sort((a, b) => {
             var _a, _b;
@@ -20220,21 +20236,27 @@ const participantListSelector = reselect.createSelector([
     /* @conditional-compile-remove(hide-attendee-name) */
     isHideAttendeeNamesEnabled,
     /* @conditional-compile-remove(reaction) */
-    getLocalParticipantReactionState
+    getLocalParticipantReactionState,
+    /* @conditional-compile-remove(spotlight) */
+    getSpotlightedParticipants
 ], (userId, displayName, remoteParticipants, isScreenSharingOn, isMuted, 
 /* @conditional-compile-remove(raise-hand) */
 raisedHand, role, partitipantCount, 
 /* @conditional-compile-remove(hide-attendee-name) */
 isHideAttendeeNamesEnabled, 
 /* @conditional-compile-remove(reaction) */
-localParticipantReactionState) => {
+localParticipantReactionState, 
+/* @conditional-compile-remove(spotlight) */
+spotlightedParticipants) => {
     const localUserCanRemoveOthers = localUserCanRemoveOthersTrampoline(role);
     const participants = remoteParticipants
         ? convertRemoteParticipantsToParticipantListParticipants(updateUserDisplayNamesTrampoline$1(Object.values(remoteParticipants)), localUserCanRemoveOthers, 
         /* @conditional-compile-remove(hide-attendee-name) */
         isHideAttendeeNamesEnabled, 
         /* @conditional-compile-remove(hide-attendee-name) */
-        role)
+        role, 
+        /* @conditional-compile-remove(spotlight) */
+        spotlightedParticipants)
         : [];
     /* @conditional-compile-remove(reaction) */
     const localParticipantReaction = memoizedConvertToVideoTileReaction(localParticipantReactionState);
@@ -20249,7 +20271,9 @@ localParticipantReactionState) => {
         // Local participant can never remove themselves.
         isRemovable: false,
         /* @conditional-compile-remove(reaction) */
-        reaction: localParticipantReaction
+        reaction: localParticipantReaction,
+        /* @conditional-compile-remove(spotlight) */
+        isSpotlighted: memoizedSpotlight(spotlightedParticipants, userId)
     });
     /* @conditional-compile-remove(total-participant-count) */
     const totalParticipantCount = partitipantCount;