@azure/communication-react 1.11.0-alpha-202312150013 → 1.11.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"HoldPane.js","sourceRoot":"","sources":["../../../../../../../../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 {\n  holdPaneContentStyles,\n  holdPaneLabelStyles,\n  holdPaneTimerStyles,\n  paneStyles,\n  resumeButtonStyles\n} from '../styles/HoldPane.styles';\n\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\n  const strings = stringsTrampoline(locale);\n\n  const [time, setTime] = useState<number>(0);\n\n  const elapsedTime = getReadableTime(time);\n\n  const startTime = useRef(performance.now());\n  const [resumingCall, setResumingCall] = useState<boolean>(false);\n\n  React.useEffect(() => {\n    const interval = setInterval(() => {\n      setTime(performance.now() - startTime.current);\n    }, 10);\n    return () => {\n      clearInterval(interval);\n    };\n  }, [startTime]);\n\n  return (\n    <Stack styles={paneStyles}>\n      <Stack horizontal styles={holdPaneContentStyles}>\n        <Text styles={holdPaneTimerStyles}>{elapsedTime}</Text>\n        <Text styles={holdPaneLabelStyles}>{strings.holdScreenLabel}</Text>\n        <PrimaryButton\n          text={!resumingCall ? strings.resumeCallButtonLabel : strings.resumingCallButtonLabel}\n          ariaLabel={!resumingCall ? strings.resumeCallButtonAriaLabel : strings.resumingCallButtonAriaLabel}\n          styles={resumeButtonStyles}\n          disabled={resumingCall}\n          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          }}\n          data-ui-id=\"hold-page-resume-call-button\"\n          autoFocus\n        ></PrimaryButton>\n      </Stack>\n    </Stack>\n  );\n};\n\nconst getMinutes = (time: number): number => {\n  return Math.floor(getSeconds(time) / 60);\n};\n\nconst getSeconds = (time: number): number => {\n  return Math.floor(time / 1000);\n};\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};\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};\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":["../../../../../../../../../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;AAErE,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,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEpE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,MAAM,MAAM,GAA2B,OAAO,CAC5C,GAAG,EAAE;;QACH,OAAA,eAAe,CACb;YACE,WAAW,EAAE;gBACX,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;aACvC;SACF,EACD,MAAA,KAAK,CAAC,MAAM,mCAAI,EAAE,EAClB,sBAAsB,CACvB,CAAA;KAAA,EACH,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAC3C,CAAC;IAEF,OAAO,CACL,oBAAC,gBAAgB,oBACX,KAAK,kBACE,oCAAoC,EAC/C,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,sBAAsB,EAChC,cAAc,EAAE,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,IAAI,EACtC,eAAe,EAAE,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,IAAI,EACxC,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,IACd,CACH,CAAC;AACJ,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';\n\nconst icon = (): JSX.Element => <CallCompositeIcon iconName={'ControlButtonParticipants'} />;\n\n/**\n * @private\n */\n/** @beta */\nexport const People = (props: ControlBarButtonProps): JSX.Element => {\n  const { strings, onRenderOnIcon, onRenderOffIcon, onClick } = props;\n\n  const theme = useTheme();\n\n  const styles: ControlBarButtonStyles = useMemo(\n    () =>\n      concatStyleSets(\n        {\n          rootChecked: {\n            background: theme.palette.neutralLight\n          }\n        },\n        props.styles ?? {},\n        controlButtonBaseStyle\n      ),\n    [props.styles, theme.palette.neutralLight]\n  );\n\n  return (\n    <ControlBarButton\n      {...props}\n      data-ui-id=\"call-composite-participants-button\"\n      strings={strings}\n      labelKey={'peopleButtonLabelKey'}\n      onRenderOnIcon={onRenderOnIcon ?? icon}\n      onRenderOffIcon={onRenderOffIcon ?? icon}\n      onClick={onClick}\n      styles={styles}\n    />\n  );\n};\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,34 +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":["../../../../../../../../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;IAEzC,IAAI,kBAAkB,GAAG,KAAK,CAAC,UAAU;QACvC,CAAC,CAAC,2BAA2B,CAAC,MAAA,KAAK,CAAC,OAAO,0CAAE,YAAY,CAAC;QAC1D,CAAC,CAAC,MAAA,KAAK,CAAC,OAAO,0CAAE,YAAY,CAAC;IAEhC,kBAAkB,GAAG,mBAAmB,CAAC,kBAAkB,EAAE;QAC3D,cAAc;QACd,kBAAkB;QAClB,eAAe;QACf,mBAAmB;QACnB,6CAA6C;QAC7C,mDAAmD;QACnD,YAAY;KACb,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,eAAe,IACd,qBAAqB,EAAE,EAAE,OAAO,EAAE,EAClC,aAAa,EAAE,CAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,QAAQ,MAAK,KAAK,IAAI,aAAa,EACjE,gBAAgB,EAAE;YAChB,OAAO,EAAE,kBAAkB;YAC3B,sBAAsB,EAAE,KAAK,CAAC,UAAU;SACzC,EACD,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,sBAAsB,EAAE,GAAG,EAAE,CAAC,oBAAC,QAAQ,OAAG,EAC1C,QAAQ,EAAE,WAAW,EACrB,sBAAsB,EAAE,KAAK,CAAC,sBAAsB,EACpD,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,EAC9C,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,cAAc,EAAE,KAAK,CAAC,cAAc,GACpC,CACH,CAAC;AACJ,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\n  let callControlOptions = props.mobileView\n    ? reduceCallControlsForMobile(props.options?.callControls)\n    : props.options?.callControls;\n\n  callControlOptions = disableCallControls(callControlOptions, [\n    'cameraButton',\n    'microphoneButton',\n    'devicesButton',\n    'screenShareButton',\n    /* @conditional-compile-remove(PSTN-calls) */\n    /* @conditional-compile-remove(one-to-n-calling) */\n    'holdButton'\n  ]);\n\n  return (\n    <CallArrangement\n      complianceBannerProps={{ strings }}\n      errorBarProps={props.options?.errorBar !== false && errorBarProps}\n      callControlProps={{\n        options: callControlOptions,\n        increaseFlyoutItemSize: props.mobileView\n      }}\n      mobileView={props.mobileView}\n      modalLayerHostId={props.modalLayerHostId}\n      onRenderGalleryContent={() => <HoldPane />}\n      dataUiId={'hold-page'}\n      updateSidePaneRenderer={props.updateSidePaneRenderer}\n      mobileChatTabHeader={props.mobileChatTabHeader}\n      latestErrors={props.latestErrors}\n      onDismissError={props.onDismissError}\n    />\n  );\n};\n"]}

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

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { AvatarPersonaDataCallback } from '../../common/AvatarPersona';
-import { LobbyPageProps } from './LobbyPage';
-/**
- * @private
- */
-export declare const TransferPage: (props: LobbyPageProps & {
-    /** Callback function that can be used to provide custom data to Persona Icon rendered */
-    onFetchAvatarPersonaData?: AvatarPersonaDataCallback;
-}) => JSX.Element;
-//# sourceMappingURL=TransferPage.d.ts.map

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

@@ -1,113 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { Spinner, SpinnerSize, Stack, Text, mergeStyles } from '@fluentui/react';
-import { toFlatCommunicationIdentifier } from "../../../../../acs-ui-common/src";
-import { ErrorBar } from "../../../../../react-components/src";
-/* @conditional-compile-remove(call-transfer) */
-import { Announcer } from "../../../../../react-components/src";
-import React, { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';
-/* @conditional-compile-remove(call-transfer) */
-import { useEffect } from 'react';
-import { AvatarPersona } from '../../common/AvatarPersona';
-import { useLocale } from '../../localization';
-import { CallArrangement } from '../components/CallArrangement';
-import { usePropsFor } from '../hooks/usePropsFor';
-import { useSelector } from '../hooks/useSelector';
-import { getRemoteParticipants } from '../selectors/baseSelectors';
-/* @conditional-compile-remove(call-transfer) */
-import { getTransferCall } from '../selectors/baseSelectors';
-import { avatarStyles, defaultPersonaStyles, displayNameStyles, pageContainer, spinnerStyles, statusTextStyles, tileContainerStyles, tileContentStyles } from '../styles/TransferPage.styles';
-import { reduceCallControlsForMobile } from '../utils';
-/**
- * @private
- */
-export const TransferPage = (props) => {
-    var _a, _b, _c, _d, _e;
-    const errorBarProps = usePropsFor(ErrorBar);
-    const strings = useLocale().strings.call;
-    const remoteParticipants = useSelector(getRemoteParticipants);
-    /* @conditional-compile-remove(call-transfer) */
-    const transferCall = useSelector(getTransferCall);
-    /* @conditional-compile-remove(call-transfer) */
-    const [announcerString, setAnnouncerString] = useState(undefined);
-    // Reduce the controls shown when mobile view is enabled.
-    const 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;
-    const transferor = useMemo(() => { var _a; return (remoteParticipants ? (_a = Object.values(remoteParticipants)) === null || _a === void 0 ? void 0 : _a[0] : undefined); }, [remoteParticipants]);
-    /* @conditional-compile-remove(call-transfer) */
-    const transferTarget = useMemo(() => { var _a; return ((transferCall === null || transferCall === void 0 ? void 0 : transferCall.remoteParticipants) ? (_a = Object.values(transferCall.remoteParticipants)) === null || _a === void 0 ? void 0 : _a[0] : undefined); }, [transferCall]);
-    /* @conditional-compile-remove(call-transfer) */
-    const pageSubject = useMemo(() => {
-        if (transferCall && (transferTarget === null || transferTarget === void 0 ? void 0 : transferTarget.displayName)) {
-            return 'transferTarget';
-        }
-        return 'transferor';
-    }, [transferCall, transferTarget === null || transferTarget === void 0 ? void 0 : transferTarget.displayName]);
-    /* @conditional-compile-remove(call-transfer) */
-    useEffect(() => {
-        setAnnouncerString(strings.transferPageNoticeString);
-    }, [strings.transferPageNoticeString]);
-    let transferTileParticipant = transferor;
-    /* @conditional-compile-remove(call-transfer) */
-    if (pageSubject === 'transferTarget') {
-        transferTileParticipant = transferTarget;
-    }
-    let transferParticipantDisplayName = (_c = transferor === null || transferor === void 0 ? void 0 : transferor.displayName) !== null && _c !== void 0 ? _c : 
-    /* @conditional-compile-remove(call-transfer) */ strings.transferPageUnknownTransferorDisplayName;
-    /* @conditional-compile-remove(call-transfer) */
-    if (pageSubject === 'transferTarget') {
-        transferParticipantDisplayName =
-            (_d = transferTarget === null || transferTarget === void 0 ? void 0 : transferTarget.displayName) !== null && _d !== void 0 ? _d : strings.transferPageUnknownTransferTargetDisplayName;
-    }
-    return (React.createElement(Stack, { className: mergeStyles(pageContainer) },
-        /* @conditional-compile-remove(call-transfer) */
-        React.createElement(Announcer, { announcementString: announcerString, ariaLive: "polite" }),
-        React.createElement(CallArrangement, { complianceBannerProps: { strings }, 
-            // Ignore errors from before current call. This avoids old errors from showing up when a user re-joins a call.
-            errorBarProps: ((_e = props.options) === null || _e === void 0 ? void 0 : _e.errorBar) !== false && errorBarProps, callControlProps: {
-                options: callControlOptions,
-                increaseFlyoutItemSize: props.mobileView
-            }, mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, onRenderGalleryContent: () => (React.createElement(TransferTile, { userId: transferTileParticipant ? toFlatCommunicationIdentifier(transferTileParticipant === null || transferTileParticipant === void 0 ? void 0 : transferTileParticipant.identifier) : undefined, displayName: transferParticipantDisplayName, initialsName: transferParticipantDisplayName, 
-                /* @conditional-compile-remove(call-transfer) */
-                statusText: pageSubject === 'transferTarget'
-                    ? strings.transferPageTransferTargetText
-                    : strings.transferPageTransferorText, onFetchAvatarPersonaData: props.onFetchAvatarPersonaData })), dataUiId: 'transfer-page', updateSidePaneRenderer: props.updateSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, latestErrors: props.latestErrors, onDismissError: props.onDismissError })));
-};
-const TransferTile = (props) => {
-    const { displayName, initialsName, userId, onFetchAvatarPersonaData, statusText } = props;
-    const [personaSize, setPersonaSize] = useState();
-    const tileRef = useRef(null);
-    const observer = useRef(new ResizeObserver((entries) => {
-        const { width, height } = entries[0].contentRect;
-        const personaSize = Math.min(width, height) / 2;
-        setPersonaSize(Math.max(Math.min(personaSize, 150), 32));
-    }));
-    useLayoutEffect(() => {
-        if (tileRef.current) {
-            observer.current.observe(tileRef.current);
-        }
-        const currentObserver = observer.current;
-        return () => currentObserver.disconnect();
-    }, [observer, tileRef]);
-    const placeholderOptions = useMemo(() => ({
-        userId,
-        text: initialsName !== null && initialsName !== void 0 ? initialsName : displayName,
-        coinSize: personaSize,
-        styles: defaultPersonaStyles,
-        hidePersonaDetails: true
-    }), [userId, initialsName, displayName, personaSize]);
-    const defaultOnRenderAvatar = useCallback(() => {
-        return personaSize ? (React.createElement(AvatarPersona, Object.assign({}, placeholderOptions, { dataProvider: onFetchAvatarPersonaData, className: mergeStyles(avatarStyles) }))) : (React.createElement(React.Fragment, null));
-    }, [placeholderOptions, onFetchAvatarPersonaData, personaSize]);
-    const defaultAvatar = useMemo(() => defaultOnRenderAvatar(), [defaultOnRenderAvatar]);
-    return (React.createElement("div", { ref: tileRef, className: mergeStyles(tileContainerStyles), "data-is-focusable": true },
-        React.createElement(Stack, { className: mergeStyles(tileContentStyles), tokens: { childrenGap: '1rem' } },
-            React.createElement(Stack, { horizontalAlign: "center", tokens: { childrenGap: '0.5rem' } },
-                defaultAvatar,
-                React.createElement(Text, { className: mergeStyles(displayNameStyles) }, displayName)),
-            React.createElement(Stack, { horizontal: true, horizontalAlign: "center", verticalAlign: "center", tokens: { childrenGap: '0.5rem' } },
-                React.createElement(Spinner, { size: SpinnerSize.large, className: mergeStyles(spinnerStyles) }),
-                React.createElement(Text, { className: mergeStyles(statusTextStyles) }, statusText)))));
-};
-//# sourceMappingURL=TransferPage.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TransferPage.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/pages/TransferPage.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { Spinner, SpinnerSize, Stack, Text, mergeStyles } from '@fluentui/react';\nimport { toFlatCommunicationIdentifier } from '@internal/acs-ui-common';\nimport { ErrorBar } from '@internal/react-components';\n/* @conditional-compile-remove(call-transfer) */\nimport { Announcer } from '@internal/react-components';\nimport React, { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';\n/* @conditional-compile-remove(call-transfer) */\nimport { useEffect } from 'react';\nimport { AvatarPersona, AvatarPersonaDataCallback } from '../../common/AvatarPersona';\nimport { useLocale } from '../../localization';\nimport { CallArrangement } from '../components/CallArrangement';\nimport { usePropsFor } from '../hooks/usePropsFor';\nimport { useSelector } from '../hooks/useSelector';\nimport { getRemoteParticipants } from '../selectors/baseSelectors';\n/* @conditional-compile-remove(call-transfer) */\nimport { getTransferCall } from '../selectors/baseSelectors';\nimport {\n  avatarStyles,\n  defaultPersonaStyles,\n  displayNameStyles,\n  pageContainer,\n  spinnerStyles,\n  statusTextStyles,\n  tileContainerStyles,\n  tileContentStyles\n} from '../styles/TransferPage.styles';\nimport { reduceCallControlsForMobile } from '../utils';\nimport { LobbyPageProps } from './LobbyPage';\n\n/* @conditional-compile-remove(call-transfer) */\n// Which should be participant shown in the transfer page\ntype TransferPageSubject = 'transferor' | 'transferTarget';\n\n/**\n * @private\n */\nexport const TransferPage = (\n  props: LobbyPageProps & {\n    /** Callback function that can be used to provide custom data to Persona Icon rendered */\n    onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n  }\n): JSX.Element => {\n  const errorBarProps = usePropsFor(ErrorBar);\n  const strings = useLocale().strings.call;\n  const remoteParticipants = useSelector(getRemoteParticipants);\n  /* @conditional-compile-remove(call-transfer) */\n  const transferCall = useSelector(getTransferCall);\n\n  /* @conditional-compile-remove(call-transfer) */\n  const [announcerString, setAnnouncerString] = useState<string | undefined>(undefined);\n\n  // Reduce the controls shown when mobile view is enabled.\n  const callControlOptions = props.mobileView\n    ? reduceCallControlsForMobile(props.options?.callControls)\n    : props.options?.callControls;\n\n  const transferor = useMemo(\n    () => (remoteParticipants ? Object.values(remoteParticipants)?.[0] : undefined),\n    [remoteParticipants]\n  );\n  /* @conditional-compile-remove(call-transfer) */\n  const transferTarget = useMemo(\n    () => (transferCall?.remoteParticipants ? Object.values(transferCall.remoteParticipants)?.[0] : undefined),\n    [transferCall]\n  );\n\n  /* @conditional-compile-remove(call-transfer) */\n  const pageSubject: TransferPageSubject = useMemo(() => {\n    if (transferCall && transferTarget?.displayName) {\n      return 'transferTarget';\n    }\n    return 'transferor';\n  }, [transferCall, transferTarget?.displayName]);\n\n  /* @conditional-compile-remove(call-transfer) */\n  useEffect(() => {\n    setAnnouncerString(strings.transferPageNoticeString);\n  }, [strings.transferPageNoticeString]);\n\n  let transferTileParticipant = transferor;\n  /* @conditional-compile-remove(call-transfer) */\n  if (pageSubject === 'transferTarget') {\n    transferTileParticipant = transferTarget;\n  }\n\n  let transferParticipantDisplayName =\n    transferor?.displayName ??\n    /* @conditional-compile-remove(call-transfer) */ strings.transferPageUnknownTransferorDisplayName;\n  /* @conditional-compile-remove(call-transfer) */\n  if (pageSubject === 'transferTarget') {\n    transferParticipantDisplayName =\n      transferTarget?.displayName ?? strings.transferPageUnknownTransferTargetDisplayName;\n  }\n\n  return (\n    <Stack className={mergeStyles(pageContainer)}>\n      {\n        /* @conditional-compile-remove(call-transfer) */\n        <Announcer announcementString={announcerString} ariaLive=\"polite\" />\n      }\n      <CallArrangement\n        complianceBannerProps={{ strings }}\n        // Ignore errors from before current call. This avoids old errors from showing up when a user re-joins a call.\n        errorBarProps={props.options?.errorBar !== false && errorBarProps}\n        callControlProps={{\n          options: callControlOptions,\n          increaseFlyoutItemSize: props.mobileView\n        }}\n        mobileView={props.mobileView}\n        modalLayerHostId={props.modalLayerHostId}\n        onRenderGalleryContent={() => (\n          <TransferTile\n            userId={\n              transferTileParticipant ? toFlatCommunicationIdentifier(transferTileParticipant?.identifier) : undefined\n            }\n            displayName={transferParticipantDisplayName}\n            initialsName={transferParticipantDisplayName}\n            /* @conditional-compile-remove(call-transfer) */\n            statusText={\n              pageSubject === 'transferTarget'\n                ? strings.transferPageTransferTargetText\n                : strings.transferPageTransferorText\n            }\n            onFetchAvatarPersonaData={props.onFetchAvatarPersonaData}\n          />\n        )}\n        dataUiId={'transfer-page'}\n        updateSidePaneRenderer={props.updateSidePaneRenderer}\n        mobileChatTabHeader={props.mobileChatTabHeader}\n        latestErrors={props.latestErrors}\n        onDismissError={props.onDismissError}\n      />\n    </Stack>\n  );\n};\n\ninterface TransferTileProps {\n  /** React Child components. Child Components will show as overlay component in the VideoTile. */\n  children?: React.ReactNode;\n  /** User id for `onFetchAvatarPersonaData` callback to provide custom data to avatars rendered */\n  userId?: string;\n  /** Callback function that can be used to provide custom data to Persona Icon rendered */\n  onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n  /**\n   * Display name of the transferor or transfer target to be shown in the label.\n   * @remarks `displayName` is used to generate avatar initials if `initialsName` is not provided.\n   */\n  displayName?: string;\n  /**\n   * Name of the transferor or transfer target used to generate initials for the avatar. For example, a name\n   * `John Doe` will display `JD` as initials.\n   * @remarks `displayName` is used if this property is not specified.\n   */\n  initialsName?: string;\n  /** Optional property to set the status of the transfer process */\n  statusText?: string;\n}\n\nconst TransferTile = (props: TransferTileProps): JSX.Element => {\n  const { displayName, initialsName, userId, onFetchAvatarPersonaData, statusText } = props;\n\n  const [personaSize, setPersonaSize] = useState<number>();\n  const tileRef = useRef<HTMLDivElement>(null);\n\n  const observer = useRef(\n    new ResizeObserver((entries): void => {\n      const { width, height } = entries[0].contentRect;\n      const personaSize = Math.min(width, height) / 2;\n      setPersonaSize(Math.max(Math.min(personaSize, 150), 32));\n    })\n  );\n\n  useLayoutEffect(() => {\n    if (tileRef.current) {\n      observer.current.observe(tileRef.current);\n    }\n    const currentObserver = observer.current;\n    return () => currentObserver.disconnect();\n  }, [observer, tileRef]);\n\n  const placeholderOptions = useMemo(\n    () => ({\n      userId,\n      text: initialsName ?? displayName,\n      coinSize: personaSize,\n      styles: defaultPersonaStyles,\n      hidePersonaDetails: true\n    }),\n    [userId, initialsName, displayName, personaSize]\n  );\n\n  const defaultOnRenderAvatar = useCallback(() => {\n    return personaSize ? (\n      <AvatarPersona\n        {...placeholderOptions}\n        dataProvider={onFetchAvatarPersonaData}\n        className={mergeStyles(avatarStyles)}\n      />\n    ) : (\n      <></>\n    );\n  }, [placeholderOptions, onFetchAvatarPersonaData, personaSize]);\n\n  const defaultAvatar = useMemo(() => defaultOnRenderAvatar(), [defaultOnRenderAvatar]);\n\n  return (\n    <div ref={tileRef} className={mergeStyles(tileContainerStyles)} data-is-focusable={true}>\n      <Stack className={mergeStyles(tileContentStyles)} tokens={{ childrenGap: '1rem' }}>\n        <Stack horizontalAlign=\"center\" tokens={{ childrenGap: '0.5rem' }}>\n          {defaultAvatar}\n          <Text className={mergeStyles(displayNameStyles)}>{displayName}</Text>\n        </Stack>\n        <Stack horizontal horizontalAlign=\"center\" verticalAlign=\"center\" tokens={{ childrenGap: '0.5rem' }}>\n          <Spinner size={SpinnerSize.large} className={mergeStyles(spinnerStyles)} />\n          <Text className={mergeStyles(statusTextStyles)}>{statusText}</Text>\n        </Stack>\n      </Stack>\n    </div>\n  );\n};\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":["../../../../../../../../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,EAAE,sBAAsB,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAC1D,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;IAE9F,IAAI,WAAW,GAA4B,yCAAK,CAAC;IACjD,sDAAsD;IACtD,IAAI,CAAC,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,mBAAmB,CAAA,EAAE,CAAC;QAC1C,WAAW,GAAG,CACZ,oBAAC,0BAA0B,IACzB,sBAAsB,EAAE,sBAAsB,EAC9C,OAAO,EAAE,iCAAiC,GAC1C,CACH,CAAC;IACJ,CAAC;SAAM,IAAI,CAAC,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,kBAAkB,CAAA,EAAE,CAAC;QAChD,WAAW,GAAG,CACZ,oBAAC,kBAAkB,IAAC,sBAAsB,EAAE,sBAAsB,EAAE,OAAO,EAAE,yBAAyB,GAAI,CAC3G,CAAC;IACJ,CAAC;SAAM,IAAI,CAAC,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,yBAAyB,CAAA,EAAE,CAAC;QACvD,WAAW,GAAG,CACZ,oBAAC,yBAAyB,IACxB,sBAAsB,EAAE,sBAAsB,EAC9C,OAAO,EAAE,gCAAgC,EACzC,qBAAqB,EAAE,eAAe,GACtC,CACH,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAC;IACpE,CAAC;IAED,OAAO,oBAAC,KAAK,IAAC,MAAM,EAAE,eAAe,IAAG,WAAW,CAAS,CAAC;AAC/D,CAAC,CAAC;AAEF,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 { onTroubleshootingClick, environmentInfo } = 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\n  let pageElement: JSX.Element | undefined = <></>;\n  /* @conditional-compile-remove(unsupported-browser) */\n  if (!environmentInfo?.isSupportedPlatform) {\n    pageElement = (\n      <UnsupportedOperatingSystem\n        onTroubleshootingClick={onTroubleshootingClick}\n        strings={unsupportedOperatingSystemStrings}\n      />\n    );\n  } else if (!environmentInfo?.isSupportedBrowser) {\n    pageElement = (\n      <UnsupportedBrowser onTroubleshootingClick={onTroubleshootingClick} strings={unsupportedBrowserStrings} />\n    );\n  } else if (!environmentInfo?.isSupportedBrowserVersion) {\n    pageElement = (\n      <UnsupportedBrowserVersion\n        onTroubleshootingClick={onTroubleshootingClick}\n        strings={unsupportedBrowserVersionStrings}\n        onContinueAnywayClick={onContinueClick}\n      />\n    );\n  } else {\n    throw new Error('There was a problem with your environment info');\n  }\n\n  return <Stack styles={containerStyles}>{pageElement}</Stack>;\n};\n\nconst containerStyles: IStackStyles = {\n  root: {\n    margin: 'auto',\n    paddingTop: '3rem'\n  }\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":["../../../../../../../../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};\n"]}

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

@@ -1,37 +0,0 @@
-import { IPersonaStyleProps, IPersonaStyles, IStyle, IStyleFunctionOrObject } from '@fluentui/react';
-/**
- * @private
- */
-export declare const pageContainer: {
-    width: string;
-    height: string;
-};
-/**
- * @private
- */
-export declare const avatarStyles: IStyle;
-/**
- * @private
- */
-export declare const tileContainerStyles: IStyle;
-/**
- * @private
- */
-export declare const tileContentStyles: IStyle;
-/**
- * @private
- */
-export declare const defaultPersonaStyles: IStyleFunctionOrObject<IPersonaStyleProps, IPersonaStyles>;
-/**
- * @private
- */
-export declare const displayNameStyles: IStyle;
-/**
- * @private
- */
-export declare const spinnerStyles: IStyle;
-/**
- * @private
- */
-export declare const statusTextStyles: IStyle;
-//# sourceMappingURL=TransferPage.styles.d.ts.map

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

@@ -1,55 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/**
- * @private
- */
-export const pageContainer = { width: '100%', height: '100%' };
-/**
- * @private
- */
-export const avatarStyles = { opacity: 0.4 };
-/**
- * @private
- */
-export const tileContainerStyles = {
-    position: 'absolute',
-    top: '0',
-    left: '0',
-    width: '100%',
-    height: '100%',
-    minWidth: '100%',
-    minHeight: '100%',
-    objectPosition: 'center',
-    objectFit: 'cover',
-    zIndex: 0
-};
-/**
- * @private
- */
-export const tileContentStyles = {
-    width: '100%',
-    position: 'absolute',
-    top: '50%',
-    transform: 'translate(0, -50%)',
-    display: 'flex',
-    justifyContent: 'center'
-};
-/**
- * @private
- */
-export const defaultPersonaStyles = {
-    root: { margin: 'auto' }
-};
-/**
- * @private
- */
-export const displayNameStyles = { textAlign: 'center', fontSize: '1.5rem', fontWeight: 400 };
-/**
- * @private
- */
-export const spinnerStyles = { circle: { borderWidth: '0.125rem' } };
-/**
- * @private
- */
-export const statusTextStyles = { textAlign: 'center', fontSize: '1rem' };
-//# sourceMappingURL=TransferPage.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TransferPage.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/TransferPage.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AAE/D;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAW,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC;AAErD;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAW;IACzC,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,GAAG;IACR,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,MAAM;IACjB,cAAc,EAAE,QAAQ;IACxB,SAAS,EAAE,OAAO;IAClB,MAAM,EAAE,CAAC;CACV,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAW;IACvC,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,KAAK;IACV,SAAS,EAAE,oBAAoB;IAC/B,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,QAAQ;CACzB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAA+D;IAC9F,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;CACzB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC;AAEtG;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAW,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,EAAE,CAAC;AAE7E;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IPersonaStyleProps, IPersonaStyles, IStyle, IStyleFunctionOrObject } from '@fluentui/react';\n\n/**\n * @private\n */\nexport const pageContainer = { width: '100%', height: '100%' };\n\n/**\n * @private\n */\nexport const avatarStyles: IStyle = { opacity: 0.4 };\n\n/**\n * @private\n */\nexport const tileContainerStyles: IStyle = {\n  position: 'absolute',\n  top: '0',\n  left: '0',\n  width: '100%',\n  height: '100%',\n  minWidth: '100%',\n  minHeight: '100%',\n  objectPosition: 'center',\n  objectFit: 'cover',\n  zIndex: 0\n};\n\n/**\n * @private\n */\nexport const tileContentStyles: IStyle = {\n  width: '100%',\n  position: 'absolute',\n  top: '50%',\n  transform: 'translate(0, -50%)',\n  display: 'flex',\n  justifyContent: 'center'\n};\n\n/**\n * @private\n */\nexport const defaultPersonaStyles: IStyleFunctionOrObject<IPersonaStyleProps, IPersonaStyles> = {\n  root: { margin: 'auto' }\n};\n\n/**\n * @private\n */\nexport const displayNameStyles: IStyle = { textAlign: 'center', fontSize: '1.5rem', fontWeight: 400 };\n\n/**\n * @private\n */\nexport const spinnerStyles: IStyle = { circle: { borderWidth: '0.125rem' } };\n\n/**\n * @private\n */\nexport const statusTextStyles: IStyle = { textAlign: 'center', fontSize: '1rem' };\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