@azure/communication-react 1.3.3-alpha-202210280017.0 → 1.4.0

package/dist/dist-esm/react-components/src/components/BrowserPermissionDenied.js

@@ -1,35 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import React from 'react';
-/* @conditional-compile-remove(call-readiness) */
-import { Stack, Text, Link, Icon, PrimaryButton, mergeStyleSets } from '@fluentui/react';
-/* @conditional-compile-remove(call-readiness) */
-import { useLocale } from '../localization';
-/* @conditional-compile-remove(call-readiness) */
-import { iconContainerStyles, iconPrimaryStyles, linkTextStyles, primaryButtonStyles, primaryTextStyles, secondaryTextStyles, textContainerStyles } from './styles/BrowserPermissionDenied.styles';
-/* @conditional-compile-remove(call-readiness) */
-const BrowserPermissionDeniedContainer = (props) => {
-    const { onTroubleshootingClick, onTryAgainClick, strings, styles } = props;
-    return (React.createElement(Stack, { style: { padding: '2rem', paddingTop: '2.5rem', maxWidth: '25.375rem' } },
-        React.createElement(Stack, { horizontal: true, style: { paddingBottom: '1.5rem' }, horizontalAlign: 'space-between' },
-            React.createElement(Stack, { styles: iconContainerStyles, horizontalAlign: 'center' },
-                React.createElement(Icon, { styles: iconPrimaryStyles, iconName: 'BrowserPermissionDeniedError' }))),
-        React.createElement(Stack, { styles: textContainerStyles },
-            React.createElement(Text, { styles: primaryTextStyles }, strings.primaryText),
-            React.createElement(Text, { styles: secondaryTextStyles }, strings.secondaryText),
-            React.createElement(PrimaryButton, { styles: mergeStyleSets(primaryButtonStyles, styles === null || styles === void 0 ? void 0 : styles.primaryButton), text: strings.primaryButtonText, onClick: onTryAgainClick }),
-            React.createElement(Link, { styles: mergeStyleSets(linkTextStyles, styles === null || styles === void 0 ? void 0 : styles.troubleshootingLink), onClick: onTroubleshootingClick }, strings.linkText))));
-};
-/**
- * @beta
- *
- * Component to allow Contoso to help their end user with their devices should their browser experience device permission issues.
- */
-export const BrowserPermissionDenied = (props) => {
-    /* @conditional-compile-remove(call-readiness) */
-    const locale = useLocale().strings.BrowserPermissionDenied;
-    /* @conditional-compile-remove(call-readiness) */
-    return React.createElement(BrowserPermissionDeniedContainer, Object.assign({}, props, { strings: props.strings ? props.strings : locale }));
-    return React.createElement(React.Fragment, null);
-};
-//# sourceMappingURL=BrowserPermissionDenied.js.map

package/dist/dist-esm/react-components/src/components/BrowserPermissionDenied.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BrowserPermissionDenied.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/BrowserPermissionDenied.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,iDAAiD;AACjD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACzF,iDAAiD;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,iDAAiD;AACjD,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EACjB,cAAc,EACd,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,yCAAyC,CAAC;AAiEjD,iDAAiD;AACjD,MAAM,gCAAgC,GAAG,CAAC,KAAmC,EAAe,EAAE;IAC5F,MAAM,EAAE,sBAAsB,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAC3E,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE;QAC5E,oBAAC,KAAK,IAAC,UAAU,QAAC,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,eAAe,EAAE,eAAe;YACpF,oBAAC,KAAK,IAAC,MAAM,EAAE,mBAAmB,EAAE,eAAe,EAAE,QAAQ;gBAC3D,oBAAC,IAAI,IAAC,MAAM,EAAE,iBAAiB,EAAE,QAAQ,EAAE,8BAA8B,GAAS,CAC5E,CACF;QACR,oBAAC,KAAK,IAAC,MAAM,EAAE,mBAAmB;YAChC,oBAAC,IAAI,IAAC,MAAM,EAAE,iBAAiB,IAAG,OAAO,CAAC,WAAW,CAAQ;YAC7D,oBAAC,IAAI,IAAC,MAAM,EAAE,mBAAmB,IAAG,OAAO,CAAC,aAAa,CAAQ;YACjE,oBAAC,aAAa,IACZ,MAAM,EAAE,cAAc,CAAC,mBAAmB,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,aAAa,CAAC,EAClE,IAAI,EAAE,OAAO,CAAC,iBAAiB,EAC/B,OAAO,EAAE,eAAe,GACxB;YACF,oBAAC,IAAI,IAAC,MAAM,EAAE,cAAc,CAAC,cAAc,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,mBAAmB,CAAC,EAAE,OAAO,EAAE,sBAAsB,IACvG,OAAO,CAAC,QAAQ,CACZ,CACD,CACF,CACT,CAAC;AACJ,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAmC,EAAe,EAAE;IAC1F,iDAAiD;IACjD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC,uBAAuB,CAAC;IAC3D,iDAAiD;IACjD,OAAO,oBAAC,gCAAgC,oBAAK,KAAK,IAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC;IACxG,OAAO,yCAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport React from 'react';\nimport { IButtonStyles, ILinkStyles } from '@fluentui/react';\n/* @conditional-compile-remove(call-readiness) */\nimport { Stack, Text, Link, Icon, PrimaryButton, mergeStyleSets } from '@fluentui/react';\n/* @conditional-compile-remove(call-readiness) */\nimport { useLocale } from '../localization';\n/* @conditional-compile-remove(call-readiness) */\nimport { _formatString, _pxToRem } from '@internal/acs-ui-common';\n/* @conditional-compile-remove(call-readiness) */\nimport {\n  iconContainerStyles,\n  iconPrimaryStyles,\n  linkTextStyles,\n  primaryButtonStyles,\n  primaryTextStyles,\n  secondaryTextStyles,\n  textContainerStyles\n} from './styles/BrowserPermissionDenied.styles';\nimport { BaseCustomStyles } from '../types';\n\n/**\n * @beta\n * Props for BrowserPermissionDenied component.\n */\nexport interface BrowserPermissionDeniedProps {\n  /**\n   * Action to be taken by the more help link. Possible to send to external page or show other modal.\n   */\n  onTroubleshootingClick: () => void;\n  /**\n   * Action to be taken by the try again primary button.\n   */\n  onTryAgainClick: () => void;\n  /**\n   * Localization strings for BrowserPermissionDenied component.\n   */\n  strings: BrowserPermissionDeniedStrings;\n  /**\n   * Allows users to pass in an object contains custom CSS styles.\n   * @Example\n   * ```\n   * <BrowserPermissionDenied styles={{ primaryButton: { root: {backgroundColor: 'blue' }}}} />\n   * ```\n   */\n  styles?: BrowserPermissionDeniedStyles;\n}\n\n/**\n * @beta\n * Strings for BrowserPermissionDenied component\n */\nexport interface BrowserPermissionDeniedStrings {\n  /**\n   * Main button text string.\n   */\n  primaryButtonText: string;\n  /**\n   * Main text string.\n   */\n  primaryText: string;\n  /**\n   * Subtext string.\n   */\n  secondaryText: string;\n  /**\n   * More help link string.\n   */\n  linkText: string;\n}\n\n/**\n * Fluent styles for {@link BrowserPermissionDenied}.\n *\n * @beta\n */\nexport interface BrowserPermissionDeniedStyles extends BaseCustomStyles {\n  /** Styles for the primary button. */\n  primaryButton?: IButtonStyles;\n  /** Styles for the help troubleshooting link text. */\n  troubleshootingLink?: ILinkStyles;\n}\n\n/* @conditional-compile-remove(call-readiness) */\nconst BrowserPermissionDeniedContainer = (props: BrowserPermissionDeniedProps): JSX.Element => {\n  const { onTroubleshootingClick, onTryAgainClick, strings, styles } = props;\n  return (\n    <Stack style={{ padding: '2rem', paddingTop: '2.5rem', maxWidth: '25.375rem' }}>\n      <Stack horizontal style={{ paddingBottom: '1.5rem' }} horizontalAlign={'space-between'}>\n        <Stack styles={iconContainerStyles} horizontalAlign={'center'}>\n          <Icon styles={iconPrimaryStyles} iconName={'BrowserPermissionDeniedError'}></Icon>\n        </Stack>\n      </Stack>\n      <Stack styles={textContainerStyles}>\n        <Text styles={primaryTextStyles}>{strings.primaryText}</Text>\n        <Text styles={secondaryTextStyles}>{strings.secondaryText}</Text>\n        <PrimaryButton\n          styles={mergeStyleSets(primaryButtonStyles, styles?.primaryButton)}\n          text={strings.primaryButtonText}\n          onClick={onTryAgainClick}\n        />\n        <Link styles={mergeStyleSets(linkTextStyles, styles?.troubleshootingLink)} onClick={onTroubleshootingClick}>\n          {strings.linkText}\n        </Link>\n      </Stack>\n    </Stack>\n  );\n};\n\n/**\n * @beta\n *\n * Component to allow Contoso to help their end user with their devices should their browser experience device permission issues.\n */\nexport const BrowserPermissionDenied = (props: BrowserPermissionDeniedProps): JSX.Element => {\n  /* @conditional-compile-remove(call-readiness) */\n  const locale = useLocale().strings.BrowserPermissionDenied;\n  /* @conditional-compile-remove(call-readiness) */\n  return <BrowserPermissionDeniedContainer {...props} strings={props.strings ? props.strings : locale} />;\n  return <></>;\n};\n\"../../../acs-ui-common/src\""]}

package/dist/dist-esm/react-components/src/components/BrowserPermissionDeniedIOS.d.ts

@@ -1,75 +0,0 @@
-/// <reference types="react" />
-import { BrowserPermissionDeniedProps, BrowserPermissionDeniedStrings } from './BrowserPermissionDenied';
-/**
- * @beta
- * Props for BrowserPermissionDeniedIOS component.
- */
-export interface BrowserPermissionDeniedIOSProps extends BrowserPermissionDeniedProps {
-    /**
-     * Localization strings for BrowserPermissionDeniedIOS component.
-     */
-    strings: BrowserPermissionDeniedIOSStrings;
-    /**
-     * Link to image source.
-     *
-     * Image is inserted into the top of the component.
-     */
-    imageSource?: string;
-}
-/**
- * @beta
- * Strings for BrowserPermissionDeniedIOS component
- */
-export interface BrowserPermissionDeniedIOSStrings extends BrowserPermissionDeniedStrings {
-    /**
-     * Image alt text
-     */
-    imageAltText: string;
-    /**
-     * Main text string.
-     */
-    primaryText: string;
-    /**
-     * Subtext string.
-     */
-    secondaryText: string;
-    /**
-     * Step 1 string
-     */
-    step1Text: string;
-    /**
-     * Step 1 digit string
-     */
-    step1DigitText: string;
-    /**
-     * Step 2 string
-     */
-    step2Text: string;
-    /**
-     * Step 2 digit string
-     */
-    step2DigitText: string;
-    /**
-     * Step 3 string
-     */
-    step3Text: string;
-    /**
-     * Step 3 digit string
-     */
-    step3DigitText: string;
-    /**
-     * Step 4 string
-     */
-    step4Text: string;
-    /**
-     * Step 4 digit string
-     */
-    step4DigitText: string;
-}
-/**
- * @beta
- *
- * Component to allow Contoso to help their end user with their devices should their browser experience device permission issues.
- */
-export declare const BrowserPermissionDeniedIOS: (props: BrowserPermissionDeniedIOSProps) => JSX.Element;
-//# sourceMappingURL=BrowserPermissionDeniedIOS.d.ts.map

package/dist/dist-esm/react-components/src/components/BrowserPermissionDeniedIOS.js

@@ -1,57 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import React from 'react';
-/* @conditional-compile-remove(call-readiness) */
-import { useMemo } from 'react';
-/* @conditional-compile-remove(call-readiness) */
-import { Stack, Text, Link, PrimaryButton, mergeStyleSets, useTheme, Image, ImageFit } from '@fluentui/react';
-/* @conditional-compile-remove(call-readiness) */
-import { useLocale } from '../localization';
-/* @conditional-compile-remove(call-readiness) */
-import { browserPermissionContainerStyles, iOSImageContainer, iOSStepsCircleStyles, iOSStepsContainerStyles, iOSStepsDigitTextStyles, iOSStepsTextStyles, linkTextStyles, primaryButtonStyles, primaryTextStyles, secondaryTextStyles, textContainerStyles } from './styles/BrowserPermissionDenied.styles';
-/* @conditional-compile-remove(call-readiness) */
-const BrowserPermissionDeniedIOSContainer = (props) => {
-    const { imageSource, onTroubleshootingClick, onTryAgainClick, strings, styles } = props;
-    const theme = useTheme();
-    const stepsCircleStyle = useMemo(() => {
-        return mergeStyleSets(iOSStepsCircleStyles, { root: { background: theme.palette.neutralLighter } });
-    }, [theme]);
-    return (React.createElement(Stack, { styles: browserPermissionContainerStyles },
-        imageSource && (React.createElement(Stack, { styles: mergeStyleSets(iOSImageContainer, { root: { background: theme.palette.neutralLighter } }) },
-            React.createElement(Image, { src: imageSource !== null && imageSource !== void 0 ? imageSource : '', alt: strings.imageAltText, imageFit: ImageFit.centerContain, style: { padding: '1.5rem' } }))),
-        React.createElement(Stack, { style: { padding: '1rem', paddingBottom: '1.25rem' } },
-            React.createElement(Stack, { styles: textContainerStyles },
-                React.createElement(Text, { styles: primaryTextStyles }, strings.primaryText),
-                React.createElement(Text, { styles: secondaryTextStyles }, strings.secondaryText),
-                strings.step1Text && (React.createElement(Stack, { styles: iOSStepsContainerStyles },
-                    React.createElement(Stack, { horizontalAlign: 'center', styles: stepsCircleStyle },
-                        React.createElement(Text, { styles: iOSStepsDigitTextStyles }, strings.step1DigitText)),
-                    React.createElement(Text, { styles: iOSStepsTextStyles }, strings.step1Text))),
-                strings.step2Text && (React.createElement(Stack, { styles: iOSStepsContainerStyles },
-                    React.createElement(Stack, { horizontalAlign: 'center', styles: stepsCircleStyle },
-                        React.createElement(Text, { styles: iOSStepsDigitTextStyles }, strings.step2DigitText)),
-                    React.createElement(Text, { styles: iOSStepsTextStyles }, strings.step2Text))),
-                strings.step3Text && (React.createElement(Stack, { styles: iOSStepsContainerStyles },
-                    React.createElement(Stack, { horizontalAlign: 'center', styles: stepsCircleStyle },
-                        React.createElement(Text, { styles: iOSStepsDigitTextStyles }, strings.step3DigitText)),
-                    React.createElement(Text, { styles: iOSStepsTextStyles }, strings.step3Text))),
-                strings.step4Text && (React.createElement(Stack, { styles: mergeStyleSets(iOSStepsContainerStyles, { root: { paddingBottom: '1.5rem' } }) },
-                    React.createElement(Stack, { horizontalAlign: 'center', styles: stepsCircleStyle },
-                        React.createElement(Text, { styles: iOSStepsDigitTextStyles }, strings.step4DigitText)),
-                    React.createElement(Text, { styles: iOSStepsTextStyles }, strings.step4Text))),
-                React.createElement(PrimaryButton, { styles: mergeStyleSets(primaryButtonStyles, styles === null || styles === void 0 ? void 0 : styles.primaryButton), text: strings.primaryButtonText, onClick: onTryAgainClick }),
-                React.createElement(Link, { styles: mergeStyleSets(linkTextStyles, styles === null || styles === void 0 ? void 0 : styles.troubleshootingLink), onClick: onTroubleshootingClick }, strings.linkText)))));
-};
-/**
- * @beta
- *
- * Component to allow Contoso to help their end user with their devices should their browser experience device permission issues.
- */
-export const BrowserPermissionDeniedIOS = (props) => {
-    /* @conditional-compile-remove(call-readiness) */
-    const locale = useLocale().strings.BrowserPermissionDeniedIOS;
-    /* @conditional-compile-remove(call-readiness) */
-    return React.createElement(BrowserPermissionDeniedIOSContainer, Object.assign({}, props, { strings: props.strings ? props.strings : locale }));
-    return React.createElement(React.Fragment, null);
-};
-//# sourceMappingURL=BrowserPermissionDeniedIOS.js.map

package/dist/dist-esm/react-components/src/components/BrowserPermissionDeniedIOS.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BrowserPermissionDeniedIOS.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/BrowserPermissionDeniedIOS.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport React from 'react';\n/* @conditional-compile-remove(call-readiness) */\nimport { useMemo } from 'react';\n/* @conditional-compile-remove(call-readiness) */\nimport { Stack, Text, Link, PrimaryButton, mergeStyleSets, useTheme, Image, ImageFit } from '@fluentui/react';\n/* @conditional-compile-remove(call-readiness) */\nimport { useLocale } from '../localization';\n/* @conditional-compile-remove(call-readiness) */\nimport { _formatString, _pxToRem } from '@internal/acs-ui-common';\n/* @conditional-compile-remove(call-readiness) */\nimport {\n  browserPermissionContainerStyles,\n  iOSImageContainer,\n  iOSStepsCircleStyles,\n  iOSStepsContainerStyles,\n  iOSStepsDigitTextStyles,\n  iOSStepsTextStyles,\n  linkTextStyles,\n  primaryButtonStyles,\n  primaryTextStyles,\n  secondaryTextStyles,\n  textContainerStyles\n} from './styles/BrowserPermissionDenied.styles';\nimport { BrowserPermissionDeniedProps, BrowserPermissionDeniedStrings } from './BrowserPermissionDenied';\n\n/**\n * @beta\n * Props for BrowserPermissionDeniedIOS component.\n */\nexport interface BrowserPermissionDeniedIOSProps extends BrowserPermissionDeniedProps {\n  /**\n   * Localization strings for BrowserPermissionDeniedIOS component.\n   */\n  strings: BrowserPermissionDeniedIOSStrings;\n  /**\n   * Link to image source.\n   *\n   * Image is inserted into the top of the component.\n   */\n  imageSource?: string;\n}\n\n/**\n * @beta\n * Strings for BrowserPermissionDeniedIOS component\n */\nexport interface BrowserPermissionDeniedIOSStrings extends BrowserPermissionDeniedStrings {\n  /**\n   * Image alt text\n   */\n  imageAltText: string;\n  /**\n   * Main text string.\n   */\n  primaryText: string;\n  /**\n   * Subtext string.\n   */\n  secondaryText: string;\n  /**\n   * Step 1 string\n   */\n  step1Text: string;\n  /**\n   * Step 1 digit string\n   */\n  step1DigitText: string;\n  /**\n   * Step 2 string\n   */\n  step2Text: string;\n  /**\n   * Step 2 digit string\n   */\n  step2DigitText: string;\n  /**\n   * Step 3 string\n   */\n  step3Text: string;\n  /**\n   * Step 3 digit string\n   */\n  step3DigitText: string;\n  /**\n   * Step 4 string\n   */\n  step4Text: string;\n  /**\n   * Step 4 digit string\n   */\n  step4DigitText: string;\n}\n\n/* @conditional-compile-remove(call-readiness) */\nconst BrowserPermissionDeniedIOSContainer = (props: BrowserPermissionDeniedIOSProps): JSX.Element => {\n  const { imageSource, onTroubleshootingClick, onTryAgainClick, strings, styles } = props;\n  const theme = useTheme();\n\n  const stepsCircleStyle = useMemo(() => {\n    return mergeStyleSets(iOSStepsCircleStyles, { root: { background: theme.palette.neutralLighter } });\n  }, [theme]);\n\n  return (\n    <Stack styles={browserPermissionContainerStyles}>\n      {imageSource && (\n        <Stack styles={mergeStyleSets(iOSImageContainer, { root: { background: theme.palette.neutralLighter } })}>\n          <Image\n            src={imageSource ?? ''}\n            alt={strings.imageAltText}\n            imageFit={ImageFit.centerContain}\n            style={{ padding: '1.5rem' }}\n          />\n        </Stack>\n      )}\n      <Stack style={{ padding: '1rem', paddingBottom: '1.25rem' }}>\n        <Stack styles={textContainerStyles}>\n          <Text styles={primaryTextStyles}>{strings.primaryText}</Text>\n          <Text styles={secondaryTextStyles}>{strings.secondaryText}</Text>\n          {strings.step1Text && (\n            <Stack styles={iOSStepsContainerStyles}>\n              <Stack horizontalAlign={'center'} styles={stepsCircleStyle}>\n                <Text styles={iOSStepsDigitTextStyles}>{strings.step1DigitText}</Text>\n              </Stack>\n              <Text styles={iOSStepsTextStyles}>{strings.step1Text}</Text>\n            </Stack>\n          )}\n          {strings.step2Text && (\n            <Stack styles={iOSStepsContainerStyles}>\n              <Stack horizontalAlign={'center'} styles={stepsCircleStyle}>\n                <Text styles={iOSStepsDigitTextStyles}>{strings.step2DigitText}</Text>\n              </Stack>\n              <Text styles={iOSStepsTextStyles}>{strings.step2Text}</Text>\n            </Stack>\n          )}\n          {strings.step3Text && (\n            <Stack styles={iOSStepsContainerStyles}>\n              <Stack horizontalAlign={'center'} styles={stepsCircleStyle}>\n                <Text styles={iOSStepsDigitTextStyles}>{strings.step3DigitText}</Text>\n              </Stack>\n              <Text styles={iOSStepsTextStyles}>{strings.step3Text}</Text>\n            </Stack>\n          )}\n          {strings.step4Text && (\n            <Stack styles={mergeStyleSets(iOSStepsContainerStyles, { root: { paddingBottom: '1.5rem' } })}>\n              <Stack horizontalAlign={'center'} styles={stepsCircleStyle}>\n                <Text styles={iOSStepsDigitTextStyles}>{strings.step4DigitText}</Text>\n              </Stack>\n              <Text styles={iOSStepsTextStyles}>{strings.step4Text}</Text>\n            </Stack>\n          )}\n          <PrimaryButton\n            styles={mergeStyleSets(primaryButtonStyles, styles?.primaryButton)}\n            text={strings.primaryButtonText}\n            onClick={onTryAgainClick}\n          />\n          <Link styles={mergeStyleSets(linkTextStyles, styles?.troubleshootingLink)} onClick={onTroubleshootingClick}>\n            {strings.linkText}\n          </Link>\n        </Stack>\n      </Stack>\n    </Stack>\n  );\n};\n\n/**\n * @beta\n *\n * Component to allow Contoso to help their end user with their devices should their browser experience device permission issues.\n */\nexport const BrowserPermissionDeniedIOS = (props: BrowserPermissionDeniedIOSProps): JSX.Element => {\n  /* @conditional-compile-remove(call-readiness) */\n  const locale = useLocale().strings.BrowserPermissionDeniedIOS;\n  /* @conditional-compile-remove(call-readiness) */\n  return <BrowserPermissionDeniedIOSContainer {...props} strings={props.strings ? props.strings : locale} />;\n  return <></>;\n};\n\"../../../acs-ui-common/src\""]}

package/dist/dist-esm/react-components/src/components/DomainPermissions.d.ts

@@ -1,53 +0,0 @@
-/// <reference types="react" />
-/**
- * @beta
- * Props for DomainPermissions component.
- */
-export interface DomainPermissionsProps {
-    /**
-     * Name of application calling experience is in.
-     */
-    appName: string;
-    /**
-     * Action to be taken by the more help link. Possible to send to external page or show other modal.
-     */
-    onTroubleshootingClick: () => void;
-    /**
-     * Action to be taken by the Allow Access button.
-     */
-    onAllowAccessClick?: () => void;
-    /**
-     * Localization strings for DomainPermissions component.
-     */
-    strings: DomainPermissionsStrings;
-}
-/**
- * @beta
- * Strings for DomainPermissions component
- */
-export interface DomainPermissionsStrings {
-    /**
-     * Main text string.
-     */
-    primaryText: string;
-    /**
-     * Subtext string.
-     */
-    secondaryText: string;
-    /**
-     * More help link string.
-     */
-    linkText: string;
-    /**
-     * Primary button text string.
-     */
-    primaryButtonText: string;
-}
-/**
- * @beta
- *
- * Component to allow Contoso to help their end user with their devices should their permissions be blocked
- * by their browsers settings.
- */
-export declare const DomainPermissions: (props: DomainPermissionsProps) => JSX.Element;
-//# sourceMappingURL=DomainPermissions.d.ts.map

package/dist/dist-esm/react-components/src/components/DomainPermissions.js

@@ -1,43 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import React from 'react';
-/* @conditional-compile-remove(call-readiness) */
-import { Stack, Text, Link, Icon, useTheme, PrimaryButton } from '@fluentui/react';
-/* @conditional-compile-remove(call-readiness) */
-import { useLocale } from '../localization';
-/* @conditional-compile-remove(call-readiness) */
-import { _formatString } from "../../../acs-ui-common/src";
-/* @conditional-compile-remove(call-readiness) */
-import { iconContainerStyles, iconPrimaryStyles, linkTextStyles, primaryButtonStyles, primaryTextStyles, secondaryTextStyles, sparkleIconBackdropStyles, textContainerStyles } from './styles/DomainPermissions.styles';
-/* @conditional-compile-remove(call-readiness) */
-const DomainPermissionsContainer = (props) => {
-    const { appName, onTroubleshootingClick, onAllowAccessClick, strings } = props;
-    const theme = useTheme();
-    return (React.createElement(Stack, { style: { padding: '2rem', maxWidth: '25.375rem' } },
-        React.createElement(Stack, { horizontal: true, style: { paddingBottom: '1rem' }, horizontalAlign: 'space-between' },
-            React.createElement(Stack, { styles: iconContainerStyles, horizontalAlign: 'center' },
-                React.createElement(Icon, { styles: iconPrimaryStyles, iconName: 'DomainPermissionCamera' })),
-            React.createElement(Stack, { styles: iconContainerStyles, horizontalAlign: 'center' },
-                React.createElement(Icon, { styles: sparkleIconBackdropStyles(theme), iconName: 'DomainPermissionsSparkle' })),
-            React.createElement(Stack, { styles: iconContainerStyles, horizontalAlign: 'center' },
-                React.createElement(Icon, { styles: iconPrimaryStyles, iconName: 'DomainPermissionMic' }))),
-        React.createElement(Stack, { styles: textContainerStyles },
-            React.createElement(Text, { styles: primaryTextStyles }, _formatString(strings.primaryText, { appName: appName })),
-            React.createElement(Text, { styles: secondaryTextStyles }, strings.secondaryText),
-            onAllowAccessClick && (React.createElement(PrimaryButton, { styles: primaryButtonStyles, text: strings.primaryButtonText, onClick: onAllowAccessClick })),
-            React.createElement(Link, { styles: linkTextStyles, onClick: onTroubleshootingClick }, strings.linkText))));
-};
-/**
- * @beta
- *
- * Component to allow Contoso to help their end user with their devices should their permissions be blocked
- * by their browsers settings.
- */
-export const DomainPermissions = (props) => {
-    /* @conditional-compile-remove(call-readiness) */
-    const locale = useLocale().strings.DomainPermissions;
-    /* @conditional-compile-remove(call-readiness) */
-    return React.createElement(DomainPermissionsContainer, Object.assign({}, props, { strings: props.strings ? props.strings : locale }));
-    return React.createElement(React.Fragment, null);
-};
-//# sourceMappingURL=DomainPermissions.js.map

package/dist/dist-esm/react-components/src/components/DomainPermissions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DomainPermissions.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/DomainPermissions.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,iDAAiD;AACjD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACnF,iDAAiD;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,iDAAiD;AACjD,OAAO,EAAE,aAAa,EAAY,mCAAgC;AAClE,iDAAiD;AACjD,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EACjB,cAAc,EACd,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,EACnB,yBAAyB,EACzB,mBAAmB,EACpB,MAAM,mCAAmC,CAAC;AAgD3C,iDAAiD;AACjD,MAAM,0BAA0B,GAAG,CAAC,KAA6B,EAAe,EAAE;IAChF,MAAM,EAAE,OAAO,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC/E,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE;QACtD,oBAAC,KAAK,IAAC,UAAU,QAAC,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,eAAe,EAAE,eAAe;YAClF,oBAAC,KAAK,IAAC,MAAM,EAAE,mBAAmB,EAAE,eAAe,EAAE,QAAQ;gBAC3D,oBAAC,IAAI,IAAC,MAAM,EAAE,iBAAiB,EAAE,QAAQ,EAAE,wBAAwB,GAAS,CACtE;YACR,oBAAC,KAAK,IAAC,MAAM,EAAE,mBAAmB,EAAE,eAAe,EAAE,QAAQ;gBAC3D,oBAAC,IAAI,IAAC,MAAM,EAAE,yBAAyB,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,0BAA0B,GAAS,CACvF;YACR,oBAAC,KAAK,IAAC,MAAM,EAAE,mBAAmB,EAAE,eAAe,EAAE,QAAQ;gBAC3D,oBAAC,IAAI,IAAC,MAAM,EAAE,iBAAiB,EAAE,QAAQ,EAAE,qBAAqB,GAAS,CACnE,CACF;QACR,oBAAC,KAAK,IAAC,MAAM,EAAE,mBAAmB;YAChC,oBAAC,IAAI,IAAC,MAAM,EAAE,iBAAiB,IAAG,aAAa,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAQ;YAClG,oBAAC,IAAI,IAAC,MAAM,EAAE,mBAAmB,IAAG,OAAO,CAAC,aAAa,CAAQ;YAChE,kBAAkB,IAAI,CACrB,oBAAC,aAAa,IAAC,MAAM,EAAE,mBAAmB,EAAE,IAAI,EAAE,OAAO,CAAC,iBAAiB,EAAE,OAAO,EAAE,kBAAkB,GAAI,CAC7G;YACD,oBAAC,IAAI,IAAC,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,sBAAsB,IAC1D,OAAO,CAAC,QAAQ,CACZ,CACD,CACF,CACT,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAe,EAAE;IAC9E,iDAAiD;IACjD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC,iBAAiB,CAAC;IACrD,iDAAiD;IACjD,OAAO,oBAAC,0BAA0B,oBAAK,KAAK,IAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC;IAClG,OAAO,yCAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport React from 'react';\n/* @conditional-compile-remove(call-readiness) */\nimport { Stack, Text, Link, Icon, useTheme, PrimaryButton } from '@fluentui/react';\n/* @conditional-compile-remove(call-readiness) */\nimport { useLocale } from '../localization';\n/* @conditional-compile-remove(call-readiness) */\nimport { _formatString, _pxToRem } from '@internal/acs-ui-common';\n/* @conditional-compile-remove(call-readiness) */\nimport {\n  iconContainerStyles,\n  iconPrimaryStyles,\n  linkTextStyles,\n  primaryButtonStyles,\n  primaryTextStyles,\n  secondaryTextStyles,\n  sparkleIconBackdropStyles,\n  textContainerStyles\n} from './styles/DomainPermissions.styles';\n\n/**\n * @beta\n * Props for DomainPermissions component.\n */\nexport interface DomainPermissionsProps {\n  /**\n   * Name of application calling experience is in.\n   */\n  appName: string;\n  /**\n   * Action to be taken by the more help link. Possible to send to external page or show other modal.\n   */\n  onTroubleshootingClick: () => void;\n  /**\n   * Action to be taken by the Allow Access button.\n   */\n  onAllowAccessClick?: () => void;\n  /**\n   * Localization strings for DomainPermissions component.\n   */\n  strings: DomainPermissionsStrings;\n}\n\n/**\n * @beta\n * Strings for DomainPermissions component\n */\nexport interface DomainPermissionsStrings {\n  /**\n   * Main text string.\n   */\n  primaryText: string;\n  /**\n   * Subtext string.\n   */\n  secondaryText: string;\n  /**\n   * More help link string.\n   */\n  linkText: string;\n  /**\n   * Primary button text string.\n   */\n  primaryButtonText: string;\n}\n\n/* @conditional-compile-remove(call-readiness) */\nconst DomainPermissionsContainer = (props: DomainPermissionsProps): JSX.Element => {\n  const { appName, onTroubleshootingClick, onAllowAccessClick, strings } = props;\n  const theme = useTheme();\n  return (\n    <Stack style={{ padding: '2rem', maxWidth: '25.375rem' }}>\n      <Stack horizontal style={{ paddingBottom: '1rem' }} horizontalAlign={'space-between'}>\n        <Stack styles={iconContainerStyles} horizontalAlign={'center'}>\n          <Icon styles={iconPrimaryStyles} iconName={'DomainPermissionCamera'}></Icon>\n        </Stack>\n        <Stack styles={iconContainerStyles} horizontalAlign={'center'}>\n          <Icon styles={sparkleIconBackdropStyles(theme)} iconName={'DomainPermissionsSparkle'}></Icon>\n        </Stack>\n        <Stack styles={iconContainerStyles} horizontalAlign={'center'}>\n          <Icon styles={iconPrimaryStyles} iconName={'DomainPermissionMic'}></Icon>\n        </Stack>\n      </Stack>\n      <Stack styles={textContainerStyles}>\n        <Text styles={primaryTextStyles}>{_formatString(strings.primaryText, { appName: appName })}</Text>\n        <Text styles={secondaryTextStyles}>{strings.secondaryText}</Text>\n        {onAllowAccessClick && (\n          <PrimaryButton styles={primaryButtonStyles} text={strings.primaryButtonText} onClick={onAllowAccessClick} />\n        )}\n        <Link styles={linkTextStyles} onClick={onTroubleshootingClick}>\n          {strings.linkText}\n        </Link>\n      </Stack>\n    </Stack>\n  );\n};\n\n/**\n * @beta\n *\n * Component to allow Contoso to help their end user with their devices should their permissions be blocked\n * by their browsers settings.\n */\nexport const DomainPermissions = (props: DomainPermissionsProps): JSX.Element => {\n  /* @conditional-compile-remove(call-readiness) */\n  const locale = useLocale().strings.DomainPermissions;\n  /* @conditional-compile-remove(call-readiness) */\n  return <DomainPermissionsContainer {...props} strings={props.strings ? props.strings : locale} />;\n  return <></>;\n};\n\"../../../acs-ui-common/src\""]}

package/dist/dist-esm/react-components/src/components/HoldButton.d.ts

@@ -1,49 +0,0 @@
-/// <reference types="react" />
-import { ControlBarButtonProps } from './ControlBarButton';
-/**
- *@beta
- */
-export interface HoldButtonProps extends ControlBarButtonProps {
-    /**
-     * Utility property for using this component with communication react handlers
-     * Holds the call or resumes it based on call state.
-     */
-    onToggleHold: () => Promise<void>;
-    /**
-     * Optional strings to override in component
-     */
-    strings?: HoldButtonStrings;
-}
-/**
- * Strings for the hold button labels
- * @beta
- */
-export interface HoldButtonStrings {
-    /**
-     * Label for when action is to resume call.
-     */
-    onLabel: string;
-    /**
-     * Label for when action is to hold call.
-     */
-    offLabel: string;
-    /**
-     * Content for when button is checked
-     */
-    tooltipOnContent: string;
-    /**
-     * Content for when button is unchecked
-     */
-    tooltipOffContent: string;
-}
-/**
- * a button to hold or resume a ongoing call.
- *
- * Can be used with {@link ControlBar}
- *
- * @param props - properties for the hold button.
- * @returns
- * @beta
- */
-export declare const HoldButton: (props: HoldButtonProps) => JSX.Element;
-//# sourceMappingURL=HoldButton.d.ts.map

package/dist/dist-esm/react-components/src/components/HoldButton.js

@@ -1,25 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import { ControlBarButton } from './ControlBarButton';
-import React from 'react';
-import { _HighContrastAwareIcon } from './HighContrastAwareIcon';
-/**
- * a button to hold or resume a ongoing call.
- *
- * Can be used with {@link ControlBar}
- *
- * @param props - properties for the hold button.
- * @returns
- * @beta
- */
-export const HoldButton = (props) => {
-    const { onToggleHold, strings } = props;
-    const onRenderHoldIcon = () => {
-        return React.createElement(_HighContrastAwareIcon, { disabled: props.disabled, iconName: "HoldCallButton" });
-    };
-    const onRenderResumeIcon = () => {
-        return React.createElement(_HighContrastAwareIcon, { disabled: props.disabled, iconName: "ResumeCall" });
-    };
-    return (React.createElement(ControlBarButton, Object.assign({}, props, { strings: strings, onClick: onToggleHold !== null && onToggleHold !== void 0 ? onToggleHold : props.onClick, onRenderOnIcon: onRenderResumeIcon, onRenderOffIcon: onRenderHoldIcon })));
-};
-//# sourceMappingURL=HoldButton.js.map

package/dist/dist-esm/react-components/src/components/HoldButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HoldButton.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/HoldButton.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,gBAAgB,EAAyB,MAAM,oBAAoB,CAAC;AAC7E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAwCjE;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAe,EAAE;IAChE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAExC,MAAM,gBAAgB,GAAG,GAAgB,EAAE;QACzC,OAAO,oBAAC,sBAAsB,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,QAAQ,EAAC,gBAAgB,GAAG,CAAC;IACxF,CAAC,CAAC;IACF,MAAM,kBAAkB,GAAG,GAAgB,EAAE;QAC3C,OAAO,oBAAC,sBAAsB,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,QAAQ,EAAC,YAAY,GAAG,CAAC;IACpF,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,gBAAgB,oBACX,KAAK,IACT,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,KAAK,CAAC,OAAO,EACtC,cAAc,EAAE,kBAAkB,EAClC,eAAe,EAAE,gBAAgB,IACjC,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { ControlBarButton, ControlBarButtonProps } from './ControlBarButton';\nimport React from 'react';\nimport { _HighContrastAwareIcon } from './HighContrastAwareIcon';\n\n/**\n *@beta\n */\nexport interface HoldButtonProps extends ControlBarButtonProps {\n  /**\n   * Utility property for using this component with communication react handlers\n   * Holds the call or resumes it based on call state.\n   */\n  onToggleHold: () => Promise<void>;\n  /**\n   * Optional strings to override in component\n   */\n  strings?: HoldButtonStrings;\n}\n\n/**\n * Strings for the hold button labels\n * @beta\n */\nexport interface HoldButtonStrings {\n  /**\n   * Label for when action is to resume call.\n   */\n  onLabel: string;\n  /**\n   * Label for when action is to hold call.\n   */\n  offLabel: string;\n  /**\n   * Content for when button is checked\n   */\n  tooltipOnContent: string;\n  /**\n   * Content for when button is unchecked\n   */\n  tooltipOffContent: string;\n}\n\n/**\n * a button to hold or resume a ongoing call.\n *\n * Can be used with {@link ControlBar}\n *\n * @param props - properties for the hold button.\n * @returns\n * @beta\n */\nexport const HoldButton = (props: HoldButtonProps): JSX.Element => {\n  const { onToggleHold, strings } = props;\n\n  const onRenderHoldIcon = (): JSX.Element => {\n    return <_HighContrastAwareIcon disabled={props.disabled} iconName=\"HoldCallButton\" />;\n  };\n  const onRenderResumeIcon = (): JSX.Element => {\n    return <_HighContrastAwareIcon disabled={props.disabled} iconName=\"ResumeCall\" />;\n  };\n\n  return (\n    <ControlBarButton\n      {...props}\n      strings={strings}\n      onClick={onToggleHold ?? props.onClick}\n      onRenderOnIcon={onRenderResumeIcon}\n      onRenderOffIcon={onRenderHoldIcon}\n    />\n  );\n};\n"]}

package/dist/dist-esm/react-components/src/components/UnsupportedBrowser.d.ts

@@ -1,32 +0,0 @@
-/// <reference types="react" />
-/**
- * Strings for UnsupportedBrowser component
- *
- * @beta
- */
-export interface UnsupportedBrowserStrings {
-    /** String for the primary text */
-    primaryText: string;
-    /** String for the secondary text */
-    secondaryText: string;
-    /** String for the help link */
-    moreHelpLink: string;
-}
-/**
- * props for UnsupportedBrowser UI
- *
- * @beta
- */
-export interface UnsupportedBrowserProps {
-    /** Handler to perform a action when the help link is actioned */
-    onTroubleshootingClick?: () => void;
-    /** String overrides for the component */
-    strings: UnsupportedBrowserStrings;
-}
-/**
- * UI to display to the user that the browser they are using is not supported by calling application.
- *
- * @beta
- */
-export declare const UnsupportedBrowser: (props: UnsupportedBrowserProps) => JSX.Element;
-//# sourceMappingURL=UnsupportedBrowser.d.ts.map

package/dist/dist-esm/react-components/src/components/UnsupportedBrowser.js

@@ -1,33 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-/* @conditional-compile-remove(unsupported-browser) */
-import { Icon, Link, Stack, Text } from '@fluentui/react';
-import React from 'react';
-/* @conditional-compile-remove(unsupported-browser) */
-import { useLocale } from '../localization';
-/* @conditional-compile-remove(unsupported-browser) */
-import { containerStyles, iconStyles, linkTextStyles, mainTextStyles, secondaryTextStyles } from './styles/UnsupportedBrowser.styles';
-/* @conditional-compile-remove(unsupported-browser) */
-const UnsupportedBrowserContainer = (props) => {
-    const { onTroubleshootingClick, strings } = props;
-    return (React.createElement(Stack, { styles: containerStyles },
-        React.createElement(Icon, { styles: iconStyles, iconName: "UnsupportedBrowserWarning", "data-ui-id": "unsupportedBrowserIcon" }),
-        React.createElement(Text, { styles: mainTextStyles }, strings.primaryText),
-        React.createElement(Text, { styles: secondaryTextStyles }, strings.secondaryText),
-        onTroubleshootingClick && (React.createElement(Link, { styles: linkTextStyles, onClick: () => {
-                onTroubleshootingClick();
-            }, "data-ui-id": "unsupportedBrowserLink" }, strings.moreHelpLink))));
-};
-/**
- * UI to display to the user that the browser they are using is not supported by calling application.
- *
- * @beta
- */
-export const UnsupportedBrowser = (props) => {
-    /* @conditional-compile-remove(unsupported-browser) */
-    const strings = useLocale().strings.UnsupportedBrowser;
-    /* @conditional-compile-remove(unsupported-browser) */
-    return React.createElement(UnsupportedBrowserContainer, Object.assign({}, props, { strings: strings }));
-    return React.createElement(React.Fragment, null);
-};
-//# sourceMappingURL=UnsupportedBrowser.js.map

package/dist/dist-esm/react-components/src/components/UnsupportedBrowser.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UnsupportedBrowser.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/UnsupportedBrowser.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,sDAAsD;AACtD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAG1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,sDAAsD;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,sDAAsD;AACtD,OAAO,EACL,eAAe,EACf,UAAU,EACV,cAAc,EACd,cAAc,EACd,mBAAmB,EACpB,MAAM,oCAAoC,CAAC;AA4B5C,sDAAsD;AACtD,MAAM,2BAA2B,GAAG,CAAC,KAA8B,EAAe,EAAE;IAClF,MAAM,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAClD,OAAO,CACL,oBAAC,KAAK,IAAC,MAAM,EAAE,eAAe;QAC5B,oBAAC,IAAI,IAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAC,2BAA2B,gBAAY,wBAAwB,GAAQ;QAC1G,oBAAC,IAAI,IAAC,MAAM,EAAE,cAAc,IAAG,OAAO,CAAC,WAAW,CAAQ;QAC1D,oBAAC,IAAI,IAAC,MAAM,EAAE,mBAAmB,IAAG,OAAO,CAAC,aAAa,CAAQ;QAChE,sBAAsB,IAAI,CACzB,oBAAC,IAAI,IACH,MAAM,EAAE,cAAc,EACtB,OAAO,EAAE,GAAG,EAAE;gBACZ,sBAAsB,EAAE,CAAC;YAC3B,CAAC,gBACU,wBAAwB,IAElC,OAAO,CAAC,YAAY,CAChB,CACR,CACK,CACT,CAAC;AACJ,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAe,EAAE;IAChF,sDAAsD;IACtD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;IACvD,sDAAsD;IACtD,OAAO,oBAAC,2BAA2B,oBAAK,KAAK,IAAE,OAAO,EAAE,OAAO,IAAI,CAAC;IACpE,OAAO,yCAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\n/* @conditional-compile-remove(unsupported-browser) */\nimport { Icon, Link, Stack, Text } from '@fluentui/react';\n/* @conditional-compile-remove(unsupported-browser) */\nimport { _pxToRem } from '@internal/acs-ui-common';\nimport React from 'react';\n/* @conditional-compile-remove(unsupported-browser) */\nimport { useLocale } from '../localization';\n/* @conditional-compile-remove(unsupported-browser) */\nimport {\n  containerStyles,\n  iconStyles,\n  linkTextStyles,\n  mainTextStyles,\n  secondaryTextStyles\n} from './styles/UnsupportedBrowser.styles';\n\n/**\n * Strings for UnsupportedBrowser component\n *\n * @beta\n */\nexport interface UnsupportedBrowserStrings {\n  /** String for the primary text */\n  primaryText: string;\n  /** String for the secondary text */\n  secondaryText: string;\n  /** String for the help link */\n  moreHelpLink: string;\n}\n\n/**\n * props for UnsupportedBrowser UI\n *\n * @beta\n */\nexport interface UnsupportedBrowserProps {\n  /** Handler to perform a action when the help link is actioned */\n  onTroubleshootingClick?: () => void;\n  /** String overrides for the component */\n  strings: UnsupportedBrowserStrings;\n}\n\n/* @conditional-compile-remove(unsupported-browser) */\nconst UnsupportedBrowserContainer = (props: UnsupportedBrowserProps): JSX.Element => {\n  const { onTroubleshootingClick, strings } = props;\n  return (\n    <Stack styles={containerStyles}>\n      <Icon styles={iconStyles} iconName=\"UnsupportedBrowserWarning\" data-ui-id=\"unsupportedBrowserIcon\"></Icon>\n      <Text styles={mainTextStyles}>{strings.primaryText}</Text>\n      <Text styles={secondaryTextStyles}>{strings.secondaryText}</Text>\n      {onTroubleshootingClick && (\n        <Link\n          styles={linkTextStyles}\n          onClick={() => {\n            onTroubleshootingClick();\n          }}\n          data-ui-id=\"unsupportedBrowserLink\"\n        >\n          {strings.moreHelpLink}\n        </Link>\n      )}\n    </Stack>\n  );\n};\n\n/**\n * UI to display to the user that the browser they are using is not supported by calling application.\n *\n * @beta\n */\nexport const UnsupportedBrowser = (props: UnsupportedBrowserProps): JSX.Element => {\n  /* @conditional-compile-remove(unsupported-browser) */\n  const strings = useLocale().strings.UnsupportedBrowser;\n  /* @conditional-compile-remove(unsupported-browser) */\n  return <UnsupportedBrowserContainer {...props} strings={strings} />;\n  return <></>;\n};\n\"../../../acs-ui-common/src\""]}

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

@@ -1,58 +0,0 @@
-import { IButtonStyles, IIconStyles, ILinkStyles, IStackStyles, ITextStyles, Theme } from '@fluentui/react';
-/**
- * @internal
- */
-export declare const browserPermissionContainerStyles: IStackStyles;
-/**
- * @internal
- */
-export declare const iconContainerStyles: IStackStyles;
-/**
- * @internal
- */
-export declare const textContainerStyles: IStackStyles;
-/**
- * @internal
- */
-export declare const iconPrimaryStyles: IIconStyles;
-/**
- * @internal
- */
-export declare const sparkleIconBackdropStyles: (theme: Theme) => IIconStyles;
-/**
- * @internal
- */
-export declare const primaryTextStyles: ITextStyles;
-/**
- * @internal
- */
-export declare const secondaryTextStyles: ITextStyles;
-/**
- * @internal
- */
-export declare const linkTextStyles: ILinkStyles;
-/**
- * @internal
- */
-export declare const primaryButtonStyles: IButtonStyles;
-/**
- * @internal
- */
-export declare const iOSStepsContainerStyles: IStackStyles;
-/**
- * @internal
- */
-export declare const iOSStepsDigitTextStyles: IStackStyles;
-/**
- * @internal
- */
-export declare const iOSStepsTextStyles: IStackStyles;
-/**
- * @internal
- */
-export declare const iOSStepsCircleStyles: IStackStyles;
-/**
- * @internal
- */
-export declare const iOSImageContainer: IStackStyles;
-//# sourceMappingURL=BrowserPermissionDenied.styles.d.ts.map