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

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

@@ -1 +1 @@
-{"version":3,"file":"MediaGallery.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallComposite/MediaGallery.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAwC,yCAAyB;AACtF,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,kBAAkB,GAAG;IACzB,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;KACf;CACF,CAAC;AAEF,MAAM,oBAAoB,GAAG;IAC3B,WAAW,EAAE,MAAM;IACnB,UAAU,EAAE,IAAI;CACK,CAAC;AAExB,MAAM,qBAAqB,GAAG;IAC5B,WAAW,EAAE,MAAM;CACE,CAAC;AASxB,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAe,EAAE;IACpE,MAAM,iBAAiB,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC;IACpD,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExE,MAAM,iBAAiB,GAAG,WAAW,CAAC,oBAAoB,CAAC,CAAC;IAC5D,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,EAAE;QACvC,OAAO,iBAAiB,CAAC,sBAAsB,KAAK,SAAS,CAAC;IAChE,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,IAAI,CAAC,KAAK,CAAC,eAAe,IAAI,CAAC,oBAAoB,EAAE;YACxE,KAAK,CAAC,iBAAiB,EAAE,CAAC;SAC3B;QACD,uBAAuB,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,oBAAoB,EAAE,iBAAiB,EAAE,KAAK,CAAC,CAAC,CAAC;IAErD,MAAM,oBAAoB,GAAG,OAAO,CAAC,GAAG,EAAE;QACxC,OAAO,CACL,oBAAC,YAAY,oBACP,iBAAiB,IACrB,oBAAoB,EAAE,oBAAoB,EAC1C,qBAAqB,EAAE,qBAAqB,EAC5C,MAAM,EAAE,kBAAkB,EAC1B,cAAc,EAAE,KAAK,CAAC,cAAc,IACpC,CACH,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE9C,OAAO,mBAAmB,CAAC,CAAC,CAAC,oBAAC,WAAW,oBAAK,iBAAiB,EAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC;AAC7F,CAAC,CAAC"}
+{"version":3,"file":"MediaGallery.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallComposite/MediaGallery.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,YAAY,EAA8C,yCAAmC;AACtG,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,aAAa,EAA6B,MAAM,yBAAyB,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,kBAAkB,GAAG;IACzB,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,OAAO,CAAC,8DAA8D;KAClF;CACF,CAAC;AAEF,MAAM,oBAAoB,GAAG;IAC3B,WAAW,EAAE,MAAM;IACnB,UAAU,EAAE,IAAI;CACK,CAAC;AAExB,MAAM,qBAAqB,GAAG;IAC5B,WAAW,EAAE,MAAM;CACE,CAAC;AAUxB,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAe,EAAE;IACpE,MAAM,iBAAiB,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC;IACpD,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExE,MAAM,iBAAiB,GAAG,WAAW,CAAC,oBAAoB,CAAC,CAAC;IAC5D,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,EAAE;QACvC,OAAO,iBAAiB,CAAC,sBAAsB,KAAK,SAAS,CAAC;IAChE,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,IAAI,CAAC,KAAK,CAAC,eAAe,IAAI,CAAC,oBAAoB,EAAE;YACxE,KAAK,CAAC,iBAAiB,EAAE,CAAC;SAC3B;QACD,uBAAuB,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,oBAAoB,EAAE,iBAAiB,EAAE,KAAK,CAAC,CAAC,CAAC;IAErD,MAAM,oBAAoB,GAAG,OAAO,CAAC,GAAG,EAAE;QACxC,OAAO,CACL,oBAAC,YAAY,oBACP,iBAAiB,IACrB,oBAAoB,EAAE,oBAAoB,EAC1C,qBAAqB,EAAE,qBAAqB,EAC5C,MAAM,EAAE,kBAAkB,EAC1B,MAAM,EAAC,oBAAoB,EAC3B,cAAc,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC,CACnC,oBAAC,KAAK,IAAC,SAAS,EAAE,WAAW,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;gBACpF,oBAAC,aAAa,kBAAC,MAAM,EAAE,MAAM,IAAM,OAAO,IAAE,YAAY,EAAE,KAAK,CAAC,wBAAwB,IAAI,CACtF,CACT,IACD,CACH,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAExD,OAAO,mBAAmB,CAAC,CAAC,CAAC,oBAAC,WAAW,oBAAK,iBAAiB,EAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC;AAC7F,CAAC,CAAC"}

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import { VideoGalleryLocalParticipant, VideoGalleryRemoteParticipant, VideoStreamOptions } from "../../../../react-components/src";
-export declare type ScreenShareProps = {
-    screenShareParticipant: VideoGalleryRemoteParticipant | undefined;
-    localParticipant?: VideoGalleryLocalParticipant;
-    remoteParticipants: VideoGalleryRemoteParticipant[];
-    onCreateLocalStreamView?: () => Promise<void>;
-    onCreateRemoteStreamView?: (userId: string, options?: VideoStreamOptions) => Promise<void>;
-};
-export declare const ScreenShare: (props: ScreenShareProps) => JSX.Element;
+/// <reference types="react" />
+import { VideoGalleryLocalParticipant, VideoGalleryRemoteParticipant, VideoStreamOptions } from "../../../../react-components/src";
+export declare type ScreenShareProps = {
+    screenShareParticipant: VideoGalleryRemoteParticipant | undefined;
+    localParticipant?: VideoGalleryLocalParticipant;
+    remoteParticipants: VideoGalleryRemoteParticipant[];
+    onCreateLocalStreamView?: () => Promise<void>;
+    onCreateRemoteStreamView?: (userId: string, options?: VideoStreamOptions) => Promise<void>;
+};
+export declare const ScreenShare: (props: ScreenShareProps) => JSX.Element;
 //# sourceMappingURL=ScreenShare.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScreenShare.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallComposite/ScreenShare.tsx"],"names":[],"mappings":";AAMA,OAAO,EAGL,4BAA4B,EAC5B,6BAA6B,EAC7B,kBAAkB,EAEnB,yCAAyB;AAS1B,oBAAY,gBAAgB,GAAG;IAC7B,sBAAsB,EAAE,6BAA6B,GAAG,SAAS,CAAC;IAClE,gBAAgB,CAAC,EAAE,4BAA4B,CAAC;IAChD,kBAAkB,EAAE,6BAA6B,EAAE,CAAC;IACpD,uBAAuB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C,wBAAwB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,kBAAkB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5F,CAAC;AA2BF,eAAO,MAAM,WAAW,UAAW,gBAAgB,KAAG,WA+GrD,CAAC"}
+{"version":3,"file":"ScreenShare.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallComposite/ScreenShare.tsx"],"names":[],"mappings":";AAMA,OAAO,EAGL,4BAA4B,EAC5B,6BAA6B,EAC7B,kBAAkB,EAEnB,yCAAmC;AAUpC,oBAAY,gBAAgB,GAAG;IAC7B,sBAAsB,EAAE,6BAA6B,GAAG,SAAS,CAAC;IAClE,gBAAgB,CAAC,EAAE,4BAA4B,CAAC;IAChD,kBAAkB,EAAE,6BAA6B,EAAE,CAAC;IACpD,uBAAuB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C,wBAAwB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,kBAAkB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5F,CAAC;AAkCF,eAAO,MAAM,WAAW,UAAW,gBAAgB,KAAG,WAsHrD,CAAC"}

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

@@ -1,79 +1,72 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import { memoizeFnAll } from "../../../../acs-ui-common/src";
-import { mergeStyles, Spinner, SpinnerSize, Stack } from '@fluentui/react';
-import React, { useMemo } from 'react';
-import { StreamMedia, VideoTile } from "../../../../react-components/src";
-import { aspectRatioBoxContentStyle, aspectRatioBoxStyle, screenShareContainerStyle, stackContainerStyle } from './styles/MediaGallery.styles';
-import { loadingStyle, videoStreamStyle, videoTileStyle } from './styles/ScreenShare.styles';
-const memoizeAllRemoteParticipants = memoizeFnAll((userId, isAvailable, renderElement, displayName) => {
-    return (React.createElement(Stack, { horizontalAlign: "center", verticalAlign: "center", className: aspectRatioBoxStyle, key: userId },
-        React.createElement(Stack, { className: aspectRatioBoxContentStyle },
-            React.createElement(VideoTile, { userId: userId, isVideoReady: isAvailable, renderElement: React.createElement(StreamMedia, { videoStreamElement: renderElement !== null && renderElement !== void 0 ? renderElement : null }), displayName: displayName, styles: videoTileStyle }))));
-});
-// A non-undefined display name is needed for this render, and that is coming from VideoTile props below
-const onRenderPlaceholder = (props) => (React.createElement("div", { className: loadingStyle },
-    React.createElement(Spinner, { label: `Loading ${props.displayName}'s screen`, size: SpinnerSize.xSmall })));
-export const ScreenShare = (props) => {
-    const { screenShareParticipant, localParticipant, remoteParticipants, onCreateRemoteStreamView, onCreateLocalStreamView } = props;
-    const localVideoStream = localParticipant === null || localParticipant === void 0 ? void 0 : localParticipant.videoStream;
-    const isLocalVideoReady = (localVideoStream === null || localVideoStream === void 0 ? void 0 : localVideoStream.renderElement) !== undefined;
-    const isScreenShareAvailable = screenShareParticipant &&
-        screenShareParticipant.screenShareStream &&
-        screenShareParticipant.screenShareStream.isAvailable;
-    const screenShareStreamComponent = useMemo(() => {
-        var _a, _b;
-        if (!isScreenShareAvailable) {
-            return;
-        }
-        const screenShareStream = screenShareParticipant === null || screenShareParticipant === void 0 ? void 0 : screenShareParticipant.screenShareStream;
-        const videoStream = screenShareParticipant === null || screenShareParticipant === void 0 ? void 0 : screenShareParticipant.videoStream;
-        if ((screenShareStream === null || screenShareStream === void 0 ? void 0 : screenShareStream.isAvailable) && !(screenShareStream === null || screenShareStream === void 0 ? void 0 : screenShareStream.renderElement)) {
-            screenShareParticipant &&
-                onCreateRemoteStreamView &&
-                onCreateRemoteStreamView(screenShareParticipant.userId, {
-                    scalingMode: 'Fit'
-                });
-        }
-        if ((videoStream === null || videoStream === void 0 ? void 0 : videoStream.isAvailable) && !(videoStream === null || videoStream === void 0 ? void 0 : videoStream.renderElement)) {
-            screenShareParticipant && onCreateRemoteStreamView && onCreateRemoteStreamView(screenShareParticipant.userId);
-        }
-        return (React.createElement(VideoTile, { displayName: screenShareParticipant === null || screenShareParticipant === void 0 ? void 0 : screenShareParticipant.displayName, isVideoReady: screenShareStream === null || screenShareStream === void 0 ? void 0 : screenShareStream.isAvailable, renderElement: React.createElement(StreamMedia, { videoStreamElement: (_a = screenShareStream === null || screenShareStream === void 0 ? void 0 : screenShareStream.renderElement) !== null && _a !== void 0 ? _a : null }), onRenderPlaceholder: onRenderPlaceholder, styles: {
-                overlayContainer: videoStreamStyle
-            } }, videoStream && videoStream.isAvailable && videoStream.renderElement && (React.createElement(Stack, { horizontalAlign: "center", verticalAlign: "center", className: aspectRatioBoxStyle },
-            React.createElement(Stack, { className: aspectRatioBoxContentStyle },
-                React.createElement(VideoTile, { isVideoReady: videoStream.isAvailable, renderElement: React.createElement(StreamMedia, { videoStreamElement: (_b = videoStream.renderElement) !== null && _b !== void 0 ? _b : null }), styles: videoTileStyle }))))));
-    }, [isScreenShareAvailable, onCreateRemoteStreamView, screenShareParticipant]);
-    const layoutLocalParticipant = useMemo(() => {
-        var _a;
-        if (localVideoStream && !(localVideoStream === null || localVideoStream === void 0 ? void 0 : localVideoStream.renderElement)) {
-            onCreateLocalStreamView && onCreateLocalStreamView();
-        }
-        return (React.createElement(VideoTile, { isVideoReady: isLocalVideoReady, renderElement: React.createElement(StreamMedia, { videoStreamElement: (_a = localVideoStream === null || localVideoStream === void 0 ? void 0 : localVideoStream.renderElement) !== null && _a !== void 0 ? _a : null }), displayName: localParticipant === null || localParticipant === void 0 ? void 0 : localParticipant.displayName, styles: videoTileStyle }));
-    }, [isLocalVideoReady, localParticipant, localVideoStream, onCreateLocalStreamView]);
-    const sidePanelRemoteParticipants = useMemo(() => {
-        return memoizeAllRemoteParticipants((memoizedRemoteParticipantFn) => {
-            return remoteParticipants && screenShareParticipant
-                ? remoteParticipants
-                    .filter((remoteParticipant) => {
-                    return remoteParticipant.userId !== screenShareParticipant.userId;
-                })
-                    .map((participant) => {
-                    const remoteVideoStream = participant.videoStream;
-                    if ((remoteVideoStream === null || remoteVideoStream === void 0 ? void 0 : remoteVideoStream.isAvailable) && !(remoteVideoStream === null || remoteVideoStream === void 0 ? void 0 : remoteVideoStream.renderElement)) {
-                        onCreateRemoteStreamView && onCreateRemoteStreamView(participant.userId);
-                    }
-                    return memoizedRemoteParticipantFn(participant.userId, remoteVideoStream === null || remoteVideoStream === void 0 ? void 0 : remoteVideoStream.isAvailable, remoteVideoStream === null || remoteVideoStream === void 0 ? void 0 : remoteVideoStream.renderElement, participant.displayName);
-                })
-                : [];
-        });
-    }, [remoteParticipants, onCreateRemoteStreamView, screenShareParticipant]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: stackContainerStyle },
-            React.createElement(Stack, { grow: true, className: mergeStyles({ height: '100%', overflow: 'auto' }) },
-                React.createElement(Stack, { horizontalAlign: "center", verticalAlign: "center", className: aspectRatioBoxStyle },
-                    React.createElement(Stack, { className: aspectRatioBoxContentStyle }, layoutLocalParticipant)),
-                sidePanelRemoteParticipants)),
-        React.createElement("div", { className: screenShareContainerStyle }, screenShareStreamComponent)));
-};
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import { memoizeFnAll } from "../../../../acs-ui-common/src";
+import { mergeStyles, Spinner, SpinnerSize, Stack } from '@fluentui/react';
+import React, { useMemo } from 'react';
+import { StreamMedia, VideoTile } from "../../../../react-components/src";
+import { aspectRatioBoxContentStyle, aspectRatioBoxStyle, screenShareContainerStyle, stackContainerStyle, stackContainerParticipantVideoStyles } from './styles/MediaGallery.styles';
+import { loadingStyle, videoStreamStyle } from './styles/ScreenShare.styles';
+const memoizeAllRemoteParticipants = memoizeFnAll((userId, isMuted, isSpeaking, renderElement, displayName) => {
+    return (React.createElement(Stack, { horizontalAlign: "center", verticalAlign: "center", className: aspectRatioBoxStyle, key: userId },
+        React.createElement(Stack, { className: aspectRatioBoxContentStyle },
+            React.createElement(VideoTile, { styles: stackContainerParticipantVideoStyles, userId: userId, renderElement: renderElement ? React.createElement(StreamMedia, { videoStreamElement: renderElement }) : undefined, displayName: displayName, isMuted: isMuted, isSpeaking: isSpeaking }))));
+});
+// A non-undefined display name is needed for this render, and that is coming from VideoTile props below
+const onRenderPlaceholder = (userId, options) => (React.createElement("div", { className: loadingStyle },
+    React.createElement(Spinner, { label: `Loading ${options === null || options === void 0 ? void 0 : options.text}'s screen`, size: SpinnerSize.xSmall })));
+export const ScreenShare = (props) => {
+    const { screenShareParticipant, localParticipant, remoteParticipants, onCreateRemoteStreamView, onCreateLocalStreamView } = props;
+    const localVideoStream = localParticipant === null || localParticipant === void 0 ? void 0 : localParticipant.videoStream;
+    const isScreenShareAvailable = screenShareParticipant &&
+        screenShareParticipant.screenShareStream &&
+        screenShareParticipant.screenShareStream.isAvailable;
+    const screenShareStreamComponent = useMemo(() => {
+        if (!isScreenShareAvailable) {
+            return;
+        }
+        const screenShareStream = screenShareParticipant === null || screenShareParticipant === void 0 ? void 0 : screenShareParticipant.screenShareStream;
+        const videoStream = screenShareParticipant === null || screenShareParticipant === void 0 ? void 0 : screenShareParticipant.videoStream;
+        if ((screenShareStream === null || screenShareStream === void 0 ? void 0 : screenShareStream.isAvailable) && !(screenShareStream === null || screenShareStream === void 0 ? void 0 : screenShareStream.renderElement)) {
+            screenShareParticipant && onCreateRemoteStreamView && onCreateRemoteStreamView(screenShareParticipant.userId);
+        }
+        if ((videoStream === null || videoStream === void 0 ? void 0 : videoStream.isAvailable) && !(videoStream === null || videoStream === void 0 ? void 0 : videoStream.renderElement)) {
+            screenShareParticipant && onCreateRemoteStreamView && onCreateRemoteStreamView(screenShareParticipant.userId);
+        }
+        return (React.createElement(VideoTile, { displayName: screenShareParticipant === null || screenShareParticipant === void 0 ? void 0 : screenShareParticipant.displayName, isMuted: screenShareParticipant === null || screenShareParticipant === void 0 ? void 0 : screenShareParticipant.isMuted, isSpeaking: screenShareParticipant === null || screenShareParticipant === void 0 ? void 0 : screenShareParticipant.isSpeaking, renderElement: (screenShareStream === null || screenShareStream === void 0 ? void 0 : screenShareStream.renderElement) ? (React.createElement(StreamMedia, { videoStreamElement: screenShareStream === null || screenShareStream === void 0 ? void 0 : screenShareStream.renderElement })) : undefined, onRenderPlaceholder: onRenderPlaceholder, styles: {
+                overlayContainer: videoStreamStyle
+            } }, videoStream && videoStream.isAvailable && videoStream.renderElement && (React.createElement(Stack, { horizontalAlign: "center", verticalAlign: "center", className: aspectRatioBoxStyle },
+            React.createElement(Stack, { className: aspectRatioBoxContentStyle },
+                React.createElement(VideoTile, { displayName: screenShareParticipant === null || screenShareParticipant === void 0 ? void 0 : screenShareParticipant.displayName, isMuted: screenShareParticipant === null || screenShareParticipant === void 0 ? void 0 : screenShareParticipant.isMuted, renderElement: videoStream.renderElement ? React.createElement(StreamMedia, { videoStreamElement: videoStream.renderElement }) : undefined }))))));
+    }, [isScreenShareAvailable, onCreateRemoteStreamView, screenShareParticipant]);
+    const sidePanelLocalParticipant = useMemo(() => {
+        if (localVideoStream && !(localVideoStream === null || localVideoStream === void 0 ? void 0 : localVideoStream.renderElement)) {
+            onCreateLocalStreamView && onCreateLocalStreamView();
+        }
+        return (React.createElement(VideoTile, { styles: stackContainerParticipantVideoStyles, isMuted: localParticipant === null || localParticipant === void 0 ? void 0 : localParticipant.isMuted, renderElement: (localVideoStream === null || localVideoStream === void 0 ? void 0 : localVideoStream.renderElement) ? (React.createElement(StreamMedia, { videoStreamElement: localVideoStream === null || localVideoStream === void 0 ? void 0 : localVideoStream.renderElement })) : undefined, displayName: localParticipant === null || localParticipant === void 0 ? void 0 : localParticipant.displayName }));
+    }, [localParticipant, localVideoStream, onCreateLocalStreamView]);
+    const sidePanelRemoteParticipants = useMemo(() => {
+        return memoizeAllRemoteParticipants((memoizedRemoteParticipantFn) => {
+            return remoteParticipants && screenShareParticipant
+                ? remoteParticipants
+                    .filter((remoteParticipant) => {
+                    return remoteParticipant.userId !== screenShareParticipant.userId;
+                })
+                    .map((participant) => {
+                    const remoteVideoStream = participant.videoStream;
+                    if ((remoteVideoStream === null || remoteVideoStream === void 0 ? void 0 : remoteVideoStream.isAvailable) && !(remoteVideoStream === null || remoteVideoStream === void 0 ? void 0 : remoteVideoStream.renderElement)) {
+                        onCreateRemoteStreamView && onCreateRemoteStreamView(participant.userId);
+                    }
+                    return memoizedRemoteParticipantFn(participant.userId, participant.isMuted, participant.isSpeaking, remoteVideoStream === null || remoteVideoStream === void 0 ? void 0 : remoteVideoStream.renderElement, participant.displayName);
+                })
+                : [];
+        });
+    }, [remoteParticipants, onCreateRemoteStreamView, screenShareParticipant]);
+    return (React.createElement(Stack, { horizontal: true, verticalFill: true },
+        React.createElement(Stack.Item, { className: stackContainerStyle },
+            React.createElement(Stack, { grow: true, className: mergeStyles({ height: '100%', overflow: 'auto' }) },
+                React.createElement(Stack, { horizontalAlign: "center", verticalAlign: "center", className: aspectRatioBoxStyle },
+                    React.createElement(Stack, { className: aspectRatioBoxContentStyle }, sidePanelLocalParticipant)),
+                sidePanelRemoteParticipants)),
+        React.createElement(Stack.Item, { className: screenShareContainerStyle }, screenShareStreamComponent)));
+};
 //# sourceMappingURL=ScreenShare.js.map

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

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

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export interface ScreenSharePopupProps {
+    onStopScreenShare: () => Promise<void>;
+    /**
+     * ID of the react element to host the screenshare modal window in.
+     * If this is not supplied the modal dialog is hosted in a fixed
+     * position element rendered at the end of the document.
+     *
+     * {@link https://docs.microsoft.com/en-us/javascript/api/react-internal/ilayerprops?view=office-ui-fabric-react-latest#hostId}
+     */
+    hostId?: string;
+}
+export declare const ScreenSharePopup: (props: ScreenSharePopupProps) => JSX.Element;
+//# sourceMappingURL=ScreenSharePopup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenSharePopup.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallComposite/ScreenSharePopup.tsx"],"names":[],"mappings":";AAmCA,MAAM,WAAW,qBAAqB;IACpC,iBAAiB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAEvC;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,gBAAgB,UAAW,qBAAqB,KAAG,WA6D/D,CAAC"}

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

@@ -0,0 +1,59 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { ContextualMenu, DefaultButton, FocusTrapCallout, Icon, Label, Modal, Stack } from '@fluentui/react';
+import { useTheme } from "../../../../react-components/src";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { getScreenSharePopupModalButtonStyles, getScreenSharePopupModalStyles, screenSharePopupModalLabelStyles, screenSharePopupModalStackStyles } from './styles/ScreenSharePopup.styles';
+const STOP_SCREENSHARE_BUTTON_TEXT = 'Stop presenting';
+const STOP_SCREENSHARE_LABEL_TEXT = "You're presenting your screen.";
+const onRenderStopScreenShareIcon = () => {
+    return React.createElement(Icon, { iconName: "ScreenSharePopupStopPresenting" });
+};
+const DRAG_OPTIONS = {
+    moveMenuItemText: 'Move',
+    closeMenuItemText: 'Close',
+    menu: ContextualMenu,
+    keepInBounds: true
+};
+export const ScreenSharePopup = (props) => {
+    const { hostId, onStopScreenShare } = props;
+    const [stoppingInProgress, setStoppingInProgress] = useState(false);
+    const theme = useTheme();
+    const screenSharePopupModalStylesThemed = useMemo(() => {
+        return getScreenSharePopupModalStyles(theme);
+    }, [theme]);
+    const screenSharePopupModalButtonStylesThemed = useMemo(() => {
+        return getScreenSharePopupModalButtonStyles(theme);
+    }, [theme]);
+    const isMounted = useRef(false);
+    useEffect(() => {
+        isMounted.current = true;
+        return () => {
+            isMounted.current = false;
+        };
+    }, []);
+    const onStopScreenShareClicked = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        setStoppingInProgress(true);
+        yield onStopScreenShare();
+        if (isMounted.current) {
+            setStoppingInProgress(false);
+        }
+    }), [onStopScreenShare]);
+    return (React.createElement(Modal, { layerProps: hostId ? { hostId } : undefined, isOpen: true, isModeless: true, dragOptions: DRAG_OPTIONS, styles: screenSharePopupModalStylesThemed },
+        React.createElement(Stack, { style: screenSharePopupModalStackStyles, horizontalAlign: 'center' },
+            React.createElement(Stack, { verticalFill: true, verticalAlign: 'center', horizontalAlign: 'center' },
+                React.createElement(Icon, { iconName: "ScreenSharePopupPresenting" }),
+                React.createElement(Label, { style: screenSharePopupModalLabelStyles }, STOP_SCREENSHARE_LABEL_TEXT)),
+            React.createElement(DefaultButton, { styles: screenSharePopupModalButtonStylesThemed, onRenderIcon: onRenderStopScreenShareIcon, onClick: onStopScreenShareClicked, text: STOP_SCREENSHARE_BUTTON_TEXT, disabled: stoppingInProgress })),
+        React.createElement(FocusTrapCallout, { focusTrapProps: { isClickableOutsideFocusTrap: true, forceFocusInsideTrap: false } })));
+};
+//# sourceMappingURL=ScreenSharePopup.js.map

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

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

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-export interface StartCallButtonProps {
-    onClickHandler: () => void;
-    isDisabled: boolean;
-}
-export declare const StartCallButton: (props: StartCallButtonProps) => JSX.Element;
+/// <reference types="react" />
+export interface StartCallButtonProps {
+    onClickHandler: () => void;
+    isDisabled: boolean;
+}
+export declare const StartCallButton: (props: StartCallButtonProps) => JSX.Element;
 //# sourceMappingURL=StartCallButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"StartCallButton.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallComposite/StartCallButton.tsx"],"names":[],"mappings":";AAQA,MAAM,WAAW,oBAAoB;IACnC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,EAAE,OAAO,CAAC;CACrB;AAID,eAAO,MAAM,eAAe,UAAW,oBAAoB,KAAG,WAS7D,CAAC"}
+{"version":3,"file":"StartCallButton.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallComposite/StartCallButton.tsx"],"names":[],"mappings":";AASA,MAAM,WAAW,oBAAoB;IACnC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,eAAe,UAAW,oBAAoB,KAAG,WAe7D,CAAC"}

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

@@ -1,14 +1,15 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import { PrimaryButton } from '@fluentui/react';
-import React from 'react';
-import { buttonStyle, videoCameraIconStyle } from './styles/StartCallButton.styles';
-import { VideoCameraEmphasisIcon } from '@fluentui/react-icons-northstar';
-const buttonText = 'Start call';
-export const StartCallButton = (props) => {
-    const { isDisabled, onClickHandler } = props;
-    return (React.createElement(PrimaryButton, { disabled: isDisabled, className: buttonStyle, onClick: onClickHandler },
-        React.createElement(VideoCameraEmphasisIcon, { className: videoCameraIconStyle, size: "medium" }),
-        buttonText));
-};
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import { PrimaryButton } from '@fluentui/react';
+import React from 'react';
+import { buttonStyle, videoCameraIconStyle } from './styles/StartCallButton.styles';
+import { Video20Filled } from '@fluentui/react-icons';
+import { useLocale } from '../localization';
+export const StartCallButton = (props) => {
+    const { isDisabled, onClickHandler } = props;
+    const locale = useLocale();
+    return (React.createElement(PrimaryButton, { "data-ui-id": "call-composite-start-call-button", disabled: isDisabled, className: buttonStyle, onClick: onClickHandler },
+        React.createElement(Video20Filled, { primaryFill: "currentColor", className: videoCameraIconStyle }),
+        locale.strings.call.startCallButtonText));
+};
 //# sourceMappingURL=StartCallButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StartCallButton.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallComposite/StartCallButton.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAO1E,MAAM,UAAU,GAAG,YAAY,CAAC;AAEhC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAe,EAAE;IAC1E,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAE7C,OAAO,CACL,oBAAC,aAAa,IAAC,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,cAAc;QAClF,oBAAC,uBAAuB,IAAC,SAAS,EAAE,oBAAoB,EAAE,IAAI,EAAC,QAAQ,GAAG;QACzE,UAAU,CACG,CACjB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"StartCallButton.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallComposite/StartCallButton.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAO5C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAe,EAAE;IAC1E,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,CACL,oBAAC,aAAa,kBACD,kCAAkC,EAC7C,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,cAAc;QAEvB,oBAAC,aAAa,IAAC,WAAW,EAAC,cAAc,EAAC,SAAS,EAAE,oBAAoB,GAAI;QAC5E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAC1B,CACjB,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,63 @@
+/**
+ * Strings used by the {@link CallComposite} directly.
+ *
+ * This strings are in addition to those used by the components from the component library.
+ */
+export interface CallCompositeStrings {
+    /**
+     * Title of configuration page.
+     */
+    configurationPageTitle: string;
+    /**
+     * Text in button to start call in configuration page.
+     */
+    startCallButtonText: string;
+    /**
+     * Placeholder text for local device settings dropdowns.
+     */
+    defaultPlaceHolder: string;
+    /**
+     * Label for camera dropdown.
+     */
+    cameraLabel: string;
+    /**
+     * Label for sound dropdown.
+     */
+    soundLabel: string;
+    /**
+     * Error shown when camera access is blocked by the browser.
+     */
+    cameraPermissionDenied: string;
+    /**
+     * Error shown when the camera is turned off.
+     */
+    cameraTurnedOff: string;
+    /**
+     * Error shown when microphone access is blocked by the browser.
+     */
+    microphonePermissionDenied: string;
+    /**
+     * Error reason when joining a Teams meeting fails because meeting owner denied access.
+     */
+    teamsMeetingFailReasonAccessDenied: string;
+    /**
+     * Error reason when Teams meeting is disconnected because meeting owner removed the user.
+     */
+    teamsMeetingFailReasonParticipantRemoved: string;
+    /**
+     * Error shown when Teams meeting connection is dropped for some reason.
+     */
+    teamsMeetingFailToJoin: string;
+}
+/**
+ * Strings used by the {@link ChatComposite} directly.
+ *
+ * This strings are in addition to those used by the components from the component library.
+ */
+export interface ChatCompositeStrings {
+    /**
+     * Chat list header text
+     */
+    chatListHeader: string;
+}
+//# sourceMappingURL=Strings.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Strings.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallComposite/Strings.tsx"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,sBAAsB,EAAE,MAAM,CAAC;IAC/B;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,sBAAsB,EAAE,MAAM,CAAC;IAC/B;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,0BAA0B,EAAE,MAAM,CAAC;IACnC;;OAEG;IACH,kCAAkC,EAAE,MAAM,CAAC;IAC3C;;OAEG;IACH,wCAAwC,EAAE,MAAM,CAAC;IACjD;;OAEG;IACH,sBAAsB,EAAE,MAAM,CAAC;CAChC;AAED;;;;GAIG;AACH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;CACxB"}

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

@@ -0,0 +1,4 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+export {};
+//# sourceMappingURL=Strings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Strings.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallComposite/Strings.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC"}