@azure/communication-react 1.5.1-beta.5 → 1.6.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/ResponsiveVerticalGallery.d.ts

@@ -1,35 +0,0 @@
-import { IStyle } from '@fluentui/react';
-import React from 'react';
-import { VerticalGalleryStyles } from './VerticalGallery';
-/**
- * Props for the Responsive wrapper of the VerticalGallery component
- *
- * @beta
- */
-export interface ResponsiveVerticalGalleryProps {
-    /** Video tiles to be rendered in the Vertical Gallery */
-    children: React.ReactNode;
-    /** Styles for the Children space container */
-    containerStyles: IStyle;
-    /** Styles for the VerticalGallery component */
-    verticalGalleryStyles: VerticalGalleryStyles;
-    /** Height of the gap in between the video tiles */
-    gapHeightRem: number;
-    /** Height of the control bar for navigating pages */
-    controlBarHeightRem?: number;
-    /** container is shorter than 480 px. */
-    isShort?: boolean;
-    /** Function to set which tiles to give video to in the children. */
-    onFetchTilesToRender?: (indexes: number[]) => void;
-    /** event to listen for children per page changes */
-    onChildrenPerPageChange?: (childrenPerPage: number) => void;
-}
-/**
- * Responsive container for the VerticalGallery Component. Performs calculations for number of children
- * for the VerticalGallery
- * @param props
- *
- * @beta
- */
-export declare const ResponsiveVerticalGallery: (props: ResponsiveVerticalGalleryProps) => JSX.Element;
-//# sourceMappingURL=ResponsiveVerticalGallery.d.ts.map

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

@@ -1,32 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import { mergeStyles } from '@fluentui/react';
-import React, { useRef } from 'react';
-import { _useContainerHeight } from './utils/responsive';
-import { VerticalGallery } from './VerticalGallery';
-import { calculateVerticalChildrenPerPage } from './VideoGallery/utils/OverflowGalleryUtils';
-/**
- * Responsive container for the VerticalGallery Component. Performs calculations for number of children
- * for the VerticalGallery
- * @param props
- *
- * @beta
- */
-export const ResponsiveVerticalGallery = (props) => {
-    const { children, containerStyles, verticalGalleryStyles, gapHeightRem, controlBarHeightRem, isShort, onFetchTilesToRender, onChildrenPerPageChange } = props;
-    const containerRef = useRef(null);
-    const containerHeight = _useContainerHeight(containerRef);
-    const topPadding = containerRef.current ? parseFloat(getComputedStyle(containerRef.current).paddingTop) : 0;
-    const bottomPadding = containerRef.current ? parseFloat(getComputedStyle(containerRef.current).paddingBottom) : 0;
-    const childrenPerPage = calculateVerticalChildrenPerPage({
-        numberOfChildren: React.Children.count(children),
-        containerHeight: (containerHeight !== null && containerHeight !== void 0 ? containerHeight : 0) - topPadding - bottomPadding,
-        gapHeightRem,
-        controlBarHeight: controlBarHeightRem !== null && controlBarHeightRem !== void 0 ? controlBarHeightRem : 2,
-        isShort: isShort !== null && isShort !== void 0 ? isShort : false
-    });
-    onChildrenPerPageChange === null || onChildrenPerPageChange === void 0 ? void 0 : onChildrenPerPageChange(childrenPerPage);
-    return React.createElement("div", { "data-ui-id": "responsive-vertical-gallery", ref: containerRef, className: mergeStyles(containerStyles) },
-        React.createElement(VerticalGallery, { childrenPerPage: childrenPerPage, styles: verticalGalleryStyles, onFetchTilesToRender: onFetchTilesToRender }, children));
-};
-//# sourceMappingURL=ResponsiveVerticalGallery.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ResponsiveVerticalGallery.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/components/ResponsiveVerticalGallery.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAU,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAyB,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,gCAAgC,EAAE,MAAM,2CAA2C,CAAC;AA0B7F;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,KAAqC,EAAe,EAAE;IAC9F,MAAM,EACJ,QAAQ,EACR,eAAe,EACf,qBAAqB,EACrB,YAAY,EACZ,mBAAmB,EACnB,OAAO,EACP,oBAAoB,EACpB,uBAAuB,EACxB,GAAG,KAAK,CAAC;IACV,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,eAAe,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC1D,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAgB,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5G,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAgB,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAClH,MAAM,eAAe,GAAG,gCAAgC,CAAC;QACvD,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC;QAChD,eAAe,EAAE,CAAC,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,CAAC,CAAC,GAAG,UAAU,GAAG,aAAa;QACpE,YAAY;QACZ,gBAAgB,EAAE,mBAAmB,aAAnB,mBAAmB,cAAnB,mBAAmB,GAAI,CAAC;QAC1C,OAAO,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,KAAK;KAC1B,CAAC,CAAC;IACH,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAG,eAAe,CAAC,CAAC;IAC3C,OAAO,2CAAgB,6BAA6B,EAAC,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,CAAC,eAAe,CAAC;QAC3G,oBAAC,eAAe,IAAC,eAAe,EAAE,eAAe,EAAE,MAAM,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,oBAAoB,IACzH,QAAQ,CACO,CACd,CAAC;AACX,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IStyle, mergeStyles } from '@fluentui/react';\nimport { _convertRemToPx } from '@internal/acs-ui-common';\nimport React, { useRef } from 'react';\nimport { _useContainerHeight } from './utils/responsive';\nimport { VerticalGallery, VerticalGalleryStyles } from './VerticalGallery';\nimport { calculateVerticalChildrenPerPage } from './VideoGallery/utils/OverflowGalleryUtils';\n\n/**\n * Props for the Responsive wrapper of the VerticalGallery component\n *\n * @beta\n */\nexport interface ResponsiveVerticalGalleryProps {\n  /** Video tiles to be rendered in the Vertical Gallery */\n  children: React.ReactNode;\n  /** Styles for the Children space container */\n  containerStyles: IStyle;\n  /** Styles for the VerticalGallery component */\n  verticalGalleryStyles: VerticalGalleryStyles;\n  /** Height of the gap in between the video tiles */\n  gapHeightRem: number;\n  /** Height of the control bar for navigating pages */\n  controlBarHeightRem?: number;\n  /** container is shorter than 480 px. */\n  isShort?: boolean;\n  /** Function to set which tiles to give video to in the children. */\n  onFetchTilesToRender?: (indexes: number[]) => void;\n  /** event to listen for children per page changes */\n  onChildrenPerPageChange?: (childrenPerPage: number) => void;\n}\n\n/**\n * Responsive container for the VerticalGallery Component. Performs calculations for number of children\n * for the VerticalGallery\n * @param props\n *\n * @beta\n */\nexport const ResponsiveVerticalGallery = (props: ResponsiveVerticalGalleryProps): JSX.Element => {\n  const {\n    children,\n    containerStyles,\n    verticalGalleryStyles,\n    gapHeightRem,\n    controlBarHeightRem,\n    isShort,\n    onFetchTilesToRender,\n    onChildrenPerPageChange\n  } = props;\n  const containerRef = useRef<HTMLDivElement>(null);\n  const containerHeight = _useContainerHeight(containerRef);\n  const topPadding = containerRef.current ? parseFloat(getComputedStyle(containerRef.current).paddingTop) : 0;\n  const bottomPadding = containerRef.current ? parseFloat(getComputedStyle(containerRef.current).paddingBottom) : 0;\n  const childrenPerPage = calculateVerticalChildrenPerPage({\n    numberOfChildren: React.Children.count(children),\n    containerHeight: (containerHeight ?? 0) - topPadding - bottomPadding,\n    gapHeightRem,\n    controlBarHeight: controlBarHeightRem ?? 2,\n    isShort: isShort ?? false\n  });\n  onChildrenPerPageChange?.(childrenPerPage);\n  return <div data-ui-id=\"responsive-vertical-gallery\" ref={containerRef} className={mergeStyles(containerStyles)}>\n      <VerticalGallery childrenPerPage={childrenPerPage} styles={verticalGalleryStyles} onFetchTilesToRender={onFetchTilesToRender}>\n        {children}\n      </VerticalGallery>\n    </div>;\n};\"../../../acs-ui-common/src\""]}

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

@@ -1,70 +0,0 @@
-/// <reference types="react" />
-import { ControlBarButtonProps } from './ControlBarButton';
-/**
- * options bag to start captions
- *
- * @internal
- */
-export declare type _captionsOptions = {
-    spokenLanguage: string;
-};
-/**
- *@internal
- */
-export interface _StartCaptionsButtonProps extends ControlBarButtonProps {
-    /**
-     * Utility property for using this component with communication react handlers
-     * Start captions based on captions state
-     */
-    onStartCaptions: (options?: _captionsOptions) => Promise<void>;
-    /**
-     * Utility property for using this component with communication react handlers
-     * Stop captions based on captions state
-     */
-    onStopCaptions: () => Promise<void>;
-    /**
-     * Utility property for using this component with communication react handlers
-     * set captions spoken language
-     */
-    onSetSpokenLanguage: (language: string) => Promise<void>;
-    /**
-     * Spoken language set for starting captions
-     */
-    currentSpokenLanguage: string;
-    /**
-     * Optional strings to override in component
-     */
-    strings?: _StartCaptionsButtonStrings;
-}
-/**
- * Strings for the hold button labels
- * @internal
- */
-export interface _StartCaptionsButtonStrings {
-    /**
-     * Label for when action is to start Captions
-     */
-    onLabel: string;
-    /**
-     * Label for when action is to stop Captions
-     */
-    offLabel: string;
-    /**
-     * Content for when button is checked, captions is on
-     */
-    tooltipOnContent: string;
-    /**
-     * Content for when button is unchecked, captions is off
-     */
-    tooltipOffContent: string;
-}
-/**
- * a button to start or stop captions
- *
- * Can be used with {@link ControlBar}
- *
- * @param props - properties for the start captions button.
- * @internal
- */
-export declare const _StartCaptionsButton: (props: _StartCaptionsButtonProps) => JSX.Element;
-//# sourceMappingURL=StartCaptionsButton.d.ts.map

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

@@ -1,54 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { ControlBarButton } from './ControlBarButton';
-import React, { useCallback, useMemo } from 'react';
-import { _HighContrastAwareIcon } from './HighContrastAwareIcon';
-import { defaultSpokenLanguage } from './utils';
-/**
- * a button to start or stop captions
- *
- * Can be used with {@link ControlBar}
- *
- * @param props - properties for the start captions button.
- * @internal
- */
-export const _StartCaptionsButton = (props) => {
-    const { onStartCaptions, onStopCaptions, onSetSpokenLanguage, currentSpokenLanguage, strings } = props;
-    const onRenderStartIcon = () => {
-        /* @conditional-compile-remove(close-captions) */
-        return React.createElement(_HighContrastAwareIcon, { disabled: props.disabled, iconName: "CaptionsIcon" });
-        return React.createElement(React.Fragment, null);
-    };
-    const onRenderOffIcon = () => {
-        /* @conditional-compile-remove(close-captions) */
-        return React.createElement(_HighContrastAwareIcon, { disabled: props.disabled, iconName: "CaptionsOffIcon" });
-        return React.createElement(React.Fragment, null);
-    };
-    const options = useMemo(() => {
-        return {
-            spokenLanguage: currentSpokenLanguage === '' ? defaultSpokenLanguage : currentSpokenLanguage
-        };
-    }, [currentSpokenLanguage]);
-    const onToggleStartCaptions = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        if (props.checked) {
-            onStopCaptions();
-        }
-        else {
-            yield onStartCaptions(options);
-            // set spoken language when start captions with a spoken language specified.
-            // this is to fix the bug when a second user starts captions with a new spoken language, captions bot ignore that spoken language
-            onSetSpokenLanguage(options.spokenLanguage);
-        }
-    }), [props.checked, onStartCaptions, onStopCaptions, onSetSpokenLanguage, options]);
-    return React.createElement(ControlBarButton, Object.assign({}, props, { strings: strings, onClick: onToggleStartCaptions !== null && onToggleStartCaptions !== void 0 ? onToggleStartCaptions : props.onClick, onRenderOnIcon: onRenderStartIcon, onRenderOffIcon: onRenderOffIcon }));
-};
-//# sourceMappingURL=StartCaptionsButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"StartCaptionsButton.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/components/StartCaptionsButton.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAElC,OAAO,EAAE,gBAAgB,EAAyB,MAAM,oBAAoB,CAAC;AAC7E,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AA+DhD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,EACJ,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,qBAAqB,EACrB,OAAO,EACR,GAAG,KAAK,CAAC;IACV,MAAM,iBAAiB,GAAG,GAAgB,EAAE;QAC1C,iDAAiD;QACjD,OAAO,oBAAC,sBAAsB,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,QAAQ,EAAC,cAAc,GAAG,CAAC;QACpF,OAAO,yCAAK,CAAC;IACf,CAAC,CAAC;IACF,MAAM,eAAe,GAAG,GAAgB,EAAE;QACxC,iDAAiD;QACjD,OAAO,oBAAC,sBAAsB,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,QAAQ,EAAC,iBAAiB,GAAG,CAAC;QACvF,OAAO,yCAAK,CAAC;IACf,CAAC,CAAC;IACF,MAAM,OAAO,GAAqB,OAAO,CAAC,GAAG,EAAE;QAC7C,OAAO;YACL,cAAc,EAAE,qBAAqB,KAAK,EAAE,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,qBAAqB;SAC7F,CAAC;IACJ,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAC5B,MAAM,qBAAqB,GAAG,WAAW,CAAC,GAAwB,EAAE;QAClE,IAAI,KAAK,CAAC,OAAO,EAAE;YACjB,cAAc,EAAE,CAAC;SAClB;aAAM;YACL,MAAM,eAAe,CAAC,OAAO,CAAC,CAAC;YAC/B,4EAA4E;YAC5E,iIAAiI;YACjI,mBAAmB,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;SAC7C;IACH,CAAC,CAAA,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,mBAAmB,EAAE,OAAO,CAAC,CAAC,CAAC;IACnF,OAAO,oBAAC,gBAAgB,oBAAK,KAAK,IAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,qBAAqB,aAArB,qBAAqB,cAArB,qBAAqB,GAAI,KAAK,CAAC,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,eAAe,EAAE,eAAe,IAAI,CAAC;AACjL,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { ControlBarButton, ControlBarButtonProps } from './ControlBarButton';\nimport React, { useCallback, useMemo } from 'react';\nimport { _HighContrastAwareIcon } from './HighContrastAwareIcon';\nimport { defaultSpokenLanguage } from './utils';\n\n/**\n * options bag to start captions\n *\n * @internal\n */\nexport type _captionsOptions = {\n  spokenLanguage: string;\n};\n\n/**\n *@internal\n */\nexport interface _StartCaptionsButtonProps extends ControlBarButtonProps {\n  /**\n   * Utility property for using this component with communication react handlers\n   * Start captions based on captions state\n   */\n  onStartCaptions: (options?: _captionsOptions) => Promise<void>;\n  /**\n   * Utility property for using this component with communication react handlers\n   * Stop captions based on captions state\n   */\n  onStopCaptions: () => Promise<void>;\n  /**\n   * Utility property for using this component with communication react handlers\n   * set captions spoken language\n   */\n  onSetSpokenLanguage: (language: string) => Promise<void>;\n  /**\n   * Spoken language set for starting captions\n   */\n  currentSpokenLanguage: string;\n  /**\n   * Optional strings to override in component\n   */\n  strings?: _StartCaptionsButtonStrings;\n}\n\n/**\n * Strings for the hold button labels\n * @internal\n */\nexport interface _StartCaptionsButtonStrings {\n  /**\n   * Label for when action is to start Captions\n   */\n  onLabel: string;\n  /**\n   * Label for when action is to stop Captions\n   */\n  offLabel: string;\n  /**\n   * Content for when button is checked, captions is on\n   */\n  tooltipOnContent: string;\n  /**\n   * Content for when button is unchecked, captions is off\n   */\n  tooltipOffContent: string;\n}\n\n/**\n * a button to start or stop captions\n *\n * Can be used with {@link ControlBar}\n *\n * @param props - properties for the start captions button.\n * @internal\n */\nexport const _StartCaptionsButton = (props: _StartCaptionsButtonProps): JSX.Element => {\n  const {\n    onStartCaptions,\n    onStopCaptions,\n    onSetSpokenLanguage,\n    currentSpokenLanguage,\n    strings\n  } = props;\n  const onRenderStartIcon = (): JSX.Element => {\n    /* @conditional-compile-remove(close-captions) */\n    return <_HighContrastAwareIcon disabled={props.disabled} iconName=\"CaptionsIcon\" />;\n    return <></>;\n  };\n  const onRenderOffIcon = (): JSX.Element => {\n    /* @conditional-compile-remove(close-captions) */\n    return <_HighContrastAwareIcon disabled={props.disabled} iconName=\"CaptionsOffIcon\" />;\n    return <></>;\n  };\n  const options: _captionsOptions = useMemo(() => {\n    return {\n      spokenLanguage: currentSpokenLanguage === '' ? defaultSpokenLanguage : currentSpokenLanguage\n    };\n  }, [currentSpokenLanguage]);\n  const onToggleStartCaptions = useCallback(async (): Promise<void> => {\n    if (props.checked) {\n      onStopCaptions();\n    } else {\n      await onStartCaptions(options);\n      // set spoken language when start captions with a spoken language specified.\n      // this is to fix the bug when a second user starts captions with a new spoken language, captions bot ignore that spoken language\n      onSetSpokenLanguage(options.spokenLanguage);\n    }\n  }, [props.checked, onStartCaptions, onStopCaptions, onSetSpokenLanguage, options]);\n  return <ControlBarButton {...props} strings={strings} onClick={onToggleStartCaptions ?? props.onClick} onRenderOnIcon={onRenderStartIcon} onRenderOffIcon={onRenderOffIcon} />;\n};"]}

package/dist/dist-esm/react-components/src/components/VideoGallery/ScrollableHorizontalGallery.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-/**
- * Component to display elements horizontally in a scrollable container
- * @private
- */
-export declare const ScrollableHorizontalGallery: (props: {
-    horizontalGalleryElements?: JSX.Element[] | undefined;
-    onFetchTilesToRender?: ((indexes: number[]) => void) | undefined;
-}) => JSX.Element;
-//# sourceMappingURL=ScrollableHorizontalGallery.d.ts.map

package/dist/dist-esm/react-components/src/components/VideoGallery/ScrollableHorizontalGallery.js

@@ -1,26 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import { Stack } from '@fluentui/react';
-import React, { useEffect, useRef } from 'react';
-import { useDraggable } from 'react-use-draggable-scroll';
-import { scrollableHorizontalGalleryContainerStyles, scrollableHorizontalGalleryStyles } from './styles/ScrollableHorizontalGallery.style';
-/**
- * Component to display elements horizontally in a scrollable container
- * @private
- */
-export const ScrollableHorizontalGallery = (props) => {
-    const { horizontalGalleryElements, onFetchTilesToRender } = props;
-    useEffect(() => {
-        const indexesArray = [...Array(horizontalGalleryElements === null || horizontalGalleryElements === void 0 ? void 0 : horizontalGalleryElements.length).keys()];
-        if (onFetchTilesToRender && indexesArray) {
-            onFetchTilesToRender(indexesArray);
-        }
-    }, [onFetchTilesToRender, horizontalGalleryElements === null || horizontalGalleryElements === void 0 ? void 0 : horizontalGalleryElements.length]);
-    const ref = useRef();
-    const { events: dragabbleEvents } = useDraggable(ref);
-    return React.createElement("div", Object.assign({ ref: ref }, dragabbleEvents, { className: scrollableHorizontalGalleryContainerStyles }),
-        React.createElement(Stack, { "data-ui-id": "scrollable-horizontal-gallery", horizontal: true, styles: scrollableHorizontalGalleryStyles, tokens: {
-                childrenGap: '0.5rem'
-            } }, horizontalGalleryElements));
-};
-//# sourceMappingURL=ScrollableHorizontalGallery.js.map

package/dist/dist-esm/react-components/src/components/VideoGallery/ScrollableHorizontalGallery.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScrollableHorizontalGallery.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/VideoGallery/ScrollableHorizontalGallery.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,0CAA0C,EAAE,iCAAiC,EAAE,MAAM,4CAA4C,CAAC;AAE3I;;;GAGG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,KAG3C,EAAe,EAAE;IAChB,MAAM,EACJ,yBAAyB,EACzB,oBAAoB,EACrB,GAAG,KAAK,CAAC;IACV,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,CAAC,GAAG,KAAK,CAAC,yBAAyB,aAAzB,yBAAyB,uBAAzB,yBAAyB,CAAE,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;QAC1E,IAAI,oBAAoB,IAAI,YAAY,EAAE;YACxC,oBAAoB,CAAC,YAAY,CAAC,CAAC;SACpC;IACH,CAAC,EAAE,CAAC,oBAAoB,EAAE,yBAAyB,aAAzB,yBAAyB,uBAAzB,yBAAyB,CAAE,MAAM,CAAC,CAAC,CAAC;IAC9D,MAAM,GAAG,GAAI,MAAM,EAA+D,CAAC;IACnF,MAAM,EACJ,MAAM,EAAE,eAAe,EACxB,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;IACtB,OAAO,2CAAK,GAAG,EAAE,GAAG,IAAM,eAAe,IAAE,SAAS,EAAE,0CAA0C;QAC5F,oBAAC,KAAK,kBAAY,+BAA+B,EAAC,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,iCAAiC,EAAE,MAAM,EAAE;gBACvH,WAAW,EAAE,QAAQ;aACtB,IACI,yBAAyB,CACpB,CACJ,CAAC;AACX,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { Stack } from '@fluentui/react';\nimport React, { useEffect, useRef } from 'react';\nimport { useDraggable } from 'react-use-draggable-scroll';\nimport { scrollableHorizontalGalleryContainerStyles, scrollableHorizontalGalleryStyles } from './styles/ScrollableHorizontalGallery.style';\n\n/**\n * Component to display elements horizontally in a scrollable container\n * @private\n */\nexport const ScrollableHorizontalGallery = (props: {\n  horizontalGalleryElements?: JSX.Element[];\n  onFetchTilesToRender?: (indexes: number[]) => void;\n}): JSX.Element => {\n  const {\n    horizontalGalleryElements,\n    onFetchTilesToRender\n  } = props;\n  useEffect(() => {\n    const indexesArray = [...Array(horizontalGalleryElements?.length).keys()];\n    if (onFetchTilesToRender && indexesArray) {\n      onFetchTilesToRender(indexesArray);\n    }\n  }, [onFetchTilesToRender, horizontalGalleryElements?.length]);\n  const ref = (useRef<HTMLDivElement>() as React.MutableRefObject<HTMLInputElement>);\n  const {\n    events: dragabbleEvents\n  } = useDraggable(ref);\n  return <div ref={ref} {...dragabbleEvents} className={scrollableHorizontalGalleryContainerStyles}>\n      <Stack data-ui-id=\"scrollable-horizontal-gallery\" horizontal={true} styles={scrollableHorizontalGalleryStyles} tokens={{\n      childrenGap: '0.5rem'\n    }}>\n        {horizontalGalleryElements}\n      </Stack>\n    </div>;\n};"]}

package/dist/dist-esm/react-components/src/components/VideoGallery/styles/ScrollableHorizontalGallery.style.d.ts

@@ -1,10 +0,0 @@
-import { IStackStyles } from '@fluentui/react';
-/**
- * @private
- */
-export declare const scrollableHorizontalGalleryStyles: IStackStyles;
-/**
- * @private
- */
-export declare const scrollableHorizontalGalleryContainerStyles: string;
-//# sourceMappingURL=ScrollableHorizontalGallery.style.d.ts.map