@azure/communication-react 1.0.0-alpha-20211130.12.0 → 1.0.0-alpha

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/LocalDeviceSettings.js

@@ -1,6 +1,6 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
-import { Dropdown, Icon, Stack } from '@fluentui/react';
+import { Dropdown, Icon, Label, mergeStyles, Stack } from '@fluentui/react';
 import { useTheme } from "../../../../../react-components/src";
 import React from 'react';
 import { useLocale } from '../../localization';
@@ -69,20 +69,23 @@ export const LocalDeviceSettings = (props) => {
                 : 'deniedOrUnknown', onChange: (event, option, index) => {
                 props.onSelectCamera(props.cameras[index !== null && index !== void 0 ? index : 0], localVideoViewOptions);
             }, onRenderTitle: (props) => onRenderTitle('Camera', props) }),
-        React.createElement(Dropdown, { label: soundLabel, placeholder: defaultPlaceHolder, styles: dropDownStyles(theme), disabled: !props.microphonePermissionGranted, errorMessage: props.microphonePermissionGranted === undefined || props.microphonePermissionGranted
-                ? undefined
-                : locale.strings.call.microphonePermissionDenied, options: props.microphonePermissionGranted
-                ? getDropDownList(props.microphones)
-                : [{ key: 'deniedOrUnknown', text: '' }], defaultSelectedKey: props.microphonePermissionGranted
-                ? props.selectedMicrophone
-                    ? props.selectedMicrophone.id
-                    : defaultDeviceId(props.microphones)
-                : 'deniedOrUnknown', onChange: (event, option, index) => {
-                props.onSelectMicrophone(props.microphones[index !== null && index !== void 0 ? index : 0]);
-            }, onRenderTitle: (props) => onRenderTitle('Microphone', props) }),
-        React.createElement(Dropdown, { placeholder: defaultPlaceHolder, styles: dropDownStyles(theme), disabled: props.speakers.length === 0, options: getDropDownList(props.speakers), defaultSelectedKey: props.selectedSpeaker ? props.selectedSpeaker.id : defaultDeviceId(props.speakers), onChange: (event, option, index) => {
-                props.onSelectSpeaker(props.speakers[index !== null && index !== void 0 ? index : 0]);
-            }, onRenderTitle: (props) => onRenderTitle('Speaker', props) })));
+        React.createElement(Stack, null,
+            React.createElement(Label, { id: 'call-composite-local-sound-settings-label', className: mergeStyles(dropDownStyles(theme).label), disabled: !props.microphonePermissionGranted }, soundLabel),
+            React.createElement(Stack, { "data-ui-id": "call-composite-sound-settings", tokens: mainStackTokens },
+                React.createElement(Dropdown, { "aria-labelledby": 'call-composite-local-sound-settings-label', placeholder: defaultPlaceHolder, styles: dropDownStyles(theme), disabled: !props.microphonePermissionGranted, errorMessage: props.microphonePermissionGranted === undefined || props.microphonePermissionGranted
+                        ? undefined
+                        : locale.strings.call.microphonePermissionDenied, options: props.microphonePermissionGranted
+                        ? getDropDownList(props.microphones)
+                        : [{ key: 'deniedOrUnknown', text: '' }], defaultSelectedKey: props.microphonePermissionGranted
+                        ? props.selectedMicrophone
+                            ? props.selectedMicrophone.id
+                            : defaultDeviceId(props.microphones)
+                        : 'deniedOrUnknown', onChange: (event, option, index) => {
+                        props.onSelectMicrophone(props.microphones[index !== null && index !== void 0 ? index : 0]);
+                    }, onRenderTitle: (props) => onRenderTitle('Microphone', props) }),
+                React.createElement(Dropdown, { "aria-labelledby": 'call-composite-local-sound-settings-label', placeholder: defaultPlaceHolder, styles: dropDownStyles(theme), disabled: props.speakers.length === 0, options: getDropDownList(props.speakers), defaultSelectedKey: props.selectedSpeaker ? props.selectedSpeaker.id : defaultDeviceId(props.speakers), onChange: (event, option, index) => {
+                        props.onSelectSpeaker(props.speakers[index !== null && index !== void 0 ? index : 0]);
+                    }, onRenderTitle: (props) => onRenderTitle('Speaker', props) })))));
 };
 const defaultDeviceId = (devices) => {
     if (devices.length === 0) {

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

@@ -1 +1 @@
-{"version":3,"file":"LocalDeviceSettings.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/LocalDeviceSettings.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"LocalDeviceSettings.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/LocalDeviceSettings.tsx"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { IButtonStyles, IContextualMenuItemStyles, IStyle, Theme } from '@fluentui/react';
+import { IButtonStyles, IContextualMenuItemStyles, IStyle } from '@fluentui/react';
 import { DevicesButtonStyles, ParticipantsButtonStyles } from "../../../../../react-components/src";
 /** @private */
 export declare const controlBarContainerStyles: IStyle;
@@ -28,10 +28,6 @@ export declare const groupCallLeaveButtonCompressedStyle: {
         flexFlow: string;
     };
 };
-/**
- * @private
- */
-export declare const checkedButtonOverrideStyles: (theme: Theme, isChecked?: boolean | undefined) => IButtonStyles;
 /**
  * Styles that can be applied to ensure flyout items have the minimum touch target size.
  *

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,OAAO,EAA6B,aAAa,EAAE,yBAAyB,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACrH,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;;GAEG;AACH,eAAO,MAAM,2BAA2B,UAAW,KAAK,sCAAwB,aAO9E,CAAC;AAEH;;;;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"}
+{"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"}

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

@@ -1,6 +1,5 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
-import { DefaultPalette as palette } from '@fluentui/react';
 const MINIMUM_TOUCH_TARGET_HEIGHT_REM = 3;
 /** @private */
 export const controlBarContainerStyles = {
@@ -38,17 +37,6 @@ export const groupCallLeaveButtonCompressedStyle = {
         flexFlow: 'row'
     }
 };
-/**
- * @private
- */
-export const checkedButtonOverrideStyles = (theme, isChecked) => ({
-    rootChecked: {
-        background: theme.palette.themePrimary,
-        color: palette.white,
-        ':focus::after': { outlineColor: `${palette.white} !important` } // added !important to avoid override by FluentUI button styles
-    },
-    label: isChecked ? { color: palette.white } : {}
-});
 /**
  * Styles that can be applied to ensure flyout items have the minimum touch target size.
  *

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;AAElC,OAAO,EAAE,cAAc,IAAI,OAAO,EAA2D,MAAM,iBAAiB,CAAC;AAGrH,MAAM,+BAA+B,GAAG,CAAC,CAAC;AAE1C,eAAe;AACf,MAAM,CAAC,MAAM,yBAAyB,GAAW;IAC/C,UAAU,EAAE,SAAS;IACrB,aAAa,EAAE,SAAS;IAExB,4HAA4H;IAC5H,SAAS,EAAE;;;GAGV;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,IAAI,EAAE;QACJ,MAAM,EAAE,UAAU;QAClB,YAAY,EAAE,CAAC;QACf,MAAM,EAAE,WAAW;QACnB,KAAK,EAAE,WAAW;KACnB;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mCAAmC,GAAG;IACjD,IAAI,EAAE;QACJ,MAAM,EAAE,GAAG;QACX,YAAY,EAAE,QAAQ;KACvB;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,KAAY,EAAE,SAAmB,EAAiB,EAAE,CAAC,CAAC;IAChG,WAAW,EAAE;QACX,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;QACtC,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,eAAe,EAAE,EAAE,YAAY,EAAE,GAAG,OAAO,CAAC,KAAK,aAAa,EAAE,CAAC,+DAA+D;KACjI;IACD,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE;CACjD,CAAC,CAAC;AAEH;;;;GAIG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAA8B;IACxE,IAAI,EAAE;QACJ,MAAM,EAAE,GAAG,+BAA+B,KAAK;QAC/C,UAAU,EAAE,GAAG,+BAA+B,KAAK;QACnD,SAAS,EAAE,OAAO;KACnB;IACD,WAAW,EAAE;QACX,MAAM,EAAE,GAAG,+BAA+B,KAAK;QAC/C,UAAU,EAAE,GAAG,+BAA+B,KAAK;QACnD,SAAS,EAAE,OAAO;KACnB;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,OAAO;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"}
+{"version":3,"file":"CallControls.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/CallControls.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAKlC,MAAM,+BAA+B,GAAG,CAAC,CAAC;AAE1C,eAAe;AACf,MAAM,CAAC,MAAM,yBAAyB,GAAW;IAC/C,UAAU,EAAE,SAAS;IACrB,aAAa,EAAE,SAAS;IAExB,4HAA4H;IAC5H,SAAS,EAAE;;;GAGV;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,IAAI,EAAE;QACJ,MAAM,EAAE,UAAU;QAClB,YAAY,EAAE,CAAC;QACf,MAAM,EAAE,WAAW;QACnB,KAAK,EAAE,WAAW;KACnB;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mCAAmC,GAAG;IACjD,IAAI,EAAE;QACJ,MAAM,EAAE,GAAG;QACX,YAAY,EAAE,QAAQ;KACvB;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAA8B;IACxE,IAAI,EAAE;QACJ,MAAM,EAAE,GAAG,+BAA+B,KAAK;QAC/C,UAAU,EAAE,GAAG,+BAA+B,KAAK;QACnD,SAAS,EAAE,OAAO;KACnB;IACD,WAAW,EAAE;QACX,MAAM,EAAE,GAAG,+BAA+B,KAAK;QAC/C,UAAU,EAAE,GAAG,+BAA+B,KAAK;QACnD,SAAS,EAAE,OAAO;KACnB;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,OAAO;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"}

package/dist/dist-esm/react-composites/src/composites/ChatComposite/ChatComposite.d.ts

@@ -41,6 +41,13 @@ export declare type ChatCompositeOptions = {
      * @defaultValue true
      */
     errorBar?: boolean;
+    /**
+     * Show or hide the participant pane. This feature is in beta and not supported on mobile or narrow screen views.
+     * @defaultValue false
+     *
+     * @beta
+     */
+    participantPane?: boolean;
     /**
      * Show or hide the topic at the top of the chat. Hidden if set to `false`
      * @defaultValue true

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

@@ -1 +1 @@
-{"version":3,"file":"ChatComposite.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/ChatComposite/ChatComposite.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,wBAAwB,EAAE,eAAe,EAAE,YAAY,EAAE,yCAAmC;AAErG,OAAO,EAAiB,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAKpD;;;;GAIG;AACH,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB,CAAC,kBAAkB,CAAC;IAChF;;;OAGG;IACH,OAAO,EAAE,WAAW,CAAC;IACrB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,eAAe,CAAC,EAAE,eAAe,KAAK,GAAG,CAAC,OAAO,CAAC;IACjG;;;OAGG;IACH,uBAAuB,CAAC,EAAE,CAAC,WAAW,EAAE,wBAAwB,EAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IAEnF;;OAEG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AACD;;;;GAIG;AACH,oBAAY,oBAAoB,GAAG;IACjC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,UAAW,kBAAkB,KAAG,WAyBzD,CAAC"}
+{"version":3,"file":"ChatComposite.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/ChatComposite/ChatComposite.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,wBAAwB,EAAE,eAAe,EAAE,YAAY,EAAE,yCAAmC;AAErG,OAAO,EAAiB,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAKpD;;;;GAIG;AACH,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB,CAAC,kBAAkB,CAAC;IAChF;;;OAGG;IACH,OAAO,EAAE,WAAW,CAAC;IACrB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,eAAe,CAAC,EAAE,eAAe,KAAK,GAAG,CAAC,OAAO,CAAC;IACjG;;;OAGG;IACH,uBAAuB,CAAC,EAAE,CAAC,WAAW,EAAE,wBAAwB,EAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IAEnF;;OAEG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AACD;;;;GAIG;AACH,oBAAY,oBAAoB,GAAG;IACjC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,UAAW,kBAAkB,KAAG,WAyBzD,CAAC"}

package/dist/dist-esm/react-composites/src/composites/ChatComposite/ChatComposite.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatComposite.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/ChatComposite/ChatComposite.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAsB,MAAM,yBAAyB,CAAC;AAG5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAgD1C;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAe,EAAE;IACtE,MAAM,EACJ,OAAO,EACP,OAAO,EACP,wBAAwB,EACxB,uBAAuB,EACvB,eAAe,EACf,2BAA2B,EAC5B,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,6BAAK,SAAS,EAAE,wBAAwB;QACtC,oBAAC,aAAa,oBAAK,KAAK;YACtB,oBAAC,mBAAmB,IAAC,OAAO,EAAE,OAAO;gBACnC,oBAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,wBAAwB,EAAE,wBAAwB,EAClD,uBAAuB,EAAE,uBAAuB,EAChD,eAAe,EAAE,eAAe,EAChC,2BAA2B,EAAE,2BAA2B,GACxD,CACkB,CACR,CACZ,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ChatComposite.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/ChatComposite/ChatComposite.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAsB,MAAM,yBAAyB,CAAC;AAG5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAuD1C;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAe,EAAE;IACtE,MAAM,EACJ,OAAO,EACP,OAAO,EACP,wBAAwB,EACxB,uBAAuB,EACvB,eAAe,EACf,2BAA2B,EAC5B,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,6BAAK,SAAS,EAAE,wBAAwB;QACtC,oBAAC,aAAa,oBAAK,KAAK;YACtB,oBAAC,mBAAmB,IAAC,OAAO,EAAE,OAAO;gBACnC,oBAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,wBAAwB,EAAE,wBAAwB,EAClD,uBAAuB,EAAE,uBAAuB,EAChD,eAAe,EAAE,eAAe,EAChC,2BAA2B,EAAE,2BAA2B,GACxD,CACkB,CACR,CACZ,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/dist-esm/react-composites/src/composites/ChatComposite/ChatScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatScreen.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/ChatComposite/ChatScreen.tsx"],"names":[],"mappings":";AAIA,OAAO,EACL,wBAAwB,EAExB,YAAY,EACZ,eAAe,EAIf,4BAA4B,EAC5B,mBAAmB,EACnB,kBAAkB,EAClB,0BAA0B,EAC3B,yCAAmC;AAEpC,OAAO,EAAiB,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAEnF,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAcvD;;GAEG;AACH,oBAAY,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,wBAAwB,CAAC,EAAE,yBAAyB,CAAC;IACrD,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,eAAe,CAAC,EAAE,eAAe,KAAK,GAAG,CAAC,OAAO,CAAC;IACjG,uBAAuB,CAAC,EAAE,CAAC,WAAW,EAAE,wBAAwB,EAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IACnF,2BAA2B,CAAC,EAAE,4BAA4B,CAAC;IAC3D,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,oBAAY,gBAAgB,GAAG;IAC7B,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,eAAe,CAAC,EAAE,0BAA0B,CAAC;CAC9C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,UAAW,eAAe,KAAG,WAsEnD,CAAC"}
+{"version":3,"file":"ChatScreen.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/ChatComposite/ChatScreen.tsx"],"names":[],"mappings":";AAIA,OAAO,EACL,wBAAwB,EAExB,YAAY,EACZ,eAAe,EAKf,4BAA4B,EAC5B,mBAAmB,EACnB,kBAAkB,EAClB,0BAA0B,EAC3B,yCAAmC;AAEpC,OAAO,EAAiB,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAGnF,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAkBvD;;GAEG;AACH,oBAAY,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,wBAAwB,CAAC,EAAE,yBAAyB,CAAC;IACrD,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,eAAe,CAAC,EAAE,eAAe,KAAK,GAAG,CAAC,OAAO,CAAC;IACjG,uBAAuB,CAAC,EAAE,CAAC,WAAW,EAAE,wBAAwB,EAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IACnF,2BAA2B,CAAC,EAAE,4BAA4B,CAAC;IAC3D,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,oBAAY,gBAAgB,GAAG;IAC7B,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,eAAe,CAAC,EAAE,0BAA0B,CAAC;CAC9C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,UAAW,eAAe,KAAG,WA+FnD,CAAC"}

package/dist/dist-esm/react-composites/src/composites/ChatComposite/ChatScreen.js

@@ -1,28 +1,30 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
-import { mergeStyles, Stack } from '@fluentui/react';
-import { ErrorBar, MessageThread, SendBox, TypingIndicator } from "../../../../react-components/src";
+import { FocusZone, mergeStyles, Stack } from '@fluentui/react';
+import { ErrorBar, MessageThread, ParticipantList, SendBox, TypingIndicator } from "../../../../react-components/src";
 import React, { useCallback, useEffect } from 'react';
 import { AvatarPersona } from '../common/AvatarPersona';
+import { useLocale } from '../localization';
 import { useAdapter } from './adapter/ChatAdapterProvider';
 import { ChatHeader, getHeaderProps } from './ChatHeader';
 import { useAdaptedSelector } from './hooks/useAdaptedSelector';
 import { usePropsFor } from './hooks/usePropsFor';
-import { chatArea, chatContainer, chatWrapper, participantListContainerPadding, messageThreadChatCompositeStyles, sendBoxChatCompositeStyles, typingIndicatorChatCompositeStyles } from './styles/Chat.styles';
+import { chatArea, chatContainer, chatWrapper, listHeader, participantListContainerPadding, participantListStack, participantListStyle, participantListWrapper, messageThreadChatCompositeStyles, sendBoxChatCompositeStyles, typingIndicatorChatCompositeStyles } from './styles/Chat.styles';
 /**
  * @private
  */
 export const ChatScreen = (props) => {
-    const { onFetchAvatarPersonaData, onRenderMessage, onRenderTypingIndicator, 
-    // onFetchParticipantMenuItems,  // Removed for GA release
-    options, styles } = props;
+    const { onFetchAvatarPersonaData, onRenderMessage, onRenderTypingIndicator, onFetchParticipantMenuItems, options, styles } = props;
     const defaultNumberOfChatMessagesToReload = 5;
     const sendBoxParentStyle = mergeStyles({ width: '100%' });
     const adapter = useAdapter();
     useEffect(() => {
         adapter.fetchInitialData();
     }, [adapter]);
+    const locale = useLocale();
+    const chatListHeader = locale.strings.chat.chatListHeader;
     const messageThreadProps = usePropsFor(MessageThread);
+    const participantListProps = usePropsFor(ParticipantList);
     const sendBoxProps = usePropsFor(SendBox);
     const typingIndicatorProps = usePropsFor(TypingIndicator);
     const headerProps = useAdaptedSelector(getHeaderProps);
@@ -41,6 +43,11 @@ export const ChatScreen = (props) => {
                 React.createElement(MessageThread, Object.assign({}, messageThreadProps, { onRenderAvatar: onRenderAvatarCallback, onRenderMessage: onRenderMessage, numberOfChatMessagesToReload: defaultNumberOfChatMessagesToReload, styles: messageThreadStyles })),
                 React.createElement(Stack.Item, { align: "center", className: sendBoxParentStyle },
                     React.createElement("div", { style: { paddingLeft: '0.5rem', paddingRight: '0.5rem' } }, onRenderTypingIndicator ? (onRenderTypingIndicator(typingIndicatorProps.typingUsers)) : (React.createElement(TypingIndicator, Object.assign({}, typingIndicatorProps, { styles: typingIndicatorStyles })))),
-                    React.createElement(SendBox, Object.assign({}, sendBoxProps, { styles: sendBoxStyles })))))));
+                    React.createElement(SendBox, Object.assign({}, sendBoxProps, { styles: sendBoxStyles })))),
+            (options === null || options === void 0 ? void 0 : options.participantPane) === true && (React.createElement(Stack, { className: participantListWrapper },
+                React.createElement(Stack, { className: participantListStack },
+                    React.createElement(Stack.Item, { className: listHeader }, chatListHeader),
+                    React.createElement(FocusZone, { className: participantListStyle },
+                        React.createElement(ParticipantList, Object.assign({}, participantListProps, { onRenderAvatar: (userId, options) => (React.createElement(AvatarPersona, Object.assign({ "data-ui-id": "chat-composite-participant-custom-avatar", userId: userId }, options, { dataProvider: onFetchAvatarPersonaData }))), onFetchParticipantMenuItems: onFetchParticipantMenuItems })))))))));
 };
 //# sourceMappingURL=ChatScreen.js.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/ChatScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatScreen.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/ChatComposite/ChatScreen.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ChatScreen.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/ChatComposite/ChatScreen.tsx"],"names":[],"mappings":"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"}

package/dist/dist-esm/react-composites/src/composites/MeetingComposite/ChatButton.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ControlBarButtonProps } from "../../../../react-components/src";
+/**
+ * @private
+ */
+export declare const ChatButton: (props: ControlBarButtonProps) => JSX.Element;
+//# sourceMappingURL=ChatButton.d.ts.map

package/dist/dist-esm/react-composites/src/composites/MeetingComposite/ChatButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatButton.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/MeetingComposite/ChatButton.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAoB,qBAAqB,EAAE,yCAAmC;AAMrF;;GAEG;AACH,eAAO,MAAM,UAAU,UAAW,qBAAqB,KAAG,WAazD,CAAC"}

package/dist/dist-esm/react-composites/src/composites/MeetingComposite/ChatButton.js

@@ -0,0 +1,16 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import React from 'react';
+import { ControlBarButton } from "../../../../react-components/src";
+import { Chat20Filled, Chat20Regular } from '@fluentui/react-icons';
+const onRenderOnIcon = () => React.createElement(Chat20Filled, { key: 'chatOnIconKey', primaryFill: "currentColor" });
+const onRenderOffIcon = () => React.createElement(Chat20Regular, { key: 'chatOffIconKey', primaryFill: "currentColor" });
+/**
+ * @private
+ */
+export const ChatButton = (props) => {
+    var _a, _b;
+    const strings = Object.assign({ label: 'Chat' }, props.strings);
+    return (React.createElement(ControlBarButton, Object.assign({}, props, { labelKey: 'chatButtonLabelKey', strings: strings, onRenderOnIcon: (_a = props.onRenderOnIcon) !== null && _a !== void 0 ? _a : onRenderOnIcon, onRenderOffIcon: (_b = props.onRenderOffIcon) !== null && _b !== void 0 ? _b : onRenderOffIcon, onClick: props.onClick })));
+};
+//# sourceMappingURL=ChatButton.js.map

package/dist/dist-esm/react-composites/src/composites/MeetingComposite/ChatButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatButton.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/MeetingComposite/ChatButton.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAyB,yCAAmC;AACrF,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEpE,MAAM,cAAc,GAAG,GAAgB,EAAE,CAAC,oBAAC,YAAY,IAAC,GAAG,EAAE,eAAe,EAAE,WAAW,EAAC,cAAc,GAAG,CAAC;AAC5G,MAAM,eAAe,GAAG,GAAgB,EAAE,CAAC,oBAAC,aAAa,IAAC,GAAG,EAAE,gBAAgB,EAAE,WAAW,EAAC,cAAc,GAAG,CAAC;AAE/G;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAA4B,EAAe,EAAE;;IACtE,MAAM,OAAO,mBAAK,KAAK,EAAE,MAAM,IAAK,KAAK,CAAC,OAAO,CAAE,CAAC;IAEpD,OAAO,CACL,oBAAC,gBAAgB,oBACX,KAAK,IACT,QAAQ,EAAE,oBAAoB,EAC9B,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,MAAA,KAAK,CAAC,cAAc,mCAAI,cAAc,EACtD,eAAe,EAAE,MAAA,KAAK,CAAC,eAAe,mCAAI,eAAe,EACzD,OAAO,EAAE,KAAK,CAAC,OAAO,IACtB,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/dist-esm/react-composites/src/composites/MeetingComposite/MeetingCallControlBar.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { CallAdapter } from '../CallComposite';
+/**
+ * @private
+ */
+export interface MeetingCallControlBarProps {
+    callAdapter: CallAdapter;
+    chatButtonChecked: boolean;
+    peopleButtonChecked: boolean;
+    onChatButtonClicked: () => void;
+    onPeopleButtonClicked: () => void;
+    mobileView: boolean;
+    disableButtonsForLobbyPage: boolean;
+}
+/**
+ * @private
+ */
+export declare const MeetingCallControlBar: (props: MeetingCallControlBarProps) => JSX.Element;
+//# sourceMappingURL=MeetingCallControlBar.d.ts.map

package/dist/dist-esm/react-composites/src/composites/MeetingComposite/MeetingCallControlBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeetingCallControlBar.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/MeetingComposite/MeetingCallControlBar.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAQ/C;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,WAAW,EAAE,WAAW,CAAC;IACzB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,0BAA0B,EAAE,OAAO,CAAC;CACrC;AAED;;GAEG;AACH,eAAO,MAAM,qBAAqB,UAAW,0BAA0B,KAAG,WA8CzE,CAAC"}

package/dist/dist-esm/react-composites/src/composites/MeetingComposite/MeetingCallControlBar.js

@@ -0,0 +1,38 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import React from 'react';
+import { CallControls } from '../CallComposite/components/CallControls';
+import { CallAdapterProvider } from '../CallComposite/adapter/CallAdapterProvider';
+import { ChatButton } from './ChatButton';
+import { PeopleButton } from './PeopleButton';
+import { mergeStyles, Stack } from '@fluentui/react';
+import { reduceCallControlsForMobile } from '../CallComposite/utils';
+import { controlBarContainerStyles } from '../CallComposite/styles/CallControls.styles';
+import { callControlsContainerStyles } from '../CallComposite/styles/CallPage.styles';
+/**
+ * @private
+ */
+export const MeetingCallControlBar = (props) => {
+    // Disable the default participants button as meetings composite has its own participants button.
+    let callControlsOptions = {
+        participantsButton: false,
+        screenShareButton: props.mobileView ? false : { disabled: props.disableButtonsForLobbyPage }
+    };
+    // Reduce the controls shown when mobile view is enabled.
+    if (props.mobileView) {
+        callControlsOptions = reduceCallControlsForMobile(callControlsOptions);
+    }
+    /**
+     * Until mobile meetings is worked on, statically set the width of the
+     * control bar such that all controls can be accessed.
+     */
+    const temporaryMeetingControlBarStyles = props.mobileView ? { width: '23.5rem' } : undefined;
+    return (React.createElement(Stack, { horizontal: true, className: mergeStyles(temporaryMeetingControlBarStyles, callControlsContainerStyles, controlBarContainerStyles) },
+        React.createElement(Stack.Item, { grow: true },
+            React.createElement(CallAdapterProvider, { adapter: props.callAdapter },
+                React.createElement(CallControls, { options: callControlsOptions, increaseFlyoutItemSize: props.mobileView }))),
+        React.createElement(Stack.Item, null,
+            React.createElement(ChatButton, { checked: props.chatButtonChecked, showLabel: true, onClick: props.onChatButtonClicked, "data-ui-id": "meeting-composite-chat-button", disabled: props.disableButtonsForLobbyPage }),
+            React.createElement(PeopleButton, { checked: props.peopleButtonChecked, showLabel: true, onClick: props.onPeopleButtonClicked, "data-ui-id": "meeting-composite-people-button", disabled: props.disableButtonsForLobbyPage }))));
+};
+//# sourceMappingURL=MeetingCallControlBar.js.map

package/dist/dist-esm/react-composites/src/composites/MeetingComposite/MeetingCallControlBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeetingCallControlBar.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/MeetingComposite/MeetingCallControlBar.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAsB,MAAM,0CAA0C,CAAC;AAC5F,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAEnF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6CAA6C,CAAC;AACxF,OAAO,EAAE,2BAA2B,EAAE,MAAM,yCAAyC,CAAC;AAetF;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAe,EAAE;IACtF,iGAAiG;IACjG,IAAI,mBAAmB,GAA+B;QACpD,kBAAkB,EAAE,KAAK;QACzB,iBAAiB,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,0BAA0B,EAAE;KAC7F,CAAC;IAEF,yDAAyD;IACzD,IAAI,KAAK,CAAC,UAAU,EAAE;QACpB,mBAAmB,GAAG,2BAA2B,CAAC,mBAAmB,CAAC,CAAC;KACxE;IAED;;;OAGG;IACH,MAAM,gCAAgC,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAE7F,OAAO,CACL,oBAAC,KAAK,IACJ,UAAU,QACV,SAAS,EAAE,WAAW,CAAC,gCAAgC,EAAE,2BAA2B,EAAE,yBAAyB,CAAC;QAEhH,oBAAC,KAAK,CAAC,IAAI,IAAC,IAAI;YACd,oBAAC,mBAAmB,IAAC,OAAO,EAAE,KAAK,CAAC,WAAW;gBAC7C,oBAAC,YAAY,IAAC,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,KAAK,CAAC,UAAU,GAAI,CACpE,CACX;QACb,oBAAC,KAAK,CAAC,IAAI;YACT,oBAAC,UAAU,IACT,OAAO,EAAE,KAAK,CAAC,iBAAiB,EAChC,SAAS,EAAE,IAAI,EACf,OAAO,EAAE,KAAK,CAAC,mBAAmB,gBACvB,+BAA+B,EAC1C,QAAQ,EAAE,KAAK,CAAC,0BAA0B,GAC1C;YACF,oBAAC,YAAY,IACX,OAAO,EAAE,KAAK,CAAC,mBAAmB,EAClC,SAAS,EAAE,IAAI,EACf,OAAO,EAAE,KAAK,CAAC,qBAAqB,gBACzB,iCAAiC,EAC5C,QAAQ,EAAE,KAAK,CAAC,0BAA0B,GAC1C,CACS,CACP,CACT,CAAC;AACJ,CAAC,CAAC"}

package/dist/dist-esm/react-composites/src/composites/MeetingComposite/MeetingComposite.d.ts

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+import { PartialTheme, Theme } from '@fluentui/react';
+import { MeetingAdapter } from './adapter/MeetingAdapter';
+import { BaseCompositeProps } from '../common/BaseComposite';
+import { CallCompositeIcons, ChatCompositeIcons } from '../common/icons';
+/**
+ * Props required for the {@link MeetingComposite}
+ *
+ * @beta
+ */
+export interface MeetingCompositeProps extends BaseCompositeProps<CallCompositeIcons & ChatCompositeIcons> {
+    meetingAdapter: MeetingAdapter;
+    /**
+     * Fluent theme for the composite.
+     *
+     * Defaults to a light theme if undefined.
+     */
+    fluentTheme?: PartialTheme | Theme;
+    /**
+     * Optimizes the composite form factor for either desktop or mobile.
+     * @remarks `mobile` is currently only optimized for Portrait mode on mobile devices and does not support landscape.
+     * @defaultValue 'desktop'
+     * @beta
+     */
+    formFactor?: 'desktop' | 'mobile';
+    /**
+     * URL that can be used to copy a meeting invite to the Users clipboard.
+     */
+    meetingInvitationURL?: string;
+}
+/**
+ * Meeting Composite brings together key components to provide a full meeting experience out of the box.
+ *
+ * @beta
+ */
+export declare const MeetingComposite: (props: MeetingCompositeProps) => JSX.Element;
+//# sourceMappingURL=MeetingComposite.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MeetingComposite.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/MeetingComposite/MeetingComposite.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,YAAY,EAAS,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAQ7D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAM1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEzE;;;;GAIG;AACH,MAAM,WAAW,qBAAsB,SAAQ,kBAAkB,CAAC,kBAAkB,GAAG,kBAAkB,CAAC;IACxG,cAAc,EAAE,cAAc,CAAC;IAC/B;;;;OAIG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,KAAK,CAAC;IACnC;;;;;OAKG;IACH,UAAU,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAClC;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,UAAW,qBAAqB,KAAG,WAqF/D,CAAC"}

package/dist/dist-esm/react-composites/src/composites/MeetingComposite/MeetingComposite.js

@@ -0,0 +1,59 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import React, { useCallback, useState, useMemo } from 'react';
+import { Stack } from '@fluentui/react';
+import { CallComposite } from '../CallComposite';
+import { CallAdapterProvider } from '../CallComposite/adapter/CallAdapterProvider';
+import { EmbeddedChatPane, EmbeddedPeoplePane } from './SidePane';
+import { MeetingCallControlBar } from './MeetingCallControlBar';
+import { compositeOuterContainerStyles } from './styles/MeetingCompositeStyles';
+import { FluentThemeProvider } from "../../../../react-components/src";
+import { MeetingBackedCallAdapter } from './adapter/MeetingBackedCallAdapter';
+import { MeetingBackedChatAdapter } from './adapter/MeetingBackedChatAdapter';
+import { hasJoinedCall as hasJoinedCallFn } from './state/MeetingCompositePage';
+/**
+ * Meeting Composite brings together key components to provide a full meeting experience out of the box.
+ *
+ * @beta
+ */
+export const MeetingComposite = (props) => {
+    const { meetingAdapter, fluentTheme, formFactor = 'desktop' } = props;
+    if (!meetingAdapter) {
+        throw 'Meeting adapter is undefined';
+    }
+    const callAdapter = useMemo(() => new MeetingBackedCallAdapter(meetingAdapter), [meetingAdapter]);
+    const chatAdapter = useMemo(() => new MeetingBackedChatAdapter(meetingAdapter), [meetingAdapter]);
+    const [currentMeetingState, setCurrentMeetingState] = useState();
+    const [currentPage, setCurrentPage] = useState();
+    meetingAdapter.onStateChange((newState) => {
+        var _a;
+        setCurrentPage(newState.page);
+        setCurrentMeetingState((_a = newState.meeting) === null || _a === void 0 ? void 0 : _a.state);
+    });
+    const [showChat, setShowChat] = useState(false);
+    const [showPeople, setShowPeople] = useState(false);
+    const closePane = useCallback(() => {
+        setShowChat(false);
+        setShowPeople(false);
+    }, []);
+    const toggleChat = useCallback(() => {
+        setShowPeople(false);
+        setShowChat(!showChat);
+    }, [showChat]);
+    const togglePeople = useCallback(() => {
+        setShowChat(false);
+        setShowPeople(!showPeople);
+    }, [showPeople]);
+    const isInLobbyOrConnecting = currentPage === 'lobby';
+    const hasJoinedCall = !!(currentPage && hasJoinedCallFn(currentPage, currentMeetingState !== null && currentMeetingState !== void 0 ? currentMeetingState : 'None'));
+    return (React.createElement(FluentThemeProvider, { fluentTheme: fluentTheme },
+        React.createElement(Stack, { verticalFill: true, grow: true, styles: compositeOuterContainerStyles },
+            React.createElement(Stack, { horizontal: true, grow: true },
+                React.createElement(Stack.Item, { grow: true },
+                    React.createElement(CallComposite, Object.assign({}, props, { formFactor: formFactor, options: { callControls: false }, adapter: callAdapter, fluentTheme: fluentTheme }))),
+                chatAdapter && hasJoinedCall && (React.createElement(EmbeddedChatPane, { chatCompositeProps: props, hidden: !showChat, chatAdapter: chatAdapter, fluentTheme: fluentTheme, onClose: closePane })),
+                callAdapter && chatAdapter && hasJoinedCall && (React.createElement(CallAdapterProvider, { adapter: callAdapter },
+                    React.createElement(EmbeddedPeoplePane, { hidden: !showPeople, inviteLink: props.meetingInvitationURL, onClose: closePane, chatAdapter: chatAdapter, callAdapter: callAdapter })))),
+            (isInLobbyOrConnecting || hasJoinedCall) && (React.createElement(MeetingCallControlBar, { callAdapter: callAdapter, chatButtonChecked: showChat, onChatButtonClicked: toggleChat, peopleButtonChecked: showPeople, onPeopleButtonClicked: togglePeople, mobileView: props.formFactor === 'mobile', disableButtonsForLobbyPage: isInLobbyOrConnecting })))));
+};
+//# sourceMappingURL=MeetingComposite.js.map

package/dist/dist-esm/react-composites/src/composites/MeetingComposite/MeetingComposite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeetingComposite.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/MeetingComposite/MeetingComposite.tsx"],"names":[],"mappings":"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"}

package/dist/dist-esm/react-composites/src/composites/MeetingComposite/PeopleButton.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ControlBarButtonProps } from "../../../../react-components/src";
+/**
+ * @private
+ */
+export declare const PeopleButton: (props: ControlBarButtonProps) => JSX.Element;
+//# sourceMappingURL=PeopleButton.d.ts.map

package/dist/dist-esm/react-composites/src/composites/MeetingComposite/PeopleButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PeopleButton.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/MeetingComposite/PeopleButton.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAoB,qBAAqB,EAAE,yCAAmC;AAMrF;;GAEG;AACH,eAAO,MAAM,YAAY,UAAW,qBAAqB,KAAG,WAa3D,CAAC"}

package/dist/dist-esm/react-composites/src/composites/MeetingComposite/PeopleButton.js

@@ -0,0 +1,16 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import React from 'react';
+import { ControlBarButton } from "../../../../react-components/src";
+import { People20Filled, People20Regular } from '@fluentui/react-icons';
+const onRenderOnIcon = () => React.createElement(People20Filled, { key: 'peopleOnIconKey', primaryFill: "currentColor" });
+const onRenderOffIcon = () => React.createElement(People20Regular, { key: 'peopleOffIconKey', primaryFill: "currentColor" });
+/**
+ * @private
+ */
+export const PeopleButton = (props) => {
+    var _a, _b;
+    const strings = Object.assign({ label: 'People' }, props.strings);
+    return (React.createElement(ControlBarButton, Object.assign({}, props, { strings: strings, labelKey: 'peopleButtonLabelKey', onRenderOnIcon: (_a = props.onRenderOnIcon) !== null && _a !== void 0 ? _a : onRenderOnIcon, onRenderOffIcon: (_b = props.onRenderOffIcon) !== null && _b !== void 0 ? _b : onRenderOffIcon, onClick: props.onClick })));
+};
+//# sourceMappingURL=PeopleButton.js.map

package/dist/dist-esm/react-composites/src/composites/MeetingComposite/PeopleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PeopleButton.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/MeetingComposite/PeopleButton.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAyB,yCAAmC;AACrF,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExE,MAAM,cAAc,GAAG,GAAgB,EAAE,CAAC,oBAAC,cAAc,IAAC,GAAG,EAAE,iBAAiB,EAAE,WAAW,EAAC,cAAc,GAAG,CAAC;AAChH,MAAM,eAAe,GAAG,GAAgB,EAAE,CAAC,oBAAC,eAAe,IAAC,GAAG,EAAE,kBAAkB,EAAE,WAAW,EAAC,cAAc,GAAG,CAAC;AAEnH;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAA4B,EAAe,EAAE;;IACxE,MAAM,OAAO,mBAAK,KAAK,EAAE,QAAQ,IAAK,KAAK,CAAC,OAAO,CAAE,CAAC;IAEtD,OAAO,CACL,oBAAC,gBAAgB,oBACX,KAAK,IACT,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,sBAAsB,EAChC,cAAc,EAAE,MAAA,KAAK,CAAC,cAAc,mCAAI,cAAc,EACtD,eAAe,EAAE,MAAA,KAAK,CAAC,eAAe,mCAAI,eAAe,EACzD,OAAO,EAAE,KAAK,CAAC,OAAO,IACtB,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/dist-esm/react-composites/src/composites/MeetingComposite/SidePane.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { ChatAdapter, ChatCompositeProps } from '../ChatComposite';
+import { PartialTheme, Theme } from '@fluentui/react';
+import { CallAdapter } from '../CallComposite';
+/**
+ * @private
+ */
+export declare const EmbeddedPeoplePane: (props: {
+    inviteLink?: string;
+    onClose: () => void;
+    hidden: boolean;
+    callAdapter: CallAdapter;
+    chatAdapter: ChatAdapter;
+}) => JSX.Element;
+/**
+ * @private
+ */
+export declare const EmbeddedChatPane: (props: {
+    chatCompositeProps: Partial<ChatCompositeProps>;
+    chatAdapter: ChatAdapter;
+    fluentTheme?: PartialTheme | Theme;
+    hidden: boolean;
+    onClose: () => void;
+}) => JSX.Element;
+//# sourceMappingURL=SidePane.d.ts.map

package/dist/dist-esm/react-composites/src/composites/MeetingComposite/SidePane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidePane.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/MeetingComposite/SidePane.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAiB,WAAW,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAClF,OAAO,EAAmC,YAAY,EAAE,KAAK,EAA0B,MAAM,iBAAiB,CAAC;AAe/G,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAuD/C;;GAEG;AACH,eAAO,MAAM,kBAAkB,UAAW;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,WAAW,CAAC;CAC1B,KAAG,WAoCH,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,UAAW;IACtC,kBAAkB,EAAE,QAAQ,kBAAkB,CAAC,CAAC;IAChD,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,CAAC,EAAE,YAAY,GAAG,KAAK,CAAC;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,KAAG,WAgBH,CAAC"}