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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DiagnosticsForwarder.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/adapter/DiagnosticsForwarder.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAGL,QAAQ,EAGT,MAAM,8BAA8B,CAAC;AAItC;;GAEG;AACH,MAAM,OAAO,oBAAoB;IAI/B,YAAY,OAAqB,EAAE,IAAU;QAMtC,gBAAW,GAAG,GAAS,EAAE;YAC9B,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;YAC9F,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,mBAAmB,EAAE,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5F,CAAC,CAAC;QARA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC;QACjE,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAOO,SAAS;QACf,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC,mBAAmB,EAAE,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7F,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,mBAAmB,EAAE,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC3F,CAAC;IAEO,yBAAyB,CAAC,IAAuC;QACvE,MAAM,KAAK,mBACT,IAAI,EAAE,SAAS,IACZ,IAAI,CACR,CAAC;QACF,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;IACjD,CAAC;IAEO,uBAAuB,CAAC,IAAqC;QACnE,MAAM,KAAK,mBACT,IAAI,EAAE,OAAO,IACV,IAAI,CACR,CAAC;QACF,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;IACjD,CAAC;CACF"}

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

@@ -1,6 +1,9 @@
 /// <reference types="node" />
 import { RemoteParticipant } from '@azure/communication-calling';
 import EventEmitter from 'events';
+/**
+ * @private
+ */
 export declare class ParticipantSubscriber {
     private participant;
     private emitter;
@@ -12,5 +15,8 @@ export declare class ParticipantSubscriber {
     private subscribeParticipantEvents;
     unsubscribeAll(): void;
 }
+/**
+ * @private
+ */
 export declare type ParticipantEvent = 'isMutedChanged' | 'displayNameChanged' | 'isSpeakingChanged' | 'videoStreamsUpdated';
 //# sourceMappingURL=ParticipantSubcriber.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ParticipantSubcriber.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/adapter/ParticipantSubcriber.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAqB,MAAM,8BAA8B,CAAC;AACpF,OAAO,YAAY,MAAM,QAAQ,CAAC;AAElC,qBAAa,qBAAqB;IAChC,OAAO,CAAC,WAAW,CAAoB;IACvC,OAAO,CAAC,OAAO,CAAe;gBAElB,WAAW,EAAE,iBAAiB,EAAE,OAAO,EAAE,YAAY;IAMjE,OAAO,CAAC,qBAAqB,CAK3B;IAEF,OAAO,CAAC,yBAAyB,CAK/B;IAEF,OAAO,CAAC,wBAAwB,CAK9B;IAEF,OAAO,CAAC,0BAA0B,CAEhC;IAEF,OAAO,CAAC,0BAA0B;IAO3B,cAAc,IAAI,IAAI;CAM9B;AAED,oBAAY,gBAAgB,GAAG,gBAAgB,GAAG,oBAAoB,GAAG,mBAAmB,GAAG,qBAAqB,CAAC"}
+{"version":3,"file":"ParticipantSubcriber.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/adapter/ParticipantSubcriber.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAqB,MAAM,8BAA8B,CAAC;AACpF,OAAO,YAAY,MAAM,QAAQ,CAAC;AAElC;;GAEG;AACH,qBAAa,qBAAqB;IAChC,OAAO,CAAC,WAAW,CAAoB;IACvC,OAAO,CAAC,OAAO,CAAe;gBAElB,WAAW,EAAE,iBAAiB,EAAE,OAAO,EAAE,YAAY;IAMjE,OAAO,CAAC,qBAAqB,CAK3B;IAEF,OAAO,CAAC,yBAAyB,CAK/B;IAEF,OAAO,CAAC,wBAAwB,CAK9B;IAEF,OAAO,CAAC,0BAA0B,CAEhC;IAEF,OAAO,CAAC,0BAA0B;IAO3B,cAAc,IAAI,IAAI;CAM9B;AAED;;GAEG;AACH,oBAAY,gBAAgB,GAAG,gBAAgB,GAAG,oBAAoB,GAAG,mBAAmB,GAAG,qBAAqB,CAAC"}

package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/ParticipantSubcriber.js

@@ -1,3 +1,6 @@
+/**
+ * @private
+ */
 export class ParticipantSubscriber {
     constructor(participant, emitter) {
         this.isMutedChangedHandler = () => {

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

@@ -1 +1 @@
-{"version":3,"file":"ParticipantSubcriber.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/adapter/ParticipantSubcriber.ts"],"names":[],"mappings":"AAKA,MAAM,OAAO,qBAAqB;IAIhC,YAAY,WAA8B,EAAE,OAAqB;QAMzD,0BAAqB,GAAG,GAAS,EAAE;YACzC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE;gBAClC,aAAa,EAAE,IAAI,CAAC,WAAW,CAAC,UAAU;gBAC1C,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO;aAClC,CAAC,CAAC;QACL,CAAC,CAAC;QAEM,8BAAyB,GAAG,GAAS,EAAE;YAC7C,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE;gBACtC,aAAa,EAAE,IAAI,CAAC,WAAW,CAAC,UAAU;gBAC1C,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,WAAW;aAC1C,CAAC,CAAC;QACL,CAAC,CAAC;QAEM,6BAAwB,GAAG,GAAS,EAAE;YAC5C,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,mBAAmB,EAAE;gBACrC,aAAa,EAAE,IAAI,CAAC,WAAW,CAAC,UAAU;gBAC1C,UAAU,EAAE,IAAI,CAAC,WAAW,CAAC,UAAU;aACxC,CAAC,CAAC;QACL,CAAC,CAAC;QAEM,+BAA0B,GAAG,CAAC,KAAmE,EAAQ,EAAE;YACjH,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC;QAClD,CAAC,CAAC;QA5BA,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,0BAA0B,EAAE,CAAC;IACpC,CAAC;IA2BO,0BAA0B;QAChC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,gBAAgB,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;QAClE,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,oBAAoB,EAAE,IAAI,CAAC,yBAAyB,CAAC,CAAC;QAC1E,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,mBAAmB,EAAE,IAAI,CAAC,wBAAwB,CAAC,CAAC;QACxE,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,qBAAqB,EAAE,IAAI,CAAC,0BAA0B,CAAC,CAAC;IAC9E,CAAC;IAEM,cAAc;QACnB,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,gBAAgB,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;QACnE,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,oBAAoB,EAAE,IAAI,CAAC,yBAAyB,CAAC,CAAC;QAC3E,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,mBAAmB,EAAE,IAAI,CAAC,wBAAwB,CAAC,CAAC;QACzE,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,qBAAqB,EAAE,IAAI,CAAC,0BAA0B,CAAC,CAAC;IAC/E,CAAC;CACF"}
+{"version":3,"file":"ParticipantSubcriber.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/adapter/ParticipantSubcriber.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,MAAM,OAAO,qBAAqB;IAIhC,YAAY,WAA8B,EAAE,OAAqB;QAMzD,0BAAqB,GAAG,GAAS,EAAE;YACzC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE;gBAClC,aAAa,EAAE,IAAI,CAAC,WAAW,CAAC,UAAU;gBAC1C,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO;aAClC,CAAC,CAAC;QACL,CAAC,CAAC;QAEM,8BAAyB,GAAG,GAAS,EAAE;YAC7C,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE;gBACtC,aAAa,EAAE,IAAI,CAAC,WAAW,CAAC,UAAU;gBAC1C,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,WAAW;aAC1C,CAAC,CAAC;QACL,CAAC,CAAC;QAEM,6BAAwB,GAAG,GAAS,EAAE;YAC5C,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,mBAAmB,EAAE;gBACrC,aAAa,EAAE,IAAI,CAAC,WAAW,CAAC,UAAU;gBAC1C,UAAU,EAAE,IAAI,CAAC,WAAW,CAAC,UAAU;aACxC,CAAC,CAAC;QACL,CAAC,CAAC;QAEM,+BAA0B,GAAG,CAAC,KAAmE,EAAQ,EAAE;YACjH,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC;QAClD,CAAC,CAAC;QA5BA,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,0BAA0B,EAAE,CAAC;IACpC,CAAC;IA2BO,0BAA0B;QAChC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,gBAAgB,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;QAClE,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,oBAAoB,EAAE,IAAI,CAAC,yBAAyB,CAAC,CAAC;QAC1E,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,mBAAmB,EAAE,IAAI,CAAC,wBAAwB,CAAC,CAAC;QACxE,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,qBAAqB,EAAE,IAAI,CAAC,0BAA0B,CAAC,CAAC;IAC9E,CAAC;IAEM,cAAc;QACnB,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,gBAAgB,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;QACnE,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,oBAAoB,EAAE,IAAI,CAAC,yBAAyB,CAAC,CAAC;QAC3E,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,mBAAmB,EAAE,IAAI,CAAC,wBAAwB,CAAC,CAAC;QACzE,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,qBAAqB,EAAE,IAAI,CAAC,0BAA0B,CAAC,CAAC;IAC/E,CAAC;CACF"}

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

@@ -1,4 +1,4 @@
-export { createAzureCommunicationCallAdapter } from './AzureCommunicationCallAdapter';
+export { createAzureCommunicationCallAdapter, createAzureCommunicationCallAdapterFromClient } from './AzureCommunicationCallAdapter';
 export type { AzureCommunicationCallAdapterArgs } from './AzureCommunicationCallAdapter';
-export type { CallAdapter, CallAdapterClientState, CallAdapterState, CallAdapterUiState, CallAdapterCallManagement, CallAdapterDeviceManagement, CallAdapterSubscribers, CallCompositePage, CallEndedListener, CallIdChangedListener, DisplayNameChangedListener, IncomingCallListener, IsMuteChangedListener, IsScreenSharingOnChangedListener, IsSpeakingChangedListener, ParticipantJoinedListener, ParticipantLeftListener } from './CallAdapter';
+export type { CallAdapter, CallAdapterCallManagement, CallAdapterClientState, CallAdapterDeviceManagement, CallAdapterState, CallAdapterSubscribers, CallAdapterUiState, CallCompositePage, CallEndedListener, CallIdChangedListener, DiagnosticChangedEventListner, DisplayNameChangedListener, IsLocalScreenSharingActiveChangedListener, IsMutedChangedListener, IsSpeakingChangedListener, MediaDiagnosticChangedEvent, NetworkDiagnosticChangedEvent, ParticipantsJoinedListener, ParticipantsLeftListener } from './CallAdapter';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/adapter/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mCAAmC,EAAE,MAAM,iCAAiC,CAAC;AACtF,YAAY,EAAE,iCAAiC,EAAE,MAAM,iCAAiC,CAAC;AAEzF,YAAY,EACV,WAAW,EACX,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB,EAClB,yBAAyB,EACzB,2BAA2B,EAC3B,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACrB,0BAA0B,EAC1B,oBAAoB,EACpB,qBAAqB,EACrB,gCAAgC,EAChC,yBAAyB,EACzB,yBAAyB,EACzB,uBAAuB,EACxB,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/adapter/index.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,mCAAmC,EACnC,6CAA6C,EAC9C,MAAM,iCAAiC,CAAC;AACzC,YAAY,EAAE,iCAAiC,EAAE,MAAM,iCAAiC,CAAC;AAEzF,YAAY,EACV,WAAW,EACX,yBAAyB,EACzB,sBAAsB,EACtB,2BAA2B,EAC3B,gBAAgB,EAChB,sBAAsB,EACtB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACrB,6BAA6B,EAC7B,0BAA0B,EAC1B,yCAAyC,EACzC,sBAAsB,EACtB,yBAAyB,EACzB,2BAA2B,EAC3B,6BAA6B,EAC7B,0BAA0B,EAC1B,wBAAwB,EACzB,MAAM,eAAe,CAAC"}

package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/index.js

@@ -1,4 +1,4 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
-export { createAzureCommunicationCallAdapter } from './AzureCommunicationCallAdapter';
+export { createAzureCommunicationCallAdapter, createAzureCommunicationCallAdapterFromClient } from './AzureCommunicationCallAdapter';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/adapter/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,mCAAmC,EAAE,MAAM,iCAAiC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/adapter/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EACL,mCAAmC,EACnC,6CAA6C,EAC9C,MAAM,iCAAiC,CAAC"}

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

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { ErrorBarProps } from "../../../../../react-components/src";
+import { CallControlsProps } from '../components/CallControls';
+import { ComplianceBannerProps } from '../components/ComplianceBanner';
+import { MutedNotificationProps } from './MutedNotification';
+/**
+ * @private
+ */
+export interface CallArrangementProps {
+    complianceBannerProps: ComplianceBannerProps;
+    errorBarProps: ErrorBarProps | false;
+    mutedNotificationProps?: MutedNotificationProps;
+    callControlProps: CallControlsProps | false;
+    onRenderGalleryContent: () => JSX.Element;
+    dataUiId: string;
+    mobileView: boolean;
+}
+/**
+ * @private
+ */
+export declare const CallArrangement: (props: CallArrangementProps) => JSX.Element;
+//# sourceMappingURL=CallArrangement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CallArrangement.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/CallArrangement.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAY,aAAa,EAAY,4CAAmC;AAE/E,OAAO,EAAgB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAoB,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AASzF,OAAO,EAAqB,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAEhF;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,aAAa,EAAE,aAAa,GAAG,KAAK,CAAC;IACrC,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;IAChD,gBAAgB,EAAE,iBAAiB,GAAG,KAAK,CAAC;IAC5C,sBAAsB,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,UAAW,oBAAoB,KAAG,WAwC7D,CAAC"}

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

@@ -0,0 +1,30 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import { Stack } from '@fluentui/react';
+import { ErrorBar, useTheme } from "../../../../../react-components/src";
+import React, { useMemo } from 'react';
+import { CallControls } from '../components/CallControls';
+import { ComplianceBanner } from '../components/ComplianceBanner';
+import { callControlsContainerStyles, notificationsContainerStyles, containerStyleDesktop, containerStyleMobile, mediaGalleryContainerStyles, galleryParentContainerStyles } from '../styles/CallPage.styles';
+import { MutedNotification } from './MutedNotification';
+/**
+ * @private
+ */
+export const CallArrangement = (props) => {
+    const containerClassName = useMemo(() => {
+        return props.mobileView ? containerStyleMobile : containerStyleDesktop;
+    }, [props.mobileView]);
+    const theme = useTheme();
+    const callGalleryStyles = useMemo(() => galleryParentContainerStyles(theme.palette.neutralLighterAlt), [theme.palette.neutralLighterAlt]);
+    return (React.createElement(Stack, { verticalFill: true, horizontalAlign: "stretch", className: containerClassName, "data-ui-id": props.dataUiId },
+        React.createElement(Stack.Item, { styles: notificationsContainerStyles },
+            React.createElement(Stack, null,
+                React.createElement(ComplianceBanner, Object.assign({}, props.complianceBannerProps))),
+            props.errorBarProps !== false && (React.createElement(Stack, null,
+                React.createElement(ErrorBar, Object.assign({}, props.errorBarProps)))),
+            !!props.mutedNotificationProps && React.createElement(MutedNotification, Object.assign({}, props.mutedNotificationProps))),
+        React.createElement(Stack.Item, { styles: callGalleryStyles, grow: true }, props.onRenderGalleryContent && (React.createElement(Stack, { verticalFill: true, styles: mediaGalleryContainerStyles }, props.onRenderGalleryContent()))),
+        props.callControlProps !== false && (React.createElement(Stack.Item, { className: callControlsContainerStyles },
+            React.createElement(CallControls, Object.assign({}, props.callControlProps))))));
+};
+//# sourceMappingURL=CallArrangement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CallArrangement.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/CallArrangement.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAiB,QAAQ,EAAE,4CAAmC;AAC/E,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,YAAY,EAAqB,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAyB,MAAM,gCAAgC,CAAC;AACzF,OAAO,EACL,2BAA2B,EAC3B,4BAA4B,EAC5B,qBAAqB,EACrB,oBAAoB,EACpB,2BAA2B,EAC3B,4BAA4B,EAC7B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,iBAAiB,EAA0B,MAAM,qBAAqB,CAAC;AAehF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAe,EAAE;IAC1E,MAAM,kBAAkB,GAAG,OAAO,CAAC,GAAG,EAAE;QACtC,OAAO,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,qBAAqB,CAAC;IACzE,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;IAEvB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CAAC,4BAA4B,CAAC,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,EACnE,CAAC,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAClC,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,IAAC,YAAY,QAAC,eAAe,EAAC,SAAS,EAAC,SAAS,EAAE,kBAAkB,gBAAc,KAAK,CAAC,QAAQ;QACrG,oBAAC,KAAK,CAAC,IAAI,IAAC,MAAM,EAAE,4BAA4B;YAC9C,oBAAC,KAAK;gBACJ,oBAAC,gBAAgB,oBAAK,KAAK,CAAC,qBAAqB,EAAI,CAC/C;YACP,KAAK,CAAC,aAAa,KAAK,KAAK,IAAI,CAChC,oBAAC,KAAK;gBACJ,oBAAC,QAAQ,oBAAK,KAAK,CAAC,aAAa,EAAI,CAC/B,CACT;YACA,CAAC,CAAC,KAAK,CAAC,sBAAsB,IAAI,oBAAC,iBAAiB,oBAAK,KAAK,CAAC,sBAAsB,EAAI,CAC/E;QAEb,oBAAC,KAAK,CAAC,IAAI,IAAC,MAAM,EAAE,iBAAiB,EAAE,IAAI,UACxC,KAAK,CAAC,sBAAsB,IAAI,CAC/B,oBAAC,KAAK,IAAC,YAAY,QAAC,MAAM,EAAE,2BAA2B,IACpD,KAAK,CAAC,sBAAsB,EAAE,CACzB,CACT,CACU;QAEZ,KAAK,CAAC,gBAAgB,KAAK,KAAK,IAAI,CACnC,oBAAC,KAAK,CAAC,IAAI,IAAC,SAAS,EAAE,2BAA2B;YAChD,oBAAC,YAAY,oBAAK,KAAK,CAAC,gBAAgB,EAAI,CACjC,CACd,CACK,CACT,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,71 @@
+/// <reference types="react" />
+import { ParticipantMenuItemsCallback } from "../../../../../react-components/src";
+/**
+ * @private
+ */
+export declare type CallControlsProps = {
+    callInvitationURL?: string;
+    onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;
+    options?: boolean | CallControlOptions;
+    /**
+     * Option to increase the height of the button flyout menu items from 36px to 48px.
+     * Recommended for mobile devices.
+     */
+    increaseFlyoutItemSize?: boolean;
+};
+/**
+ * Customization options for the control bar in calling experience.
+ *
+ * @public
+ */
+export declare type CallControlOptions = {
+    /**
+     * Options to change how the call controls are displayed.
+     * `'compact'` display type will decreases the size of buttons and hide the labels.
+     *
+     * @remarks
+     * If the composite `formFactor` is set to `'mobile'`, the control bar will always use compact view.
+     *
+     * @defaultValue 'default'
+     */
+    displayType?: 'default' | 'compact';
+    /**
+     * Show or Hide Camera Button during a call
+     * @defaultValue true
+     */
+    cameraButton?: boolean;
+    /**
+     * Show or Hide EndCall button during a call.
+     * @defaultValue true
+     */
+    endCallButton?: boolean;
+    /**
+     * Show or Hide Microphone button during a call.
+     * @defaultValue true
+     */
+    microphoneButton?: boolean;
+    /**
+     * Show or Hide Devices button during a call.
+     * @defaultValue true
+     */
+    devicesButton?: boolean;
+    /**
+     * Show, Hide or Disable participants button during a call.
+     * @defaultValue true
+     */
+    participantsButton?: boolean | {
+        disabled: boolean;
+    };
+    /**
+     * Show, Hide or Disable the screen share button during a call.
+     * @defaultValue true
+     */
+    screenShareButton?: boolean | {
+        disabled: boolean;
+    };
+};
+/**
+ * @private
+ */
+export declare const CallControls: (props: CallControlsProps) => JSX.Element;
+//# sourceMappingURL=CallControls.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CallControls.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/CallControls.tsx"],"names":[],"mappings":";AAKA,OAAO,EAML,4BAA4B,EAG7B,4CAAmC;AAcpC;;GAEG;AACH,oBAAY,iBAAiB,GAAG;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2BAA2B,CAAC,EAAE,4BAA4B,CAAC;IAC3D,OAAO,CAAC,EAAE,OAAO,GAAG,kBAAkB,CAAC;IACvC;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF;;;;GAIG;AACH,oBAAY,kBAAkB,GAAG;IAC/B;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACpC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,GAAG;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC;IACrD;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,GAAG;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC;CACrD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,UAAW,iBAAiB,KAAG,WA+HvD,CAAC"}

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

@@ -0,0 +1,70 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import { mergeStyleSets, Stack } from '@fluentui/react';
+import { _isInLobbyOrConnecting } from "../../../../../calling-component-bindings/src";
+import { CameraButton, ControlBar, DevicesButton, EndCallButton, MicrophoneButton, ParticipantsButton, ScreenShareButton } from "../../../../../react-components/src";
+import React, { useMemo } from 'react';
+import { useLocale } from '../../localization';
+import { usePropsFor } from '../hooks/usePropsFor';
+import { useSelector } from '../hooks/useSelector';
+import { getCallStatus, getLocalMicrophoneEnabled } from '../selectors/baseSelectors';
+import { controlButtonBaseStyle, devicesButtonWithIncreasedTouchTargets, groupCallLeaveButtonCompressedStyle, groupCallLeaveButtonStyle, participantButtonWithIncreasedTouchTargets } from '../styles/CallControls.styles';
+/**
+ * @private
+ */
+export const CallControls = (props) => {
+    var _a, _b;
+    const { callInvitationURL, onFetchParticipantMenuItems } = props;
+    const options = typeof props.options === 'boolean' ? {} : props.options;
+    const callStatus = useSelector(getCallStatus);
+    const isLocalMicrophoneEnabled = useSelector(getLocalMicrophoneEnabled);
+    const strings = useLocale().strings.call;
+    /**
+     * When call is in Lobby, microphone button should be disabled.
+     * This is due to to headless limitation where a call can not be muted/unmuted in lobby.
+     */
+    const microphoneButtonProps = usePropsFor(MicrophoneButton);
+    if (_isInLobbyOrConnecting(callStatus)) {
+        microphoneButtonProps.disabled = true;
+        // Lobby page should show the microphone status that was set on the local preview/configuration
+        // page until the user successfully joins the call.
+        microphoneButtonProps.checked = isLocalMicrophoneEnabled;
+    }
+    const microphoneButtonStrings = _isInLobbyOrConnecting(callStatus)
+        ? {
+            strings: {
+                tooltipOffContent: strings.microphoneToggleInLobbyNotAllowed,
+                tooltipOnContent: strings.microphoneToggleInLobbyNotAllowed
+            }
+        }
+        : {};
+    const cameraButtonProps = usePropsFor(CameraButton);
+    const screenShareButtonProps = usePropsFor(ScreenShareButton);
+    const participantsButtonProps = usePropsFor(ParticipantsButton);
+    const devicesButtonProps = usePropsFor(DevicesButton);
+    const hangUpButtonProps = usePropsFor(EndCallButton);
+    const participantsButtonStyles = useMemo(() => mergeButtonBaseStyles(props.increaseFlyoutItemSize ? participantButtonWithIncreasedTouchTargets : {}), [props.increaseFlyoutItemSize]);
+    const devicesButtonStyles = useMemo(() => mergeButtonBaseStyles(props.increaseFlyoutItemSize ? devicesButtonWithIncreasedTouchTargets : {}), [props.increaseFlyoutItemSize]);
+    const compactMode = (options === null || options === void 0 ? void 0 : options.displayType) === 'compact';
+    const microphoneButton = (options === null || options === void 0 ? void 0 : options.microphoneButton) !== false && (React.createElement(MicrophoneButton, Object.assign({ "data-ui-id": "call-composite-microphone-button" }, microphoneButtonProps, { showLabel: !compactMode, styles: controlButtonBaseStyle }, microphoneButtonStrings)));
+    const cameraButton = (options === null || options === void 0 ? void 0 : options.cameraButton) !== false && (React.createElement(CameraButton, Object.assign({ "data-ui-id": "call-composite-camera-button" }, cameraButtonProps, { showLabel: !compactMode, styles: controlButtonBaseStyle })));
+    const screenShareButton = (options === null || options === void 0 ? void 0 : options.screenShareButton) !== false && (React.createElement(ScreenShareButton, Object.assign({ "data-ui-id": "call-composite-screenshare-button" }, screenShareButtonProps, { showLabel: !compactMode, disabled: (options === null || options === void 0 ? void 0 : options.screenShareButton) !== true && ((_a = options === null || options === void 0 ? void 0 : options.screenShareButton) === null || _a === void 0 ? void 0 : _a.disabled) })));
+    const participantButton = (options === null || options === void 0 ? void 0 : options.participantsButton) !== false && (React.createElement(ParticipantsButton, Object.assign({ "data-ui-id": "call-composite-participants-button" }, participantsButtonProps, { showLabel: !compactMode, callInvitationURL: callInvitationURL, onFetchParticipantMenuItems: onFetchParticipantMenuItems, disabled: (options === null || options === void 0 ? void 0 : options.participantsButton) !== true && ((_b = options === null || options === void 0 ? void 0 : options.participantsButton) === null || _b === void 0 ? void 0 : _b.disabled), styles: participantsButtonStyles })));
+    const devicesButton = (options === null || options === void 0 ? void 0 : options.devicesButton) !== false && (React.createElement(DevicesButton
+    /* By setting `persistMenu?` to true, we prevent options menu from getting hidden every time a participant joins or leaves. */
+    , Object.assign({ 
+        /* By setting `persistMenu?` to true, we prevent options menu from getting hidden every time a participant joins or leaves. */
+        persistMenu: true }, devicesButtonProps, { showLabel: !compactMode, styles: devicesButtonStyles })));
+    const endCallButton = (options === null || options === void 0 ? void 0 : options.endCallButton) !== false && (React.createElement(EndCallButton, Object.assign({ "data-ui-id": "call-composite-hangup-button" }, hangUpButtonProps, { styles: compactMode ? groupCallLeaveButtonCompressedStyle : groupCallLeaveButtonStyle, showLabel: !compactMode })));
+    return (React.createElement(Stack, { horizontalAlign: "center" },
+        React.createElement(Stack.Item, null,
+            React.createElement(ControlBar, { layout: "horizontal" },
+                microphoneButton,
+                cameraButton,
+                screenShareButton,
+                participantButton,
+                devicesButton,
+                endCallButton))));
+};
+const mergeButtonBaseStyles = (styles) => mergeStyleSets(controlButtonBaseStyle, styles);
+//# sourceMappingURL=CallControls.js.map

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

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

package/dist/dist-esm/react-composites/src/composites/CallComposite/{ComplianceBanner.d.ts → components/ComplianceBanner.d.ts}

@@ -1,7 +1,13 @@
 /// <reference types="react" />
+/**
+ * @private
+ */
 export declare type ComplianceBannerProps = {
     callTranscribeState?: boolean;
     callRecordState?: boolean;
 };
+/**
+ * @private
+ */
 export declare const ComplianceBanner: (props: ComplianceBannerProps) => JSX.Element;
 //# sourceMappingURL=ComplianceBanner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComplianceBanner.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/ComplianceBanner.tsx"],"names":[],"mappings":";AAMA;;GAEG;AACH,oBAAY,qBAAqB,GAAG;IAClC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAOF;;GAEG;AACH,eAAO,MAAM,gBAAgB,UAAW,qBAAqB,KAAG,WAkC/D,CAAC"}

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

@@ -0,0 +1,168 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import React, { useEffect, useRef, useState } from 'react';
+import { Link, MessageBar } from '@fluentui/react';
+import { useLocale } from '../../localization';
+/**
+ * @private
+ */
+export const ComplianceBanner = (props) => {
+    const strings = useLocale().strings;
+    const cachedProps = useRef({
+        latest: {
+            callTranscribeState: false,
+            callRecordState: false
+        },
+        previous: {
+            callTranscribeState: false,
+            callRecordState: false
+        }
+    });
+    // Only update cached props if there is _some_ change in the latest props.
+    // This ensures that state machine is only updated if there is an actual change in the props.
+    if (props.callRecordState !== cachedProps.current.latest.callRecordState ||
+        props.callTranscribeState !== cachedProps.current.latest.callTranscribeState) {
+        cachedProps.current = {
+            latest: props,
+            previous: cachedProps.current.latest
+        };
+    }
+    const variant = computeVariant(cachedProps.current.previous.callRecordState, cachedProps.current.previous.callTranscribeState, cachedProps.current.latest.callRecordState, cachedProps.current.latest.callTranscribeState);
+    return React.createElement(DismissableMessageBar, { variant: variant, strings: strings });
+};
+function DismissableMessageBar(props) {
+    const { variant: newVariant, strings } = props;
+    const [variant, setVariant] = useState(0);
+    // We drive the `MessageBar` indirectly via the `variant` state variable.
+    // This allows the `onDismiss` handler to set the `variant` state to dismiss the `MessageBar`.
+    // This means that when props change, this component renders *twice*: After the first render, this `useEffect` block
+    // updates the value of `variant` state variable, which triggers a second render to update the message in the `MessageBar`.
+    useEffect(() => {
+        setVariant(newVariant);
+    }, [newVariant, setVariant]);
+    return variant === NO_STATE ? (React.createElement(React.Fragment, null)) : (React.createElement(MessageBar, { onDismiss: () => {
+            setVariant(NO_STATE);
+        }, dismissButtonAriaLabel: strings.call.close },
+        React.createElement(BannerMessage, { variant: variant, strings: strings })));
+}
+const TRANSCRIPTION_STOPPED_STILL_RECORDING = 1;
+const RECORDING_STOPPED_STILL_TRANSCRIBING = 2;
+const RECORDING_AND_TRANSCRIPTION_STOPPED = 3;
+const RECORDING_AND_TRANSCRIPTION_STARTED = 4;
+const TRANSCRIPTION_STARTED = 5;
+const RECORDING_STOPPED = 6;
+const RECORDING_STARTED = 7;
+const TRANSCRIPTION_STOPPED = 8;
+const NO_STATE = 0;
+function computeVariant(previousCallRecordState, previousCallTranscribeState, callRecordState, callTranscribeState) {
+    if (previousCallRecordState && previousCallTranscribeState) {
+        if (callRecordState && !callTranscribeState) {
+            return TRANSCRIPTION_STOPPED_STILL_RECORDING;
+        }
+        else if (!callRecordState && callTranscribeState) {
+            return RECORDING_STOPPED_STILL_TRANSCRIBING;
+        }
+        else if (!callRecordState && !callTranscribeState) {
+            return RECORDING_AND_TRANSCRIPTION_STOPPED;
+        }
+        else {
+            return NO_STATE;
+        }
+    }
+    else if (previousCallRecordState && !previousCallTranscribeState) {
+        if (callRecordState && callTranscribeState) {
+            return RECORDING_AND_TRANSCRIPTION_STARTED;
+        }
+        else if (!callRecordState && callTranscribeState) {
+            return TRANSCRIPTION_STARTED;
+        }
+        else if (!callRecordState && !callTranscribeState) {
+            return RECORDING_STOPPED;
+        }
+        else {
+            return NO_STATE;
+        }
+    }
+    else if (!previousCallRecordState && previousCallTranscribeState) {
+        if (callRecordState && callTranscribeState) {
+            return RECORDING_AND_TRANSCRIPTION_STARTED;
+        }
+        else if (!callRecordState && callTranscribeState) {
+            return RECORDING_STARTED;
+        }
+        else if (!callRecordState && !callTranscribeState) {
+            return TRANSCRIPTION_STOPPED;
+        }
+        else {
+            return NO_STATE;
+        }
+    }
+    else if (!previousCallRecordState && !previousCallTranscribeState) {
+        if (callRecordState && callTranscribeState) {
+            return RECORDING_AND_TRANSCRIPTION_STARTED;
+        }
+        else if (callRecordState && !callTranscribeState) {
+            return RECORDING_STARTED;
+        }
+        else if (!callRecordState && callTranscribeState) {
+            return TRANSCRIPTION_STARTED;
+        }
+        else {
+            return NO_STATE;
+        }
+    }
+    return NO_STATE;
+}
+function BannerMessage(props) {
+    const { variant, strings } = props;
+    switch (variant) {
+        case TRANSCRIPTION_STOPPED_STILL_RECORDING:
+            return (React.createElement(React.Fragment, null,
+                React.createElement("b", null, strings.call.complianceBannerTranscriptionStopped),
+                ` ${strings.call.complianceBannerNowOnlyRecording}`,
+                React.createElement(PrivacyPolicy, { linkText: strings.call.privacyPolicy })));
+        case RECORDING_STOPPED_STILL_TRANSCRIBING:
+            return (React.createElement(React.Fragment, null,
+                React.createElement("b", null, strings.call.complianceBannerRecordingStopped),
+                ` ${strings.call.complianceBannerNowOnlyTranscription}`,
+                React.createElement(PrivacyPolicy, { linkText: strings.call.privacyPolicy })));
+        case RECORDING_AND_TRANSCRIPTION_STOPPED:
+            return (React.createElement(React.Fragment, null,
+                React.createElement("b", null, strings.call.complianceBannerRecordingAndTranscriptionSaved),
+                ` ${strings.call.complianceBannerRecordingAndTranscriptionStopped}`,
+                React.createElement(LearnMore, { linkText: strings.call.learnMore })));
+        case RECORDING_AND_TRANSCRIPTION_STARTED:
+            return (React.createElement(React.Fragment, null,
+                React.createElement("b", null, strings.call.complianceBannerRecordingAndTranscriptionStarted),
+                ` ${strings.call.complianceBannerTranscriptionConsent}`,
+                React.createElement(PrivacyPolicy, { linkText: strings.call.privacyPolicy })));
+        case TRANSCRIPTION_STARTED:
+            return (React.createElement(React.Fragment, null,
+                React.createElement("b", null, strings.call.complianceBannerTranscriptionStarted),
+                ` ${strings.call.complianceBannerTranscriptionConsent}`,
+                React.createElement(PrivacyPolicy, { linkText: strings.call.privacyPolicy })));
+        case RECORDING_STOPPED:
+            return (React.createElement(React.Fragment, null,
+                React.createElement("b", null, strings.call.complianceBannerRecordingSaving),
+                ` ${strings.call.complianceBannerRecordingStopped}`,
+                React.createElement(LearnMore, { linkText: strings.call.learnMore })));
+        case RECORDING_STARTED:
+            return (React.createElement(React.Fragment, null,
+                React.createElement("b", null, strings.call.complianceBannerRecordingStarted),
+                ` ${strings.call.complianceBannerTranscriptionConsent}`,
+                React.createElement(PrivacyPolicy, { linkText: strings.call.privacyPolicy })));
+        case TRANSCRIPTION_STOPPED:
+            return (React.createElement(React.Fragment, null,
+                React.createElement("b", null, strings.call.complianceBannerTranscriptionSaving),
+                ` ${strings.call.complianceBannerTranscriptionStopped}`,
+                React.createElement(LearnMore, { linkText: strings.call.learnMore })));
+    }
+    return React.createElement(React.Fragment, null);
+}
+function PrivacyPolicy(props) {
+    return (React.createElement(Link, { href: "https://privacy.microsoft.com/privacystatement#mainnoticetoendusersmodule", target: "_blank", underline: true }, props.linkText));
+}
+function LearnMore(props) {
+    return (React.createElement(Link, { href: "https://support.microsoft.com/office/record-a-meeting-in-teams-34dfbe7f-b07d-4a27-b4c6-de62f1348c24", target: "_blank", underline: true }, props.linkText));
+}
+//# sourceMappingURL=ComplianceBanner.js.map

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

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

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { VideoGalleryStream, VideoStreamOptions } from "../../../../../react-components/src";
+/**
+ * @private
+ */
+export interface ExpandedLocalVideoTileProps {
+    localParticipantVideoStream: VideoGalleryStream;
+    onCreateLocalStreamView?: (options?: VideoStreamOptions) => Promise<void>;
+    overlayContent?: JSX.Element;
+}
+/**
+ * @private
+ */
+export declare const ExpandedLocalVideoTile: (props: ExpandedLocalVideoTileProps) => JSX.Element;
+//# sourceMappingURL=ExpandedLocalVideoTile.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandedLocalVideoTile.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/ExpandedLocalVideoTile.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAe,kBAAkB,EAAuB,kBAAkB,EAAE,4CAAmC;AAetH;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C,2BAA2B,EAAE,kBAAkB,CAAC;IAChD,uBAAuB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,kBAAkB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1E,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAC9B;AAED;;GAEG;AACH,eAAO,MAAM,sBAAsB,UAAW,2BAA2B,KAAG,WA8B3E,CAAC"}

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

@@ -0,0 +1,32 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import React, { useEffect } from 'react';
+import { mergeStyles, Stack } from '@fluentui/react';
+import { StreamMedia, VideoTile, useTheme } from "../../../../../react-components/src";
+import { containerStyles, overlayBackgroundStyles, overlayContentStyles, videoTileStyles } from '../styles/ExpandedLocalVideoTile.styles';
+const onRenderEmptyPlaceholder = () => React.createElement(React.Fragment, null);
+const localVideoViewOptions = {
+    scalingMode: 'Crop',
+    isMirrored: true
+};
+/**
+ * @private
+ */
+export const ExpandedLocalVideoTile = (props) => {
+    var _a;
+    const videoStream = props.localParticipantVideoStream;
+    const isVideoReady = (_a = videoStream === null || videoStream === void 0 ? void 0 : videoStream.isAvailable) !== null && _a !== void 0 ? _a : false;
+    const renderElement = videoStream === null || videoStream === void 0 ? void 0 : videoStream.renderElement;
+    const palette = useTheme().palette;
+    useEffect(() => {
+        if (videoStream && isVideoReady) {
+            props.onCreateLocalStreamView &&
+                props.onCreateLocalStreamView(localVideoViewOptions).catch((err) => console.log('Can not render video', err));
+        }
+    }, [isVideoReady, videoStream, props, renderElement]);
+    return (React.createElement(Stack, { horizontalAlign: "center", verticalAlign: "center", styles: containerStyles, grow: true },
+        React.createElement(VideoTile, { styles: videoTileStyles, renderElement: renderElement ? React.createElement(StreamMedia, { videoStreamElement: renderElement }) : undefined, onRenderPlaceholder: onRenderEmptyPlaceholder }, props.overlayContent && (React.createElement(React.Fragment, null,
+            React.createElement(Stack, { className: mergeStyles(overlayBackgroundStyles(palette, isVideoReady)) }),
+            React.createElement(Stack, { horizontalAlign: "center", verticalAlign: "center", className: mergeStyles(overlayContentStyles) }, props.overlayContent))))));
+};
+//# sourceMappingURL=ExpandedLocalVideoTile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandedLocalVideoTile.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/ExpandedLocalVideoTile.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAsB,SAAS,EAAE,QAAQ,EAAsB,4CAAmC;AACtH,OAAO,EACL,eAAe,EACf,uBAAuB,EACvB,oBAAoB,EACpB,eAAe,EAChB,MAAM,yCAAyC,CAAC;AAEjD,MAAM,wBAAwB,GAAG,GAAgB,EAAE,CAAC,yCAAK,CAAC;AAE1D,MAAM,qBAAqB,GAAG;IAC5B,WAAW,EAAE,MAAM;IACnB,UAAU,EAAE,IAAI;CACK,CAAC;AAWxB;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAkC,EAAe,EAAE;;IACxF,MAAM,WAAW,GAAG,KAAK,CAAC,2BAA2B,CAAC;IACtD,MAAM,YAAY,GAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,mCAAI,KAAK,CAAC;IACvD,MAAM,aAAa,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,aAAa,CAAC;IACjD,MAAM,OAAO,GAAG,QAAQ,EAAE,CAAC,OAAO,CAAC;IAEnC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,IAAI,YAAY,EAAE;YAC/B,KAAK,CAAC,uBAAuB;gBAC3B,KAAK,CAAC,uBAAuB,CAAC,qBAAqB,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,sBAAsB,EAAE,GAAG,CAAC,CAAC,CAAC;SACjH;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC;IACtD,OAAO,CACL,oBAAC,KAAK,IAAC,eAAe,EAAC,QAAQ,EAAC,aAAa,EAAC,QAAQ,EAAC,MAAM,EAAE,eAAe,EAAE,IAAI;QAClF,oBAAC,SAAS,IACR,MAAM,EAAE,eAAe,EACvB,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,oBAAC,WAAW,IAAC,kBAAkB,EAAE,aAAa,GAAI,CAAC,CAAC,CAAC,SAAS,EAC7F,mBAAmB,EAAE,wBAAwB,IAE5C,KAAK,CAAC,cAAc,IAAI,CACvB;YACE,oBAAC,KAAK,IAAC,SAAS,EAAE,WAAW,CAAC,uBAAuB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,GAAI;YACjF,oBAAC,KAAK,IAAC,eAAe,EAAC,QAAQ,EAAC,aAAa,EAAC,QAAQ,EAAC,SAAS,EAAE,WAAW,CAAC,oBAAoB,CAAC,IAChG,KAAK,CAAC,cAAc,CACf,CACP,CACJ,CACS,CACN,CACT,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { VideoGalleryStream } from "../../../../../react-components/src";
+/**
+ * @private
+ */
+export interface LobbyOverlayProps {
+    overlayIcon: JSX.Element;
+    title: string;
+    moreDetails?: string;
+}
+/**
+ * @private
+ */
+export interface LobbyTileProps {
+    localParticipantVideoStream: VideoGalleryStream;
+    overlayProps: LobbyOverlayProps;
+}
+/**
+ * @private
+ */
+export declare const LobbyTile: (props: LobbyTileProps) => JSX.Element;
+//# sourceMappingURL=LobbyTile.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LobbyTile.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/LobbyTile.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,kBAAkB,EAAY,4CAAmC;AAK1E;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,WAAW,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,2BAA2B,EAAE,kBAAkB,CAAC;IAChD,YAAY,EAAE,iBAAiB,CAAC;CACjC;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,UAAW,cAAc,KAAG,WAmCjD,CAAC"}

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

@@ -0,0 +1,23 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import React from 'react';
+import { mergeStyles, Stack, Text } from '@fluentui/react';
+import { useTheme } from "../../../../../react-components/src";
+import { moreDetailsStyle, overlayContainerStyle, titleStyle } from '../styles/LobbyTile.styles';
+import { ExpandedLocalVideoTile } from './ExpandedLocalVideoTile';
+import { useHandlers } from '../hooks/useHandlers';
+/**
+ * @private
+ */
+export const LobbyTile = (props) => {
+    var _a;
+    const videoStream = props.localParticipantVideoStream;
+    const isVideoReady = (_a = videoStream === null || videoStream === void 0 ? void 0 : videoStream.isAvailable) !== null && _a !== void 0 ? _a : false;
+    const palette = useTheme().palette;
+    const handlers = useHandlers(ExpandedLocalVideoTile);
+    return (React.createElement(ExpandedLocalVideoTile, Object.assign({ localParticipantVideoStream: props.localParticipantVideoStream, overlayContent: props.overlayProps ? (React.createElement(Stack, { verticalFill: true, horizontalAlign: "center", verticalAlign: "center", className: mergeStyles(overlayContainerStyle) },
+            React.createElement(Stack.Item, { className: mergeStyles(titleStyle(palette, isVideoReady)) }, props.overlayProps.overlayIcon),
+            React.createElement(Text, { className: mergeStyles(titleStyle(palette, isVideoReady)), "aria-live": 'polite' }, props.overlayProps.title),
+            props.overlayProps.moreDetails && (React.createElement(Text, { className: mergeStyles(moreDetailsStyle(palette, isVideoReady)) }, props.overlayProps.moreDetails)))) : undefined }, handlers)));
+};
+//# sourceMappingURL=LobbyTile.js.map