@azure/communication-react 1.18.0-alpha-202406200013 → 1.18.0-beta.1

package/dist/dist-esm/react-components/src/components/styles/TeamsMeetingConferenceInfo.d.ts

@@ -1,42 +0,0 @@
-import { IModalStyles, Theme } from '@fluentui/react';
-/**
- * @private
- */
-export declare const themedPhoneInfoModalStyle: (theme: Theme) => Partial<IModalStyles>;
-/**
- * @private
- */
-export declare const titleClassName: string;
-/**
- * @private
- */
-export declare const titleContainerClassName: string;
-/**
- * @private
- */
-export declare const stepTextStyle: string;
-/**
- * @private
- */
-export declare const phoneInfoTextStyle: string;
-/**
- * @private
- */
-export declare const phoneInfoIcon: (theme: Theme) => string;
-/**
- * @private
- */
-export declare const phoneInfoInctructionLine: string;
-/**
- * @private
- */
-export declare const phoneInfoStep: string;
-/**
- * @private
- */
-export declare const phoneInfoIconStyle: (theme: Theme) => string;
-/**
- * @private
- */
-export declare const infoConnectionLinkStyle: (theme: Theme) => string;
-//# sourceMappingURL=TeamsMeetingConferenceInfo.d.ts.map

package/dist/dist-esm/react-components/src/components/styles/TeamsMeetingConferenceInfo.js

@@ -1,93 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { mergeStyles, FontWeights } from '@fluentui/react';
-import { _pxToRem } from "../../../../acs-ui-common/src";
-/**
- * @private
- */
-export const themedPhoneInfoModalStyle = (theme) => ({
-    main: {
-        borderRadius: theme.effects.roundedCorner6,
-        padding: _pxToRem(24),
-        width: _pxToRem(600),
-        height: 'fit-content',
-        overflow: 'hidden'
-    }
-});
-/**
- * @private
- */
-export const titleClassName = mergeStyles({
-    fontWeight: 600,
-    fontSize: _pxToRem(20),
-    lineHeight: _pxToRem(28)
-});
-/**
- * @private
- */
-export const titleContainerClassName = mergeStyles({
-    paddingBottom: _pxToRem(30)
-});
-/**
- * @private
- */
-export const stepTextStyle = mergeStyles({
-    fontSize: _pxToRem(14),
-    lineHeight: _pxToRem(40)
-});
-/**
- * @private
- */
-export const phoneInfoTextStyle = mergeStyles({
-    fontSize: _pxToRem(14),
-    lineHeight: _pxToRem(40),
-    fontWeight: FontWeights.semibold
-});
-/**
- * @private
- */
-export const phoneInfoIcon = (theme) => {
-    return mergeStyles({
-        background: `${theme.palette.themeLighter}`,
-        height: _pxToRem(36),
-        width: _pxToRem(36),
-        marginRight: _pxToRem(12),
-        borderRadius: _pxToRem(18)
-    });
-};
-/**
- * @private
- */
-export const phoneInfoInctructionLine = mergeStyles({
-    marginBottom: _pxToRem(20)
-});
-/**
- * @private
- */
-export const phoneInfoStep = mergeStyles({
-    textAlign: 'right'
-});
-/**
- * @private
- */
-export const phoneInfoIconStyle = (theme) => {
-    return mergeStyles({
-        padding: _pxToRem(8),
-        color: `${theme.palette.themePrimary}`,
-        zIndex: 2
-    });
-};
-/**
- * @private
- */
-export const infoConnectionLinkStyle = (theme) => {
-    return mergeStyles({
-        background: `${theme.palette.themeLighter}`,
-        width: _pxToRem(2),
-        position: 'relative',
-        left: _pxToRem(19),
-        top: _pxToRem(20),
-        zIndex: 1
-    });
-};
-//# sourceMappingURL=TeamsMeetingConferenceInfo.js.map

package/dist/dist-esm/react-components/src/components/styles/TeamsMeetingConferenceInfo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TeamsMeetingConferenceInfo.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/TeamsMeetingConferenceInfo.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAgB,WAAW,EAAS,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,sCAAgC;AACnD;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,KAAY,EAAyB,EAAE,CAAC,CAAC;IACjF,IAAI,EAAE;QACJ,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;QAC1C,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC;QACrB,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC;QACpB,MAAM,EAAE,aAAa;QACrB,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,WAAW,CAAC;IACxC,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;IACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;CACzB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,WAAW,CAAC;IACjD,aAAa,EAAE,QAAQ,CAAC,EAAE,CAAC;CAC5B,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CAAC;IACvC,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;IACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;CACzB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,WAAW,CAAC;IAC5C,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;IACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;IACxB,UAAU,EAAE,WAAW,CAAC,QAAQ;CACjC,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAY,EAAU,EAAE;IACpD,OAAO,WAAW,CAAC;QACjB,UAAU,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE;QAC3C,MAAM,EAAE,QAAQ,CAAC,EAAE,CAAC;QACpB,KAAK,EAAE,QAAQ,CAAC,EAAE,CAAC;QACnB,WAAW,EAAE,QAAQ,CAAC,EAAE,CAAC;QACzB,YAAY,EAAE,QAAQ,CAAC,EAAE,CAAC;KAC3B,CAAC,CAAC;AACL,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,WAAW,CAAC;IAClD,YAAY,EAAE,QAAQ,CAAC,EAAE,CAAC;CAC3B,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CAAC;IACvC,SAAS,EAAE,OAAO;CACnB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAAY,EAAU,EAAE;IACzD,OAAO,WAAW,CAAC;QACjB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;QACpB,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE;QACtC,MAAM,EAAE,CAAC;KACV,CAAC,CAAC;AACL,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAY,EAAU,EAAE;IAC9D,OAAO,WAAW,CAAC;QACjB,UAAU,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE;QAC3C,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;QAClB,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,QAAQ,CAAC,EAAE,CAAC;QAClB,GAAG,EAAE,QAAQ,CAAC,EAAE,CAAC;QACjB,MAAM,EAAE,CAAC;KACV,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IModalStyles, mergeStyles, Theme, FontWeights } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n/**\n * @private\n */\nexport const themedPhoneInfoModalStyle = (theme: Theme): Partial<IModalStyles> => ({\n  main: {\n    borderRadius: theme.effects.roundedCorner6,\n    padding: _pxToRem(24),\n    width: _pxToRem(600),\n    height: 'fit-content',\n    overflow: 'hidden'\n  }\n});\n\n/**\n * @private\n */\nexport const titleClassName = mergeStyles({\n  fontWeight: 600,\n  fontSize: _pxToRem(20),\n  lineHeight: _pxToRem(28)\n});\n\n/**\n * @private\n */\nexport const titleContainerClassName = mergeStyles({\n  paddingBottom: _pxToRem(30)\n});\n\n/**\n * @private\n */\nexport const stepTextStyle = mergeStyles({\n  fontSize: _pxToRem(14),\n  lineHeight: _pxToRem(40)\n});\n\n/**\n * @private\n */\nexport const phoneInfoTextStyle = mergeStyles({\n  fontSize: _pxToRem(14),\n  lineHeight: _pxToRem(40),\n  fontWeight: FontWeights.semibold\n});\n\n/**\n * @private\n */\nexport const phoneInfoIcon = (theme: Theme): string => {\n  return mergeStyles({\n    background: `${theme.palette.themeLighter}`,\n    height: _pxToRem(36),\n    width: _pxToRem(36),\n    marginRight: _pxToRem(12),\n    borderRadius: _pxToRem(18)\n  });\n};\n\n/**\n * @private\n */\nexport const phoneInfoInctructionLine = mergeStyles({\n  marginBottom: _pxToRem(20)\n});\n\n/**\n * @private\n */\nexport const phoneInfoStep = mergeStyles({\n  textAlign: 'right'\n});\n\n/**\n * @private\n */\nexport const phoneInfoIconStyle = (theme: Theme): string => {\n  return mergeStyles({\n    padding: _pxToRem(8),\n    color: `${theme.palette.themePrimary}`,\n    zIndex: 2\n  });\n};\n\n/**\n * @private\n */\nexport const infoConnectionLinkStyle = (theme: Theme): string => {\n  return mergeStyles({\n    background: `${theme.palette.themeLighter}`,\n    width: _pxToRem(2),\n    position: 'relative',\n    left: _pxToRem(19),\n    top: _pxToRem(20),\n    zIndex: 1\n  });\n};\n"]}

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

@@ -1,13 +0,0 @@
-import { SidePaneRenderer } from './SidePaneProvider';
-import { ConferencePhoneInfo } from "../../../../../../react-components/src";
-/** @private */
-export declare const useMeetingPhoneInfoPane: (props: {
-    updateSidePaneRenderer: (renderer: SidePaneRenderer | undefined) => void;
-    mobileView?: boolean;
-    conferencePhoneInfo?: ConferencePhoneInfo[];
-}) => {
-    openMeetingPhoneInfoPane: () => void;
-    closeMeetingPhoneInfoPane: () => void;
-    isMeetingPhoneInfoPaneOpen: boolean;
-};
-//# sourceMappingURL=useMeetingPhoneInfo.d.ts.map

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

@@ -1,49 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(teams-meeting-conference) */
-import React, { useCallback, useEffect, useMemo } from 'react';
-/* @conditional-compile-remove(teams-meeting-conference) */
-import { useIsParticularSidePaneOpen } from './SidePaneProvider';
-/* @conditional-compile-remove(teams-meeting-conference) */
-import { SidePaneHeader } from '../../../common/SidePaneHeader';
-/* @conditional-compile-remove(teams-meeting-conference) */
-import { MeetingPhoneInfoPaneContent } from '../../../common/MeetingPhoneInfoPaneContent';
-/* @conditional-compile-remove(teams-meeting-conference) */
-import { useLocale } from '../../../localization';
-/* @conditional-compile-remove(teams-meeting-conference) */
-const SIDE_PANE_ID = 'Meeting Phone Info';
-/* @conditional-compile-remove(teams-meeting-conference) */
-/** @private */
-export const useMeetingPhoneInfoPane = (props) => {
-    const { updateSidePaneRenderer, mobileView, conferencePhoneInfo } = props;
-    const closePane = useCallback(() => {
-        updateSidePaneRenderer(undefined);
-    }, [updateSidePaneRenderer]);
-    const localeStrings = useLocale().component.strings.MeetingConferencePhoneInfo;
-    const callStrings = useLocale().strings.call;
-    const onRenderHeader = useCallback(() => (React.createElement(SidePaneHeader, { onClose: closePane, headingText: localeStrings.meetingConferencePhoneInfoModalTitle, dismissSidePaneButtonAriaLabel: callStrings.dismissSidePaneButtonLabel, mobileView: mobileView !== null && mobileView !== void 0 ? mobileView : false })), [mobileView, closePane, localeStrings, callStrings]);
-    const onRenderContent = useCallback(() => {
-        return React.createElement(MeetingPhoneInfoPaneContent, { mobileView: mobileView, conferencePhoneInfoList: conferencePhoneInfo });
-    }, [mobileView, conferencePhoneInfo]);
-    const sidePaneRenderer = useMemo(() => ({
-        headerRenderer: onRenderHeader,
-        contentRenderer: onRenderContent,
-        id: SIDE_PANE_ID
-    }), [onRenderContent, onRenderHeader]);
-    const openPane = useCallback(() => {
-        updateSidePaneRenderer(sidePaneRenderer);
-    }, [sidePaneRenderer, updateSidePaneRenderer]);
-    const isOpen = useIsParticularSidePaneOpen(SIDE_PANE_ID);
-    // Update pane renderer if it is open and the openPane dep changes
-    useEffect(() => {
-        if (isOpen) {
-            openPane();
-        }
-    }, [isOpen, openPane]);
-    return {
-        openMeetingPhoneInfoPane: openPane,
-        closeMeetingPhoneInfoPane: closePane,
-        isMeetingPhoneInfoPaneOpen: isOpen
-    };
-};
-//# sourceMappingURL=useMeetingPhoneInfo.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useMeetingPhoneInfo.js","sourceRoot":"","sources":["../../../../../../../../../react-composites/src/composites/CallComposite/components/SidePane/useMeetingPhoneInfo.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,2DAA2D;AAC3D,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC/D,2DAA2D;AAC3D,OAAO,EAAoB,2BAA2B,EAAE,MAAM,oBAAoB,CAAC;AACnF,2DAA2D;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,2DAA2D;AAC3D,OAAO,EAAE,2BAA2B,EAAE,MAAM,6CAA6C,CAAC;AAC1F,2DAA2D;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAIlD,2DAA2D;AAC3D,MAAM,YAAY,GAAG,oBAAoB,CAAC;AAE1C,2DAA2D;AAC3D,eAAe;AACf,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAIvC,EAIC,EAAE;IACF,MAAM,EAAE,sBAAsB,EAAE,UAAU,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAC;IAE1E,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,sBAAsB,CAAC,SAAS,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC,CAAC;IAE7B,MAAM,aAAa,GAAG,SAAS,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,0BAA0B,CAAC;IAC/E,MAAM,WAAW,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;IAE7C,MAAM,cAAc,GAAG,WAAW,CAChC,GAAG,EAAE,CAAC,CACJ,oBAAC,cAAc,IACb,OAAO,EAAE,SAAS,EAClB,WAAW,EAAE,aAAa,CAAC,oCAAoC,EAC/D,8BAA8B,EAAE,WAAW,CAAC,0BAA0B,EACtE,UAAU,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,KAAK,GAC/B,CACH,EACD,CAAC,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,WAAW,CAAC,CACpD,CAAC;IAEF,MAAM,eAAe,GAAG,WAAW,CAAC,GAAgB,EAAE;QACpD,OAAO,oBAAC,2BAA2B,IAAC,UAAU,EAAE,UAAU,EAAE,uBAAuB,EAAE,mBAAmB,GAAI,CAAC;IAC/G,CAAC,EAAE,CAAC,UAAU,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEtC,MAAM,gBAAgB,GAAqB,OAAO,CAChD,GAAG,EAAE,CAAC,CAAC;QACL,cAAc,EAAE,cAAc;QAC9B,eAAe,EAAE,eAAe;QAChC,EAAE,EAAE,YAAY;KACjB,CAAC,EACF,CAAC,eAAe,EAAE,cAAc,CAAC,CAClC,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,sBAAsB,CAAC,gBAAgB,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,gBAAgB,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAE/C,MAAM,MAAM,GAAG,2BAA2B,CAAC,YAAY,CAAC,CAAC;IAEzD,kEAAkE;IAClE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,QAAQ,EAAE,CAAC;QACb,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEvB,OAAO;QACL,wBAAwB,EAAE,QAAQ;QAClC,yBAAyB,EAAE,SAAS;QACpC,0BAA0B,EAAE,MAAM;KACnC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(teams-meeting-conference) */\nimport React, { useCallback, useEffect, useMemo } from 'react';\n/* @conditional-compile-remove(teams-meeting-conference) */\nimport { SidePaneRenderer, useIsParticularSidePaneOpen } from './SidePaneProvider';\n/* @conditional-compile-remove(teams-meeting-conference) */\nimport { SidePaneHeader } from '../../../common/SidePaneHeader';\n/* @conditional-compile-remove(teams-meeting-conference) */\nimport { MeetingPhoneInfoPaneContent } from '../../../common/MeetingPhoneInfoPaneContent';\n/* @conditional-compile-remove(teams-meeting-conference) */\nimport { useLocale } from '../../../localization';\n/* @conditional-compile-remove(teams-meeting-conference) */\nimport { ConferencePhoneInfo } from '@internal/react-components';\n\n/* @conditional-compile-remove(teams-meeting-conference) */\nconst SIDE_PANE_ID = 'Meeting Phone Info';\n\n/* @conditional-compile-remove(teams-meeting-conference) */\n/** @private */\nexport const useMeetingPhoneInfoPane = (props: {\n  updateSidePaneRenderer: (renderer: SidePaneRenderer | undefined) => void;\n  mobileView?: boolean;\n  conferencePhoneInfo?: ConferencePhoneInfo[];\n}): {\n  openMeetingPhoneInfoPane: () => void;\n  closeMeetingPhoneInfoPane: () => void;\n  isMeetingPhoneInfoPaneOpen: boolean;\n} => {\n  const { updateSidePaneRenderer, mobileView, conferencePhoneInfo } = props;\n\n  const closePane = useCallback(() => {\n    updateSidePaneRenderer(undefined);\n  }, [updateSidePaneRenderer]);\n\n  const localeStrings = useLocale().component.strings.MeetingConferencePhoneInfo;\n  const callStrings = useLocale().strings.call;\n\n  const onRenderHeader = useCallback(\n    () => (\n      <SidePaneHeader\n        onClose={closePane}\n        headingText={localeStrings.meetingConferencePhoneInfoModalTitle}\n        dismissSidePaneButtonAriaLabel={callStrings.dismissSidePaneButtonLabel}\n        mobileView={mobileView ?? false}\n      />\n    ),\n    [mobileView, closePane, localeStrings, callStrings]\n  );\n\n  const onRenderContent = useCallback((): JSX.Element => {\n    return <MeetingPhoneInfoPaneContent mobileView={mobileView} conferencePhoneInfoList={conferencePhoneInfo} />;\n  }, [mobileView, conferencePhoneInfo]);\n\n  const sidePaneRenderer: SidePaneRenderer = useMemo(\n    () => ({\n      headerRenderer: onRenderHeader,\n      contentRenderer: onRenderContent,\n      id: SIDE_PANE_ID\n    }),\n    [onRenderContent, onRenderHeader]\n  );\n\n  const openPane = useCallback(() => {\n    updateSidePaneRenderer(sidePaneRenderer);\n  }, [sidePaneRenderer, updateSidePaneRenderer]);\n\n  const isOpen = useIsParticularSidePaneOpen(SIDE_PANE_ID);\n\n  // Update pane renderer if it is open and the openPane dep changes\n  useEffect(() => {\n    if (isOpen) {\n      openPane();\n    }\n  }, [isOpen, openPane]);\n\n  return {\n    openMeetingPhoneInfoPane: openPane,\n    closeMeetingPhoneInfoPane: closePane,\n    isMeetingPhoneInfoPaneOpen: isOpen\n  };\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/common/MeetingPhoneInfoPaneContent.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { ConferencePhoneInfo } from "../../../../react-components/src";
-/**
- * @private
- */
-export declare const MeetingPhoneInfoPaneContent: (props: {
-    mobileView?: boolean;
-    conferencePhoneInfoList?: ConferencePhoneInfo[];
-}) => JSX.Element;
-//# sourceMappingURL=MeetingPhoneInfoPaneContent.d.ts.map

package/dist/dist-esm/react-composites/src/composites/common/MeetingPhoneInfoPaneContent.js

@@ -1,56 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(teams-meeting-conference) */
-// eslint-disable-next-line no-restricted-imports
-import { Stack, Text, useTheme, Icon } from '@fluentui/react';
-/* @conditional-compile-remove(teams-meeting-conference) */
-import React from 'react';
-/* @conditional-compile-remove(teams-meeting-conference) */
-import { formatPhoneNumberInfo } from "../../../../react-components/src";
-/* @conditional-compile-remove(teams-meeting-conference) */
-import { phoneInfoTextStyle, phoneInfoIcon, phoneInfoInstructionLine, phoneInfoStep, phoneInfoIconStyle, phoneInfoLabelStyle, phoneInfoContainerTokens, phoneInfoContainerStyle } from './styles/TeamsMeetingConferenceInfo.style';
-/* @conditional-compile-remove(teams-meeting-conference) */
-import { useLocale } from '../localization';
-/* @conditional-compile-remove(teams-meeting-conference) */
-/**
- * @private
- */
-export const MeetingPhoneInfoPaneContent = (props) => {
-    const { conferencePhoneInfoList } = props;
-    const theme = useTheme();
-    const localeStrings = useLocale().component.strings.MeetingConferencePhoneInfo;
-    if (props.mobileView) {
-        return (React.createElement(Stack, { verticalFill: true, styles: phoneInfoContainerStyle, tokens: phoneInfoContainerTokens, "data-ui-id": "phone-info-pane-content" },
-            (conferencePhoneInfoList === undefined || conferencePhoneInfoList.length === 0) && (React.createElement(Stack, { horizontal: true },
-                React.createElement(Text, { className: phoneInfoTextStyle }, localeStrings.meetingConferencePhoneInfoModalNoPhoneAvailable))),
-            conferencePhoneInfoList && conferencePhoneInfoList.length > 0 && (React.createElement(Stack, null,
-                React.createElement(Stack, { horizontal: true, horizontalAlign: "space-between", className: phoneInfoInstructionLine },
-                    React.createElement(Stack.Item, null,
-                        React.createElement(Stack, { horizontal: true, className: phoneInfoStep },
-                            React.createElement(Stack.Item, { className: phoneInfoIcon(theme) },
-                                React.createElement(Stack, { verticalAlign: "center", horizontalAlign: "center" },
-                                    React.createElement(Icon, { iconName: "PhoneNumberButton", className: phoneInfoIconStyle(theme) }))),
-                            React.createElement(Stack.Item, null,
-                                React.createElement(Text, { className: phoneInfoLabelStyle }, localeStrings.meetingConferencePhoneInfoModalDialIn)))),
-                    React.createElement(Stack.Item, { className: phoneInfoStep }, conferencePhoneInfoList.map((phoneNumber, index) => (React.createElement(Stack.Item, { key: index },
-                        React.createElement(Text, { className: phoneInfoTextStyle }, formatPhoneNumberInfo(phoneNumber, localeStrings))))))),
-                React.createElement(Stack, { horizontal: true, horizontalAlign: "space-between", verticalAlign: "center", className: phoneInfoInstructionLine },
-                    React.createElement(Stack.Item, null,
-                        React.createElement(Stack, { horizontal: true },
-                            React.createElement(Stack.Item, { className: phoneInfoIcon(theme) },
-                                React.createElement(Icon, { iconName: "DtmfDialpadButton", className: phoneInfoIconStyle(theme) })),
-                            React.createElement(Stack.Item, null,
-                                React.createElement(Text, { className: phoneInfoLabelStyle }, localeStrings.meetingConferencePhoneInfoModalMeetingId)))),
-                    React.createElement(Text, { className: phoneInfoTextStyle },
-                        conferencePhoneInfoList[0].conferenceId,
-                        "#")),
-                React.createElement(Stack, { horizontal: true, horizontalAlign: "space-between", verticalAlign: "center", className: phoneInfoInstructionLine },
-                    React.createElement(Stack, { horizontal: true },
-                        React.createElement(Stack.Item, { className: phoneInfoIcon(theme) },
-                            React.createElement(Icon, { iconName: "PhoneInfoWait", className: phoneInfoIconStyle(theme) })),
-                        React.createElement(Stack.Item, null,
-                            React.createElement(Text, { className: phoneInfoLabelStyle }, localeStrings.meetingConferencePhoneInfoModalWait))))))));
-    }
-    return (React.createElement(Stack, { verticalFill: true, styles: phoneInfoContainerStyle, tokens: phoneInfoContainerTokens, "data-ui-id": "phone-info-pane-content" }));
-};
-//# sourceMappingURL=MeetingPhoneInfoPaneContent.js.map

package/dist/dist-esm/react-composites/src/composites/common/MeetingPhoneInfoPaneContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MeetingPhoneInfoPaneContent.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/MeetingPhoneInfoPaneContent.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,2DAA2D;AAC3D,iDAAiD;AACjD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAG9D,2DAA2D;AAC3D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,2DAA2D;AAC3D,OAAO,EAAuB,qBAAqB,EAAE,yCAAmC;AACxF,2DAA2D;AAC3D,OAAO,EACL,kBAAkB,EAClB,aAAa,EACb,wBAAwB,EACxB,aAAa,EACb,kBAAkB,EAClB,mBAAmB,EACnB,wBAAwB,EACxB,uBAAuB,EACxB,MAAM,2CAA2C,CAAC;AACnD,2DAA2D;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,2DAA2D;AAC3D;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,KAG3C,EAAe,EAAE;IAChB,MAAM,EAAE,uBAAuB,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,aAAa,GAAG,SAAS,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,0BAA0B,CAAC;IAE/E,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;QACrB,OAAO,CACL,oBAAC,KAAK,IACJ,YAAY,QACZ,MAAM,EAAE,uBAAuB,EAC/B,MAAM,EAAE,wBAAwB,gBACrB,yBAAyB;YAEnC,CAAC,uBAAuB,KAAK,SAAS,IAAI,uBAAuB,CAAC,MAAM,KAAK,CAAC,CAAC,IAAI,CAClF,oBAAC,KAAK,IAAC,UAAU;gBACf,oBAAC,IAAI,IAAC,SAAS,EAAE,kBAAkB,IAAG,aAAa,CAAC,+CAA+C,CAAQ,CACrG,CACT;YACA,uBAAuB,IAAI,uBAAuB,CAAC,MAAM,GAAG,CAAC,IAAI,CAChE,oBAAC,KAAK;gBACJ,oBAAC,KAAK,IAAC,UAAU,QAAC,eAAe,EAAC,eAAe,EAAC,SAAS,EAAE,wBAAwB;oBACnF,oBAAC,KAAK,CAAC,IAAI;wBACT,oBAAC,KAAK,IAAC,UAAU,QAAC,SAAS,EAAE,aAAa;4BACxC,oBAAC,KAAK,CAAC,IAAI,IAAC,SAAS,EAAE,aAAa,CAAC,KAAK,CAAC;gCACzC,oBAAC,KAAK,IAAC,aAAa,EAAC,QAAQ,EAAC,eAAe,EAAC,QAAQ;oCACpD,oBAAC,IAAI,IAAC,QAAQ,EAAC,mBAAmB,EAAC,SAAS,EAAE,kBAAkB,CAAC,KAAK,CAAC,GAAI,CACrE,CACG;4BACb,oBAAC,KAAK,CAAC,IAAI;gCACT,oBAAC,IAAI,IAAC,SAAS,EAAE,mBAAmB,IAAG,aAAa,CAAC,qCAAqC,CAAQ,CACvF,CACP,CACG;oBACb,oBAAC,KAAK,CAAC,IAAI,IAAC,SAAS,EAAE,aAAa,IACjC,uBAAuB,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,CAAC,CACnD,oBAAC,KAAK,CAAC,IAAI,IAAC,GAAG,EAAE,KAAK;wBACpB,oBAAC,IAAI,IAAC,SAAS,EAAE,kBAAkB,IAAG,qBAAqB,CAAC,WAAW,EAAE,aAAa,CAAC,CAAQ,CACpF,CACd,CAAC,CACS,CACP;gBACR,oBAAC,KAAK,IACJ,UAAU,QACV,eAAe,EAAC,eAAe,EAC/B,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAE,wBAAwB;oBAEnC,oBAAC,KAAK,CAAC,IAAI;wBACT,oBAAC,KAAK,IAAC,UAAU;4BACf,oBAAC,KAAK,CAAC,IAAI,IAAC,SAAS,EAAE,aAAa,CAAC,KAAK,CAAC;gCACzC,oBAAC,IAAI,IAAC,QAAQ,EAAC,mBAAmB,EAAC,SAAS,EAAE,kBAAkB,CAAC,KAAK,CAAC,GAAI,CAChE;4BACb,oBAAC,KAAK,CAAC,IAAI;gCACT,oBAAC,IAAI,IAAC,SAAS,EAAE,mBAAmB,IACjC,aAAa,CAAC,wCAAwC,CAClD,CACI,CACP,CACG;oBACb,oBAAC,IAAI,IAAC,SAAS,EAAE,kBAAkB;wBAAG,uBAAuB,CAAC,CAAC,CAAC,CAAC,YAAY;4BAAS,CAChF;gBACR,oBAAC,KAAK,IACJ,UAAU,QACV,eAAe,EAAC,eAAe,EAC/B,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAE,wBAAwB;oBAEnC,oBAAC,KAAK,IAAC,UAAU;wBACf,oBAAC,KAAK,CAAC,IAAI,IAAC,SAAS,EAAE,aAAa,CAAC,KAAK,CAAC;4BACzC,oBAAC,IAAI,IAAC,QAAQ,EAAC,eAAe,EAAC,SAAS,EAAE,kBAAkB,CAAC,KAAK,CAAC,GAAI,CAC5D;wBACb,oBAAC,KAAK,CAAC,IAAI;4BACT,oBAAC,IAAI,IAAC,SAAS,EAAE,mBAAmB,IAAG,aAAa,CAAC,mCAAmC,CAAQ,CACrF,CACP,CACF,CACF,CACT,CACK,CACT,CAAC;IACJ,CAAC;IAED,OAAO,CACL,oBAAC,KAAK,IACJ,YAAY,QACZ,MAAM,EAAE,uBAAuB,EAC/B,MAAM,EAAE,wBAAwB,gBACrB,yBAAyB,GAC7B,CACV,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(teams-meeting-conference) */\n// eslint-disable-next-line no-restricted-imports\nimport { Stack, Text, useTheme, Icon } from '@fluentui/react';\n/* @conditional-compile-remove(teams-meeting-conference) */\nimport { _DrawerMenuItemProps } from '@internal/react-components';\n/* @conditional-compile-remove(teams-meeting-conference) */\nimport React from 'react';\n/* @conditional-compile-remove(teams-meeting-conference) */\nimport { ConferencePhoneInfo, formatPhoneNumberInfo } from '@internal/react-components';\n/* @conditional-compile-remove(teams-meeting-conference) */\nimport {\n  phoneInfoTextStyle,\n  phoneInfoIcon,\n  phoneInfoInstructionLine,\n  phoneInfoStep,\n  phoneInfoIconStyle,\n  phoneInfoLabelStyle,\n  phoneInfoContainerTokens,\n  phoneInfoContainerStyle\n} from './styles/TeamsMeetingConferenceInfo.style';\n/* @conditional-compile-remove(teams-meeting-conference) */\nimport { useLocale } from '../localization';\n\n/* @conditional-compile-remove(teams-meeting-conference) */\n/**\n * @private\n */\nexport const MeetingPhoneInfoPaneContent = (props: {\n  mobileView?: boolean;\n  conferencePhoneInfoList?: ConferencePhoneInfo[];\n}): JSX.Element => {\n  const { conferencePhoneInfoList } = props;\n  const theme = useTheme();\n  const localeStrings = useLocale().component.strings.MeetingConferencePhoneInfo;\n\n  if (props.mobileView) {\n    return (\n      <Stack\n        verticalFill\n        styles={phoneInfoContainerStyle}\n        tokens={phoneInfoContainerTokens}\n        data-ui-id=\"phone-info-pane-content\"\n      >\n        {(conferencePhoneInfoList === undefined || conferencePhoneInfoList.length === 0) && (\n          <Stack horizontal>\n            <Text className={phoneInfoTextStyle}>{localeStrings.meetingConferencePhoneInfoModalNoPhoneAvailable}</Text>\n          </Stack>\n        )}\n        {conferencePhoneInfoList && conferencePhoneInfoList.length > 0 && (\n          <Stack>\n            <Stack horizontal horizontalAlign=\"space-between\" className={phoneInfoInstructionLine}>\n              <Stack.Item>\n                <Stack horizontal className={phoneInfoStep}>\n                  <Stack.Item className={phoneInfoIcon(theme)}>\n                    <Stack verticalAlign=\"center\" horizontalAlign=\"center\">\n                      <Icon iconName=\"PhoneNumberButton\" className={phoneInfoIconStyle(theme)} />\n                    </Stack>\n                  </Stack.Item>\n                  <Stack.Item>\n                    <Text className={phoneInfoLabelStyle}>{localeStrings.meetingConferencePhoneInfoModalDialIn}</Text>\n                  </Stack.Item>\n                </Stack>\n              </Stack.Item>\n              <Stack.Item className={phoneInfoStep}>\n                {conferencePhoneInfoList.map((phoneNumber, index) => (\n                  <Stack.Item key={index}>\n                    <Text className={phoneInfoTextStyle}>{formatPhoneNumberInfo(phoneNumber, localeStrings)}</Text>\n                  </Stack.Item>\n                ))}\n              </Stack.Item>\n            </Stack>\n            <Stack\n              horizontal\n              horizontalAlign=\"space-between\"\n              verticalAlign=\"center\"\n              className={phoneInfoInstructionLine}\n            >\n              <Stack.Item>\n                <Stack horizontal>\n                  <Stack.Item className={phoneInfoIcon(theme)}>\n                    <Icon iconName=\"DtmfDialpadButton\" className={phoneInfoIconStyle(theme)} />\n                  </Stack.Item>\n                  <Stack.Item>\n                    <Text className={phoneInfoLabelStyle}>\n                      {localeStrings.meetingConferencePhoneInfoModalMeetingId}\n                    </Text>\n                  </Stack.Item>\n                </Stack>\n              </Stack.Item>\n              <Text className={phoneInfoTextStyle}>{conferencePhoneInfoList[0].conferenceId}#</Text>\n            </Stack>\n            <Stack\n              horizontal\n              horizontalAlign=\"space-between\"\n              verticalAlign=\"center\"\n              className={phoneInfoInstructionLine}\n            >\n              <Stack horizontal>\n                <Stack.Item className={phoneInfoIcon(theme)}>\n                  <Icon iconName=\"PhoneInfoWait\" className={phoneInfoIconStyle(theme)} />\n                </Stack.Item>\n                <Stack.Item>\n                  <Text className={phoneInfoLabelStyle}>{localeStrings.meetingConferencePhoneInfoModalWait}</Text>\n                </Stack.Item>\n              </Stack>\n            </Stack>\n          </Stack>\n        )}\n      </Stack>\n    );\n  }\n\n  return (\n    <Stack\n      verticalFill\n      styles={phoneInfoContainerStyle}\n      tokens={phoneInfoContainerTokens}\n      data-ui-id=\"phone-info-pane-content\"\n    ></Stack>\n  );\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/common/RichTextSendBoxWrapper.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { RichTextSendBoxProps } from "../../../../react-components/src";
-/**
- * @private
- *
- * Wrapper for RichTextSendBox component to allow us to use usePropsFor with richTextSendBox
- * before lazyLoading is done
- */
-export declare const RichTextSendBoxWrapper: (props: RichTextSendBoxProps) => JSX.Element;
-//# sourceMappingURL=RichTextSendBoxWrapper.d.ts.map

package/dist/dist-esm/react-composites/src/composites/common/RichTextSendBoxWrapper.js

@@ -1,20 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(rich-text-editor-composite-support) */
-import React from 'react';
-/* @conditional-compile-remove(rich-text-editor-composite-support) */
-import { usePropsFor } from '../ChatComposite/hooks/usePropsFor';
-/* @conditional-compile-remove(rich-text-editor-composite-support) */
-import { RichTextSendBox } from "../../../../react-components/src";
-/* @conditional-compile-remove(rich-text-editor-composite-support) */
-/**
- * @private
- *
- * Wrapper for RichTextSendBox component to allow us to use usePropsFor with richTextSendBox
- * before lazyLoading is done
- */
-export const RichTextSendBoxWrapper = (props) => {
-    const richTextSendBoxProps = usePropsFor(RichTextSendBox);
-    return React.createElement(RichTextSendBox, Object.assign({}, richTextSendBoxProps, props));
-};
-//# sourceMappingURL=RichTextSendBoxWrapper.js.map

package/dist/dist-esm/react-composites/src/composites/common/RichTextSendBoxWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RichTextSendBoxWrapper.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/RichTextSendBoxWrapper.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,qEAAqE;AACrE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,qEAAqE;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,qEAAqE;AACrE,OAAO,EAAE,eAAe,EAAwB,yCAAmC;AAEnF,qEAAqE;AACrE;;;;;GAKG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAA2B,EAAe,EAAE;IACjF,MAAM,oBAAoB,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC;IAE1D,OAAO,oBAAC,eAAe,oBAAK,oBAAoB,EAAM,KAAK,EAAI,CAAC;AAClE,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(rich-text-editor-composite-support) */\nimport React from 'react';\n/* @conditional-compile-remove(rich-text-editor-composite-support) */\nimport { usePropsFor } from '../ChatComposite/hooks/usePropsFor';\n/* @conditional-compile-remove(rich-text-editor-composite-support) */\nimport { RichTextSendBox, RichTextSendBoxProps } from '@internal/react-components';\n\n/* @conditional-compile-remove(rich-text-editor-composite-support) */\n/**\n * @private\n *\n * Wrapper for RichTextSendBox component to allow us to use usePropsFor with richTextSendBox\n * before lazyLoading is done\n */\nexport const RichTextSendBoxWrapper = (props: RichTextSendBoxProps): JSX.Element => {\n  const richTextSendBoxProps = usePropsFor(RichTextSendBox);\n\n  return <RichTextSendBox {...richTextSendBoxProps} {...props} />;\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/common/styles/TeamsMeetingConferenceInfo.style.d.ts

@@ -1,46 +0,0 @@
-import { IModalStyles, Theme, IStackTokens, IStackItemStyles } from '@fluentui/react';
-/**
- * @private
- */
-export declare const phoneInfoContainerTokens: IStackTokens;
-/**
- * @private
- */
-export declare const phoneInfoContainerStyle: IStackItemStyles;
-/**
- * @private
- */
-export declare const themedPhoneInfoModalStyle: (theme: Theme) => Partial<IModalStyles>;
-/**
- * @private
- */
-export declare const titleClassName: string;
-/**
- * @private
- */
-export declare const titleContainerClassName: string;
-/**
- * @private
- */
-export declare const phoneInfoLabelStyle: string;
-/**
- * @private
- */
-export declare const phoneInfoTextStyle: string;
-/**
- * @private
- */
-export declare const phoneInfoIcon: (theme: Theme) => string;
-/**
- * @private
- */
-export declare const phoneInfoInstructionLine: string;
-/**
- * @private
- */
-export declare const phoneInfoStep: string;
-/**
- * @private
- */
-export declare const phoneInfoIconStyle: (theme: Theme) => string;
-//# sourceMappingURL=TeamsMeetingConferenceInfo.style.d.ts.map

package/dist/dist-esm/react-composites/src/composites/common/styles/TeamsMeetingConferenceInfo.style.js

@@ -1,96 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { mergeStyles, FontWeights } from '@fluentui/react';
-import { _pxToRem } from "../../../../../acs-ui-common/src";
-/**
- * @private
- */
-export const phoneInfoContainerTokens = {
-    childrenGap: '0.5rem'
-};
-/**
- * @private
- */
-export const phoneInfoContainerStyle = {
-    root: {
-        position: 'relative',
-        maxHeight: '100%',
-        overflow: 'hidden'
-    }
-};
-/**
- * @private
- */
-export const themedPhoneInfoModalStyle = (theme) => ({
-    main: {
-        borderRadius: theme.effects.roundedCorner6,
-        padding: _pxToRem(24),
-        width: _pxToRem(600),
-        height: 'fit-content',
-        overflow: 'hidden'
-    }
-});
-/**
- * @private
- */
-export const titleClassName = mergeStyles({
-    fontWeight: 600,
-    fontSize: _pxToRem(20),
-    lineHeight: _pxToRem(28)
-});
-/**
- * @private
- */
-export const titleContainerClassName = mergeStyles({
-    paddingBottom: _pxToRem(20)
-});
-/**
- * @private
- */
-export const phoneInfoLabelStyle = mergeStyles({
-    fontSize: _pxToRem(14),
-    lineHeight: _pxToRem(40)
-});
-/**
- * @private
- */
-export const phoneInfoTextStyle = mergeStyles({
-    fontSize: _pxToRem(14),
-    lineHeight: _pxToRem(40),
-    fontWeight: FontWeights.semibold
-});
-/**
- * @private
- */
-export const phoneInfoIcon = (theme) => {
-    return mergeStyles({
-        background: `${theme.palette.themeLighter}`,
-        height: _pxToRem(36),
-        width: _pxToRem(36),
-        marginRight: _pxToRem(12),
-        borderRadius: _pxToRem(18)
-    });
-};
-/**
- * @private
- */
-export const phoneInfoInstructionLine = mergeStyles({
-    padding: '0.5rem 1rem'
-});
-/**
- * @private
- */
-export const phoneInfoStep = mergeStyles({
-    minWidth: _pxToRem(150),
-    textAlign: 'right'
-});
-/**
- * @private
- */
-export const phoneInfoIconStyle = (theme) => {
-    return mergeStyles({
-        padding: _pxToRem(8),
-        color: `${theme.palette.themePrimary}`
-    });
-};
-//# sourceMappingURL=TeamsMeetingConferenceInfo.style.js.map

package/dist/dist-esm/react-composites/src/composites/common/styles/TeamsMeetingConferenceInfo.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TeamsMeetingConferenceInfo.style.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/styles/TeamsMeetingConferenceInfo.style.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAgB,WAAW,EAAS,WAAW,EAAkC,MAAM,iBAAiB,CAAC;AAChH,OAAO,EAAE,QAAQ,EAAE,yCAAgC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAiB;IACpD,WAAW,EAAE,QAAQ;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAqB;IACvD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,KAAY,EAAyB,EAAE,CAAC,CAAC;IACjF,IAAI,EAAE;QACJ,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;QAC1C,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC;QACrB,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC;QACpB,MAAM,EAAE,aAAa;QACrB,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,WAAW,CAAC;IACxC,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;IACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;CACzB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,WAAW,CAAC;IACjD,aAAa,EAAE,QAAQ,CAAC,EAAE,CAAC;CAC5B,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC;IAC7C,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;IACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;CACzB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,WAAW,CAAC;IAC5C,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;IACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;IACxB,UAAU,EAAE,WAAW,CAAC,QAAQ;CACjC,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAY,EAAU,EAAE;IACpD,OAAO,WAAW,CAAC;QACjB,UAAU,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE;QAC3C,MAAM,EAAE,QAAQ,CAAC,EAAE,CAAC;QACpB,KAAK,EAAE,QAAQ,CAAC,EAAE,CAAC;QACnB,WAAW,EAAE,QAAQ,CAAC,EAAE,CAAC;QACzB,YAAY,EAAE,QAAQ,CAAC,EAAE,CAAC;KAC3B,CAAC,CAAC;AACL,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,WAAW,CAAC;IAClD,OAAO,EAAE,aAAa;CACvB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CAAC;IACvC,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC;IACvB,SAAS,EAAE,OAAO;CACnB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAAY,EAAU,EAAE;IACzD,OAAO,WAAW,CAAC;QACjB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;QACpB,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE;KACvC,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IModalStyles, mergeStyles, Theme, FontWeights, IStackTokens, IStackItemStyles } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/**\n * @private\n */\nexport const phoneInfoContainerTokens: IStackTokens = {\n  childrenGap: '0.5rem'\n};\n\n/**\n * @private\n */\nexport const phoneInfoContainerStyle: IStackItemStyles = {\n  root: {\n    position: 'relative',\n    maxHeight: '100%',\n    overflow: 'hidden'\n  }\n};\n\n/**\n * @private\n */\nexport const themedPhoneInfoModalStyle = (theme: Theme): Partial<IModalStyles> => ({\n  main: {\n    borderRadius: theme.effects.roundedCorner6,\n    padding: _pxToRem(24),\n    width: _pxToRem(600),\n    height: 'fit-content',\n    overflow: 'hidden'\n  }\n});\n\n/**\n * @private\n */\nexport const titleClassName = mergeStyles({\n  fontWeight: 600,\n  fontSize: _pxToRem(20),\n  lineHeight: _pxToRem(28)\n});\n\n/**\n * @private\n */\nexport const titleContainerClassName = mergeStyles({\n  paddingBottom: _pxToRem(20)\n});\n\n/**\n * @private\n */\nexport const phoneInfoLabelStyle = mergeStyles({\n  fontSize: _pxToRem(14),\n  lineHeight: _pxToRem(40)\n});\n\n/**\n * @private\n */\nexport const phoneInfoTextStyle = mergeStyles({\n  fontSize: _pxToRem(14),\n  lineHeight: _pxToRem(40),\n  fontWeight: FontWeights.semibold\n});\n\n/**\n * @private\n */\nexport const phoneInfoIcon = (theme: Theme): string => {\n  return mergeStyles({\n    background: `${theme.palette.themeLighter}`,\n    height: _pxToRem(36),\n    width: _pxToRem(36),\n    marginRight: _pxToRem(12),\n    borderRadius: _pxToRem(18)\n  });\n};\n\n/**\n * @private\n */\nexport const phoneInfoInstructionLine = mergeStyles({\n  padding: '0.5rem 1rem'\n});\n\n/**\n * @private\n */\nexport const phoneInfoStep = mergeStyles({\n  minWidth: _pxToRem(150),\n  textAlign: 'right'\n});\n\n/**\n * @private\n */\nexport const phoneInfoIconStyle = (theme: Theme): string => {\n  return mergeStyles({\n    padding: _pxToRem(8),\n    color: `${theme.palette.themePrimary}`\n  });\n};\n"]}