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

package/dist/dist-esm/react-components/src/components/DevicePermissions/SitePermissions.js

@@ -1,68 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React from 'react';
-/* @conditional-compile-remove(call-readiness) */
-import { useLocale } from '../../localization';
-/* @conditional-compile-remove(call-readiness) */
-import { SitePermissionsContainer } from './SitePermissionsScaffolding';
-/* @conditional-compile-remove(call-readiness) */
-import { useShallowMerge } from '../utils/merge';
-/**
- * @beta
- *
- * Component to allow Contoso to help their end user with their devices should their permissions be blocked
- * by their browsers settings.
- */
-export const CameraAndMicrophoneSitePermissions = (props) => {
-    var _a, _b, _c;
-    /* @conditional-compile-remove(call-readiness) */
-    const locale = useLocale().strings;
-    /* @conditional-compile-remove(call-readiness) */
-    const strings = useShallowMerge(props.kind === 'denied' ? props.browserHint === 'safari' ? locale.CameraAndMicrophoneSitePermissionsDeniedSafari : locale.CameraAndMicrophoneSitePermissionsDenied : props.kind === 'request' ? locale.CameraAndMicrophoneSitePermissionsRequest : locale.CameraAndMicrophoneSitePermissionsCheck, props.strings);
-    /* @conditional-compile-remove(call-readiness) */
-    const cameraIconName = ((_a = props.microphoneIconName) !== null && _a !== void 0 ? _a : props.kind === 'denied') ? 'SitePermissionCameraDenied' : 'SitePermissionCamera';
-    /* @conditional-compile-remove(call-readiness) */
-    const microphoneIconName = ((_b = props.microphoneIconName) !== null && _b !== void 0 ? _b : props.kind === 'denied') ? 'SitePermissionMicDenied' : 'SitePermissionMic';
-    /* @conditional-compile-remove(call-readiness) */
-    const connectorIconName = (_c = props.microphoneIconName) !== null && _c !== void 0 ? _c : 'SitePermissionsSparkle';
-    /* @conditional-compile-remove(call-readiness) */
-    return React.createElement(SitePermissionsContainer, Object.assign({}, props, { strings: strings, cameraIconName: cameraIconName, connectorIconName: connectorIconName, microphoneIconName: microphoneIconName, onPrimaryButtonClick: props.onContinueAnywayClick }));
-    return React.createElement(React.Fragment, null);
-};
-/**
- * Component to allow Contoso to help their end user with their devices should their permissions be blocked
- * by their browsers settings.
- *
- * @beta
- */
-export const MicrophoneSitePermissions = (props) => {
-    var _a;
-    /* @conditional-compile-remove(call-readiness) */
-    const locale = useLocale().strings;
-    /* @conditional-compile-remove(call-readiness) */
-    const strings = useShallowMerge(props.kind === 'denied' ? props.browserHint === 'safari' ? locale.MicrophoneSitePermissionsDeniedSafari : locale.MicrophoneSitePermissionsDenied : props.kind === 'request' ? locale.MicrophoneSitePermissionsRequest : locale.MicrophoneSitePermissionsCheck, props.strings);
-    /* @conditional-compile-remove(call-readiness) */
-    const iconName = ((_a = props.microphoneIconName) !== null && _a !== void 0 ? _a : props.kind === 'denied') ? 'SitePermissionMicDenied' : 'SitePermissionMic';
-    /* @conditional-compile-remove(call-readiness) */
-    return React.createElement(SitePermissionsContainer, Object.assign({}, props, { strings: strings, cameraIconName: iconName, onPrimaryButtonClick: props.onContinueAnywayClick }));
-    return React.createElement(React.Fragment, null);
-};
-/**
- * Component to allow Contoso to help their end user with their devices should their permissions be blocked
- * by their browsers settings.
- *
- * @beta
- */
-export const CameraSitePermissions = (props) => {
-    var _a;
-    /* @conditional-compile-remove(call-readiness) */
-    const locale = useLocale().strings;
-    /* @conditional-compile-remove(call-readiness) */
-    const strings = useShallowMerge(props.kind === 'denied' ? props.browserHint === 'safari' ? locale.CameraSitePermissionsDeniedSafari : locale.CameraSitePermissionsDenied : props.kind === 'request' ? locale.CameraSitePermissionsRequest : locale.CameraSitePermissionsCheck, props.strings);
-    /* @conditional-compile-remove(call-readiness) */
-    const iconName = ((_a = props.cameraIconName) !== null && _a !== void 0 ? _a : props.kind === 'denied') ? 'SitePermissionCameraDenied' : 'SitePermissionCamera';
-    /* @conditional-compile-remove(call-readiness) */
-    return React.createElement(SitePermissionsContainer, Object.assign({}, props, { strings: strings, microphoneIconName: iconName, onPrimaryButtonClick: props.onContinueAnywayClick }));
-    return React.createElement(React.Fragment, null);
-};
-//# sourceMappingURL=SitePermissions.js.map

package/dist/dist-esm/react-components/src/components/DevicePermissions/SitePermissions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SitePermissions.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/DevicePermissions/SitePermissions.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 { useLocale } from '../../localization';\nimport { SitePermissionsStrings, SitePermissionsStyles } from './SitePermissionsScaffolding';\n/* @conditional-compile-remove(call-readiness) */\nimport { SitePermissionsContainer } from './SitePermissionsScaffolding';\n/* @conditional-compile-remove(call-readiness) */\nimport { useShallowMerge } from '../utils/merge';\n\n/**\n * @beta\n * Props for SitePermissions components.\n */\nexport interface CommonSitePermissionsProps {\n  /**\n   * Name of application calling experience is in.\n   */\n  appName: string;\n  /**\n   * Kind of the Site Permissions component.\n   */\n  kind: 'request' | 'denied' | 'check';\n  /**\n   * Type of the browser used, the Site permission component will show different guidance text based on the browser type\n   */\n  browserHint?: 'safari' | 'unset';\n  /**\n   * Action to be taken by the more help link. Possible to send to external page or show other modal.\n   * If this is not provided the button will not be shown.\n   */\n  onTroubleshootingClick?: () => void;\n  /**\n   * Action that is taken when the user clicks the continue anyway button.\n   * If this is not provided the button will not be shown.\n   */\n  onContinueAnywayClick?: () => void;\n  /**\n   * Styles for SitePermissions component.\n   */\n  styles?: SitePermissionsStyles;\n}\n\n/**\n * @beta\n * Strings for CameraAndMicrophoneSitePermissions component.\n */\nexport type CameraAndMicrophoneSitePermissionsStrings = SitePermissionsStrings;\n\n/**\n * @beta\n * Props for CameraAndMicrophoneSitePermissions component.\n */\nexport interface CameraAndMicrophoneSitePermissionsProps extends CommonSitePermissionsProps {\n  /** Icon name for the camera icon */\n  cameraIconName?: string;\n  /** Icon name for the microphone icon */\n  microphoneIconName?: string;\n  /** Icon name for the central icon between the camera and microphone icons */\n  connectorIconName?: string;\n  /** Strings for use with the {@link CameraAndMicrophoneSitePermissions} */\n  strings?: CameraAndMicrophoneSitePermissionsStrings;\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 CameraAndMicrophoneSitePermissions = (props: CameraAndMicrophoneSitePermissionsProps): JSX.Element => {\n  /* @conditional-compile-remove(call-readiness) */\n  const locale = useLocale().strings;\n\n  /* @conditional-compile-remove(call-readiness) */\n  const strings = useShallowMerge(props.kind === 'denied' ? props.browserHint === 'safari' ? locale.CameraAndMicrophoneSitePermissionsDeniedSafari : locale.CameraAndMicrophoneSitePermissionsDenied : props.kind === 'request' ? locale.CameraAndMicrophoneSitePermissionsRequest : locale.CameraAndMicrophoneSitePermissionsCheck, props.strings);\n\n  /* @conditional-compile-remove(call-readiness) */\n  const cameraIconName = props.microphoneIconName ?? props.kind === 'denied' ? 'SitePermissionCameraDenied' : 'SitePermissionCamera';\n  /* @conditional-compile-remove(call-readiness) */\n  const microphoneIconName = props.microphoneIconName ?? props.kind === 'denied' ? 'SitePermissionMicDenied' : 'SitePermissionMic';\n  /* @conditional-compile-remove(call-readiness) */\n  const connectorIconName = props.microphoneIconName ?? 'SitePermissionsSparkle';\n\n  /* @conditional-compile-remove(call-readiness) */\n  return <SitePermissionsContainer {...props} strings={strings} cameraIconName={cameraIconName} connectorIconName={connectorIconName} microphoneIconName={microphoneIconName} onPrimaryButtonClick={props.onContinueAnywayClick} />;\n  return <></>;\n};\n\n/**\n * @beta\n * Strings for MicrophoneSitePermissions component.\n */\nexport type MicrophoneSitePermissionsStrings = SitePermissionsStrings;\n\n/**\n * @beta\n * Props for MicrophoneSitePermissions component.\n */\nexport interface MicrophoneSitePermissionsProps extends CommonSitePermissionsProps {\n  /** Icon name for the microphone icon */\n  microphoneIconName?: string;\n  /** Strings for use with the {@link MicrophoneSitePermissions} */\n  strings?: MicrophoneSitePermissionsStrings;\n}\n\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 *\n * @beta\n */\nexport const MicrophoneSitePermissions = (props: MicrophoneSitePermissionsProps): JSX.Element => {\n  /* @conditional-compile-remove(call-readiness) */\n  const locale = useLocale().strings;\n\n  /* @conditional-compile-remove(call-readiness) */\n  const strings = useShallowMerge(props.kind === 'denied' ? props.browserHint === 'safari' ? locale.MicrophoneSitePermissionsDeniedSafari : locale.MicrophoneSitePermissionsDenied : props.kind === 'request' ? locale.MicrophoneSitePermissionsRequest : locale.MicrophoneSitePermissionsCheck, props.strings);\n\n  /* @conditional-compile-remove(call-readiness) */\n  const iconName = props.microphoneIconName ?? props.kind === 'denied' ? 'SitePermissionMicDenied' : 'SitePermissionMic';\n\n  /* @conditional-compile-remove(call-readiness) */\n  return <SitePermissionsContainer {...props} strings={strings} cameraIconName={iconName} onPrimaryButtonClick={props.onContinueAnywayClick} />;\n  return <></>;\n};\n\n/**\n * @beta\n * Strings for CameraSitePermissions component.\n */\nexport type CameraSitePermissionsStrings = SitePermissionsStrings;\n\n/**\n * @beta\n * Props for CameraSitePermissions component.\n */\nexport interface CameraSitePermissionsProps extends CommonSitePermissionsProps {\n  /** Icon name for the camera icon */\n  cameraIconName?: string;\n  /** Strings for use with the {@link CameraSitePermissions} */\n  strings?: CameraSitePermissionsStrings;\n}\n\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 *\n * @beta\n */\nexport const CameraSitePermissions = (props: CameraSitePermissionsProps): JSX.Element => {\n  /* @conditional-compile-remove(call-readiness) */\n  const locale = useLocale().strings;\n\n  /* @conditional-compile-remove(call-readiness) */\n  const strings = useShallowMerge(props.kind === 'denied' ? props.browserHint === 'safari' ? locale.CameraSitePermissionsDeniedSafari : locale.CameraSitePermissionsDenied : props.kind === 'request' ? locale.CameraSitePermissionsRequest : locale.CameraSitePermissionsCheck, props.strings);\n\n  /* @conditional-compile-remove(call-readiness) */\n  const iconName = props.cameraIconName ?? props.kind === 'denied' ? 'SitePermissionCameraDenied' : 'SitePermissionCamera';\n\n  /* @conditional-compile-remove(call-readiness) */\n  return <SitePermissionsContainer {...props} strings={strings} microphoneIconName={iconName} onPrimaryButtonClick={props.onContinueAnywayClick} />;\n  return <></>;\n};"]}

package/dist/dist-esm/react-components/src/components/DevicePermissions/SitePermissionsScaffolding.d.ts

@@ -1,86 +0,0 @@
-/// <reference types="react" />
-import { ILinkStyles, IButtonStyles } from '@fluentui/react';
-import { BaseCustomStyles } from '../../types';
-/**
- * @private
- * Props for SitePermissions component.
- */
-export interface SitePermissionsContainerProps {
-    /**
-     * Name of application calling experience is in.
-     */
-    appName?: string;
-    /**
-     * Name of icon to be used for the camera icon.
-     * If this is not provided the icon will not be shown.
-     */
-    cameraIconName?: string;
-    /**
-     * Name of icon to be used for the sparkle icon.
-     * If this is not provided the icon will not be shown.
-     */
-    connectorIconName?: string;
-    /**
-     * Name of icon to be used for the mic icon.
-     * If this is not provided the icon will not be shown.
-     */
-    microphoneIconName?: string;
-    /**
-     * Action to be taken by the more help link. Possible to send to external page or show other modal.
-     * If this is not provided the button will not be shown.
-     */
-    onTroubleshootingClick?: () => void;
-    /**
-     * Action that is taken when the user clicks an optional primary button.
-     * If this is not provided the button will not be shown.
-     */
-    onPrimaryButtonClick?: () => void;
-    /**
-     * Localization strings for SitePermissions component.
-     */
-    strings?: SitePermissionsStrings;
-    /**
-     * Styles for SitePermissions component.
-     */
-    styles?: SitePermissionsStyles;
-}
-/**
- * @beta
- * Strings for SitePermissions component
- */
-export declare type SitePermissionsStrings = {
-    /**
-     * Main text string.
-     */
-    primaryText?: string;
-    /**
-     * Subtext string.
-     */
-    secondaryText?: string;
-    /**
-     * More help link string.
-     */
-    linkText?: string;
-    /**
-     * Primary button text string.
-     */
-    primaryButtonText?: string;
-    /**
-     * Aria label describing the content of the container
-     */
-    ariaLabel?: string;
-};
-/**
- * Fluent styles for {@link SitePermissionsContainer}.
- *
- * @beta
- */
-export interface SitePermissionsStyles extends BaseCustomStyles {
-    /** Styles for the primary button. */
-    primaryButton?: IButtonStyles;
-    /** Styles for the help troubleshooting link text. */
-    troubleshootingLink?: ILinkStyles;
-}
-/** @private */
-export declare const SitePermissionsContainer: (props: SitePermissionsContainerProps) => JSX.Element;
-//# sourceMappingURL=SitePermissionsScaffolding.d.ts.map

package/dist/dist-esm/react-components/src/components/DevicePermissions/SitePermissionsScaffolding.js

@@ -1,39 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React from 'react';
-import { Stack, Text, Link, Icon, useTheme, PrimaryButton, mergeStyleSets } from '@fluentui/react';
-import { _formatString } from "../../../../acs-ui-common/src";
-import { iconBannerContainerStyles, iconContainerStyles, iconPrimaryStyles, linkTextStyles, primaryButtonStyles, primaryTextStyles, secondaryTextStyles, sparkleIconBackdropStyles, textContainerStyles } from '../styles/SitePermissions.styles';
-import { isValidString } from '../utils';
-/**
- * spacing for the icons in the banner.
- */
-const tokens = {
-    childrenGap: '2rem'
-};
-/** @private */
-export const SitePermissionsContainer = (props) => {
-    var _a, _b;
-    const { appName, onTroubleshootingClick, onPrimaryButtonClick, strings } = props;
-    const theme = useTheme();
-    return React.createElement(Stack, { style: {
-            padding: '2rem',
-            maxWidth: '25.375rem',
-            alignSelf: 'center'
-        }, "aria-label": strings === null || strings === void 0 ? void 0 : strings.ariaLabel },
-        React.createElement(Stack, { styles: iconBannerContainerStyles, horizontal: true, horizontalAlign: 'center', verticalFill: true, tokens: tokens },
-            props.cameraIconName && React.createElement(Stack, null,
-                React.createElement(Icon, { styles: iconPrimaryStyles, iconName: props.cameraIconName })),
-            props.connectorIconName && React.createElement(Stack, { styles: iconContainerStyles, horizontal: true },
-                React.createElement(Icon, { styles: sparkleIconBackdropStyles(theme), iconName: props.connectorIconName })),
-            props.microphoneIconName && React.createElement(Stack, null,
-                React.createElement(Icon, { styles: iconPrimaryStyles, iconName: props.microphoneIconName }))),
-        React.createElement(Stack, { styles: textContainerStyles },
-            strings && isValidString(strings === null || strings === void 0 ? void 0 : strings.primaryText) && React.createElement(Text, { styles: primaryTextStyles }, appName ? _formatString(strings.primaryText, {
-                appName: appName
-            }) : strings.primaryText),
-            strings && isValidString(strings === null || strings === void 0 ? void 0 : strings.secondaryText) && React.createElement(Text, { styles: secondaryTextStyles }, strings === null || strings === void 0 ? void 0 : strings.secondaryText),
-            onPrimaryButtonClick && isValidString(strings === null || strings === void 0 ? void 0 : strings.primaryButtonText) && React.createElement(PrimaryButton, { styles: mergeStyleSets(primaryButtonStyles, (_a = props.styles) === null || _a === void 0 ? void 0 : _a.primaryButton), text: strings === null || strings === void 0 ? void 0 : strings.primaryButtonText, onClick: onPrimaryButtonClick }),
-            onTroubleshootingClick && isValidString(strings === null || strings === void 0 ? void 0 : strings.linkText) && React.createElement(Link, { styles: mergeStyleSets(linkTextStyles, (_b = props.styles) === null || _b === void 0 ? void 0 : _b.troubleshootingLink), onClick: onTroubleshootingClick }, strings === null || strings === void 0 ? void 0 : strings.linkText)));
-};
-//# sourceMappingURL=SitePermissionsScaffolding.js.map

package/dist/dist-esm/react-components/src/components/DevicePermissions/SitePermissionsScaffolding.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SitePermissionsScaffolding.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/DevicePermissions/SitePermissionsScaffolding.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { Stack, Text, Link, Icon, useTheme, PrimaryButton, ILinkStyles, IButtonStyles, mergeStyleSets } from '@fluentui/react';\nimport { _formatString, _pxToRem } from '@internal/acs-ui-common';\nimport { iconBannerContainerStyles, iconContainerStyles, iconPrimaryStyles, linkTextStyles, primaryButtonStyles, primaryTextStyles, secondaryTextStyles, sparkleIconBackdropStyles, textContainerStyles } from '../styles/SitePermissions.styles';\nimport { isValidString } from '../utils';\nimport { BaseCustomStyles } from '../../types';\n\n/**\n * @private\n * Props for SitePermissions component.\n */\nexport interface SitePermissionsContainerProps {\n  /**\n   * Name of application calling experience is in.\n   */\n  appName?: string;\n  /**\n   * Name of icon to be used for the camera icon.\n   * If this is not provided the icon will not be shown.\n   */\n  cameraIconName?: string;\n  /**\n   * Name of icon to be used for the sparkle icon.\n   * If this is not provided the icon will not be shown.\n   */\n  connectorIconName?: string;\n  /**\n   * Name of icon to be used for the mic icon.\n   * If this is not provided the icon will not be shown.\n   */\n  microphoneIconName?: string;\n  /**\n   * Action to be taken by the more help link. Possible to send to external page or show other modal.\n   * If this is not provided the button will not be shown.\n   */\n  onTroubleshootingClick?: () => void;\n  /**\n   * Action that is taken when the user clicks an optional primary button.\n   * If this is not provided the button will not be shown.\n   */\n  onPrimaryButtonClick?: () => void;\n  /**\n   * Localization strings for SitePermissions component.\n   */\n  strings?: SitePermissionsStrings;\n  /**\n   * Styles for SitePermissions component.\n   */\n  styles?: SitePermissionsStyles;\n}\n\n/**\n * @beta\n * Strings for SitePermissions component\n */\nexport type SitePermissionsStrings = {\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   * Aria label describing the content of the container\n   */\n  ariaLabel?: string;\n};\n\n/**\n * Fluent styles for {@link SitePermissionsContainer}.\n *\n * @beta\n */\nexport interface SitePermissionsStyles 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/**\n * spacing for the icons in the banner.\n */\nconst tokens = {\n  childrenGap: '2rem'\n};\n\n/** @private */\nexport const SitePermissionsContainer = (props: SitePermissionsContainerProps): JSX.Element => {\n  const {\n    appName,\n    onTroubleshootingClick,\n    onPrimaryButtonClick,\n    strings\n  } = props;\n  const theme = useTheme();\n  return <Stack style={{\n    padding: '2rem',\n    maxWidth: '25.375rem',\n    alignSelf: 'center'\n  }} aria-label={strings?.ariaLabel}>\n      <Stack styles={iconBannerContainerStyles} horizontal horizontalAlign={'center'} verticalFill tokens={tokens}>\n        {props.cameraIconName && <Stack>\n            <Icon styles={iconPrimaryStyles} iconName={props.cameraIconName}></Icon>\n          </Stack>}\n        {props.connectorIconName && <Stack styles={iconContainerStyles} horizontal>\n            <Icon styles={sparkleIconBackdropStyles(theme)} iconName={props.connectorIconName}></Icon>\n          </Stack>}\n        {props.microphoneIconName && <Stack>\n            <Icon styles={iconPrimaryStyles} iconName={props.microphoneIconName}></Icon>\n          </Stack>}\n      </Stack>\n      <Stack styles={textContainerStyles}>\n        {strings && isValidString(strings?.primaryText) && <Text styles={primaryTextStyles}>\n            {appName ? _formatString(strings.primaryText, {\n          appName: appName\n        }) : strings.primaryText}\n          </Text>}\n        {strings && isValidString(strings?.secondaryText) && <Text styles={secondaryTextStyles}>{strings?.secondaryText}</Text>}\n\n        {onPrimaryButtonClick && isValidString(strings?.primaryButtonText) && <PrimaryButton styles={mergeStyleSets(primaryButtonStyles, props.styles?.primaryButton)} text={strings?.primaryButtonText} onClick={onPrimaryButtonClick} />}\n        {onTroubleshootingClick && isValidString(strings?.linkText) && <Link styles={mergeStyleSets(linkTextStyles, props.styles?.troubleshootingLink)} onClick={onTroubleshootingClick}>\n            {strings?.linkText}\n          </Link>}\n      </Stack>\n    </Stack>;\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":["../../../../../preprocess-dist/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,EACJ,YAAY,EACZ,OAAO,EACR,GAAG,KAAK,CAAC;IACV,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;IACF,OAAO,oBAAC,gBAAgB,oBAAK,KAAK,IAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,KAAK,CAAC,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,eAAe,EAAE,gBAAgB,IAAI,CAAC;AAC1K,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 {\n    onToggleHold,\n    strings\n  } = props;\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  return <ControlBarButton {...props} strings={strings} onClick={onToggleHold ?? props.onClick} onRenderOnIcon={onRenderResumeIcon} onRenderOffIcon={onRenderHoldIcon} />;\n};"]}

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

@@ -1,71 +0,0 @@
-import { SyntheticEvent } from 'react';
-/**
- * Props for {@link ImageGallery}.
- *
- * @beta
- */
-export interface ImageGalleryImageProps {
-    /** Image Url used to display the image in a large scale. */
-    imageUrl: string;
-    /** String used as a file name when downloading this image to user's local device. */
-    downloadFilename: string;
-    /** Optional string used as a alt text for the image. @default 'image' */
-    altText?: string;
-    /** Optional string used as the title of the image and displayed on the top left corner of the ImageGallery. */
-    title?: string;
-    /** Optional JSX element used as a title icon and displayed to the left of the title element. */
-    titleIcon?: JSX.Element;
-}
-/**
- * Props for {@link ImageGallery}.
- *
- * @beta
- */
-export interface ImageGalleryProps {
-    /**
-     * Boolean that controls whether the modal is displayed.
-     */
-    isOpen: boolean;
-    /**
-     * Array of images used to populate the ImageGallery
-     */
-    images: Array<ImageGalleryImageProps>;
-    /**
-     * Callback to invoke when the ImageGallery modal is dismissed
-     */
-    onDismiss: () => void;
-    /**
-     * Callback called when the download button is clicked.
-     */
-    onImageDownloadButtonClicked: (imageUrl: string, downloadFilename: string) => void;
-    /**
-     * Callback called when there's an error loading the image.
-     */
-    onError?: (event: SyntheticEvent<HTMLImageElement, Event>) => void;
-    /**
-     * Indicating which index of the images array to start with.
-     */
-    startIndex?: number;
-}
-/**
- * Strings of {@link ImageGallery} that can be overridden.
- *
- * @beta
- */
-export interface ImageGalleryStrings {
-    /**
-     * Download button label for ImageGallery
-     */
-    downloadButtonLabel: string;
-    /**
-     * Dismiss button aria label for ImageGallery
-     */
-    dismissButtonAriaLabel: string;
-}
-/**
- * Component to render a fullscreen modal for a selected image.
- *
- * @beta
- */
-export declare const ImageGallery: (props: ImageGalleryProps) => JSX.Element;
-//# sourceMappingURL=ImageGallery.d.ts.map

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

@@ -1,64 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(image-gallery) */
-import { DefaultButton, FocusTrapZone, Icon, IconButton, Modal, Stack, mergeStyles } from '@fluentui/react';
-/* @conditional-compile-remove(image-gallery) */
-import React, { useState } from 'react';
-/* @conditional-compile-remove(image-gallery) */
-import { bodyContainer, bodyFocusZone, brokenImageStyle, cancelIcon, closeButtonStyles, controlBarContainerStyle, downloadButtonStyle, downloadIcon, downloadIconStyle, focusTrapZoneStyle, headerStyle, normalImageStyle, overlayStyles, scrollableContentStyle, smallDownloadButtonContainerStyle, titleBarContainerStyle, titleStyle } from './styles/ImageGallery.style';
-/* @conditional-compile-remove(image-gallery) */
-import { useTheme } from '../theming/FluentThemeProvider';
-/* @conditional-compile-remove(image-gallery) */
-import { useLocale } from '../localization';
-/* @conditional-compile-remove(image-gallery) */
-/**
- * Component to render a fullscreen modal for a selected image.
- *
- * @beta
- */
-export const ImageGallery = (props) => {
-    const { isOpen, images, onImageDownloadButtonClicked, onDismiss, onError, startIndex = 0 } = props;
-    const theme = useTheme();
-    /* @conditional-compile-remove(image-gallery) */
-    const localeStrings = useLocale().strings.imageGallery;
-    const [isImageLoaded, setIsImageLoaded] = useState(true);
-    const imageStyle = isImageLoaded ? normalImageStyle : brokenImageStyle(theme);
-    const image = images[startIndex];
-    const renderHeaderBar = () => {
-        return React.createElement(Stack, { className: mergeStyles(headerStyle) },
-            React.createElement(Stack, { className: mergeStyles(titleBarContainerStyle) }, image === null || image === void 0 ? void 0 :
-                image.titleIcon,
-                React.createElement(Stack.Item, { className: mergeStyles(titleStyle(theme)), "aria-label": image === null || image === void 0 ? void 0 : image.title }, image === null || image === void 0 ? void 0 : image.title)),
-            React.createElement(Stack, { className: mergeStyles(controlBarContainerStyle) },
-                React.createElement(DefaultButton, { className: mergeStyles(downloadButtonStyle(theme)), 
-                    /* @conditional-compile-remove(image-gallery) */ text: localeStrings.downloadButtonLabel, onClick: () => onImageDownloadButtonClicked((image === null || image === void 0 ? void 0 : image.imageUrl) || '', (image === null || image === void 0 ? void 0 : image.downloadFilename) || 'image'), onRenderIcon: () => React.createElement(Icon, { iconName: downloadIcon.iconName, className: mergeStyles(downloadIconStyle) }), "aria-live": 'polite', "aria-label": localeStrings.downloadButtonLabel }),
-                React.createElement(IconButton, { iconProps: downloadIcon, className: mergeStyles(smallDownloadButtonContainerStyle(theme)), onClick: () => onImageDownloadButtonClicked(image === null || image === void 0 ? void 0 : image.imageUrl, image === null || image === void 0 ? void 0 : image.downloadFilename), "aria-label": localeStrings.downloadButtonLabel, "aria-live": 'polite' }),
-                React.createElement(IconButton, { iconProps: cancelIcon, className: mergeStyles(closeButtonStyles(theme)), onClick: onDismiss, 
-                    /* @conditional-compile-remove(image-gallery) */ ariaLabel: localeStrings.dismissButtonAriaLabel, "aria-live": 'polite' })));
-    };
-    const renderBodyWithLightDismiss = () => {
-        return React.createElement(Stack, { className: mergeStyles(bodyContainer), onClick: () => props.onDismiss() },
-            React.createElement(FocusTrapZone, { onKeyDown: e => {
-                    if (e.key === 'Escape' || e.key === 'Esc') {
-                        onDismiss();
-                    }
-                }, 
-                // Ensure when the focus trap has focus, the light dismiss area can still be clicked with mouse to dismiss.
-                // Note: this still correctly captures keyboard focus, this just allows mouse click outside of the focus trap.
-                isClickableOutsideFocusTrap: true, className: mergeStyles(bodyFocusZone) }, images.length > startIndex && React.createElement("img", { src: image === null || image === void 0 ? void 0 : image.imageUrl, className: mergeStyles(imageStyle), alt: (image === null || image === void 0 ? void 0 : image.altText) || 'image', "aria-label": 'image-gallery-main-image', "aria-live": 'polite', onError: event => {
-                    setIsImageLoaded(false);
-                    onError && onError(event);
-                }, onClick: event => event.stopPropagation(), onDoubleClick: event => {
-                    event.persist();
-                } })));
-    };
-    return React.createElement(Modal, { titleAriaId: image === null || image === void 0 ? void 0 : image.title, isOpen: isOpen, onDismiss: onDismiss, overlay: {
-            styles: Object.assign({}, overlayStyles(theme))
-        }, styles: {
-            main: focusTrapZoneStyle,
-            scrollableContent: scrollableContentStyle
-        }, isDarkOverlay: true },
-        renderHeaderBar(),
-        renderBodyWithLightDismiss());
-};
-//# sourceMappingURL=ImageGallery.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ImageGallery.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/components/ImageGallery.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(image-gallery) */\nimport { DefaultButton, FocusTrapZone, Icon, IconButton, Modal, Stack, mergeStyles } from '@fluentui/react';\n/* @conditional-compile-remove(image-gallery) */\nimport React, { SyntheticEvent, useState } from 'react';\n/* @conditional-compile-remove(image-gallery) */\nimport { bodyContainer, bodyFocusZone, brokenImageStyle, cancelIcon, closeButtonStyles, controlBarContainerStyle, downloadButtonStyle, downloadIcon, downloadIconStyle, focusTrapZoneStyle, headerStyle, normalImageStyle, overlayStyles, scrollableContentStyle, smallDownloadButtonContainerStyle, titleBarContainerStyle, titleStyle } from './styles/ImageGallery.style';\n/* @conditional-compile-remove(image-gallery) */\nimport { useTheme } from '../theming/FluentThemeProvider';\n/* @conditional-compile-remove(image-gallery) */\nimport { useLocale } from '../localization';\n/* @conditional-compile-remove(image-gallery) */\nimport { ChatTheme } from '../theming';\n/**\n * Props for {@link ImageGallery}.\n *\n * @beta\n */\nexport interface ImageGalleryImageProps {\n  /** Image Url used to display the image in a large scale. */\n  imageUrl: string;\n  /** String used as a file name when downloading this image to user's local device. */\n  downloadFilename: string;\n  /** Optional string used as a alt text for the image. @default 'image' */\n  altText?: string;\n  /** Optional string used as the title of the image and displayed on the top left corner of the ImageGallery. */\n  title?: string;\n  /** Optional JSX element used as a title icon and displayed to the left of the title element. */\n  titleIcon?: JSX.Element;\n}\n/* @conditional-compile-remove(image-gallery) */\n/**\n * Props for {@link ImageGallery}.\n *\n * @beta\n */\nexport interface ImageGalleryProps {\n  /**\n   * Boolean that controls whether the modal is displayed.\n   */\n  isOpen: boolean;\n  /**\n   * Array of images used to populate the ImageGallery\n   */\n  images: Array<ImageGalleryImageProps>;\n  /**\n   * Callback to invoke when the ImageGallery modal is dismissed\n   */\n  onDismiss: () => void;\n  /**\n   * Callback called when the download button is clicked.\n   */\n  onImageDownloadButtonClicked: (imageUrl: string, downloadFilename: string) => void;\n  /**\n   * Callback called when there's an error loading the image.\n   */\n  onError?: (event: SyntheticEvent<HTMLImageElement, Event>) => void;\n  /**\n   * Indicating which index of the images array to start with.\n   */\n  startIndex?: number;\n}\n/* @conditional-compile-remove(image-gallery) */\n/**\n * Strings of {@link ImageGallery} that can be overridden.\n *\n * @beta\n */\nexport interface ImageGalleryStrings {\n  /**\n   * Download button label for ImageGallery\n   */\n  downloadButtonLabel: string;\n  /**\n   * Dismiss button aria label for ImageGallery\n   */\n  dismissButtonAriaLabel: string;\n}\n/* @conditional-compile-remove(image-gallery) */\n/**\n * Component to render a fullscreen modal for a selected image.\n *\n * @beta\n */\nexport const ImageGallery = (props: ImageGalleryProps): JSX.Element => {\n  const {\n    isOpen,\n    images,\n    onImageDownloadButtonClicked,\n    onDismiss,\n    onError,\n    startIndex = 0\n  } = props;\n  const theme = ((useTheme() as unknown) as ChatTheme);\n\n  /* @conditional-compile-remove(image-gallery) */\n  const localeStrings = useLocale().strings.imageGallery;\n  const [isImageLoaded, setIsImageLoaded] = useState<boolean>(true);\n  const imageStyle = isImageLoaded ? normalImageStyle : brokenImageStyle(theme);\n  const image = images[startIndex];\n  const renderHeaderBar = (): JSX.Element => {\n    return <Stack className={mergeStyles(headerStyle)}>\n        <Stack className={mergeStyles(titleBarContainerStyle)}>\n          {image?.titleIcon}\n          <Stack.Item className={mergeStyles(titleStyle(theme))} aria-label={image?.title}>\n            {image?.title}\n          </Stack.Item>\n        </Stack>\n        <Stack className={mergeStyles(controlBarContainerStyle)}>\n          <DefaultButton className={mergeStyles(downloadButtonStyle(theme))}\n        /* @conditional-compile-remove(image-gallery) */ text={localeStrings.downloadButtonLabel} onClick={() => onImageDownloadButtonClicked(image?.imageUrl || '', image?.downloadFilename || 'image')} onRenderIcon={() => <Icon iconName={downloadIcon.iconName} className={mergeStyles(downloadIconStyle)} />} aria-live={'polite'}\n        /* @conditional-compile-remove(image-gallery) */ aria-label={localeStrings.downloadButtonLabel} />\n          <IconButton iconProps={downloadIcon} className={mergeStyles(smallDownloadButtonContainerStyle(theme))} onClick={() => onImageDownloadButtonClicked(image?.imageUrl, image?.downloadFilename)}\n        /* @conditional-compile-remove(image-gallery) */ aria-label={localeStrings.downloadButtonLabel} aria-live={'polite'} />\n          <IconButton iconProps={cancelIcon} className={mergeStyles(closeButtonStyles(theme))} onClick={onDismiss}\n        /* @conditional-compile-remove(image-gallery) */ ariaLabel={localeStrings.dismissButtonAriaLabel} aria-live={'polite'} />\n        </Stack>\n      </Stack>;\n  };\n  const renderBodyWithLightDismiss = (): JSX.Element => {\n    return <Stack className={mergeStyles(bodyContainer)} onClick={() => props.onDismiss()}>\n        <FocusTrapZone onKeyDown={e => {\n        if (e.key === 'Escape' || e.key === 'Esc') {\n          onDismiss();\n        }\n      }}\n      // Ensure when the focus trap has focus, the light dismiss area can still be clicked with mouse to dismiss.\n      // Note: this still correctly captures keyboard focus, this just allows mouse click outside of the focus trap.\n      isClickableOutsideFocusTrap={true} className={mergeStyles(bodyFocusZone)}>\n          {images.length > startIndex && <img src={image?.imageUrl} className={mergeStyles(imageStyle)} alt={image?.altText || 'image'} aria-label={'image-gallery-main-image'} aria-live={'polite'} onError={event => {\n          setIsImageLoaded(false);\n          onError && onError(event);\n        }} onClick={event => event.stopPropagation()} onDoubleClick={event => {\n          event.persist();\n        }} />}\n        </FocusTrapZone>\n      </Stack>;\n  };\n  return <Modal titleAriaId={image?.title} isOpen={isOpen} onDismiss={onDismiss} overlay={{\n    styles: {\n      ...overlayStyles(theme)\n    }\n  }} styles={{\n    main: focusTrapZoneStyle,\n    scrollableContent: scrollableContentStyle\n  }} isDarkOverlay={true}>\n      {renderHeaderBar()}\n      {renderBodyWithLightDismiss()}\n    </Modal>;\n};"]}

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

@@ -1,121 +0,0 @@
-import React from 'react';
-/**
- * Props for {@link _MentionPopover}.
- *
- * @internal
- */
-export interface _MentionPopoverProps {
-    /**
-     * Array of mention suggestions used to populate the suggestion list
-     */
-    suggestions: Mention[];
-    /**
-     * Index of the currently focused suggestion, if any
-     */
-    activeSuggestionIndex?: number;
-    /**
-     * Optional string used as mention popover's title.
-     * @defaultValue `Suggestions`
-     */
-    title?: string;
-    /**
-     * Element to anchor the popover to.
-     */
-    target: React.RefObject<Element>;
-    /**
-     * When rendering the popover, where to position it relative to the target.
-     */
-    targetPositionOffset?: {
-        top: number;
-        left: number;
-    };
-    /**
-     * Where to display the suggestions relative to the target.
-     * @defaultValue `above`
-     */
-    location?: 'above' | 'below';
-    /**
-     * Callback called when a mention suggestion is selected.
-     */
-    onSuggestionSelected: (suggestion: Mention) => void;
-    /**
-     * Callback to invoke when the popover is dismissed
-     */
-    onDismiss?: () => void;
-    /**
-     * Optional callback to render an item of the mention suggestions list.
-     */
-    onRenderSuggestionItem?: (suggestion: Mention, onSuggestionSelected: (suggestion: Mention) => void, isActive: boolean) => JSX.Element;
-}
-/**
- * Options to lookup suggestions in the mention scenario.
- *
- * @beta
- */
-export interface MentionLookupOptions {
-    /**
-     * Optional string to set trigger keyword for mention a specific participant.
-     *
-     * @defaultValue `@`
-     */
-    trigger?: string;
-    /**
-     * Optional callback to fetch a list of mention suggestions base on the query.
-     */
-    onQueryUpdated: (query: string) => Promise<Mention[]>;
-    /**
-     * Optional callback to render an item of the mention suggestions list.
-     */
-    onRenderSuggestionItem?: (suggestion: Mention, onSuggestionSelected: (suggestion: Mention) => void) => JSX.Element;
-}
-/**
- * Options to display suggestions in the mention scenario.
- *
- * @beta
- */
-export interface MentionDisplayOptions {
-    /**
-     * Optional callback for customizing the mention renderer in a message thread.
-     */
-    onRenderMention?: (mention: Mention, defaultOnRender: (mention: Mention) => JSX.Element) => JSX.Element;
-}
-/**
- * Options to lookup suggestions and display mentions in the mention scenario.
- *
- * @beta
- */
-export declare type MentionOptions = {
-    lookupOptions?: MentionLookupOptions;
-    displayOptions?: MentionDisplayOptions;
-};
-/**
- * Mention's state, as reflected in the UI.
- *
- * @beta
- */
-export interface Mention {
-    /** ID of a mention */
-    id: string;
-    /** Display text of a mention */
-    displayText: string;
-    /** Optional React element to render an item icon of a mention suggestion */
-    icon?: JSX.Element;
-}
-/**
- * Strings of {@link _MentionPopover} that can be overridden.
- *
- * @beta
- */
-export interface MentionPopoverStrings {
-    /**
-     * Header text for MentionPopover
-     */
-    mentionPopoverHeader: string;
-}
-/**
- * Component to render a pop-up of mention suggestions.
- *
- * @internal
- */
-export declare const _MentionPopover: (props: _MentionPopoverProps) => JSX.Element;
-//# sourceMappingURL=MentionPopover.d.ts.map