@azure/communication-react 1.15.0-beta.1 → 1.15.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"HoldPane.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/components/HoldPane.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { PrimaryButton, Stack, Text } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\nimport React, { useRef, useState } from 'react';\nimport { CompositeLocale, useLocale } from '../../localization';\n/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\nimport { HoldButton } from '@internal/react-components';\n/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\nimport { usePropsFor } from '../hooks/usePropsFor';\nimport { holdPaneContentStyles, holdPaneLabelStyles, holdPaneTimerStyles, paneStyles, resumeButtonStyles } from '../styles/HoldPane.styles';\ninterface HoldPaneStrings {\n  holdScreenLabel: string;\n  resumeCallButtonLabel: string;\n  resumeCallButtonAriaLabel: string;\n  resumingCallButtonLabel: string;\n  resumingCallButtonAriaLabel: string;\n}\n\n/**\n * Hold pane to display when the user places themselves on hold\n *\n * @beta\n */\nexport const HoldPane = (): JSX.Element => {\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  const holdButtonProps = usePropsFor(HoldButton);\n  const locale = useLocale();\n  const strings = stringsTrampoline(locale);\n  const [time, setTime] = useState<number>(0);\n  const elapsedTime = getReadableTime(time);\n  const startTime = useRef(performance.now());\n  const [resumingCall, setResumingCall] = useState<boolean>(false);\n  React.useEffect(() => {\n    const interval = setInterval(() => {\n      setTime(performance.now() - startTime.current);\n    }, 10);\n    return () => {\n      clearInterval(interval);\n    };\n  }, [startTime]);\n  return <Stack styles={paneStyles}>\n      <Stack horizontal styles={holdPaneContentStyles}>\n        <Text styles={holdPaneTimerStyles}>{elapsedTime}</Text>\n        <Text styles={holdPaneLabelStyles}>{strings.holdScreenLabel}</Text>\n        <PrimaryButton text={!resumingCall ? strings.resumeCallButtonLabel : strings.resumingCallButtonLabel} ariaLabel={!resumingCall ? strings.resumeCallButtonAriaLabel : strings.resumingCallButtonAriaLabel} styles={resumeButtonStyles} disabled={resumingCall} onClick={async () => {\n        setResumingCall(true);\n        try {\n          /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n          await holdButtonProps.onToggleHold();\n        } catch (e) {\n          setResumingCall(false);\n          throw e;\n        }\n      }} data-ui-id=\"hold-page-resume-call-button\" autoFocus></PrimaryButton>\n      </Stack>\n    </Stack>;\n};\nconst getMinutes = (time: number): number => {\n  return Math.floor(getSeconds(time) / 60);\n};\nconst getSeconds = (time: number): number => {\n  return Math.floor(time / 1000);\n};\nconst getHours = (time: number): number => {\n  return Math.floor(getMinutes(time) / 60);\n};\n\n/**\n * @internal\n */\nexport const getReadableTime = (time: number): string => {\n  const hours = getHours(time);\n  const readableMinutes = ('0' + getMinutes(time) % 60).slice(-2);\n  const readableSeconds = ('0' + getSeconds(time) % 60).slice(-2);\n  return `${hours > 0 ? hours + ':' : ''}${readableMinutes}:${readableSeconds}`;\n};\nconst stringsTrampoline = (locale: CompositeLocale): HoldPaneStrings => {\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  return {\n    holdScreenLabel: locale.strings.call.holdScreenLabel,\n    resumeCallButtonLabel: locale.strings.call.resumeCallButtonLabel,\n    resumeCallButtonAriaLabel: locale.strings.call.resumeCallButtonAriaLabel,\n    resumingCallButtonLabel: locale.strings.call.resumingCallButtonLabel,\n    resumingCallButtonAriaLabel: locale.strings.call.resumingCallButtonAriaLabel\n  };\n  return {\n    holdScreenLabel: '',\n    resumeCallButtonLabel: '',\n    resumeCallButtonAriaLabel: '',\n    resumingCallButtonLabel: '',\n    resumingCallButtonAriaLabel: ''\n  };\n};"]}

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

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

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

@@ -1,26 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React, { useMemo } from 'react';
-import { ControlBarButton, useTheme } from "../../../../../../react-components/src";
-import { concatStyleSets } from '@fluentui/react';
-import { CallCompositeIcon } from '../../../common/icons';
-import { controlButtonBaseStyle } from '../../styles/Buttons.styles';
-const icon = () => React.createElement(CallCompositeIcon, { iconName: 'ControlButtonParticipants' });
-/**
- * @private
- */
-/** @beta */
-export const People = (props) => {
-    const { strings, onRenderOnIcon, onRenderOffIcon, onClick } = props;
-    const theme = useTheme();
-    const styles = useMemo(() => {
-        var _a;
-        return concatStyleSets({
-            rootChecked: {
-                background: theme.palette.neutralLight
-            }
-        }, (_a = props.styles) !== null && _a !== void 0 ? _a : {}, controlButtonBaseStyle);
-    }, [props.styles, theme.palette.neutralLight]);
-    return React.createElement(ControlBarButton, Object.assign({}, props, { "data-ui-id": "call-composite-participants-button", strings: strings, labelKey: 'peopleButtonLabelKey', onRenderOnIcon: onRenderOnIcon !== null && onRenderOnIcon !== void 0 ? onRenderOnIcon : icon, onRenderOffIcon: onRenderOffIcon !== null && onRenderOffIcon !== void 0 ? onRenderOffIcon : icon, onClick: onClick, styles: styles }));
-};
-//# sourceMappingURL=People.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"People.js","sourceRoot":"","sources":["../../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/components/buttons/People.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAiD,QAAQ,EAAE,+CAAmC;AACvH,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,MAAM,IAAI,GAAG,GAAgB,EAAE,CAAC,oBAAC,iBAAiB,IAAC,QAAQ,EAAE,2BAA2B,GAAI,CAAC;AAE7F;;GAEG;AACH,YAAY;AACZ,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAA4B,EAAe,EAAE;IAClE,MAAM,EACJ,OAAO,EACP,cAAc,EACd,eAAe,EACf,OAAO,EACR,GAAG,KAAK,CAAC;IACV,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,MAAM,GAA2B,OAAO,CAAC,GAAG,EAAE;;QAAC,OAAA,eAAe,CAAC;YACnE,WAAW,EAAE;gBACX,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;aACvC;SACF,EAAE,MAAA,KAAK,CAAC,MAAM,mCAAI,EAAE,EAAE,sBAAsB,CAAC,CAAA;KAAA,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC;IAC5F,OAAO,oBAAC,gBAAgB,oBAAK,KAAK,kBAAa,oCAAoC,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,sBAAsB,EAAE,cAAc,EAAE,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,IAAI,EAAE,eAAe,EAAE,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC;AACjQ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { useMemo } from 'react';\nimport { ControlBarButton, ControlBarButtonProps, ControlBarButtonStyles, useTheme } from '@internal/react-components';\nimport { concatStyleSets } from '@fluentui/react';\nimport { CallCompositeIcon } from '../../../common/icons';\nimport { controlButtonBaseStyle } from '../../styles/Buttons.styles';\nconst icon = (): JSX.Element => <CallCompositeIcon iconName={'ControlButtonParticipants'} />;\n\n/**\n * @private\n */\n/** @beta */\nexport const People = (props: ControlBarButtonProps): JSX.Element => {\n  const {\n    strings,\n    onRenderOnIcon,\n    onRenderOffIcon,\n    onClick\n  } = props;\n  const theme = useTheme();\n  const styles: ControlBarButtonStyles = useMemo(() => concatStyleSets({\n    rootChecked: {\n      background: theme.palette.neutralLight\n    }\n  }, props.styles ?? {}, controlButtonBaseStyle), [props.styles, theme.palette.neutralLight]);\n  return <ControlBarButton {...props} data-ui-id=\"call-composite-participants-button\" strings={strings} labelKey={'peopleButtonLabelKey'} onRenderOnIcon={onRenderOnIcon ?? icon} onRenderOffIcon={onRenderOffIcon ?? icon} onClick={onClick} styles={styles} />;\n};"]}

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

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-import { ActiveErrorMessage } from "../../../../../react-components/src";
-import { CallCompositeOptions } from '../../../index-public';
-import { MobileChatSidePaneTabHeaderProps } from '../../common/TabHeader';
-import { SidePaneRenderer } from '../components/SidePane/SidePaneProvider';
-import { CapabilitiesChangeNotificationBarProps } from '../components/CapabilitiesChangedNotificationBar';
-/**
- * @beta
- */
-export interface HoldPageProps {
-    mobileView: boolean;
-    options?: CallCompositeOptions;
-    modalLayerHostId: string;
-    updateSidePaneRenderer: (renderer: SidePaneRenderer | undefined) => void;
-    mobileChatTabHeader?: MobileChatSidePaneTabHeaderProps;
-    latestErrors: ActiveErrorMessage[];
-    onDismissError: (error: ActiveErrorMessage) => void;
-    capabilitiesChangedNotificationBarProps?: CapabilitiesChangeNotificationBarProps;
-}
-/**
- * @beta
- */
-export declare const HoldPage: (props: HoldPageProps) => JSX.Element;
-//# sourceMappingURL=HoldPage.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/HoldPage.js

@@ -1,28 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { ErrorBar } from "../../../../../react-components/src";
-import React from 'react';
-import { useLocale } from '../../localization';
-import { CallArrangement } from '../components/CallArrangement';
-import { HoldPane } from '../components/HoldPane';
-import { usePropsFor } from '../hooks/usePropsFor';
-import { disableCallControls, reduceCallControlsForMobile } from '../utils';
-/**
- * @beta
- */
-export const HoldPage = (props) => {
-    var _a, _b, _c;
-    const errorBarProps = usePropsFor(ErrorBar);
-    const strings = useLocale().strings.call;
-    let callControlOptions = props.mobileView ? reduceCallControlsForMobile((_a = props.options) === null || _a === void 0 ? void 0 : _a.callControls) : (_b = props.options) === null || _b === void 0 ? void 0 : _b.callControls;
-    callControlOptions = disableCallControls(callControlOptions, ['cameraButton', 'microphoneButton', 'devicesButton', 'screenShareButton', /* @conditional-compile-remove(PSTN-calls) */
-        /* @conditional-compile-remove(one-to-n-calling) */
-        'holdButton']);
-    return React.createElement(CallArrangement, { complianceBannerProps: {
-            strings
-        }, errorBarProps: ((_c = props.options) === null || _c === void 0 ? void 0 : _c.errorBar) !== false && errorBarProps, callControlProps: {
-            options: callControlOptions,
-            increaseFlyoutItemSize: props.mobileView
-        }, mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, onRenderGalleryContent: () => React.createElement(HoldPane, null), dataUiId: 'hold-page', updateSidePaneRenderer: props.updateSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, latestErrors: props.latestErrors, onDismissError: props.onDismissError });
-};
-//# sourceMappingURL=HoldPage.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HoldPage.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/pages/HoldPage.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAsB,QAAQ,EAAE,4CAAmC;AAC1E,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAqB5E;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAe,EAAE;;IAC5D,MAAM,aAAa,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;IACzC,IAAI,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,2BAA2B,CAAC,MAAA,KAAK,CAAC,OAAO,0CAAE,YAAY,CAAC,CAAC,CAAC,CAAC,MAAA,KAAK,CAAC,OAAO,0CAAE,YAAY,CAAC;IACnI,kBAAkB,GAAG,mBAAmB,CAAC,kBAAkB,EAAE,CAAC,cAAc,EAAE,kBAAkB,EAAE,eAAe,EAAE,mBAAmB,EAAE,6CAA6C;QACrL,mDAAmD;QACnD,YAAY,CAAC,CAAC,CAAC;IACf,OAAO,oBAAC,eAAe,IAAC,qBAAqB,EAAE;YAC7C,OAAO;SACR,EAAE,aAAa,EAAE,CAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,QAAQ,MAAK,KAAK,IAAI,aAAa,EAAE,gBAAgB,EAAE;YACtF,OAAO,EAAE,kBAAkB;YAC3B,sBAAsB,EAAE,KAAK,CAAC,UAAU;SACzC,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EAAE,sBAAsB,EAAE,GAAG,EAAE,CAAC,oBAAC,QAAQ,OAAG,EAAE,QAAQ,EAAE,WAAW,EAAE,sBAAsB,EAAE,KAAK,CAAC,sBAAsB,EAAE,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,EAAE,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,cAAc,EAAE,KAAK,CAAC,cAAc,GAAI,CAAC;AACjU,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { ActiveErrorMessage, ErrorBar } from '@internal/react-components';\nimport React from 'react';\nimport { CallCompositeOptions } from '../../../index-public';\nimport { useLocale } from '../../localization';\nimport { CallArrangement } from '../components/CallArrangement';\nimport { HoldPane } from '../components/HoldPane';\nimport { usePropsFor } from '../hooks/usePropsFor';\nimport { disableCallControls, reduceCallControlsForMobile } from '../utils';\nimport { MobileChatSidePaneTabHeaderProps } from '../../common/TabHeader';\nimport { SidePaneRenderer } from '../components/SidePane/SidePaneProvider';\n/* @conditional-compile-remove(capabilities) */\nimport { CapabilitiesChangeNotificationBarProps } from '../components/CapabilitiesChangedNotificationBar';\n\n/**\n * @beta\n */\nexport interface HoldPageProps {\n  mobileView: boolean;\n  options?: CallCompositeOptions;\n  modalLayerHostId: string;\n  updateSidePaneRenderer: (renderer: SidePaneRenderer | undefined) => void;\n  mobileChatTabHeader?: MobileChatSidePaneTabHeaderProps;\n  latestErrors: ActiveErrorMessage[];\n  onDismissError: (error: ActiveErrorMessage) => void;\n  /* @conditional-compile-remove(capabilities) */\n  capabilitiesChangedNotificationBarProps?: CapabilitiesChangeNotificationBarProps;\n}\n\n/**\n * @beta\n */\nexport const HoldPage = (props: HoldPageProps): JSX.Element => {\n  const errorBarProps = usePropsFor(ErrorBar);\n  const strings = useLocale().strings.call;\n  let callControlOptions = props.mobileView ? reduceCallControlsForMobile(props.options?.callControls) : props.options?.callControls;\n  callControlOptions = disableCallControls(callControlOptions, ['cameraButton', 'microphoneButton', 'devicesButton', 'screenShareButton', /* @conditional-compile-remove(PSTN-calls) */\n  /* @conditional-compile-remove(one-to-n-calling) */\n  'holdButton']);\n  return <CallArrangement complianceBannerProps={{\n    strings\n  }} errorBarProps={props.options?.errorBar !== false && errorBarProps} callControlProps={{\n    options: callControlOptions,\n    increaseFlyoutItemSize: props.mobileView\n  }} mobileView={props.mobileView} modalLayerHostId={props.modalLayerHostId} onRenderGalleryContent={() => <HoldPane />} dataUiId={'hold-page'} updateSidePaneRenderer={props.updateSidePaneRenderer} mobileChatTabHeader={props.mobileChatTabHeader} latestErrors={props.latestErrors} onDismissError={props.onDismissError} />;\n};"]}

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

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { EnvironmentInfo } from '@azure/communication-calling';
-/**
- * @internal
- */
-export type UnsupportedBrowserPageProps = {
-    onTroubleshootingClick?: () => void;
-    environmentInfo?: EnvironmentInfo;
-};
-/**
- *
- * @internal
- */
-export declare const UnsupportedBrowserPage: (props: UnsupportedBrowserPageProps) => JSX.Element;
-//# sourceMappingURL=UnsupportedBrowser.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/UnsupportedBrowser.js

@@ -1,54 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { Stack } from '@fluentui/react';
-/* @conditional-compile-remove(unsupported-browser) */
-import { UnsupportedBrowser, UnsupportedBrowserVersion, UnsupportedOperatingSystem } from "../../../../../react-components/src";
-import React from 'react';
-/* @conditional-compile-remove(unsupported-browser) */
-import { useLocale } from '../../localization';
-/* @conditional-compile-remove(unsupported-browser) */
-import { useAdapter } from '../adapter/CallAdapterProvider';
-/**
- *
- * @internal
- */
-export const UnsupportedBrowserPage = (props) => {
-    /* @conditional-compile-remove(unsupported-browser) */
-    const { onTroubleshootingClick, environmentInfo } = props;
-    /* @conditional-compile-remove(unsupported-browser) */
-    const adapter = useAdapter();
-    /* @conditional-compile-remove(unsupported-browser) */
-    const onContinueClick = () => {
-        adapter.allowUnsupportedBrowserVersion();
-    };
-    /* @conditional-compile-remove(unsupported-browser) */
-    const locale = useLocale();
-    /* @conditional-compile-remove(unsupported-browser) */
-    const unsupportedBrowserStrings = locale.component.strings.UnsupportedBrowser;
-    /* @conditional-compile-remove(unsupported-browser) */
-    const unsupportedBrowserVersionStrings = locale.component.strings.UnsupportedBrowserVersion;
-    /* @conditional-compile-remove(unsupported-browser) */
-    const unsupportedOperatingSystemStrings = locale.component.strings.UnsupportedOperatingSystem;
-    let pageElement = React.createElement(React.Fragment, null);
-    /* @conditional-compile-remove(unsupported-browser) */
-    if (!(environmentInfo === null || environmentInfo === void 0 ? void 0 : environmentInfo.isSupportedPlatform)) {
-        pageElement = React.createElement(UnsupportedOperatingSystem, { onTroubleshootingClick: onTroubleshootingClick, strings: unsupportedOperatingSystemStrings });
-    }
-    else if (!(environmentInfo === null || environmentInfo === void 0 ? void 0 : environmentInfo.isSupportedBrowser)) {
-        pageElement = React.createElement(UnsupportedBrowser, { onTroubleshootingClick: onTroubleshootingClick, strings: unsupportedBrowserStrings });
-    }
-    else if (!(environmentInfo === null || environmentInfo === void 0 ? void 0 : environmentInfo.isSupportedBrowserVersion)) {
-        pageElement = React.createElement(UnsupportedBrowserVersion, { onTroubleshootingClick: onTroubleshootingClick, strings: unsupportedBrowserVersionStrings, onContinueAnywayClick: onContinueClick });
-    }
-    else {
-        throw new Error('There was a problem with your environment info');
-    }
-    return React.createElement(Stack, { styles: containerStyles }, pageElement);
-};
-const containerStyles = {
-    root: {
-        margin: 'auto',
-        paddingTop: '3rem'
-    }
-};
-//# sourceMappingURL=UnsupportedBrowser.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"UnsupportedBrowser.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/pages/UnsupportedBrowser.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC,OAAO,EAAgB,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACtD,sDAAsD;AACtD,OAAO,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,0BAA0B,EAAE,4CAAmC;AACvH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,sDAAsD;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,sDAAsD;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAW5D;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAkC,EAAe,EAAE;IACxF,sDAAsD;IACtD,MAAM,EACJ,sBAAsB,EACtB,eAAe,EAChB,GAAG,KAAK,CAAC;IACV,sDAAsD;IACtD,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,sDAAsD;IACtD,MAAM,eAAe,GAAG,GAAS,EAAE;QACjC,OAAO,CAAC,8BAA8B,EAAE,CAAC;IAC3C,CAAC,CAAC;IAEF,sDAAsD;IACtD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,sDAAsD;IACtD,MAAM,yBAAyB,GAAG,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,kBAAkB,CAAC;IAC9E,sDAAsD;IACtD,MAAM,gCAAgC,GAAG,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,yBAAyB,CAAC;IAC5F,sDAAsD;IACtD,MAAM,iCAAiC,GAAG,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,0BAA0B,CAAC;IAC9F,IAAI,WAAW,GAA4B,yCAAK,CAAC;IACjD,sDAAsD;IACtD,IAAI,CAAC,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,mBAAmB,CAAA,EAAE,CAAC;QAC1C,WAAW,GAAG,oBAAC,0BAA0B,IAAC,sBAAsB,EAAE,sBAAsB,EAAE,OAAO,EAAE,iCAAiC,GAAI,CAAC;IAC3I,CAAC;SAAM,IAAI,CAAC,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,kBAAkB,CAAA,EAAE,CAAC;QAChD,WAAW,GAAG,oBAAC,kBAAkB,IAAC,sBAAsB,EAAE,sBAAsB,EAAE,OAAO,EAAE,yBAAyB,GAAI,CAAC;IAC3H,CAAC;SAAM,IAAI,CAAC,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,yBAAyB,CAAA,EAAE,CAAC;QACvD,WAAW,GAAG,oBAAC,yBAAyB,IAAC,sBAAsB,EAAE,sBAAsB,EAAE,OAAO,EAAE,gCAAgC,EAAE,qBAAqB,EAAE,eAAe,GAAI,CAAC;IACjL,CAAC;SAAM,CAAC;QACN,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAC;IACpE,CAAC;IACD,OAAO,oBAAC,KAAK,IAAC,MAAM,EAAE,eAAe,IAAG,WAAW,CAAS,CAAC;AAC/D,CAAC,CAAC;AACF,MAAM,eAAe,GAAiB;IACpC,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,MAAM;KACnB;CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(unsupported-browser) */\nimport { EnvironmentInfo } from '@azure/communication-calling';\nimport { IStackStyles, Stack } from '@fluentui/react';\n/* @conditional-compile-remove(unsupported-browser) */\nimport { UnsupportedBrowser, UnsupportedBrowserVersion, UnsupportedOperatingSystem } from '@internal/react-components';\nimport React from 'react';\n/* @conditional-compile-remove(unsupported-browser) */\nimport { useLocale } from '../../localization';\n/* @conditional-compile-remove(unsupported-browser) */\nimport { useAdapter } from '../adapter/CallAdapterProvider';\n\n/**\n * @internal\n */\nexport type UnsupportedBrowserPageProps = {\n  onTroubleshootingClick?: () => void;\n  /* @conditional-compile-remove(unsupported-browser) */\n  environmentInfo?: EnvironmentInfo;\n};\n\n/**\n *\n * @internal\n */\nexport const UnsupportedBrowserPage = (props: UnsupportedBrowserPageProps): JSX.Element => {\n  /* @conditional-compile-remove(unsupported-browser) */\n  const {\n    onTroubleshootingClick,\n    environmentInfo\n  } = props;\n  /* @conditional-compile-remove(unsupported-browser) */\n  const adapter = useAdapter();\n  /* @conditional-compile-remove(unsupported-browser) */\n  const onContinueClick = (): void => {\n    adapter.allowUnsupportedBrowserVersion();\n  };\n\n  /* @conditional-compile-remove(unsupported-browser) */\n  const locale = useLocale();\n  /* @conditional-compile-remove(unsupported-browser) */\n  const unsupportedBrowserStrings = locale.component.strings.UnsupportedBrowser;\n  /* @conditional-compile-remove(unsupported-browser) */\n  const unsupportedBrowserVersionStrings = locale.component.strings.UnsupportedBrowserVersion;\n  /* @conditional-compile-remove(unsupported-browser) */\n  const unsupportedOperatingSystemStrings = locale.component.strings.UnsupportedOperatingSystem;\n  let pageElement: JSX.Element | undefined = <></>;\n  /* @conditional-compile-remove(unsupported-browser) */\n  if (!environmentInfo?.isSupportedPlatform) {\n    pageElement = <UnsupportedOperatingSystem onTroubleshootingClick={onTroubleshootingClick} strings={unsupportedOperatingSystemStrings} />;\n  } else if (!environmentInfo?.isSupportedBrowser) {\n    pageElement = <UnsupportedBrowser onTroubleshootingClick={onTroubleshootingClick} strings={unsupportedBrowserStrings} />;\n  } else if (!environmentInfo?.isSupportedBrowserVersion) {\n    pageElement = <UnsupportedBrowserVersion onTroubleshootingClick={onTroubleshootingClick} strings={unsupportedBrowserVersionStrings} onContinueAnywayClick={onContinueClick} />;\n  } else {\n    throw new Error('There was a problem with your environment info');\n  }\n  return <Stack styles={containerStyles}>{pageElement}</Stack>;\n};\nconst containerStyles: IStackStyles = {\n  root: {\n    margin: 'auto',\n    paddingTop: '3rem'\n  }\n};"]}

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

@@ -1,32 +0,0 @@
-import { IButtonStyles, IStackStyles, ITextStyles } from '@fluentui/react';
-/**
- * styles for hold pane resume button
- *
- * @private
- */
-export declare const resumeButtonStyles: IButtonStyles;
-/**
- * styles for hold pane main text
- *
- * @private
- */
-export declare const holdPaneLabelStyles: ITextStyles;
-/**
- * styles for hold pane timer
- *
- * @private
- */
-export declare const holdPaneTimerStyles: ITextStyles;
-/**
- * styles for hold pane container
- *
- * @private
- */
-export declare const paneStyles: IStackStyles;
-/**
- * styles for the hold pane content container
- *
- * @private
- */
-export declare const holdPaneContentStyles: IStackStyles;
-//# sourceMappingURL=HoldPane.styles.d.ts.map

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

@@ -1,81 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { _pxToRem } from "../../../../../acs-ui-common/src";
-/**
- * styles for hold pane resume button
- *
- * @private
- */
-export const resumeButtonStyles = {
-    root: {
-        borderRadius: _pxToRem(4),
-        padding: `${_pxToRem(6)} ${_pxToRem(20)} `
-    },
-    label: {
-        fontWeight: 400,
-        display: 'flex',
-        fontSize: _pxToRem(14)
-    },
-    labelDisabled: {
-        fontWeight: 400,
-        display: 'flex',
-        fontSize: _pxToRem(14)
-    }
-};
-/**
- * styles for hold pane main text
- *
- * @private
- */
-export const holdPaneLabelStyles = {
-    root: {
-        color: 'inherit',
-        fontWeight: 600,
-        fontHeight: _pxToRem(22),
-        fontSize: _pxToRem(16),
-        marginTop: '0.5rem',
-        marginBottom: '1.5rem'
-    }
-};
-/**
- * styles for hold pane timer
- *
- * @private
- */
-export const holdPaneTimerStyles = {
-    root: {
-        color: 'inherit',
-        fontWeight: 600,
-        fontSize: _pxToRem(20),
-        lineHeight: _pxToRem(28),
-        margin: 'auto'
-    }
-};
-/**
- * styles for hold pane container
- *
- * @private
- */
-export const paneStyles = {
-    root: {
-        width: '100%',
-        height: '100%',
-        background: 'inherit'
-    }
-};
-/**
- * styles for the hold pane content container
- *
- * @private
- */
-export const holdPaneContentStyles = {
-    root: {
-        display: 'flex',
-        margin: 'auto',
-        flexDirection: 'column',
-        justifyContent: 'center',
-        alignContent: 'center',
-        alignItems: 'center'
-    }
-};
-//# sourceMappingURL=HoldPane.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HoldPane.styles.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/styles/HoldPane.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,EAAE,QAAQ,EAAE,yCAAgC;AAEnD;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAkB;IAC/C,IAAI,EAAE;QACJ,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;QACzB,OAAO,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,EAAE,CAAC,GAAG;KAC3C;IACD,KAAK,EAAE;QACL,UAAU,EAAE,GAAG;QACf,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;KACvB;IACD,aAAa,EAAE;QACb,UAAU,EAAE,GAAG;QACf,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;KACvB;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAgB;IAC9C,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;QACxB,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;QACtB,SAAS,EAAE,QAAQ;QACnB,YAAY,EAAE,QAAQ;KACvB;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAgB;IAC9C,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;QACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;QACxB,MAAM,EAAE,MAAM;KACf;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAiB;IACtC,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,SAAS;KACtB;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAiB;IACjD,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,MAAM;QACd,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,QAAQ;QACxB,YAAY,EAAE,QAAQ;QACtB,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IButtonStyles, IStackStyles, ITextStyles } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/**\n * styles for hold pane resume button\n *\n * @private\n */\nexport const resumeButtonStyles: IButtonStyles = {\n  root: {\n    borderRadius: _pxToRem(4),\n    padding: `${_pxToRem(6)} ${_pxToRem(20)} `\n  },\n  label: {\n    fontWeight: 400,\n    display: 'flex',\n    fontSize: _pxToRem(14)\n  },\n  labelDisabled: {\n    fontWeight: 400,\n    display: 'flex',\n    fontSize: _pxToRem(14)\n  }\n};\n\n/**\n * styles for hold pane main text\n *\n * @private\n */\nexport const holdPaneLabelStyles: ITextStyles = {\n  root: {\n    color: 'inherit',\n    fontWeight: 600,\n    fontHeight: _pxToRem(22),\n    fontSize: _pxToRem(16),\n    marginTop: '0.5rem',\n    marginBottom: '1.5rem'\n  }\n};\n\n/**\n * styles for hold pane timer\n *\n * @private\n */\nexport const holdPaneTimerStyles: ITextStyles = {\n  root: {\n    color: 'inherit',\n    fontWeight: 600,\n    fontSize: _pxToRem(20),\n    lineHeight: _pxToRem(28),\n    margin: 'auto'\n  }\n};\n\n/**\n * styles for hold pane container\n *\n * @private\n */\nexport const paneStyles: IStackStyles = {\n  root: {\n    width: '100%',\n    height: '100%',\n    background: 'inherit'\n  }\n};\n\n/**\n * styles for the hold pane content container\n *\n * @private\n */\nexport const holdPaneContentStyles: IStackStyles = {\n  root: {\n    display: 'flex',\n    margin: 'auto',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    alignContent: 'center',\n    alignItems: 'center'\n  }\n};"]}

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

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import { ParticipantMenuItemsCallback } from "../../../../react-components/src";
-import { AvatarPersonaDataCallback } from '..';
-/**
- * Props for the chat screen people pane
- * @private
- */
-type ChatScreenPeoplePaneProps = {
-    onFetchAvatarPersonaData?: AvatarPersonaDataCallback;
-    onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;
-    isMobile?: boolean;
-};
-/**
- * @private
- */
-export declare const ChatScreenPeoplePane: (props: ChatScreenPeoplePaneProps) => JSX.Element;
-export {};
-//# sourceMappingURL=ChatScreenPeoplePane.d.ts.map

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

@@ -1,18 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { ParticipantList } from "../../../../react-components/src";
-import React from 'react';
-import { ParticipantContainer } from '../common/ParticipantContainer';
-import { useLocale } from '../localization';
-import { usePropsFor } from './hooks/usePropsFor';
-/**
- * @private
- */
-export const ChatScreenPeoplePane = (props) => {
-    const { onFetchAvatarPersonaData, onFetchParticipantMenuItems, isMobile } = props;
-    const locale = useLocale();
-    const chatListHeader = locale.strings.chat.chatListHeader;
-    const participantListProps = usePropsFor(ParticipantList);
-    return React.createElement(ParticipantContainer, { participantListProps: participantListProps, title: chatListHeader, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onFetchParticipantMenuItems: onFetchParticipantMenuItems, isMobile: isMobile });
-};
-//# sourceMappingURL=ChatScreenPeoplePane.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ChatScreenPeoplePane.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/ChatScreenPeoplePane.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,eAAe,EAAgC,yCAAmC;AAC3F,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAYlD;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,EACJ,wBAAwB,EACxB,2BAA2B,EAC3B,QAAQ,EACT,GAAG,KAAK,CAAC;IACV,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC;IAC1D,MAAM,oBAAoB,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC;IAC1D,OAAO,oBAAC,oBAAoB,IAAC,oBAAoB,EAAE,oBAAoB,EAAE,KAAK,EAAE,cAAc,EAAE,wBAAwB,EAAE,wBAAwB,EAAE,2BAA2B,EAAE,2BAA2B,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACvO,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { ParticipantList, ParticipantMenuItemsCallback } from '@internal/react-components';\nimport React from 'react';\nimport { AvatarPersonaDataCallback } from '..';\nimport { ParticipantContainer } from '../common/ParticipantContainer';\nimport { useLocale } from '../localization';\nimport { usePropsFor } from './hooks/usePropsFor';\n\n/**\n * Props for the chat screen people pane\n * @private\n */\ntype ChatScreenPeoplePaneProps = {\n  onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n  onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n  isMobile?: boolean;\n};\n\n/**\n * @private\n */\nexport const ChatScreenPeoplePane = (props: ChatScreenPeoplePaneProps): JSX.Element => {\n  const {\n    onFetchAvatarPersonaData,\n    onFetchParticipantMenuItems,\n    isMobile\n  } = props;\n  const locale = useLocale();\n  const chatListHeader = locale.strings.chat.chatListHeader;\n  const participantListProps = usePropsFor(ParticipantList);\n  return <ParticipantContainer participantListProps={participantListProps} title={chatListHeader} onFetchAvatarPersonaData={onFetchAvatarPersonaData} onFetchParticipantMenuItems={onFetchParticipantMenuItems} isMobile={isMobile} />;\n};"]}

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

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-/**
- * @private
- */
-export interface FileDownloadErrorBarProps {
-    /**callback to dismiss the download error message */
-    onDismissDownloadErrorMessage: () => void;
-    /** Error message to render */
-    fileDownloadErrorMessage: string;
-}
-/**
- * @private
- */
-export declare const FileDownloadErrorBar: (props: FileDownloadErrorBarProps) => JSX.Element;
-//# sourceMappingURL=FileDownloadErrorBar.d.ts.map

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

@@ -1,23 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { MessageBar, MessageBarType, Stack } from '@fluentui/react';
-import React from 'react';
-/**
- * @private
- */
-export const FileDownloadErrorBar = (props) => {
-    const { fileDownloadErrorMessage, onDismissDownloadErrorMessage } = props;
-    const messageBarIconProps = {
-        iconName: 'ProtectedDocument'
-    };
-    if (fileDownloadErrorMessage !== '') {
-        return React.createElement(Stack, { horizontal: true, horizontalAlign: "space-between", verticalAlign: "center" },
-            React.createElement(MessageBar, { messageBarType: MessageBarType.warning, onDismiss: () => {
-                    onDismissDownloadErrorMessage();
-                }, messageBarIconProps: messageBarIconProps }, fileDownloadErrorMessage));
-    }
-    else {
-        return React.createElement(React.Fragment, null);
-    }
-};
-//# sourceMappingURL=FileDownloadErrorBar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FileDownloadErrorBar.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/FileDownloadErrorBar.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,EACJ,wBAAwB,EACxB,6BAA6B,EAC9B,GAAG,KAAK,CAAC;IACV,MAAM,mBAAmB,GAAG;QAC1B,QAAQ,EAAE,mBAAmB;KAC9B,CAAC;IACF,IAAI,wBAAwB,KAAK,EAAE,EAAE,CAAC;QACpC,OAAO,oBAAC,KAAK,IAAC,UAAU,QAAC,eAAe,EAAC,eAAe,EAAC,aAAa,EAAC,QAAQ;YAC3E,oBAAC,UAAU,IAAC,cAAc,EAAE,cAAc,CAAC,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE;oBACpE,6BAA6B,EAAE,CAAC;gBAClC,CAAC,EAAE,mBAAmB,EAAE,mBAAmB,IACtC,wBAAwB,CACd,CACP,CAAC;IACb,CAAC;SAAM,CAAC;QACN,OAAO,yCAAK,CAAC;IACf,CAAC;AACH,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { MessageBar, MessageBarType, Stack } from '@fluentui/react';\nimport React from 'react';\n\n/**\n * @private\n */\nexport interface FileDownloadErrorBarProps {\n  /**callback to dismiss the download error message */\n  onDismissDownloadErrorMessage: () => void;\n  /** Error message to render */\n  fileDownloadErrorMessage: string;\n}\n\n/**\n * @private\n */\nexport const FileDownloadErrorBar = (props: FileDownloadErrorBarProps): JSX.Element => {\n  const {\n    fileDownloadErrorMessage,\n    onDismissDownloadErrorMessage\n  } = props;\n  const messageBarIconProps = {\n    iconName: 'ProtectedDocument'\n  };\n  if (fileDownloadErrorMessage !== '') {\n    return <Stack horizontal horizontalAlign=\"space-between\" verticalAlign=\"center\">\n        <MessageBar messageBarType={MessageBarType.warning} onDismiss={() => {\n        onDismissDownloadErrorMessage();\n      }} messageBarIconProps={messageBarIconProps}>\n          {fileDownloadErrorMessage}\n        </MessageBar>\n      </Stack>;\n  } else {\n    return <></>;\n  }\n};"]}

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

@@ -1,48 +0,0 @@
-import { AttachmentMetadata } from "../../../../../react-components/src";
-import { FileUploadManager, FileUploadState } from "../../../../../react-components/src";
-import { FileSharingMetadata } from '../file-sharing';
-import { ChatContext } from './AzureCommunicationChatAdapter';
-/**
- * A record containing {@link FileUploadState} mapped to unique ids.
- * @beta
- */
-export type FileUploadsUiState = Record<string, FileUploadState>;
-/**
- * @beta
- */
-export interface FileUploadAdapter {
-    registerActiveFileUploads: (files: File[]) => FileUploadManager[];
-    registerCompletedFileUploads: (metadata: AttachmentMetadata[]) => FileUploadManager[];
-    clearFileUploads: () => void;
-    cancelFileUpload: (id: string) => void;
-    updateFileUploadProgress: (id: string, progress: number) => void;
-    updateFileUploadErrorMessage: (id: string, errorMessage: string) => void;
-    updateFileUploadMetadata: (id: string, metadata: AttachmentMetadata) => void;
-}
-/**
- * @internal
- */
-export declare class AzureCommunicationFileUploadAdapter implements FileUploadAdapter {
-    private context;
-    private fileUploads;
-    constructor(chatContext: ChatContext);
-    private findFileUpload;
-    private deleteFileUploads;
-    private deleteErroneousFileUploads;
-    private registerFileUploads;
-    registerActiveFileUploads(files: File[]): FileUploadManager[];
-    registerCompletedFileUploads(metadata: AttachmentMetadata[]): FileUploadManager[];
-    clearFileUploads(): void;
-    cancelFileUpload(id: string): void;
-    updateFileUploadProgress(id: string, progress: number): void;
-    updateFileUploadErrorMessage(id: string, errorMessage: string): void;
-    updateFileUploadMetadata(id: string, metadata: AttachmentMetadata): void;
-    private subscribeAllEvents;
-    private unsubscribeAllEvents;
-}
-/**
- * @param fileUploadUiState {@link FileUploadsUiState}
- * @private
- */
-export declare const convertFileUploadsUiStateToMessageMetadata: (fileUploads?: FileUploadsUiState) => FileSharingMetadata | undefined;
-//# sourceMappingURL=AzureCommunicationFileUploadAdapter.d.ts.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/adapter/AzureCommunicationFileUploadAdapter.js

@@ -1,165 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(file-sharing) */
-import { produce } from 'immer';
-/* @conditional-compile-remove(file-sharing) */
-import { FileUpload } from '../file-sharing';
-/* @conditional-compile-remove(file-sharing) */
-/**
- * @internal
- */
-class FileUploadContext {
-    constructor(chatContext) {
-        this.chatContext = chatContext;
-    }
-    getFileUploads() {
-        return this.chatContext.getState().fileUploads;
-    }
-    addFileUploads(fileUploads) {
-        const fileUploadsMap = convertObservableFileUploadToFileUploadsUiState(fileUploads);
-        this.chatContext.setState(produce(this.chatContext.getState(), draft => {
-            draft.fileUploads = draft.fileUploads || {};
-            draft.fileUploads = Object.assign(Object.assign({}, draft.fileUploads), fileUploadsMap);
-        }));
-    }
-    clearFileUploads() {
-        this.chatContext.setState(produce(this.chatContext.getState(), (draft) => {
-            draft.fileUploads = {};
-        }));
-    }
-    updateFileUpload(id, data) {
-        this.chatContext.setState(produce(this.chatContext.getState(), (draft) => {
-            var _a, _b;
-            if ((_a = draft.fileUploads) === null || _a === void 0 ? void 0 : _a[id]) {
-                draft.fileUploads[id] = Object.assign(Object.assign({}, (_b = draft.fileUploads) === null || _b === void 0 ? void 0 : _b[id]), data);
-            }
-        }));
-    }
-    deleteFileUploads(ids) {
-        this.chatContext.setState(produce(this.chatContext.getState(), (draft) => {
-            ids.forEach(id => {
-                var _a;
-                (_a = draft === null || draft === void 0 ? void 0 : draft.fileUploads) === null || _a === void 0 ? true : delete _a[id];
-            });
-        }));
-    }
-}
-/* @conditional-compile-remove(file-sharing) */
-/**
- * @internal
- */
-export class AzureCommunicationFileUploadAdapter {
-    constructor(chatContext) {
-        this.fileUploads = [];
-        this.context = new FileUploadContext(chatContext);
-    }
-    findFileUpload(id) {
-        return this.fileUploads.find(fileUpload => fileUpload.id === id);
-    }
-    deleteFileUploads(ids) {
-        this.fileUploads = this.fileUploads.filter(fileUpload => !ids.includes(fileUpload.id));
-        this.context.deleteFileUploads(ids);
-    }
-    deleteErroneousFileUploads() {
-        const fileUploads = this.context.getFileUploads() || {};
-        const ids = Object.values(fileUploads).filter((item) => item.error).map((item) => item.id);
-        ids.forEach(id => {
-            const fileUpload = this.findFileUpload(id);
-            this.unsubscribeAllEvents(fileUpload);
-        });
-        this.deleteFileUploads(ids);
-    }
-    registerFileUploads(files) {
-        this.deleteErroneousFileUploads();
-        const fileUploads = [];
-        files.forEach(file => fileUploads.push(new FileUpload(file)));
-        fileUploads.forEach(fileUpload => this.subscribeAllEvents(fileUpload));
-        this.fileUploads = this.fileUploads.concat(fileUploads);
-        this.context.addFileUploads(fileUploads);
-        return fileUploads;
-    }
-    registerActiveFileUploads(files) {
-        return this.registerFileUploads(files);
-    }
-    registerCompletedFileUploads(metadata) {
-        return this.registerFileUploads(metadata);
-    }
-    clearFileUploads() {
-        this.context.clearFileUploads();
-        this.fileUploads.forEach(fileUpload => this.unsubscribeAllEvents(fileUpload));
-        this.fileUploads = [];
-    }
-    cancelFileUpload(id) {
-        this.deleteErroneousFileUploads();
-        const fileUpload = this.findFileUpload(id);
-        this.unsubscribeAllEvents(fileUpload);
-        this.deleteFileUploads([id]);
-    }
-    updateFileUploadProgress(id, progress) {
-        this.context.updateFileUpload(id, {
-            progress
-        });
-    }
-    updateFileUploadErrorMessage(id, errorMessage) {
-        this.context.updateFileUpload(id, {
-            error: {
-                message: errorMessage,
-                timestamp: Date.now()
-            }
-        });
-    }
-    updateFileUploadMetadata(id, metadata) {
-        this.context.updateFileUpload(id, {
-            progress: 1,
-            metadata
-        });
-    }
-    subscribeAllEvents(fileUpload) {
-        fileUpload.on('uploadProgressChange', this.updateFileUploadProgress.bind(this));
-        fileUpload.on('uploadComplete', this.updateFileUploadMetadata.bind(this));
-        fileUpload.on('uploadFail', this.updateFileUploadErrorMessage.bind(this));
-    }
-    unsubscribeAllEvents(fileUpload) {
-        fileUpload === null || fileUpload === void 0 ? void 0 : fileUpload.off('uploadProgressChange', this.updateFileUploadProgress.bind(this));
-        fileUpload === null || fileUpload === void 0 ? void 0 : fileUpload.off('uploadComplete', this.updateFileUploadMetadata.bind(this));
-        fileUpload === null || fileUpload === void 0 ? void 0 : fileUpload.off('uploadFail', this.updateFileUploadErrorMessage.bind(this));
-    }
-}
-/* @conditional-compile-remove(file-sharing) */
-/**
- * @param fileUploadUiState {@link FileUploadsUiState}
- * @private
- */
-export const convertFileUploadsUiStateToMessageMetadata = (fileUploads) => {
-    if (fileUploads) {
-        const fileMetadata = [];
-        Object.keys(fileUploads).forEach(key => {
-            const file = fileUploads[key];
-            if (!file.error && file.metadata) {
-                fileMetadata.push(file.metadata);
-            }
-        });
-        if (fileMetadata.length > 0) {
-            return {
-                fileSharingMetadata: JSON.stringify(fileMetadata)
-            };
-        }
-    }
-    return undefined;
-};
-/* @conditional-compile-remove(file-sharing) */
-/**
- * @private
- */
-const convertObservableFileUploadToFileUploadsUiState = (fileUploads) => {
-    return fileUploads.reduce((map, fileUpload) => {
-        map[fileUpload.id] = {
-            id: fileUpload.id,
-            filename: fileUpload.fileName,
-            progress: 0,
-            metadata: fileUpload.metadata
-        };
-        return map;
-    }, {});
-};
-//# sourceMappingURL=AzureCommunicationFileUploadAdapter.js.map