@azure/communication-react 1.6.0 → 1.6.1-alpha-202306230016

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/callStatusSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"callStatusSelector.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/selectors/callStatusSelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG1C;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,cAAc,CAAC,CAAC,aAAa,EAAE,kBAAkB,CAAC,EAAE,CAAC,UAAyB,EAAE,eAAe,EAAE,EAAE;IACnI,OAAO;QACL,UAAU;QACV,eAAe;KAChB,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\nimport { getCallStatus, getIsScreenShareOn } from './baseSelectors';\nimport { createSelector } from 'reselect';\nimport { CallState as SDKCallStatus } from '@azure/communication-calling';\n\n/**\n * @private\n */\nexport const callStatusSelector = createSelector([getCallStatus, getIsScreenShareOn], (callStatus: SDKCallStatus, isScreenShareOn) => {\n  return {\n    callStatus,\n    isScreenShareOn\n  };\n});"]}
+{"version":3,"file":"callStatusSelector.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/selectors/callStatusSelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG1C;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,cAAc,CAC9C,CAAC,aAAa,EAAE,kBAAkB,CAAC,EACnC,CAAC,UAAyB,EAAE,eAAe,EAAE,EAAE;IAC7C,OAAO;QACL,UAAU;QACV,eAAe;KAChB,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\nimport { getCallStatus, getIsScreenShareOn } from './baseSelectors';\nimport { createSelector } from 'reselect';\nimport { CallState as SDKCallStatus } from '@azure/communication-calling';\n\n/**\n * @private\n */\nexport const callStatusSelector = createSelector(\n  [getCallStatus, getIsScreenShareOn],\n  (callStatus: SDKCallStatus, isScreenShareOn) => {\n    return {\n      callStatus,\n      isScreenShareOn\n    };\n  }\n);\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/complianceBannerSelector.d.ts

@@ -2,7 +2,7 @@ import * as reselect from 'reselect';
 /**
  * @private
  */
-export declare const complianceBannerSelector: reselect.OutputSelector<import("..").CallAdapterState, {
+export declare const complianceBannerSelector: reselect.OutputSelector<import("../../../../../communication-react/src/index").CallAdapterState, {
     callTranscribeState: boolean;
     callRecordState: boolean;
 }, (res1: boolean, res2: boolean) => {

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/complianceBannerSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"complianceBannerSelector.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/selectors/complianceBannerSelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAEjF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,wBAAwB,EAAE,oBAAoB,CAAC,EAAE,CAAC,qBAAqB,EAAE,iBAAiB,EAAE,EAAE;IAC7J,OAAO;QACL,mBAAmB,EAAE,qBAAqB;QAC1C,eAAe,EAAE,iBAAiB;KACnC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport * as reselect from 'reselect';\nimport { getIsRecordingActive, getIsTranscriptionActive } from './baseSelectors';\n\n/**\n * @private\n */\nexport const complianceBannerSelector = reselect.createSelector([getIsTranscriptionActive, getIsRecordingActive], (isTranscriptionActive, isRecordingActive) => {\n  return {\n    callTranscribeState: isTranscriptionActive,\n    callRecordState: isRecordingActive\n  };\n});"]}
+{"version":3,"file":"complianceBannerSelector.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/selectors/complianceBannerSelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAEjF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,QAAQ,CAAC,cAAc,CAC7D,CAAC,wBAAwB,EAAE,oBAAoB,CAAC,EAChD,CAAC,qBAAqB,EAAE,iBAAiB,EAAE,EAAE;IAC3C,OAAO;QACL,mBAAmB,EAAE,qBAAqB;QAC1C,eAAe,EAAE,iBAAiB;KACnC,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport * as reselect from 'reselect';\nimport { getIsRecordingActive, getIsTranscriptionActive } from './baseSelectors';\n\n/**\n * @private\n */\nexport const complianceBannerSelector = reselect.createSelector(\n  [getIsTranscriptionActive, getIsRecordingActive],\n  (isTranscriptionActive, isRecordingActive) => {\n    return {\n      callTranscribeState: isTranscriptionActive,\n      callRecordState: isRecordingActive\n    };\n  }\n);\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/devicePermissionSelector.d.ts

@@ -2,10 +2,10 @@ import * as reselect from 'reselect';
 /**
  * @private
  */
-export declare const devicePermissionSelector: reselect.OutputSelector<import("..").CallAdapterState, {
+export declare const devicePermissionSelector: reselect.OutputSelector<import("../../../../../communication-react/src/index").CallAdapterState, {
     video: boolean | undefined;
     audio: boolean | undefined;
-}, (res: import("../../../../../calling-stateful-client/src").DeviceManagerState) => {
+}, (res: import("../../../../../communication-react/src/index").DeviceManagerState) => {
     video: boolean | undefined;
     audio: boolean | undefined;
 }>;

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/devicePermissionSelector.js

@@ -5,7 +5,7 @@ import { getDeviceManager } from './baseSelectors';
 /**
  * @private
  */
-export const devicePermissionSelector = reselect.createSelector([getDeviceManager], deviceManager => {
+export const devicePermissionSelector = reselect.createSelector([getDeviceManager], (deviceManager) => {
     return {
         video: deviceManager.deviceAccess ? deviceManager.deviceAccess.video : undefined,
         audio: deviceManager.deviceAccess ? deviceManager.deviceAccess.audio : undefined

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/devicePermissionSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"devicePermissionSelector.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/selectors/devicePermissionSelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,gBAAgB,CAAC,EAAE,aAAa,CAAC,EAAE;IAClG,OAAO;QACL,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;QAChF,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;KACjF,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport * as reselect from 'reselect';\nimport { getDeviceManager } from './baseSelectors';\n\n/**\n * @private\n */\nexport const devicePermissionSelector = reselect.createSelector([getDeviceManager], deviceManager => {\n  return {\n    video: deviceManager.deviceAccess ? deviceManager.deviceAccess.video : undefined,\n    audio: deviceManager.deviceAccess ? deviceManager.deviceAccess.audio : undefined\n  };\n});"]}
+{"version":3,"file":"devicePermissionSelector.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/selectors/devicePermissionSelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,gBAAgB,CAAC,EAAE,CAAC,aAAa,EAAE,EAAE;IACpG,OAAO;QACL,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;QAChF,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;KACjF,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport * as reselect from 'reselect';\nimport { getDeviceManager } from './baseSelectors';\n\n/**\n * @private\n */\nexport const devicePermissionSelector = reselect.createSelector([getDeviceManager], (deviceManager) => {\n  return {\n    video: deviceManager.deviceAccess ? deviceManager.deviceAccess.video : undefined,\n    audio: deviceManager.deviceAccess ? deviceManager.deviceAccess.audio : undefined\n  };\n});\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/dominantRemoteParticipantSelector.d.ts

@@ -6,7 +6,7 @@ import * as reselect from 'reselect';
  *
  * @private
  */
-export declare const dominantRemoteParticipantSelector: reselect.OutputSelector<import("..").CallAdapterState, import("../../../../../react-components/src").VideoGalleryRemoteParticipant | undefined, (res1: {
+export declare const dominantRemoteParticipantSelector: reselect.OutputSelector<import("../../../../../communication-react/src/index").CallAdapterState, import("../../../../../communication-react/src/index").VideoGalleryRemoteParticipant | undefined, (res1: {
     [keys: string]: RemoteParticipantState;
-} | undefined, res2: import("@azure/communication-calling").DominantSpeakersInfo | undefined) => import("../../../../../react-components/src").VideoGalleryRemoteParticipant | undefined>;
+} | undefined, res2: import("@azure/communication-calling").DominantSpeakersInfo | undefined) => import("../../../../../communication-react/src/index").VideoGalleryRemoteParticipant | undefined>;
 //# sourceMappingURL=dominantRemoteParticipantSelector.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/dominantRemoteParticipantSelector.js

@@ -1,6 +1,8 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 import { _dominantSpeakersWithFlatId, _videoGalleryRemoteParticipantsMemo } from "../../../../../calling-component-bindings/src";
+/* @conditional-compile-remove(PSTN-calls) */
+import { _updateUserDisplayNames } from "../../../../../calling-component-bindings/src";
 import * as reselect from 'reselect';
 import { getDominantSpeakerInfo, getRemoteParticipants } from './baseSelectors';
 /**
@@ -11,8 +13,12 @@ import { getDominantSpeakerInfo, getRemoteParticipants } from './baseSelectors';
  */
 export const dominantRemoteParticipantSelector = reselect.createSelector([getRemoteParticipants, getDominantSpeakerInfo], (remoteParticipants, dominantSpeakerInfo) => {
     const dominantSpeakers = _dominantSpeakersWithFlatId(dominantSpeakerInfo);
-    const dominantRemoteParticipant = remoteParticipants && Object.keys(remoteParticipants).length > 0 ? findDominantRemoteParticipant(remoteParticipants, dominantSpeakers !== null && dominantSpeakers !== void 0 ? dominantSpeakers : []) : undefined;
-    return dominantRemoteParticipant ? _videoGalleryRemoteParticipantsMemo(updateUserDisplayNamesTrampoline(Object.values(dominantRemoteParticipant)))[0] : undefined;
+    const dominantRemoteParticipant = remoteParticipants && Object.keys(remoteParticipants).length > 0
+        ? findDominantRemoteParticipant(remoteParticipants, dominantSpeakers !== null && dominantSpeakers !== void 0 ? dominantSpeakers : [])
+        : undefined;
+    return dominantRemoteParticipant
+        ? _videoGalleryRemoteParticipantsMemo(updateUserDisplayNamesTrampoline(Object.values(dominantRemoteParticipant)))[0]
+        : undefined;
 });
 const findDominantRemoteParticipant = (remoteParticipants, dominantSpeakerIds) => {
     let dominantRemoteParticipantId = dominantSpeakerIds[0];
@@ -22,11 +28,11 @@ const findDominantRemoteParticipant = (remoteParticipants, dominantSpeakerIds) =
     if (!dominantRemoteParticipantId || !remoteParticipantIds.includes(dominantRemoteParticipantId)) {
         dominantRemoteParticipantId = remoteParticipantIds[0];
     }
-    return {
-        dominantRemoteParticipantId: remoteParticipants[dominantRemoteParticipantId]
-    };
+    return { dominantRemoteParticipantId: remoteParticipants[dominantRemoteParticipantId] };
 };
 const updateUserDisplayNamesTrampoline = (remoteParticipants) => {
+    /* @conditional-compile-remove(PSTN-calls) */
+    return _updateUserDisplayNames(remoteParticipants);
     return remoteParticipants;
 };
 //# sourceMappingURL=dominantRemoteParticipantSelector.js.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/dominantRemoteParticipantSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"dominantRemoteParticipantSelector.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/selectors/dominantRemoteParticipantSelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,2BAA2B,EAA2B,mCAAmC,EAAE,sDAA6C;AAEjJ,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAEhF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,iCAAiC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,qBAAqB,EAAE,sBAAsB,CAAC,EAAE,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,EAAE;IACpK,MAAM,gBAAgB,GAAG,2BAA2B,CAAC,mBAAmB,CAAC,CAAC;IAC1E,MAAM,yBAAyB,GAAG,kBAAkB,IAAI,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,6BAA6B,CAAC,kBAAkB,EAAE,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3L,OAAO,yBAAyB,CAAC,CAAC,CAAC,mCAAmC,CAAC,gCAAgC,CAAC,MAAM,CAAC,MAAM,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;AACpK,CAAC,CAAC,CAAC;AACH,MAAM,6BAA6B,GAAG,CAAC,kBAEtC,EAAE,kBAA4B,EAE7B,EAAE;IACF,IAAI,2BAA2B,GAAG,kBAAkB,CAAC,CAAC,CAAC,CAAC;IAExD,sFAAsF;IACtF,wFAAwF;IACxF,MAAM,oBAAoB,GAAG,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC7D,IAAI,CAAC,2BAA2B,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC,2BAA2B,CAAC,EAAE;QAC/F,2BAA2B,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC;KACvD;IACD,OAAO;QACL,2BAA2B,EAAE,kBAAkB,CAAC,2BAA2B,CAAC;KAC7E,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,gCAAgC,GAAG,CAAC,kBAA4C,EAA4B,EAAE;IAClH,OAAO,kBAAkB,CAAC;AAC5B,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { _dominantSpeakersWithFlatId, _isInCall, _isPreviewOn, _videoGalleryRemoteParticipantsMemo } from '@internal/calling-component-bindings';\nimport { RemoteParticipantState } from '@internal/calling-stateful-client';\nimport * as reselect from 'reselect';\nimport { getDominantSpeakerInfo, getRemoteParticipants } from './baseSelectors';\n\n/**\n * Get the most dominant remote participant, if no dominant speaker IDs exist, this uses\n * one of the remote participants with no bias towards which one.\n *\n * @private\n */\nexport const dominantRemoteParticipantSelector = reselect.createSelector([getRemoteParticipants, getDominantSpeakerInfo], (remoteParticipants, dominantSpeakerInfo) => {\n  const dominantSpeakers = _dominantSpeakersWithFlatId(dominantSpeakerInfo);\n  const dominantRemoteParticipant = remoteParticipants && Object.keys(remoteParticipants).length > 0 ? findDominantRemoteParticipant(remoteParticipants, dominantSpeakers ?? []) : undefined;\n  return dominantRemoteParticipant ? _videoGalleryRemoteParticipantsMemo(updateUserDisplayNamesTrampoline(Object.values(dominantRemoteParticipant)))[0] : undefined;\n});\nconst findDominantRemoteParticipant = (remoteParticipants: {\n  [keys: string]: RemoteParticipantState;\n}, dominantSpeakerIds: string[]): {\n  dominantRemoteParticipantId: RemoteParticipantState;\n} => {\n  let dominantRemoteParticipantId = dominantSpeakerIds[0];\n\n  // Fallback to using the first remote participant if there are no dominant speaker IDs\n  // or if the dominant speaker is no longer available in the list of remoteParticipantIds\n  const remoteParticipantIds = Object.keys(remoteParticipants);\n  if (!dominantRemoteParticipantId || !remoteParticipantIds.includes(dominantRemoteParticipantId)) {\n    dominantRemoteParticipantId = remoteParticipantIds[0];\n  }\n  return {\n    dominantRemoteParticipantId: remoteParticipants[dominantRemoteParticipantId]\n  };\n};\nconst updateUserDisplayNamesTrampoline = (remoteParticipants: RemoteParticipantState[]): RemoteParticipantState[] => {\n  return remoteParticipants;\n};\"../../../../../calling-component-bindings/src\"\"../../../../../calling-stateful-client/src\""]}
+{"version":3,"file":"dominantRemoteParticipantSelector.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/selectors/dominantRemoteParticipantSelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EACL,2BAA2B,EAG3B,mCAAmC,EACpC,sDAA6C;AAC9C,6CAA6C;AAC7C,OAAO,EAAE,uBAAuB,EAAE,sDAA6C;AAE/E,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAEhF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,iCAAiC,GAAG,QAAQ,CAAC,cAAc,CACtE,CAAC,qBAAqB,EAAE,sBAAsB,CAAC,EAC/C,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,EAAE;IAC1C,MAAM,gBAAgB,GAAG,2BAA2B,CAAC,mBAAmB,CAAC,CAAC;IAC1E,MAAM,yBAAyB,GAC7B,kBAAkB,IAAI,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,MAAM,GAAG,CAAC;QAC9D,CAAC,CAAC,6BAA6B,CAAC,kBAAkB,EAAE,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,EAAE,CAAC;QAC3E,CAAC,CAAC,SAAS,CAAC;IAChB,OAAO,yBAAyB;QAC9B,CAAC,CAAC,mCAAmC,CACjC,gCAAgC,CAAC,MAAM,CAAC,MAAM,CAAC,yBAAyB,CAAC,CAAC,CAC3E,CAAC,CAAC,CAAC;QACN,CAAC,CAAC,SAAS,CAAC;AAChB,CAAC,CACF,CAAC;AAEF,MAAM,6BAA6B,GAAG,CACpC,kBAA8D,EAC9D,kBAA4B,EAC6B,EAAE;IAC3D,IAAI,2BAA2B,GAAG,kBAAkB,CAAC,CAAC,CAAC,CAAC;IAExD,sFAAsF;IACtF,wFAAwF;IACxF,MAAM,oBAAoB,GAAG,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC7D,IAAI,CAAC,2BAA2B,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC,2BAA2B,CAAC,EAAE;QAC/F,2BAA2B,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC;KACvD;IAED,OAAO,EAAE,2BAA2B,EAAE,kBAAkB,CAAC,2BAA2B,CAAC,EAAE,CAAC;AAC1F,CAAC,CAAC;AAEF,MAAM,gCAAgC,GAAG,CAAC,kBAA4C,EAA4B,EAAE;IAClH,6CAA6C;IAC7C,OAAO,uBAAuB,CAAC,kBAAkB,CAAC,CAAC;IACnD,OAAO,kBAAkB,CAAC;AAC5B,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport {\n  _dominantSpeakersWithFlatId,\n  _isInCall,\n  _isPreviewOn,\n  _videoGalleryRemoteParticipantsMemo\n} from '@internal/calling-component-bindings';\n/* @conditional-compile-remove(PSTN-calls) */\nimport { _updateUserDisplayNames } from '@internal/calling-component-bindings';\nimport { RemoteParticipantState } from '@internal/calling-stateful-client';\nimport * as reselect from 'reselect';\nimport { getDominantSpeakerInfo, getRemoteParticipants } from './baseSelectors';\n\n/**\n * Get the most dominant remote participant, if no dominant speaker IDs exist, this uses\n * one of the remote participants with no bias towards which one.\n *\n * @private\n */\nexport const dominantRemoteParticipantSelector = reselect.createSelector(\n  [getRemoteParticipants, getDominantSpeakerInfo],\n  (remoteParticipants, dominantSpeakerInfo) => {\n    const dominantSpeakers = _dominantSpeakersWithFlatId(dominantSpeakerInfo);\n    const dominantRemoteParticipant =\n      remoteParticipants && Object.keys(remoteParticipants).length > 0\n        ? findDominantRemoteParticipant(remoteParticipants, dominantSpeakers ?? [])\n        : undefined;\n    return dominantRemoteParticipant\n      ? _videoGalleryRemoteParticipantsMemo(\n          updateUserDisplayNamesTrampoline(Object.values(dominantRemoteParticipant))\n        )[0]\n      : undefined;\n  }\n);\n\nconst findDominantRemoteParticipant = (\n  remoteParticipants: { [keys: string]: RemoteParticipantState },\n  dominantSpeakerIds: string[]\n): { dominantRemoteParticipantId: RemoteParticipantState } => {\n  let dominantRemoteParticipantId = dominantSpeakerIds[0];\n\n  // Fallback to using the first remote participant if there are no dominant speaker IDs\n  // or if the dominant speaker is no longer available in the list of remoteParticipantIds\n  const remoteParticipantIds = Object.keys(remoteParticipants);\n  if (!dominantRemoteParticipantId || !remoteParticipantIds.includes(dominantRemoteParticipantId)) {\n    dominantRemoteParticipantId = remoteParticipantIds[0];\n  }\n\n  return { dominantRemoteParticipantId: remoteParticipants[dominantRemoteParticipantId] };\n};\n\nconst updateUserDisplayNamesTrampoline = (remoteParticipants: RemoteParticipantState[]): RemoteParticipantState[] => {\n  /* @conditional-compile-remove(PSTN-calls) */\n  return _updateUserDisplayNames(remoteParticipants);\n  return remoteParticipants;\n};\n\"../../../../../calling-component-bindings/src\"\"../../../../../calling-stateful-client/src\""]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/lobbySelector.d.ts

@@ -2,7 +2,7 @@ import * as reselect from 'reselect';
 /**
  * @private
  */
-export declare const lobbySelector: reselect.OutputSelector<import("..").CallAdapterState, {
+export declare const lobbySelector: reselect.OutputSelector<import("../../../../../communication-react/src/index").CallAdapterState, {
     localParticipantVideoStream: {
         isAvailable: boolean;
         isMirrored: boolean | undefined;

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/lobbySelector.js

@@ -5,7 +5,7 @@ import { localVideoSelector } from './localVideoStreamSelector';
 /**
  * @private
  */
-export const lobbySelector = reselect.createSelector([localVideoSelector], localVideoStreamInfo => {
+export const lobbySelector = reselect.createSelector([localVideoSelector], (localVideoStreamInfo) => {
     return {
         localParticipantVideoStream: localVideoStreamInfo
     };

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/lobbySelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"lobbySelector.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/selectors/lobbySelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,kBAAkB,CAAC,EAAE,oBAAoB,CAAC,EAAE;IAChG,OAAO;QACL,2BAA2B,EAAE,oBAAoB;KAClD,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { _isInCall, _isPreviewOn } from '@internal/calling-component-bindings';\nimport * as reselect from 'reselect';\nimport { localVideoSelector } from './localVideoStreamSelector';\n\n/**\n * @private\n */\nexport const lobbySelector = reselect.createSelector([localVideoSelector], localVideoStreamInfo => {\n  return {\n    localParticipantVideoStream: localVideoStreamInfo\n  };\n});\"../../../../../calling-component-bindings/src\""]}
+{"version":3,"file":"lobbySelector.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/selectors/lobbySelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,kBAAkB,CAAC,EAAE,CAAC,oBAAoB,EAAE,EAAE;IAClG,OAAO;QACL,2BAA2B,EAAE,oBAAoB;KAClD,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { _isInCall, _isPreviewOn } from '@internal/calling-component-bindings';\nimport * as reselect from 'reselect';\nimport { localVideoSelector } from './localVideoStreamSelector';\n\n/**\n * @private\n */\nexport const lobbySelector = reselect.createSelector([localVideoSelector], (localVideoStreamInfo) => {\n  return {\n    localParticipantVideoStream: localVideoStreamInfo\n  };\n});\n\"../../../../../calling-component-bindings/src\""]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/localAndRemotePIPSelector.d.ts

@@ -3,7 +3,7 @@ import * as reselect from 'reselect';
  * Picture in picture in picture needs to display the most-dominant remote speaker, as well as the local participant video.
  * @private
  */
-export declare const localAndRemotePIPSelector: reselect.OutputSelector<import("..").CallAdapterState, {
+export declare const localAndRemotePIPSelector: reselect.OutputSelector<import("../../../../../communication-react/src/index").CallAdapterState, {
     localParticipant: {
         displayName: string | undefined;
         videoStream: {
@@ -12,8 +12,8 @@ export declare const localAndRemotePIPSelector: reselect.OutputSelector<import("
             renderElement: HTMLElement | undefined;
         };
     };
-    dominantRemoteParticipant: import("../../../../../react-components/src").VideoGalleryRemoteParticipant | undefined;
-}, (res1: string | undefined, res2: import("../../../../../react-components/src").VideoGalleryRemoteParticipant | undefined, res3: {
+    dominantRemoteParticipant: import("../../../../../communication-react/src/index").VideoGalleryRemoteParticipant | undefined;
+}, (res1: string | undefined, res2: import("../../../../../communication-react/src/index").VideoGalleryRemoteParticipant | undefined, res3: {
     isAvailable: boolean;
     isMirrored: boolean | undefined;
     renderElement: HTMLElement | undefined;
@@ -26,6 +26,6 @@ export declare const localAndRemotePIPSelector: reselect.OutputSelector<import("
             renderElement: HTMLElement | undefined;
         };
     };
-    dominantRemoteParticipant: import("../../../../../react-components/src").VideoGalleryRemoteParticipant | undefined;
+    dominantRemoteParticipant: import("../../../../../communication-react/src/index").VideoGalleryRemoteParticipant | undefined;
 }>;
 //# sourceMappingURL=localAndRemotePIPSelector.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/localAndRemotePIPSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"localAndRemotePIPSelector.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/selectors/localAndRemotePIPSelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,iCAAiC,EAAE,MAAM,qCAAqC,CAAC;AACxF,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD;;;GAGG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,cAAc,EAAE,iCAAiC,EAAE,kBAAkB,CAAC,EAAE,CAAC,WAAW,EAAE,yBAAyB,EAAE,oBAAoB,EAAE,EAAE;IACzM,OAAO;QACL,gBAAgB,EAAE;YAChB,WAAW;YACX,WAAW,EAAE,oBAAoB;SAClC;QACD,yBAAyB;KAC1B,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { _isInCall, _isPreviewOn, _videoGalleryRemoteParticipantsMemo } from '@internal/calling-component-bindings';\nimport * as reselect from 'reselect';\nimport { localVideoSelector } from './localVideoStreamSelector';\nimport { dominantRemoteParticipantSelector } from './dominantRemoteParticipantSelector';\nimport { getDisplayName } from './baseSelectors';\n\n/**\n * Picture in picture in picture needs to display the most-dominant remote speaker, as well as the local participant video.\n * @private\n */\nexport const localAndRemotePIPSelector = reselect.createSelector([getDisplayName, dominantRemoteParticipantSelector, localVideoSelector], (displayName, dominantRemoteParticipant, localVideoStreamInfo) => {\n  return {\n    localParticipant: {\n      displayName,\n      videoStream: localVideoStreamInfo\n    },\n    dominantRemoteParticipant\n  };\n});\"../../../../../calling-component-bindings/src\""]}
+{"version":3,"file":"localAndRemotePIPSelector.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/selectors/localAndRemotePIPSelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,iCAAiC,EAAE,MAAM,qCAAqC,CAAC;AACxF,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD;;;GAGG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,QAAQ,CAAC,cAAc,CAC9D,CAAC,cAAc,EAAE,iCAAiC,EAAE,kBAAkB,CAAC,EACvE,CAAC,WAAW,EAAE,yBAAyB,EAAE,oBAAoB,EAAE,EAAE;IAC/D,OAAO;QACL,gBAAgB,EAAE;YAChB,WAAW;YACX,WAAW,EAAE,oBAAoB;SAClC;QACD,yBAAyB;KAC1B,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { _isInCall, _isPreviewOn, _videoGalleryRemoteParticipantsMemo } from '@internal/calling-component-bindings';\nimport * as reselect from 'reselect';\nimport { localVideoSelector } from './localVideoStreamSelector';\nimport { dominantRemoteParticipantSelector } from './dominantRemoteParticipantSelector';\nimport { getDisplayName } from './baseSelectors';\n\n/**\n * Picture in picture in picture needs to display the most-dominant remote speaker, as well as the local participant video.\n * @private\n */\nexport const localAndRemotePIPSelector = reselect.createSelector(\n  [getDisplayName, dominantRemoteParticipantSelector, localVideoSelector],\n  (displayName, dominantRemoteParticipant, localVideoStreamInfo) => {\n    return {\n      localParticipant: {\n        displayName,\n        videoStream: localVideoStreamInfo\n      },\n      dominantRemoteParticipant\n    };\n  }\n);\n\"../../../../../calling-component-bindings/src\""]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/localPreviewSelector.d.ts

@@ -2,9 +2,9 @@ import * as reselect from 'reselect';
 /**
  * @private
  */
-export declare const localPreviewSelector: reselect.OutputSelector<import("..").CallAdapterState, {
+export declare const localPreviewSelector: reselect.OutputSelector<import("../../../../../communication-react/src/index").CallAdapterState, {
     videoStreamElement: HTMLElement | null;
-}, (res: import("../../../../../calling-stateful-client/src").DeviceManagerState) => {
+}, (res: import("../../../../../communication-react/src/index").DeviceManagerState) => {
     videoStreamElement: HTMLElement | null;
 }>;
 //# sourceMappingURL=localPreviewSelector.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/localPreviewSelector.js

@@ -5,12 +5,12 @@ import { getDeviceManager } from './baseSelectors';
 /**
  * @private
  */
-export const localPreviewSelector = reselect.createSelector([getDeviceManager], deviceManager => {
+export const localPreviewSelector = reselect.createSelector([getDeviceManager], (deviceManager) => {
     // TODO: we should take in a LocalVideoStream that developer wants to use as their 'Preview' view. We should also
     // handle cases where 'Preview' view is in progress and not necessary completed.
-    const view = deviceManager.cameras.length > 0 &&
-        // This ensures that the video stream is reset if camera devices are removed.
-        deviceManager.unparentedViews.length > 0 && deviceManager.unparentedViews[0].view;
+    const view = deviceManager.cameras.length > 0 && // This ensures that the video stream is reset if camera devices are removed.
+        deviceManager.unparentedViews.length > 0 &&
+        deviceManager.unparentedViews[0].view;
     return {
         videoStreamElement: view ? view.target : null
     };

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/localPreviewSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"localPreviewSelector.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/selectors/localPreviewSelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,gBAAgB,CAAC,EAAE,aAAa,CAAC,EAAE;IAC9F,iHAAiH;IACjH,gFAAgF;IAChF,MAAM,IAAI,GAAG,aAAa,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC;QAC7C,6EAA6E;QAC7E,aAAa,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,IAAI,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAClF,OAAO;QACL,kBAAkB,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;KAC9C,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport * as reselect from 'reselect';\nimport { getDeviceManager } from './baseSelectors';\n\n/**\r\n * @private\r\n */\nexport const localPreviewSelector = reselect.createSelector([getDeviceManager], deviceManager => {\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  const view = deviceManager.cameras.length > 0 &&\n  // This ensures that the video stream is reset if camera devices are removed.\n  deviceManager.unparentedViews.length > 0 && deviceManager.unparentedViews[0].view;\n  return {\n    videoStreamElement: view ? view.target : null\n  };\n});"]}
+{"version":3,"file":"localPreviewSelector.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/selectors/localPreviewSelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,gBAAgB,CAAC,EAAE,CAAC,aAAa,EAAE,EAAE;IAChG,iHAAiH;IACjH,gFAAgF;IAChF,MAAM,IAAI,GACR,aAAa,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,6EAA6E;QACjH,aAAa,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC;QACxC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACxC,OAAO;QACL,kBAAkB,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;KAC9C,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\r\n// Licensed under the MIT license.\r\n\r\nimport * as reselect from 'reselect';\r\nimport { getDeviceManager } from './baseSelectors';\r\n\r\n/**\r\n * @private\r\n */\r\nexport const localPreviewSelector = reselect.createSelector([getDeviceManager], (deviceManager) => {\r\n  // TODO: we should take in a LocalVideoStream that developer wants to use as their 'Preview' view. We should also\r\n  // handle cases where 'Preview' view is in progress and not necessary completed.\r\n  const view =\r\n    deviceManager.cameras.length > 0 && // This ensures that the video stream is reset if camera devices are removed.\r\n    deviceManager.unparentedViews.length > 0 &&\r\n    deviceManager.unparentedViews[0].view;\r\n  return {\r\n    videoStreamElement: view ? view.target : null\r\n  };\r\n});\r\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/localVideoStreamSelector.d.ts

@@ -3,7 +3,7 @@ import * as reselect from 'reselect';
 /**
  * @private
  */
-export declare const localVideoSelector: reselect.OutputSelector<import("..").CallAdapterState, {
+export declare const localVideoSelector: reselect.OutputSelector<import("../../../../../communication-react/src/index").CallAdapterState, {
     isAvailable: boolean;
     isMirrored: boolean | undefined;
     renderElement: HTMLElement | undefined;

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/localVideoStreamSelector.js

@@ -11,7 +11,7 @@ export const localVideoSelector = reselect.createSelector([callStatusSelector, g
     var _a, _b;
     let localVideoStream;
     if (_isInCall(callStatus.callStatus)) {
-        localVideoStream = localVideoStreams === null || localVideoStreams === void 0 ? void 0 : localVideoStreams.find(i => i.mediaStreamType === 'Video');
+        localVideoStream = localVideoStreams === null || localVideoStreams === void 0 ? void 0 : localVideoStreams.find((i) => i.mediaStreamType === 'Video');
     }
     else if (_isPreviewOn(deviceManager)) {
         // TODO: we should take in a LocalVideoStream that developer wants to use as their 'Preview' view. We should also

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/localVideoStreamSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"localVideoStreamSelector.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/selectors/localVideoStreamSelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,sDAA6C;AAE/E,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,kBAAkB,EAAE,gBAAgB,EAAE,oBAAoB,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,EAAE,iBAAiB,EAAE,EAAE;;IACvK,IAAI,gBAAmD,CAAC;IACxD,IAAI,SAAS,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE;QACpC,gBAAgB,GAAG,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,KAAK,OAAO,CAAC,CAAC;KAChF;SAAM,IAAI,YAAY,CAAC,aAAa,CAAC,EAAE;QACtC,iHAAiH;QACjH,gFAAgF;QAChF,gBAAgB,GAAG,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;KACrD;IACD,OAAO;QACL,WAAW,EAAE,CAAC,CAAC,gBAAgB;QAC/B,UAAU,EAAE,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,0CAAE,UAAU;QAC9C,aAAa,EAAE,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,0CAAE,MAAM;KAC9C,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { _isInCall, _isPreviewOn } from '@internal/calling-component-bindings';\nimport { LocalVideoStreamState } from '@internal/calling-stateful-client';\nimport * as reselect from 'reselect';\nimport { getDeviceManager, getLocalVideoStreams } from './baseSelectors';\nimport { callStatusSelector } from './callStatusSelector';\n\n/**\n * @private\n */\nexport const localVideoSelector = reselect.createSelector([callStatusSelector, getDeviceManager, getLocalVideoStreams], (callStatus, deviceManager, localVideoStreams) => {\n  let localVideoStream: LocalVideoStreamState | undefined;\n  if (_isInCall(callStatus.callStatus)) {\n    localVideoStream = localVideoStreams?.find(i => i.mediaStreamType === 'Video');\n  } else if (_isPreviewOn(deviceManager)) {\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    localVideoStream = deviceManager.unparentedViews[0];\n  }\n  return {\n    isAvailable: !!localVideoStream,\n    isMirrored: localVideoStream?.view?.isMirrored,\n    renderElement: localVideoStream?.view?.target\n  };\n});\"../../../../../calling-component-bindings/src\"\"../../../../../calling-stateful-client/src\""]}
+{"version":3,"file":"localVideoStreamSelector.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/selectors/localVideoStreamSelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,sDAA6C;AAE/E,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,cAAc,CACvD,CAAC,kBAAkB,EAAE,gBAAgB,EAAE,oBAAoB,CAAC,EAC5D,CAAC,UAAU,EAAE,aAAa,EAAE,iBAAiB,EAAE,EAAE;;IAC/C,IAAI,gBAAmD,CAAC;IACxD,IAAI,SAAS,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE;QACpC,gBAAgB,GAAG,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,KAAK,OAAO,CAAC,CAAC;KAClF;SAAM,IAAI,YAAY,CAAC,aAAa,CAAC,EAAE;QACtC,iHAAiH;QACjH,gFAAgF;QAChF,gBAAgB,GAAG,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;KACrD;IAED,OAAO;QACL,WAAW,EAAE,CAAC,CAAC,gBAAgB;QAC/B,UAAU,EAAE,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,0CAAE,UAAU;QAC9C,aAAa,EAAE,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,0CAAE,MAAM;KAC9C,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { _isInCall, _isPreviewOn } from '@internal/calling-component-bindings';\nimport { LocalVideoStreamState } from '@internal/calling-stateful-client';\nimport * as reselect from 'reselect';\nimport { getDeviceManager, getLocalVideoStreams } from './baseSelectors';\nimport { callStatusSelector } from './callStatusSelector';\n\n/**\n * @private\n */\nexport const localVideoSelector = reselect.createSelector(\n  [callStatusSelector, getDeviceManager, getLocalVideoStreams],\n  (callStatus, deviceManager, localVideoStreams) => {\n    let localVideoStream: LocalVideoStreamState | undefined;\n    if (_isInCall(callStatus.callStatus)) {\n      localVideoStream = localVideoStreams?.find((i) => i.mediaStreamType === 'Video');\n    } else if (_isPreviewOn(deviceManager)) {\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      localVideoStream = deviceManager.unparentedViews[0];\n    }\n\n    return {\n      isAvailable: !!localVideoStream,\n      isMirrored: localVideoStream?.view?.isMirrored,\n      renderElement: localVideoStream?.view?.target\n    };\n  }\n);\n\"../../../../../calling-component-bindings/src\"\"../../../../../calling-stateful-client/src\""]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/mediaGallerySelector.d.ts

@@ -2,16 +2,16 @@ import * as reselect from 'reselect';
 /**
  * @private
  */
-export declare const mediaGallerySelector: reselect.OutputSelector<import("..").CallAdapterState, {
+export declare const mediaGallerySelector: reselect.OutputSelector<import("../../../../../communication-react/src/index").CallAdapterState, {
     isVideoStreamOn: boolean;
-}, (res: import("../../../../../calling-stateful-client/src").LocalVideoStreamState[] | undefined) => {
+}, (res: import("../../../../../communication-react/src/index").LocalVideoStreamState[] | undefined) => {
     isVideoStreamOn: boolean;
 }>;
 /**
  * Custom selector for this hook to retrieve all the participants that are currently
  * connected to the call.
  */
-export declare const getRemoteParticipantsConnectedSelector: reselect.OutputSelector<import("..").CallAdapterState, import("../../../../../calling-stateful-client/src").RemoteParticipantState[], (res: {
-    [keys: string]: import("../../../../../calling-stateful-client/src").RemoteParticipantState;
-} | undefined) => import("../../../../../calling-stateful-client/src").RemoteParticipantState[]>;
+export declare const getRemoteParticipantsConnectedSelector: reselect.OutputSelector<import("../../../../../communication-react/src/index").CallAdapterState, import("../../../../../communication-react/src/index").RemoteParticipantState[], (res: {
+    [keys: string]: import("../../../../../communication-react/src/index").RemoteParticipantState;
+} | undefined) => import("../../../../../communication-react/src/index").RemoteParticipantState[]>;
 //# sourceMappingURL=mediaGallerySelector.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/mediaGallerySelector.js

@@ -5,18 +5,18 @@ import { getLocalVideoStreams, getRemoteParticipants } from './baseSelectors';
 /**
  * @private
  */
-export const mediaGallerySelector = reselect.createSelector([getLocalVideoStreams], localVideoStreams => {
+export const mediaGallerySelector = reselect.createSelector([getLocalVideoStreams], (localVideoStreams) => {
     var _a, _b;
     return {
-        isVideoStreamOn: !!((_b = (_a = localVideoStreams === null || localVideoStreams === void 0 ? void 0 : localVideoStreams.find(stream => stream.mediaStreamType === 'Video')) === null || _a === void 0 ? void 0 : _a.view) === null || _b === void 0 ? void 0 : _b.target)
+        isVideoStreamOn: !!((_b = (_a = localVideoStreams === null || localVideoStreams === void 0 ? void 0 : localVideoStreams.find((stream) => stream.mediaStreamType === 'Video')) === null || _a === void 0 ? void 0 : _a.view) === null || _b === void 0 ? void 0 : _b.target)
     };
 });
 /**
  * Custom selector for this hook to retrieve all the participants that are currently
  * connected to the call.
  */
-export const getRemoteParticipantsConnectedSelector = reselect.createSelector([getRemoteParticipants], remoteParticipants => {
+export const getRemoteParticipantsConnectedSelector = reselect.createSelector([getRemoteParticipants], (remoteParticipants) => {
     const participants = Object.values(remoteParticipants !== null && remoteParticipants !== void 0 ? remoteParticipants : {});
-    return participants.filter(p => p.state === 'Connected');
+    return participants.filter((p) => p.state === 'Connected');
 });
 //# sourceMappingURL=mediaGallerySelector.js.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/mediaGallerySelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"mediaGallerySelector.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/selectors/mediaGallerySelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAE9E;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,oBAAoB,CAAC,EAAE,iBAAiB,CAAC,EAAE;;IACtG,OAAO;QACL,eAAe,EAAE,CAAC,CAAC,CAAA,MAAA,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,eAAe,KAAK,OAAO,CAAC,0CAAE,IAAI,0CAAE,MAAM,CAAA;KACvG,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,sCAAsC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,qBAAqB,CAAC,EAAE,kBAAkB,CAAC,EAAE;IAC1H,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,EAAE,CAAC,CAAC;IAC7D,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,WAAW,CAAC,CAAC;AAC3D,CAAC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport * as reselect from 'reselect';\nimport { getLocalVideoStreams, getRemoteParticipants } from './baseSelectors';\n\n/**\n * @private\n */\nexport const mediaGallerySelector = reselect.createSelector([getLocalVideoStreams], localVideoStreams => {\n  return {\n    isVideoStreamOn: !!localVideoStreams?.find(stream => stream.mediaStreamType === 'Video')?.view?.target\n  };\n});\n\n/**\n * Custom selector for this hook to retrieve all the participants that are currently\n * connected to the call.\n */\nexport const getRemoteParticipantsConnectedSelector = reselect.createSelector([getRemoteParticipants], remoteParticipants => {\n  const participants = Object.values(remoteParticipants ?? {});\n  return participants.filter(p => p.state === 'Connected');\n});"]}
+{"version":3,"file":"mediaGallerySelector.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/selectors/mediaGallerySelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAE9E;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,oBAAoB,CAAC,EAAE,CAAC,iBAAiB,EAAE,EAAE;;IACxG,OAAO;QACL,eAAe,EAAE,CAAC,CAAC,CAAA,MAAA,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,eAAe,KAAK,OAAO,CAAC,0CAAE,IAAI,0CAAE,MAAM,CAAA;KACzG,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,sCAAsC,GAAG,QAAQ,CAAC,cAAc,CAC3E,CAAC,qBAAqB,CAAC,EACvB,CAAC,kBAAkB,EAAE,EAAE;IACrB,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,EAAE,CAAC,CAAC;IAC7D,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,WAAW,CAAC,CAAC;AAC7D,CAAC,CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport * as reselect from 'reselect';\nimport { getLocalVideoStreams, getRemoteParticipants } from './baseSelectors';\n\n/**\n * @private\n */\nexport const mediaGallerySelector = reselect.createSelector([getLocalVideoStreams], (localVideoStreams) => {\n  return {\n    isVideoStreamOn: !!localVideoStreams?.find((stream) => stream.mediaStreamType === 'Video')?.view?.target\n  };\n});\n\n/**\n * Custom selector for this hook to retrieve all the participants that are currently\n * connected to the call.\n */\nexport const getRemoteParticipantsConnectedSelector = reselect.createSelector(\n  [getRemoteParticipants],\n  (remoteParticipants) => {\n    const participants = Object.values(remoteParticipants ?? {});\n    return participants.filter((p) => p.state === 'Connected');\n  }\n);\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/mutedNotificationSelector.d.ts

@@ -2,9 +2,9 @@ import * as reselect from 'reselect';
 /**
  * @private
  */
-export declare const mutedNotificationSelector: reselect.OutputSelector<import("..").CallAdapterState, {
+export declare const mutedNotificationSelector: reselect.OutputSelector<import("../../../../../communication-react/src/index").CallAdapterState, {
     speakingWhileMuted: boolean;
-}, (res: import("../../../../../calling-stateful-client/src").DiagnosticsCallFeatureState | undefined) => {
+}, (res: import("../../../../../communication-react/src/index").DiagnosticsCallFeatureState | undefined) => {
     speakingWhileMuted: boolean;
 }>;
 //# sourceMappingURL=mutedNotificationSelector.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/mutedNotificationSelector.js

@@ -5,7 +5,7 @@ import { getUserFacingDiagnostics } from './baseSelectors';
 /**
  * @private
  */
-export const mutedNotificationSelector = reselect.createSelector([getUserFacingDiagnostics], diagnostics => {
+export const mutedNotificationSelector = reselect.createSelector([getUserFacingDiagnostics], (diagnostics) => {
     var _a;
     return {
         speakingWhileMuted: !!((_a = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.speakingWhileMicrophoneIsMuted) === null || _a === void 0 ? void 0 : _a.value)

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/mutedNotificationSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"mutedNotificationSelector.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/selectors/mutedNotificationSelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAE3D;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,wBAAwB,CAAC,EAAE,WAAW,CAAC,EAAE;;IACzG,OAAO;QACL,kBAAkB,EAAE,CAAC,CAAC,CAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAC,MAAM,CAAC,8BAA8B,0CAAE,KAAK,CAAA;KACtF,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport * as reselect from 'reselect';\nimport { getUserFacingDiagnostics } from './baseSelectors';\n\n/**\n * @private\n */\nexport const mutedNotificationSelector = reselect.createSelector([getUserFacingDiagnostics], diagnostics => {\n  return {\n    speakingWhileMuted: !!diagnostics?.media.latest.speakingWhileMicrophoneIsMuted?.value\n  };\n});"]}
+{"version":3,"file":"mutedNotificationSelector.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/selectors/mutedNotificationSelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAE3D;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,wBAAwB,CAAC,EAAE,CAAC,WAAW,EAAE,EAAE;;IAC3G,OAAO;QACL,kBAAkB,EAAE,CAAC,CAAC,CAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAC,MAAM,CAAC,8BAA8B,0CAAE,KAAK,CAAA;KACtF,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport * as reselect from 'reselect';\nimport { getUserFacingDiagnostics } from './baseSelectors';\n\n/**\n * @private\n */\nexport const mutedNotificationSelector = reselect.createSelector([getUserFacingDiagnostics], (diagnostics) => {\n  return {\n    speakingWhileMuted: !!diagnostics?.media.latest.speakingWhileMicrophoneIsMuted?.value\n  };\n});\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/networkReconnectTileSelector.d.ts

@@ -2,14 +2,14 @@ import * as reselect from 'reselect';
 /**
  * @private
  */
-export declare const networkReconnectTileSelector: reselect.OutputSelector<import("..").CallAdapterState, {
+export declare const networkReconnectTileSelector: reselect.OutputSelector<import("../../../../../communication-react/src/index").CallAdapterState, {
     networkReconnectValue: boolean | import("@azure/communication-calling").DiagnosticQuality | undefined;
     localParticipantVideoStream: {
         isAvailable: boolean;
         isMirrored: boolean | undefined;
         renderElement: HTMLElement | undefined;
     };
-}, (res1: import("../../../../../calling-stateful-client/src").DiagnosticsCallFeatureState | undefined, res2: {
+}, (res1: import("../../../../../communication-react/src/index").DiagnosticsCallFeatureState | undefined, res2: {
     localParticipantVideoStream: {
         isAvailable: boolean;
         isMirrored: boolean | undefined;

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/networkReconnectTileSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"networkReconnectTileSelector.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/selectors/networkReconnectTileSelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,wBAAwB,EAAE,aAAa,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,EAAE;;IACzI,OAAO;QACL,qBAAqB,EAAE,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAC,MAAM,CAAC,gBAAgB,0CAAE,KAAK;QAC1E,2BAA2B,EAAE,UAAU,CAAC,2BAA2B;KACpE,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport * as reselect from 'reselect';\nimport { getUserFacingDiagnostics } from './baseSelectors';\nimport { lobbySelector } from './lobbySelector';\n\n/**\n * @private\n */\nexport const networkReconnectTileSelector = reselect.createSelector([getUserFacingDiagnostics, lobbySelector], (diagnostics, lobbyProps) => {\n  return {\n    networkReconnectValue: diagnostics?.network.latest.networkReconnect?.value,\n    localParticipantVideoStream: lobbyProps.localParticipantVideoStream\n  };\n});"]}
+{"version":3,"file":"networkReconnectTileSelector.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/selectors/networkReconnectTileSelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,QAAQ,CAAC,cAAc,CACjE,CAAC,wBAAwB,EAAE,aAAa,CAAC,EACzC,CAAC,WAAW,EAAE,UAAU,EAAE,EAAE;;IAC1B,OAAO;QACL,qBAAqB,EAAE,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAC,MAAM,CAAC,gBAAgB,0CAAE,KAAK;QAC1E,2BAA2B,EAAE,UAAU,CAAC,2BAA2B;KACpE,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport * as reselect from 'reselect';\nimport { getUserFacingDiagnostics } from './baseSelectors';\nimport { lobbySelector } from './lobbySelector';\n\n/**\n * @private\n */\nexport const networkReconnectTileSelector = reselect.createSelector(\n  [getUserFacingDiagnostics, lobbySelector],\n  (diagnostics, lobbyProps) => {\n    return {\n      networkReconnectValue: diagnostics?.network.latest.networkReconnect?.value,\n      localParticipantVideoStream: lobbyProps.localParticipantVideoStream\n    };\n  }\n);\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/videoBackgroundErrorsSelector.d.ts

@@ -0,0 +1,7 @@
+import * as reselect from 'reselect';
+import { AdapterErrors } from '../../common/adapters';
+/**
+ * @private
+ */
+export declare const videoBackgroundErrorsSelector: reselect.OutputSelector<import("../../../../../communication-react/src/index").CallAdapterState, import("../../common/adapters").AdapterError | undefined, (res: AdapterErrors) => import("../../common/adapters").AdapterError | undefined>;
+//# sourceMappingURL=videoBackgroundErrorsSelector.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/videoBackgroundErrorsSelector.js

@@ -0,0 +1,14 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import * as reselect from 'reselect';
+import { getLatestErrors } from './baseSelectors';
+/**
+ * @private
+ */
+export const videoBackgroundErrorsSelector = reselect.createSelector([getLatestErrors], (errors) => {
+    if (errors && errors['VideoEffectsFeature.startEffects']) {
+        return errors['VideoEffectsFeature.startEffects'];
+    }
+    return undefined;
+});
+//# sourceMappingURL=videoBackgroundErrorsSelector.js.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/videoBackgroundErrorsSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"videoBackgroundErrorsSelector.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/selectors/videoBackgroundErrorsSelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAGlD;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,eAAe,CAAC,EAAE,CAAC,MAAsB,EAAE,EAAE;IACjH,IAAI,MAAM,IAAI,MAAM,CAAC,kCAAkC,CAAC,EAAE;QACxD,OAAO,MAAM,CAAC,kCAAkC,CAAC,CAAC;KACnD;IACD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport * as reselect from 'reselect';\nimport { getLatestErrors } from './baseSelectors';\nimport { AdapterErrors } from '../../common/adapters';\n\n/**\n * @private\n */\nexport const videoBackgroundErrorsSelector = reselect.createSelector([getLatestErrors], (errors?: AdapterErrors) => {\n  if (errors && errors['VideoEffectsFeature.startEffects']) {\n    return errors['VideoEffectsFeature.startEffects'];\n  }\n  return undefined;\n});\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/Buttons.styles.js

@@ -96,7 +96,7 @@ export const controlButtonBaseStyle = {
  */
 export const concatButtonBaseStyles = (...styles) => {
     let result = controlButtonBaseStyle;
-    styles.forEach(style => {
+    styles.forEach((style) => {
         result = concatStyleSets(result, style);
     });
     return result;

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/Buttons.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Buttons.styles.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/styles/Buttons.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,eAAe,EAAoD,MAAM,iBAAiB,CAAC;AAEpG,MAAM,+BAA+B,GAAG,CAAC,CAAC;AAE1C,eAAe;AACf,MAAM,CAAC,MAAM,yBAAyB,GAAW;IAC/C,UAAU,EAAE,SAAS;IACrB,aAAa,EAAE,SAAS;IACxB,4HAA4H;IAC5H,SAAS,EAAE;;;GAGV;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,IAAI,EAAE;QACJ,MAAM,EAAE,UAAU;QAClB,YAAY,EAAE,CAAC;QACf,MAAM,EAAE,WAAW;QACnB,KAAK,EAAE,WAAW;KACnB;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mCAAmC,GAAG;IACjD,IAAI,EAAE;QACJ,MAAM,EAAE,GAAG;QACX,YAAY,EAAE,QAAQ;KACvB;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAA8B;IACxE,IAAI,EAAE;QACJ,MAAM,EAAE,GAAG,+BAA+B,KAAK;QAC/C,UAAU,EAAE,GAAG,+BAA+B,KAAK;QACnD,SAAS,EAAE,OAAO;KACnB;IACD,WAAW,EAAE;QACX,MAAM,EAAE,GAAG,+BAA+B,KAAK;QAC/C,UAAU,EAAE,GAAG,+BAA+B,KAAK;QACnD,SAAS,EAAE,OAAO;KACnB;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,OAAO;QAClB,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,0CAA0C,GAA6B;IAClF,UAAU,EAAE;QACV,cAAc,EAAE,+BAA+B;QAC/C,qBAAqB,EAAE;YACrB,qBAAqB,EAAE;gBACrB,IAAI,EAAE;oBACJ,MAAM,EAAE,GAAG,+BAA+B,KAAK;iBAChD;gBACD,6BAA6B,EAAE,+BAA+B;aAC/D;SACF;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sCAAsC,GAAwB;IACzE,UAAU,EAAE;QACV,cAAc,EAAE,+BAA+B;KAChD;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAkB;IACnD,KAAK,EAAE;QACL,QAAQ,EAAE,SAAS;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,GAAG,MAAuB,EAAiB,EAAE;IAClF,IAAI,MAAM,GAAG,sBAAsB,CAAC;IACpC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACrB,MAAM,GAAG,eAAe,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IACH,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { concatStyleSets, IButtonStyles, IContextualMenuItemStyles, IStyle } from '@fluentui/react';\nimport { DevicesButtonStyles, ParticipantsButtonStyles } from '@internal/react-components';\nconst MINIMUM_TOUCH_TARGET_HEIGHT_REM = 3;\n\n/** @private */\nexport const controlBarContainerStyles: IStyle = {\n  paddingTop: '0.25rem',\n  paddingBottom: '0.25rem',\n  // @TODO: this should be exposed through a custom CallComposite Theme API that extends the fluent theme with semantic values\n  boxShadow: `\n    0px 6.400000095367432px 14.399999618530273px 0px #00000021;\n    0px 1.2000000476837158px 3.5999999046325684px 0px #0000001A;\n  `\n};\n\n/**\n * @private\n */\nexport const groupCallLeaveButtonStyle = {\n  root: {\n    border: '0.125rem',\n    borderRadius: 2,\n    height: '2.1875rem',\n    width: '6.5625rem'\n  },\n  flexContainer: {\n    flexFlow: 'row'\n  }\n};\n\n/**\n * @private\n */\nexport const groupCallLeaveButtonCompressedStyle = {\n  root: {\n    border: '0',\n    borderRadius: '0.5rem'\n  },\n  flexContainer: {\n    flexFlow: 'row'\n  }\n};\n\n/**\n * Styles that can be applied to ensure flyout items have the minimum touch target size.\n *\n * @private\n */\nexport const buttonFlyoutIncreasedSizeStyles: IContextualMenuItemStyles = {\n  root: {\n    height: `${MINIMUM_TOUCH_TARGET_HEIGHT_REM}rem`,\n    lineHeight: `${MINIMUM_TOUCH_TARGET_HEIGHT_REM}rem`,\n    maxHeight: 'unset'\n  },\n  linkContent: {\n    height: `${MINIMUM_TOUCH_TARGET_HEIGHT_REM}rem`,\n    lineHeight: `${MINIMUM_TOUCH_TARGET_HEIGHT_REM}rem`,\n    maxHeight: 'unset'\n  },\n  icon: {\n    maxHeight: 'unset',\n    textAlign: 'center'\n  }\n};\n\n/**\n * @private\n */\nexport const participantButtonWithIncreasedTouchTargets: ParticipantsButtonStyles = {\n  menuStyles: {\n    menuItemStyles: buttonFlyoutIncreasedSizeStyles,\n    participantListStyles: {\n      participantItemStyles: {\n        root: {\n          height: `${MINIMUM_TOUCH_TARGET_HEIGHT_REM}rem`\n        },\n        participantSubMenuItemsStyles: buttonFlyoutIncreasedSizeStyles\n      }\n    }\n  }\n};\n\n/**\n * @private\n */\nexport const devicesButtonWithIncreasedTouchTargets: DevicesButtonStyles = {\n  menuStyles: {\n    menuItemStyles: buttonFlyoutIncreasedSizeStyles\n  }\n};\n\n/**\n * @private\n */\nexport const controlButtonBaseStyle: IButtonStyles = {\n  label: {\n    minWidth: '2.25rem'\n  }\n};\n\n/**\n * @private\n */\nexport const concatButtonBaseStyles = (...styles: IButtonStyles[]): IButtonStyles => {\n  let result = controlButtonBaseStyle;\n  styles.forEach(style => {\n    result = concatStyleSets(result, style);\n  });\n  return result;\n};\"../../../../../react-components/src\""]}
+{"version":3,"file":"Buttons.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/Buttons.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,eAAe,EAAoD,MAAM,iBAAiB,CAAC;AAGpG,MAAM,+BAA+B,GAAG,CAAC,CAAC;AAE1C,eAAe;AACf,MAAM,CAAC,MAAM,yBAAyB,GAAW;IAC/C,UAAU,EAAE,SAAS;IACrB,aAAa,EAAE,SAAS;IAExB,4HAA4H;IAC5H,SAAS,EAAE;;;GAGV;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,IAAI,EAAE;QACJ,MAAM,EAAE,UAAU;QAClB,YAAY,EAAE,CAAC;QACf,MAAM,EAAE,WAAW;QACnB,KAAK,EAAE,WAAW;KACnB;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mCAAmC,GAAG;IACjD,IAAI,EAAE;QACJ,MAAM,EAAE,GAAG;QACX,YAAY,EAAE,QAAQ;KACvB;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAA8B;IACxE,IAAI,EAAE;QACJ,MAAM,EAAE,GAAG,+BAA+B,KAAK;QAC/C,UAAU,EAAE,GAAG,+BAA+B,KAAK;QACnD,SAAS,EAAE,OAAO;KACnB;IACD,WAAW,EAAE;QACX,MAAM,EAAE,GAAG,+BAA+B,KAAK;QAC/C,UAAU,EAAE,GAAG,+BAA+B,KAAK;QACnD,SAAS,EAAE,OAAO;KACnB;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,OAAO;QAClB,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,0CAA0C,GAA6B;IAClF,UAAU,EAAE;QACV,cAAc,EAAE,+BAA+B;QAC/C,qBAAqB,EAAE;YACrB,qBAAqB,EAAE;gBACrB,IAAI,EAAE;oBACJ,MAAM,EAAE,GAAG,+BAA+B,KAAK;iBAChD;gBACD,6BAA6B,EAAE,+BAA+B;aAC/D;SACF;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sCAAsC,GAAwB;IACzE,UAAU,EAAE;QACV,cAAc,EAAE,+BAA+B;KAChD;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAkB;IACnD,KAAK,EAAE;QACL,QAAQ,EAAE,SAAS;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,GAAG,MAAuB,EAAiB,EAAE;IAClF,IAAI,MAAM,GAAG,sBAAsB,CAAC;IACpC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;QACvB,MAAM,GAAG,eAAe,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IACH,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { concatStyleSets, IButtonStyles, IContextualMenuItemStyles, IStyle } from '@fluentui/react';\nimport { DevicesButtonStyles, ParticipantsButtonStyles } from '@internal/react-components';\n\nconst MINIMUM_TOUCH_TARGET_HEIGHT_REM = 3;\n\n/** @private */\nexport const controlBarContainerStyles: IStyle = {\n  paddingTop: '0.25rem',\n  paddingBottom: '0.25rem',\n\n  // @TODO: this should be exposed through a custom CallComposite Theme API that extends the fluent theme with semantic values\n  boxShadow: `\n    0px 6.400000095367432px 14.399999618530273px 0px #00000021;\n    0px 1.2000000476837158px 3.5999999046325684px 0px #0000001A;\n  `\n};\n\n/**\n * @private\n */\nexport const groupCallLeaveButtonStyle = {\n  root: {\n    border: '0.125rem',\n    borderRadius: 2,\n    height: '2.1875rem',\n    width: '6.5625rem'\n  },\n  flexContainer: {\n    flexFlow: 'row'\n  }\n};\n\n/**\n * @private\n */\nexport const groupCallLeaveButtonCompressedStyle = {\n  root: {\n    border: '0',\n    borderRadius: '0.5rem'\n  },\n  flexContainer: {\n    flexFlow: 'row'\n  }\n};\n\n/**\n * Styles that can be applied to ensure flyout items have the minimum touch target size.\n *\n * @private\n */\nexport const buttonFlyoutIncreasedSizeStyles: IContextualMenuItemStyles = {\n  root: {\n    height: `${MINIMUM_TOUCH_TARGET_HEIGHT_REM}rem`,\n    lineHeight: `${MINIMUM_TOUCH_TARGET_HEIGHT_REM}rem`,\n    maxHeight: 'unset'\n  },\n  linkContent: {\n    height: `${MINIMUM_TOUCH_TARGET_HEIGHT_REM}rem`,\n    lineHeight: `${MINIMUM_TOUCH_TARGET_HEIGHT_REM}rem`,\n    maxHeight: 'unset'\n  },\n  icon: {\n    maxHeight: 'unset',\n    textAlign: 'center'\n  }\n};\n\n/**\n * @private\n */\nexport const participantButtonWithIncreasedTouchTargets: ParticipantsButtonStyles = {\n  menuStyles: {\n    menuItemStyles: buttonFlyoutIncreasedSizeStyles,\n    participantListStyles: {\n      participantItemStyles: {\n        root: {\n          height: `${MINIMUM_TOUCH_TARGET_HEIGHT_REM}rem`\n        },\n        participantSubMenuItemsStyles: buttonFlyoutIncreasedSizeStyles\n      }\n    }\n  }\n};\n\n/**\n * @private\n */\nexport const devicesButtonWithIncreasedTouchTargets: DevicesButtonStyles = {\n  menuStyles: {\n    menuItemStyles: buttonFlyoutIncreasedSizeStyles\n  }\n};\n\n/**\n * @private\n */\nexport const controlButtonBaseStyle: IButtonStyles = {\n  label: {\n    minWidth: '2.25rem'\n  }\n};\n\n/**\n * @private\n */\nexport const concatButtonBaseStyles = (...styles: IButtonStyles[]): IButtonStyles => {\n  let result = controlButtonBaseStyle;\n  styles.forEach((style) => {\n    result = concatStyleSets(result, style);\n  });\n  return result;\n};\n\"../../../../../react-components/src\""]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/CallComposite.styles.js

@@ -9,16 +9,12 @@ const mainScreenContainerStyle = {
 /**
  * @private
  */
-export const mainScreenContainerStyleDesktop = mergeStyles(Object.assign(Object.assign({}, mainScreenContainerStyle), { minWidth: '30rem', 
-    // max of min-width of composite pages (Call page)
-    minHeight: '22rem' // max height of min-height of composite pages (Configuration page)
+export const mainScreenContainerStyleDesktop = mergeStyles(Object.assign(Object.assign({}, mainScreenContainerStyle), { minWidth: '30rem', minHeight: '22rem' // max height of min-height of composite pages (Configuration page)
  }));
 /**
  * @private
  */
-export const mainScreenContainerStyleMobile = mergeStyles(Object.assign(Object.assign({}, mainScreenContainerStyle), { minWidth: '17.5rem', 
-    // max of min-width of composite pages (Call page)
-    minHeight: '13rem' // max height of min-height of composite pages (Configuration page & Call page)
+export const mainScreenContainerStyleMobile = mergeStyles(Object.assign(Object.assign({}, mainScreenContainerStyle), { minWidth: '17.5rem', minHeight: '13rem' // max height of min-height of composite pages (Configuration page & Call page)
  }));
 /**
  * @private

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/CallComposite.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CallComposite.styles.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/styles/CallComposite.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAkC,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9E,MAAM,eAAe,GAAG,CAAC,CAAC;AAC1B,MAAM,wBAAwB,GAAW;IACvC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;CACd,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAG,WAAW,iCACrD,wBAAwB,KAC3B,QAAQ,EAAE,OAAO;IACjB,kDAAkD;IAClD,SAAS,EAAE,OAAO,CAAC,mEAAmE;IACtF,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAG,WAAW,iCACpD,wBAAwB,KAC3B,QAAQ,EAAE,SAAS;IACnB,kDAAkD;IAClD,SAAS,EAAE,OAAO,CAAC,+EAA+E;IAClG,CAAC;AAEH;;;;GAIG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,SAAiB,eAAe,EAAgB,EAAE,CAAC,CAAC;IACxF,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,+DAA+D;QAC/D,uCAAuC;QACvC,MAAM,EAAE,MAAM;KACf;CACF,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,OAAiB,EAAU,EAAE,CAAC,CAAC;IAC9D,UAAU,EAAE,OAAO,CAAC,iBAAiB;CACtC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IPalette, IStackStyles, IStyle, mergeStyles } from '@fluentui/react';\nconst DEFAULT_Z_INDEX = 1;\nconst mainScreenContainerStyle: IStyle = {\n  height: '100%',\n  width: '100%'\n};\n\n/**\n * @private\n */\nexport const mainScreenContainerStyleDesktop = mergeStyles({\n  ...mainScreenContainerStyle,\n  minWidth: '30rem',\n  // max of min-width of composite pages (Call page)\n  minHeight: '22rem' // max height of min-height of composite pages (Configuration page)\n});\n\n/**\n * @private\n */\nexport const mainScreenContainerStyleMobile = mergeStyles({\n  ...mainScreenContainerStyle,\n  minWidth: '17.5rem',\n  // max of min-width of composite pages (Call page)\n  minHeight: '13rem' // max height of min-height of composite pages (Configuration page & Call page)\n});\n\n/**\n * @private\n * Drawer styles to be used to house the _DrawerComponent on top of other content on the screen.\n * @param zIndex: this defaults to DEFAULT_Z_INDEX if unset\n */\nexport const drawerContainerStyles = (zIndex: number = DEFAULT_Z_INDEX): IStackStyles => ({\n  root: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    width: '100%',\n    height: '100%',\n    // Any zIndex > 0 will work because this is the only absolutely\n    // positioned element in the container.\n    zIndex: zIndex\n  }\n});\n\n/**\n * @private\n * Page container style for leaving page\n */\nexport const leavingPageStyle = (palette: IPalette): IStyle => ({\n  background: palette.neutralLighterAlt\n});"]}
+{"version":3,"file":"CallComposite.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/CallComposite.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAkC,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9E,MAAM,eAAe,GAAG,CAAC,CAAC;AAE1B,MAAM,wBAAwB,GAAW;IACvC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;CACd,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAG,WAAW,iCACrD,wBAAwB,KAC3B,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,OAAO,CAAC,mEAAmE;IACtF,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAG,WAAW,iCACpD,wBAAwB,KAC3B,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAE,OAAO,CAAC,+EAA+E;IAClG,CAAC;AAEH;;;;GAIG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,SAAiB,eAAe,EAAgB,EAAE,CAAC,CAAC;IACxF,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,+DAA+D;QAC/D,uCAAuC;QACvC,MAAM,EAAE,MAAM;KACf;CACF,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,OAAiB,EAAU,EAAE,CAAC,CAAC;IAC9D,UAAU,EAAE,OAAO,CAAC,iBAAiB;CACtC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IPalette, IStackStyles, IStyle, mergeStyles } from '@fluentui/react';\n\nconst DEFAULT_Z_INDEX = 1;\n\nconst mainScreenContainerStyle: IStyle = {\n  height: '100%',\n  width: '100%'\n};\n\n/**\n * @private\n */\nexport const mainScreenContainerStyleDesktop = mergeStyles({\n  ...mainScreenContainerStyle,\n  minWidth: '30rem', // max of min-width of composite pages (Call page)\n  minHeight: '22rem' // max height of min-height of composite pages (Configuration page)\n});\n\n/**\n * @private\n */\nexport const mainScreenContainerStyleMobile = mergeStyles({\n  ...mainScreenContainerStyle,\n  minWidth: '17.5rem', // max of min-width of composite pages (Call page)\n  minHeight: '13rem' // max height of min-height of composite pages (Configuration page & Call page)\n});\n\n/**\n * @private\n * Drawer styles to be used to house the _DrawerComponent on top of other content on the screen.\n * @param zIndex: this defaults to DEFAULT_Z_INDEX if unset\n */\nexport const drawerContainerStyles = (zIndex: number = DEFAULT_Z_INDEX): IStackStyles => ({\n  root: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    width: '100%',\n    height: '100%',\n    // Any zIndex > 0 will work because this is the only absolutely\n    // positioned element in the container.\n    zIndex: zIndex\n  }\n});\n\n/**\n * @private\n * Page container style for leaving page\n */\nexport const leavingPageStyle = (palette: IPalette): IStyle => ({\n  background: palette.neutralLighterAlt\n});\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/CallConfiguration.styles.js

@@ -21,16 +21,12 @@ const configurationContainerStyle = {
 /**
  * @private
  */
-export const configurationContainerStyleDesktop = mergeStyles(Object.assign(Object.assign({}, configurationContainerStyle), { minWidth: '25rem', 
-    // sum of min-width from children + ChildrenGap * (nb of children - 1) + padding * 2 = (11 + 11) + (2 * 1) + 0.5 * 2
-    minHeight: '22rem' // max height of SelectionContainer + padding * 2 = 21 + 0.5 * 2
+export const configurationContainerStyleDesktop = mergeStyles(Object.assign(Object.assign({}, configurationContainerStyle), { minWidth: '25rem', minHeight: '22rem' // max height of SelectionContainer + padding * 2 = 21 + 0.5 * 2
  }));
 /**
  * @private
  */
-export const configurationContainerStyleMobile = mergeStyles(Object.assign(Object.assign({}, configurationContainerStyle), { minWidth: '16rem', 
-    // from LocalPreview: ControlBar width + 0.5 * 2 for spacing + padding * 2 = 14 + 0.5 * 2 + 0.5 * 2
-    minHeight: '13rem' }));
+export const configurationContainerStyleMobile = mergeStyles(Object.assign(Object.assign({}, configurationContainerStyle), { minWidth: '16rem', minHeight: '13rem' }));
 /**
  * @private
  */
@@ -148,7 +144,12 @@ export const fillWidth = mergeStyles({
 export const panelStyles = {
     content: {
         display: 'flex',
-        flexBasis: '100%'
+        flexBasis: '100%',
+        paddingLeft: '0rem',
+        paddingRight: '0rem' // remove default padding
+    },
+    commands: {
+        paddingTop: '0rem' // remove default padding
     },
     scrollableContent: {
         display: 'flex',