@azure/communication-react 1.24.0-alpha-202501291646 → 1.24.0-alpha-202501300015

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

@@ -1 +1 @@
-{"version":3,"file":"participantListSelector.js","sourceRoot":"","sources":["../../../../../calling-component-bindings/src/participantListSelector.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CallClientState, RemoteParticipantState } from '@internal/calling-stateful-client';\nimport { createSelector } from 'reselect';\nimport {\n  getIdentifier,\n  getDisplayName,\n  getIsScreenSharingOn,\n  getIsMuted,\n  CallingBaseSelectorProps,\n  /* @conditional-compile-remove(media-access) */\n  getCapabilities\n} from './baseSelectors';\nimport { getRole } from './baseSelectors';\nimport { isHideAttendeeNamesEnabled } from './baseSelectors';\nimport { CallParticipantListParticipant } from '@internal/react-components';\nimport { _convertParticipantState, _updateUserDisplayNames } from './utils/callUtils';\nimport { memoizedConvertAllremoteParticipants } from './utils/participantListSelectorUtils';\nimport { memoizedConvertToVideoTileReaction, memoizedSpotlight } from './utils/participantListSelectorUtils';\nimport { getLocalParticipantRaisedHand } from './baseSelectors';\nimport { getLocalParticipantReactionState } from './baseSelectors';\nimport { getSpotlightCallFeature } from './baseSelectors';\nimport { toFlatCommunicationIdentifier } from '@internal/acs-ui-common';\nimport { getParticipantCount } from './baseSelectors';\nimport { isMicrosoftTeamsAppIdentifier, isPhoneNumberIdentifier } from '@azure/communication-common';\nimport { ParticipantRole, SpotlightedParticipant } from '@azure/communication-calling';\nimport { maskDisplayNameWithRole } from './utils/callUtils';\nimport { getRemoteParticipantsExcludingConsumers } from './getRemoteParticipantsExcludingConsumers';\n\nconst convertRemoteParticipantsToParticipantListParticipants = (\n  remoteParticipants: RemoteParticipantState[],\n  localUserCanRemoveOthers: boolean,\n  isHideAttendeeNamesEnabled?: boolean,\n  localUserRole?: ParticipantRole,\n  spotlightedParticipants?: SpotlightedParticipant[]\n): CallParticipantListParticipant[] => {\n  const conversionCallback = (\n    memoizeFn: (...args: any[]) => CallParticipantListParticipant\n  ): CallParticipantListParticipant[] => {\n    return (\n      remoteParticipants\n        // Filter out MicrosoftBot participants\n        .filter((participant: RemoteParticipantState) => {\n          return !isMicrosoftTeamsAppIdentifier(participant.identifier);\n        })\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) => {\n          return (\n            !['InLobby', 'Idle', 'Connecting', 'Disconnected'].includes(participant.state) ||\n            isPhoneNumberIdentifier(participant.identifier)\n          );\n        })\n        .map((participant: RemoteParticipantState) => {\n          const isScreenSharing = Object.values(participant.videoStreams).some(\n            (videoStream) => videoStream.mediaStreamType === 'ScreenSharing' && videoStream.isAvailable\n          );\n          /**\n           * We want to check the participant to see if they are a PSTN participant joining the call\n           * and mapping their state to be 'Ringing'\n           */\n          const state = _convertParticipantState(participant);\n          const displayName = maskDisplayNameWithRole(\n            participant.displayName,\n            localUserRole,\n            participant.role,\n            isHideAttendeeNamesEnabled\n          );\n          const remoteParticipantReaction = memoizedConvertToVideoTileReaction(participant.reactionState);\n          const spotlight = memoizedSpotlight(\n            spotlightedParticipants,\n            toFlatCommunicationIdentifier(participant.identifier)\n          );\n\n          return memoizeFn(\n            toFlatCommunicationIdentifier(participant.identifier),\n            displayName,\n            state,\n            participant.isMuted,\n            isScreenSharing,\n            participant.isSpeaking,\n            participant.raisedHand,\n            localUserCanRemoveOthers,\n            remoteParticipantReaction,\n            spotlight,\n            /* @conditional-compile-remove(media-access) */\n            participant.mediaAccess\n          );\n        })\n        .sort((a, b) => {\n          const nameA = a.displayName?.toLowerCase() || '';\n          const nameB = b.displayName?.toLowerCase() || '';\n          if (nameA < nameB) {\n            return -1;\n          } else if (nameA > nameB) {\n            return 1;\n          } else {\n            return 0;\n          }\n        })\n    );\n  };\n  return memoizedConvertAllremoteParticipants(conversionCallback);\n};\n\n/**\n * Selector type for {@link ParticipantList} component.\n *\n * @public\n */\nexport type ParticipantListSelector = (\n  state: CallClientState,\n  props: CallingBaseSelectorProps\n) => {\n  participants: CallParticipantListParticipant[];\n  myUserId: string;\n  /* @conditional-compile-remove(total-participant-count) */\n  totalParticipantCount?: number;\n};\n\n/**\n * Selects data that drives {@link ParticipantList} component.\n *\n * @public\n */\nexport const participantListSelector: ParticipantListSelector = createSelector(\n  [\n    getIdentifier,\n    getDisplayName,\n    getRemoteParticipantsExcludingConsumers,\n    getIsScreenSharingOn,\n    getIsMuted,\n    getLocalParticipantRaisedHand,\n    getRole,\n    getParticipantCount,\n    isHideAttendeeNamesEnabled,\n    getLocalParticipantReactionState,\n    getSpotlightCallFeature,\n    /* @conditional-compile-remove(media-access) */\n    getCapabilities\n  ],\n  (\n    userId,\n    displayName,\n    remoteParticipants,\n    isScreenSharingOn,\n    isMuted,\n    raisedHand,\n    role,\n    partitipantCount,\n    isHideAttendeeNamesEnabled,\n    localParticipantReactionState,\n    spotlightCallFeature,\n    /* @conditional-compile-remove(media-access) */\n    capabilities\n  ): {\n    participants: CallParticipantListParticipant[];\n    myUserId: string;\n    totalParticipantCount?: number;\n  } => {\n    const localUserCanRemoveOthers = localUserCanRemoveOthersTrampoline(role);\n    const participants = remoteParticipants\n      ? convertRemoteParticipantsToParticipantListParticipants(\n          _updateUserDisplayNames(Object.values(remoteParticipants)),\n          localUserCanRemoveOthers,\n          isHideAttendeeNamesEnabled,\n          role,\n          spotlightCallFeature?.spotlightedParticipants\n        )\n      : [];\n    participants.push({\n      userId: userId,\n      displayName: displayName,\n      isScreenSharing: isScreenSharingOn,\n      isMuted: isMuted,\n      raisedHand: raisedHand,\n      state: 'Connected',\n      // Local participant can never remove themselves.\n      isRemovable: false,\n      reaction: memoizedConvertToVideoTileReaction(localParticipantReactionState),\n      spotlight: memoizedSpotlight(spotlightCallFeature?.spotlightedParticipants, userId),\n      /* @conditional-compile-remove(media-access) */\n      mediaAccess: {\n        isAudioPermitted: capabilities?.unmuteMic ? capabilities.unmuteMic.isPresent : true,\n        isVideoPermitted: capabilities?.turnVideoOn ? capabilities.turnVideoOn.isPresent : true\n      }\n    });\n    /* @conditional-compile-remove(total-participant-count) */\n    const totalParticipantCount = partitipantCount;\n    return {\n      participants: participants,\n      myUserId: userId,\n      /* @conditional-compile-remove(total-participant-count) */\n      totalParticipantCount: totalParticipantCount\n    };\n  }\n);\n\nconst localUserCanRemoveOthersTrampoline = (role?: string): boolean => {\n  return role === 'Presenter' || role === 'Unknown' || role === undefined;\n};\n"]}
+{"version":3,"file":"participantListSelector.js","sourceRoot":"","sources":["../../../../../calling-component-bindings/src/participantListSelector.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CallClientState, RemoteParticipantState } from '@internal/calling-stateful-client';\nimport { createSelector } from 'reselect';\nimport {\n  getIdentifier,\n  getDisplayName,\n  getIsScreenSharingOn,\n  getIsMuted,\n  CallingBaseSelectorProps,\n  getCapabilities\n} from './baseSelectors';\nimport { getRole } from './baseSelectors';\nimport { isHideAttendeeNamesEnabled } from './baseSelectors';\nimport { CallParticipantListParticipant } from '@internal/react-components';\nimport { _convertParticipantState, _updateUserDisplayNames } from './utils/callUtils';\nimport { memoizedConvertAllremoteParticipants } from './utils/participantListSelectorUtils';\nimport { memoizedConvertToVideoTileReaction, memoizedSpotlight } from './utils/participantListSelectorUtils';\nimport { getLocalParticipantRaisedHand } from './baseSelectors';\nimport { getLocalParticipantReactionState } from './baseSelectors';\nimport { getSpotlightCallFeature } from './baseSelectors';\nimport { toFlatCommunicationIdentifier } from '@internal/acs-ui-common';\nimport { getParticipantCount } from './baseSelectors';\nimport { isMicrosoftTeamsAppIdentifier, isPhoneNumberIdentifier } from '@azure/communication-common';\nimport { ParticipantRole, SpotlightedParticipant } from '@azure/communication-calling';\nimport { maskDisplayNameWithRole } from './utils/callUtils';\nimport { getRemoteParticipantsExcludingConsumers } from './getRemoteParticipantsExcludingConsumers';\n\nconst convertRemoteParticipantsToParticipantListParticipants = (\n  remoteParticipants: RemoteParticipantState[],\n  localUserCanRemoveOthers: boolean,\n  isHideAttendeeNamesEnabled?: boolean,\n  localUserRole?: ParticipantRole,\n  spotlightedParticipants?: SpotlightedParticipant[]\n): CallParticipantListParticipant[] => {\n  const conversionCallback = (\n    memoizeFn: (...args: any[]) => CallParticipantListParticipant\n  ): CallParticipantListParticipant[] => {\n    return (\n      remoteParticipants\n        // Filter out MicrosoftBot participants\n        .filter((participant: RemoteParticipantState) => {\n          return !isMicrosoftTeamsAppIdentifier(participant.identifier);\n        })\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) => {\n          return (\n            !['InLobby', 'Idle', 'Connecting', 'Disconnected'].includes(participant.state) ||\n            isPhoneNumberIdentifier(participant.identifier)\n          );\n        })\n        .map((participant: RemoteParticipantState) => {\n          const isScreenSharing = Object.values(participant.videoStreams).some(\n            (videoStream) => videoStream.mediaStreamType === 'ScreenSharing' && videoStream.isAvailable\n          );\n          /**\n           * We want to check the participant to see if they are a PSTN participant joining the call\n           * and mapping their state to be 'Ringing'\n           */\n          const state = _convertParticipantState(participant);\n          const displayName = maskDisplayNameWithRole(\n            participant.displayName,\n            localUserRole,\n            participant.role,\n            isHideAttendeeNamesEnabled\n          );\n          const remoteParticipantReaction = memoizedConvertToVideoTileReaction(participant.reactionState);\n          const spotlight = memoizedSpotlight(\n            spotlightedParticipants,\n            toFlatCommunicationIdentifier(participant.identifier)\n          );\n\n          return memoizeFn(\n            toFlatCommunicationIdentifier(participant.identifier),\n            displayName,\n            state,\n            participant.isMuted,\n            isScreenSharing,\n            participant.isSpeaking,\n            participant.raisedHand,\n            localUserCanRemoveOthers,\n            remoteParticipantReaction,\n            spotlight,\n            participant.mediaAccess\n          );\n        })\n        .sort((a, b) => {\n          const nameA = a.displayName?.toLowerCase() || '';\n          const nameB = b.displayName?.toLowerCase() || '';\n          if (nameA < nameB) {\n            return -1;\n          } else if (nameA > nameB) {\n            return 1;\n          } else {\n            return 0;\n          }\n        })\n    );\n  };\n  return memoizedConvertAllremoteParticipants(conversionCallback);\n};\n\n/**\n * Selector type for {@link ParticipantList} component.\n *\n * @public\n */\nexport type ParticipantListSelector = (\n  state: CallClientState,\n  props: CallingBaseSelectorProps\n) => {\n  participants: CallParticipantListParticipant[];\n  myUserId: string;\n  /* @conditional-compile-remove(total-participant-count) */\n  totalParticipantCount?: number;\n};\n\n/**\n * Selects data that drives {@link ParticipantList} component.\n *\n * @public\n */\nexport const participantListSelector: ParticipantListSelector = createSelector(\n  [\n    getIdentifier,\n    getDisplayName,\n    getRemoteParticipantsExcludingConsumers,\n    getIsScreenSharingOn,\n    getIsMuted,\n    getLocalParticipantRaisedHand,\n    getRole,\n    getParticipantCount,\n    isHideAttendeeNamesEnabled,\n    getLocalParticipantReactionState,\n    getSpotlightCallFeature,\n    getCapabilities\n  ],\n  (\n    userId,\n    displayName,\n    remoteParticipants,\n    isScreenSharingOn,\n    isMuted,\n    raisedHand,\n    role,\n    partitipantCount,\n    isHideAttendeeNamesEnabled,\n    localParticipantReactionState,\n    spotlightCallFeature,\n    capabilities\n  ): {\n    participants: CallParticipantListParticipant[];\n    myUserId: string;\n    totalParticipantCount?: number;\n  } => {\n    const localUserCanRemoveOthers = localUserCanRemoveOthersTrampoline(role);\n    const participants = remoteParticipants\n      ? convertRemoteParticipantsToParticipantListParticipants(\n          _updateUserDisplayNames(Object.values(remoteParticipants)),\n          localUserCanRemoveOthers,\n          isHideAttendeeNamesEnabled,\n          role,\n          spotlightCallFeature?.spotlightedParticipants\n        )\n      : [];\n    participants.push({\n      userId: userId,\n      displayName: displayName,\n      isScreenSharing: isScreenSharingOn,\n      isMuted: isMuted,\n      raisedHand: raisedHand,\n      state: 'Connected',\n      // Local participant can never remove themselves.\n      isRemovable: false,\n      reaction: memoizedConvertToVideoTileReaction(localParticipantReactionState),\n      spotlight: memoizedSpotlight(spotlightCallFeature?.spotlightedParticipants, userId),\n      mediaAccess: {\n        isAudioPermitted: capabilities?.unmuteMic ? capabilities.unmuteMic.isPresent : true,\n        isVideoPermitted: capabilities?.turnVideoOn ? capabilities.turnVideoOn.isPresent : true\n      }\n    });\n    /* @conditional-compile-remove(total-participant-count) */\n    const totalParticipantCount = partitipantCount;\n    return {\n      participants: participants,\n      myUserId: userId,\n      /* @conditional-compile-remove(total-participant-count) */\n      totalParticipantCount: totalParticipantCount\n    };\n  }\n);\n\nconst localUserCanRemoveOthersTrampoline = (role?: string): boolean => {\n  return role === 'Presenter' || role === 'Unknown' || role === undefined;\n};\n"]}

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

@@ -4,12 +4,11 @@ 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";
-import { MediaAccess } from "../../../react-components/src";
+import { Reaction, MediaAccess } from "../../../react-components/src";
 /**
  * @private
  */
-export declare const memoizedConvertAllremoteParticipants: (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, spotlight: Spotlight | undefined, mediaAccess: MediaAccess | undefined], CallParticipantListParticipant>) => CallParticipantListParticipant[];
+export declare const memoizedConvertAllremoteParticipants: (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, spotlight: Spotlight | undefined, mediaAccess: MediaAccess], CallParticipantListParticipant>) => CallParticipantListParticipant[];
 /**
  * @private
  */

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

@@ -21,7 +21,6 @@ const convertRemoteParticipantToParticipantListParticipant = (userId, displayNam
             localUserCanRemoveOthers,
         reaction,
         spotlight,
-        /* @conditional-compile-remove(media-access) */
         mediaAccess
     };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"participantListSelectorUtils.js","sourceRoot":"","sources":["../../../../../../calling-component-bindings/src/utils/participantListSelectorUtils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,+BAA+B,EAAE,YAAY,EAAE,mCAAgC;AACxF,OAAO,EAAE,6BAA6B,EAAE,mCAAgC;AAQxE,OAAO,UAAU,MAAM,aAAa,CAAC;AAErC,MAAM,oDAAoD,GAAG,CAC3D,MAAc,EACd,WAA+B,EAC/B,KAA6B,EAC7B,OAAgB,EAChB,eAAwB,EACxB,UAAmB,EACnB,UAAuC,EACvC,wBAAiC,EACjC,QAA8B,EAC9B,SAAgC,EAChC,WAAoF,EACpD,EAAE;IAClC,MAAM,UAAU,GAAG,+BAA+B,CAAC,MAAM,CAAC,CAAC;IAC3D,OAAO;QACL,MAAM;QACN,WAAW;QACX,KAAK;QACL,OAAO;QACP,eAAe;QACf,UAAU;QACV,UAAU;QACV,wCAAwC;QACxC,gDAAgD;QAChD,WAAW,EACT,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC,IAAI,KAAK,mBAAmB;YACzD,iBAAiB,CAAC,UAAU,CAAC,CAAC,IAAI,KAAK,aAAa,CAAC;YACvD,wBAAwB;QAC1B,QAAQ;QACR,SAAS;QACT,+CAA+C;QAC/C,WAAW;KACZ,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oCAAoC,GAAG,YAAY,CAC9D,CACE,MAAc,EACd,WAA+B,EAC/B,KAA6B,EAC7B,OAAgB,EAChB,eAAwB,EACxB,UAAmB,EACnB,UAAuC,EACvC,wBAAiC,EACjC,QAA8B,EAC9B,SAAgC,EAChC,WAAoF,EACpD,EAAE;IAClC,OAAO,oDAAoD,CACzD,MAAM,EACN,WAAW,EACX,KAAK,EACL,OAAO,EACP,eAAe,EACf,UAAU,EACV,UAAU,EACV,wBAAwB,EACxB,QAAQ,EACR,SAAS,EACT,WAAW,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,kCAAkC,GAAG,UAAU,CAC1D,CAAC,aAAwC,EAAwB,EAAE;IACjE,OAAO,aAAa,IAAI,aAAa,CAAC,eAAe;QACnD,CAAC,CAAC;YACE,YAAY,EAAE,aAAa,CAAC,eAAe,CAAC,YAAY;YACxD,UAAU,EAAE,aAAa,CAAC,UAAU;SACrC;QACH,CAAC,CAAC,SAAS,CAAC;AAChB,CAAC,CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CACzC,CAAC,uBAA6D,EAAE,MAAc,EAAyB,EAAE;IACvG,MAAM,cAAc,GAAG,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAE,IAAI,CAClD,CAAC,sBAAsB,EAAE,EAAE,CAAC,6BAA6B,CAAC,sBAAsB,CAAC,UAAU,CAAC,KAAK,MAAM,CACxG,CAAC;IACF,OAAO,cAAc,CAAC,CAAC,CAAC,EAAE,wBAAwB,EAAE,cAAc,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;AACzF,CAAC,CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { RemoteParticipantState } from '@azure/communication-calling';\nimport { SpotlightedParticipant } from '@azure/communication-calling';\nimport { getIdentifierKind } from '@azure/communication-common';\nimport { fromFlatCommunicationIdentifier, memoizeFnAll } from '@internal/acs-ui-common';\nimport { toFlatCommunicationIdentifier } from '@internal/acs-ui-common';\nimport { CallParticipantListParticipant } from '@internal/react-components';\nimport { Spotlight } from '@internal/react-components';\nimport { RaisedHandState } from '@internal/calling-stateful-client';\nimport { ReactionState } from '@internal/calling-stateful-client';\nimport { Reaction } from '@internal/react-components';\n/* @conditional-compile-remove(media-access) */\nimport { MediaAccess } from '@internal/react-components';\nimport memoizeOne from 'memoize-one';\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  reaction: undefined | Reaction,\n  spotlight: undefined | Spotlight,\n  mediaAccess: undefined | /* @conditional-compile-remove(media-access) */ MediaAccess\n): CallParticipantListParticipant => {\n  const identifier = fromFlatCommunicationIdentifier(userId);\n  return {\n    userId,\n    displayName,\n    state,\n    isMuted,\n    isScreenSharing,\n    isSpeaking,\n    raisedHand,\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    reaction,\n    spotlight,\n    /* @conditional-compile-remove(media-access) */\n    mediaAccess\n  };\n};\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    reaction: undefined | Reaction,\n    spotlight: undefined | Spotlight,\n    mediaAccess: undefined | /* @conditional-compile-remove(media-access) */ MediaAccess\n  ): CallParticipantListParticipant => {\n    return convertRemoteParticipantToParticipantListParticipant(\n      userId,\n      displayName,\n      state,\n      isMuted,\n      isScreenSharing,\n      isSpeaking,\n      raisedHand,\n      localUserCanRemoveOthers,\n      reaction,\n      spotlight,\n      mediaAccess\n    );\n  }\n);\n\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/**\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"]}
+{"version":3,"file":"participantListSelectorUtils.js","sourceRoot":"","sources":["../../../../../../calling-component-bindings/src/utils/participantListSelectorUtils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,+BAA+B,EAAE,YAAY,EAAE,mCAAgC;AACxF,OAAO,EAAE,6BAA6B,EAAE,mCAAgC;AAMxE,OAAO,UAAU,MAAM,aAAa,CAAC;AAErC,MAAM,oDAAoD,GAAG,CAC3D,MAAc,EACd,WAA+B,EAC/B,KAA6B,EAC7B,OAAgB,EAChB,eAAwB,EACxB,UAAmB,EACnB,UAAuC,EACvC,wBAAiC,EACjC,QAA8B,EAC9B,SAAgC,EAChC,WAAwB,EACQ,EAAE;IAClC,MAAM,UAAU,GAAG,+BAA+B,CAAC,MAAM,CAAC,CAAC;IAC3D,OAAO;QACL,MAAM;QACN,WAAW;QACX,KAAK;QACL,OAAO;QACP,eAAe;QACf,UAAU;QACV,UAAU;QACV,wCAAwC;QACxC,gDAAgD;QAChD,WAAW,EACT,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC,IAAI,KAAK,mBAAmB;YACzD,iBAAiB,CAAC,UAAU,CAAC,CAAC,IAAI,KAAK,aAAa,CAAC;YACvD,wBAAwB;QAC1B,QAAQ;QACR,SAAS;QACT,WAAW;KACZ,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oCAAoC,GAAG,YAAY,CAC9D,CACE,MAAc,EACd,WAA+B,EAC/B,KAA6B,EAC7B,OAAgB,EAChB,eAAwB,EACxB,UAAmB,EACnB,UAAuC,EACvC,wBAAiC,EACjC,QAA8B,EAC9B,SAAgC,EAChC,WAAwB,EACQ,EAAE;IAClC,OAAO,oDAAoD,CACzD,MAAM,EACN,WAAW,EACX,KAAK,EACL,OAAO,EACP,eAAe,EACf,UAAU,EACV,UAAU,EACV,wBAAwB,EACxB,QAAQ,EACR,SAAS,EACT,WAAW,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,kCAAkC,GAAG,UAAU,CAC1D,CAAC,aAAwC,EAAwB,EAAE;IACjE,OAAO,aAAa,IAAI,aAAa,CAAC,eAAe;QACnD,CAAC,CAAC;YACE,YAAY,EAAE,aAAa,CAAC,eAAe,CAAC,YAAY;YACxD,UAAU,EAAE,aAAa,CAAC,UAAU;SACrC;QACH,CAAC,CAAC,SAAS,CAAC;AAChB,CAAC,CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CACzC,CAAC,uBAA6D,EAAE,MAAc,EAAyB,EAAE;IACvG,MAAM,cAAc,GAAG,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAE,IAAI,CAClD,CAAC,sBAAsB,EAAE,EAAE,CAAC,6BAA6B,CAAC,sBAAsB,CAAC,UAAU,CAAC,KAAK,MAAM,CACxG,CAAC;IACF,OAAO,cAAc,CAAC,CAAC,CAAC,EAAE,wBAAwB,EAAE,cAAc,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;AACzF,CAAC,CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { RemoteParticipantState } from '@azure/communication-calling';\nimport { SpotlightedParticipant } from '@azure/communication-calling';\nimport { getIdentifierKind } from '@azure/communication-common';\nimport { fromFlatCommunicationIdentifier, memoizeFnAll } from '@internal/acs-ui-common';\nimport { toFlatCommunicationIdentifier } from '@internal/acs-ui-common';\nimport { CallParticipantListParticipant } from '@internal/react-components';\nimport { Spotlight } from '@internal/react-components';\nimport { RaisedHandState } from '@internal/calling-stateful-client';\nimport { ReactionState } from '@internal/calling-stateful-client';\nimport { Reaction, MediaAccess } from '@internal/react-components';\nimport memoizeOne from 'memoize-one';\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  reaction: undefined | Reaction,\n  spotlight: undefined | Spotlight,\n  mediaAccess: MediaAccess\n): CallParticipantListParticipant => {\n  const identifier = fromFlatCommunicationIdentifier(userId);\n  return {\n    userId,\n    displayName,\n    state,\n    isMuted,\n    isScreenSharing,\n    isSpeaking,\n    raisedHand,\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    reaction,\n    spotlight,\n    mediaAccess\n  };\n};\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    reaction: undefined | Reaction,\n    spotlight: undefined | Spotlight,\n    mediaAccess: MediaAccess\n  ): CallParticipantListParticipant => {\n    return convertRemoteParticipantToParticipantListParticipant(\n      userId,\n      displayName,\n      state,\n      isMuted,\n      isScreenSharing,\n      isSpeaking,\n      raisedHand,\n      localUserCanRemoveOthers,\n      reaction,\n      spotlight,\n      mediaAccess\n    );\n  }\n);\n\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/**\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"]}

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

@@ -15,7 +15,7 @@ export declare const _videoGalleryRemoteParticipantsMemo: _VideoGalleryRemotePar
 /** @private */
 export declare const convertRemoteParticipantToVideoGalleryRemoteParticipant: (userId: string, isMuted: boolean, isSpeaking: boolean, videoStreams: {
     [key: number]: RemoteVideoStreamState;
-}, state: ParticipantConnectionState, displayName?: string, raisedHand?: RaisedHandState, contentSharingStream?: HTMLElement, reaction?: Reaction, spotlight?: Spotlight, signalStrength?: undefined | /* @conditional-compile-remove(remote-ufd) */ number, mediaAccess?: undefined | /* @conditional-compile-remove(media-access) */ MediaAccess, role?: undefined | /* @conditional-compile-remove(media-access) */ ParticipantRole) => VideoGalleryRemoteParticipant;
+}, state: ParticipantConnectionState, displayName?: string, raisedHand?: RaisedHandState, contentSharingStream?: HTMLElement, reaction?: Reaction, spotlight?: Spotlight, signalStrength?: undefined | /* @conditional-compile-remove(remote-ufd) */ number, mediaAccess?: MediaAccess, role?: ParticipantRole) => VideoGalleryRemoteParticipant;
 /** @private */
 export declare const memoizeLocalParticipant: (this: any, identifier: any, displayName: any, isMuted: any, isScreenSharingOn: any, localVideoStream: any, localScreenSharingStream: any, role: any, raisedHand: any, reaction: any, localSpotlight: any, capabilities: any) => {
     userId: any;

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

@@ -33,11 +33,7 @@ export const _videoGalleryRemoteParticipantsMemo = (remoteParticipants, isHideAt
             const displayName = maskDisplayNameWithRole(participant.displayName, localUserRole, participant.role, isHideAttendeeNamesEnabled);
             const remoteParticipantReaction = memoizedConvertToVideoTileReaction(participant.reactionState);
             const spotlight = participant.spotlight;
-            return memoizedFn(toFlatCommunicationIdentifier(participant.identifier), participant.isMuted, checkIsSpeaking(participant), participant.videoStreams, state, displayName, participant.raisedHand, participant.contentSharingStream, remoteParticipantReaction, spotlight, 
-            /* @conditional-compile-remove(media-access) */
-            participant.mediaAccess, 
-            /* @conditional-compile-remove(media-access) */
-            participant.role, 
+            return memoizedFn(toFlatCommunicationIdentifier(participant.identifier), participant.isMuted, checkIsSpeaking(participant), participant.videoStreams, state, displayName, participant.raisedHand, participant.contentSharingStream, remoteParticipantReaction, spotlight, participant.mediaAccess, participant.role, 
             /* @conditional-compile-remove(remote-ufd) */
             Math.max(((_c = (_b = (_a = participant.diagnostics) === null || _a === void 0 ? void 0 : _a.networkReceiveQuality) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : 0), ((_f = (_e = (_d = participant.diagnostics) === null || _d === void 0 ? void 0 : _d.networkSendQuality) === null || _e === void 0 ? void 0 : _e.value) !== null && _f !== void 0 ? _f : 0)));
         }));
@@ -83,11 +79,8 @@ export const convertRemoteParticipantToVideoGalleryRemoteParticipant = (userId,
         raisedHand,
         reaction,
         spotlight,
-        /* @conditional-compile-remove(media-access) */
         mediaAccess,
-        /* @conditional-compile-remove(media-access) */
         canAudioBeForbidden: role === 'Attendee',
-        /* @conditional-compile-remove(media-access) */
         canVideoBeForbidden: role === 'Attendee',
         /* @conditional-compile-remove(remote-ufd) */
         signalStrength
@@ -135,7 +128,6 @@ export const memoizeLocalParticipant = memoizeOne((identifier, displayName, isMu
         reaction,
         spotlight: localSpotlight,
         capabilities,
-        /* @conditional-compile-remove(media-access) */
         mediaAccess: {
             isAudioPermitted: (capabilities === null || capabilities === void 0 ? void 0 : capabilities.unmuteMic) ? capabilities.unmuteMic.isPresent : true,
             isVideoPermitted: (capabilities === null || capabilities === void 0 ? void 0 : capabilities.turnVideoOn) ? capabilities.turnVideoOn.isPresent : true

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

@@ -1 +1 @@
-{"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 { DominantSpeakersInfo } from '@azure/communication-calling';\nimport { SpotlightedParticipant } from '@azure/communication-calling';\nimport { ParticipantRole } from '@azure/communication-calling';\nimport { memoizeFnAll, toFlatCommunicationIdentifier } from '@internal/acs-ui-common';\nimport { RemoteParticipantState, RemoteVideoStreamState } from '@internal/calling-stateful-client';\nimport {\n  VideoGalleryRemoteParticipant,\n  VideoGalleryStream,\n  /* @conditional-compile-remove(media-access) */\n  MediaAccess\n} from '@internal/react-components';\nimport memoizeOne from 'memoize-one';\nimport { _convertParticipantState, ParticipantConnectionState } from './callUtils';\nimport { maskDisplayNameWithRole } from './callUtils';\nimport { checkIsSpeaking } from './SelectorUtils';\nimport { isPhoneNumberIdentifier } from '@azure/communication-common';\nimport { RaisedHandState } from '@internal/calling-stateful-client';\nimport { Reaction } from '@internal/react-components';\nimport { memoizedConvertToVideoTileReaction } from './participantListSelectorUtils';\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  isHideAttendeeNamesEnabled?: boolean,\n  localUserRole?: ParticipantRole\n) => VideoGalleryRemoteParticipant[];\n\n/** @internal */\nexport const _videoGalleryRemoteParticipantsMemo: _VideoGalleryRemoteParticipantsMemoFn = (\n  remoteParticipants: RemoteParticipantState[] | undefined,\n  isHideAttendeeNamesEnabled?: boolean,\n  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 = _convertParticipantState(participant);\n          const displayName = maskDisplayNameWithRole(\n            participant.displayName,\n            localUserRole,\n            participant.role,\n            isHideAttendeeNamesEnabled\n          );\n          const remoteParticipantReaction = memoizedConvertToVideoTileReaction(participant.reactionState);\n          const spotlight = participant.spotlight;\n          return memoizedFn(\n            toFlatCommunicationIdentifier(participant.identifier),\n            participant.isMuted,\n            checkIsSpeaking(participant),\n            participant.videoStreams,\n            state,\n            displayName,\n            participant.raisedHand,\n            participant.contentSharingStream,\n            remoteParticipantReaction,\n            spotlight,\n            /* @conditional-compile-remove(media-access) */\n            participant.mediaAccess,\n            /* @conditional-compile-remove(media-access) */\n            participant.role,\n            /* @conditional-compile-remove(remote-ufd) */\n            Math.max(\n              (participant.diagnostics?.networkReceiveQuality?.value ?? 0) as number,\n              (participant.diagnostics?.networkSendQuality?.value ?? 0) as number\n            )\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: ParticipantConnectionState,\n    displayName?: string,\n    raisedHand?: RaisedHandState,\n    contentSharingStream?: HTMLElement,\n    reaction?: Reaction,\n    spotlight?: Spotlight,\n    mediaAccess?: undefined | /* @conditional-compile-remove(media-access) */ MediaAccess,\n    role?: undefined | /* @conditional-compile-remove(media-access) */ ParticipantRole,\n    signalStrength?: undefined | /* @conditional-compile-remove(remote-ufd) */ number\n  ): VideoGalleryRemoteParticipant => {\n    return convertRemoteParticipantToVideoGalleryRemoteParticipant(\n      userId,\n      isMuted,\n      isSpeaking,\n      videoStreams,\n      state,\n      displayName,\n      raisedHand,\n      contentSharingStream,\n      reaction,\n      spotlight,\n      signalStrength,\n      mediaAccess,\n      role\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: ParticipantConnectionState,\n  displayName?: string,\n  raisedHand?: RaisedHandState,\n  contentSharingStream?: HTMLElement,\n  reaction?: Reaction,\n  spotlight?: Spotlight,\n  signalStrength?: undefined | /* @conditional-compile-remove(remote-ufd) */ number,\n  mediaAccess?: undefined | /* @conditional-compile-remove(media-access) */ MediaAccess,\n  role?: undefined | /* @conditional-compile-remove(media-access) */ ParticipantRole\n): VideoGalleryRemoteParticipant => {\n  const rawVideoStreamsArray = Object.values(videoStreams);\n  let videoStream: VideoGalleryStream | undefined = undefined;\n  let screenShareStream: VideoGalleryStream | undefined = undefined;\n\n  /**\n   * There is a bug from the calling sdk where if a user leaves and rejoins immediately\n   * it adds 2 more potential streams this remote participant can use. The old 2 streams\n   * still show as available and that is how we got a frozen stream in this case. The stopgap\n   * until streams accurately reflect their availability is to always prioritize the latest streams of a certain type\n   * e.g findLast instead of find\n   */\n  const sdkRemoteVideoStream =\n    Object.values(rawVideoStreamsArray).findLast((i) => i.mediaStreamType === 'Video' && i.isAvailable) ||\n    Object.values(rawVideoStreamsArray).findLast((i) => i.mediaStreamType === 'Video');\n\n  const sdkScreenShareStream =\n    Object.values(rawVideoStreamsArray).findLast((i) => i.mediaStreamType === 'ScreenSharing' && i.isAvailable) ||\n    Object.values(rawVideoStreamsArray).findLast((i) => i.mediaStreamType === 'ScreenSharing');\n\n  if (sdkRemoteVideoStream) {\n    videoStream = convertRemoteVideoStreamToVideoGalleryStream(sdkRemoteVideoStream);\n  }\n  if (sdkScreenShareStream) {\n    screenShareStream = convertRemoteVideoStreamToVideoGalleryStream(sdkScreenShareStream);\n  }\n\n  if (contentSharingStream) {\n    screenShareStream = convertRemoteContentSharingStreamToVideoGalleryStream(contentSharingStream);\n  }\n\n  return {\n    userId,\n    displayName,\n    isMuted,\n    isSpeaking,\n    videoStream,\n    screenShareStream,\n    isScreenSharingOn: screenShareStream !== undefined && screenShareStream.isAvailable,\n    state,\n    raisedHand,\n    reaction,\n    spotlight,\n    /* @conditional-compile-remove(media-access) */\n    mediaAccess,\n    /* @conditional-compile-remove(media-access) */\n    canAudioBeForbidden: role === 'Attendee',\n    /* @conditional-compile-remove(media-access) */\n    canVideoBeForbidden: role === 'Attendee',\n    /* @conditional-compile-remove(remote-ufd) */\n    signalStrength\n  };\n};\n\nconst convertRemoteVideoStreamToVideoGalleryStream = (stream: RemoteVideoStreamState): VideoGalleryStream => {\n  return {\n    id: stream.id,\n    isAvailable: stream.isAvailable,\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\nconst convertRemoteContentSharingStreamToVideoGalleryStream = (stream: HTMLElement): VideoGalleryStream => {\n  return {\n    isAvailable: !!stream,\n    isReceiving: true,\n    isMirrored: false,\n    renderElement: stream\n  };\n};\n\n/** @private */\nexport const memoizeLocalParticipant = memoizeOne(\n  (\n    identifier,\n    displayName,\n    isMuted,\n    isScreenSharingOn,\n    localVideoStream,\n    localScreenSharingStream,\n    role,\n    raisedHand,\n    reaction,\n    localSpotlight,\n    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    screenShareStream: {\n      isAvailable: !!localScreenSharingStream,\n      renderElement: localScreenSharingStream?.view?.target\n    },\n    role,\n    raisedHand: raisedHand,\n    reaction,\n    spotlight: localSpotlight,\n    capabilities,\n    /* @conditional-compile-remove(media-access) */\n    mediaAccess: {\n      isAudioPermitted: capabilities?.unmuteMic ? capabilities.unmuteMic.isPresent : true,\n      isVideoPermitted: capabilities?.turnVideoOn ? capabilities.turnVideoOn.isPresent : true\n    }\n  })\n);\n\n/** @private */\nexport const memoizeSpotlightedParticipantIds = memoizeOne((spotlightedParticipants) =>\n  spotlightedParticipants?.map((p: SpotlightedParticipant) => toFlatCommunicationIdentifier(p.identifier))\n);\n\n/** @private */\nexport const memoizeTogetherModeStreams = memoizeOne((togetherModeStreams) => ({\n  mainVideoStream: {\n    id: togetherModeStreams?.mainVideoStream?.id,\n    isReceiving: togetherModeStreams?.mainVideoStream?.isReceiving,\n    isAvailable: togetherModeStreams?.mainVideoStream?.isAvailable,\n    renderElement: togetherModeStreams?.mainVideoStream?.view?.target,\n    streamSize: togetherModeStreams?.mainVideoStream?.streamSize\n  }\n}));\n"]}
+{"version":3,"file":"videoGalleryUtils.js","sourceRoot":"","sources":["../../../../../../calling-component-bindings/src/utils/videoGalleryUtils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAKlC,OAAO,EAAE,YAAY,EAAE,6BAA6B,EAAE,mCAAgC;AAGtF,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,wBAAwB,EAA8B,MAAM,aAAa,CAAC;AACnF,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAGtE,OAAO,EAAE,kCAAkC,EAAE,MAAM,gCAAgC,CAAC;AAGpF,gBAAgB;AAChB,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,gBAAuC,EAAwB,EAAE;;IAC3G,OAAO,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,YAAY,0CAAE,GAAG,CAAC,6BAA6B,CAAC,CAAC;AAC5E,CAAC,CAAC;AASF,gBAAgB;AAChB,MAAM,CAAC,MAAM,mCAAmC,GAA0C,CACxF,kBAAwD,EACxD,0BAAoC,EACpC,aAAc,EACmB,EAAE;IACnC,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACxB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO,mCAAmC,CAAC,CAAC,UAAU,EAAE,EAAE;QACxD,OAAO,CACL,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC;YAC/B;;;eAGG;aACF,MAAM,CAAC,CAAC,WAAmC,EAAE,EAAE;YAC9C,OAAO,CACL,CAAC,CAAC,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC;gBAC9E,uBAAuB,CAAC,WAAW,CAAC,UAAU,CAAC,CAChD,CAAC;QACJ,CAAC,CAAC;aACD,GAAG,CAAC,CAAC,WAAmC,EAAE,EAAE;;YAC3C,MAAM,KAAK,GAAG,wBAAwB,CAAC,WAAW,CAAC,CAAC;YACpD,MAAM,WAAW,GAAG,uBAAuB,CACzC,WAAW,CAAC,WAAW,EACvB,aAAa,EACb,WAAW,CAAC,IAAI,EAChB,0BAA0B,CAC3B,CAAC;YACF,MAAM,yBAAyB,GAAG,kCAAkC,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;YAChG,MAAM,SAAS,GAAG,WAAW,CAAC,SAAS,CAAC;YACxC,OAAO,UAAU,CACf,6BAA6B,CAAC,WAAW,CAAC,UAAU,CAAC,EACrD,WAAW,CAAC,OAAO,EACnB,eAAe,CAAC,WAAW,CAAC,EAC5B,WAAW,CAAC,YAAY,EACxB,KAAK,EACL,WAAW,EACX,WAAW,CAAC,UAAU,EACtB,WAAW,CAAC,oBAAoB,EAChC,yBAAyB,EACzB,SAAS,EACT,WAAW,CAAC,WAAW,EACvB,WAAW,CAAC,IAAI;YAChB,6CAA6C;YAC7C,IAAI,CAAC,GAAG,CACN,CAAC,MAAA,MAAA,MAAA,WAAW,CAAC,WAAW,0CAAE,qBAAqB,0CAAE,KAAK,mCAAI,CAAC,CAAW,EACtE,CAAC,MAAA,MAAA,MAAA,WAAW,CAAC,WAAW,0CAAE,kBAAkB,0CAAE,KAAK,mCAAI,CAAC,CAAW,CACpE,CACF,CAAC;QACJ,CAAC,CAAC,CACL,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,mCAAmC,GAAG,YAAY,CACtD,CACE,MAAc,EACd,OAAgB,EAChB,UAAmB,EACnB,YAAuD,EACvD,KAAiC,EACjC,WAAoB,EACpB,UAA4B,EAC5B,oBAAkC,EAClC,QAAmB,EACnB,SAAqB,EACrB,WAAyB,EACzB,IAAsB,EACtB,cAAiF,EAClD,EAAE;IACjC,OAAO,uDAAuD,CAC5D,MAAM,EACN,OAAO,EACP,UAAU,EACV,YAAY,EACZ,KAAK,EACL,WAAW,EACX,UAAU,EACV,oBAAoB,EACpB,QAAQ,EACR,SAAS,EACT,cAAc,EACd,WAAW,EACX,IAAI,CACL,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe;AACf,MAAM,CAAC,MAAM,uDAAuD,GAAG,CACrE,MAAc,EACd,OAAgB,EAChB,UAAmB,EACnB,YAAuD,EACvD,KAAiC,EACjC,WAAoB,EACpB,UAA4B,EAC5B,oBAAkC,EAClC,QAAmB,EACnB,SAAqB,EACrB,cAAiF,EACjF,WAAyB,EACzB,IAAsB,EACS,EAAE;IACjC,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IACzD,IAAI,WAAW,GAAmC,SAAS,CAAC;IAC5D,IAAI,iBAAiB,GAAmC,SAAS,CAAC;IAElE;;;;;;OAMG;IACH,MAAM,oBAAoB,GACxB,MAAM,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,KAAK,OAAO,IAAI,CAAC,CAAC,WAAW,CAAC;QACnG,MAAM,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,KAAK,OAAO,CAAC,CAAC;IAErF,MAAM,oBAAoB,GACxB,MAAM,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,KAAK,eAAe,IAAI,CAAC,CAAC,WAAW,CAAC;QAC3G,MAAM,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,KAAK,eAAe,CAAC,CAAC;IAE7F,IAAI,oBAAoB,EAAE,CAAC;QACzB,WAAW,GAAG,4CAA4C,CAAC,oBAAoB,CAAC,CAAC;IACnF,CAAC;IACD,IAAI,oBAAoB,EAAE,CAAC;QACzB,iBAAiB,GAAG,4CAA4C,CAAC,oBAAoB,CAAC,CAAC;IACzF,CAAC;IAED,IAAI,oBAAoB,EAAE,CAAC;QACzB,iBAAiB,GAAG,qDAAqD,CAAC,oBAAoB,CAAC,CAAC;IAClG,CAAC;IAED,OAAO;QACL,MAAM;QACN,WAAW;QACX,OAAO;QACP,UAAU;QACV,WAAW;QACX,iBAAiB;QACjB,iBAAiB,EAAE,iBAAiB,KAAK,SAAS,IAAI,iBAAiB,CAAC,WAAW;QACnF,KAAK;QACL,UAAU;QACV,QAAQ;QACR,SAAS;QACT,WAAW;QACX,mBAAmB,EAAE,IAAI,KAAK,UAAU;QACxC,mBAAmB,EAAE,IAAI,KAAK,UAAU;QACxC,6CAA6C;QAC7C,cAAc;KACf,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,4CAA4C,GAAG,CAAC,MAA8B,EAAsB,EAAE;;IAC1G,OAAO;QACL,EAAE,EAAE,MAAM,CAAC,EAAE;QACb,WAAW,EAAE,MAAM,CAAC,WAAW;QAC/B,WAAW,EAAE,MAAM,CAAC,WAAW;QAC/B,UAAU,EAAE,MAAA,MAAM,CAAC,IAAI,0CAAE,UAAU;QACnC,aAAa,EAAE,MAAA,MAAM,CAAC,IAAI,0CAAE,MAAM;QAClC,WAAW,EAAE,MAAA,MAAM,CAAC,IAAI,0CAAE,WAAW;QACrC,UAAU,EAAE,MAAM,CAAC,UAAU;KAC9B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,qDAAqD,GAAG,CAAC,MAAmB,EAAsB,EAAE;IACxG,OAAO;QACL,WAAW,EAAE,CAAC,CAAC,MAAM;QACrB,WAAW,EAAE,IAAI;QACjB,UAAU,EAAE,KAAK;QACjB,aAAa,EAAE,MAAM;KACtB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe;AACf,MAAM,CAAC,MAAM,uBAAuB,GAAG,UAAU,CAC/C,CACE,UAAU,EACV,WAAW,EACX,OAAO,EACP,iBAAiB,EACjB,gBAAgB,EAChB,wBAAwB,EACxB,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,EAAE;;IAAC,OAAA,CAAC;QACJ,MAAM,EAAE,UAAU;QAClB,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE;QAC9B,OAAO,EAAE,OAAO;QAChB,iBAAiB,EAAE,iBAAiB;QACpC,WAAW,EAAE;YACX,WAAW,EAAE,CAAC,CAAC,gBAAgB;YAC/B,UAAU,EAAE,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,0CAAE,UAAU;YAC9C,aAAa,EAAE,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,0CAAE,MAAM;SAC9C;QACD,iBAAiB,EAAE;YACjB,WAAW,EAAE,CAAC,CAAC,wBAAwB;YACvC,aAAa,EAAE,MAAA,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAE,IAAI,0CAAE,MAAM;SACtD;QACD,IAAI;QACJ,UAAU,EAAE,UAAU;QACtB,QAAQ;QACR,SAAS,EAAE,cAAc;QACzB,YAAY;QACZ,WAAW,EAAE;YACX,gBAAgB,EAAE,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,EAAC,CAAC,CAAC,YAAY,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;YACnF,gBAAgB,EAAE,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,WAAW,EAAC,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;SACxF;KACF,CAAC,CAAA;CAAA,CACH,CAAC;AAEF,eAAe;AACf,MAAM,CAAC,MAAM,gCAAgC,GAAG,UAAU,CAAC,CAAC,uBAAuB,EAAE,EAAE,CACrF,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAE,GAAG,CAAC,CAAC,CAAyB,EAAE,EAAE,CAAC,6BAA6B,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CACzG,CAAC;AAEF,eAAe;AACf,MAAM,CAAC,MAAM,0BAA0B,GAAG,UAAU,CAAC,CAAC,mBAAmB,EAAE,EAAE;;IAAC,OAAA,CAAC;QAC7E,eAAe,EAAE;YACf,EAAE,EAAE,MAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,eAAe,0CAAE,EAAE;YAC5C,WAAW,EAAE,MAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,eAAe,0CAAE,WAAW;YAC9D,WAAW,EAAE,MAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,eAAe,0CAAE,WAAW;YAC9D,aAAa,EAAE,MAAA,MAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,eAAe,0CAAE,IAAI,0CAAE,MAAM;YACjE,UAAU,EAAE,MAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,eAAe,0CAAE,UAAU;SAC7D;KACF,CAAC,CAAA;CAAA,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { DominantSpeakersInfo } from '@azure/communication-calling';\nimport { SpotlightedParticipant } from '@azure/communication-calling';\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, MediaAccess } from '@internal/react-components';\nimport memoizeOne from 'memoize-one';\nimport { _convertParticipantState, ParticipantConnectionState } from './callUtils';\nimport { maskDisplayNameWithRole } from './callUtils';\nimport { checkIsSpeaking } from './SelectorUtils';\nimport { isPhoneNumberIdentifier } from '@azure/communication-common';\nimport { RaisedHandState } from '@internal/calling-stateful-client';\nimport { Reaction } from '@internal/react-components';\nimport { memoizedConvertToVideoTileReaction } from './participantListSelectorUtils';\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  isHideAttendeeNamesEnabled?: boolean,\n  localUserRole?: ParticipantRole\n) => VideoGalleryRemoteParticipant[];\n\n/** @internal */\nexport const _videoGalleryRemoteParticipantsMemo: _VideoGalleryRemoteParticipantsMemoFn = (\n  remoteParticipants: RemoteParticipantState[] | undefined,\n  isHideAttendeeNamesEnabled?: boolean,\n  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 = _convertParticipantState(participant);\n          const displayName = maskDisplayNameWithRole(\n            participant.displayName,\n            localUserRole,\n            participant.role,\n            isHideAttendeeNamesEnabled\n          );\n          const remoteParticipantReaction = memoizedConvertToVideoTileReaction(participant.reactionState);\n          const spotlight = participant.spotlight;\n          return memoizedFn(\n            toFlatCommunicationIdentifier(participant.identifier),\n            participant.isMuted,\n            checkIsSpeaking(participant),\n            participant.videoStreams,\n            state,\n            displayName,\n            participant.raisedHand,\n            participant.contentSharingStream,\n            remoteParticipantReaction,\n            spotlight,\n            participant.mediaAccess,\n            participant.role,\n            /* @conditional-compile-remove(remote-ufd) */\n            Math.max(\n              (participant.diagnostics?.networkReceiveQuality?.value ?? 0) as number,\n              (participant.diagnostics?.networkSendQuality?.value ?? 0) as number\n            )\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: ParticipantConnectionState,\n    displayName?: string,\n    raisedHand?: RaisedHandState,\n    contentSharingStream?: HTMLElement,\n    reaction?: Reaction,\n    spotlight?: Spotlight,\n    mediaAccess?: MediaAccess,\n    role?: ParticipantRole,\n    signalStrength?: undefined | /* @conditional-compile-remove(remote-ufd) */ number\n  ): VideoGalleryRemoteParticipant => {\n    return convertRemoteParticipantToVideoGalleryRemoteParticipant(\n      userId,\n      isMuted,\n      isSpeaking,\n      videoStreams,\n      state,\n      displayName,\n      raisedHand,\n      contentSharingStream,\n      reaction,\n      spotlight,\n      signalStrength,\n      mediaAccess,\n      role\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: ParticipantConnectionState,\n  displayName?: string,\n  raisedHand?: RaisedHandState,\n  contentSharingStream?: HTMLElement,\n  reaction?: Reaction,\n  spotlight?: Spotlight,\n  signalStrength?: undefined | /* @conditional-compile-remove(remote-ufd) */ number,\n  mediaAccess?: MediaAccess,\n  role?: ParticipantRole\n): VideoGalleryRemoteParticipant => {\n  const rawVideoStreamsArray = Object.values(videoStreams);\n  let videoStream: VideoGalleryStream | undefined = undefined;\n  let screenShareStream: VideoGalleryStream | undefined = undefined;\n\n  /**\n   * There is a bug from the calling sdk where if a user leaves and rejoins immediately\n   * it adds 2 more potential streams this remote participant can use. The old 2 streams\n   * still show as available and that is how we got a frozen stream in this case. The stopgap\n   * until streams accurately reflect their availability is to always prioritize the latest streams of a certain type\n   * e.g findLast instead of find\n   */\n  const sdkRemoteVideoStream =\n    Object.values(rawVideoStreamsArray).findLast((i) => i.mediaStreamType === 'Video' && i.isAvailable) ||\n    Object.values(rawVideoStreamsArray).findLast((i) => i.mediaStreamType === 'Video');\n\n  const sdkScreenShareStream =\n    Object.values(rawVideoStreamsArray).findLast((i) => i.mediaStreamType === 'ScreenSharing' && i.isAvailable) ||\n    Object.values(rawVideoStreamsArray).findLast((i) => i.mediaStreamType === 'ScreenSharing');\n\n  if (sdkRemoteVideoStream) {\n    videoStream = convertRemoteVideoStreamToVideoGalleryStream(sdkRemoteVideoStream);\n  }\n  if (sdkScreenShareStream) {\n    screenShareStream = convertRemoteVideoStreamToVideoGalleryStream(sdkScreenShareStream);\n  }\n\n  if (contentSharingStream) {\n    screenShareStream = convertRemoteContentSharingStreamToVideoGalleryStream(contentSharingStream);\n  }\n\n  return {\n    userId,\n    displayName,\n    isMuted,\n    isSpeaking,\n    videoStream,\n    screenShareStream,\n    isScreenSharingOn: screenShareStream !== undefined && screenShareStream.isAvailable,\n    state,\n    raisedHand,\n    reaction,\n    spotlight,\n    mediaAccess,\n    canAudioBeForbidden: role === 'Attendee',\n    canVideoBeForbidden: role === 'Attendee',\n    /* @conditional-compile-remove(remote-ufd) */\n    signalStrength\n  };\n};\n\nconst convertRemoteVideoStreamToVideoGalleryStream = (stream: RemoteVideoStreamState): VideoGalleryStream => {\n  return {\n    id: stream.id,\n    isAvailable: stream.isAvailable,\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\nconst convertRemoteContentSharingStreamToVideoGalleryStream = (stream: HTMLElement): VideoGalleryStream => {\n  return {\n    isAvailable: !!stream,\n    isReceiving: true,\n    isMirrored: false,\n    renderElement: stream\n  };\n};\n\n/** @private */\nexport const memoizeLocalParticipant = memoizeOne(\n  (\n    identifier,\n    displayName,\n    isMuted,\n    isScreenSharingOn,\n    localVideoStream,\n    localScreenSharingStream,\n    role,\n    raisedHand,\n    reaction,\n    localSpotlight,\n    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    screenShareStream: {\n      isAvailable: !!localScreenSharingStream,\n      renderElement: localScreenSharingStream?.view?.target\n    },\n    role,\n    raisedHand: raisedHand,\n    reaction,\n    spotlight: localSpotlight,\n    capabilities,\n    mediaAccess: {\n      isAudioPermitted: capabilities?.unmuteMic ? capabilities.unmuteMic.isPresent : true,\n      isVideoPermitted: capabilities?.turnVideoOn ? capabilities.turnVideoOn.isPresent : true\n    }\n  })\n);\n\n/** @private */\nexport const memoizeSpotlightedParticipantIds = memoizeOne((spotlightedParticipants) =>\n  spotlightedParticipants?.map((p: SpotlightedParticipant) => toFlatCommunicationIdentifier(p.identifier))\n);\n\n/** @private */\nexport const memoizeTogetherModeStreams = memoizeOne((togetherModeStreams) => ({\n  mainVideoStream: {\n    id: togetherModeStreams?.mainVideoStream?.id,\n    isReceiving: togetherModeStreams?.mainVideoStream?.isReceiving,\n    isAvailable: togetherModeStreams?.mainVideoStream?.isAvailable,\n    renderElement: togetherModeStreams?.mainVideoStream?.view?.target,\n    streamSize: togetherModeStreams?.mainVideoStream?.streamSize\n  }\n}));\n"]}

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

@@ -55,13 +55,7 @@ togetherModeCallFeature) => {
     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, screenShareRemoteParticipant.raisedHand, screenShareRemoteParticipant.contentSharingStream, undefined, screenShareRemoteParticipant.spotlight, 
-            /* @conditional-compile-remove(media-access) */
-            undefined, 
-            /* @conditional-compile-remove(media-access) */
-            screenShareRemoteParticipant.mediaAccess, 
-            /* @conditional-compile-remove(media-access) */
-            role)
+            ? convertRemoteParticipantToVideoGalleryRemoteParticipant(toFlatCommunicationIdentifier(screenShareRemoteParticipant.identifier), screenShareRemoteParticipant.isMuted, checkIsSpeaking(screenShareRemoteParticipant), screenShareRemoteParticipant.videoStreams, screenShareRemoteParticipant.state, screenShareRemoteParticipant.displayName, screenShareRemoteParticipant.raisedHand, screenShareRemoteParticipant.contentSharingStream, undefined, screenShareRemoteParticipant.spotlight, undefined, screenShareRemoteParticipant.mediaAccess, role)
             : undefined,
         localParticipant: memoizeLocalParticipant(identifier, displayName, isMuted, isScreenSharingOn, localVideoStream, localScreenSharingStream, role, raisedHand, localParticipantReactionState, spotlightCallFeature === null || spotlightCallFeature === void 0 ? void 0 : spotlightCallFeature.localParticipantSpotlight, capabilities),
         remoteParticipants: _videoGalleryRemoteParticipantsMemo(_updateUserDisplayNames(remoteParticipants ? Object.values(remoteParticipants) : noRemoteParticipants), isHideAttendeeNamesEnabled, role),

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

@@ -1 +1 @@
-{"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';\n/* @conditional-compile-remove(together-mode) */\nimport {\n  VideoGalleryTogetherModeStreams,\n  VideoGalleryTogetherModeParticipantPosition\n} from '@internal/react-components';\nimport { createSelector } from 'reselect';\nimport {\n  CallingBaseSelectorProps,\n  getDisplayName,\n  getDominantSpeakers,\n  getIdentifier,\n  getIsMuted,\n  getIsScreenSharingOn,\n  getLocalVideoStreams,\n  getRole,\n  getScreenShareRemoteParticipant\n} from './baseSelectors';\n/* @conditional-compile-remove(together-mode) */\nimport { getTogetherModeCallFeature } from './baseSelectors';\nimport { isHideAttendeeNamesEnabled } from './baseSelectors';\nimport { getOptimalVideoCount } from './baseSelectors';\nimport { _updateUserDisplayNames } from './utils/callUtils';\nimport { checkIsSpeaking } from './utils/SelectorUtils';\nimport {\n  _videoGalleryRemoteParticipantsMemo,\n  _dominantSpeakersWithFlatId,\n  convertRemoteParticipantToVideoGalleryRemoteParticipant,\n  memoizeLocalParticipant,\n  /* @conditional-compile-remove(together-mode) */ memoizeTogetherModeStreams\n} from './utils/videoGalleryUtils';\nimport { memoizeSpotlightedParticipantIds } from './utils/videoGalleryUtils';\nimport { getLocalParticipantRaisedHand } from './baseSelectors';\nimport { getLocalParticipantReactionState } from './baseSelectors';\nimport { memoizedConvertToVideoTileReaction } from './utils/participantListSelectorUtils';\nimport { getRemoteParticipantsExcludingConsumers } from './getRemoteParticipantsExcludingConsumers';\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;\n  localParticipant: VideoGalleryLocalParticipant;\n  remoteParticipants: VideoGalleryRemoteParticipant[];\n  dominantSpeakers?: string[];\n  optimalVideoCount?: number;\n  spotlightedParticipants?: string[];\n  maxParticipantsToSpotlight?: number;\n  /* @conditional-compile-remove(together-mode) */\n  isTogetherModeActive?: boolean;\n  /* @conditional-compile-remove(together-mode) */\n  startTogetherModeEnabled?: boolean;\n  /* @conditional-compile-remove(together-mode) */\n  togetherModeStreams?: VideoGalleryTogetherModeStreams;\n  /* @conditional-compile-remove(together-mode) */\n  togetherModeSeatingCoordinates?: VideoGalleryTogetherModeParticipantPosition;\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    getOptimalVideoCount,\n    getRole,\n    getLocalParticipantRaisedHand,\n    isHideAttendeeNamesEnabled,\n    getLocalParticipantReactionState,\n    getSpotlightCallFeature,\n    getCapabilities,\n    /* @conditional-compile-remove(together-mode) */\n    getTogetherModeCallFeature\n  ],\n  (\n    screenShareRemoteParticipantId,\n    remoteParticipants,\n    localVideoStreams,\n    isMuted,\n    isScreenSharingOn,\n    displayName: string | undefined,\n    identifier: string,\n    dominantSpeakers,\n    optimalVideoCount,\n    role,\n    raisedHand,\n    isHideAttendeeNamesEnabled,\n    localParticipantReaction,\n    spotlightCallFeature,\n    capabilities,\n    /* @conditional-compile-remove(together-mode) */\n    togetherModeCallFeature\n  ) => {\n    const screenShareRemoteParticipant =\n      screenShareRemoteParticipantId && remoteParticipants\n        ? remoteParticipants[screenShareRemoteParticipantId]\n        : undefined;\n    const localVideoStream = localVideoStreams?.find((i) => i.mediaStreamType === 'Video');\n    const localScreenSharingStream = localVideoStreams?.find((i) => i.mediaStreamType === 'ScreenSharing');\n    const dominantSpeakerIds = _dominantSpeakersWithFlatId(dominantSpeakers);\n    const dominantSpeakersMap: Record<string, number> = {};\n    dominantSpeakerIds?.forEach((speaker, idx) => (dominantSpeakersMap[speaker] = idx));\n    const noRemoteParticipants: RemoteParticipantState[] = [];\n    const localParticipantReactionState = memoizedConvertToVideoTileReaction(localParticipantReaction);\n    const spotlightedParticipantIds = memoizeSpotlightedParticipantIds(spotlightCallFeature?.spotlightedParticipants);\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            screenShareRemoteParticipant.raisedHand,\n            screenShareRemoteParticipant.contentSharingStream,\n            undefined,\n            screenShareRemoteParticipant.spotlight,\n            /* @conditional-compile-remove(media-access) */\n            undefined,\n            /* @conditional-compile-remove(media-access) */\n            screenShareRemoteParticipant.mediaAccess,\n            /* @conditional-compile-remove(media-access) */\n            role\n          )\n        : undefined,\n      localParticipant: memoizeLocalParticipant(\n        identifier,\n        displayName,\n        isMuted,\n        isScreenSharingOn,\n        localVideoStream,\n        localScreenSharingStream,\n        role,\n        raisedHand,\n        localParticipantReactionState,\n        spotlightCallFeature?.localParticipantSpotlight,\n        capabilities\n      ),\n      remoteParticipants: _videoGalleryRemoteParticipantsMemo(\n        _updateUserDisplayNames(remoteParticipants ? Object.values(remoteParticipants) : noRemoteParticipants),\n        isHideAttendeeNamesEnabled,\n        role\n      ),\n      dominantSpeakers: dominantSpeakerIds,\n      maxRemoteVideoStreams: optimalVideoCount,\n      spotlightedParticipants: spotlightedParticipantIds,\n      maxParticipantsToSpotlight: spotlightCallFeature?.maxParticipantsToSpotlight,\n      /* @conditional-compile-remove(together-mode) */\n      togetherModeStreams: memoizeTogetherModeStreams(togetherModeCallFeature?.streams),\n      /* @conditional-compile-remove(together-mode) */\n      togetherModeSeatingCoordinates: togetherModeCallFeature?.seatingPositions,\n      /* @conditional-compile-remove(together-mode) */\n      isTogetherModeActive: togetherModeCallFeature?.isActive,\n      /* @conditional-compile-remove(together-mode) */\n      startTogetherModeEnabled: capabilities?.startTogetherMode.isPresent\n    };\n  }\n);\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';\n/* @conditional-compile-remove(together-mode) */\nimport {\n  VideoGalleryTogetherModeStreams,\n  VideoGalleryTogetherModeParticipantPosition\n} from '@internal/react-components';\nimport { createSelector } from 'reselect';\nimport {\n  CallingBaseSelectorProps,\n  getDisplayName,\n  getDominantSpeakers,\n  getIdentifier,\n  getIsMuted,\n  getIsScreenSharingOn,\n  getLocalVideoStreams,\n  getRole,\n  getScreenShareRemoteParticipant\n} from './baseSelectors';\n/* @conditional-compile-remove(together-mode) */\nimport { getTogetherModeCallFeature } from './baseSelectors';\nimport { isHideAttendeeNamesEnabled } from './baseSelectors';\nimport { getOptimalVideoCount } from './baseSelectors';\nimport { _updateUserDisplayNames } from './utils/callUtils';\nimport { checkIsSpeaking } from './utils/SelectorUtils';\nimport {\n  _videoGalleryRemoteParticipantsMemo,\n  _dominantSpeakersWithFlatId,\n  convertRemoteParticipantToVideoGalleryRemoteParticipant,\n  memoizeLocalParticipant,\n  /* @conditional-compile-remove(together-mode) */ memoizeTogetherModeStreams\n} from './utils/videoGalleryUtils';\nimport { memoizeSpotlightedParticipantIds } from './utils/videoGalleryUtils';\nimport { getLocalParticipantRaisedHand } from './baseSelectors';\nimport { getLocalParticipantReactionState } from './baseSelectors';\nimport { memoizedConvertToVideoTileReaction } from './utils/participantListSelectorUtils';\nimport { getRemoteParticipantsExcludingConsumers } from './getRemoteParticipantsExcludingConsumers';\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;\n  localParticipant: VideoGalleryLocalParticipant;\n  remoteParticipants: VideoGalleryRemoteParticipant[];\n  dominantSpeakers?: string[];\n  optimalVideoCount?: number;\n  spotlightedParticipants?: string[];\n  maxParticipantsToSpotlight?: number;\n  /* @conditional-compile-remove(together-mode) */\n  isTogetherModeActive?: boolean;\n  /* @conditional-compile-remove(together-mode) */\n  startTogetherModeEnabled?: boolean;\n  /* @conditional-compile-remove(together-mode) */\n  togetherModeStreams?: VideoGalleryTogetherModeStreams;\n  /* @conditional-compile-remove(together-mode) */\n  togetherModeSeatingCoordinates?: VideoGalleryTogetherModeParticipantPosition;\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    getOptimalVideoCount,\n    getRole,\n    getLocalParticipantRaisedHand,\n    isHideAttendeeNamesEnabled,\n    getLocalParticipantReactionState,\n    getSpotlightCallFeature,\n    getCapabilities,\n    /* @conditional-compile-remove(together-mode) */\n    getTogetherModeCallFeature\n  ],\n  (\n    screenShareRemoteParticipantId,\n    remoteParticipants,\n    localVideoStreams,\n    isMuted,\n    isScreenSharingOn,\n    displayName: string | undefined,\n    identifier: string,\n    dominantSpeakers,\n    optimalVideoCount,\n    role,\n    raisedHand,\n    isHideAttendeeNamesEnabled,\n    localParticipantReaction,\n    spotlightCallFeature,\n    capabilities,\n    /* @conditional-compile-remove(together-mode) */\n    togetherModeCallFeature\n  ) => {\n    const screenShareRemoteParticipant =\n      screenShareRemoteParticipantId && remoteParticipants\n        ? remoteParticipants[screenShareRemoteParticipantId]\n        : undefined;\n    const localVideoStream = localVideoStreams?.find((i) => i.mediaStreamType === 'Video');\n    const localScreenSharingStream = localVideoStreams?.find((i) => i.mediaStreamType === 'ScreenSharing');\n    const dominantSpeakerIds = _dominantSpeakersWithFlatId(dominantSpeakers);\n    const dominantSpeakersMap: Record<string, number> = {};\n    dominantSpeakerIds?.forEach((speaker, idx) => (dominantSpeakersMap[speaker] = idx));\n    const noRemoteParticipants: RemoteParticipantState[] = [];\n    const localParticipantReactionState = memoizedConvertToVideoTileReaction(localParticipantReaction);\n    const spotlightedParticipantIds = memoizeSpotlightedParticipantIds(spotlightCallFeature?.spotlightedParticipants);\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            screenShareRemoteParticipant.raisedHand,\n            screenShareRemoteParticipant.contentSharingStream,\n            undefined,\n            screenShareRemoteParticipant.spotlight,\n            undefined,\n            screenShareRemoteParticipant.mediaAccess,\n            role\n          )\n        : undefined,\n      localParticipant: memoizeLocalParticipant(\n        identifier,\n        displayName,\n        isMuted,\n        isScreenSharingOn,\n        localVideoStream,\n        localScreenSharingStream,\n        role,\n        raisedHand,\n        localParticipantReactionState,\n        spotlightCallFeature?.localParticipantSpotlight,\n        capabilities\n      ),\n      remoteParticipants: _videoGalleryRemoteParticipantsMemo(\n        _updateUserDisplayNames(remoteParticipants ? Object.values(remoteParticipants) : noRemoteParticipants),\n        isHideAttendeeNamesEnabled,\n        role\n      ),\n      dominantSpeakers: dominantSpeakerIds,\n      maxRemoteVideoStreams: optimalVideoCount,\n      spotlightedParticipants: spotlightedParticipantIds,\n      maxParticipantsToSpotlight: spotlightCallFeature?.maxParticipantsToSpotlight,\n      /* @conditional-compile-remove(together-mode) */\n      togetherModeStreams: memoizeTogetherModeStreams(togetherModeCallFeature?.streams),\n      /* @conditional-compile-remove(together-mode) */\n      togetherModeSeatingCoordinates: togetherModeCallFeature?.seatingPositions,\n      /* @conditional-compile-remove(together-mode) */\n      isTogetherModeActive: togetherModeCallFeature?.isActive,\n      /* @conditional-compile-remove(together-mode) */\n      startTogetherModeEnabled: capabilities?.startTogetherMode.isPresent\n    };\n  }\n);\n"]}

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

@@ -1,6 +1,7 @@
 import { AudioDeviceInfo, CallDirection, CallEndReason, CallerInfo, CallState as CallStatus, DeviceAccess, DominantSpeakersInfo, IncomingCallKind, LatestMediaDiagnostics, LatestNetworkDiagnostics, MediaStreamType, ParticipantRole, RemoteParticipantState as RemoteParticipantStatus, ScalingMode, VideoDeviceInfo } from '@azure/communication-calling';
 import { BreakoutRoom, BreakoutRoomsSettings } from '@azure/communication-calling';
 import type { ServerDiagnosticType, MediaDiagnosticType, NetworkDiagnosticType, DiagnosticValueType, DiagnosticQuality, DiagnosticFlag } from '@azure/communication-calling';
+import { ParticipantInfo, RealTimeTextResultType } from '@azure/communication-calling';
 import { TeamsCallInfo } from '@azure/communication-calling';
 import { CallInfo } from '@azure/communication-calling';
 import { CapabilitiesChangeInfo, ParticipantCapabilities } from '@azure/communication-calling';
@@ -51,6 +52,10 @@ export interface CaptionsInfo {
      * Timestamp of when the captioned words were initially spoken.
      */
     timestamp: Date;
+    /**
+     * Timestamp of when the captions were last updated.
+     */
+    lastUpdatedTimestamp?: Date;
     /**
      * The language that the captions are presented in. Corresponds to the captionLanguage specified in startCaptions / setCaptionLanguage.
      */
@@ -60,6 +65,40 @@ export interface CaptionsInfo {
      */
     spokenText?: string;
 }
+/**
+ * @beta
+ */
+export interface RealTimeTextInfo {
+    /**
+     * The sequence id of the real time text.
+     */
+    sequenceId: number;
+    /**
+     * The sender of the real time text.
+     */
+    sender: ParticipantInfo;
+    /**
+     * The real time text message.
+     */
+    message: string;
+    /**
+     * The result type of the real time text message.
+     */
+    resultType: RealTimeTextResultType;
+    /**
+     * The timestamp when the real time text message was created.
+     */
+    receivedTimestamp?: Date;
+    /**
+     * The timestamp when the real time text message was last updated.
+     */
+    updatedTimestamp?: Date;
+    /**
+     * If message originated from the local participant
+     * default is false
+     */
+    isMe?: boolean;
+}
 /**
  * @public
  */
@@ -97,6 +136,23 @@ export interface CaptionsCallFeatureState {
      */
     captionsKind: CaptionsKind;
 }
+/**
+ * @beta
+ */
+export interface RealTimeTextCallFeatureState {
+    /**
+     * array of received captions
+     */
+    realTimeTexts: {
+        completedMessages?: RealTimeTextInfo[];
+        currentInProgress?: RealTimeTextInfo[];
+        myInProgress?: RealTimeTextInfo;
+    };
+    /**
+     * whether real time text is on/off
+     */
+    isRealTimeTextFeatureActive?: boolean;
+}
 /**
  * State only version of {@link @azure/communication-calling#TranscriptionCallFeature}. {@link StatefulCallClient} will
  * automatically listen for transcription state of the call and update the state exposed by {@link StatefulCallClient}
@@ -574,9 +630,13 @@ export interface CallState {
      */
     transcription: TranscriptionCallFeatureState;
     /**
-     * Proxy of {@link @azure/communication-calling#TranscriptionCallFeature}.
+     * Proxy of {@link @azure/communication-calling#CaptionsCallFeature}.
      */
     captionsFeature: CaptionsCallFeatureState;
+    /**
+     * Proxy of {@link @azure/communication-calling#RealTimeTextCallFeature}.
+     */
+    realTimeTextFeature: RealTimeTextCallFeatureState;
     /**
      * Proxy of {@link @azure/communication-calling#OptimalVideoCountCallFeature}.
      */