@azure/communication-react 1.23.0-alpha-202501120018 → 1.23.0

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

@@ -3,35 +3,35 @@ 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: ((state: import("index").CallAdapterUiState & import("index").CallAdapterClientState) => {
+export declare const localAndRemotePIPSelector: ((state: import("..").CallAdapterUiState & import("..").CallAdapterClientState) => {
     localParticipant: {
         displayName: string | undefined;
         videoStream: {
             isAvailable: boolean;
             isMirrored: boolean | undefined;
             renderElement: HTMLElement | undefined;
-            activeVideoEffects: import("index").LocalVideoStreamVideoEffectsState | undefined;
+            activeVideoEffects: import("../../../../../calling-stateful-client/src").LocalVideoStreamVideoEffectsState | undefined;
         };
-        raisedHand: import("index").RaisedHandState | undefined;
+        raisedHand: import("../../../../../calling-stateful-client/src").RaisedHandState | undefined;
     };
-    remoteParticipant: import("index").VideoGalleryRemoteParticipant | undefined;
-}) & reselect.OutputSelectorFields<(args_0: string | undefined, args_1: import("index").RemoteParticipantState | undefined, args_2: {
+    remoteParticipant: import("../../../../../react-components/src").VideoGalleryRemoteParticipant | undefined;
+}) & reselect.OutputSelectorFields<(args_0: string | undefined, args_1: import("../../../../../calling-stateful-client/src").RemoteParticipantState | undefined, args_2: {
     isAvailable: boolean;
     isMirrored: boolean | undefined;
     renderElement: HTMLElement | undefined;
-    activeVideoEffects: import("index").LocalVideoStreamVideoEffectsState | undefined;
-}, args_3: import("index").RaisedHandState | undefined, args_4: import("index").RemoteParticipantState | undefined) => {
+    activeVideoEffects: import("../../../../../calling-stateful-client/src").LocalVideoStreamVideoEffectsState | undefined;
+}, args_3: import("../../../../../calling-stateful-client/src").RaisedHandState | undefined, args_4: import("../../../../../calling-stateful-client/src").RemoteParticipantState | undefined) => {
     localParticipant: {
         displayName: string | undefined;
         videoStream: {
             isAvailable: boolean;
             isMirrored: boolean | undefined;
             renderElement: HTMLElement | undefined;
-            activeVideoEffects: import("index").LocalVideoStreamVideoEffectsState | undefined;
+            activeVideoEffects: import("../../../../../calling-stateful-client/src").LocalVideoStreamVideoEffectsState | undefined;
         };
-        raisedHand: import("index").RaisedHandState | undefined;
+        raisedHand: import("../../../../../calling-stateful-client/src").RaisedHandState | undefined;
     };
-    remoteParticipant: import("index").VideoGalleryRemoteParticipant | undefined;
+    remoteParticipant: import("../../../../../react-components/src").VideoGalleryRemoteParticipant | undefined;
 }, {
     clearCache: () => void;
 }> & {

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

@@ -12,20 +12,12 @@ import { getFirstSpotlightedRemoteParticipant } from './getFirstSpotlightedRemot
  * Picture in picture in picture needs to display the most-dominant remote speaker, as well as the local participant video.
  * @private
  */
-export const localAndRemotePIPSelector = reselect.createSelector([
-    getDisplayName,
-    dominantRemoteParticipantSelector,
-    localVideoSelector,
-    getLocalParticipantRaisedHand,
-    getFirstSpotlightedRemoteParticipant
-], (displayName, dominantRemoteParticipantState, localVideoStreamInfo, raisedHand, firstSpotlightedRemoteParticipantState) => {
+export const localAndRemotePIPSelector = reselect.createSelector([getDisplayName, dominantRemoteParticipantSelector, localVideoSelector, getLocalParticipantRaisedHand, getFirstSpotlightedRemoteParticipant], (displayName, dominantRemoteParticipantState, localVideoStreamInfo, raisedHand, firstSpotlightedRemoteParticipantState) => {
     let remoteParticipantState = dominantRemoteParticipantState;
     if (firstSpotlightedRemoteParticipantState) {
         remoteParticipantState = firstSpotlightedRemoteParticipantState;
     }
-    const remoteParticipant = remoteParticipantState
-        ? _videoGalleryRemoteParticipantsMemo(_updateUserDisplayNames([remoteParticipantState]))[0]
-        : undefined;
+    const remoteParticipant = remoteParticipantState ? _videoGalleryRemoteParticipantsMemo(_updateUserDisplayNames([remoteParticipantState]))[0] : undefined;
     return {
         localParticipant: {
             displayName,

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

@@ -1 +1 @@
-{"version":3,"file":"localAndRemotePIPSelector.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/selectors/localAndRemotePIPSelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,mCAAmC,EAAE,sDAA6C;AAC3F,OAAO,EAAE,uBAAuB,EAAE,sDAA6C;AAC/E,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;AACjD,OAAO,EAAE,6BAA6B,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAE,oCAAoC,EAAE,MAAM,gDAAgD,CAAC;AAEtG;;;GAGG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,QAAQ,CAAC,cAAc,CAC9D;IACE,cAAc;IACd,iCAAiC;IACjC,kBAAkB;IAClB,6BAA6B;IAC7B,oCAAoC;CACrC,EACD,CACE,WAAW,EACX,8BAA8B,EAC9B,oBAAoB,EACpB,UAAU,EACV,sCAAsC,EACtC,EAAE;IACF,IAAI,sBAAsB,GAAG,8BAA8B,CAAC;IAC5D,IAAI,sCAAsC,EAAE,CAAC;QAC3C,sBAAsB,GAAG,sCAAsC,CAAC;IAClE,CAAC;IACD,MAAM,iBAAiB,GAAG,sBAAsB;QAC9C,CAAC,CAAC,mCAAmC,CAAC,uBAAuB,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3F,CAAC,CAAC,SAAS,CAAC;IACd,OAAO;QACL,gBAAgB,EAAE;YAChB,WAAW;YACX,WAAW,EAAE,oBAAoB;YACjC,UAAU;SACX;QACD,iBAAiB;KAClB,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { _videoGalleryRemoteParticipantsMemo } from '@internal/calling-component-bindings';\nimport { _updateUserDisplayNames } from '@internal/calling-component-bindings';\nimport * as reselect from 'reselect';\nimport { localVideoSelector } from './localVideoStreamSelector';\nimport { dominantRemoteParticipantSelector } from './dominantRemoteParticipantSelector';\nimport { getDisplayName } from './baseSelectors';\nimport { getLocalParticipantRaisedHand } from './baseSelectors';\nimport { getFirstSpotlightedRemoteParticipant } from './getFirstSpotlightedRemoteParticipantSelector';\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  [\n    getDisplayName,\n    dominantRemoteParticipantSelector,\n    localVideoSelector,\n    getLocalParticipantRaisedHand,\n    getFirstSpotlightedRemoteParticipant\n  ],\n  (\n    displayName,\n    dominantRemoteParticipantState,\n    localVideoStreamInfo,\n    raisedHand,\n    firstSpotlightedRemoteParticipantState\n  ) => {\n    let remoteParticipantState = dominantRemoteParticipantState;\n    if (firstSpotlightedRemoteParticipantState) {\n      remoteParticipantState = firstSpotlightedRemoteParticipantState;\n    }\n    const remoteParticipant = remoteParticipantState\n      ? _videoGalleryRemoteParticipantsMemo(_updateUserDisplayNames([remoteParticipantState]))[0]\n      : undefined;\n    return {\n      localParticipant: {\n        displayName,\n        videoStream: localVideoStreamInfo,\n        raisedHand\n      },\n      remoteParticipant\n    };\n  }\n);\n"]}
+{"version":3,"file":"localAndRemotePIPSelector.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/selectors/localAndRemotePIPSelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,mCAAmC,EAAE,sDAA6C;AAC3F,OAAO,EAAE,uBAAuB,EAAE,sDAA6C;AAC/E,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;AACjD,OAAO,EAAE,6BAA6B,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAE,oCAAoC,EAAE,MAAM,gDAAgD,CAAC;AAEtG;;;GAGG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,cAAc,EAAE,iCAAiC,EAAE,kBAAkB,EAAE,6BAA6B,EAAE,oCAAoC,CAAC,EAAE,CAAC,WAAW,EAAE,8BAA8B,EAAE,oBAAoB,EAAE,UAAU,EAAE,sCAAsC,EAAE,EAAE;IACvU,IAAI,sBAAsB,GAAG,8BAA8B,CAAC;IAC5D,IAAI,sCAAsC,EAAE,CAAC;QAC3C,sBAAsB,GAAG,sCAAsC,CAAC;IAClE,CAAC;IACD,MAAM,iBAAiB,GAAG,sBAAsB,CAAC,CAAC,CAAC,mCAAmC,CAAC,uBAAuB,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACzJ,OAAO;QACL,gBAAgB,EAAE;YAChB,WAAW;YACX,WAAW,EAAE,oBAAoB;YACjC,UAAU;SACX;QACD,iBAAiB;KAClB,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { _videoGalleryRemoteParticipantsMemo } from '@internal/calling-component-bindings';\nimport { _updateUserDisplayNames } from '@internal/calling-component-bindings';\nimport * as reselect from 'reselect';\nimport { localVideoSelector } from './localVideoStreamSelector';\nimport { dominantRemoteParticipantSelector } from './dominantRemoteParticipantSelector';\nimport { getDisplayName } from './baseSelectors';\nimport { getLocalParticipantRaisedHand } from './baseSelectors';\nimport { getFirstSpotlightedRemoteParticipant } from './getFirstSpotlightedRemoteParticipantSelector';\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, getLocalParticipantRaisedHand, getFirstSpotlightedRemoteParticipant], (displayName, dominantRemoteParticipantState, localVideoStreamInfo, raisedHand, firstSpotlightedRemoteParticipantState) => {\n  let remoteParticipantState = dominantRemoteParticipantState;\n  if (firstSpotlightedRemoteParticipantState) {\n    remoteParticipantState = firstSpotlightedRemoteParticipantState;\n  }\n  const remoteParticipant = remoteParticipantState ? _videoGalleryRemoteParticipantsMemo(_updateUserDisplayNames([remoteParticipantState]))[0] : undefined;\n  return {\n    localParticipant: {\n      displayName,\n      videoStream: localVideoStreamInfo,\n      raisedHand\n    },\n    remoteParticipant\n  };\n});"]}

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: ((state: import("index").CallAdapterUiState & import("index").CallAdapterClientState) => {
+export declare const localPreviewSelector: ((state: import("..").CallAdapterUiState & import("..").CallAdapterClientState) => {
     videoStreamElement: HTMLElement | null;
-}) & reselect.OutputSelectorFields<(args_0: import("index").DeviceManagerState) => {
+}) & reselect.OutputSelectorFields<(args_0: import("../../../../../calling-stateful-client/src").DeviceManagerState) => {
     videoStreamElement: HTMLElement | null;
 }, {
     clearCache: () => void;

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

@@ -5,13 +5,13 @@ import { getDeviceManager } from './baseSelectors';
 /**
  * @private
  */
-export const localPreviewSelector = reselect.createSelector([getDeviceManager], (deviceManager) => {
+export const localPreviewSelector = reselect.createSelector([getDeviceManager], deviceManager => {
     var _a;
     // 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 &&
-        ((_a = deviceManager.unparentedViews[0]) === null || _a === void 0 ? void 0 : _a.view);
+    const view = deviceManager.cameras.length > 0 &&
+        // This ensures that the video stream is reset if camera devices are removed.
+        deviceManager.unparentedViews.length > 0 && ((_a = deviceManager.unparentedViews[0]) === null || _a === void 0 ? void 0 : _a.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":["../../../../../../../../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;SACxC,MAAA,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,0CAAE,IAAI,CAAA,CAAC;IACzC,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"]}
+{"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,KAAI,MAAA,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,0CAAE,IAAI,CAAA,CAAC;IACnF,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});"]}

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: ((state: import("index").CallAdapterUiState & import("index").CallAdapterClientState) => {
+export declare const localVideoSelector: ((state: import("..").CallAdapterUiState & import("..").CallAdapterClientState) => {
     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":["../../../../../../../../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,CAAC;QACrC,gBAAgB,GAAG,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,KAAK,OAAO,CAAC,CAAC;IACnF,CAAC;SAAM,IAAI,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;QACvC,iHAAiH;QACjH,gFAAgF;QAChF,gBAAgB,GAAG,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;IACtD,CAAC;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;QAE7C,kBAAkB,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,YAAY;KACnD,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      activeVideoEffects: localVideoStream?.videoEffects\n    };\n  }\n);\n"]}
+{"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,CAAC;QACrC,gBAAgB,GAAG,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,KAAK,OAAO,CAAC,CAAC;IACjF,CAAC;SAAM,IAAI,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;QACvC,iHAAiH;QACjH,gFAAgF;QAChF,gBAAgB,GAAG,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;IACtD,CAAC;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;QAC7C,kBAAkB,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,YAAY;KACnD,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    activeVideoEffects: localVideoStream?.videoEffects\n  };\n});"]}

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

@@ -2,9 +2,9 @@ import * as reselect from 'reselect';
 /**
  * @private
  */
-export declare const mediaGallerySelector: ((state: import("index").CallAdapterUiState & import("index").CallAdapterClientState) => {
+export declare const mediaGallerySelector: ((state: import("..").CallAdapterUiState & import("..").CallAdapterClientState) => {
     isVideoStreamOn: boolean;
-}) & reselect.OutputSelectorFields<(args_0: import("index").LocalVideoStreamState[] | undefined) => {
+}) & reselect.OutputSelectorFields<(args_0: import("../../../../../calling-stateful-client/src").LocalVideoStreamState[] | undefined) => {
     isVideoStreamOn: boolean;
 }, {
     clearCache: () => void;
@@ -15,9 +15,9 @@ export declare const mediaGallerySelector: ((state: import("index").CallAdapterU
  * Custom selector for this hook to retrieve all the participants that are currently
  * connected to the call.
  */
-export declare const getRemoteParticipantsConnectedSelector: ((state: import("index").CallAdapterUiState & import("index").CallAdapterClientState) => import("index").RemoteParticipantState[]) & reselect.OutputSelectorFields<(args_0: {
-    [keys: string]: import("index").RemoteParticipantState;
-} | undefined) => import("index").RemoteParticipantState[], {
+export declare const getRemoteParticipantsConnectedSelector: ((state: import("..").CallAdapterUiState & import("..").CallAdapterClientState) => import("../../../../../calling-stateful-client/src").RemoteParticipantState[]) & reselect.OutputSelectorFields<(args_0: {
+    [keys: string]: import("../../../../../calling-stateful-client/src").RemoteParticipantState;
+} | undefined) => import("../../../../../calling-stateful-client/src").RemoteParticipantState[], {
     clearCache: () => void;
 }> & {
     clearCache: () => void;

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":["../../../../../../../../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"]}
+{"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});"]}

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: ((state: import("index").CallAdapterUiState & import("index").CallAdapterClientState) => {
+export declare const mutedNotificationSelector: ((state: import("..").CallAdapterUiState & import("..").CallAdapterClientState) => {
     speakingWhileMuted: boolean;
-}) & reselect.OutputSelectorFields<(args_0: import("index").DiagnosticsCallFeatureState | undefined) => {
+}) & reselect.OutputSelectorFields<(args_0: import("../../../../../calling-stateful-client/src").DiagnosticsCallFeatureState | undefined) => {
     speakingWhileMuted: boolean;
 }, {
     clearCache: () => void;

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":["../../../../../../../../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"]}
+{"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});"]}

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

@@ -2,20 +2,20 @@ import * as reselect from 'reselect';
 /**
  * @private
  */
-export declare const networkReconnectTileSelector: ((state: import("index").CallAdapterUiState & import("index").CallAdapterClientState) => {
+export declare const networkReconnectTileSelector: ((state: import("..").CallAdapterUiState & import("..").CallAdapterClientState) => {
     networkReconnectValue: boolean | import("@azure/communication-calling").DiagnosticQuality | undefined;
     localParticipantVideoStream: {
         isAvailable: boolean;
         isMirrored: boolean | undefined;
         renderElement: HTMLElement | undefined;
-        activeVideoEffects: import("index").LocalVideoStreamVideoEffectsState | undefined;
+        activeVideoEffects: import("../../../../../calling-stateful-client/src").LocalVideoStreamVideoEffectsState | undefined;
     };
-}) & reselect.OutputSelectorFields<(args_0: import("index").DiagnosticsCallFeatureState | undefined, args_1: {
+}) & reselect.OutputSelectorFields<(args_0: import("../../../../../calling-stateful-client/src").DiagnosticsCallFeatureState | undefined, args_1: {
     localParticipantVideoStream: {
         isAvailable: boolean;
         isMirrored: boolean | undefined;
         renderElement: HTMLElement | undefined;
-        activeVideoEffects: import("index").LocalVideoStreamVideoEffectsState | undefined;
+        activeVideoEffects: import("../../../../../calling-stateful-client/src").LocalVideoStreamVideoEffectsState | undefined;
     };
 }) => {
     networkReconnectValue: boolean | import("@azure/communication-calling").DiagnosticQuality | undefined;
@@ -23,7 +23,7 @@ export declare const networkReconnectTileSelector: ((state: import("index").Call
         isAvailable: boolean;
         isMirrored: boolean | undefined;
         renderElement: HTMLElement | undefined;
-        activeVideoEffects: import("index").LocalVideoStreamVideoEffectsState | undefined;
+        activeVideoEffects: import("../../../../../calling-stateful-client/src").LocalVideoStreamVideoEffectsState | undefined;
     };
 }, {
     clearCache: () => void;

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

@@ -1 +1 @@
-{"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"]}
+{"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});"]}

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

@@ -99,7 +99,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":["../../../../../../../../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,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;QAClB,QAAQ,EAAE,QAAQ;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;IACD,aAAa,EAAE;QACb,UAAU,EAAE,MAAM;KACnB;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    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    overflow: 'hidden'\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  checkmarkIcon: {\n    lineHeight: '2rem'\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: '1.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"]}
+{"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,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;QAClB,QAAQ,EAAE,QAAQ;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;IACD,aAAa,EAAE;QACb,UAAU,EAAE,MAAM;KACnB;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    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    overflow: 'hidden'\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  checkmarkIcon: {\n    lineHeight: '2rem'\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: '1.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};"]}

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

@@ -9,12 +9,16 @@ const mainScreenContainerStyle = {
 /**
  * @private
  */
-export const mainScreenContainerStyleDesktop = mergeStyles(Object.assign(Object.assign({}, mainScreenContainerStyle), { minWidth: '30rem', minHeight: '22rem' // max height of min-height of composite pages (Configuration page)
+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)
  }));
 /**
  * @private
  */
-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)
+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)
  }));
 /**
  * @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":["../../../../../../../../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"]}
+{"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});"]}

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

@@ -33,15 +33,12 @@ export const configurationContainerStyle = (desktop, backgroundImageUrl) => ({
         height: '100%',
         width: '100%',
         padding: desktop ? '2rem 1rem 2rem 1rem' : '1rem 1rem 2rem 1rem',
-        minWidth: desktop
-            ? '25rem' // sum of min-width from children + ChildrenGap * (nb of children - 1) + padding * 2 = (11 + 11) + (2 * 1) + 0.5 * 2
-            : '16rem', // from LocalPreview: ControlBar width + 0.5 * 2 for spacing + padding * 2 = 14 + 0.5 * 2 + 0.5 * 2
-        minHeight: desktop
-            ? '22rem' // max height of SelectionContainer + padding * 2 = 21 + 0.5 * 2
+        minWidth: desktop ? '25rem' // sum of min-width from children + ChildrenGap * (nb of children - 1) + padding * 2 = (11 + 11) + (2 * 1) + 0.5 * 2
+            : '16rem',
+        // from LocalPreview: ControlBar width + 0.5 * 2 for spacing + padding * 2 = 14 + 0.5 * 2 + 0.5 * 2
+        minHeight: desktop ? '22rem' // max height of SelectionContainer + padding * 2 = 21 + 0.5 * 2
             : '13rem',
-        '::before': !backgroundImageUrl
-            ? undefined
-            : Object.assign({ content: '""', position: 'absolute', top: 0, left: 0, zIndex: 0, width: '100%', height: '100%', backgroundImage: `url(${backgroundImageUrl})`, backgroundSize: 'cover', backgroundPosition: 'center' }, AnimationStyles.fadeIn500)
+        '::before': !backgroundImageUrl ? undefined : Object.assign({ content: '""', position: 'absolute', top: 0, left: 0, zIndex: 0, width: '100%', height: '100%', backgroundImage: `url(${backgroundImageUrl})`, backgroundSize: 'cover', backgroundPosition: 'center' }, AnimationStyles.fadeIn500)
     }
 });
 /**
@@ -63,7 +60,8 @@ export const selectionContainerStyle = (theme, noSpeakerDropdownShown) => mergeS
     padding: '1rem',
     borderRadius: theme.effects.roundedCorner6,
     border: `0.0625rem solid ${theme.palette.neutralLight}`,
-    overflow: 'hidden', // do not let child background overflow the curved corners
+    overflow: 'hidden',
+    // do not let child background overflow the curved corners
     boxShadow: theme.effects.elevation4,
     // Style the background of the container to have partial transparency.
     // Using `before:` pseudo-element to avoid having to wrap the content in an extra div.
@@ -200,41 +198,29 @@ export const effectsButtonStyles = (theme, disabled) => {
             color: theme.palette.themePrimary,
             // Top and bottom padding needs to be 5px to match the label padding
             padding: '5px 0.25rem',
-            ':hover, :focus': disabled
-                ? {}
-                : {
-                    color: theme.palette.themePrimary
-                },
+            ':hover, :focus': disabled ? {} : {
+                color: theme.palette.themePrimary
+            },
             svg: {
                 height: '1rem',
                 width: '1rem'
             }
         },
-        labelHovered: disabled
-            ? {}
-            : {
-                color: theme.palette.themePrimary
-            },
-        rootChecked: disabled
-            ? {}
-            : {
-                color: theme.palette.themePrimary
-            },
-        rootHovered: disabled
-            ? {}
-            : {
-                color: theme.palette.themePrimary
-            },
-        rootPressed: disabled
-            ? {}
-            : {
-                color: theme.palette.themePrimary
-            },
-        rootFocused: disabled
-            ? {}
-            : {
-                color: theme.palette.themePrimary
-            }
+        labelHovered: disabled ? {} : {
+            color: theme.palette.themePrimary
+        },
+        rootChecked: disabled ? {} : {
+            color: theme.palette.themePrimary
+        },
+        rootHovered: disabled ? {} : {
+            color: theme.palette.themePrimary
+        },
+        rootPressed: disabled ? {} : {
+            color: theme.palette.themePrimary
+        },
+        rootFocused: disabled ? {} : {
+            color: theme.palette.themePrimary
+        }
     };
 };
 /** @private */
@@ -258,7 +244,8 @@ export const panelStyles = {
     content: {
         display: 'flex',
         flexBasis: '100%',
-        paddingLeft: '0rem', // remove default padding
+        paddingLeft: '0rem',
+        // remove default padding
         paddingRight: '0rem' // remove default padding
     },
     commands: {
@@ -279,7 +266,8 @@ export const panelFocusProps = {
  */
 export const logoStyles = (shape) => ({
     root: {
-        overflow: 'initial', // prevent the image being clipped
+        overflow: 'initial',
+        // prevent the image being clipped
         display: 'flex',
         justifyContent: 'center'
     },

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

@@ -1 +1 @@
-{"version":3,"file":"CallConfiguration.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/CallConfiguration.styles.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport {\n  IStackItemStyles,\n  IStackStyles,\n  IStackTokens,\n  IStyle,\n  mergeStyles,\n  IButtonStyles,\n  Theme,\n  IPanelStyles,\n  IFocusTrapZoneProps,\n  IImageStyles,\n  AnimationStyles,\n  ITheme\n} from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/** @private */\nexport const CONFIGURATION_PAGE_SECTION_MIN_WIDTH_REM = 11;\n/** @private */\nexport const CONFIGURATION_PAGE_SECTION_MAX_WIDTH_REM = 20.625;\n/** @private */\nexport const CONFIGURATION_PAGE_SECTION_HEIGHT_REM = 13.625;\n\nconst LOGO_HEIGHT_REM = 3;\n\n/**\n * @private\n */\nexport const configurationStackTokensDesktop: IStackTokens = {\n  childrenGap: '1.5rem'\n};\n\n/**\n * @private\n */\nexport const configurationStackTokensMobile: IStackTokens = {\n  childrenGap: '0.5rem'\n};\n\n/**\n * @private\n */\nexport const deviceConfigurationStackTokens: IStackTokens = {\n  childrenGap: '1.5rem'\n};\n\n/** @private */\nexport const configurationContainerStyle = (desktop: boolean, backgroundImageUrl?: string): IStackStyles => ({\n  root: {\n    height: '100%',\n    width: '100%',\n    padding: desktop ? '2rem 1rem 2rem 1rem' : '1rem 1rem 2rem 1rem',\n    minWidth: desktop\n      ? '25rem' // sum of min-width from children + ChildrenGap * (nb of children - 1) + padding * 2 = (11 + 11) + (2 * 1) + 0.5 * 2\n      : '16rem', // from LocalPreview: ControlBar width + 0.5 * 2 for spacing + padding * 2 = 14 + 0.5 * 2 + 0.5 * 2\n    minHeight: desktop\n      ? '22rem' // max height of SelectionContainer + padding * 2 = 21 + 0.5 * 2\n      : '13rem',\n    '::before': !backgroundImageUrl\n      ? undefined\n      : {\n          content: '\"\"',\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          zIndex: 0,\n          width: '100%',\n          height: '100%',\n          backgroundImage: `url(${backgroundImageUrl})`,\n          backgroundSize: 'cover',\n          backgroundPosition: 'center',\n          ...AnimationStyles.fadeIn500\n        }\n  }\n});\n\n/**\n * @private\n */\nexport const configurationSectionStyle: IStackStyles = {\n  root: {\n    width: '100%',\n    minWidth: `${CONFIGURATION_PAGE_SECTION_MIN_WIDTH_REM}rem`,\n    maxWidth: `${CONFIGURATION_PAGE_SECTION_MAX_WIDTH_REM}rem`\n  }\n};\n\n/**\n * @private\n */\nexport const selectionContainerStyle = (theme: ITheme, noSpeakerDropdownShown?: boolean): string =>\n  mergeStyles({\n    width: '100%',\n    minHeight: noSpeakerDropdownShown ? 'auto' : `${CONFIGURATION_PAGE_SECTION_HEIGHT_REM}rem`,\n    padding: '1rem',\n    borderRadius: theme.effects.roundedCorner6,\n    border: `0.0625rem solid ${theme.palette.neutralLight}`,\n    overflow: 'hidden', // do not let child background overflow the curved corners\n    boxShadow: theme.effects.elevation4,\n    // Style the background of the container to have partial transparency.\n    // Using `before:` pseudo-element to avoid having to wrap the content in an extra div.\n    // Ideally rgba would be used but we cannot garauntee the format of theme.palette.white\n    // to parse it correctly.\n    position: 'relative',\n    ':before': {\n      content: '\"\"',\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0,\n      zIndex: 0,\n      background: theme.palette.white,\n      opacity: 0.9\n    }\n  });\n\n/**\n * @private\n */\nexport const titleContainerStyleDesktop = (theme: ITheme): string =>\n  mergeStyles(\n    {\n      fontSize: '1.2rem',\n      lineHeight: '1rem',\n      fontWeight: 600\n    },\n    configurationPageTextDecoration(theme)\n  );\n\n/**\n * @private\n */\nexport const titleContainerStyleMobile = (theme: ITheme): string =>\n  mergeStyles(\n    {\n      fontSize: '1.0625rem',\n      lineHeight: '1.375rem',\n      fontWeight: 600,\n      textAlign: 'center'\n    },\n    configurationPageTextDecoration(theme)\n  );\n\n/**\n * Ensure configuration page text is legible on top of a background image.\n * @private\n */\nconst configurationPageTextDecoration = (theme: ITheme): IStyle => {\n  return {\n    textShadow: `0px 0px 8px ${theme.palette.whiteTranslucent40}`,\n    fill: theme.semanticColors.bodyText,\n    svg: {\n      // Fix SVGs not displaying the correct color in Desert high contrast mode\n      fill: 'currentColor'\n    },\n    stroke: theme.palette.whiteTranslucent40,\n    paintOrder: 'stroke fill',\n    strokeWidth: _pxToRem(1.5),\n    text: {\n      letterSpacing: '-0.02rem' // cope with extra width due to stroke width\n    },\n    '@media (forced-colors: active)': {\n      textShadow: 'none',\n      stroke: 'none'\n    }\n  };\n};\n\n/**\n * @private\n */\nexport const callDetailsContainerStyles: IStackStyles = {\n  root: {\n    textAlign: 'center',\n    maxWidth: _pxToRem(700),\n    alignSelf: 'center'\n  }\n};\n\nconst callDetailsStyle = (theme: ITheme): IStyle => ({\n  fontSize: '0.9375',\n  lineHeight: '1.25rem',\n  textShadow: `0px 0px 8px ${theme.palette.whiteTranslucent40}`,\n  marginTop: '-0.33rem' // compensate for extra padding around the CallTitle that avoids the SVG shadowing being cut off\n});\n\n/**\n * @private\n */\nexport const callDetailsStyleDesktop = (theme: ITheme): string => mergeStyles(callDetailsStyle(theme));\n\n/**\n * @private\n */\nexport const callDetailsStyleMobile = (theme: ITheme): string =>\n  mergeStyles(callDetailsStyle(theme), {\n    marginBottom: '0.5rem',\n    textAlign: 'center'\n  });\n\n/**\n * @private\n */\nexport const startCallButtonContainerStyleDesktop: IStackStyles = {\n  root: {\n    paddingTop: '1.125rem'\n  }\n};\n\n/**\n * @private\n */\nexport const startCallButtonContainerStyleMobile: IStackStyles = {\n  root: {\n    textAlign: 'center'\n  }\n};\n\n/**\n * @private\n */\nexport const startCallButtonStyleMobile = mergeStyles({\n  width: '100%',\n  maxWidth: 'unset',\n  borderRadius: '0.25rem',\n  height: '3.25rem'\n});\n\n/**\n * @private\n */\nexport const startCallButtonStyleDesktop = mergeStyles({\n  borderRadius: '0.25rem',\n  width: 'auto',\n  height: '2.25rem'\n});\n\n/** @private */\nexport const cameraAndVideoEffectsContainerStyleDesktop: IStackItemStyles = {\n  root: {\n    alignItems: 'center'\n  }\n};\n\n/**\n * @private\n */\nexport const effectsButtonStyles = (theme: Theme, disabled?: boolean): IButtonStyles => {\n  return {\n    root: {\n      background: 'transparent',\n      border: 'none',\n      color: theme.palette.themePrimary,\n      // Top and bottom padding needs to be 5px to match the label padding\n      padding: '5px 0.25rem',\n      ':hover, :focus': disabled\n        ? {}\n        : {\n            color: theme.palette.themePrimary\n          },\n      svg: {\n        height: '1rem',\n        width: '1rem'\n      }\n    },\n    labelHovered: disabled\n      ? {}\n      : {\n          color: theme.palette.themePrimary\n        },\n    rootChecked: disabled\n      ? {}\n      : {\n          color: theme.palette.themePrimary\n        },\n    rootHovered: disabled\n      ? {}\n      : {\n          color: theme.palette.themePrimary\n        },\n    rootPressed: disabled\n      ? {}\n      : {\n          color: theme.palette.themePrimary\n        },\n    rootFocused: disabled\n      ? {}\n      : {\n          color: theme.palette.themePrimary\n        }\n  };\n};\n\n/** @private */\nexport const fillWidth = mergeStyles({\n  width: '100%',\n  position: 'relative'\n});\n\n/** @private */\nexport const configurationCenteredContent = (fillsHeight: boolean, hasLogo?: boolean): string =>\n  mergeStyles({\n    width: '100%',\n    position: 'relative',\n\n    // If the content does not fill the height, center it vertically.\n    // We do not include the logo in the centering per design. This allows it to fade\n    // in and not shift the content. To exclude the logo, we subtract the logo height\n    // and margin from the actual height. This allows the flex box's natural centering\n    // to appropriately center the content.\n    height: `calc(100% - ${!fillsHeight && hasLogo ? `${LOGO_HEIGHT_REM}rem` : '0rem'})`\n  });\n\n/** @private */\nexport const panelStyles: Partial<IPanelStyles> = {\n  content: {\n    display: 'flex',\n    flexBasis: '100%',\n    paddingLeft: '0rem', // remove default padding\n    paddingRight: '0rem' // remove default padding\n  },\n  commands: {\n    paddingTop: '0rem' // remove default padding\n  },\n  scrollableContent: {\n    display: 'flex',\n    flexDirection: 'column',\n    height: '100%'\n  }\n};\n\n/** @private */\nexport const panelFocusProps: IFocusTrapZoneProps = {\n  forceFocusInsideTrap: false\n};\n\n/**\n * @private\n */\nexport const logoStyles = (shape: undefined | 'unset' | 'circle'): IImageStyles => ({\n  root: {\n    overflow: 'initial', // prevent the image being clipped\n    display: 'flex',\n    justifyContent: 'center'\n  },\n  image: {\n    height: `${LOGO_HEIGHT_REM}rem`,\n    borderRadius: shape === 'circle' ? '100%' : undefined,\n    aspectRatio: shape === 'circle' ? '1 / 1' : undefined,\n    objectFit: shape === 'circle' ? 'cover' : undefined\n  }\n});\n"]}
+{"version":3,"file":"CallConfiguration.styles.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/styles/CallConfiguration.styles.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IStackItemStyles, IStackStyles, IStackTokens, IStyle, mergeStyles, IButtonStyles, Theme, IPanelStyles, IFocusTrapZoneProps, IImageStyles, AnimationStyles, ITheme } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/** @private */\nexport const CONFIGURATION_PAGE_SECTION_MIN_WIDTH_REM = 11;\n/** @private */\nexport const CONFIGURATION_PAGE_SECTION_MAX_WIDTH_REM = 20.625;\n/** @private */\nexport const CONFIGURATION_PAGE_SECTION_HEIGHT_REM = 13.625;\nconst LOGO_HEIGHT_REM = 3;\n\n/**\n * @private\n */\nexport const configurationStackTokensDesktop: IStackTokens = {\n  childrenGap: '1.5rem'\n};\n\n/**\n * @private\n */\nexport const configurationStackTokensMobile: IStackTokens = {\n  childrenGap: '0.5rem'\n};\n\n/**\n * @private\n */\nexport const deviceConfigurationStackTokens: IStackTokens = {\n  childrenGap: '1.5rem'\n};\n\n/** @private */\nexport const configurationContainerStyle = (desktop: boolean, backgroundImageUrl?: string): IStackStyles => ({\n  root: {\n    height: '100%',\n    width: '100%',\n    padding: desktop ? '2rem 1rem 2rem 1rem' : '1rem 1rem 2rem 1rem',\n    minWidth: desktop ? '25rem' // sum of min-width from children + ChildrenGap * (nb of children - 1) + padding * 2 = (11 + 11) + (2 * 1) + 0.5 * 2\n    : '16rem',\n    // from LocalPreview: ControlBar width + 0.5 * 2 for spacing + padding * 2 = 14 + 0.5 * 2 + 0.5 * 2\n    minHeight: desktop ? '22rem' // max height of SelectionContainer + padding * 2 = 21 + 0.5 * 2\n    : '13rem',\n    '::before': !backgroundImageUrl ? undefined : {\n      content: '\"\"',\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      zIndex: 0,\n      width: '100%',\n      height: '100%',\n      backgroundImage: `url(${backgroundImageUrl})`,\n      backgroundSize: 'cover',\n      backgroundPosition: 'center',\n      ...AnimationStyles.fadeIn500\n    }\n  }\n});\n\n/**\n * @private\n */\nexport const configurationSectionStyle: IStackStyles = {\n  root: {\n    width: '100%',\n    minWidth: `${CONFIGURATION_PAGE_SECTION_MIN_WIDTH_REM}rem`,\n    maxWidth: `${CONFIGURATION_PAGE_SECTION_MAX_WIDTH_REM}rem`\n  }\n};\n\n/**\n * @private\n */\nexport const selectionContainerStyle = (theme: ITheme, noSpeakerDropdownShown?: boolean): string => mergeStyles({\n  width: '100%',\n  minHeight: noSpeakerDropdownShown ? 'auto' : `${CONFIGURATION_PAGE_SECTION_HEIGHT_REM}rem`,\n  padding: '1rem',\n  borderRadius: theme.effects.roundedCorner6,\n  border: `0.0625rem solid ${theme.palette.neutralLight}`,\n  overflow: 'hidden',\n  // do not let child background overflow the curved corners\n  boxShadow: theme.effects.elevation4,\n  // Style the background of the container to have partial transparency.\n  // Using `before:` pseudo-element to avoid having to wrap the content in an extra div.\n  // Ideally rgba would be used but we cannot garauntee the format of theme.palette.white\n  // to parse it correctly.\n  position: 'relative',\n  ':before': {\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    bottom: 0,\n    left: 0,\n    right: 0,\n    zIndex: 0,\n    background: theme.palette.white,\n    opacity: 0.9\n  }\n});\n\n/**\n * @private\n */\nexport const titleContainerStyleDesktop = (theme: ITheme): string => mergeStyles({\n  fontSize: '1.2rem',\n  lineHeight: '1rem',\n  fontWeight: 600\n}, configurationPageTextDecoration(theme));\n\n/**\n * @private\n */\nexport const titleContainerStyleMobile = (theme: ITheme): string => mergeStyles({\n  fontSize: '1.0625rem',\n  lineHeight: '1.375rem',\n  fontWeight: 600,\n  textAlign: 'center'\n}, configurationPageTextDecoration(theme));\n\n/**\n * Ensure configuration page text is legible on top of a background image.\n * @private\n */\nconst configurationPageTextDecoration = (theme: ITheme): IStyle => {\n  return {\n    textShadow: `0px 0px 8px ${theme.palette.whiteTranslucent40}`,\n    fill: theme.semanticColors.bodyText,\n    svg: {\n      // Fix SVGs not displaying the correct color in Desert high contrast mode\n      fill: 'currentColor'\n    },\n    stroke: theme.palette.whiteTranslucent40,\n    paintOrder: 'stroke fill',\n    strokeWidth: _pxToRem(1.5),\n    text: {\n      letterSpacing: '-0.02rem' // cope with extra width due to stroke width\n    },\n    '@media (forced-colors: active)': {\n      textShadow: 'none',\n      stroke: 'none'\n    }\n  };\n};\n\n/**\n * @private\n */\nexport const callDetailsContainerStyles: IStackStyles = {\n  root: {\n    textAlign: 'center',\n    maxWidth: _pxToRem(700),\n    alignSelf: 'center'\n  }\n};\nconst callDetailsStyle = (theme: ITheme): IStyle => ({\n  fontSize: '0.9375',\n  lineHeight: '1.25rem',\n  textShadow: `0px 0px 8px ${theme.palette.whiteTranslucent40}`,\n  marginTop: '-0.33rem' // compensate for extra padding around the CallTitle that avoids the SVG shadowing being cut off\n});\n\n/**\n * @private\n */\nexport const callDetailsStyleDesktop = (theme: ITheme): string => mergeStyles(callDetailsStyle(theme));\n\n/**\n * @private\n */\nexport const callDetailsStyleMobile = (theme: ITheme): string => mergeStyles(callDetailsStyle(theme), {\n  marginBottom: '0.5rem',\n  textAlign: 'center'\n});\n\n/**\n * @private\n */\nexport const startCallButtonContainerStyleDesktop: IStackStyles = {\n  root: {\n    paddingTop: '1.125rem'\n  }\n};\n\n/**\n * @private\n */\nexport const startCallButtonContainerStyleMobile: IStackStyles = {\n  root: {\n    textAlign: 'center'\n  }\n};\n\n/**\n * @private\n */\nexport const startCallButtonStyleMobile = mergeStyles({\n  width: '100%',\n  maxWidth: 'unset',\n  borderRadius: '0.25rem',\n  height: '3.25rem'\n});\n\n/**\n * @private\n */\nexport const startCallButtonStyleDesktop = mergeStyles({\n  borderRadius: '0.25rem',\n  width: 'auto',\n  height: '2.25rem'\n});\n\n/** @private */\nexport const cameraAndVideoEffectsContainerStyleDesktop: IStackItemStyles = {\n  root: {\n    alignItems: 'center'\n  }\n};\n\n/**\n * @private\n */\nexport const effectsButtonStyles = (theme: Theme, disabled?: boolean): IButtonStyles => {\n  return {\n    root: {\n      background: 'transparent',\n      border: 'none',\n      color: theme.palette.themePrimary,\n      // Top and bottom padding needs to be 5px to match the label padding\n      padding: '5px 0.25rem',\n      ':hover, :focus': disabled ? {} : {\n        color: theme.palette.themePrimary\n      },\n      svg: {\n        height: '1rem',\n        width: '1rem'\n      }\n    },\n    labelHovered: disabled ? {} : {\n      color: theme.palette.themePrimary\n    },\n    rootChecked: disabled ? {} : {\n      color: theme.palette.themePrimary\n    },\n    rootHovered: disabled ? {} : {\n      color: theme.palette.themePrimary\n    },\n    rootPressed: disabled ? {} : {\n      color: theme.palette.themePrimary\n    },\n    rootFocused: disabled ? {} : {\n      color: theme.palette.themePrimary\n    }\n  };\n};\n\n/** @private */\nexport const fillWidth = mergeStyles({\n  width: '100%',\n  position: 'relative'\n});\n\n/** @private */\nexport const configurationCenteredContent = (fillsHeight: boolean, hasLogo?: boolean): string => mergeStyles({\n  width: '100%',\n  position: 'relative',\n  // If the content does not fill the height, center it vertically.\n  // We do not include the logo in the centering per design. This allows it to fade\n  // in and not shift the content. To exclude the logo, we subtract the logo height\n  // and margin from the actual height. This allows the flex box's natural centering\n  // to appropriately center the content.\n  height: `calc(100% - ${!fillsHeight && hasLogo ? `${LOGO_HEIGHT_REM}rem` : '0rem'})`\n});\n\n/** @private */\nexport const panelStyles: Partial<IPanelStyles> = {\n  content: {\n    display: 'flex',\n    flexBasis: '100%',\n    paddingLeft: '0rem',\n    // remove default padding\n    paddingRight: '0rem' // remove default padding\n  },\n  commands: {\n    paddingTop: '0rem' // remove default padding\n  },\n  scrollableContent: {\n    display: 'flex',\n    flexDirection: 'column',\n    height: '100%'\n  }\n};\n\n/** @private */\nexport const panelFocusProps: IFocusTrapZoneProps = {\n  forceFocusInsideTrap: false\n};\n\n/**\n * @private\n */\nexport const logoStyles = (shape: undefined | 'unset' | 'circle'): IImageStyles => ({\n  root: {\n    overflow: 'initial',\n    // prevent the image being clipped\n    display: 'flex',\n    justifyContent: 'center'\n  },\n  image: {\n    height: `${LOGO_HEIGHT_REM}rem`,\n    borderRadius: shape === 'circle' ? '100%' : undefined,\n    aspectRatio: shape === 'circle' ? '1 / 1' : undefined,\n    objectFit: shape === 'circle' ? 'cover' : undefined\n  }\n});"]}

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

@@ -1 +1 @@
-{"version":3,"file":"CallControls.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/CallControls.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC,eAAe;AACf,MAAM,CAAC,MAAM,yBAAyB,GAAW;IAC/C,UAAU,EAAE,SAAS;IACrB,aAAa,EAAE,SAAS;CACzB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IStyle } from '@fluentui/react';\n\n/** @private */\nexport const controlBarContainerStyles: IStyle = {\n  paddingTop: '0.25rem',\n  paddingBottom: '0.25rem'\n};\n"]}
+{"version":3,"file":"CallControls.styles.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/styles/CallControls.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC,eAAe;AACf,MAAM,CAAC,MAAM,yBAAyB,GAAW;IAC/C,UAAU,EAAE,SAAS;IACrB,aAAa,EAAE,SAAS;CACzB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IStyle } from '@fluentui/react';\n\n/** @private */\nexport const controlBarContainerStyles: IStyle = {\n  paddingTop: '0.25rem',\n  paddingBottom: '0.25rem'\n};"]}