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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LobbyTile.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/LobbyTile.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAsB,QAAQ,EAAE,4CAAmC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACjG,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAmBnD;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAe,EAAE;;IAC9D,MAAM,WAAW,GAAG,KAAK,CAAC,2BAA2B,CAAC;IACtD,MAAM,YAAY,GAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,mCAAI,KAAK,CAAC;IAEvD,MAAM,OAAO,GAAG,QAAQ,EAAE,CAAC,OAAO,CAAC;IACnC,MAAM,QAAQ,GAAG,WAAW,CAAC,sBAAsB,CAAC,CAAC;IAErD,OAAO,CACL,oBAAC,sBAAsB,kBACrB,2BAA2B,EAAE,KAAK,CAAC,2BAA2B,EAC9D,cAAc,EACZ,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CACnB,oBAAC,KAAK,IACJ,YAAY,QACZ,eAAe,EAAC,QAAQ,EACxB,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAE,WAAW,CAAC,qBAAqB,CAAC;YAE7C,oBAAC,KAAK,CAAC,IAAI,IAAC,SAAS,EAAE,WAAW,CAAC,UAAU,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,IAClE,KAAK,CAAC,YAAY,CAAC,WAAW,CACpB;YACb,oBAAC,IAAI,IAAC,SAAS,EAAE,WAAW,CAAC,UAAU,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,eAAa,QAAQ,IACjF,KAAK,CAAC,YAAY,CAAC,KAAK,CACpB;YACN,KAAK,CAAC,YAAY,CAAC,WAAW,IAAI,CACjC,oBAAC,IAAI,IAAC,SAAS,EAAE,WAAW,CAAC,gBAAgB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,IAClE,KAAK,CAAC,YAAY,CAAC,WAAW,CAC1B,CACR,CACK,CACT,CAAC,CAAC,CAAC,SAAS,IAEX,QAAQ,EACZ,CACH,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,6 +1,9 @@
 /// <reference types="react" />
 import { AudioDeviceInfo, VideoDeviceInfo } from '@azure/communication-calling';
-import { VideoStreamOptions } from "../../../../react-components/src";
+import { VideoStreamOptions } from "../../../../../react-components/src";
+/**
+ * @private
+ */
 export interface LocalDeviceSettingsType {
     cameras: VideoDeviceInfo[];
     microphones: AudioDeviceInfo[];
@@ -14,5 +17,8 @@ export interface LocalDeviceSettingsType {
     onSelectMicrophone: (device: AudioDeviceInfo) => Promise<void>;
     onSelectSpeaker: (device: AudioDeviceInfo) => Promise<void>;
 }
+/**
+ * @private
+ */
 export declare const LocalDeviceSettings: (props: LocalDeviceSettingsType) => JSX.Element;
 //# sourceMappingURL=LocalDeviceSettings.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LocalDeviceSettings.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/LocalDeviceSettings.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAEhF,OAAO,EAAY,kBAAkB,EAAE,4CAAmC;AAyD1E;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,kBAAkB,CAAC,EAAE,eAAe,CAAC;IACrC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,2BAA2B,EAAE,OAAO,GAAG,SAAS,CAAC;IACjD,uBAAuB,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7C,cAAc,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,OAAO,CAAC,EAAE,kBAAkB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACzF,kBAAkB,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/D,eAAe,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7D;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,UAAW,uBAAuB,KAAG,WA8GpE,CAAC"}

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

@@ -0,0 +1,102 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import { Dropdown, Icon, Label, mergeStyles, Stack } from '@fluentui/react';
+import { useTheme } from "../../../../../react-components/src";
+import React from 'react';
+import { useLocale } from '../../localization';
+import { dropDownStyles, dropDownTitleIconStyles, mainStackTokens, optionIconStyles } from '../styles/LocalDeviceSettings.styles';
+const getDropDownList = (list) => {
+    // Remove duplicates
+    const noDuplicates = new Map();
+    for (const item of list) {
+        noDuplicates.set(item.id, item);
+    }
+    const dropdownList = [];
+    for (const item of noDuplicates.values()) {
+        dropdownList.push({
+            key: item.id,
+            text: item.name === '' ? item.deviceType : item.name
+        });
+    }
+    return dropdownList;
+};
+const getOptionIcon = (type) => {
+    if (type === 'Camera') {
+        return React.createElement(Icon, { iconName: "LocalDeviceSettingsCamera", className: optionIconStyles });
+    }
+    else if (type === 'Microphone') {
+        return React.createElement(Icon, { iconName: "LocalDeviceSettingsMic", className: optionIconStyles });
+    }
+    else if (type === 'Speaker') {
+        return React.createElement(Icon, { iconName: "LocalDeviceSettingsSpeaker", className: optionIconStyles });
+    }
+    else {
+        return undefined;
+    }
+};
+const onRenderTitle = (iconType, props) => {
+    const icon = props && getOptionIcon(iconType);
+    return props ? (React.createElement("div", { className: dropDownTitleIconStyles },
+        icon,
+        React.createElement("span", null, props[0].text))) : (React.createElement(React.Fragment, null));
+};
+const localVideoViewOptions = {
+    scalingMode: 'Crop',
+    isMirrored: true
+};
+/**
+ * @private
+ */
+export const LocalDeviceSettings = (props) => {
+    var _a;
+    const theme = useTheme();
+    const locale = useLocale();
+    const defaultPlaceHolder = locale.strings.call.defaultPlaceHolder;
+    const cameraLabel = locale.strings.call.cameraLabel;
+    const soundLabel = locale.strings.call.soundLabel;
+    // TODO: speaker permission is tied to microphone permission (when you request 'audio' permission using the SDK) its
+    // actually granting access to query both microphone and speaker. However the browser popup asks you explicity for
+    // 'microphone'. This needs investigation on how we want to handle this and maybe needs follow up with SDK team.
+    return (React.createElement(Stack, { "data-ui-id": "call-composite-device-settings", tokens: mainStackTokens },
+        React.createElement(Stack, null,
+            React.createElement(Label, { id: 'call-composite-local-camera-settings-label', className: mergeStyles(dropDownStyles(theme).label), disabled: !props.cameraPermissionGranted }, cameraLabel),
+            React.createElement(Dropdown, { "data-ui-id": "call-composite-local-camera-settings", "aria-labelledby": 'call-composite-local-camera-settings-label', placeholder: defaultPlaceHolder, options: props.cameraPermissionGranted ? getDropDownList(props.cameras) : [{ key: 'deniedOrUnknown', text: '' }], styles: dropDownStyles(theme), disabled: !props.cameraPermissionGranted, errorMessage: props.cameraPermissionGranted === undefined || props.cameraPermissionGranted
+                    ? undefined
+                    : locale.strings.call.cameraPermissionDenied, defaultSelectedKey: props.cameraPermissionGranted
+                    ? props.selectedCamera
+                        ? props.selectedCamera.id
+                        : props.cameras
+                            ? (_a = props.cameras[0]) === null || _a === void 0 ? void 0 : _a.id
+                            : ''
+                    : 'deniedOrUnknown', onChange: (event, option, index) => {
+                    props.onSelectCamera(props.cameras[index !== null && index !== void 0 ? index : 0], localVideoViewOptions);
+                }, onRenderTitle: (props) => onRenderTitle('Camera', 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) {
+        return '';
+    }
+    const defaultDevice = devices.find((device) => device.isSystemDefault);
+    if (defaultDevice) {
+        return defaultDevice.id;
+    }
+    return devices[0].id;
+};
+//# sourceMappingURL=LocalDeviceSettings.js.map

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

@@ -0,0 +1 @@
+{"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/components/LocalPreview.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+/**
+ * @private
+ */
+export interface LocalPreviewProps {
+    mobileView: boolean;
+    showDevicesButton: boolean;
+}
+/**
+ * @private
+ */
+export declare const LocalPreview: (props: LocalPreviewProps) => JSX.Element;
+//# sourceMappingURL=LocalPreview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LocalPreview.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/LocalPreview.tsx"],"names":[],"mappings":";AA6BA;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,UAAW,iBAAiB,KAAG,WAuFvD,CAAC"}

package/dist/dist-esm/react-composites/src/composites/CallComposite/{LocalPreview.js → components/LocalPreview.js}

@@ -10,20 +10,25 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { Icon, mergeStyles, Stack, Text } from '@fluentui/react';
-import { CameraButton, ControlBar, MicrophoneButton, StreamMedia, useTheme, VideoTile } from "../../../../react-components/src";
+import { CameraButton, ControlBar, MicrophoneButton, DevicesButton, StreamMedia, useTheme, VideoTile } from "../../../../../react-components/src";
 import React, { useCallback } from 'react';
-import { useLocale } from '../localization';
-import { useAdapter } from './adapter/CallAdapterProvider';
-import { usePropsFor } from './hooks/usePropsFor';
-import { useSelector } from './hooks/useSelector';
-import { getLocalMicrophoneEnabled } from './selectors/baseSelectors';
-import { devicePermissionSelector } from './selectors/devicePermissionSelector';
-import { localPreviewSelector } from './selectors/localPreviewSelector';
-import { cameraOffLabelStyle, localPreviewContainerStyle, localPreviewTileStyle } from './styles/LocalPreview.styles';
-export const LocalPreview = () => {
+import { useLocale } from '../../localization';
+import { useAdapter } from '../adapter/CallAdapterProvider';
+import { usePropsFor } from '../hooks/usePropsFor';
+import { useSelector } from '../hooks/useSelector';
+import { getLocalMicrophoneEnabled } from '../selectors/baseSelectors';
+import { devicePermissionSelector } from '../selectors/devicePermissionSelector';
+import { localPreviewSelector } from '../selectors/localPreviewSelector';
+import { buttonFlyoutIncreasedSizeStyles } from '../styles/CallControls.styles';
+import { cameraOffLabelStyle, localPreviewContainerStyleDesktop, localPreviewContainerStyleMobile, localPreviewTileStyle } from '../styles/LocalPreview.styles';
+/**
+ * @private
+ */
+export const LocalPreview = (props) => {
     const locale = useLocale();
     const cameraButtonProps = usePropsFor(CameraButton);
     const localPreviewProps = useSelector(localPreviewSelector);
+    const devicesButtonProps = usePropsFor(DevicesButton);
     const { audio: microphonePermissionGranted, video: cameraPermissionGranted } = useSelector(devicePermissionSelector);
     const isLocalMicrophoneEnabled = useSelector(getLocalMicrophoneEnabled);
     const adapter = useAdapter();
@@ -32,16 +37,26 @@ export const LocalPreview = () => {
     }), [adapter, isLocalMicrophoneEnabled]);
     const theme = useTheme();
     const onRenderPlaceholder = useCallback(() => {
-        return (React.createElement(Stack, { className: mergeStyles({ width: '100%', height: '100%' }), verticalAlign: "center" },
+        return (React.createElement(Stack, { className: mergeStyles({ width: '100%', height: '100%' }), verticalAlign: "center", tokens: { childrenGap: '0.25rem' } },
             React.createElement(Stack.Item, { align: "center" },
                 React.createElement(Icon, { iconName: "LocalPreviewPlaceholder", className: mergeStyles(cameraOffLabelStyle, { color: theme.palette.neutralTertiary }) })),
             React.createElement(Stack.Item, { align: "center" },
                 React.createElement(Text, { className: mergeStyles(cameraOffLabelStyle, { color: theme.palette.neutralSecondary }) }, locale.strings.call.cameraTurnedOff))));
     }, [theme, locale.strings.call.cameraTurnedOff]);
-    return (React.createElement(Stack, { "data-ui-id": "call-composite-local-preview", className: localPreviewContainerStyle },
+    const devicesButtonStyles = props.mobileView
+        ? {
+            menuStyles: {
+                menuItemStyles: buttonFlyoutIncreasedSizeStyles
+            }
+        }
+        : undefined;
+    return (React.createElement(Stack, { "data-ui-id": "call-composite-local-preview", className: props.mobileView ? localPreviewContainerStyleMobile : localPreviewContainerStyleDesktop },
         React.createElement(VideoTile, { styles: localPreviewTileStyle, renderElement: (localPreviewProps === null || localPreviewProps === void 0 ? void 0 : localPreviewProps.videoStreamElement) ? (React.createElement(StreamMedia, { videoStreamElement: localPreviewProps.videoStreamElement })) : undefined, onRenderPlaceholder: onRenderPlaceholder },
             React.createElement(ControlBar, { layout: "floatingBottom" },
+                React.createElement(MicrophoneButton, { "data-ui-id": "call-composite-local-device-settings-microphone-button", checked: isLocalMicrophoneEnabled, onToggleMicrophone: onToggleMic, disabled: !microphonePermissionGranted, showLabel: true }),
                 React.createElement(CameraButton, Object.assign({ "data-ui-id": "call-composite-local-device-settings-camera-button" }, cameraButtonProps, { showLabel: true, disabled: !cameraPermissionGranted })),
-                React.createElement(MicrophoneButton, { "data-ui-id": "call-composite-local-device-settings-microphone-button", checked: isLocalMicrophoneEnabled, onToggleMicrophone: onToggleMic, disabled: !microphonePermissionGranted, showLabel: true })))));
+                props.showDevicesButton && (React.createElement(DevicesButton, Object.assign({ "data-ui-id": "call-composite-local-device-settings-options-button" }, devicesButtonProps, { 
+                    // disable button whilst all other buttons are disabled
+                    disabled: !microphonePermissionGranted || !cameraPermissionGranted, showLabel: true, styles: devicesButtonStyles })))))));
 };
 //# sourceMappingURL=LocalPreview.js.map

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

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

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

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { OnRenderAvatarCallback } from "../../../../../react-components/src";
+import { AvatarPersonaDataCallback } from '../../common/AvatarPersona';
+/**
+ * @private
+ */
+export interface MediaGalleryProps {
+    isVideoStreamOn?: boolean;
+    isMicrophoneChecked?: boolean;
+    onStartLocalVideo: () => Promise<void>;
+    onRenderAvatar?: OnRenderAvatarCallback;
+    onFetchAvatarPersonaData?: AvatarPersonaDataCallback;
+}
+/**
+ * @private
+ */
+export declare const MediaGallery: (props: MediaGalleryProps) => JSX.Element;
+/**
+ * @private
+ *
+ * `shouldTransition` is an extra predicate that controls whether this hooks actually transitions the call.
+ * The rule of hooks disallows calling the hook conditionally, so this predicate can be used to make the decision.
+ */
+export declare const useLocalVideoStartTrigger: (isLocalVideoAvailable: boolean, shouldTransition?: boolean | undefined) => void;
+//# sourceMappingURL=MediaGallery.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MediaGallery.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/MediaGallery.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAoC,sBAAsB,EAAE,4CAAmC;AAEtG,OAAO,EAAiB,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAuBtF;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,cAAc,CAAC,EAAE,sBAAsB,CAAC;IACxC,wBAAwB,CAAC,EAAE,yBAAyB,CAAC;CACtD;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,UAAW,iBAAiB,KAAG,WAuBvD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB,0BAA2B,OAAO,6CAA+B,IAmBtG,CAAC"}

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

@@ -0,0 +1,63 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import React, { useEffect, useMemo, useState } from 'react';
+import { VideoGallery } from "../../../../../react-components/src";
+import { usePropsFor } from '../hooks/usePropsFor';
+import { AvatarPersona } from '../../common/AvatarPersona';
+import { mergeStyles, Stack } from '@fluentui/react';
+import { getIsPreviewCameraOn } from '../selectors/baseSelectors';
+import { useHandlers } from '../hooks/useHandlers';
+import { useSelector } from '../hooks/useSelector';
+const VideoGalleryStyles = {
+    root: {
+        height: '100%',
+        minHeight: '10rem',
+        minWidth: '6rem'
+    }
+};
+const localVideoViewOptions = {
+    scalingMode: 'Crop',
+    isMirrored: true
+};
+const remoteVideoViewOptions = {
+    scalingMode: 'Crop'
+};
+/**
+ * @private
+ */
+export const MediaGallery = (props) => {
+    const videoGalleryProps = usePropsFor(VideoGallery);
+    useLocalVideoStartTrigger(!!props.isVideoStreamOn);
+    const VideoGalleryMemoized = useMemo(() => {
+        return (React.createElement(VideoGallery, Object.assign({}, videoGalleryProps, { localVideoViewOptions: localVideoViewOptions, remoteVideoViewOptions: remoteVideoViewOptions, styles: VideoGalleryStyles, layout: "floatingLocalVideo", onRenderAvatar: (userId, options) => (React.createElement(Stack, { className: mergeStyles({ position: 'absolute', height: '100%', width: '100%' }) },
+                React.createElement(AvatarPersona, Object.assign({ userId: userId }, options, { dataProvider: props.onFetchAvatarPersonaData })))) })));
+    }, [props.onFetchAvatarPersonaData, videoGalleryProps]);
+    return VideoGalleryMemoized;
+};
+/**
+ * @private
+ *
+ * `shouldTransition` is an extra predicate that controls whether this hooks actually transitions the call.
+ * The rule of hooks disallows calling the hook conditionally, so this predicate can be used to make the decision.
+ */
+export const useLocalVideoStartTrigger = (isLocalVideoAvailable, shouldTransition) => {
+    // Once a call is joined, we need to transition the local preview camera setting into the call.
+    // This logic is needed on any screen that we might join a call from:
+    // - The Media gallery
+    // - The lobby page
+    // - The networkReconnect interstitial that may show at the start of a call.
+    //
+    // @TODO: Can we simply have the callHandlers handle this transition logic.
+    const [isButtonStatusSynced, setIsButtonStatusSynced] = useState(false);
+    const isPreviewCameraOn = useSelector(getIsPreviewCameraOn);
+    const mediaGalleryHandlers = useHandlers(MediaGallery);
+    useEffect(() => {
+        if (shouldTransition !== false) {
+            if (isPreviewCameraOn && !isLocalVideoAvailable && !isButtonStatusSynced) {
+                mediaGalleryHandlers.onStartLocalVideo();
+            }
+            setIsButtonStatusSynced(true);
+        }
+    }, [shouldTransition, isButtonStatusSynced, isPreviewCameraOn, isLocalVideoAvailable, mediaGalleryHandlers]);
+};
+//# sourceMappingURL=MediaGallery.js.map

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

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

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+/**
+ * @private
+ */
+export interface MutedNotificationProps {
+    speakingWhileMuted: boolean;
+}
+/**
+ * Notify the user that they're muted.
+ */
+export declare function MutedNotification(props: MutedNotificationProps): JSX.Element;
+//# sourceMappingURL=MutedNotification.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MutedNotification.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/MutedNotification.tsx"],"names":[],"mappings":";AAOA;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,kBAAkB,EAAE,OAAO,CAAC;CAC7B;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAkB5E"}

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

@@ -0,0 +1,41 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import { Icon, mergeStyles, Stack, Text, useTheme } from '@fluentui/react';
+import React from 'react';
+import { useLocale } from '../../localization';
+/**
+ * Notify the user that they're muted.
+ */
+export function MutedNotification(props) {
+    const locale = useLocale();
+    const theme = useTheme();
+    if (!props.speakingWhileMuted) {
+        return React.createElement(React.Fragment, null);
+    }
+    return (React.createElement(Stack, { horizontal: true, horizontalAlign: "center" },
+        React.createElement(Stack, { horizontal: true, className: mergeStyles(stackStyle(theme)) },
+            React.createElement(Icon, { iconName: "Muted", className: mergeStyles(iconStyle(theme)) }),
+            React.createElement(Text, { className: mergeStyles(textStyle(theme)), "aria-live": 'polite' }, locale.strings.call.mutedMessage))));
+}
+const stackStyle = (theme) => {
+    return {
+        background: theme.palette.black,
+        opacity: 0.8,
+        gap: `1rem`,
+        padding: `1rem`,
+        borderRadius: theme.effects.roundedCorner4,
+        width: 'fit-content'
+    };
+};
+const iconStyle = (theme) => {
+    return {
+        color: theme.palette.white
+    };
+};
+const textStyle = (theme) => {
+    return {
+        color: theme.palette.white,
+        fontSize: `1rem`
+    };
+};
+//# sourceMappingURL=MutedNotification.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MutedNotification.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/MutedNotification.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,IAAI,EAAkB,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3F,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAS/C;;GAEG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,IAAI,CAAC,KAAK,CAAC,kBAAkB,EAAE;QAC7B,OAAO,yCAAK,CAAC;KACd;IAED,OAAO,CACL,oBAAC,KAAK,IAAC,UAAU,QAAC,eAAe,EAAC,QAAQ;QACxC,oBAAC,KAAK,IAAC,UAAU,QAAC,SAAS,EAAE,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YACzD,oBAAC,IAAI,IAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAE,WAAW,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,GAAI;YACnE,oBAAC,IAAI,IAAC,SAAS,EAAE,WAAW,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,eAAa,QAAQ,IAChE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAC5B,CACD,CACF,CACT,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,GAAG,CAAC,KAAa,EAAU,EAAE;IAC3C,OAAO;QACL,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;QAC/B,OAAO,EAAE,GAAG;QACZ,GAAG,EAAE,MAAM;QACX,OAAO,EAAE,MAAM;QACf,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;QAC1C,KAAK,EAAE,aAAa;KACrB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAAa,EAAU,EAAE;IAC1C,OAAO;QACL,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;KAC3B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAAa,EAAU,EAAE;IAC1C,OAAO;QACL,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;QAC1B,QAAQ,EAAE,MAAM;KACjB,CAAC;AACJ,CAAC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"NetworkReconnectTile.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/NetworkReconnectTile.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,EAAY,4CAAmC;AAa1E;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,2BAA2B,EAAE,kBAAkB,CAAC;CACjD;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,UAAW,yBAAyB,KAAG,WA8BvE,CAAC"}

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

@@ -0,0 +1,30 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import React from 'react';
+import { useTheme } from "../../../../../react-components/src";
+import { ExpandedLocalVideoTile } from './ExpandedLocalVideoTile';
+import { Icon, mergeStyles, Stack, Text } from '@fluentui/react';
+import { useLocale } from '../../localization';
+import { containerStyle, moreDetailsStyle, titleContainerStyle, titleStyle } from '../styles/NetworkReconnectTile.styles';
+import { useHandlers } from '../hooks/useHandlers';
+import { useLocalVideoStartTrigger } from './MediaGallery';
+/**
+ * @private
+ */
+export const NetworkReconnectTile = (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 strings = useLocale().strings.call;
+    const handlers = useHandlers(ExpandedLocalVideoTile);
+    // This tile may be shown at the beginning of a call.
+    // So we need to transition local video to the call.
+    useLocalVideoStartTrigger(!!props.localParticipantVideoStream.isAvailable);
+    return (React.createElement(ExpandedLocalVideoTile, Object.assign({ localParticipantVideoStream: props.localParticipantVideoStream, overlayContent: React.createElement(Stack, { verticalFill: true, horizontalAlign: "center", verticalAlign: "center", className: mergeStyles(containerStyle) },
+            React.createElement(Stack, { horizontal: true, className: mergeStyles(titleContainerStyle) },
+                React.createElement(Icon, { iconName: "NetworkReconnectIcon", className: mergeStyles(titleStyle) }),
+                React.createElement(Text, { className: mergeStyles(titleStyle(palette, isVideoReady)), "aria-live": 'polite' }, strings.networkReconnectTitle)),
+            React.createElement(Text, { className: mergeStyles(moreDetailsStyle(palette, isVideoReady)), "aria-live": 'polite' }, strings.networkReconnectMoreDetails)) }, handlers)));
+};
+//# sourceMappingURL=NetworkReconnectTile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NetworkReconnectTile.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/NetworkReconnectTile.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,QAAQ,EAAE,4CAAmC;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,mBAAmB,EACnB,UAAU,EACX,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAS3D;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;;IACpF,MAAM,WAAW,GAAG,KAAK,CAAC,2BAA2B,CAAC;IACtD,MAAM,YAAY,GAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,mCAAI,KAAK,CAAC;IACvD,MAAM,OAAO,GAAG,QAAQ,EAAE,CAAC,OAAO,CAAC;IACnC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;IAEzC,MAAM,QAAQ,GAAG,WAAW,CAAC,sBAAsB,CAAC,CAAC;IACrD,qDAAqD;IACrD,oDAAoD;IACpD,yBAAyB,CAAC,CAAC,CAAC,KAAK,CAAC,2BAA2B,CAAC,WAAW,CAAC,CAAC;IAE3E,OAAO,CACL,oBAAC,sBAAsB,kBACrB,2BAA2B,EAAE,KAAK,CAAC,2BAA2B,EAC9D,cAAc,EACZ,oBAAC,KAAK,IAAC,YAAY,QAAC,eAAe,EAAC,QAAQ,EAAC,aAAa,EAAC,QAAQ,EAAC,SAAS,EAAE,WAAW,CAAC,cAAc,CAAC;YACxG,oBAAC,KAAK,IAAC,UAAU,QAAC,SAAS,EAAE,WAAW,CAAC,mBAAmB,CAAC;gBAC3D,oBAAC,IAAI,IAAC,QAAQ,EAAC,sBAAsB,EAAC,SAAS,EAAE,WAAW,CAAC,UAAU,CAAC,GAAI;gBAC5E,oBAAC,IAAI,IAAC,SAAS,EAAE,WAAW,CAAC,UAAU,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,eAAa,QAAQ,IACjF,OAAO,CAAC,qBAAqB,CACzB,CACD;YACR,oBAAC,IAAI,IAAC,SAAS,EAAE,WAAW,CAAC,gBAAgB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,eAAa,QAAQ,IACvF,OAAO,CAAC,2BAA2B,CAC/B,CACD,IAEN,QAAQ,EACZ,CACH,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,7 +1,16 @@
 /// <reference types="react" />
+/**
+ * @private
+ */
 export interface StartCallButtonProps {
     onClickHandler: () => void;
     isDisabled: boolean;
+    className?: string;
+    /** If set, the button is intended to rejoin an existing call. */
+    rejoinCall?: boolean;
 }
+/**
+ * @private
+ */
 export declare const StartCallButton: (props: StartCallButtonProps) => JSX.Element;
 //# sourceMappingURL=StartCallButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StartCallButton.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/StartCallButton.tsx"],"names":[],"mappings":";AASA;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,UAAW,oBAAoB,KAAG,WAe7D,CAAC"}

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

@@ -0,0 +1,16 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import { PrimaryButton, mergeStyles } from '@fluentui/react';
+import React from 'react';
+import { buttonStyle, buttonWithIconStyles, videoCameraIconStyle } from '../styles/StartCallButton.styles';
+import { Video20Filled } from '@fluentui/react-icons';
+import { useLocale } from '../../localization';
+/**
+ * @private
+ */
+export const StartCallButton = (props) => {
+    const { isDisabled, onClickHandler, rejoinCall } = props;
+    const locale = useLocale();
+    return (React.createElement(PrimaryButton, { "data-ui-id": "call-composite-start-call-button", disabled: isDisabled, className: mergeStyles(buttonStyle, props.className), styles: buttonWithIconStyles, text: rejoinCall ? locale.strings.call.rejoinCallButtonLabel : locale.strings.call.startCallButtonLabel, onClick: onClickHandler, onRenderIcon: () => React.createElement(Video20Filled, { className: videoCameraIconStyle }) }));
+};
+//# sourceMappingURL=StartCallButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StartCallButton.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/StartCallButton.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAC3G,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAa/C;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAe,EAAE;IAC1E,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IACzD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,CACL,oBAAC,aAAa,kBACD,kCAAkC,EAC7C,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,EACpD,MAAM,EAAE,oBAAoB,EAC5B,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,EACvG,OAAO,EAAE,cAAc,EACvB,YAAY,EAAE,GAAG,EAAE,CAAC,oBAAC,aAAa,IAAC,SAAS,EAAE,oBAAoB,GAAI,GACtE,CACH,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,5 +1,11 @@
 import { CallAdapterState } from '../adapter/CallAdapter';
 import { CallClientState } from "../../../../../calling-stateful-client/src";
+/**
+ * @private
+ */
 export declare const useAdaptedSelector: <SelectorT extends (state: CallClientState, props: any) => any>(selector: SelectorT, selectorProps?: Parameters<SelectorT>[1] | undefined) => ReturnType<SelectorT>;
+/**
+ * @private
+ */
 export declare const useSelectorWithAdaptation: <SelectorT extends (state: ReturnType<AdaptFuncT>, props: any) => any, AdaptFuncT extends (state: CallAdapterState) => any>(selector: SelectorT, adaptState: AdaptFuncT, selectorProps?: Parameters<SelectorT>[1] | undefined) => ReturnType<SelectorT>;
 //# sourceMappingURL=useAdaptedSelector.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAdaptedSelector.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/hooks/useAdaptedSelector.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAyB,eAAe,EAAsB,mDAA0C;AAK/G,eAAO,MAAM,kBAAkB,6BAA8B,eAAe,SAAS,GAAG,KAAK,GAAG,qGAK/F,CAAC;AAEF,eAAO,MAAM,yBAAyB,4DACqB,GAAG,KAAK,GAAG,6BACzC,gBAAgB,KAAK,GAAG,6HA+CpD,CAAC"}
+{"version":3,"file":"useAdaptedSelector.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/hooks/useAdaptedSelector.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAyB,eAAe,EAAsB,mDAA0C;AAE/G;;GAEG;AACH,eAAO,MAAM,kBAAkB,6BAA8B,eAAe,SAAS,GAAG,KAAK,GAAG,qGAK/F,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,4DACqB,GAAG,KAAK,GAAG,6BACzC,gBAAgB,KAAK,GAAG,6HA+CpD,CAAC"}

package/dist/dist-esm/react-composites/src/composites/CallComposite/hooks/useAdaptedSelector.js

@@ -4,11 +4,15 @@
 import { useState, useEffect, useRef, useMemo } from 'react';
 import memoizeOne from 'memoize-one';
 import { useAdapter } from '../adapter/CallAdapterProvider';
-// This function highly depends on chatClient.onChange event
-// It will be moved into selector folder when the ChatClientProvide when refactor finished
+/**
+ * @private
+ */
 export const useAdaptedSelector = (selector, selectorProps) => {
     return useSelectorWithAdaptation(selector, adaptCompositeState, selectorProps);
 };
+/**
+ * @private
+ */
 export const useSelectorWithAdaptation = (selector, adaptState, selectorProps) => {
     var _a;
     const adapter = useAdapter();
@@ -48,8 +52,8 @@ export const useSelectorWithAdaptation = (selector, adaptState, selectorProps) =
 const memoizeState = memoizeOne((userId, deviceManager, calls, latestErrors, displayName) => ({
     userId,
     incomingCalls: {},
-    incomingCallsEnded: [],
-    callsEnded: [],
+    incomingCallsEnded: {},
+    callsEnded: {},
     deviceManager,
     callAgent: { displayName },
     calls,

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

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

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

@@ -1,5 +1,8 @@
 import { CallingHandlers } from "../../../../../calling-component-bindings/src";
 import { CommonProperties } from "../../../../../acs-ui-common/src";
 import { ReactElement } from 'react';
+/**
+ * @private
+ */
 export declare const useHandlers: <PropsT>(_component: (props: PropsT) => ReactElement | null) => Pick<CallingHandlers, CommonProperties<CallingHandlers, PropsT>>;
 //# sourceMappingURL=useHandlers.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useHandlers.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/hooks/useHandlers.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,sDAA6C;AACvE,OAAO,EAAE,gBAAgB,EAAiC,yCAAgC;AAC1F,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAMrC,eAAO,MAAM,WAAW,0CAES,YAAY,GAAG,IAAI,qEAGnD,CAAC"}
+{"version":3,"file":"useHandlers.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/hooks/useHandlers.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,sDAA6C;AACvE,OAAO,EAAE,gBAAgB,EAAiC,yCAAgC;AAC1F,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAMrC;;GAEG;AAEH,eAAO,MAAM,WAAW,0CAES,YAAY,GAAG,IAAI,qEAGnD,CAAC"}