@azure/communication-react 1.0.0-beta.5 → 1.0.0

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

@@ -2,6 +2,9 @@
 // Licensed under the MIT license.
 import { getCallStatus, getIsScreenShareOn } from './baseSelectors';
 import { createSelector } from 'reselect';
+/**
+ * @private
+ */
 export const callStatusSelector = createSelector([getCallStatus, getIsScreenShareOn], (callStatus, isScreenShareOn) => {
     return {
         callStatus,

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

@@ -1 +1 @@
-{"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,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"}
+{"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"complianceBannerSelector.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/selectors/complianceBannerSelector.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAGrC,eAAO,MAAM,wBAAwB;;;;;;EAQpC,CAAC"}
+{"version":3,"file":"complianceBannerSelector.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/selectors/complianceBannerSelector.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAGrC;;GAEG;AACH,eAAO,MAAM,wBAAwB;;;;;;EAQpC,CAAC"}

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

@@ -2,6 +2,9 @@
 // Licensed under the MIT license.
 import * as reselect from 'reselect';
 import { getIsRecordingActive, getIsTranscriptionActive } from './baseSelectors';
+/**
+ * @private
+ */
 export const complianceBannerSelector = reselect.createSelector([getIsTranscriptionActive, getIsRecordingActive], (isTranscriptionActive, isRecordingActive) => {
     return {
         callTranscribeState: isTranscriptionActive,

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

@@ -1 +1 @@
-{"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,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"}
+{"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"}

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

@@ -1,4 +1,7 @@
 import * as reselect from 'reselect';
+/**
+ * @private
+ */
 export declare const devicePermissionSelector: reselect.OutputSelector<import("../../../../../communication-react/src/index").CallAdapterState, {
     video: boolean | undefined;
     audio: boolean | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"devicePermissionSelector.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/selectors/devicePermissionSelector.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAGrC,eAAO,MAAM,wBAAwB;;;;;;EAKnC,CAAC"}
+{"version":3,"file":"devicePermissionSelector.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/selectors/devicePermissionSelector.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAGrC;;GAEG;AACH,eAAO,MAAM,wBAAwB;;;;;;EAKnC,CAAC"}

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

@@ -2,6 +2,9 @@
 // Licensed under the MIT license.
 import * as reselect from 'reselect';
 import { getDeviceManager } from './baseSelectors';
+/**
+ * @private
+ */
 export const devicePermissionSelector = reselect.createSelector([getDeviceManager], (deviceManager) => {
     return {
         video: deviceManager.deviceAccess ? deviceManager.deviceAccess.video : undefined,

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

@@ -1 +1 @@
-{"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,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"}
+{"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"}

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

@@ -1,11 +1,18 @@
+import { LocalVideoStreamState } from "../../../../../calling-stateful-client/src";
 import * as reselect from 'reselect';
+/**
+ * @private
+ */
 export declare const lobbySelector: reselect.OutputSelector<import("../../../../../communication-react/src/index").CallAdapterState, {
     localParticipantVideoStream: {
         isAvailable: boolean;
         isMirrored: boolean | undefined;
         renderElement: HTMLElement | undefined;
     };
-}, (res: import("../../../../../communication-react/src/index").LocalVideoStreamState[] | undefined) => {
+}, (res1: {
+    callStatus: import("@azure/communication-calling").CallState;
+    isScreenShareOn: boolean;
+}, res2: import("../../../../../calling-stateful-client/src").DeviceManagerState, res3: LocalVideoStreamState[] | undefined) => {
     localParticipantVideoStream: {
         isAvailable: boolean;
         isMirrored: boolean | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"lobbySelector.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/selectors/lobbySelector.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAGrC,eAAO,MAAM,aAAa;;;;;;;;;;;;EASxB,CAAC"}
+{"version":3,"file":"lobbySelector.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/selectors/lobbySelector.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,qBAAqB,EAAE,mDAA0C;AAC1E,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAIrC;;GAEG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;EAoBzB,CAAC"}

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

@@ -1,10 +1,23 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
+import { _isInCall, _isPreviewOn } from "../../../../../calling-component-bindings/src";
 import * as reselect from 'reselect';
-import { getLocalVideoStreams } from './baseSelectors';
-export const lobbySelector = reselect.createSelector([getLocalVideoStreams], (localVideoStreams) => {
+import { getDeviceManager, getLocalVideoStreams } from './baseSelectors';
+import { callStatusSelector } from './callStatusSelector';
+/**
+ * @private
+ */
+export const lobbySelector = reselect.createSelector([callStatusSelector, getDeviceManager, getLocalVideoStreams], (callStatus, deviceManager, localVideoStreams) => {
     var _a, _b;
-    const localVideoStream = localVideoStreams === null || localVideoStreams === void 0 ? void 0 : localVideoStreams.find((i) => i.mediaStreamType === 'Video');
+    let localVideoStream;
+    if (_isInCall(callStatus.callStatus)) {
+        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
+        // handle cases where 'Preview' view is in progress and not necessary completed.
+        localVideoStream = deviceManager.unparentedViews[0];
+    }
     return {
         localParticipantVideoStream: {
             isAvailable: !!localVideoStream,

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

@@ -1 +1 @@
-{"version":3,"file":"lobbySelector.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/selectors/lobbySelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,oBAAoB,CAAC,EAAE,CAAC,iBAAiB,EAAE,EAAE;;IACjG,MAAM,gBAAgB,GAAG,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,KAAK,OAAO,CAAC,CAAC;IACvF,OAAO;QACL,2BAA2B,EAAE;YAC3B,WAAW,EAAE,CAAC,CAAC,gBAAgB;YAC/B,UAAU,EAAE,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,0CAAE,UAAU;YAC9C,aAAa,EAAE,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,0CAAE,MAAM;SAC9C;KACF,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"lobbySelector.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/selectors/lobbySelector.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,aAAa,GAAG,QAAQ,CAAC,cAAc,CAClD,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,2BAA2B,EAAE;YAC3B,WAAW,EAAE,CAAC,CAAC,gBAAgB;YAC/B,UAAU,EAAE,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,0CAAE,UAAU;YAC9C,aAAa,EAAE,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,0CAAE,MAAM;SAC9C;KACF,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -1,4 +1,7 @@
 import * as reselect from 'reselect';
+/**
+ * @private
+ */
 export declare const localPreviewSelector: reselect.OutputSelector<import("../../../../../communication-react/src/index").CallAdapterState, {
     videoStreamElement: HTMLElement | null;
 }, (res: import("../../../../../communication-react/src/index").DeviceManagerState) => {

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

@@ -1 +1 @@
-{"version":3,"file":"localPreviewSelector.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/selectors/localPreviewSelector.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAGrC,eAAO,MAAM,oBAAoB;;;;EAO/B,CAAC"}
+{"version":3,"file":"localPreviewSelector.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/selectors/localPreviewSelector.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAGrC;;GAEG;AACH,eAAO,MAAM,oBAAoB;;;;EAO/B,CAAC"}

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

@@ -2,6 +2,9 @@
 // Licensed under the MIT license.
 import * as reselect from 'reselect';
 import { getDeviceManager } from './baseSelectors';
+/**
+ * @private
+ */
 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.

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,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,gBAAgB,CAAC,EAAE,CAAC,aAAa,EAAE,EAAE;IAChG,iHAAiH;IACjH,gFAAgF;IAChF,MAAM,IAAI,GAAG,aAAa,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,IAAI,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC/F,OAAO;QACL,kBAAkB,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;KAC9C,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"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,GAAG,aAAa,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,IAAI,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC/F,OAAO;QACL,kBAAkB,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;KAC9C,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -1,4 +1,7 @@
 import * as reselect from 'reselect';
+/**
+ * @private
+ */
 export declare const mediaGallerySelector: reselect.OutputSelector<import("../../../../../communication-react/src/index").CallAdapterState, {
     isVideoStreamOn: boolean;
 }, (res: import("../../../../../communication-react/src/index").LocalVideoStreamState[] | undefined) => {

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

@@ -1 +1 @@
-{"version":3,"file":"mediaGallerySelector.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/selectors/mediaGallerySelector.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAGrC,eAAO,MAAM,oBAAoB;;;;EAI/B,CAAC"}
+{"version":3,"file":"mediaGallerySelector.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/selectors/mediaGallerySelector.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAGrC;;GAEG;AACH,eAAO,MAAM,oBAAoB;;;;EAI/B,CAAC"}

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

@@ -2,6 +2,9 @@
 // Licensed under the MIT license.
 import * as reselect from 'reselect';
 import { getLocalVideoStreams } from './baseSelectors';
+/**
+ * @private
+ */
 export const mediaGallerySelector = reselect.createSelector([getLocalVideoStreams], (localVideoStreams) => {
     var _a, _b;
     return {

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,MAAM,iBAAiB,CAAC;AAEvD,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"}
+{"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,MAAM,iBAAiB,CAAC;AAEvD;;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"}

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

@@ -0,0 +1,10 @@
+import * as reselect from 'reselect';
+/**
+ * @private
+ */
+export declare const mutedNotificationSelector: reselect.OutputSelector<import("../../../../../communication-react/src/index").CallAdapterState, {
+    speakingWhileMuted: boolean;
+}, (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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mutedNotificationSelector.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/selectors/mutedNotificationSelector.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAGrC;;GAEG;AACH,eAAO,MAAM,yBAAyB;;;;EAIpC,CAAC"}

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

@@ -0,0 +1,14 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import * as reselect from 'reselect';
+import { getUserFacingDiagnostics } from './baseSelectors';
+/**
+ * @private
+ */
+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)
+    };
+});
+//# sourceMappingURL=mutedNotificationSelector.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,26 @@
+import * as reselect from 'reselect';
+/**
+ * @private
+ */
+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("../../../../../communication-react/src/index").DiagnosticsCallFeatureState | undefined, res2: {
+    localParticipantVideoStream: {
+        isAvailable: boolean;
+        isMirrored: boolean | undefined;
+        renderElement: HTMLElement | undefined;
+    };
+}) => {
+    networkReconnectValue: boolean | import("@azure/communication-calling").DiagnosticQuality | undefined;
+    localParticipantVideoStream: {
+        isAvailable: boolean;
+        isMirrored: boolean | undefined;
+        renderElement: HTMLElement | undefined;
+    };
+}>;
+//# sourceMappingURL=networkReconnectTileSelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"networkReconnectTileSelector.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/selectors/networkReconnectTileSelector.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAIrC;;GAEG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;EAQxC,CAAC"}

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

@@ -0,0 +1,16 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import * as reselect from 'reselect';
+import { getUserFacingDiagnostics } from './baseSelectors';
+import { lobbySelector } from './lobbySelector';
+/**
+ * @private
+ */
+export const networkReconnectTileSelector = reselect.createSelector([getUserFacingDiagnostics, lobbySelector], (diagnostics, lobbyProps) => {
+    var _a;
+    return {
+        networkReconnectValue: (_a = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.network.latest.networkReconnect) === null || _a === void 0 ? void 0 : _a.value,
+        localParticipantVideoStream: lobbyProps.localParticipantVideoStream
+    };
+});
+//# sourceMappingURL=networkReconnectTileSelector.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,9 @@
+/**
+ * @private
+ */
+export declare const mainScreenContainerStyleDesktop: string;
+/**
+ * @private
+ */
+export declare const mainScreenContainerStyleMobile: string;
+//# sourceMappingURL=CallComposite.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CallComposite.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/CallComposite.styles.ts"],"names":[],"mappings":"AAUA;;GAEG;AACH,eAAO,MAAM,+BAA+B,QAI1C,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,8BAA8B,QAIzC,CAAC"}

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

@@ -0,0 +1,18 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import { mergeStyles } from '@fluentui/react';
+const mainScreenContainerStyle = {
+    height: '100%',
+    width: '100%'
+};
+/**
+ * @private
+ */
+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: '19.5rem', minHeight: '21rem' // max height of min-height of composite pages (Configuration page)
+ }));
+//# sourceMappingURL=CallComposite.styles.js.map

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

@@ -0,0 +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,EAAU,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEtD,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,mEAAmE;IACtF,CAAC"}

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

@@ -1,4 +1,54 @@
-import { IStackTokens } from '@fluentui/react';
-export declare const configurationStackTokens: IStackTokens;
-export declare const configurationContainer: string;
+import { IStackItemStyles, IStackStyles, IStackTokens } from '@fluentui/react';
+/**
+ * @private
+ */
+export declare const configurationStackTokensDesktop: IStackTokens;
+/**
+ * @private
+ */
+export declare const configurationStackTokensMobile: IStackTokens;
+/**
+ * @private
+ */
+export declare const configurationContainerStyleDesktop: string;
+/**
+ * @private
+ */
+export declare const configurationContainerStyleMobile: string;
+/**
+ * @private
+ */
+export declare const selectionContainerStyle: string;
+/**
+ * @private
+ */
+export declare const titleContainerStyleDesktop: string;
+/**
+ * @private
+ */
+export declare const titleContainerStyleMobile: string;
+/**
+ * @private
+ */
+export declare const callDetailsContainerStylesDesktop: IStackItemStyles;
+/**
+ * @private
+ */
+export declare const callDetailsStyleDesktop: string;
+/**
+ * @private
+ */
+export declare const callDetailsStyleMobile: string;
+/**
+ * @private
+ */
+export declare const startCallButtonContainerStyleDesktop: IStackStyles;
+/**
+ * @private
+ */
+export declare const startCallButtonContainerStyleMobile: IStackStyles;
+/**
+ * @private
+ */
+export declare const startCallButtonStyleMobile: string;
 //# sourceMappingURL=CallConfiguration.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CallConfiguration.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/CallConfiguration.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C,eAAO,MAAM,wBAAwB,EAAE,YAEtC,CAAC;AAEF,eAAO,MAAM,sBAAsB,QAGjC,CAAC"}
+{"version":3,"file":"CallConfiguration.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/CallConfiguration.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,YAAY,EAAuB,MAAM,iBAAiB,CAAC;AAEpG;;GAEG;AACH,eAAO,MAAM,+BAA+B,EAAE,YAE7C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,8BAA8B,EAAE,YAE5C,CAAC;AAQF;;GAEG;AACH,eAAO,MAAM,kCAAkC,QAI7C,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,iCAAiC,QAI5C,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,uBAAuB,QAKlC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,0BAA0B,QAIrC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,yBAAyB,QAKpC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,iCAAiC,EAAE,gBAI/C,CAAC;AAQF;;GAEG;AACH,eAAO,MAAM,uBAAuB,QAElC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,sBAAsB,QAGjC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,oCAAoC,EAAE,YAIlD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mCAAmC,EAAE,YAIjD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,0BAA0B,QAGrC,CAAC"}

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

@@ -1,11 +1,100 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 import { mergeStyles } from '@fluentui/react';
-export const configurationStackTokens = {
-    childrenGap: '3rem'
+/**
+ * @private
+ */
+export const configurationStackTokensDesktop = {
+    childrenGap: '2rem'
 };
-export const configurationContainer = mergeStyles({
-    // we need offset for the token's childrenGap here
-    height: 'calc(100% - 3rem)'
+/**
+ * @private
+ */
+export const configurationStackTokensMobile = {
+    childrenGap: '1rem'
+};
+const configurationContainerStyle = {
+    height: '100%',
+    width: '100%',
+    padding: '0.5rem'
+};
+/**
+ * @private
+ */
+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', minHeight: '21rem' }));
+/**
+ * @private
+ */
+export const selectionContainerStyle = mergeStyles({
+    width: '50%',
+    minWidth: '11rem',
+    maxWidth: '18.75rem',
+    padding: '0.5rem'
+});
+/**
+ * @private
+ */
+export const titleContainerStyleDesktop = mergeStyles({
+    fontSize: '1.25rem',
+    lineHeight: '1.75rem',
+    fontWeight: 600
+});
+/**
+ * @private
+ */
+export const titleContainerStyleMobile = mergeStyles({
+    fontSize: '1.0625rem',
+    lineHeight: '1.375rem',
+    fontWeight: 600,
+    textAlign: 'center'
+});
+/**
+ * @private
+ */
+export const callDetailsContainerStylesDesktop = {
+    root: {
+        marginBottom: '1.563rem'
+    }
+};
+const callDetailsStyle = {
+    fontSize: '0.9375',
+    lineHeight: '1.25rem',
+    marginTop: '0.25rem'
+};
+/**
+ * @private
+ */
+export const callDetailsStyleDesktop = mergeStyles(Object.assign({}, callDetailsStyle));
+/**
+ * @private
+ */
+export const callDetailsStyleMobile = mergeStyles(Object.assign(Object.assign({}, callDetailsStyle), { textAlign: 'center' }));
+/**
+ * @private
+ */
+export const startCallButtonContainerStyleDesktop = {
+    root: {
+        paddingTop: '1.125rem'
+    }
+};
+/**
+ * @private
+ */
+export const startCallButtonContainerStyleMobile = {
+    root: {
+        textAlign: 'center'
+    }
+};
+/**
+ * @private
+ */
+export const startCallButtonStyleMobile = mergeStyles({
+    width: '100%',
+    maxWidth: 'unset'
 });
 //# sourceMappingURL=CallConfiguration.styles.js.map

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":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,CAAC,MAAM,wBAAwB,GAAiB;IACpD,WAAW,EAAE,MAAM;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,WAAW,CAAC;IAChD,kDAAkD;IAClD,MAAM,EAAE,mBAAmB;CAC5B,CAAC,CAAC"}
+{"version":3,"file":"CallConfiguration.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/CallConfiguration.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAwD,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEpG;;GAEG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAiB;IAC3D,WAAW,EAAE,MAAM;CACpB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAiB;IAC1D,WAAW,EAAE,MAAM;CACpB,CAAC;AAEF,MAAM,2BAA2B,GAAW;IAC1C,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,QAAQ;CAClB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,kCAAkC,GAAG,WAAW,iCACxD,2BAA2B,KAC9B,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,OAAO,CAAC,gEAAgE;IACnF,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,iCAAiC,GAAG,WAAW,iCACvD,2BAA2B,KAC9B,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,OAAO,IAClB,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,WAAW,CAAC;IACjD,KAAK,EAAE,KAAK;IACZ,QAAQ,EAAE,OAAO;IACjB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,QAAQ;CAClB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,WAAW,CAAC;IACpD,QAAQ,EAAE,SAAS;IACnB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,GAAG;CAChB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,WAAW,CAAC;IACnD,QAAQ,EAAE,WAAW;IACrB,UAAU,EAAE,UAAU;IACtB,UAAU,EAAE,GAAG;IACf,SAAS,EAAE,QAAQ;CACpB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,iCAAiC,GAAqB;IACjE,IAAI,EAAE;QACJ,YAAY,EAAE,UAAU;KACzB;CACF,CAAC;AAEF,MAAM,gBAAgB,GAAW;IAC/B,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,SAAS;IACrB,SAAS,EAAE,SAAS;CACrB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,WAAW,mBAC7C,gBAAgB,EACnB,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,WAAW,iCAC5C,gBAAgB,KACnB,SAAS,EAAE,QAAQ,IACnB,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,oCAAoC,GAAiB;IAChE,IAAI,EAAE;QACJ,UAAU,EAAE,UAAU;KACvB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mCAAmC,GAAiB;IAC/D,IAAI,EAAE;QACJ,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,WAAW,CAAC;IACpD,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,OAAO;CAClB,CAAC,CAAC"}

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/CallControls.styles.d.ts

@@ -1,8 +1,14 @@
+import { IButtonStyles, IContextualMenuItemStyles, IStyle } from '@fluentui/react';
+import { DevicesButtonStyles, ParticipantsButtonStyles } from "../../../../../react-components/src";
+/** @private */
+export declare const controlBarContainerStyles: IStyle;
+/**
+ * @private
+ */
 export declare const groupCallLeaveButtonStyle: {
     root: {
         border: string;
         borderRadius: number;
-        marginRight: string;
         height: string;
         width: string;
     };
@@ -10,16 +16,34 @@ export declare const groupCallLeaveButtonStyle: {
         flexFlow: string;
     };
 };
+/**
+ * @private
+ */
 export declare const groupCallLeaveButtonCompressedStyle: {
     root: {
-        width: string;
-        height: string;
         border: string;
-        borderRadius: number;
-        marginRight: string;
+        borderRadius: string;
     };
     flexContainer: {
         flexFlow: string;
     };
 };
+/**
+ * Styles that can be applied to ensure flyout items have the minimum touch target size.
+ *
+ * @private
+ */
+export declare const buttonFlyoutIncreasedSizeStyles: IContextualMenuItemStyles;
+/**
+ * @private
+ */
+export declare const participantButtonWithIncreasedTouchTargets: ParticipantsButtonStyles;
+/**
+ * @private
+ */
+export declare const devicesButtonWithIncreasedTouchTargets: DevicesButtonStyles;
+/**
+ * @private
+ */
+export declare const controlButtonBaseStyle: IButtonStyles;
 //# sourceMappingURL=CallControls.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CallControls.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/CallControls.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,yBAAyB;;;;;;;;;;;CAWrC,CAAC;AAEF,eAAO,MAAM,mCAAmC;;;;;;;;;;;CAW/C,CAAC"}
+{"version":3,"file":"CallControls.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/CallControls.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACnF,OAAO,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,4CAAmC;AAI3F,eAAe;AACf,eAAO,MAAM,yBAAyB,EAAE,MASvC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB;;;;;;;;;;CAUrC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mCAAmC;;;;;;;;CAQ/C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,+BAA+B,EAAE,yBAc7C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,0CAA0C,EAAE,wBAYxD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sCAAsC,EAAE,mBAIpD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,aAIpC,CAAC"}