@azure/communication-react 1.4.0 → 1.4.1-beta.1

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

@@ -1,3 +1,5 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -7,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { isPhoneNumberIdentifier } from '@azure/communication-common';
+import { isCommunicationUserIdentifier, isMicrosoftTeamsUserIdentifier, isPhoneNumberIdentifier } from '@azure/communication-common';
 import { memoizeFnAll, toFlatCommunicationIdentifier } from "../../../acs-ui-common/src";
 /**
  * Check if the call state represents being in the call
@@ -51,8 +53,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);
             });
@@ -70,4 +72,18 @@ const memoizedUpdateDisplayName = memoizeFnAll((participantId, participant) => {
         return participant;
     }
 });
+/**
+ * @private
+ * A type guard to ensure all participants are acceptable type for Teams call
+ */
+export const isTeamsCallParticipants = (participants) => {
+    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));
+};
 //# sourceMappingURL=callUtils.js.map

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":";;;;;;;;;AAIA,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,6BAA6B,EAAE,mCAAgC;AACtF;;;;GAIG;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,UAAuB,EAAW,EAAE,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,CAAC,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;AACrK;;;;GAIG;AAEH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,UAAkC,EAAW,EAAE,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;AACjK;;;;;GAKG;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,aAAiC,EAAW,EAAE;IACzE,iHAAiH;IACjH,gFAAgF;IAChF,OAAO,aAAa,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,IAAI,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC;AACzG,CAAC,CAAC;AACF;;;;;GAKG;AAEH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAO,UAA8B,EAAiB,EAAE;IACjG,MAAM,eAAe,GAAG,UAAU,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC;IAE5E,KAAK,MAAM,IAAI,IAAI,eAAe,EAAE;QAClC,MAAM,UAAU,CAAC,WAAW,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;KAC1D;AACH,CAAC,CAAA,CAAC;AACF;;;;GAIG;AAEH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,YAAsC,EAA4B,EAAE;IAC1G,IAAI,YAAY,EAAE;QAChB,OAAO,yBAAyB,CAAC,UAAU,CAAC,EAAE;YAC5C,OAAO,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;gBACzC,MAAM,GAAG,GAAG,6BAA6B,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;gBACxD,OAAO,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;YAC5B,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;KACJ;SAAM;QACL,OAAO,EAAE,CAAC;KACX;AACH,CAAC,CAAC;AACF,MAAM,yBAAyB,GAAG,YAAY,CAAC,CAAC,aAAqB,EAAE,WAAmC,EAAE,EAAE;IAC5G,IAAI,uBAAuB,CAAC,WAAW,CAAC,UAAU,CAAC,EAAE;QACnD,uCAAY,WAAW,KACrB,WAAW,EAAE,WAAW,CAAC,UAAU,CAAC,WAAW,IAC/C;KACH;SAAM;QACL,OAAO,WAAW,CAAC;KACpB;AACH,CAAC,CAAC,CAAC"}
+{"version":3,"file":"callUtils.js","sourceRoot":"","sources":["../../../../../../calling-component-bindings/src/utils/callUtils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAIlC,OAAO,EAGL,6BAA6B,EAC7B,8BAA8B,EAC9B,uBAAuB,EAIxB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,6BAA6B,EAAE,mCAAgC;AAEtF;;;;GAIG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,UAAuB,EAAW,EAAE,CAC5D,CAAC,CAAC,UAAU,IAAI,CAAC,CAAC,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;AAExG;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,UAAkC,EAAW,EAAE,CACpF,CAAC,CAAC,UAAU,IAAI,CAAC,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;AAE5E;;;;;GAKG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,aAAiC,EAAW,EAAE;IACzE,iHAAiH;IACjH,gFAAgF;IAChF,OAAO,aAAa,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,IAAI,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC;AACzG,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAO,UAA8B,EAAiB,EAAE;IACjG,MAAM,eAAe,GAAG,UAAU,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC;IAC5E,KAAK,MAAM,IAAI,IAAI,eAAe,EAAE;QAClC,MAAM,UAAU,CAAC,WAAW,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;KAC1D;AACH,CAAC,CAAA,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,YAAsC,EAA4B,EAAE;IAC1G,IAAI,YAAY,EAAE;QAChB,OAAO,yBAAyB,CAAC,CAAC,UAAU,EAAE,EAAE;YAC9C,OAAO,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;gBAC3C,MAAM,GAAG,GAAG,6BAA6B,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;gBACxD,OAAO,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;YAC5B,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;KACJ;SAAM;QACL,OAAO,EAAE,CAAC;KACX;AACH,CAAC,CAAC;AAEF,MAAM,yBAAyB,GAAG,YAAY,CAAC,CAAC,aAAqB,EAAE,WAAmC,EAAE,EAAE;IAC5G,IAAI,uBAAuB,CAAC,WAAW,CAAC,UAAU,CAAC,EAAE;QACnD,uCACK,WAAW,KACd,WAAW,EAAE,WAAW,CAAC,UAAU,CAAC,WAAW,IAC/C;KACH;SAAM;QACL,OAAO,WAAW,CAAC;KACpB;AACH,CAAC,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,YAAuC,EACuD,EAAE;IAChG,OAAO,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,CAAC,CAAC;AACtE,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,YAAuC,EACsD,EAAE;IAC/F,OAAO,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,CAAC,CAAC","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 } 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\n/**\n * Check if the call state represents being in the call\n *\n * @internal\n */\nexport const _isInCall = (callStatus?: CallStatus): boolean =>\n  !!callStatus && !['None', 'Disconnected', 'Connecting', 'Ringing', 'EarlyMedia'].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'].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/**\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\"../../../calling-stateful-client/src\"\"../../../acs-ui-common/src\""]}

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

@@ -1,6 +1,12 @@
+import { RemoteParticipantState } from '@azure/communication-calling';
 import { CallParticipantListParticipant } from "../../../react-components/src";
+import { Role } from "../../../react-components/src";
 /**
  * @private
  */
-export declare const memoizedConvertAllremoteParticipants: (callback: import("../../../acs-ui-common/src").CallbackType<string, [displayName: string | undefined, state: "Idle" | "Connecting" | "Ringing" | "Connected" | "Hold" | "InLobby" | "EarlyMedia" | "Disconnected", isMuted: boolean, isScreenSharing: boolean, isSpeaking: 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], CallParticipantListParticipant>) => CallParticipantListParticipant[];
+/**
+ * @private
+ */
+export declare const memoizedConvertAllremoteParticipantsBeta: (callback: import("../../../acs-ui-common/src").CallbackType<string, [displayName: string | undefined, state: RemoteParticipantState, isMuted: boolean, isScreenSharing: boolean, isSpeaking: boolean, role: Role], CallParticipantListParticipant>) => CallParticipantListParticipant[];
 //# sourceMappingURL=participantListSelectorUtils.d.ts.map

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

@@ -22,4 +22,15 @@ const convertRemoteParticipantToParticipantListParticipant = (userId, displayNam
         isRemovable: getIdentifierKind(identifier).kind === 'communicationUser' || getIdentifierKind(identifier).kind === 'phoneNumber'
     };
 };
+/* @conditional-compile-remove(rooms) */
+/**
+ * @private
+ */
+export const memoizedConvertAllremoteParticipantsBeta = memoizeFnAll((userId, displayName, state, isMuted, isScreenSharing, isSpeaking, role) => {
+    return convertRemoteParticipantToParticipantListParticipantBeta(userId, displayName, state, isMuted, isScreenSharing, isSpeaking, role);
+});
+/* @conditional-compile-remove(rooms) */
+const convertRemoteParticipantToParticipantListParticipantBeta = (userId, displayName, state, isMuted, isScreenSharing, isSpeaking, role) => {
+    return Object.assign(Object.assign({}, convertRemoteParticipantToParticipantListParticipant(userId, displayName, state, isMuted, isScreenSharing, isSpeaking)), { role });
+};
 //# 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;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,+BAA+B,EAAE,YAAY,EAAE,mCAAgC;AAExF;;GAEG;AAEH,MAAM,CAAC,MAAM,oCAAoC,GAAG,YAAY,CAAC,CAAC,MAAc,EAAE,WAA+B,EAAE,KAA2G,EAAE,OAAgB,EAAE,eAAwB,EAAE,UAAmB,EAAkC,EAAE;IACjU,OAAO,oDAAoD,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,UAAU,CAAC,CAAC;AAChI,CAAC,CAAC,CAAC;AAEH,MAAM,oDAAoD,GAAG,CAAC,MAAc,EAAE,WAA+B,EAAE,KAA2G,EAAE,OAAgB,EAAE,eAAwB,EAAE,UAAmB,EAAkC,EAAE;IAC7T,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,iBAAiB,CAAC,UAAU,CAAC,CAAC,IAAI,KAAK,mBAAmB,IAAI,iBAAiB,CAAC,UAAU,CAAC,CAAC,IAAI,KAAK,aAAa;KAChI,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"participantListSelectorUtils.js","sourceRoot":"","sources":["../../../../../../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;AAKxF;;GAEG;AACH,MAAM,CAAC,MAAM,oCAAoC,GAAG,YAAY,CAC9D,CACE,MAAc,EACd,WAA+B,EAC/B,KAA6B,EAC7B,OAAgB,EAChB,eAAwB,EACxB,UAAmB,EACa,EAAE;IAClC,OAAO,oDAAoD,CACzD,MAAM,EACN,WAAW,EACX,KAAK,EACL,OAAO,EACP,eAAe,EACf,UAAU,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,oDAAoD,GAAG,CAC3D,MAAc,EACd,WAA+B,EAC/B,KAA6B,EAC7B,OAAgB,EAChB,eAAwB,EACxB,UAAmB,EACa,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,wCAAwC;QACxC,gDAAgD;QAChD,WAAW,EACT,iBAAiB,CAAC,UAAU,CAAC,CAAC,IAAI,KAAK,mBAAmB,IAAI,iBAAiB,CAAC,UAAU,CAAC,CAAC,IAAI,KAAK,aAAa;KACrH,CAAC;AACJ,CAAC,CAAC;AAEF,wCAAwC;AACxC;;GAEG;AACH,MAAM,CAAC,MAAM,wCAAwC,GAAG,YAAY,CAClE,CACE,MAAc,EACd,WAA+B,EAC/B,KAA6B,EAC7B,OAAgB,EAChB,eAAwB,EACxB,UAAmB,EACnB,IAAU,EACsB,EAAE;IAClC,OAAO,wDAAwD,CAC7D,MAAM,EACN,WAAW,EACX,KAAK,EACL,OAAO,EACP,eAAe,EACf,UAAU,EACV,IAAI,CACL,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,wCAAwC;AACxC,MAAM,wDAAwD,GAAG,CAC/D,MAAc,EACd,WAA+B,EAC/B,KAA6B,EAC7B,OAAgB,EAChB,eAAwB,EACxB,UAAmB,EACnB,IAAU,EACsB,EAAE;IAClC,uCACK,oDAAoD,CACrD,MAAM,EACN,WAAW,EACX,KAAK,EACL,OAAO,EACP,eAAe,EACf,UAAU,CACX,KACD,IAAI,IACJ;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { RemoteParticipantState } from '@azure/communication-calling';\nimport { getIdentifierKind } from '@azure/communication-common';\nimport { fromFlatCommunicationIdentifier, memoizeFnAll } from '@internal/acs-ui-common';\nimport { CallParticipantListParticipant } from '@internal/react-components';\n/* @conditional-compile-remove(rooms) */\nimport { Role } from '@internal/react-components';\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  ): CallParticipantListParticipant => {\n    return convertRemoteParticipantToParticipantListParticipant(\n      userId,\n      displayName,\n      state,\n      isMuted,\n      isScreenSharing,\n      isSpeaking\n    );\n  }\n);\n\nconst convertRemoteParticipantToParticipantListParticipant = (\n  userId: string,\n  displayName: string | undefined,\n  state: RemoteParticipantState,\n  isMuted: boolean,\n  isScreenSharing: boolean,\n  isSpeaking: boolean\n): CallParticipantListParticipant => {\n  const identifier = fromFlatCommunicationIdentifier(userId);\n  return {\n    userId,\n    displayName,\n    state,\n    isMuted,\n    isScreenSharing,\n    isSpeaking,\n    // ACS users can not remove Teams users.\n    // Removing unknown types of users is undefined.\n    isRemovable:\n      getIdentifierKind(identifier).kind === 'communicationUser' || getIdentifierKind(identifier).kind === 'phoneNumber'\n  };\n};\n\n/* @conditional-compile-remove(rooms) */\n/**\n * @private\n */\nexport const memoizedConvertAllremoteParticipantsBeta = memoizeFnAll(\n  (\n    userId: string,\n    displayName: string | undefined,\n    state: RemoteParticipantState,\n    isMuted: boolean,\n    isScreenSharing: boolean,\n    isSpeaking: boolean,\n    role: Role\n  ): CallParticipantListParticipant => {\n    return convertRemoteParticipantToParticipantListParticipantBeta(\n      userId,\n      displayName,\n      state,\n      isMuted,\n      isScreenSharing,\n      isSpeaking,\n      role\n    );\n  }\n);\n\n/* @conditional-compile-remove(rooms) */\nconst convertRemoteParticipantToParticipantListParticipantBeta = (\n  userId: string,\n  displayName: string | undefined,\n  state: RemoteParticipantState,\n  isMuted: boolean,\n  isScreenSharing: boolean,\n  isSpeaking: boolean,\n  role: Role\n): CallParticipantListParticipant => {\n  return {\n    ...convertRemoteParticipantToParticipantListParticipant(\n      userId,\n      displayName,\n      state,\n      isMuted,\n      isScreenSharing,\n      isSpeaking\n    ),\n    role\n  };\n};\n\"../../../acs-ui-common/src\"\"../../../react-components/src\""]}

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

@@ -1,3 +1,5 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
 import { memoizeFnAll, toFlatCommunicationIdentifier } from "../../../acs-ui-common/src";
 import { checkIsSpeaking } from './SelectorUtils';
 /** @internal */
@@ -10,10 +12,12 @@ export const _videoGalleryRemoteParticipantsMemo = (remoteParticipants) => {
     if (!remoteParticipants) {
         return [];
     }
-    return memoizedAllConvertRemoteParticipant(memoizedFn => {
-        return Object.values(remoteParticipants).filter((participant) => {
+    return memoizedAllConvertRemoteParticipant((memoizedFn) => {
+        return Object.values(remoteParticipants)
+            .filter((participant) => {
             return participant.state !== 'InLobby';
-        }).map((participant) => {
+        })
+            .map((participant) => {
             return memoizedFn(toFlatCommunicationIdentifier(participant.identifier), participant.isMuted, checkIsSpeaking(participant), participant.videoStreams, participant.state, participant.displayName);
         });
     });
@@ -49,7 +53,10 @@ export const convertRemoteParticipantToVideoGalleryRemoteParticipant = (userId,
         isSpeaking,
         videoStream,
         screenShareStream,
-        isScreenSharingOn: screenShareStream !== undefined && screenShareStream.isAvailable
+        isScreenSharingOn: screenShareStream !== undefined && screenShareStream.isAvailable,
+        /* @conditional-compile-remove(one-to-n-calling) */
+        /* @conditional-compile-remove(PSTN-calls) */
+        state
     };
 };
 const convertRemoteVideoStreamToVideoGalleryStream = (stream) => {
@@ -57,6 +64,8 @@ const convertRemoteVideoStreamToVideoGalleryStream = (stream) => {
     return {
         id: stream.id,
         isAvailable: stream.isAvailable,
+        /* @conditional-compile-remove(video-stream-is-receiving-flag) */
+        isReceiving: stream.isReceiving,
         isMirrored: (_a = stream.view) === null || _a === void 0 ? void 0 : _a.isMirrored,
         renderElement: (_b = stream.view) === null || _b === void 0 ? void 0 : _b.target
     };

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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"}
+{"version":3,"file":"videoGalleryUtils.js","sourceRoot":"","sources":["../../../../../../calling-component-bindings/src/utils/videoGalleryUtils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAMlC,OAAO,EAAE,YAAY,EAAE,6BAA6B,EAAE,mCAAgC;AAGtF,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,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;AAEF,gBAAgB;AAChB,MAAM,CAAC,MAAM,mCAAmC,GAAG,CACjD,kBAAwD,EACvB,EAAE;IACnC,IAAI,CAAC,kBAAkB,EAAE;QACvB,OAAO,EAAE,CAAC;KACX;IACD,OAAO,mCAAmC,CAAC,CAAC,UAAU,EAAE,EAAE;QACxD,OAAO,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC;aACrC,MAAM,CAAC,CAAC,WAAmC,EAAE,EAAE;YAC9C,OAAO,WAAW,CAAC,KAAK,KAAK,SAAS,CAAC;QACzC,CAAC,CAAC;aACD,GAAG,CAAC,CAAC,WAAmC,EAAE,EAAE;YAC3C,OAAO,UAAU,CACf,6BAA6B,CAAC,WAAW,CAAC,UAAU,CAAC,EACrD,WAAW,CAAC,OAAO,EACnB,eAAe,CAAC,WAAW,CAAC,EAC5B,WAAW,CAAC,YAAY,EACxB,WAAW,CAAC,KAAK,EACjB,WAAW,CAAC,WAAW,CACxB,CAAC;QACJ,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,mCAAmC,GAAG,YAAY,CACtD,CACE,MAAc,EACd,OAAgB,EAChB,UAAmB,EACnB,YAAuD,EACvD,KAAuC,EACvC,WAAoB,EACW,EAAE;IACjC,OAAO,uDAAuD,CAC5D,MAAM,EACN,OAAO,EACP,UAAU,EACV,YAAY,EACZ,KAAK,EACL,WAAW,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe;AACf,MAAM,CAAC,MAAM,uDAAuD,GAAG,CACrE,MAAc,EACd,OAAgB,EAChB,UAAmB,EACnB,YAAuD,EACvD,KAAuC,EACvC,WAAoB,EACW,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,IAAI,oBAAoB,CAAC,CAAC,CAAC,EAAE;QAC3B,IAAI,oBAAoB,CAAC,CAAC,CAAC,CAAC,eAAe,KAAK,OAAO,EAAE;YACvD,WAAW,GAAG,4CAA4C,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC;SACrF;aAAM;YACL,iBAAiB,GAAG,4CAA4C,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC;SAC3F;KACF;IAED,IAAI,oBAAoB,CAAC,CAAC,CAAC,EAAE;QAC3B,IAAI,oBAAoB,CAAC,CAAC,CAAC,CAAC,eAAe,KAAK,eAAe,EAAE;YAC/D,iBAAiB,GAAG,4CAA4C,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC;SAC3F;aAAM;YACL,WAAW,GAAG,4CAA4C,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC;SACrF;KACF;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,mDAAmD;QACnD,6CAA6C;QAC7C,KAAK;KACN,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,iEAAiE;QACjE,WAAW,EAAE,MAAM,CAAC,WAAW;QAC/B,UAAU,EAAE,MAAA,MAAM,CAAC,IAAI,0CAAE,UAAU;QACnC,aAAa,EAAE,MAAA,MAAM,CAAC,IAAI,0CAAE,MAAM;KACnC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport {\n  DominantSpeakersInfo,\n  RemoteParticipantState as RemoteParticipantConnectionState\n} 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 { checkIsSpeaking } from './SelectorUtils';\n\n/** @internal */\nexport const _dominantSpeakersWithFlatId = (dominantSpeakers?: DominantSpeakersInfo): undefined | string[] => {\n  return dominantSpeakers?.speakersList?.map(toFlatCommunicationIdentifier);\n};\n\n/** @internal */\nexport const _videoGalleryRemoteParticipantsMemo = (\n  remoteParticipants: RemoteParticipantState[] | undefined\n): VideoGalleryRemoteParticipant[] => {\n  if (!remoteParticipants) {\n    return [];\n  }\n  return memoizedAllConvertRemoteParticipant((memoizedFn) => {\n    return Object.values(remoteParticipants)\n      .filter((participant: RemoteParticipantState) => {\n        return participant.state !== 'InLobby';\n      })\n      .map((participant: RemoteParticipantState) => {\n        return memoizedFn(\n          toFlatCommunicationIdentifier(participant.identifier),\n          participant.isMuted,\n          checkIsSpeaking(participant),\n          participant.videoStreams,\n          participant.state,\n          participant.displayName\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  ): VideoGalleryRemoteParticipant => {\n    return convertRemoteParticipantToVideoGalleryRemoteParticipant(\n      userId,\n      isMuted,\n      isSpeaking,\n      videoStreams,\n      state,\n      displayName\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): VideoGalleryRemoteParticipant => {\n  const rawVideoStreamsArray = Object.values(videoStreams);\n  let videoStream: VideoGalleryStream | undefined = undefined;\n  let screenShareStream: VideoGalleryStream | undefined = undefined;\n\n  if (rawVideoStreamsArray[0]) {\n    if (rawVideoStreamsArray[0].mediaStreamType === 'Video') {\n      videoStream = convertRemoteVideoStreamToVideoGalleryStream(rawVideoStreamsArray[0]);\n    } else {\n      screenShareStream = convertRemoteVideoStreamToVideoGalleryStream(rawVideoStreamsArray[0]);\n    }\n  }\n\n  if (rawVideoStreamsArray[1]) {\n    if (rawVideoStreamsArray[1].mediaStreamType === 'ScreenSharing') {\n      screenShareStream = convertRemoteVideoStreamToVideoGalleryStream(rawVideoStreamsArray[1]);\n    } else {\n      videoStream = convertRemoteVideoStreamToVideoGalleryStream(rawVideoStreamsArray[1]);\n    }\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  };\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  };\n};\n\"../../../acs-ui-common/src\"\"../../../calling-stateful-client/src\"\"../../../react-components/src\""]}

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

@@ -3,22 +3,36 @@
 import { toFlatCommunicationIdentifier } from "../../acs-ui-common/src";
 import { createSelector } from 'reselect';
 import { getDisplayName, getDominantSpeakers, getIdentifier, getIsMuted, getIsScreenSharingOn, getLocalVideoStreams, getRemoteParticipants, getScreenShareRemoteParticipant } from './baseSelectors';
+import { _updateUserDisplayNames } from './utils/callUtils';
 import { checkIsSpeaking } from './utils/SelectorUtils';
 import { _videoGalleryRemoteParticipantsMemo, _dominantSpeakersWithFlatId, convertRemoteParticipantToVideoGalleryRemoteParticipant } from './utils/videoGalleryUtils';
 /**
  * Provides data attributes to {@link VideoGallery} component.
  * @public
  */
-export const videoGallerySelector = createSelector([getScreenShareRemoteParticipant, getRemoteParticipants, getLocalVideoStreams, getIsMuted, getIsScreenSharingOn, getDisplayName, getIdentifier, getDominantSpeakers], (screenShareRemoteParticipantId, remoteParticipants, localVideoStreams, isMuted, isScreenSharingOn, displayName, identifier, dominantSpeakers) => {
+export const videoGallerySelector = createSelector([
+    getScreenShareRemoteParticipant,
+    getRemoteParticipants,
+    getLocalVideoStreams,
+    getIsMuted,
+    getIsScreenSharingOn,
+    getDisplayName,
+    getIdentifier,
+    getDominantSpeakers
+], (screenShareRemoteParticipantId, remoteParticipants, localVideoStreams, isMuted, isScreenSharingOn, displayName, identifier, dominantSpeakers) => {
     var _a, _b;
-    const screenShareRemoteParticipant = screenShareRemoteParticipantId && remoteParticipants ? remoteParticipants[screenShareRemoteParticipantId] : undefined;
-    const localVideoStream = localVideoStreams === null || localVideoStreams === void 0 ? void 0 : localVideoStreams.find(i => i.mediaStreamType === 'Video');
+    const screenShareRemoteParticipant = screenShareRemoteParticipantId && remoteParticipants
+        ? remoteParticipants[screenShareRemoteParticipantId]
+        : undefined;
+    const localVideoStream = localVideoStreams === null || localVideoStreams === void 0 ? void 0 : localVideoStreams.find((i) => i.mediaStreamType === 'Video');
     const dominantSpeakerIds = _dominantSpeakersWithFlatId(dominantSpeakers);
     const dominantSpeakersMap = {};
-    dominantSpeakerIds === null || dominantSpeakerIds === void 0 ? void 0 : dominantSpeakerIds.forEach((speaker, idx) => dominantSpeakersMap[speaker] = idx);
+    dominantSpeakerIds === null || dominantSpeakerIds === void 0 ? void 0 : dominantSpeakerIds.forEach((speaker, idx) => (dominantSpeakersMap[speaker] = idx));
     const noRemoteParticipants = [];
     return {
-        screenShareParticipant: screenShareRemoteParticipant ? convertRemoteParticipantToVideoGalleryRemoteParticipant(toFlatCommunicationIdentifier(screenShareRemoteParticipant.identifier), screenShareRemoteParticipant.isMuted, checkIsSpeaking(screenShareRemoteParticipant), screenShareRemoteParticipant.videoStreams, screenShareRemoteParticipant.state, screenShareRemoteParticipant.displayName) : undefined,
+        screenShareParticipant: screenShareRemoteParticipant
+            ? convertRemoteParticipantToVideoGalleryRemoteParticipant(toFlatCommunicationIdentifier(screenShareRemoteParticipant.identifier), screenShareRemoteParticipant.isMuted, checkIsSpeaking(screenShareRemoteParticipant), screenShareRemoteParticipant.videoStreams, screenShareRemoteParticipant.state, screenShareRemoteParticipant.displayName)
+            : undefined,
         localParticipant: {
             userId: identifier,
             displayName: displayName !== null && displayName !== void 0 ? displayName : '',
@@ -35,6 +49,8 @@ export const videoGallerySelector = createSelector([getScreenShareRemoteParticip
     };
 });
 const updateUserDisplayNamesTrampoline = (remoteParticipants) => {
+    /* @conditional-compile-remove(PSTN-calls) */
+    return _updateUserDisplayNames(remoteParticipants);
     return remoteParticipants;
 };
 //# sourceMappingURL=videoGallerySelector.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"videoGallerySelector.js","sourceRoot":"","sources":["../../../../preprocess-dist/calling-component-bindings/src/videoGallerySelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,OAAO,EAAE,6BAA6B,EAAE,gCAAgC;AAGxE,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAA4B,cAAc,EAAE,mBAAmB,EAAE,aAAa,EAAE,UAAU,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,+BAA+B,EAAE,MAAM,iBAAiB,CAAC;AAE/N,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,mCAAmC,EAAE,2BAA2B,EAAE,uDAAuD,EAAE,MAAM,2BAA2B,CAAC;AAatK;;;GAGG;AAEH,MAAM,CAAC,MAAM,oBAAoB,GAAyB,cAAc,CAAC,CAAC,+BAA+B,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,UAAU,EAAE,oBAAoB,EAAE,cAAc,EAAE,aAAa,EAAE,mBAAmB,CAAC,EAAE,CAAC,8BAA8B,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAA+B,EAAE,UAAkB,EAAE,gBAAgB,EAAE,EAAE;;IAC1Z,MAAM,4BAA4B,GAAG,8BAA8B,IAAI,kBAAkB,CAAC,CAAC,CAAC,kBAAkB,CAAC,8BAA8B,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3J,MAAM,gBAAgB,GAAG,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,KAAK,OAAO,CAAC,CAAC;IAErF,MAAM,kBAAkB,GAAG,2BAA2B,CAAC,gBAAgB,CAAC,CAAC;IAEzE,MAAM,mBAAmB,GAA2B,EAAE,CAAC;IACvD,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,OAAO,CAAC,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE,CAAC,mBAAmB,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC;IAClF,MAAM,oBAAoB,GAAG,EAAE,CAAC;IAChC,OAAO;QACL,sBAAsB,EAAE,4BAA4B,CAAC,CAAC,CAAC,uDAAuD,CAAC,6BAA6B,CAAC,4BAA4B,CAAC,UAAU,CAAC,EAAE,4BAA4B,CAAC,OAAO,EAAE,eAAe,CAAC,4BAA4B,CAAC,EAAE,4BAA4B,CAAC,YAAY,EAAE,4BAA4B,CAAC,KAAK,EAAE,4BAA4B,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS;QAChZ,gBAAgB,EAAE;YAChB,MAAM,EAAE,UAAU;YAClB,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE;YAC9B,OAAO,EAAE,OAAO;YAChB,iBAAiB,EAAE,iBAAiB;YACpC,WAAW,EAAE;gBACX,WAAW,EAAE,CAAC,CAAC,gBAAgB;gBAC/B,UAAU,EAAE,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,0CAAE,UAAU;gBAC9C,aAAa,EAAE,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,0CAAE,MAAM;aAC9C;SACF;QACD,kBAAkB,EAAE,mCAAmC,CAAC,gCAAgC,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC;QACxK,gBAAgB,EAAE,kBAAkB;KACrC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,gCAAgC,GAAG,CAAC,kBAA4C,EAA4B,EAAE;IAClH,OAAO,kBAAkB,CAAC;AAC5B,CAAC,CAAC"}
+{"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 { VideoGalleryLocalParticipant, VideoGalleryRemoteParticipant } from '@internal/react-components';\nimport { createSelector } from 'reselect';\nimport {\n  CallingBaseSelectorProps,\n  getDisplayName,\n  getDominantSpeakers,\n  getIdentifier,\n  getIsMuted,\n  getIsScreenSharingOn,\n  getLocalVideoStreams,\n  getRemoteParticipants,\n  getScreenShareRemoteParticipant\n} from './baseSelectors';\nimport { _updateUserDisplayNames } from './utils/callUtils';\nimport { checkIsSpeaking } from './utils/SelectorUtils';\nimport {\n  _videoGalleryRemoteParticipantsMemo,\n  _dominantSpeakersWithFlatId,\n  convertRemoteParticipantToVideoGalleryRemoteParticipant\n} from './utils/videoGalleryUtils';\n\n/**\n * Selector type for {@link VideoGallery} component.\n *\n * @public\n */\nexport type VideoGallerySelector = (\n  state: CallClientState,\n  props: CallingBaseSelectorProps\n) => {\n  screenShareParticipant: VideoGalleryRemoteParticipant | undefined;\n  localParticipant: VideoGalleryLocalParticipant;\n  remoteParticipants: VideoGalleryRemoteParticipant[];\n  dominantSpeakers?: string[];\n};\n\n/**\n * Provides data attributes to {@link VideoGallery} component.\n * @public\n */\nexport const videoGallerySelector: VideoGallerySelector = createSelector(\n  [\n    getScreenShareRemoteParticipant,\n    getRemoteParticipants,\n    getLocalVideoStreams,\n    getIsMuted,\n    getIsScreenSharingOn,\n    getDisplayName,\n    getIdentifier,\n    getDominantSpeakers\n  ],\n  (\n    screenShareRemoteParticipantId,\n    remoteParticipants,\n    localVideoStreams,\n    isMuted,\n    isScreenSharingOn,\n    displayName: string | undefined,\n    identifier: string,\n    dominantSpeakers\n  ) => {\n    const screenShareRemoteParticipant =\n      screenShareRemoteParticipantId && remoteParticipants\n        ? remoteParticipants[screenShareRemoteParticipantId]\n        : undefined;\n    const localVideoStream = localVideoStreams?.find((i) => i.mediaStreamType === 'Video');\n\n    const dominantSpeakerIds = _dominantSpeakersWithFlatId(dominantSpeakers);\n    const dominantSpeakersMap: Record<string, number> = {};\n    dominantSpeakerIds?.forEach((speaker, idx) => (dominantSpeakersMap[speaker] = idx));\n    const noRemoteParticipants = [];\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          )\n        : undefined,\n      localParticipant: {\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      },\n      remoteParticipants: _videoGalleryRemoteParticipantsMemo(\n        updateUserDisplayNamesTrampoline(remoteParticipants ? Object.values(remoteParticipants) : noRemoteParticipants)\n      ),\n      dominantSpeakers: dominantSpeakerIds\n    };\n  }\n);\n\nconst updateUserDisplayNamesTrampoline = (remoteParticipants: RemoteParticipantState[]): RemoteParticipantState[] => {\n  /* @conditional-compile-remove(PSTN-calls) */\n  return _updateUserDisplayNames(remoteParticipants);\n  return remoteParticipants;\n};\n\"../../acs-ui-common/src\"\"../../calling-stateful-client/src\"\"../../react-components/src\""]}

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

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

package/dist/dist-esm/calling-stateful-client/src/BetaToStableTypes.js

@@ -0,0 +1,4 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+export {};
+//# sourceMappingURL=BetaToStableTypes.js.map

package/dist/dist-esm/calling-stateful-client/src/BetaToStableTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BetaToStableTypes.js","sourceRoot":"","sources":["../../../../../calling-stateful-client/src/BetaToStableTypes.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\n// This is for mapping new types from beta, which does not exist in stable sdk.\n// These mappings are necessary to bypass type check of conditional compilation\n// Remove these types when the feature get stabilized in stable sdk\n\n// For example, CallCommon doesn't exist in stable call sdk, so it will be still Call type\n// So we remove CallCommonBeta type in stable\n// In beta, Call | CallCommon = CallCommon because Call is just a super set of CallCommon\n\nimport { Call, CallAgent, IncomingCall } from '@azure/communication-calling';\n/* @conditional-compile-remove(teams-identity-support) */\nimport {\n  TeamsCall as TeamsCallBeta,\n  CallCommon as CallCommonBeta,\n  CallAgentCommon as CallAgentCommonBeta,\n  TeamsCallAgent as TeamsCallAgentBeta,\n  IncomingCallCommon as IncomingCallCommonBeta\n} from '@azure/communication-calling';\n\n/**\n * @public\n * The common interface for all types of Calls\n */\nexport type CallCommon = Call | /* @conditional-compile-remove(teams-identity-support) */ CallCommonBeta;\n\n/**\n * @public\n * The common interface for all types of CallAgents\n */\nexport type CallAgentCommon = CallAgent | /* @conditional-compile-remove(teams-identity-support) */ CallAgentCommonBeta;\n\n/**\n * @beta\n */\nexport type TeamsCall = never | /* @conditional-compile-remove(teams-identity-support) */ TeamsCallBeta;\n\n/**\n * @beta\n */\nexport type TeamsCallAgent = never | /* @conditional-compile-remove(teams-identity-support) */ TeamsCallAgentBeta;\n\n/**\n * @public\n * The common interface for all types of IncomingCalls\n */\nexport type IncomingCallCommon =\n  | IncomingCall\n  | /* @conditional-compile-remove(teams-identity-support) */ IncomingCallCommonBeta;\n"]}

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

@@ -1,11 +1,25 @@
 import { CallAgent } from '@azure/communication-calling';
 import { CallContext } from './CallContext';
+import { DeclarativeIncomingCall } from './IncomingCallDeclarative';
 import { InternalCallContext } from './InternalCallContext';
 /**
- * @public
+ * @beta
+ * This contains a readonly array that returns all the active `incomingCalls`.
+ * An active incoming call is a call that has not been answered, declined or disconnected.
+ */
+export declare type IncomingCallManagement = {
+    /**
+     * @beta
+     * @Remark This attribute doesn't exist on the {@link @azure/communication-calling#CallAgent} interface.
+     * @returns readonly array of {@link DeclarativeIncomingCall}
+     */
+    incomingCalls: ReadonlyArray<DeclarativeIncomingCall>;
+};
+/**
+ * @beta
  * `DeclarativeCallAgent` extends and proxies the {@link @azure/communication-calling#CallAgent}
  */
-export declare type DeclarativeCallAgent = CallAgent;
+export declare type DeclarativeCallAgent = CallAgent & IncomingCallManagement;
 /**
  * Creates a declarative CallAgent by proxying CallAgent with ProxyCallAgent which will track state updates by updating
  * the given context.

package/dist/dist-esm/calling-stateful-client/src/CallAgentDeclarative.js

@@ -1,28 +1,20 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import { clearCallRelatedState, ProxyCallAgentCommon } from './CallAgentDeclarativeCommon';
 import { callDeclaratify } from './CallDeclarative';
-import { CallSubscriber } from './CallSubscriber';
-import { convertSdkCallToDeclarativeCall, convertSdkIncomingCallToDeclarativeIncomingCall } from './Converter';
-import { incomingCallDeclaratify } from './IncomingCallDeclarative';
-import { IncomingCallSubscriber } from './IncomingCallSubscriber';
-import { disposeAllViews, disposeAllViewsFromCall } from './StreamUtils';
+import { _isACSCall, _isACSCallAgent } from './TypeGuards';
 /**
  * ProxyCallAgent proxies CallAgent and saves any returned state in the given context. It will subscribe to all state
  * updates in the CallAgent and in the contained Calls and RemoteParticipants. When dispose is called it will
  * unsubscribe from all state updates.
  */
-class ProxyCallAgent {
+class ProxyCallAgent extends ProxyCallAgentCommon {
     constructor(callAgent, context, internalContext) {
+        super(context, internalContext);
         this.subscribe = () => {
             this._callAgent.on('callsUpdated', this.callsUpdated);
-            this._callAgent.on('incomingCall', this.incomingCall); // There could be scenario that when ProxyCallAgent is created that the given CallAgent already has Calls. In this
+            this._callAgent.on('incomingCall', this.incomingCall);
+            // There could be scenario that when ProxyCallAgent is created that the given CallAgent already has Calls. In this
             // case we need to make sure to subscribe to those already existing Calls.
             for (const call of this._callAgent.calls) {
                 this.addCall(call);
@@ -30,176 +22,44 @@ class ProxyCallAgent {
         };
         this.unsubscribe = () => {
             this._callAgent.off('callsUpdated', this.callsUpdated);
-            this._callAgent.off('incomingCall', this.incomingCall); // Unsubscribe is called when CallAgent is disposed. This should mean no more updating of existing call but we don't
-            // remove any existing state.
-            for (const [_, callSubscriber] of this._callSubscribers.entries()) {
-                callSubscriber.unsubscribe();
-            }
-            this._callSubscribers.clear();
-            for (const [_, incomingCallSubscriber] of this._incomingCallSubscribers.entries()) {
-                incomingCallSubscriber.unsubscribe();
-            }
-            this._incomingCallSubscribers.clear();
-            this._declarativeIncomingCalls.clear();
-            for (const [_, declarativeCall] of this._declarativeCalls.entries()) {
-                declarativeCall.unsubscribe();
-            }
-            this._declarativeCalls.clear();
-        };
-        this.callsUpdated = (event) => {
-            const addedStatefulCall = [];
-            for (const call of event.added) {
-                const statefulCall = this.addCall(call);
-                addedStatefulCall.push(statefulCall);
-            }
-            const removedStatefulCall = [];
-            for (const call of event.removed) {
-                disposeAllViewsFromCall(this._context, this._internalContext, call.id);
-                const callSubscriber = this._callSubscribers.get(call);
-                if (callSubscriber) {
-                    callSubscriber.unsubscribe();
-                    this._callSubscribers.delete(call);
-                }
-                this._context.setCallEnded(call.id, call.callEndReason);
-                const declarativeCall = this._declarativeCalls.get(call);
-                if (declarativeCall) {
-                    declarativeCall.unsubscribe();
-                    removedStatefulCall.push(declarativeCall);
-                    this._declarativeCalls.delete(call);
-                }
-                else {
-                    removedStatefulCall.push(callDeclaratify(call, this._context));
-                }
-            }
-            for (const externalCallsUpdatedListener of this._externalCallsUpdatedListeners) {
-                externalCallsUpdatedListener({
-                    added: addedStatefulCall,
-                    removed: removedStatefulCall
-                });
-            }
-        };
-        this.setIncomingCallEnded = (incomingCallId, callEndReason) => {
-            const incomingCallSubscriber = this._incomingCallSubscribers.get(incomingCallId);
-            if (incomingCallSubscriber) {
-                incomingCallSubscriber.unsubscribe();
-                this._incomingCallSubscribers.delete(incomingCallId);
-            }
-            this._declarativeIncomingCalls.delete(incomingCallId);
-            this._context.setIncomingCallEnded(incomingCallId, callEndReason);
-        };
-        this.incomingCall = ({ incomingCall }) => {
-            // Make sure to not subscribe to the incoming call if we are already subscribed to it.
-            if (!this._incomingCallSubscribers.has(incomingCall.id)) {
-                this._incomingCallSubscribers.set(incomingCall.id, new IncomingCallSubscriber(incomingCall, this.setIncomingCallEnded));
-            }
-            this._declarativeIncomingCalls.set(incomingCall.id, incomingCallDeclaratify(incomingCall, this._context));
-            this._context.setIncomingCall(convertSdkIncomingCallToDeclarativeIncomingCall(incomingCall));
-        };
-        this.addCall = (call) => {
-            var _a;
-            (_a = this._callSubscribers.get(call)) === null || _a === void 0 ? void 0 : _a.unsubscribe(); // For API extentions we need to have the call in the state when we are subscribing as we may want to update the
-            // state during the subscription process in the subscriber so we add the call to state before subscribing.
-            this._context.setCall(convertSdkCallToDeclarativeCall(call));
-            this._callSubscribers.set(call, new CallSubscriber(call, this._context, this._internalContext));
-            return this.getOrCreateDeclarativeCall(call);
-        };
-        this.getOrCreateDeclarativeCall = (call) => {
-            const declarativeCall = this._declarativeCalls.get(call);
-            if (declarativeCall) {
-                return declarativeCall;
-            }
-            const newDeclarativeCall = callDeclaratify(call, this._context);
-            this._declarativeCalls.set(call, newDeclarativeCall);
-            return newDeclarativeCall;
+            this._callAgent.off('incomingCall', this.incomingCall);
+            this.unregisterSubscriber();
         };
         this._callAgent = callAgent;
-        this._context = context;
-        this._internalContext = internalContext;
-        this._callSubscribers = new Map();
-        this._incomingCallSubscribers = new Map();
-        this._declarativeIncomingCalls = new Map();
-        this._declarativeCalls = new Map();
-        this._externalCallsUpdatedListeners = new Set();
         this.subscribe();
     }
-    get(target, prop) {
-        switch (prop) {
-            case 'startCall':
-                {
-                    return this._context.withErrorTeedToState((...args) => {
-                        const call = target.startCall(...args);
-                        this.addCall(call);
-                        return this.getOrCreateDeclarativeCall(call);
-                    }, 'CallAgent.startCall');
-                }
-            case 'join':
-                {
-                    return this._context.withErrorTeedToState((...args) => {
-                        const call = target.join(...args);
-                        this.addCall(call);
-                        return this.getOrCreateDeclarativeCall(call);
-                    }, 'CallAgent.join');
-                }
-            case 'calls':
-                {
-                    return Array.from(this._declarativeCalls.values());
-                }
-            case 'on':
-                {
-                    return (...args) => {
-                        const isCallsUpdated = args[0] === 'callsUpdated';
-                        if (isCallsUpdated) {
-                            const listener = args[1];
-                            this._externalCallsUpdatedListeners.add(listener);
-                        }
-                        else {
-                            target.on(...args);
-                        }
-                    };
-                }
-            case 'off':
-                {
-                    return (...args) => {
-                        const isCallsUpdated = args[0] === 'callsUpdated';
-                        if (isCallsUpdated) {
-                            const listener = args[1];
-                            this._externalCallsUpdatedListeners.delete(listener);
-                        }
-                        else {
-                            target.off(...args);
-                        }
-                    };
-                }
-            case 'dispose':
-                {
-                    // Wrapping CallAgent.dispose in a callback type (): Promise<void> to accomodate the change of CallAgent.dispose
-                    // in calling beta version 1.8.0-beta.1 from callback type (): Promise<void> to (): void
-                    const callAgentDisposeAsyncCallbackWrapper = () => __awaiter(this, void 0, void 0, function* () {
-                        yield target.dispose();
-                        return Promise.resolve();
-                    });
-                    return () => {
-                        return callAgentDisposeAsyncCallbackWrapper().then(() => {
-                            this.unsubscribe();
-                        });
-                    };
-                }
-            /**
-             * This attribute is a special case and doesn't exist on the CallAgent interface.
-             * We need this to be able to return a declarative incoming call object using the call agent.
-             * In a standard headless SDK usage, the right way to get an incoming call is to use the `incomingCall` event.
-             * However, using the declarative layer, the ideal usage would be to:
-             * 1. subscribe to the `onStateChange` event
-             * 2. Get the incoming call from the new state and it's ID
-             * 3. Use `callAgent.incomingCalls` and filter an incoming call ID to get a declarative incoming call object
-             */
-            case 'incomingCalls':
-                {
-                    return Array.from(this._declarativeIncomingCalls.values());
-                }
-            default:
-                return Reflect.get(target, prop);
+    callDeclaratify(call, context) {
+        if (_isACSCall(call)) {
+            return callDeclaratify(call, context);
+        }
+        throw new Error('Not reachable code, DeclarativeCallAgent.callDeclaratify must be called with an ACS call.');
+    }
+    startCall(agent, args) {
+        if (_isACSCallAgent(agent)) {
+            return agent.startCall(...args);
+        }
+        throw Error('Unreachable code, DeclarativeCallAgent.startCall must be called with an ACS callAgent.');
+    }
+    joinCall(agent, args) {
+        if (_isACSCallAgent(agent)) {
+            return agent.join(...args);
         }
+        throw Error('Unreachable code, DeclarativeCallAgent.joinCall must be called with an ACS callAgent.');
+    }
+    agentSubscribe(agent, args) {
+        if (_isACSCallAgent(agent)) {
+            return agent.on(...args);
+        }
+        throw Error('Unreachable code, DeclarativeCallAgent.agentSubscribe must be called with an ACS callAgent.');
+    }
+    agentUnsubscribe(agent, args) {
+        if (_isACSCallAgent(agent)) {
+            return agent.off(...args);
+        }
+        throw Error('Unreachable code, DeclarativeCallAgent.agentUnsubscribe must be called with an ACS callAgent.');
+    }
+    get(target, prop) {
+        return super.getCommon(target, prop);
     }
 }
 /**
@@ -211,12 +71,7 @@ class ProxyCallAgent {
  * @param internalContext- InternalCallContext from StatefulCallClient
  */
 export const callAgentDeclaratify = (callAgent, context, internalContext) => {
-    // Make sure there are no existing call data if creating a new CallAgentDeclarative (if creating a new
-    // CallAgentDeclarative after disposing of the hold one will mean context have old call state). TODO: should we stop
-    // rendering when the previous callAgent is disposed?
-    disposeAllViews(context, internalContext);
-    context.clearCallRelatedState();
-    internalContext.clearCallRelatedState();
+    clearCallRelatedState(context, internalContext);
     return new Proxy(callAgent, new ProxyCallAgent(callAgent, context, internalContext));
 };
 //# sourceMappingURL=CallAgentDeclarative.js.map