@azure/communication-react 1.13.0 → 1.13.1-alpha-202402280012

package/dist/dist-esm/calling-component-bindings/src/utils/participantListSelectorUtils.d.ts

@@ -1,6 +1,10 @@
 import { RemoteParticipantState } from '@azure/communication-calling';
+import { SpotlightedParticipant } from '@azure/communication-calling';
 import { CallParticipantListParticipant } from "../../../react-components/src";
+import { Spotlight } from "../../../react-components/src";
 import { RaisedHandState } from "../../../calling-stateful-client/src";
+import { ReactionState } from "../../../calling-stateful-client/src";
+import { Reaction } from "../../../react-components/src";
 /**
  * @private
  */
@@ -9,4 +13,20 @@ export declare const memoizedConvertAllremoteParticipants: (callback: import("..
  * @private
  */
 export declare const memoizedConvertAllremoteParticipantsBetaRelease: (callback: import("../../../acs-ui-common/src").CallbackType<string, [displayName: string | undefined, state: RemoteParticipantState, isMuted: boolean, isScreenSharing: boolean, isSpeaking: boolean, raisedHand: RaisedHandState | undefined, localUserCanRemoveOthers: boolean], CallParticipantListParticipant>) => CallParticipantListParticipant[];
+/**
+ * @private
+ */
+export declare const memoizedConvertAllremoteParticipantsBeta: (callback: import("../../../acs-ui-common/src").CallbackType<string, [displayName: string | undefined, state: RemoteParticipantState, isMuted: boolean, isScreenSharing: boolean, isSpeaking: boolean, raisedHand: RaisedHandState | undefined, localUserCanRemoveOthers: boolean, reaction: Reaction | undefined], CallParticipantListParticipant>) => CallParticipantListParticipant[];
+/**
+ * @private
+ */
+export declare const memoizedConvertAllremoteParticipantsBetaSpotlight: (callback: import("../../../acs-ui-common/src").CallbackType<string, [displayName: string | undefined, state: RemoteParticipantState, isMuted: boolean, isScreenSharing: boolean, isSpeaking: boolean, raisedHand: RaisedHandState | undefined, localUserCanRemoveOthers: boolean, reaction: Reaction | undefined, isSpotlighted: Spotlight | undefined], CallParticipantListParticipant>) => CallParticipantListParticipant[];
+/**
+ * @private
+ */
+export declare const memoizedConvertToVideoTileReaction: (reactionState: ReactionState | undefined) => Reaction | undefined;
+/**
+ * @private
+ */
+export declare const memoizedSpotlight: (spotlightedParticipants: SpotlightedParticipant[] | undefined, userId: string) => Spotlight | undefined;
 //# sourceMappingURL=participantListSelectorUtils.d.ts.map

package/dist/dist-esm/calling-component-bindings/src/utils/participantListSelectorUtils.js

@@ -2,6 +2,10 @@
 // Licensed under the MIT License.
 import { getIdentifierKind } from '@azure/communication-common';
 import { fromFlatCommunicationIdentifier, memoizeFnAll } from "../../../acs-ui-common/src";
+/* @conditional-compile-remove(spotlight) */
+import { toFlatCommunicationIdentifier } from "../../../acs-ui-common/src";
+/* @conditional-compile-remove(reaction) */
+import memoizeOne from 'memoize-one';
 /**
  * @private
  */
@@ -19,7 +23,9 @@ const convertRemoteParticipantToParticipantListParticipant = (userId, displayNam
         isSpeaking,
         // ACS users can not remove Teams users.
         // Removing unknown types of users is undefined.
-        isRemovable: (getIdentifierKind(identifier).kind === 'communicationUser' || getIdentifierKind(identifier).kind === 'phoneNumber') && localUserCanRemoveOthers
+        isRemovable: (getIdentifierKind(identifier).kind === 'communicationUser' ||
+            getIdentifierKind(identifier).kind === 'phoneNumber') &&
+            localUserCanRemoveOthers
     };
 };
 /* @conditional-compile-remove(rooms) */
@@ -29,8 +35,51 @@ const convertRemoteParticipantToParticipantListParticipant = (userId, displayNam
 export const memoizedConvertAllremoteParticipantsBetaRelease = memoizeFnAll((userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers) => {
     return convertRemoteParticipantToParticipantListParticipantBetaRelease(userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers);
 });
+/* @conditional-compile-remove(reaction) */
+/**
+ * @private
+ */
+export const memoizedConvertAllremoteParticipantsBeta = memoizeFnAll((userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers, reaction) => {
+    return convertRemoteParticipantToParticipantListParticipantBeta(userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers, reaction);
+});
+/* @conditional-compile-remove(spotlight) */
+/**
+ * @private
+ */
+export const memoizedConvertAllremoteParticipantsBetaSpotlight = memoizeFnAll((userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers, reaction, isSpotlighted) => {
+    return convertRemoteParticipantToParticipantListParticipantBetaSpotlight(userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers, reaction, isSpotlighted);
+});
+/* @conditional-compile-remove(reaction) */
+/**
+ * @private
+ */
+export const memoizedConvertToVideoTileReaction = memoizeOne((reactionState) => {
+    return reactionState && reactionState.reactionMessage
+        ? {
+            reactionType: reactionState.reactionMessage.reactionType,
+            receivedOn: reactionState.receivedOn
+        }
+        : undefined;
+});
+/* @conditional-compile-remove(spotlight) */
+/**
+ * @private
+ */
+export const memoizedSpotlight = memoizeOne((spotlightedParticipants, userId) => {
+    const spotlightOrder = spotlightedParticipants === null || spotlightedParticipants === void 0 ? void 0 : spotlightedParticipants.find((spotlightedParticipant) => toFlatCommunicationIdentifier(spotlightedParticipant.identifier) === userId);
+    return spotlightOrder ? { spotlightedOrderPosition: spotlightOrder.order } : undefined;
+});
 /* @conditional-compile-remove(rooms) */
 const convertRemoteParticipantToParticipantListParticipantBetaRelease = (userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers) => {
     return Object.assign({}, convertRemoteParticipantToParticipantListParticipant(userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers));
 };
+/* @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 });
+};
+/* @conditional-compile-remove(spotlight) */
+const convertRemoteParticipantToParticipantListParticipantBetaSpotlight = (userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers, reaction, spotlight) => {
+    return Object.assign(Object.assign({}, convertRemoteParticipantToParticipantListParticipant(userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers)), { reaction,
+        spotlight });
+};
 //# sourceMappingURL=participantListSelectorUtils.js.map

package/dist/dist-esm/calling-component-bindings/src/utils/participantListSelectorUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"participantListSelectorUtils.js","sourceRoot":"","sources":["../../../../../preprocess-dist/calling-component-bindings/src/utils/participantListSelectorUtils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,+BAA+B,EAAE,YAAY,EAAE,mCAAgC;AAIxF;;GAEG;AACH,MAAM,CAAC,MAAM,oCAAoC,GAAG,YAAY,CAAC,CAAC,MAAc,EAAE,WAA+B,EAAE,KAA6B,EAAE,OAAgB,EAAE,eAAwB,EAAE,UAAmB,EAAE,UAAuC,EAAE,wBAAiC,EAAkC,EAAE;IAC/T,OAAO,oDAAoD,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,wBAAwB,CAAC,CAAC;AACtK,CAAC,CAAC,CAAC;AACH,MAAM,oDAAoD,GAAG,CAAC,MAAc,EAAE,WAA+B,EAAE,KAA6B,EAAE,OAAgB,EAAE,eAAwB,EAAE,UAAmB,EAAE,UAAuC,EAAE,wBAAiC,EAAkC,EAAE;IAC3T,MAAM,UAAU,GAAG,+BAA+B,CAAC,MAAM,CAAC,CAAC;IAC3D,OAAO;QACL,MAAM;QACN,WAAW;QACX,KAAK;QACL,OAAO;QACP,eAAe;QACf,UAAU;QACV,wCAAwC;QACxC,gDAAgD;QAChD,WAAW,EAAE,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC,IAAI,KAAK,mBAAmB,IAAI,iBAAiB,CAAC,UAAU,CAAC,CAAC,IAAI,KAAK,aAAa,CAAC,IAAI,wBAAwB;KAC9J,CAAC;AACJ,CAAC,CAAC;AAEF,wCAAwC;AACxC;;GAEG;AACH,MAAM,CAAC,MAAM,+CAA+C,GAAG,YAAY,CAAC,CAAC,MAAc,EAAE,WAA+B,EAAE,KAA6B,EAAE,OAAgB,EAAE,eAAwB,EAAE,UAAmB,EAAE,UAAuC,EAAE,wBAAiC,EAAkC,EAAE;IAC1U,OAAO,+DAA+D,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,wBAAwB,CAAC,CAAC;AACjL,CAAC,CAAC,CAAC;AACH,wCAAwC;AACxC,MAAM,+DAA+D,GAAG,CAAC,MAAc,EAAE,WAA+B,EAAE,KAA6B,EAAE,OAAgB,EAAE,eAAwB,EAAE,UAAmB,EAAE,UAAuC,EAAE,wBAAiC,EAAkC,EAAE;IACtU,yBACK,oDAAoD,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,wBAAwB,CAAC,EAC/J;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { RemoteParticipantState } from '@azure/communication-calling';\nimport { getIdentifierKind } from '@azure/communication-common';\nimport { fromFlatCommunicationIdentifier, memoizeFnAll } from '@internal/acs-ui-common';\nimport { CallParticipantListParticipant } from '@internal/react-components';\n/* @conditional-compile-remove(raise-hand) */\nimport { RaisedHandState } from '@internal/calling-stateful-client';\n/**\n * @private\n */\nexport const memoizedConvertAllremoteParticipants = memoizeFnAll((userId: string, displayName: string | undefined, state: RemoteParticipantState, isMuted: boolean, isScreenSharing: boolean, isSpeaking: boolean, raisedHand: RaisedHandState | undefined, localUserCanRemoveOthers: boolean): CallParticipantListParticipant => {\n  return convertRemoteParticipantToParticipantListParticipant(userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers);\n});\nconst convertRemoteParticipantToParticipantListParticipant = (userId: string, displayName: string | undefined, state: RemoteParticipantState, isMuted: boolean, isScreenSharing: boolean, isSpeaking: boolean, raisedHand: RaisedHandState | undefined, localUserCanRemoveOthers: boolean): CallParticipantListParticipant => {\n  const identifier = fromFlatCommunicationIdentifier(userId);\n  return {\n    userId,\n    displayName,\n    state,\n    isMuted,\n    isScreenSharing,\n    isSpeaking,\n    // ACS users can not remove Teams users.\n    // Removing unknown types of users is undefined.\n    isRemovable: (getIdentifierKind(identifier).kind === 'communicationUser' || getIdentifierKind(identifier).kind === 'phoneNumber') && localUserCanRemoveOthers\n  };\n};\n\n/* @conditional-compile-remove(rooms) */\n/**\n * @private\n */\nexport const memoizedConvertAllremoteParticipantsBetaRelease = memoizeFnAll((userId: string, displayName: string | undefined, state: RemoteParticipantState, isMuted: boolean, isScreenSharing: boolean, isSpeaking: boolean, raisedHand: RaisedHandState | undefined, localUserCanRemoveOthers: boolean): CallParticipantListParticipant => {\n  return convertRemoteParticipantToParticipantListParticipantBetaRelease(userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers);\n});\n/* @conditional-compile-remove(rooms) */\nconst convertRemoteParticipantToParticipantListParticipantBetaRelease = (userId: string, displayName: string | undefined, state: RemoteParticipantState, isMuted: boolean, isScreenSharing: boolean, isSpeaking: boolean, raisedHand: RaisedHandState | undefined, localUserCanRemoveOthers: boolean): CallParticipantListParticipant => {\n  return {\n    ...convertRemoteParticipantToParticipantListParticipant(userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers)\n  };\n};"]}
+{"version":3,"file":"participantListSelectorUtils.js","sourceRoot":"","sources":["../../../../../../calling-component-bindings/src/utils/participantListSelectorUtils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { RemoteParticipantState } from '@azure/communication-calling';\n/* @conditional-compile-remove(spotlight) */\nimport { SpotlightedParticipant } from '@azure/communication-calling';\nimport { getIdentifierKind } from '@azure/communication-common';\nimport { fromFlatCommunicationIdentifier, memoizeFnAll } from '@internal/acs-ui-common';\n/* @conditional-compile-remove(spotlight) */\nimport { toFlatCommunicationIdentifier } from '@internal/acs-ui-common';\nimport { CallParticipantListParticipant } from '@internal/react-components';\n/* @conditional-compile-remove(spotlight) */\nimport { Spotlight } from '@internal/react-components';\n/* @conditional-compile-remove(raise-hand) */\nimport { RaisedHandState } from '@internal/calling-stateful-client';\n/* @conditional-compile-remove(reaction) */\nimport { ReactionState } from '@internal/calling-stateful-client';\n/* @conditional-compile-remove(reaction) */\nimport { Reaction } from '@internal/react-components';\n/* @conditional-compile-remove(reaction) */\nimport memoizeOne from 'memoize-one';\n\n/**\n * @private\n */\nexport const memoizedConvertAllremoteParticipants = memoizeFnAll(\n  (\n    userId: string,\n    displayName: string | undefined,\n    state: RemoteParticipantState,\n    isMuted: boolean,\n    isScreenSharing: boolean,\n    isSpeaking: boolean,\n    raisedHand: RaisedHandState | undefined,\n    localUserCanRemoveOthers: boolean\n  ): CallParticipantListParticipant => {\n    return convertRemoteParticipantToParticipantListParticipant(\n      userId,\n      displayName,\n      state,\n      isMuted,\n      isScreenSharing,\n      isSpeaking,\n      raisedHand,\n      localUserCanRemoveOthers\n    );\n  }\n);\n\nconst convertRemoteParticipantToParticipantListParticipant = (\n  userId: string,\n  displayName: string | undefined,\n  state: RemoteParticipantState,\n  isMuted: boolean,\n  isScreenSharing: boolean,\n  isSpeaking: boolean,\n  raisedHand: RaisedHandState | undefined,\n  localUserCanRemoveOthers: boolean\n): CallParticipantListParticipant => {\n  const identifier = fromFlatCommunicationIdentifier(userId);\n  return {\n    userId,\n    displayName,\n    state,\n    isMuted,\n    isScreenSharing,\n    isSpeaking,\n    // ACS users can not remove Teams users.\n    // Removing unknown types of users is undefined.\n    isRemovable:\n      (getIdentifierKind(identifier).kind === 'communicationUser' ||\n        getIdentifierKind(identifier).kind === 'phoneNumber') &&\n      localUserCanRemoveOthers\n  };\n};\n\n/* @conditional-compile-remove(rooms) */\n/**\n * @private\n */\nexport const memoizedConvertAllremoteParticipantsBetaRelease = memoizeFnAll(\n  (\n    userId: string,\n    displayName: string | undefined,\n    state: RemoteParticipantState,\n    isMuted: boolean,\n    isScreenSharing: boolean,\n    isSpeaking: boolean,\n    raisedHand: RaisedHandState | undefined,\n    localUserCanRemoveOthers: boolean\n  ): CallParticipantListParticipant => {\n    return convertRemoteParticipantToParticipantListParticipantBetaRelease(\n      userId,\n      displayName,\n      state,\n      isMuted,\n      isScreenSharing,\n      isSpeaking,\n      raisedHand,\n      localUserCanRemoveOthers\n    );\n  }\n);\n\n/* @conditional-compile-remove(reaction) */\n/**\n * @private\n */\nexport const memoizedConvertAllremoteParticipantsBeta = memoizeFnAll(\n  (\n    userId: string,\n    displayName: string | undefined,\n    state: RemoteParticipantState,\n    isMuted: boolean,\n    isScreenSharing: boolean,\n    isSpeaking: boolean,\n    raisedHand: RaisedHandState | undefined,\n    localUserCanRemoveOthers: boolean,\n    reaction: Reaction | undefined\n  ): CallParticipantListParticipant => {\n    return convertRemoteParticipantToParticipantListParticipantBeta(\n      userId,\n      displayName,\n      state,\n      isMuted,\n      isScreenSharing,\n      isSpeaking,\n      raisedHand,\n      localUserCanRemoveOthers,\n      reaction\n    );\n  }\n);\n\n/* @conditional-compile-remove(spotlight) */\n/**\n * @private\n */\nexport const memoizedConvertAllremoteParticipantsBetaSpotlight = memoizeFnAll(\n  (\n    userId: string,\n    displayName: string | undefined,\n    state: RemoteParticipantState,\n    isMuted: boolean,\n    isScreenSharing: boolean,\n    isSpeaking: boolean,\n    raisedHand: RaisedHandState | undefined,\n    localUserCanRemoveOthers: boolean,\n    reaction: Reaction | undefined,\n    isSpotlighted: Spotlight | undefined\n  ): CallParticipantListParticipant => {\n    return convertRemoteParticipantToParticipantListParticipantBetaSpotlight(\n      userId,\n      displayName,\n      state,\n      isMuted,\n      isScreenSharing,\n      isSpeaking,\n      raisedHand,\n      localUserCanRemoveOthers,\n      reaction,\n      isSpotlighted\n    );\n  }\n);\n\n/* @conditional-compile-remove(reaction) */\n/**\n * @private\n */\nexport const memoizedConvertToVideoTileReaction = memoizeOne(\n  (reactionState: ReactionState | undefined): Reaction | undefined => {\n    return reactionState && reactionState.reactionMessage\n      ? {\n          reactionType: reactionState.reactionMessage.reactionType,\n          receivedOn: reactionState.receivedOn\n        }\n      : undefined;\n  }\n);\n\n/* @conditional-compile-remove(spotlight) */\n/**\n * @private\n */\nexport const memoizedSpotlight = memoizeOne(\n  (spotlightedParticipants: SpotlightedParticipant[] | undefined, userId: string): Spotlight | undefined => {\n    const spotlightOrder = spotlightedParticipants?.find(\n      (spotlightedParticipant) => toFlatCommunicationIdentifier(spotlightedParticipant.identifier) === userId\n    );\n    return spotlightOrder ? { spotlightedOrderPosition: spotlightOrder.order } : undefined;\n  }\n);\n\n/* @conditional-compile-remove(rooms) */\nconst convertRemoteParticipantToParticipantListParticipantBetaRelease = (\n  userId: string,\n  displayName: string | undefined,\n  state: RemoteParticipantState,\n  isMuted: boolean,\n  isScreenSharing: boolean,\n  isSpeaking: boolean,\n  raisedHand: RaisedHandState | undefined,\n  localUserCanRemoveOthers: boolean\n): CallParticipantListParticipant => {\n  return {\n    ...convertRemoteParticipantToParticipantListParticipant(\n      userId,\n      displayName,\n      state,\n      isMuted,\n      isScreenSharing,\n      isSpeaking,\n      raisedHand,\n      localUserCanRemoveOthers\n    )\n  };\n};\n\n/* @conditional-compile-remove(reaction) */\nconst convertRemoteParticipantToParticipantListParticipantBeta = (\n  userId: string,\n  displayName: string | undefined,\n  state: RemoteParticipantState,\n  isMuted: boolean,\n  isScreenSharing: boolean,\n  isSpeaking: boolean,\n  raisedHand: RaisedHandState | undefined,\n  localUserCanRemoveOthers: boolean,\n  reaction: Reaction | undefined\n): CallParticipantListParticipant => {\n  return {\n    ...convertRemoteParticipantToParticipantListParticipant(\n      userId,\n      displayName,\n      state,\n      isMuted,\n      isScreenSharing,\n      isSpeaking,\n      raisedHand,\n      localUserCanRemoveOthers\n    ),\n    reaction\n  };\n};\n\n/* @conditional-compile-remove(spotlight) */\nconst convertRemoteParticipantToParticipantListParticipantBetaSpotlight = (\n  userId: string,\n  displayName: string | undefined,\n  state: RemoteParticipantState,\n  isMuted: boolean,\n  isScreenSharing: boolean,\n  isSpeaking: boolean,\n  raisedHand: RaisedHandState | undefined,\n  localUserCanRemoveOthers: boolean,\n  reaction: Reaction | undefined,\n  spotlight: Spotlight | undefined\n): CallParticipantListParticipant => {\n  return {\n    ...convertRemoteParticipantToParticipantListParticipant(\n      userId,\n      displayName,\n      state,\n      isMuted,\n      isScreenSharing,\n      isSpeaking,\n      raisedHand,\n      localUserCanRemoveOthers\n    ),\n    reaction,\n    spotlight\n  };\n};\n"]}

package/dist/dist-esm/calling-component-bindings/src/utils/videoGalleryUtils.d.ts

@@ -1,16 +1,19 @@
 import { DominantSpeakersInfo, RemoteParticipantState as RemoteParticipantConnectionState } from '@azure/communication-calling';
+import { ParticipantRole } from '@azure/communication-calling';
 import { RemoteParticipantState, RemoteVideoStreamState } from "../../../calling-stateful-client/src";
 import { VideoGalleryRemoteParticipant } from "../../../react-components/src";
 /** @internal */
 export declare const _dominantSpeakersWithFlatId: (dominantSpeakers?: DominantSpeakersInfo) => undefined | string[];
 /** @internal */
-export declare const _videoGalleryRemoteParticipantsMemo: (remoteParticipants: RemoteParticipantState[] | undefined) => VideoGalleryRemoteParticipant[];
+export type _VideoGalleryRemoteParticipantsMemoFn = (remoteParticipants: RemoteParticipantState[] | undefined, isHideAttendeeNamesEnabled?: boolean, localUserRole?: ParticipantRole) => VideoGalleryRemoteParticipant[];
+/** @internal */
+export declare const _videoGalleryRemoteParticipantsMemo: _VideoGalleryRemoteParticipantsMemoFn;
 /** @private */
 export declare const convertRemoteParticipantToVideoGalleryRemoteParticipant: (userId: string, isMuted: boolean, isSpeaking: boolean, videoStreams: {
     [key: number]: RemoteVideoStreamState;
 }, state: RemoteParticipantConnectionState, displayName?: string, raisedHand?: unknown, reaction?: unknown, spotlight?: unknown) => VideoGalleryRemoteParticipant;
 /** @private */
-export declare const memoizeLocalParticipant: (this: any, identifier: any, displayName: any, isMuted: any, isScreenSharingOn: any, localVideoStream: any, role: any, raisedHand: any) => {
+export declare const memoizeLocalParticipant: (this: any, identifier: any, displayName: any, isMuted: any, isScreenSharingOn: any, localVideoStream: any, role: any, raisedHand: any, reaction: any, localSpotlight: any, capabilities: any) => {
     userId: any;
     displayName: any;
     isMuted: any;
@@ -22,5 +25,10 @@ export declare const memoizeLocalParticipant: (this: any, identifier: any, displ
     };
     role: any;
     raisedHand: any;
+    reaction: any;
+    spotlight: any;
+    capabilities: any;
 };
+/** @private */
+export declare const memoizeSpotlightedParticipantIds: (this: any, spotlightedParticipants: any) => any;
 //# sourceMappingURL=videoGalleryUtils.d.ts.map

package/dist/dist-esm/calling-component-bindings/src/utils/videoGalleryUtils.js

@@ -3,42 +3,82 @@
 import { memoizeFnAll, toFlatCommunicationIdentifier } from "../../../acs-ui-common/src";
 import memoizeOne from 'memoize-one';
 import { _isRingingPSTNParticipant } from './callUtils';
+/* @conditional-compile-remove(hide-attendee-name) */
+import { maskDisplayNameWithRole } from './callUtils';
 import { checkIsSpeaking } from './SelectorUtils';
 import { isPhoneNumberIdentifier } from '@azure/communication-common';
+/* @conditional-compile-remove(reaction) */
+import { memoizedConvertToVideoTileReaction } from './participantListSelectorUtils';
 /** @internal */
 export const _dominantSpeakersWithFlatId = (dominantSpeakers) => {
     var _a;
     return (_a = dominantSpeakers === null || dominantSpeakers === void 0 ? void 0 : dominantSpeakers.speakersList) === null || _a === void 0 ? void 0 : _a.map(toFlatCommunicationIdentifier);
 };
 /** @internal */
-export const _videoGalleryRemoteParticipantsMemo = (remoteParticipants, isHideAttendeeNamesEnabled, localUserRole) => {
+export const _videoGalleryRemoteParticipantsMemo = (remoteParticipants, isHideAttendeeNamesEnabled, 
+/* @conditional-compile-remove(hide-attendee-name) */ localUserRole) => {
     if (!remoteParticipants) {
         return [];
     }
-    return memoizedAllConvertRemoteParticipant(memoizedFn => {
-        return Object.values(remoteParticipants)
+    return memoizedAllConvertRemoteParticipant((memoizedFn) => {
+        return (Object.values(remoteParticipants)
             /**
              * hiding participants who are inLobby, idle, or connecting in ACS clients till we can admit users through ACS clients.
              * phone users will be in the connecting state until they are connected to the call.
-             */ .filter((participant) => {
-            return !['InLobby', 'Idle', 'Connecting', 'Disconnected'].includes(participant.state) || isPhoneNumberIdentifier(participant.identifier);
-        }).map((participant) => {
+             */
+            .filter((participant) => {
+            return (!['InLobby', 'Idle', 'Connecting', 'Disconnected'].includes(participant.state) ||
+                isPhoneNumberIdentifier(participant.identifier));
+        })
+            .map((participant) => {
             const state = _isRingingPSTNParticipant(participant);
             let displayName = participant.displayName;
-            return memoizedFn(toFlatCommunicationIdentifier(participant.identifier), participant.isMuted, checkIsSpeaking(participant), participant.videoStreams, state, displayName, /* @conditional-compile-remove(raise-hand) */ participant.raisedHand);
-        });
+            /* @conditional-compile-remove(hide-attendee-name) */
+            displayName = maskDisplayNameWithRole(displayName, localUserRole, participant.role, isHideAttendeeNamesEnabled);
+            /* @conditional-compile-remove(reaction) */
+            const remoteParticipantReaction = memoizedConvertToVideoTileReaction(participant.reactionState);
+            return memoizedFn(toFlatCommunicationIdentifier(participant.identifier), participant.isMuted, checkIsSpeaking(participant), participant.videoStreams, state, displayName, 
+            /* @conditional-compile-remove(raise-hand) */
+            participant.raisedHand, 
+            /* @conditional-compile-remove(reaction) */
+            remoteParticipantReaction, 
+            /* @conditional-compile-remove(spotlight) */
+            participant.spotlight);
+        }));
     });
 };
-const memoizedAllConvertRemoteParticipant = memoizeFnAll((userId, isMuted, isSpeaking, videoStreams, state, displayName, raisedHand, reaction, spotlight) => {
-    return convertRemoteParticipantToVideoGalleryRemoteParticipant(userId, isMuted, isSpeaking, videoStreams, state, displayName, /* @conditional-compile-remove(raise-hand) */ raisedHand);
+const memoizedAllConvertRemoteParticipant = memoizeFnAll((userId, isMuted, isSpeaking, videoStreams, state, displayName, 
+/* @conditional-compile-remove(raise-hand) */
+raisedHand, // temp unknown type to build stable
+/* @conditional-compile-remove(reaction) */
+reaction, // temp unknown type to build stable
+/* @conditional-compile-remove(spotlight) */
+spotlight // temp unknown type to build stable
+) => {
+    return convertRemoteParticipantToVideoGalleryRemoteParticipant(userId, isMuted, isSpeaking, videoStreams, state, displayName, 
+    /* @conditional-compile-remove(raise-hand) */
+    raisedHand, 
+    /* @conditional-compile-remove(reaction) */
+    reaction, 
+    /* @conditional-compile-remove(spotlight) */
+    spotlight);
 });
 /** @private */
-export const convertRemoteParticipantToVideoGalleryRemoteParticipant = (userId, isMuted, isSpeaking, videoStreams, state, displayName, raisedHand, reaction, spotlight) => {
+export const convertRemoteParticipantToVideoGalleryRemoteParticipant = (userId, isMuted, isSpeaking, videoStreams, state, displayName, 
+/* @conditional-compile-remove(raise-hand) */
+raisedHand, // temp unknown type to build stable
+/* @conditional-compile-remove(reaction) */
+reaction, // temp unknown type to build stable
+/* @conditional-compile-remove(spotlight) */
+spotlight // temp unknown type to build stable
+) => {
     const rawVideoStreamsArray = Object.values(videoStreams);
     let videoStream = undefined;
     let screenShareStream = undefined;
-    const sdkRemoteVideoStream = Object.values(rawVideoStreamsArray).find(i => i.mediaStreamType === 'Video' && i.isAvailable) || Object.values(rawVideoStreamsArray).find(i => i.mediaStreamType === 'Video');
-    const sdkScreenShareStream = Object.values(rawVideoStreamsArray).find(i => i.mediaStreamType === 'ScreenSharing' && i.isAvailable) || Object.values(rawVideoStreamsArray).find(i => i.mediaStreamType === 'ScreenSharing');
+    const sdkRemoteVideoStream = Object.values(rawVideoStreamsArray).find((i) => i.mediaStreamType === 'Video' && i.isAvailable) ||
+        Object.values(rawVideoStreamsArray).find((i) => i.mediaStreamType === 'Video');
+    const sdkScreenShareStream = Object.values(rawVideoStreamsArray).find((i) => i.mediaStreamType === 'ScreenSharing' && i.isAvailable) ||
+        Object.values(rawVideoStreamsArray).find((i) => i.mediaStreamType === 'ScreenSharing');
     if (sdkRemoteVideoStream) {
         videoStream = convertRemoteVideoStreamToVideoGalleryStream(sdkRemoteVideoStream);
     }
@@ -53,8 +93,15 @@ export const convertRemoteParticipantToVideoGalleryRemoteParticipant = (userId,
         videoStream,
         screenShareStream,
         isScreenSharingOn: screenShareStream !== undefined && screenShareStream.isAvailable,
+        /* @conditional-compile-remove(one-to-n-calling) */
+        /* @conditional-compile-remove(PSTN-calls) */
+        state,
         /* @conditional-compile-remove(raise-hand) */
-        raisedHand: raisedHand
+        raisedHand: raisedHand,
+        /* @conditional-compile-remove(reaction) */
+        reaction: reaction,
+        /* @conditional-compile-remove(spotlight) */
+        spotlight: spotlight
     };
 };
 const convertRemoteVideoStreamToVideoGalleryStream = (stream) => {
@@ -62,6 +109,8 @@ const convertRemoteVideoStreamToVideoGalleryStream = (stream) => {
     return {
         id: stream.id,
         isAvailable: stream.isAvailable,
+        /* @conditional-compile-remove(video-stream-is-receiving-flag) */
+        isReceiving: stream.isReceiving,
         isMirrored: (_a = stream.view) === null || _a === void 0 ? void 0 : _a.isMirrored,
         renderElement: (_b = stream.view) === null || _b === void 0 ? void 0 : _b.target,
         scalingMode: (_c = stream.view) === null || _c === void 0 ? void 0 : _c.scalingMode,
@@ -69,7 +118,12 @@ const convertRemoteVideoStreamToVideoGalleryStream = (stream) => {
     };
 };
 /** @private */
-export const memoizeLocalParticipant = memoizeOne((identifier, displayName, isMuted, isScreenSharingOn, localVideoStream, /* @conditional-compile-remove(rooms) */ role, /* @conditional-compile-remove(raise-hand) */ raisedHand) => {
+export const memoizeLocalParticipant = memoizeOne((identifier, displayName, isMuted, isScreenSharingOn, localVideoStream, 
+/* @conditional-compile-remove(rooms) */ role, 
+/* @conditional-compile-remove(raise-hand) */ raisedHand, 
+/* @conditional-compile-remove(reaction) */ reaction, 
+/* @conditional-compile-remove(spotlight) */ localSpotlight, 
+/* @conditional-compile-remove(spotlight) */ capabilities) => {
     var _a, _b;
     return ({
         userId: identifier,
@@ -84,7 +138,16 @@ export const memoizeLocalParticipant = memoizeOne((identifier, displayName, isMu
         /* @conditional-compile-remove(rooms) */
         role,
         /* @conditional-compile-remove(raise-hand) */
-        raisedHand: raisedHand
+        raisedHand: raisedHand,
+        /* @conditional-compile-remove(reaction) */
+        reaction: reaction,
+        /* @conditional-compile-remove(spotlight) */
+        spotlight: localSpotlight,
+        /* @conditional-compile-remove(spotlight) */
+        capabilities
     });
 });
+/* @conditional-compile-remove(spotlight) */
+/** @private */
+export const memoizeSpotlightedParticipantIds = memoizeOne((spotlightedParticipants) => spotlightedParticipants === null || spotlightedParticipants === void 0 ? void 0 : spotlightedParticipants.map((p) => toFlatCommunicationIdentifier(p.identifier)));
 //# sourceMappingURL=videoGalleryUtils.js.map

package/dist/dist-esm/calling-component-bindings/src/utils/videoGalleryUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"videoGalleryUtils.js","sourceRoot":"","sources":["../../../../../preprocess-dist/calling-component-bindings/src/utils/videoGalleryUtils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { DominantSpeakersInfo, RemoteParticipantState as RemoteParticipantConnectionState } from '@azure/communication-calling';\nimport { memoizeFnAll, toFlatCommunicationIdentifier } from '@internal/acs-ui-common';\nimport { RemoteParticipantState, RemoteVideoStreamState } from '@internal/calling-stateful-client';\nimport { VideoGalleryRemoteParticipant, VideoGalleryStream } from '@internal/react-components';\nimport memoizeOne from 'memoize-one';\nimport { _isRingingPSTNParticipant } from './callUtils';\nimport { checkIsSpeaking } from './SelectorUtils';\nimport { isPhoneNumberIdentifier } from '@azure/communication-common';\n/* @conditional-compile-remove(raise-hand) */\nimport { RaisedHandState } from '@internal/calling-stateful-client';\n/** @internal */\nexport const _dominantSpeakersWithFlatId = (dominantSpeakers?: DominantSpeakersInfo): undefined | string[] => {\n  return dominantSpeakers?.speakersList?.map(toFlatCommunicationIdentifier);\n};\n\n/** @internal */\nexport const _videoGalleryRemoteParticipantsMemo: (remoteParticipants: RemoteParticipantState[] | undefined) => VideoGalleryRemoteParticipant[] = (remoteParticipants: RemoteParticipantState[] | undefined, isHideAttendeeNamesEnabled?: boolean, localUserRole?): VideoGalleryRemoteParticipant[] => {\n  if (!remoteParticipants) {\n    return [];\n  }\n  return memoizedAllConvertRemoteParticipant(memoizedFn => {\n    return Object.values(remoteParticipants)\n    /**\n     * hiding participants who are inLobby, idle, or connecting in ACS clients till we can admit users through ACS clients.\n     * phone users will be in the connecting state until they are connected to the call.\n     */.filter((participant: RemoteParticipantState) => {\n      return !['InLobby', 'Idle', 'Connecting', 'Disconnected'].includes(participant.state) || isPhoneNumberIdentifier(participant.identifier);\n    }).map((participant: RemoteParticipantState) => {\n      const state = _isRingingPSTNParticipant(participant);\n      let displayName = participant.displayName;\n      return memoizedFn(toFlatCommunicationIdentifier(participant.identifier), participant.isMuted, checkIsSpeaking(participant), participant.videoStreams, state, displayName, /* @conditional-compile-remove(raise-hand) */\n      participant.raisedHand);\n    });\n  });\n};\nconst memoizedAllConvertRemoteParticipant = memoizeFnAll((userId: string, isMuted: boolean, isSpeaking: boolean, videoStreams: {\n  [key: number]: RemoteVideoStreamState;\n}, state: RemoteParticipantConnectionState, displayName?: string, raisedHand?: unknown, reaction?: unknown, spotlight?: unknown): VideoGalleryRemoteParticipant => {\n  return convertRemoteParticipantToVideoGalleryRemoteParticipant(userId, isMuted, isSpeaking, videoStreams, state, displayName, ( /* @conditional-compile-remove(raise-hand) */\n  raisedHand as RaisedHandState));\n});\n\n/** @private */\nexport const convertRemoteParticipantToVideoGalleryRemoteParticipant = (userId: string, isMuted: boolean, isSpeaking: boolean, videoStreams: {\n  [key: number]: RemoteVideoStreamState;\n}, state: RemoteParticipantConnectionState, displayName?: string, raisedHand?: unknown, reaction?: unknown, spotlight?: unknown): VideoGalleryRemoteParticipant => {\n  const rawVideoStreamsArray = Object.values(videoStreams);\n  let videoStream: VideoGalleryStream | undefined = undefined;\n  let screenShareStream: VideoGalleryStream | undefined = undefined;\n  const sdkRemoteVideoStream = Object.values(rawVideoStreamsArray).find(i => i.mediaStreamType === 'Video' && i.isAvailable) || Object.values(rawVideoStreamsArray).find(i => i.mediaStreamType === 'Video');\n  const sdkScreenShareStream = Object.values(rawVideoStreamsArray).find(i => i.mediaStreamType === 'ScreenSharing' && i.isAvailable) || Object.values(rawVideoStreamsArray).find(i => i.mediaStreamType === 'ScreenSharing');\n  if (sdkRemoteVideoStream) {\n    videoStream = convertRemoteVideoStreamToVideoGalleryStream(sdkRemoteVideoStream);\n  }\n  if (sdkScreenShareStream) {\n    screenShareStream = convertRemoteVideoStreamToVideoGalleryStream(sdkScreenShareStream);\n  }\n  return {\n    userId,\n    displayName,\n    isMuted,\n    isSpeaking,\n    videoStream,\n    screenShareStream,\n    isScreenSharingOn: screenShareStream !== undefined && screenShareStream.isAvailable,\n    /* @conditional-compile-remove(raise-hand) */\n    raisedHand: (raisedHand as RaisedHandState)\n  };\n};\nconst convertRemoteVideoStreamToVideoGalleryStream = (stream: RemoteVideoStreamState): VideoGalleryStream => {\n  return {\n    id: stream.id,\n    isAvailable: stream.isAvailable,\n    isMirrored: stream.view?.isMirrored,\n    renderElement: stream.view?.target,\n    scalingMode: stream.view?.scalingMode,\n    streamSize: stream.streamSize\n  };\n};\n\n/** @private */\nexport const memoizeLocalParticipant = memoizeOne((identifier, displayName, isMuted, isScreenSharingOn, localVideoStream, /* @conditional-compile-remove(rooms) */role, /* @conditional-compile-remove(raise-hand) */raisedHand) => ({\n  userId: identifier,\n  displayName: displayName ?? '',\n  isMuted: isMuted,\n  isScreenSharingOn: isScreenSharingOn,\n  videoStream: {\n    isAvailable: !!localVideoStream,\n    isMirrored: localVideoStream?.view?.isMirrored,\n    renderElement: localVideoStream?.view?.target\n  },\n  /* @conditional-compile-remove(rooms) */\n  role,\n  /* @conditional-compile-remove(raise-hand) */\n  raisedHand: raisedHand\n}));"]}
+{"version":3,"file":"videoGalleryUtils.js","sourceRoot":"","sources":["../../../../../../calling-component-bindings/src/utils/videoGalleryUtils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport {\n  DominantSpeakersInfo,\n  RemoteParticipantState as RemoteParticipantConnectionState\n} from '@azure/communication-calling';\n/* @conditional-compile-remove(spotlight) */\nimport { SpotlightedParticipant } from '@azure/communication-calling';\n/* @conditional-compile-remove(hide-attendee-name) */\nimport { ParticipantRole } from '@azure/communication-calling';\nimport { memoizeFnAll, toFlatCommunicationIdentifier } from '@internal/acs-ui-common';\nimport { RemoteParticipantState, RemoteVideoStreamState } from '@internal/calling-stateful-client';\nimport { VideoGalleryRemoteParticipant, VideoGalleryStream } from '@internal/react-components';\nimport memoizeOne from 'memoize-one';\nimport { _isRingingPSTNParticipant } from './callUtils';\n/* @conditional-compile-remove(hide-attendee-name) */\nimport { maskDisplayNameWithRole } from './callUtils';\nimport { checkIsSpeaking } from './SelectorUtils';\nimport { isPhoneNumberIdentifier } from '@azure/communication-common';\n/* @conditional-compile-remove(raise-hand) */\nimport { RaisedHandState } from '@internal/calling-stateful-client';\n/* @conditional-compile-remove(reaction) */\nimport { Reaction } from '@internal/react-components';\n/* @conditional-compile-remove(reaction) */\nimport { memoizedConvertToVideoTileReaction } from './participantListSelectorUtils';\n/* @conditional-compile-remove(spotlight) */\nimport { Spotlight } from '@internal/react-components';\n\n/** @internal */\nexport const _dominantSpeakersWithFlatId = (dominantSpeakers?: DominantSpeakersInfo): undefined | string[] => {\n  return dominantSpeakers?.speakersList?.map(toFlatCommunicationIdentifier);\n};\n\n/** @internal */\nexport type _VideoGalleryRemoteParticipantsMemoFn = (\n  remoteParticipants: RemoteParticipantState[] | undefined,\n  /* @conditional-compile-remove(hide-attendee-name) */\n  isHideAttendeeNamesEnabled?: boolean,\n  /* @conditional-compile-remove(hide-attendee-name) */\n  localUserRole?: ParticipantRole\n) => VideoGalleryRemoteParticipant[];\n\n/** @internal */\nexport const _videoGalleryRemoteParticipantsMemo: _VideoGalleryRemoteParticipantsMemoFn = (\n  remoteParticipants: RemoteParticipantState[] | undefined,\n  isHideAttendeeNamesEnabled?: boolean,\n  /* @conditional-compile-remove(hide-attendee-name) */ localUserRole?\n): VideoGalleryRemoteParticipant[] => {\n  if (!remoteParticipants) {\n    return [];\n  }\n\n  return memoizedAllConvertRemoteParticipant((memoizedFn) => {\n    return (\n      Object.values(remoteParticipants)\n        /**\n         * hiding participants who are inLobby, idle, or connecting in ACS clients till we can admit users through ACS clients.\n         * phone users will be in the connecting state until they are connected to the call.\n         */\n        .filter((participant: RemoteParticipantState) => {\n          return (\n            !['InLobby', 'Idle', 'Connecting', 'Disconnected'].includes(participant.state) ||\n            isPhoneNumberIdentifier(participant.identifier)\n          );\n        })\n        .map((participant: RemoteParticipantState) => {\n          const state = _isRingingPSTNParticipant(participant);\n          let displayName = participant.displayName;\n          /* @conditional-compile-remove(hide-attendee-name) */\n          displayName = maskDisplayNameWithRole(\n            displayName,\n            localUserRole,\n            participant.role,\n            isHideAttendeeNamesEnabled\n          );\n          /* @conditional-compile-remove(reaction) */\n          const remoteParticipantReaction = memoizedConvertToVideoTileReaction(participant.reactionState);\n          return memoizedFn(\n            toFlatCommunicationIdentifier(participant.identifier),\n            participant.isMuted,\n            checkIsSpeaking(participant),\n            participant.videoStreams,\n            state,\n            displayName,\n            /* @conditional-compile-remove(raise-hand) */\n            participant.raisedHand,\n            /* @conditional-compile-remove(reaction) */\n            remoteParticipantReaction,\n            /* @conditional-compile-remove(spotlight) */\n            participant.spotlight\n          );\n        })\n    );\n  });\n};\n\nconst memoizedAllConvertRemoteParticipant = memoizeFnAll(\n  (\n    userId: string,\n    isMuted: boolean,\n    isSpeaking: boolean,\n    videoStreams: { [key: number]: RemoteVideoStreamState },\n    state: RemoteParticipantConnectionState,\n    displayName?: string,\n    /* @conditional-compile-remove(raise-hand) */\n    raisedHand?: unknown, // temp unknown type to build stable\n    /* @conditional-compile-remove(reaction) */\n    reaction?: unknown, // temp unknown type to build stable\n    /* @conditional-compile-remove(spotlight) */\n    spotlight?: unknown // temp unknown type to build stable\n  ): VideoGalleryRemoteParticipant => {\n    return convertRemoteParticipantToVideoGalleryRemoteParticipant(\n      userId,\n      isMuted,\n      isSpeaking,\n      videoStreams,\n      state,\n      displayName,\n      /* @conditional-compile-remove(raise-hand) */\n      raisedHand as RaisedHandState,\n      /* @conditional-compile-remove(reaction) */\n      reaction as Reaction,\n      /* @conditional-compile-remove(spotlight) */\n      spotlight as Spotlight\n    );\n  }\n);\n\n/** @private */\nexport const convertRemoteParticipantToVideoGalleryRemoteParticipant = (\n  userId: string,\n  isMuted: boolean,\n  isSpeaking: boolean,\n  videoStreams: { [key: number]: RemoteVideoStreamState },\n  state: RemoteParticipantConnectionState,\n  displayName?: string,\n  /* @conditional-compile-remove(raise-hand) */\n  raisedHand?: unknown, // temp unknown type to build stable\n  /* @conditional-compile-remove(reaction) */\n  reaction?: unknown, // temp unknown type to build stable\n  /* @conditional-compile-remove(spotlight) */\n  spotlight?: unknown // temp unknown type to build stable\n): VideoGalleryRemoteParticipant => {\n  const rawVideoStreamsArray = Object.values(videoStreams);\n  let videoStream: VideoGalleryStream | undefined = undefined;\n  let screenShareStream: VideoGalleryStream | undefined = undefined;\n\n  const sdkRemoteVideoStream =\n    Object.values(rawVideoStreamsArray).find((i) => i.mediaStreamType === 'Video' && i.isAvailable) ||\n    Object.values(rawVideoStreamsArray).find((i) => i.mediaStreamType === 'Video');\n\n  const sdkScreenShareStream =\n    Object.values(rawVideoStreamsArray).find((i) => i.mediaStreamType === 'ScreenSharing' && i.isAvailable) ||\n    Object.values(rawVideoStreamsArray).find((i) => i.mediaStreamType === 'ScreenSharing');\n\n  if (sdkRemoteVideoStream) {\n    videoStream = convertRemoteVideoStreamToVideoGalleryStream(sdkRemoteVideoStream);\n  }\n  if (sdkScreenShareStream) {\n    screenShareStream = convertRemoteVideoStreamToVideoGalleryStream(sdkScreenShareStream);\n  }\n\n  return {\n    userId,\n    displayName,\n    isMuted,\n    isSpeaking,\n    videoStream,\n    screenShareStream,\n    isScreenSharingOn: screenShareStream !== undefined && screenShareStream.isAvailable,\n    /* @conditional-compile-remove(one-to-n-calling) */\n    /* @conditional-compile-remove(PSTN-calls) */\n    state,\n    /* @conditional-compile-remove(raise-hand) */\n    raisedHand: raisedHand as RaisedHandState,\n    /* @conditional-compile-remove(reaction) */\n    reaction: reaction as Reaction,\n    /* @conditional-compile-remove(spotlight) */\n    spotlight: spotlight as Spotlight\n  };\n};\n\nconst convertRemoteVideoStreamToVideoGalleryStream = (stream: RemoteVideoStreamState): VideoGalleryStream => {\n  return {\n    id: stream.id,\n    isAvailable: stream.isAvailable,\n    /* @conditional-compile-remove(video-stream-is-receiving-flag) */\n    isReceiving: stream.isReceiving,\n    isMirrored: stream.view?.isMirrored,\n    renderElement: stream.view?.target,\n    scalingMode: stream.view?.scalingMode,\n    streamSize: stream.streamSize\n  };\n};\n\n/** @private */\nexport const memoizeLocalParticipant = memoizeOne(\n  (\n    identifier,\n    displayName,\n    isMuted,\n    isScreenSharingOn,\n    localVideoStream,\n    /* @conditional-compile-remove(rooms) */ role,\n    /* @conditional-compile-remove(raise-hand) */ raisedHand,\n    /* @conditional-compile-remove(reaction) */ reaction,\n    /* @conditional-compile-remove(spotlight) */ localSpotlight,\n    /* @conditional-compile-remove(spotlight) */ capabilities\n  ) => ({\n    userId: identifier,\n    displayName: displayName ?? '',\n    isMuted: isMuted,\n    isScreenSharingOn: isScreenSharingOn,\n    videoStream: {\n      isAvailable: !!localVideoStream,\n      isMirrored: localVideoStream?.view?.isMirrored,\n      renderElement: localVideoStream?.view?.target\n    },\n    /* @conditional-compile-remove(rooms) */\n    role,\n    /* @conditional-compile-remove(raise-hand) */\n    raisedHand: raisedHand,\n    /* @conditional-compile-remove(reaction) */\n    reaction: reaction,\n    /* @conditional-compile-remove(spotlight) */\n    spotlight: localSpotlight,\n    /* @conditional-compile-remove(spotlight) */\n    capabilities\n  })\n);\n\n/* @conditional-compile-remove(spotlight) */\n/** @private */\nexport const memoizeSpotlightedParticipantIds = memoizeOne((spotlightedParticipants) =>\n  spotlightedParticipants?.map((p: SpotlightedParticipant) => toFlatCommunicationIdentifier(p.identifier))\n);\n"]}

package/dist/dist-esm/calling-component-bindings/src/videoGallerySelector.d.ts

@@ -12,6 +12,8 @@ export type VideoGallerySelector = (state: CallClientState, props: CallingBaseSe
     remoteParticipants: VideoGalleryRemoteParticipant[];
     dominantSpeakers?: string[];
     optimalVideoCount?: number;
+    spotlightedParticipants?: string[];
+    maxParticipantsToSpotlight?: number;
 };
 /**
  * Provides data attributes to {@link VideoGallery} component.

package/dist/dist-esm/calling-component-bindings/src/videoGallerySelector.js

@@ -5,37 +5,114 @@ import { createSelector } from 'reselect';
 import { getDisplayName, getDominantSpeakers, getIdentifier, getIsMuted, getIsScreenSharingOn, getLocalVideoStreams, getScreenShareRemoteParticipant } from './baseSelectors';
 /* @conditional-compile-remove(rooms) */
 import { getRole } from './baseSelectors';
+/* @conditional-compile-remove(hide-attendee-name) */
+import { isHideAttendeeNamesEnabled } from './baseSelectors';
 /* @conditional-compile-remove(optimal-video-count) */
 import { getOptimalVideoCount } from './baseSelectors';
+import { _updateUserDisplayNames } from './utils/callUtils';
 import { checkIsSpeaking } from './utils/SelectorUtils';
 import { _videoGalleryRemoteParticipantsMemo, _dominantSpeakersWithFlatId, convertRemoteParticipantToVideoGalleryRemoteParticipant, memoizeLocalParticipant } from './utils/videoGalleryUtils';
+/* @conditional-compile-remove(spotlight) */
+import { memoizeSpotlightedParticipantIds } from './utils/videoGalleryUtils';
 /* @conditional-compile-remove(raise-hand) */
 import { getLocalParticipantRaisedHand } from './baseSelectors';
+/* @conditional-compile-remove(reaction) */
+import { getLocalParticipantReactionState } from './baseSelectors';
+/* @conditional-compile-remove(reaction) */
+import { memoizedConvertToVideoTileReaction } from './utils/participantListSelectorUtils';
 import { getRemoteParticipantsExcludingConsumers } from './getRemoteParticipantsExcludingConsumers';
+/* @conditional-compile-remove(spotlight) */
+import { getSpotlightCallFeature, getCapabilities } from './baseSelectors';
 /**
  * Provides data attributes to {@link VideoGallery} component.
  * @public
  */
-export const videoGallerySelector = createSelector([getScreenShareRemoteParticipant, getRemoteParticipantsExcludingConsumers, getLocalVideoStreams, getIsMuted, getIsScreenSharingOn, getDisplayName, getIdentifier, getDominantSpeakers, /* @conditional-compile-remove(optimal-video-count) */
-    getOptimalVideoCount, /* @conditional-compile-remove(rooms) */
-    getRole, /* @conditional-compile-remove(raise-hand) */
-    getLocalParticipantRaisedHand], (screenShareRemoteParticipantId, remoteParticipants, localVideoStreams, isMuted, isScreenSharingOn, displayName, identifier, dominantSpeakers, /* @conditional-compile-remove(optimal-video-count) */ optimalVideoCount, /* @conditional-compile-remove(rooms) */ role, /* @conditional-compile-remove(raise-hand) */ raisedHand) => {
-    const screenShareRemoteParticipant = screenShareRemoteParticipantId && remoteParticipants ? remoteParticipants[screenShareRemoteParticipantId] : undefined;
-    const localVideoStream = localVideoStreams === null || localVideoStreams === void 0 ? void 0 : localVideoStreams.find(i => i.mediaStreamType === 'Video');
+export const videoGallerySelector = createSelector([
+    getScreenShareRemoteParticipant,
+    getRemoteParticipantsExcludingConsumers,
+    getLocalVideoStreams,
+    getIsMuted,
+    getIsScreenSharingOn,
+    getDisplayName,
+    getIdentifier,
+    getDominantSpeakers,
+    /* @conditional-compile-remove(optimal-video-count) */
+    getOptimalVideoCount,
+    /* @conditional-compile-remove(rooms) */
+    getRole,
+    /* @conditional-compile-remove(raise-hand) */
+    getLocalParticipantRaisedHand,
+    /* @conditional-compile-remove(hide-attendee-name) */
+    isHideAttendeeNamesEnabled,
+    /* @conditional-compile-remove(reaction) */
+    getLocalParticipantReactionState,
+    /* @conditional-compile-remove(spotlight) */
+    getSpotlightCallFeature,
+    /* @conditional-compile-remove(spotlight) */
+    getCapabilities
+], (screenShareRemoteParticipantId, remoteParticipants, localVideoStreams, isMuted, isScreenSharingOn, displayName, identifier, dominantSpeakers, 
+/* @conditional-compile-remove(optimal-video-count) */
+optimalVideoCount, 
+/* @conditional-compile-remove(rooms) */
+role, 
+/* @conditional-compile-remove(raise-hand) */
+raisedHand, 
+/* @conditional-compile-remove(hide-attendee-name) */
+isHideAttendeeNamesEnabled, 
+/* @conditional-compile-remove(reaction) */
+localParticipantReaction, 
+/* @conditional-compile-remove(spotlight) */
+spotlightCallFeature, 
+/* @conditional-compile-remove(spotlight) */
+capabilities) => {
+    const screenShareRemoteParticipant = screenShareRemoteParticipantId && remoteParticipants
+        ? remoteParticipants[screenShareRemoteParticipantId]
+        : undefined;
+    const localVideoStream = localVideoStreams === null || localVideoStreams === void 0 ? void 0 : localVideoStreams.find((i) => i.mediaStreamType === 'Video');
     const dominantSpeakerIds = _dominantSpeakersWithFlatId(dominantSpeakers);
     const dominantSpeakersMap = {};
-    dominantSpeakerIds === null || dominantSpeakerIds === void 0 ? void 0 : dominantSpeakerIds.forEach((speaker, idx) => dominantSpeakersMap[speaker] = idx);
+    dominantSpeakerIds === null || dominantSpeakerIds === void 0 ? void 0 : dominantSpeakerIds.forEach((speaker, idx) => (dominantSpeakersMap[speaker] = idx));
     const noRemoteParticipants = [];
+    /* @conditional-compile-remove(reaction) */
+    const localParticipantReactionState = memoizedConvertToVideoTileReaction(localParticipantReaction);
+    /* @conditional-compile-remove(spotlight) */
+    const spotlightedParticipantIds = memoizeSpotlightedParticipantIds(spotlightCallFeature === null || spotlightCallFeature === void 0 ? void 0 : spotlightCallFeature.spotlightedParticipants);
     return {
-        screenShareParticipant: screenShareRemoteParticipant ? convertRemoteParticipantToVideoGalleryRemoteParticipant(toFlatCommunicationIdentifier(screenShareRemoteParticipant.identifier), screenShareRemoteParticipant.isMuted, checkIsSpeaking(screenShareRemoteParticipant), screenShareRemoteParticipant.videoStreams, screenShareRemoteParticipant.state, screenShareRemoteParticipant.displayName, /* @conditional-compile-remove(raise-hand) */ screenShareRemoteParticipant.raisedHand) : undefined,
-        localParticipant: memoizeLocalParticipant(identifier, displayName, isMuted, isScreenSharingOn, localVideoStream, /* @conditional-compile-remove(rooms) */ role, /* @conditional-compile-remove(raise-hand) */ raisedHand),
-        remoteParticipants: _videoGalleryRemoteParticipantsMemo(updateUserDisplayNamesTrampoline(remoteParticipants ? Object.values(remoteParticipants) : noRemoteParticipants)),
+        screenShareParticipant: screenShareRemoteParticipant
+            ? convertRemoteParticipantToVideoGalleryRemoteParticipant(toFlatCommunicationIdentifier(screenShareRemoteParticipant.identifier), screenShareRemoteParticipant.isMuted, checkIsSpeaking(screenShareRemoteParticipant), screenShareRemoteParticipant.videoStreams, screenShareRemoteParticipant.state, screenShareRemoteParticipant.displayName, 
+            /* @conditional-compile-remove(raise-hand) */
+            screenShareRemoteParticipant.raisedHand, 
+            /* @conditional-compile-remove(spotlight) */
+            screenShareRemoteParticipant.spotlight)
+            : undefined,
+        localParticipant: memoizeLocalParticipant(identifier, displayName, isMuted, isScreenSharingOn, localVideoStream, 
+        /* @conditional-compile-remove(rooms) */
+        role, 
+        /* @conditional-compile-remove(raise-hand) */
+        raisedHand, 
+        /* @conditional-compile-remove(reaction) */
+        localParticipantReactionState, 
+        /* @conditional-compile-remove(spotlight) */
+        spotlightCallFeature === null || spotlightCallFeature === void 0 ? void 0 : spotlightCallFeature.localParticipantSpotlight, 
+        /* @conditional-compile-remove(spotlight) */
+        capabilities),
+        remoteParticipants: _videoGalleryRemoteParticipantsMemo(updateUserDisplayNamesTrampoline(remoteParticipants ? Object.values(remoteParticipants) : noRemoteParticipants), 
+        /* @conditional-compile-remove(hide-attendee-name) */
+        isHideAttendeeNamesEnabled, 
+        /* @conditional-compile-remove(hide-attendee-name) */
+        role),
         dominantSpeakers: dominantSpeakerIds,
         /* @conditional-compile-remove(optimal-video-count) */
-        maxRemoteVideoStreams: optimalVideoCount
+        maxRemoteVideoStreams: optimalVideoCount,
+        /* @conditional-compile-remove(spotlight) */
+        spotlightedParticipants: spotlightedParticipantIds,
+        /* @conditional-compile-remove(spotlight) */
+        maxParticipantsToSpotlight: spotlightCallFeature === null || spotlightCallFeature === void 0 ? void 0 : spotlightCallFeature.maxParticipantsToSpotlight
     };
 });
 const updateUserDisplayNamesTrampoline = (remoteParticipants) => {
+    /* @conditional-compile-remove(PSTN-calls) */
+    return _updateUserDisplayNames(remoteParticipants);
     return remoteParticipants;
 };
 //# sourceMappingURL=videoGallerySelector.js.map

package/dist/dist-esm/calling-component-bindings/src/videoGallerySelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"videoGallerySelector.js","sourceRoot":"","sources":["../../../../preprocess-dist/calling-component-bindings/src/videoGallerySelector.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { toFlatCommunicationIdentifier } from '@internal/acs-ui-common';\nimport { CallClientState, RemoteParticipantState } from '@internal/calling-stateful-client';\nimport { VideoGalleryRemoteParticipant, VideoGalleryLocalParticipant } from '@internal/react-components';\nimport { createSelector } from 'reselect';\nimport { CallingBaseSelectorProps, getDisplayName, getDominantSpeakers, getIdentifier, getIsMuted, getIsScreenSharingOn, getLocalVideoStreams, getScreenShareRemoteParticipant } from './baseSelectors';\n/* @conditional-compile-remove(rooms) */\nimport { getRole } from './baseSelectors';\n/* @conditional-compile-remove(optimal-video-count) */\nimport { getOptimalVideoCount } from './baseSelectors';\nimport { _updateUserDisplayNames } from './utils/callUtils';\nimport { checkIsSpeaking } from './utils/SelectorUtils';\nimport { _videoGalleryRemoteParticipantsMemo, _dominantSpeakersWithFlatId, convertRemoteParticipantToVideoGalleryRemoteParticipant, memoizeLocalParticipant } from './utils/videoGalleryUtils';\n/* @conditional-compile-remove(raise-hand) */\nimport { getLocalParticipantRaisedHand } from './baseSelectors';\nimport { getRemoteParticipantsExcludingConsumers } from './getRemoteParticipantsExcludingConsumers';\n/**\n * Selector type for {@link VideoGallery} component.\n *\n * @public\n */\nexport type VideoGallerySelector = (state: CallClientState, props: CallingBaseSelectorProps) => {\n  screenShareParticipant: VideoGalleryRemoteParticipant | undefined;\n  localParticipant: VideoGalleryLocalParticipant;\n  remoteParticipants: VideoGalleryRemoteParticipant[];\n  dominantSpeakers?: string[];\n  /* @conditional-compile-remove(optimal-video-count) */\n  optimalVideoCount?: number;\n};\n\n/**\n * Provides data attributes to {@link VideoGallery} component.\n * @public\n */\nexport const videoGallerySelector: VideoGallerySelector = createSelector([getScreenShareRemoteParticipant, getRemoteParticipantsExcludingConsumers, getLocalVideoStreams, getIsMuted, getIsScreenSharingOn, getDisplayName, getIdentifier, getDominantSpeakers, /* @conditional-compile-remove(optimal-video-count) */\ngetOptimalVideoCount, /* @conditional-compile-remove(rooms) */\ngetRole, /* @conditional-compile-remove(raise-hand) */\ngetLocalParticipantRaisedHand], (screenShareRemoteParticipantId, remoteParticipants, localVideoStreams, isMuted, isScreenSharingOn, displayName: string | undefined, identifier: string, dominantSpeakers, /* @conditional-compile-remove(optimal-video-count) */\noptimalVideoCount, /* @conditional-compile-remove(rooms) */\nrole, /* @conditional-compile-remove(raise-hand) */\nraisedHand) => {\n  const screenShareRemoteParticipant = screenShareRemoteParticipantId && remoteParticipants ? remoteParticipants[screenShareRemoteParticipantId] : undefined;\n  const localVideoStream = localVideoStreams?.find(i => i.mediaStreamType === 'Video');\n  const dominantSpeakerIds = _dominantSpeakersWithFlatId(dominantSpeakers);\n  const dominantSpeakersMap: Record<string, number> = {};\n  dominantSpeakerIds?.forEach((speaker, idx) => dominantSpeakersMap[speaker] = idx);\n  const noRemoteParticipants: RemoteParticipantState[] = [];\n  return {\n    screenShareParticipant: screenShareRemoteParticipant ? convertRemoteParticipantToVideoGalleryRemoteParticipant(toFlatCommunicationIdentifier(screenShareRemoteParticipant.identifier), screenShareRemoteParticipant.isMuted, checkIsSpeaking(screenShareRemoteParticipant), screenShareRemoteParticipant.videoStreams, screenShareRemoteParticipant.state, screenShareRemoteParticipant.displayName, /* @conditional-compile-remove(raise-hand) */\n    screenShareRemoteParticipant.raisedHand) : undefined,\n    localParticipant: memoizeLocalParticipant(identifier, displayName, isMuted, isScreenSharingOn, localVideoStream, /* @conditional-compile-remove(rooms) */\n    role, /* @conditional-compile-remove(raise-hand) */\n    raisedHand),\n    remoteParticipants: _videoGalleryRemoteParticipantsMemo(updateUserDisplayNamesTrampoline(remoteParticipants ? Object.values(remoteParticipants) : noRemoteParticipants)),\n    dominantSpeakers: dominantSpeakerIds,\n    /* @conditional-compile-remove(optimal-video-count) */\n    maxRemoteVideoStreams: optimalVideoCount\n  };\n});\nconst updateUserDisplayNamesTrampoline = (remoteParticipants: RemoteParticipantState[]): RemoteParticipantState[] => {\n  return remoteParticipants;\n};"]}
+{"version":3,"file":"videoGallerySelector.js","sourceRoot":"","sources":["../../../../../calling-component-bindings/src/videoGallerySelector.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { toFlatCommunicationIdentifier } from '@internal/acs-ui-common';\nimport { CallClientState, RemoteParticipantState } from '@internal/calling-stateful-client';\nimport { VideoGalleryRemoteParticipant, VideoGalleryLocalParticipant } from '@internal/react-components';\nimport { createSelector } from 'reselect';\nimport {\n  CallingBaseSelectorProps,\n  getDisplayName,\n  getDominantSpeakers,\n  getIdentifier,\n  getIsMuted,\n  getIsScreenSharingOn,\n  getLocalVideoStreams,\n  getScreenShareRemoteParticipant\n} from './baseSelectors';\n/* @conditional-compile-remove(rooms) */\nimport { getRole } from './baseSelectors';\n/* @conditional-compile-remove(hide-attendee-name) */\nimport { isHideAttendeeNamesEnabled } from './baseSelectors';\n/* @conditional-compile-remove(optimal-video-count) */\nimport { getOptimalVideoCount } from './baseSelectors';\nimport { _updateUserDisplayNames } from './utils/callUtils';\nimport { checkIsSpeaking } from './utils/SelectorUtils';\nimport {\n  _videoGalleryRemoteParticipantsMemo,\n  _dominantSpeakersWithFlatId,\n  convertRemoteParticipantToVideoGalleryRemoteParticipant,\n  memoizeLocalParticipant\n} from './utils/videoGalleryUtils';\n/* @conditional-compile-remove(spotlight) */\nimport { memoizeSpotlightedParticipantIds } from './utils/videoGalleryUtils';\n/* @conditional-compile-remove(raise-hand) */\nimport { getLocalParticipantRaisedHand } from './baseSelectors';\n/* @conditional-compile-remove(reaction) */\nimport { getLocalParticipantReactionState } from './baseSelectors';\n/* @conditional-compile-remove(reaction) */\nimport { memoizedConvertToVideoTileReaction } from './utils/participantListSelectorUtils';\nimport { getRemoteParticipantsExcludingConsumers } from './getRemoteParticipantsExcludingConsumers';\n/* @conditional-compile-remove(spotlight) */\nimport { getSpotlightCallFeature, getCapabilities } from './baseSelectors';\n\n/**\n * Selector type for {@link VideoGallery} component.\n *\n * @public\n */\nexport type VideoGallerySelector = (\n  state: CallClientState,\n  props: CallingBaseSelectorProps\n) => {\n  screenShareParticipant: VideoGalleryRemoteParticipant | undefined;\n  localParticipant: VideoGalleryLocalParticipant;\n  remoteParticipants: VideoGalleryRemoteParticipant[];\n  dominantSpeakers?: string[];\n  /* @conditional-compile-remove(optimal-video-count) */\n  optimalVideoCount?: number;\n  /* @conditional-compile-remove(spotlight) */\n  spotlightedParticipants?: string[];\n  /* @conditional-compile-remove(spotlight) */\n  maxParticipantsToSpotlight?: number;\n};\n\n/**\n * Provides data attributes to {@link VideoGallery} component.\n * @public\n */\nexport const videoGallerySelector: VideoGallerySelector = createSelector(\n  [\n    getScreenShareRemoteParticipant,\n    getRemoteParticipantsExcludingConsumers,\n    getLocalVideoStreams,\n    getIsMuted,\n    getIsScreenSharingOn,\n    getDisplayName,\n    getIdentifier,\n    getDominantSpeakers,\n    /* @conditional-compile-remove(optimal-video-count) */\n    getOptimalVideoCount,\n    /* @conditional-compile-remove(rooms) */\n    getRole,\n    /* @conditional-compile-remove(raise-hand) */\n    getLocalParticipantRaisedHand,\n    /* @conditional-compile-remove(hide-attendee-name) */\n    isHideAttendeeNamesEnabled,\n    /* @conditional-compile-remove(reaction) */\n    getLocalParticipantReactionState,\n    /* @conditional-compile-remove(spotlight) */\n    getSpotlightCallFeature,\n    /* @conditional-compile-remove(spotlight) */\n    getCapabilities\n  ],\n  (\n    screenShareRemoteParticipantId,\n    remoteParticipants,\n    localVideoStreams,\n    isMuted,\n    isScreenSharingOn,\n    displayName: string | undefined,\n    identifier: string,\n    dominantSpeakers,\n    /* @conditional-compile-remove(optimal-video-count) */\n    optimalVideoCount,\n    /* @conditional-compile-remove(rooms) */\n    role,\n    /* @conditional-compile-remove(raise-hand) */\n    raisedHand,\n    /* @conditional-compile-remove(hide-attendee-name) */\n    isHideAttendeeNamesEnabled,\n    /* @conditional-compile-remove(reaction) */\n    localParticipantReaction,\n    /* @conditional-compile-remove(spotlight) */\n    spotlightCallFeature,\n    /* @conditional-compile-remove(spotlight) */\n    capabilities\n  ) => {\n    const screenShareRemoteParticipant =\n      screenShareRemoteParticipantId && remoteParticipants\n        ? remoteParticipants[screenShareRemoteParticipantId]\n        : undefined;\n    const localVideoStream = localVideoStreams?.find((i) => i.mediaStreamType === 'Video');\n\n    const dominantSpeakerIds = _dominantSpeakersWithFlatId(dominantSpeakers);\n    const dominantSpeakersMap: Record<string, number> = {};\n    dominantSpeakerIds?.forEach((speaker, idx) => (dominantSpeakersMap[speaker] = idx));\n    const noRemoteParticipants: RemoteParticipantState[] = [];\n    /* @conditional-compile-remove(reaction) */\n    const localParticipantReactionState = memoizedConvertToVideoTileReaction(localParticipantReaction);\n    /* @conditional-compile-remove(spotlight) */\n    const spotlightedParticipantIds = memoizeSpotlightedParticipantIds(spotlightCallFeature?.spotlightedParticipants);\n\n    return {\n      screenShareParticipant: screenShareRemoteParticipant\n        ? convertRemoteParticipantToVideoGalleryRemoteParticipant(\n            toFlatCommunicationIdentifier(screenShareRemoteParticipant.identifier),\n            screenShareRemoteParticipant.isMuted,\n            checkIsSpeaking(screenShareRemoteParticipant),\n            screenShareRemoteParticipant.videoStreams,\n            screenShareRemoteParticipant.state,\n            screenShareRemoteParticipant.displayName,\n            /* @conditional-compile-remove(raise-hand) */\n            screenShareRemoteParticipant.raisedHand,\n            /* @conditional-compile-remove(spotlight) */\n            screenShareRemoteParticipant.spotlight\n          )\n        : undefined,\n      localParticipant: memoizeLocalParticipant(\n        identifier,\n        displayName,\n        isMuted,\n        isScreenSharingOn,\n        localVideoStream,\n        /* @conditional-compile-remove(rooms) */\n        role,\n        /* @conditional-compile-remove(raise-hand) */\n        raisedHand,\n        /* @conditional-compile-remove(reaction) */\n        localParticipantReactionState,\n        /* @conditional-compile-remove(spotlight) */\n        spotlightCallFeature?.localParticipantSpotlight,\n        /* @conditional-compile-remove(spotlight) */\n        capabilities\n      ),\n      remoteParticipants: _videoGalleryRemoteParticipantsMemo(\n        updateUserDisplayNamesTrampoline(remoteParticipants ? Object.values(remoteParticipants) : noRemoteParticipants),\n        /* @conditional-compile-remove(hide-attendee-name) */\n        isHideAttendeeNamesEnabled,\n        /* @conditional-compile-remove(hide-attendee-name) */\n        role\n      ),\n      dominantSpeakers: dominantSpeakerIds,\n      /* @conditional-compile-remove(optimal-video-count) */\n      maxRemoteVideoStreams: optimalVideoCount,\n      /* @conditional-compile-remove(spotlight) */\n      spotlightedParticipants: spotlightedParticipantIds,\n      /* @conditional-compile-remove(spotlight) */\n      maxParticipantsToSpotlight: spotlightCallFeature?.maxParticipantsToSpotlight\n    };\n  }\n);\n\nconst updateUserDisplayNamesTrampoline = (remoteParticipants: RemoteParticipantState[]): RemoteParticipantState[] => {\n  /* @conditional-compile-remove(PSTN-calls) */\n  return _updateUserDisplayNames(remoteParticipants);\n  return remoteParticipants;\n};\n"]}

package/dist/dist-esm/calling-stateful-client/src/BetaToStableTypes.d.ts

@@ -1,25 +1,26 @@
 import { Call, CallAgent, IncomingCall } from '@azure/communication-calling';
+import { TeamsCall as TeamsCallBeta, CallCommon as CallCommonBeta, CallAgentCommon as CallAgentCommonBeta, TeamsCallAgent as TeamsCallAgentBeta, IncomingCallCommon as IncomingCallCommonBeta } from '@azure/communication-calling';
 /**
  * @public
  * The common interface for all types of Calls
  */
-export type CallCommon = Call;
+export type CallCommon = Call | /* @conditional-compile-remove(teams-identity-support) */ CallCommonBeta;
 /**
  * @public
  * The common interface for all types of CallAgents
  */
-export type CallAgentCommon = CallAgent;
+export type CallAgentCommon = CallAgent | /* @conditional-compile-remove(teams-identity-support) */ CallAgentCommonBeta;
 /**
  * @beta
  */
-export type TeamsCall = never;
+export type TeamsCall = never | /* @conditional-compile-remove(teams-identity-support) */ TeamsCallBeta;
 /**
  * @beta
  */
-export type TeamsCallAgent = never;
+export type TeamsCallAgent = never | /* @conditional-compile-remove(teams-identity-support) */ TeamsCallAgentBeta;
 /**
  * @public
  * The common interface for all types of IncomingCalls
  */
-export type IncomingCallCommon = IncomingCall;
+export type IncomingCallCommon = IncomingCall | /* @conditional-compile-remove(teams-identity-support) */ IncomingCallCommonBeta;
 //# sourceMappingURL=BetaToStableTypes.d.ts.map