@azure/communication-react 1.15.0-beta.2 → 1.16.0-alpha-202404160012

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

@@ -1 +1 @@
-{"version":3,"file":"CallProvider.js","sourceRoot":"","sources":["../../../../../preprocess-dist/calling-component-bindings/src/providers/CallProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAIzD,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,6CAA0C;AAmB7E;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAA8B,SAAS,CAAC,CAAC;AAEjF;;GAEG;AACH,MAAM,gBAAgB,GAAG,CAAC,KAAwB,EAAe,EAAE;IACjE,MAAM,EACJ,QAAQ,EACR,IAAI,EACL,GAAG,KAAK,CAAC;IACV,MAAM,YAAY,GAAoB;QACpC,IAAI;KACL,CAAC;IACF,OAAO,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,IAAG,QAAQ,CAAwB,CAAC;AACtF,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAe,EAAE,CAAC,oBAAC,gBAAgB,oBAAK,KAAK,EAAI,CAAC;AAEvG;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,GAAqB,EAAE;;IAC5C,MAAM,IAAI,GAAG,MAAA,UAAU,CAAC,WAAW,CAAC,0CAAE,IAAI,CAAC;IAC3C,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;QAC9B,MAAM,IAAI,KAAK,CAAC,0DAA0D,CAAC,CAAC;IAC9E,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,yDAAyD;AACzD;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAmF,EAAE;;IAC/G,MAAM,IAAI,GAAG,MAAA,UAAU,CAAC,WAAW,CAAC,0CAAE,IAAI,CAAC;IAC3C,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;QAChC,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;IAC3E,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { useContext, createContext } from 'react';\nimport { Call } from '@azure/communication-calling';\n/* @conditional-compile-remove(teams-identity-support) */\nimport { TeamsCall } from '@azure/communication-calling';\nimport { _isACSCall, _isTeamsCall } from '@internal/calling-stateful-client';\n\n/**\n * @private\n */\nexport type CallContextType = {\n  call: Call | /* @conditional-compile-remove(teams-identity-support) */TeamsCall | undefined;\n};\n\n/**\n * Arguments to initialize a {@link CallProvider}.\n *\n * @public\n */\nexport interface CallProviderProps {\n  children: React.ReactNode;\n  call?: Call | /* @conditional-compile-remove(teams-identity-support) */TeamsCall;\n}\n\n/**\n * @private\n */\nexport const CallContext = createContext<CallContextType | undefined>(undefined);\n\n/**\n * @private\n */\nconst CallProviderBase = (props: CallProviderProps): JSX.Element => {\n  const {\n    children,\n    call\n  } = props;\n  const initialState: CallContextType = {\n    call\n  };\n  return <CallContext.Provider value={initialState}>{children}</CallContext.Provider>;\n};\n\n/**\n * A {@link React.Context} that stores a {@link @azure/communication-calling#Call}.\n *\n * Calling components from this package must be wrapped with a {@link CallProvider}.\n *\n * @public\n */\nexport const CallProvider = (props: CallProviderProps): JSX.Element => <CallProviderBase {...props} />;\n\n/**\n * Hook to obtain {@link @azure/communication-calling#Call} from the provider.\n *\n * Useful when implementing a custom component that utilizes the providers\n * exported from this library.\n *\n * you must have previously used the CallProvider with a Call object to use this hook\n *\n * @public\n */\nexport const useCall = (): Call | undefined => {\n  const call = useContext(CallContext)?.call;\n  if (call && !_isACSCall(call)) {\n    throw new Error('Incorrect call type: Must provide a Regular Call object.');\n  }\n  return call;\n};\n\n/* @conditional-compile-remove(teams-identity-support) */\n/**\n * Hook to obtain {@link @azure/communication-calling#TeamsCall} from the provider.\n *\n * Useful when implementing a custom component that utilizes the providers\n * exported from this library.\n *\n * you must have previously used the CallProvider with a TeamsCall object to use this hook\n *\n * @beta\n */\nexport const useTeamsCall = (): undefined | /* @conditional-compile-remove(teams-identity-support) */TeamsCall => {\n  const call = useContext(CallContext)?.call;\n  if (call && !_isTeamsCall(call)) {\n    throw new Error('Incorrect call type: Must provide a TeamsCall object.');\n  }\n  return call;\n};"]}
+{"version":3,"file":"CallProvider.js","sourceRoot":"","sources":["../../../../../../calling-component-bindings/src/providers/CallProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAIzD,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,6CAA0C;AAmB7E;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAA8B,SAAS,CAAC,CAAC;AAEjF;;GAEG;AACH,MAAM,gBAAgB,GAAG,CAAC,KAAwB,EAAe,EAAE;IACjE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEjC,MAAM,YAAY,GAAoB;QACpC,IAAI;KACL,CAAC;IAEF,OAAO,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,IAAG,QAAQ,CAAwB,CAAC;AACtF,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAe,EAAE,CAAC,oBAAC,gBAAgB,oBAAK,KAAK,EAAI,CAAC;AAEvG;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,GAAqB,EAAE;;IAC5C,MAAM,IAAI,GAAG,MAAA,UAAU,CAAC,WAAW,CAAC,0CAAE,IAAI,CAAC;IAC3C,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;QAC9B,MAAM,IAAI,KAAK,CAAC,0DAA0D,CAAC,CAAC;IAC9E,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,yDAAyD;AACzD;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAoF,EAAE;;IAChH,MAAM,IAAI,GAAG,MAAA,UAAU,CAAC,WAAW,CAAC,0CAAE,IAAI,CAAC;IAC3C,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;QAChC,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;IAC3E,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { useContext, createContext } from 'react';\nimport { Call } from '@azure/communication-calling';\n/* @conditional-compile-remove(teams-identity-support) */\nimport { TeamsCall } from '@azure/communication-calling';\nimport { _isACSCall, _isTeamsCall } from '@internal/calling-stateful-client';\n\n/**\n * @private\n */\nexport type CallContextType = {\n  call: Call | /* @conditional-compile-remove(teams-identity-support) */ TeamsCall | undefined;\n};\n\n/**\n * Arguments to initialize a {@link CallProvider}.\n *\n * @public\n */\nexport interface CallProviderProps {\n  children: React.ReactNode;\n  call?: Call | /* @conditional-compile-remove(teams-identity-support) */ TeamsCall;\n}\n\n/**\n * @private\n */\nexport const CallContext = createContext<CallContextType | undefined>(undefined);\n\n/**\n * @private\n */\nconst CallProviderBase = (props: CallProviderProps): JSX.Element => {\n  const { children, call } = props;\n\n  const initialState: CallContextType = {\n    call\n  };\n\n  return <CallContext.Provider value={initialState}>{children}</CallContext.Provider>;\n};\n\n/**\n * A {@link React.Context} that stores a {@link @azure/communication-calling#Call}.\n *\n * Calling components from this package must be wrapped with a {@link CallProvider}.\n *\n * @public\n */\nexport const CallProvider = (props: CallProviderProps): JSX.Element => <CallProviderBase {...props} />;\n\n/**\n * Hook to obtain {@link @azure/communication-calling#Call} from the provider.\n *\n * Useful when implementing a custom component that utilizes the providers\n * exported from this library.\n *\n * you must have previously used the CallProvider with a Call object to use this hook\n *\n * @public\n */\nexport const useCall = (): Call | undefined => {\n  const call = useContext(CallContext)?.call;\n  if (call && !_isACSCall(call)) {\n    throw new Error('Incorrect call type: Must provide a Regular Call object.');\n  }\n  return call;\n};\n\n/* @conditional-compile-remove(teams-identity-support) */\n/**\n * Hook to obtain {@link @azure/communication-calling#TeamsCall} from the provider.\n *\n * Useful when implementing a custom component that utilizes the providers\n * exported from this library.\n *\n * you must have previously used the CallProvider with a TeamsCall object to use this hook\n *\n * @beta\n */\nexport const useTeamsCall = (): undefined | /* @conditional-compile-remove(teams-identity-support) */ TeamsCall => {\n  const call = useContext(CallContext)?.call;\n  if (call && !_isTeamsCall(call)) {\n    throw new Error('Incorrect call type: Must provide a TeamsCall object.');\n  }\n  return call;\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../preprocess-dist/calling-component-bindings/src/providers/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport * from './CallAgentProvider';\nexport * from './CallClientProvider';\nexport * from './CallProvider';"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../calling-component-bindings/src/providers/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport * from './CallAgentProvider';\nexport * from './CallClientProvider';\nexport * from './CallProvider';\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"SelectorUtils.js","sourceRoot":"","sources":["../../../../../preprocess-dist/calling-component-bindings/src/utils/SelectorUtils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,WAAmC,EAAW,EAAE,CAAC,WAAW,CAAC,UAAU,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { RemoteParticipantState } from '@internal/calling-stateful-client';\n\n/**\n * @private\n */\nexport const checkIsSpeaking = (participant: RemoteParticipantState): boolean => participant.isSpeaking && !participant.isMuted;"]}
+{"version":3,"file":"SelectorUtils.js","sourceRoot":"","sources":["../../../../../../calling-component-bindings/src/utils/SelectorUtils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,WAAmC,EAAW,EAAE,CAC9E,WAAW,CAAC,UAAU,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { RemoteParticipantState } from '@internal/calling-stateful-client';\n\n/**\n * @private\n */\nexport const checkIsSpeaking = (participant: RemoteParticipantState): boolean =>\n  participant.isSpeaking && !participant.isMuted;\n"]}

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

@@ -18,7 +18,8 @@ import { memoizeFnAll, toFlatCommunicationIdentifier } from "../../../acs-ui-com
  *
  * @internal
  */
-export const _isInCall = (callStatus) => !!callStatus && !['None', 'Disconnected', 'Connecting', 'Ringing', 'EarlyMedia', 'Disconnecting'].includes(callStatus);
+export const _isInCall = (callStatus) => !!callStatus &&
+    !['None', 'Disconnected', 'Connecting', 'Ringing', 'EarlyMedia', 'Disconnecting'].includes(callStatus);
 /**
  * Check if the call state represents being in the lobby or waiting to be admitted.
  *
@@ -55,8 +56,8 @@ export const disposeAllLocalPreviewViews = (callClient) => __awaiter(void 0, voi
  */
 export const _updateUserDisplayNames = (participants) => {
     if (participants) {
-        return memoizedUpdateDisplayName(memoizedFn => {
-            return Object.values(participants).map(p => {
+        return memoizedUpdateDisplayName((memoizedFn) => {
+            return Object.values(participants).map((p) => {
                 const pid = toFlatCommunicationIdentifier(p.identifier);
                 return memoizedFn(pid, p);
             });
@@ -89,21 +90,23 @@ export const _getEnvironmentInfo = (callClient) => __awaiter(void 0, void 0, voi
  * A type guard to ensure all participants are acceptable type for Teams call
  */
 export const isTeamsCallParticipants = (participants) => {
-    return participants.every(p => !isCommunicationUserIdentifier(p));
+    return participants.every((p) => !isCommunicationUserIdentifier(p));
 };
 /**
  * @private
  * A type guard to ensure all participants are acceptable type for ACS call
  */
 export const isACSCallParticipants = (participants) => {
-    return participants.every(p => !isMicrosoftTeamsUserIdentifier(p));
+    return participants.every((p) => !isMicrosoftTeamsUserIdentifier(p));
 };
 /**
  * @private
  * Checks whether the user is a 'Ringing' PSTN user.
  */
 export const _isRingingPSTNParticipant = (participant) => {
-    return isPhoneNumberIdentifier(participant.identifier) && participant.state === 'Connecting' ? 'Ringing' : participant.state;
+    return isPhoneNumberIdentifier(participant.identifier) && participant.state === 'Connecting'
+        ? 'Ringing'
+        : participant.state;
 };
 /**
  * @private
@@ -115,7 +118,8 @@ export const maskDisplayNameWithRole = (displayName, localUserRole, participantR
         if (localUserRole && localUserRole === 'Attendee') {
             maskedDisplayName = '{AttendeeRole}';
         }
-        if (localUserRole && (localUserRole === 'Presenter' || localUserRole === 'Co-organizer' || localUserRole === 'Organizer')) {
+        if (localUserRole &&
+            (localUserRole === 'Presenter' || localUserRole === 'Co-organizer' || localUserRole === 'Organizer')) {
             maskedDisplayName = `{AttendeeRole}(${displayName})`;
         }
     }

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

@@ -1 +1 @@
-{"version":3,"file":"callUtils.js","sourceRoot":"","sources":["../../../../../preprocess-dist/calling-component-bindings/src/utils/callUtils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { DeviceManagerState, RemoteParticipantState, StatefulCallClient } from '@internal/calling-stateful-client';\nimport { CallState as CallStatus, ParticipantRole } from '@azure/communication-calling';\n/* @conditional-compile-remove(unsupported-browser) */\nimport { Features, EnvironmentInfo } from '@azure/communication-calling';\nimport { CommunicationIdentifier, CommunicationUserIdentifier, isCommunicationUserIdentifier, isMicrosoftTeamsUserIdentifier, isPhoneNumberIdentifier, MicrosoftTeamsUserIdentifier, PhoneNumberIdentifier, UnknownIdentifier } from '@azure/communication-common';\nimport { memoizeFnAll, toFlatCommunicationIdentifier } from '@internal/acs-ui-common';\ntype ParticipantConnectionState = 'Idle' | 'Connecting' | 'Ringing' | 'Connected' | 'Hold' | 'InLobby' | 'EarlyMedia' | 'Disconnected';\n\n/**\n * Check if the call state represents being in the call\n *\n * @internal\n */\nexport const _isInCall = (callStatus?: CallStatus): boolean => !!callStatus && !['None', 'Disconnected', 'Connecting', 'Ringing', 'EarlyMedia', 'Disconnecting'].includes(callStatus);\n\n/**\n * Check if the call state represents being in the lobby or waiting to be admitted.\n *\n * @internal\n */\nexport const _isInLobbyOrConnecting = (callStatus: CallStatus | undefined): boolean => !!callStatus && ['Connecting', 'Ringing', 'InLobby', 'EarlyMedia'].includes(callStatus);\n\n/**\n * Check if the device manager local video is on when not part of a call\n * i.e. do unparented views exist.\n *\n * @internal\n */\nexport const _isPreviewOn = (deviceManager: DeviceManagerState): boolean => {\n  // TODO: we should take in a LocalVideoStream that developer wants to use as their 'Preview' view. We should also\n  // handle cases where 'Preview' view is in progress and not necessary completed.\n  return deviceManager.unparentedViews.length > 0 && deviceManager.unparentedViews[0].view !== undefined;\n};\n\n/**\n * Dispose of all preview views\n * We assume all unparented views are local preview views.\n *\n * @private\n */\nexport const disposeAllLocalPreviewViews = async (callClient: StatefulCallClient): Promise<void> => {\n  const unparentedViews = callClient.getState().deviceManager.unparentedViews;\n  for (const view of unparentedViews) {\n    await callClient.disposeView(undefined, undefined, view);\n  }\n};\n\n/**\n * Update the users displayNames based on the type of user they are\n *\n * @internal\n */\nexport const _updateUserDisplayNames = (participants: RemoteParticipantState[]): RemoteParticipantState[] => {\n  if (participants) {\n    return memoizedUpdateDisplayName(memoizedFn => {\n      return Object.values(participants).map(p => {\n        const pid = toFlatCommunicationIdentifier(p.identifier);\n        return memoizedFn(pid, p);\n      });\n    });\n  } else {\n    return [];\n  }\n};\nconst memoizedUpdateDisplayName = memoizeFnAll((participantId: string, participant: RemoteParticipantState) => {\n  if (isPhoneNumberIdentifier(participant.identifier)) {\n    return {\n      ...participant,\n      displayName: participant.identifier.phoneNumber\n    };\n  } else {\n    return participant;\n  }\n});\n\n/* @conditional-compile-remove(unsupported-browser) */\n/**\n * Check whether the call is in a supported browser\n *\n * @internal\n */\nexport const _getEnvironmentInfo = async (callClient: StatefulCallClient): Promise<EnvironmentInfo> => {\n  const environmentInfo = await callClient.feature(Features.DebugInfo).getEnvironmentInfo();\n  return environmentInfo;\n};\n\n/**\n * @private\n * A type guard to ensure all participants are acceptable type for Teams call\n */\nexport const isTeamsCallParticipants = (participants: CommunicationIdentifier[]): participants is (PhoneNumberIdentifier | MicrosoftTeamsUserIdentifier | UnknownIdentifier)[] => {\n  return participants.every(p => !isCommunicationUserIdentifier(p));\n};\n\n/**\n * @private\n * A type guard to ensure all participants are acceptable type for ACS call\n */\nexport const isACSCallParticipants = (participants: CommunicationIdentifier[]): participants is (PhoneNumberIdentifier | CommunicationUserIdentifier | UnknownIdentifier)[] => {\n  return participants.every(p => !isMicrosoftTeamsUserIdentifier(p));\n};\n\n/**\n * @private\n * Checks whether the user is a 'Ringing' PSTN user.\n */\nexport const _isRingingPSTNParticipant = (participant: RemoteParticipantState): ParticipantConnectionState => {\n  return isPhoneNumberIdentifier(participant.identifier) && participant.state === 'Connecting' ? 'Ringing' : participant.state;\n};\n\n/**\n * @private\n * Changes the display name of the participant based on the local and remote user's role.\n */\nexport const maskDisplayNameWithRole = (displayName: string | undefined, localUserRole?: ParticipantRole, participantRole?: ParticipantRole, isHideAttendeeNamesEnabled?: boolean): string | undefined => {\n  let maskedDisplayName = displayName;\n  if (isHideAttendeeNamesEnabled && participantRole && participantRole === 'Attendee') {\n    if (localUserRole && localUserRole === 'Attendee') {\n      maskedDisplayName = '{AttendeeRole}';\n    }\n    if (localUserRole && (localUserRole === 'Presenter' || localUserRole === 'Co-organizer' || localUserRole === 'Organizer')) {\n      maskedDisplayName = `{AttendeeRole}(${displayName})`;\n    }\n  }\n  return maskedDisplayName;\n};"]}
+{"version":3,"file":"callUtils.js","sourceRoot":"","sources":["../../../../../../calling-component-bindings/src/utils/callUtils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { DeviceManagerState, RemoteParticipantState, StatefulCallClient } from '@internal/calling-stateful-client';\nimport { CallState as CallStatus, ParticipantRole } from '@azure/communication-calling';\n/* @conditional-compile-remove(unsupported-browser) */\nimport { Features, EnvironmentInfo } from '@azure/communication-calling';\nimport {\n  CommunicationIdentifier,\n  CommunicationUserIdentifier,\n  isCommunicationUserIdentifier,\n  isMicrosoftTeamsUserIdentifier,\n  isPhoneNumberIdentifier,\n  MicrosoftTeamsUserIdentifier,\n  PhoneNumberIdentifier,\n  UnknownIdentifier\n} from '@azure/communication-common';\nimport { memoizeFnAll, toFlatCommunicationIdentifier } from '@internal/acs-ui-common';\n\ntype ParticipantConnectionState =\n  | 'Idle'\n  | 'Connecting'\n  | 'Ringing'\n  | 'Connected'\n  | 'Hold'\n  | 'InLobby'\n  | 'EarlyMedia'\n  | 'Disconnected';\n\n/**\n * Check if the call state represents being in the call\n *\n * @internal\n */\nexport const _isInCall = (callStatus?: CallStatus): boolean =>\n  !!callStatus &&\n  !['None', 'Disconnected', 'Connecting', 'Ringing', 'EarlyMedia', 'Disconnecting'].includes(callStatus);\n\n/**\n * Check if the call state represents being in the lobby or waiting to be admitted.\n *\n * @internal\n */\nexport const _isInLobbyOrConnecting = (callStatus: CallStatus | undefined): boolean =>\n  !!callStatus && ['Connecting', 'Ringing', 'InLobby', 'EarlyMedia'].includes(callStatus);\n\n/**\n * Check if the device manager local video is on when not part of a call\n * i.e. do unparented views exist.\n *\n * @internal\n */\nexport const _isPreviewOn = (deviceManager: DeviceManagerState): boolean => {\n  // TODO: we should take in a LocalVideoStream that developer wants to use as their 'Preview' view. We should also\n  // handle cases where 'Preview' view is in progress and not necessary completed.\n  return deviceManager.unparentedViews.length > 0 && deviceManager.unparentedViews[0].view !== undefined;\n};\n\n/**\n * Dispose of all preview views\n * We assume all unparented views are local preview views.\n *\n * @private\n */\nexport const disposeAllLocalPreviewViews = async (callClient: StatefulCallClient): Promise<void> => {\n  const unparentedViews = callClient.getState().deviceManager.unparentedViews;\n  for (const view of unparentedViews) {\n    await callClient.disposeView(undefined, undefined, view);\n  }\n};\n\n/**\n * Update the users displayNames based on the type of user they are\n *\n * @internal\n */\nexport const _updateUserDisplayNames = (participants: RemoteParticipantState[]): RemoteParticipantState[] => {\n  if (participants) {\n    return memoizedUpdateDisplayName((memoizedFn) => {\n      return Object.values(participants).map((p) => {\n        const pid = toFlatCommunicationIdentifier(p.identifier);\n        return memoizedFn(pid, p);\n      });\n    });\n  } else {\n    return [];\n  }\n};\n\nconst memoizedUpdateDisplayName = memoizeFnAll((participantId: string, participant: RemoteParticipantState) => {\n  if (isPhoneNumberIdentifier(participant.identifier)) {\n    return {\n      ...participant,\n      displayName: participant.identifier.phoneNumber\n    };\n  } else {\n    return participant;\n  }\n});\n\n/* @conditional-compile-remove(unsupported-browser) */\n/**\n * Check whether the call is in a supported browser\n *\n * @internal\n */\nexport const _getEnvironmentInfo = async (callClient: StatefulCallClient): Promise<EnvironmentInfo> => {\n  const environmentInfo = await callClient.feature(Features.DebugInfo).getEnvironmentInfo();\n  return environmentInfo;\n};\n\n/**\n * @private\n * A type guard to ensure all participants are acceptable type for Teams call\n */\nexport const isTeamsCallParticipants = (\n  participants: CommunicationIdentifier[]\n): participants is (PhoneNumberIdentifier | MicrosoftTeamsUserIdentifier | UnknownIdentifier)[] => {\n  return participants.every((p) => !isCommunicationUserIdentifier(p));\n};\n\n/**\n * @private\n * A type guard to ensure all participants are acceptable type for ACS call\n */\nexport const isACSCallParticipants = (\n  participants: CommunicationIdentifier[]\n): participants is (PhoneNumberIdentifier | CommunicationUserIdentifier | UnknownIdentifier)[] => {\n  return participants.every((p) => !isMicrosoftTeamsUserIdentifier(p));\n};\n\n/**\n * @private\n * Checks whether the user is a 'Ringing' PSTN user.\n */\nexport const _isRingingPSTNParticipant = (participant: RemoteParticipantState): ParticipantConnectionState => {\n  return isPhoneNumberIdentifier(participant.identifier) && participant.state === 'Connecting'\n    ? 'Ringing'\n    : participant.state;\n};\n\n/**\n * @private\n * Changes the display name of the participant based on the local and remote user's role.\n */\nexport const maskDisplayNameWithRole = (\n  displayName: string | undefined,\n  localUserRole?: ParticipantRole,\n  participantRole?: ParticipantRole,\n  isHideAttendeeNamesEnabled?: boolean\n): string | undefined => {\n  let maskedDisplayName = displayName;\n  if (isHideAttendeeNamesEnabled && participantRole && participantRole === 'Attendee') {\n    if (localUserRole && localUserRole === 'Attendee') {\n      maskedDisplayName = '{AttendeeRole}';\n    }\n    if (\n      localUserRole &&\n      (localUserRole === 'Presenter' || localUserRole === 'Co-organizer' || localUserRole === 'Organizer')\n    ) {\n      maskedDisplayName = `{AttendeeRole}(${displayName})`;\n    }\n  }\n  return maskedDisplayName;\n};\n"]}

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

@@ -1,8 +1,20 @@
 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
  */
-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], 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], 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,7 +2,11 @@
 // Licensed under the MIT License.
 import { getIdentifierKind } from '@azure/communication-common';
 import { fromFlatCommunicationIdentifier, memoizeFnAll } from "../../../acs-ui-common/src";
-const convertRemoteParticipantToParticipantListParticipant = (userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers) => {
+/* @conditional-compile-remove(spotlight) */
+import { toFlatCommunicationIdentifier } from "../../../acs-ui-common/src";
+/* @conditional-compile-remove(reaction) */ /* @conditional-compile-remove(spotlight) */
+import memoizeOne from 'memoize-one';
+const convertRemoteParticipantToParticipantListParticipant = (userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers, reaction, spotlight) => {
     const identifier = fromFlatCommunicationIdentifier(userId);
     return {
         userId,
@@ -11,18 +15,40 @@ const convertRemoteParticipantToParticipantListParticipant = (userId, displayNam
         isMuted,
         isScreenSharing,
         isSpeaking,
+        raisedHand,
         // 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(reaction) */ reaction,
+        /* @conditional-compile-remove(spotlight) */ spotlight
     };
 };
 /**
  * @private
  */
-export const memoizedConvertAllremoteParticipants = memoizeFnAll((userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers) => {
-    return convertRemoteParticipantToParticipantListParticipantBetaRelease(userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers);
+export const memoizedConvertAllremoteParticipants = memoizeFnAll((userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers, reaction, spotlight) => {
+    return convertRemoteParticipantToParticipantListParticipant(userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers, reaction, spotlight);
+});
+/* @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;
 });
-const convertRemoteParticipantToParticipantListParticipantBetaRelease = (userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers) => {
-    return Object.assign({}, convertRemoteParticipantToParticipantListParticipant(userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers));
-};
 //# 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;AAGxF,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;;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,+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,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';\nimport { RaisedHandState } from '@internal/calling-stateful-client';\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/**\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 convertRemoteParticipantToParticipantListParticipantBetaRelease(userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers);\n});\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":"AAAA,uCAAuC;AACvC,kCAAkC;AAKlC,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,+BAA+B,EAAE,YAAY,EAAE,mCAAgC;AACxF,4CAA4C;AAC5C,OAAO,EAAE,6BAA6B,EAAE,mCAAgC;AASxE,2CAA2C,CAAC,4CAA4C;AACxF,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,QAA0E,EAC1E,SAA6E,EAC7C,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,2CAA2C,CAAC,QAAQ;QACpD,4CAA4C,CAAC,SAAS;KACvD,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,QAA0E,EAC1E,SAA6E,EAC7C,EAAE;IAClC,OAAO,oDAAoD,CACzD,MAAM,EACN,WAAW,EACX,KAAK,EACL,OAAO,EACP,eAAe,EACf,UAAU,EACV,UAAU,EACV,wBAAwB,EACxB,QAAQ,EACR,SAAS,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,2CAA2C;AAC3C;;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,4CAA4C;AAC5C;;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';\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';\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) */ /* @conditional-compile-remove(spotlight) */\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 | /* @conditional-compile-remove(reaction) */ Reaction,\n  spotlight: undefined | /* @conditional-compile-remove(spotlight) */ Spotlight\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    /* @conditional-compile-remove(reaction) */ reaction,\n    /* @conditional-compile-remove(spotlight) */ spotlight\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 | /* @conditional-compile-remove(reaction) */ Reaction,\n    spotlight: undefined | /* @conditional-compile-remove(spotlight) */ Spotlight\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    );\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"]}

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

@@ -1,18 +1,20 @@
 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";
+import { RaisedHandState } from "../../../calling-stateful-client/src";
 /** @internal */
 export declare const _dominantSpeakersWithFlatId: (dominantSpeakers?: DominantSpeakersInfo) => undefined | string[];
 /** @internal */
-export type _VideoGalleryRemoteParticipantsMemoFn = (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, contentSharingStream?: HTMLElement, reaction?: unknown, spotlight?: unknown) => VideoGalleryRemoteParticipant;
+}, state: RemoteParticipantConnectionState, displayName?: string, raisedHand?: RaisedHandState, contentSharingStream?: HTMLElement, 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;
@@ -24,5 +26,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,37 +3,58 @@
 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) => {
+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, participant.raisedHand);
-        });
+            /* @conditional-compile-remove(hide-attendee-name) */
+            displayName = maskDisplayNameWithRole(displayName, localUserRole, participant.role, isHideAttendeeNamesEnabled);
+            let contentSharingStream = undefined;
+            /* @conditional-compile-remove(ppt-live) */
+            contentSharingStream = participant.contentSharingStream;
+            let remoteParticipantReaction = undefined;
+            /* @conditional-compile-remove(reaction) */ remoteParticipantReaction = memoizedConvertToVideoTileReaction(participant.reactionState);
+            let spotlight = undefined;
+            /* @conditional-compile-remove(spotlight) */ spotlight = participant.spotlight;
+            return memoizedFn(toFlatCommunicationIdentifier(participant.identifier), participant.isMuted, checkIsSpeaking(participant), participant.videoStreams, state, displayName, participant.raisedHand, contentSharingStream, remoteParticipantReaction, spotlight);
+        }));
     });
 };
-const memoizedAllConvertRemoteParticipant = memoizeFnAll((userId, isMuted, isSpeaking, videoStreams, state, displayName, raisedHand, contentSharingStream, reaction, spotlight) => {
-    return convertRemoteParticipantToVideoGalleryRemoteParticipant(userId, isMuted, isSpeaking, videoStreams, state, displayName, raisedHand);
+const memoizedAllConvertRemoteParticipant = memoizeFnAll((userId, isMuted, isSpeaking, videoStreams, state, displayName, raisedHand, contentSharingStream, reaction, // temp unknown type to build stable
+spotlight // temp unknown type to build stable
+) => {
+    return convertRemoteParticipantToVideoGalleryRemoteParticipant(userId, isMuted, isSpeaking, videoStreams, state, displayName, raisedHand, contentSharingStream, reaction, spotlight);
 });
 /** @private */
-export const convertRemoteParticipantToVideoGalleryRemoteParticipant = (userId, isMuted, isSpeaking, videoStreams, state, displayName, raisedHand, contentSharingStream, reaction, spotlight) => {
+export const convertRemoteParticipantToVideoGalleryRemoteParticipant = (userId, isMuted, isSpeaking, videoStreams, state, displayName, raisedHand, contentSharingStream, reaction, // temp unknown type to build stable
+spotlight // temp unknown type to build stable
+) => {
     const rawVideoStreamsArray = Object.values(videoStreams);
     let videoStream = undefined;
     let screenShareStream = undefined;
@@ -44,14 +65,20 @@ export const convertRemoteParticipantToVideoGalleryRemoteParticipant = (userId,
      * until streams accurately reflect their availability is to always prioritize the latest streams of a certain type
      * e.g findLast instead of find
      */
-    const sdkRemoteVideoStream = Object.values(rawVideoStreamsArray).findLast(i => i.mediaStreamType === 'Video' && i.isAvailable) || Object.values(rawVideoStreamsArray).findLast(i => i.mediaStreamType === 'Video');
-    const sdkScreenShareStream = Object.values(rawVideoStreamsArray).findLast(i => i.mediaStreamType === 'ScreenSharing' && i.isAvailable) || Object.values(rawVideoStreamsArray).findLast(i => i.mediaStreamType === 'ScreenSharing');
+    const sdkRemoteVideoStream = Object.values(rawVideoStreamsArray).findLast((i) => i.mediaStreamType === 'Video' && i.isAvailable) ||
+        Object.values(rawVideoStreamsArray).findLast((i) => i.mediaStreamType === 'Video');
+    const sdkScreenShareStream = Object.values(rawVideoStreamsArray).findLast((i) => i.mediaStreamType === 'ScreenSharing' && i.isAvailable) ||
+        Object.values(rawVideoStreamsArray).findLast((i) => i.mediaStreamType === 'ScreenSharing');
     if (sdkRemoteVideoStream) {
         videoStream = convertRemoteVideoStreamToVideoGalleryStream(sdkRemoteVideoStream);
     }
     if (sdkScreenShareStream) {
         screenShareStream = convertRemoteVideoStreamToVideoGalleryStream(sdkScreenShareStream);
     }
+    /* @conditional-compile-remove(ppt-live) */
+    if (contentSharingStream) {
+        screenShareStream = convertRemoteContentSharingStreamToVideoGalleryStream(contentSharingStream);
+    }
     return {
         userId,
         displayName,
@@ -63,7 +90,11 @@ export const convertRemoteParticipantToVideoGalleryRemoteParticipant = (userId,
         /* @conditional-compile-remove(one-to-n-calling) */
         /* @conditional-compile-remove(PSTN-calls) */
         state,
-        raisedHand: raisedHand
+        raisedHand,
+        /* @conditional-compile-remove(reaction) */
+        reaction: reaction,
+        /* @conditional-compile-remove(spotlight) */
+        spotlight: spotlight
     };
 };
 const convertRemoteVideoStreamToVideoGalleryStream = (stream) => {
@@ -79,8 +110,20 @@ const convertRemoteVideoStreamToVideoGalleryStream = (stream) => {
         streamSize: stream.streamSize
     };
 };
+/* @conditional-compile-remove(ppt-live) */
+const convertRemoteContentSharingStreamToVideoGalleryStream = (stream) => {
+    return {
+        isAvailable: !!stream,
+        isReceiving: true,
+        isMirrored: false,
+        renderElement: stream
+    };
+};
 /** @private */
-export const memoizeLocalParticipant = memoizeOne((identifier, displayName, isMuted, isScreenSharingOn, localVideoStream, role, raisedHand) => {
+export const memoizeLocalParticipant = memoizeOne((identifier, displayName, isMuted, isScreenSharingOn, localVideoStream, role, raisedHand, 
+/* @conditional-compile-remove(reaction) */ reaction, 
+/* @conditional-compile-remove(spotlight) */ localSpotlight, 
+/* @conditional-compile-remove(spotlight) */ capabilities) => {
     var _a, _b;
     return ({
         userId: identifier,
@@ -93,7 +136,16 @@ export const memoizeLocalParticipant = memoizeOne((identifier, displayName, isMu
             renderElement: (_b = localVideoStream === null || localVideoStream === void 0 ? void 0 : localVideoStream.view) === null || _b === void 0 ? void 0 : _b.target
         },
         role,
-        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';\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 type _VideoGalleryRemoteParticipantsMemoFn = (remoteParticipants: RemoteParticipantState[] | undefined) => VideoGalleryRemoteParticipant[];\n\n/** @internal */\nexport const _videoGalleryRemoteParticipantsMemo: _VideoGalleryRemoteParticipantsMemoFn = (remoteParticipants: RemoteParticipantState[] | undefined, isHideAttendeeNamesEnabled?: boolean): 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, 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, contentSharingStream?: HTMLElement, reaction?: unknown, spotlight?: unknown): VideoGalleryRemoteParticipant => {\n  return convertRemoteParticipantToVideoGalleryRemoteParticipant(userId, isMuted, isSpeaking, videoStreams, state, displayName, (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, contentSharingStream?: HTMLElement, reaction?: unknown, spotlight?: unknown): 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 = Object.values(rawVideoStreamsArray).findLast(i => i.mediaStreamType === 'Video' && i.isAvailable) || Object.values(rawVideoStreamsArray).findLast(i => i.mediaStreamType === 'Video');\n  const sdkScreenShareStream = Object.values(rawVideoStreamsArray).findLast(i => i.mediaStreamType === 'ScreenSharing' && i.isAvailable) || Object.values(rawVideoStreamsArray).findLast(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(one-to-n-calling) */\n    /* @conditional-compile-remove(PSTN-calls) */\n    state,\n    raisedHand: (raisedHand as RaisedHandState)\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/** @private */\nexport const memoizeLocalParticipant = memoizeOne((identifier, displayName, isMuted, isScreenSharingOn, localVideoStream, role, 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  role,\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';\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          let contentSharingStream = undefined;\n          /* @conditional-compile-remove(ppt-live) */\n          contentSharingStream = participant.contentSharingStream;\n          let remoteParticipantReaction = undefined;\n          /* @conditional-compile-remove(reaction) */ remoteParticipantReaction = memoizedConvertToVideoTileReaction(\n            participant.reactionState\n          );\n          let spotlight = undefined;\n          /* @conditional-compile-remove(spotlight) */ 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            contentSharingStream,\n            remoteParticipantReaction,\n            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    raisedHand?: RaisedHandState,\n    contentSharingStream?: HTMLElement,\n    reaction?: unknown, // temp unknown type to build stable\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      raisedHand,\n      contentSharingStream,\n      reaction,\n      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  raisedHand?: RaisedHandState,\n  contentSharingStream?: HTMLElement,\n  reaction?: unknown, // temp unknown type to build stable\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  /**\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  /* @conditional-compile-remove(ppt-live) */\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    /* @conditional-compile-remove(one-to-n-calling) */\n    /* @conditional-compile-remove(PSTN-calls) */\n    state,\n    raisedHand,\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/* @conditional-compile-remove(ppt-live) */\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    role,\n    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    role,\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.