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

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

@@ -1 +0,0 @@
-{"version":3,"file":"DesktopMoreButton.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/common/ControlBar/DesktopMoreButton.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IContextualMenuItem } from '@fluentui/react';\nimport { ControlBarButtonProps } from '@internal/react-components';\n/* @conditional-compile-remove(close-captions) */\nimport { _StartCaptionsButton } from '@internal/react-components';\n/*@conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\nimport { HoldButton } from '@internal/react-components';\nimport React from 'react';\n/*@conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(close-captions) */\nimport { useMemo, useCallback } from 'react';\n/*@conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\nimport { usePropsFor } from '../../CallComposite/hooks/usePropsFor';\n/*@conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\nimport { buttonFlyoutIncreasedSizeStyles } from '../../CallComposite/styles/Buttons.styles';\nimport { MoreButton } from '../MoreButton';\n/*@conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\nimport { useLocale } from '../../localization';\n/* @conditional-compile-remove(control-bar-button-injection) */\nimport { CommonCallControlOptions } from '../types/CommonCallControlOptions';\n/* @conditional-compile-remove(control-bar-button-injection) */\nimport { CUSTOM_BUTTON_OPTIONS, generateCustomCallDesktopOverflowButtons, onFetchCustomButtonPropsTrampoline } from './CustomButton';\n/* @conditional-compile-remove(close-captions) */\nimport { useHandlers } from '../../CallComposite/hooks/useHandlers';\n/* @conditional-compile-remove(close-captions) */\nimport { _startCaptionsButtonSelector } from '@internal/calling-component-bindings';\n/* @conditional-compile-remove(close-captions) */\nimport { useAdaptedSelector } from '../../CallComposite/hooks/useAdaptedSelector';\nimport { _preventDismissOnEvent } from '@internal/acs-ui-common';\n\n/** @private */\nexport interface DesktopMoreButtonProps extends ControlBarButtonProps {\n  disableButtonsForHoldScreen?: boolean;\n  onClickShowDialpad?: () => void;\n  /* @conditional-compile-remove(close-captions) */\n  isCaptionsSupported?: boolean;\n  /* @conditional-compile-remove(control-bar-button-injection) */\n  callControls?: boolean | CommonCallControlOptions;\n  onCaptionsSettingsClick?: () => void;\n}\n\n/**\n *\n * @private\n */\nexport const DesktopMoreButton = (props: DesktopMoreButtonProps): JSX.Element => {\n  /*@conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(close-captions) */\n  const localeStrings = useLocale();\n  /*@conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  const holdButtonProps = usePropsFor(HoldButton);\n  /* @conditional-compile-remove(close-captions) */\n  const startCaptionsButtonProps = useAdaptedSelector(_startCaptionsButtonSelector);\n  /* @conditional-compile-remove(close-captions) */\n  const startCaptionsButtonHandlers = useHandlers(_StartCaptionsButton);\n  /* @conditional-compile-remove(close-captions) */\n  const startCaptions = useCallback(async () => {\n    await startCaptionsButtonHandlers.onStartCaptions({\n      spokenLanguage: startCaptionsButtonProps.currentSpokenLanguage\n    });\n  }, [startCaptionsButtonHandlers, startCaptionsButtonProps.currentSpokenLanguage]);\n\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(close-captions) */\n  const moreButtonStrings = useMemo(() => ({\n    label: localeStrings.strings.call.moreButtonCallingLabel,\n    tooltipOffContent: localeStrings.strings.callWithChat.moreDrawerButtonTooltip\n  }), [localeStrings]);\n  const moreButtonContextualMenuItems: IContextualMenuItem[] = [];\n\n  /*@conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  moreButtonContextualMenuItems.push({\n    key: 'holdButtonKey',\n    text: localeStrings.component.strings.holdButton.tooltipOffContent,\n    onClick: () => {\n      holdButtonProps.onToggleHold();\n    },\n    iconProps: {\n      iconName: 'HoldCallContextualMenuItem',\n      styles: {\n        root: {\n          lineHeight: 0\n        }\n      }\n    },\n    itemProps: {\n      styles: buttonFlyoutIncreasedSizeStyles\n    },\n    disabled: props.disableButtonsForHoldScreen\n  });\n\n  // is captions feature is active\n  /* @conditional-compile-remove(close-captions) */\n  if (props.isCaptionsSupported) {\n    const captionsContextualMenuItems: IContextualMenuItem[] = [];\n    const menuSubIconStyleSet = {\n      root: {\n        height: 'unset',\n        lineHeight: '100%',\n        width: '1.25rem'\n      }\n    };\n    moreButtonContextualMenuItems.push({\n      key: 'liveCaptionsKey',\n      id: 'common-call-composite-captions-button',\n      text: localeStrings.strings.call.liveCaptionsLabel,\n      iconProps: {\n        iconName: 'CaptionsIcon',\n        styles: {\n          root: {\n            lineHeight: 0\n          }\n        }\n      },\n      itemProps: {\n        styles: buttonFlyoutIncreasedSizeStyles\n      },\n      disabled: props.disableButtonsForHoldScreen,\n      subMenuProps: {\n        id: 'captions-contextual-menu',\n        items: captionsContextualMenuItems,\n        calloutProps: {\n          preventDismissOnEvent: _preventDismissOnEvent\n        }\n      },\n      submenuIconProps: {\n        iconName: 'HorizontalGalleryRightButton',\n        styles: menuSubIconStyleSet\n      }\n    });\n    captionsContextualMenuItems.push({\n      key: 'ToggleCaptionsKey',\n      id: 'common-call-composite-captions-toggle-button',\n      text: startCaptionsButtonProps.checked ? localeStrings.strings.call.startCaptionsButtonTooltipOnContent : localeStrings.strings.call.startCaptionsButtonTooltipOffContent,\n      onClick: () => {\n        startCaptionsButtonProps.checked ? startCaptionsButtonHandlers.onStopCaptions() : startCaptionsButtonProps.currentSpokenLanguage !== '' ? startCaptions() : props.onCaptionsSettingsClick && props.onCaptionsSettingsClick();\n      },\n      iconProps: {\n        iconName: startCaptionsButtonProps.checked ? 'CaptionsOffIcon' : 'CaptionsIcon',\n        styles: {\n          root: {\n            lineHeight: 0\n          }\n        }\n      },\n      itemProps: {\n        styles: buttonFlyoutIncreasedSizeStyles\n      },\n      disabled: props.disableButtonsForHoldScreen\n    });\n    if (props.onCaptionsSettingsClick) {\n      captionsContextualMenuItems.push({\n        key: 'openCaptionsSettingsKey',\n        id: 'common-call-composite-captions-settings-button',\n        text: localeStrings.strings.call.captionsSettingsLabel,\n        onClick: props.onCaptionsSettingsClick,\n        iconProps: {\n          iconName: 'CaptionsSettingsIcon',\n          styles: {\n            root: {\n              lineHeight: 0\n            }\n          }\n        },\n        itemProps: {\n          styles: buttonFlyoutIncreasedSizeStyles\n        },\n        disabled: props.disableButtonsForHoldScreen || !startCaptionsButtonProps.checked\n      });\n    }\n  }\n\n  /*@conditional-compile-remove(PSTN-calls) */\n  if (props.onClickShowDialpad) {\n    moreButtonContextualMenuItems.push({\n      key: 'showDialpadKey',\n      text: localeStrings.strings.callWithChat.openDtmfDialpadLabel,\n      onClick: () => {\n        props.onClickShowDialpad && props.onClickShowDialpad();\n      },\n      iconProps: {\n        iconName: 'Dialpad',\n        styles: {\n          root: {\n            lineHeight: 0\n          }\n        }\n      },\n      itemProps: {\n        styles: buttonFlyoutIncreasedSizeStyles\n      },\n      disabled: props.disableButtonsForHoldScreen\n    });\n  }\n\n  /* @conditional-compile-remove(control-bar-button-injection) */\n  const customDrawerButtons = useMemo(() => generateCustomCallDesktopOverflowButtons(onFetchCustomButtonPropsTrampoline(typeof props.callControls === 'object' ? props.callControls : undefined), typeof props.callControls === 'object' ? props.callControls.displayType : undefined), [props.callControls]);\n\n  /* @conditional-compile-remove(control-bar-button-injection) */\n  customDrawerButtons['primary'].slice(CUSTOM_BUTTON_OPTIONS.MAX_PRIMARY_DESKTOP_CUSTOM_BUTTONS).forEach(element => {\n    moreButtonContextualMenuItems.push({\n      itemProps: {\n        styles: buttonFlyoutIncreasedSizeStyles\n      },\n      ...element\n    });\n  });\n  /* @conditional-compile-remove(control-bar-button-injection) */\n  customDrawerButtons['secondary'].slice(CUSTOM_BUTTON_OPTIONS.MAX_SECONDARY_DESKTOP_CUSTOM_BUTTONS).forEach(element => {\n    moreButtonContextualMenuItems.push({\n      itemProps: {\n        styles: buttonFlyoutIncreasedSizeStyles\n      },\n      ...element\n    });\n  });\n\n  /* @conditional-compile-remove(control-bar-button-injection) */\n  customDrawerButtons['overflow'].forEach(element => {\n    moreButtonContextualMenuItems.push({\n      itemProps: {\n        styles: buttonFlyoutIncreasedSizeStyles\n      },\n      ...element\n    });\n  });\n  return <MoreButton {...props} data-ui-id=\"common-call-composite-more-button\"\n  /*@conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(close-captions) */ strings={moreButtonStrings} menuIconProps={{\n    hidden: true\n  }} menuProps={{\n    items: moreButtonContextualMenuItems,\n    calloutProps: {\n      preventDismissOnEvent: _preventDismissOnEvent\n    }\n  }} />;\n};\"../../../../../react-components/src\"\"../../../../../calling-component-bindings/src\"\"../../../../../acs-ui-common/src\""]}

package/dist/dist-esm/react-composites/src/composites/common/Drawer/MoreDrawer.styles.d.ts

@@ -1,6 +0,0 @@
-import { Theme, IToggleStyles } from '@fluentui/react';
-/**
- * @private
- */
-export declare const themedToggleButtonStyle: (theme: Theme, checked: boolean) => Partial<IToggleStyles>;
-//# sourceMappingURL=MoreDrawer.styles.d.ts.map

package/dist/dist-esm/react-composites/src/composites/common/Drawer/MoreDrawer.styles.js

@@ -1,24 +0,0 @@
-/**
- * @private
- */
-export const themedToggleButtonStyle = (theme, checked) => {
-    if (checked) {
-        return {
-            root: {
-                margin: 0
-            },
-            pill: {
-                backgroundColor: `${theme.palette.themePrimary} !important`
-            },
-            thumb: {
-                backgroundColor: `${theme.palette.white} !important`
-            }
-        };
-    }
-    return {
-        root: {
-            margin: 0
-        }
-    };
-};
-//# sourceMappingURL=MoreDrawer.styles.js.map

package/dist/dist-esm/react-composites/src/composites/common/Drawer/MoreDrawer.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MoreDrawer.styles.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/common/Drawer/MoreDrawer.styles.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAY,EAAE,OAAgB,EAA0B,EAAE;IAChG,IAAI,OAAO,EAAE;QACX,OAAO;YACL,IAAI,EAAE;gBACJ,MAAM,EAAE,CAAC;aACV;YACD,IAAI,EAAE;gBACJ,eAAe,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,aAAa;aAC5D;YACD,KAAK,EAAE;gBACL,eAAe,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,aAAa;aACrD;SACF,CAAC;KACH;IACD,OAAO;QACL,IAAI,EAAE;YACJ,MAAM,EAAE,CAAC;SACV;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\nimport { Theme, IToggleStyles } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/**\n * @private\n */\nexport const themedToggleButtonStyle = (theme: Theme, checked: boolean): Partial<IToggleStyles> => {\n  if (checked) {\n    return {\n      root: {\n        margin: 0\n      },\n      pill: {\n        backgroundColor: `${theme.palette.themePrimary} !important`\n      },\n      thumb: {\n        backgroundColor: `${theme.palette.white} !important`\n      }\n    };\n  }\n  return {\n    root: {\n      margin: 0\n    }\n  };\n};\"../../../../../acs-ui-common/src\""]}

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

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import { CaptionsAvailableLanguageStrings } from "../../../../../react-components/src";
-/** @private */
-export interface SpokenLanguageDrawerStrings {
-    /**
-     * Label for spokenLanguage drawerMenuItem
-     *
-     * @remarks Only displayed when in Teams call, disabled until captions is on
-     */
-    spokenLanguageMenuTitle: string;
-}
-/** @private */
-export declare const SpokenLanguageDrawer: (props: {
-    setCurrentSpokenLanguage: (language: string) => void;
-    currentSpokenLanguage: string;
-    onLightDismiss: () => void;
-    strings?: SpokenLanguageDrawerStrings | undefined;
-    supportedLanguageStrings?: CaptionsAvailableLanguageStrings | undefined;
-}) => JSX.Element;
-//# sourceMappingURL=SpokenLanguageDrawer.d.ts.map

package/dist/dist-esm/react-composites/src/composites/common/Drawer/SpokenLanguageDrawer.js

@@ -1,52 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import React from 'react';
-/* @conditional-compile-remove(close-captions) */
-import { useMemo, useCallback } from 'react';
-/* @conditional-compile-remove(close-captions) */
-import { useTheme } from "../../../../../react-components/src";
-/* @conditional-compile-remove(close-captions) */
-import { _CaptionsSettingsModal } from "../../../../../react-components/src";
-/* @conditional-compile-remove(close-captions) */
-import { _changeSpokenLanguageSelector } from "../../../../../calling-component-bindings/src";
-/* @conditional-compile-remove(close-captions) */
-import { _DrawerMenu as DrawerMenu } from "../../../../../react-components/src";
-/* @conditional-compile-remove(close-captions) */
-import { useAdaptedSelector } from '../../CallComposite/hooks/useAdaptedSelector';
-/* @conditional-compile-remove(close-captions) */
-import { useHandlers } from '../../CallComposite/hooks/useHandlers';
-/* @conditional-compile-remove(close-captions) */
-import { spokenLanguageDrawerStyles } from './SpokenLanguageDrawer.styles';
-/** @private */
-export const SpokenLanguageDrawer = (props) => {
-    var _a;
-    /* @conditional-compile-remove(close-captions) */
-    const theme = useTheme();
-    /* @conditional-compile-remove(close-captions) */
-    const changeSpokenLanguageProps = useAdaptedSelector(_changeSpokenLanguageSelector);
-    /* @conditional-compile-remove(close-captions) */
-    const changeSpokenLanguageHandlers = useHandlers(_CaptionsSettingsModal);
-    /* @conditional-compile-remove(close-captions) */
-    const onSpokenLanguageDrawerItemClick = useCallback((languageCode) => {
-        props.setCurrentSpokenLanguage(languageCode);
-    }, [props]);
-    /* @conditional-compile-remove(close-captions) */
-    const spokenLanguageDrawerItems = useMemo(() => {
-        var _a;
-        return (_a = changeSpokenLanguageProps === null || changeSpokenLanguageProps === void 0 ? void 0 : changeSpokenLanguageProps.supportedSpokenLanguages) === null || _a === void 0 ? void 0 : _a.map(languageCode => ({
-            itemKey: languageCode,
-            text: props.supportedLanguageStrings ? props.supportedLanguageStrings[languageCode] : languageCode,
-            onItemClick: () => onSpokenLanguageDrawerItemClick(languageCode),
-            secondaryIconProps: props.currentSpokenLanguage === languageCode ? {
-                iconName: 'Accept'
-            } : undefined
-        }));
-    }, [changeSpokenLanguageProps === null || changeSpokenLanguageProps === void 0 ? void 0 : changeSpokenLanguageProps.supportedSpokenLanguages, props.currentSpokenLanguage, props.supportedLanguageStrings, onSpokenLanguageDrawerItemClick]);
-    /* @conditional-compile-remove(close-captions) */
-    return React.createElement(DrawerMenu, { heading: (_a = props.strings) === null || _a === void 0 ? void 0 : _a.spokenLanguageMenuTitle, items: spokenLanguageDrawerItems !== null && spokenLanguageDrawerItems !== void 0 ? spokenLanguageDrawerItems : [], onLightDismiss: () => {
-            changeSpokenLanguageHandlers.onSetSpokenLanguage(props.currentSpokenLanguage);
-            props.onLightDismiss();
-        }, styles: spokenLanguageDrawerStyles(theme) });
-    return React.createElement(React.Fragment, null);
-};
-//# sourceMappingURL=SpokenLanguageDrawer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SpokenLanguageDrawer.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/common/Drawer/SpokenLanguageDrawer.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,iDAAiD;AACjD,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC7C,iDAAiD;AACjD,OAAO,EAAE,QAAQ,EAAE,4CAAmC;AACtD,iDAAiD;AACjD,OAAO,EAAE,sBAAsB,EAAoC,4CAAmC;AACtG,iDAAiD;AACjD,OAAO,EAAE,6BAA6B,EAAE,sDAA6C;AACrF,iDAAiD;AACjD,OAAO,EAAE,WAAW,IAAI,UAAU,EAAkE,4CAAmC;AACvI,iDAAiD;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAClF,iDAAiD;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,iDAAiD;AACjD,OAAO,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAY3E,eAAe;AACf,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAUpC,EAAe,EAAE;;IAChB,iDAAiD;IACjD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,iDAAiD;IACjD,MAAM,yBAAyB,GAAG,kBAAkB,CAAC,6BAA6B,CAAC,CAAC;IACpF,iDAAiD;IACjD,MAAM,4BAA4B,GAAG,WAAW,CAAC,sBAAsB,CAAC,CAAC;IAEzE,iDAAiD;IACjD,MAAM,+BAA+B,GAAG,WAAW,CAAC,CAAC,YAAoB,EAAE,EAAE;QAC3E,KAAK,CAAC,wBAAwB,CAAC,YAAY,CAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,iDAAiD;IACjD,MAAM,yBAAyB,GAA0B,OAAO,CAAC,GAAG,EAAE;;QACpE,OAAO,MAAA,yBAAyB,aAAzB,yBAAyB,uBAAzB,yBAAyB,CAAE,wBAAwB,0CAAE,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;YAC/E,OAAO,EAAE,YAAY;YACrB,IAAI,EAAE,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,KAAK,CAAC,wBAAwB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY;YAClG,WAAW,EAAE,GAAG,EAAE,CAAC,+BAA+B,CAAC,YAAY,CAAC;YAChE,kBAAkB,EAAE,KAAK,CAAC,qBAAqB,KAAK,YAAY,CAAC,CAAC,CAAC;gBACjE,QAAQ,EAAE,QAAQ;aACnB,CAAC,CAAC,CAAC,SAAS;SACd,CAAC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,yBAAyB,aAAzB,yBAAyB,uBAAzB,yBAAyB,CAAE,wBAAwB,EAAE,KAAK,CAAC,qBAAqB,EAAE,KAAK,CAAC,wBAAwB,EAAE,+BAA+B,CAAC,CAAC,CAAC;IAExJ,iDAAiD;IACjD,OAAO,oBAAC,UAAU,IAAC,OAAO,EAAE,MAAA,KAAK,CAAC,OAAO,0CAAE,uBAAuB,EAAE,KAAK,EAAE,yBAAyB,aAAzB,yBAAyB,cAAzB,yBAAyB,GAAI,EAAE,EAAE,cAAc,EAAE,GAAG,EAAE;YAC/H,4BAA4B,CAAC,mBAAmB,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC;YAC9E,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC,EAAE,MAAM,EAAE,0BAA0B,CAAC,KAAK,CAAC,GAAI,CAAC;IACjD,OAAO,yCAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport React from 'react';\n/* @conditional-compile-remove(close-captions) */\nimport { useMemo, useCallback } from 'react';\n/* @conditional-compile-remove(close-captions) */\nimport { useTheme } from '@internal/react-components';\n/* @conditional-compile-remove(close-captions) */\nimport { _CaptionsSettingsModal, CaptionsAvailableLanguageStrings } from '@internal/react-components';\n/* @conditional-compile-remove(close-captions) */\nimport { _changeSpokenLanguageSelector } from '@internal/calling-component-bindings';\n/* @conditional-compile-remove(close-captions) */\nimport { _DrawerMenu as DrawerMenu, _DrawerMenuItemProps as DrawerMenuItemProps, _DrawerMenuStyles } from '@internal/react-components';\n/* @conditional-compile-remove(close-captions) */\nimport { useAdaptedSelector } from '../../CallComposite/hooks/useAdaptedSelector';\n/* @conditional-compile-remove(close-captions) */\nimport { useHandlers } from '../../CallComposite/hooks/useHandlers';\n/* @conditional-compile-remove(close-captions) */\nimport { spokenLanguageDrawerStyles } from './SpokenLanguageDrawer.styles';\n\n/** @private */\nexport interface SpokenLanguageDrawerStrings {\n  /**\n   * Label for spokenLanguage drawerMenuItem\n   *\n   * @remarks Only displayed when in Teams call, disabled until captions is on\n   */\n  spokenLanguageMenuTitle: string;\n}\n\n/** @private */\nexport const SpokenLanguageDrawer = (props: {\n  /* @conditional-compile-remove(close-captions) */setCurrentSpokenLanguage: (language: string) => void;\n  /* @conditional-compile-remove(close-captions) */\n  currentSpokenLanguage: string;\n  /* @conditional-compile-remove(close-captions) */\n  onLightDismiss: () => void;\n  /* @conditional-compile-remove(close-captions) */\n  strings?: SpokenLanguageDrawerStrings;\n  /* @conditional-compile-remove(close-captions) */\n  supportedLanguageStrings?: CaptionsAvailableLanguageStrings;\n}): JSX.Element => {\n  /* @conditional-compile-remove(close-captions) */\n  const theme = useTheme();\n\n  /* @conditional-compile-remove(close-captions) */\n  const changeSpokenLanguageProps = useAdaptedSelector(_changeSpokenLanguageSelector);\n  /* @conditional-compile-remove(close-captions) */\n  const changeSpokenLanguageHandlers = useHandlers(_CaptionsSettingsModal);\n\n  /* @conditional-compile-remove(close-captions) */\n  const onSpokenLanguageDrawerItemClick = useCallback((languageCode: string) => {\n    props.setCurrentSpokenLanguage(languageCode);\n  }, [props]);\n\n  /* @conditional-compile-remove(close-captions) */\n  const spokenLanguageDrawerItems: DrawerMenuItemProps[] = useMemo(() => {\n    return changeSpokenLanguageProps?.supportedSpokenLanguages?.map(languageCode => ({\n      itemKey: languageCode,\n      text: props.supportedLanguageStrings ? props.supportedLanguageStrings[languageCode] : languageCode,\n      onItemClick: () => onSpokenLanguageDrawerItemClick(languageCode),\n      secondaryIconProps: props.currentSpokenLanguage === languageCode ? {\n        iconName: 'Accept'\n      } : undefined\n    }));\n  }, [changeSpokenLanguageProps?.supportedSpokenLanguages, props.currentSpokenLanguage, props.supportedLanguageStrings, onSpokenLanguageDrawerItemClick]);\n\n  /* @conditional-compile-remove(close-captions) */\n  return <DrawerMenu heading={props.strings?.spokenLanguageMenuTitle} items={spokenLanguageDrawerItems ?? []} onLightDismiss={() => {\n    changeSpokenLanguageHandlers.onSetSpokenLanguage(props.currentSpokenLanguage);\n    props.onLightDismiss();\n  }} styles={spokenLanguageDrawerStyles(theme)} />;\n  return <></>;\n};\"../../../../../react-components/src\"\"../../../../../calling-component-bindings/src\""]}

package/dist/dist-esm/react-composites/src/composites/common/Drawer/SpokenLanguageDrawer.styles.d.ts

@@ -1,7 +0,0 @@
-import { Theme } from '@fluentui/react';
-import { _DrawerMenuStyles } from "../../../../../react-components/src";
-/**
- * @private
- */
-export declare const spokenLanguageDrawerStyles: (theme: Theme) => _DrawerMenuStyles;
-//# sourceMappingURL=SpokenLanguageDrawer.styles.d.ts.map

package/dist/dist-esm/react-composites/src/composites/common/Drawer/SpokenLanguageDrawer.styles.js

@@ -1,24 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import { _pxToRem } from "../../../../../acs-ui-common/src";
-/**
- * @private
- */
-export const spokenLanguageDrawerStyles = (theme) => ({
-    root: {
-        overflow: 'auto'
-    },
-    drawerSurfaceStyles: {
-        drawerContentContainer: {
-            root: {
-                span: {
-                    fontWeight: 600,
-                    fontSize: _pxToRem(17),
-                    lineHeight: _pxToRem(22),
-                    color: theme.palette.neutralDark
-                }
-            }
-        }
-    }
-});
-//# sourceMappingURL=SpokenLanguageDrawer.styles.js.map

package/dist/dist-esm/react-composites/src/composites/common/Drawer/SpokenLanguageDrawer.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpokenLanguageDrawer.styles.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/common/Drawer/SpokenLanguageDrawer.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,EAAE,QAAQ,EAAE,yCAAgC;AAGnD;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,KAAY,EAAqB,EAAE,CAAC,CAAC;IAC9E,IAAI,EAAE;QACJ,QAAQ,EAAE,MAAM;KACjB;IACD,mBAAmB,EAAE;QACnB,sBAAsB,EAAE;YACtB,IAAI,EAAE;gBACJ,IAAI,EAAE;oBACJ,UAAU,EAAE,GAAG;oBACf,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;oBACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;oBACxB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW;iBACjC;aACF;SACF;KACF;CACF,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { Theme } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\nimport { _DrawerMenuStyles } from '@internal/react-components';\n\n/**\n * @private\n */\nexport const spokenLanguageDrawerStyles = (theme: Theme): _DrawerMenuStyles => ({\n  root: {\n    overflow: 'auto'\n  },\n  drawerSurfaceStyles: {\n    drawerContentContainer: {\n      root: {\n        span: {\n          fontWeight: 600,\n          fontSize: _pxToRem(17),\n          lineHeight: _pxToRem(22),\n          color: theme.palette.neutralDark\n        }\n      }\n    }\n  }\n});\"../../../../../acs-ui-common/src\"\"../../../../../react-components/src\""]}

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

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-/** @private */
-export interface SendDtmfDialpadStrings {
-    dialpadModalAriaLabel: string;
-    dialpadCloseModalButtonAriaLabel: string;
-    placeholderText: string;
-}
-/** @private */
-export interface SendDtmfDialpadProps {
-    isMobile: boolean;
-    showDialpad: boolean;
-    strings: SendDtmfDialpadStrings;
-    onDismissDialpad: () => void;
-}
-/** @private */
-export declare const SendDtmfDialpad: (props: SendDtmfDialpadProps) => JSX.Element;
-//# sourceMappingURL=SendDtmfDialpad.d.ts.map

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

@@ -1,50 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import React, { useState } from 'react';
-import { useMemo } from 'react';
-import { Dialpad } from "../../../../react-components/src";
-import { _DrawerSurface } from "../../../../react-components/src";
-import { Modal, Stack, useTheme, IconButton } from '@fluentui/react';
-import { themeddialpadModalStyle, themedDialpadStyle } from './SendDtmfDialpad.styles';
-import { usePropsFor } from '../CallComposite/hooks/usePropsFor';
-import { drawerContainerStyles } from '../CallComposite/styles/CallComposite.styles';
-/** @private */
-export const SendDtmfDialpad = (props) => {
-    const dialpadProps = usePropsFor(Dialpad);
-    const { strings, isMobile, showDialpad, onDismissDialpad } = props;
-    const theme = useTheme();
-    const onDismissTriggered = () => {
-        onDismissDialpad();
-    };
-    const [textFieldValue, setTextFieldValue] = useState();
-    const onChange = (input) => {
-        if (input.length > 25) {
-            setTextFieldValue(input.slice(1));
-        }
-        else {
-            setTextFieldValue(input);
-        }
-    };
-    const dialpadModalStyle = useMemo(() => themeddialpadModalStyle(theme), [theme]);
-    const dialpadStyle = useMemo(() => themedDialpadStyle(isMobile, theme), [theme, isMobile]);
-    if (isMobile) {
-        return React.createElement(Stack, null, showDialpad && React.createElement(Stack, { styles: drawerContainerStyles() },
-            React.createElement(_DrawerSurface, { disableMaxHeight: true, onLightDismiss: onDismissTriggered },
-                React.createElement(Stack, { style: {
-                        padding: '1rem'
-                    } },
-                    React.createElement(Dialpad, Object.assign({ styles: dialpadStyle }, dialpadProps, { showDeleteButton: false, textFieldValue: textFieldValue, onChange: onChange, strings: strings, isMobile: isMobile }))))));
-    }
-    return React.createElement(React.Fragment, null, React.createElement(Modal, { titleAriaId: strings.dialpadModalAriaLabel, isOpen: showDialpad, onDismiss: onDismissTriggered, isBlocking: true, styles: dialpadModalStyle },
-        React.createElement(Stack, { horizontal: true, horizontalAlign: "end", verticalAlign: "center" },
-            React.createElement(IconButton, { iconProps: {
-                    iconName: 'Cancel'
-                }, ariaLabel: strings.dialpadCloseModalButtonAriaLabel, onClick: onDismissTriggered, style: {
-                    color: theme.palette.black
-                } })),
-        React.createElement(Stack, { style: {
-                overflow: 'hidden'
-            } },
-            React.createElement(Dialpad, Object.assign({ styles: dialpadStyle }, dialpadProps, { textFieldValue: textFieldValue, onChange: onChange, showDeleteButton: false, strings: strings, isMobile: isMobile })))));
-};
-//# sourceMappingURL=SendDtmfDialpad.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SendDtmfDialpad.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/SendDtmfDialpad.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\nimport React, { useState } from 'react';\nimport { useMemo } from 'react';\nimport { Dialpad, DialpadStyles } from '@internal/react-components';\nimport { _DrawerMenu, _DrawerMenuItemProps, _DrawerSurface } from '@internal/react-components';\nimport { IModalStyles, Modal, Stack, useTheme, IconButton } from '@fluentui/react';\nimport { themeddialpadModalStyle, themedDialpadStyle } from './SendDtmfDialpad.styles';\nimport { usePropsFor } from '../CallComposite/hooks/usePropsFor';\nimport { drawerContainerStyles } from '../CallComposite/styles/CallComposite.styles';\n\n/** @private */\nexport interface SendDtmfDialpadStrings {\n  dialpadModalAriaLabel: string;\n  dialpadCloseModalButtonAriaLabel: string;\n  placeholderText: string;\n}\n\n/** @private */\nexport interface SendDtmfDialpadProps {\n  isMobile: boolean;\n  showDialpad: boolean;\n  strings: SendDtmfDialpadStrings;\n  onDismissDialpad: () => void;\n}\n\n/** @private */\nexport const SendDtmfDialpad = (props: SendDtmfDialpadProps): JSX.Element => {\n  const dialpadProps = usePropsFor(Dialpad);\n  const {\n    strings,\n    isMobile,\n    showDialpad,\n    onDismissDialpad\n  } = props;\n  const theme = useTheme();\n  const onDismissTriggered = (): void => {\n    onDismissDialpad();\n  };\n  const [textFieldValue, setTextFieldValue] = useState<string>();\n  const onChange = (input: string): void => {\n    if (input.length > 25) {\n      setTextFieldValue(input.slice(1));\n    } else {\n      setTextFieldValue(input);\n    }\n  };\n  const dialpadModalStyle: Partial<IModalStyles> = useMemo(() => themeddialpadModalStyle(theme), [theme]);\n  const dialpadStyle: Partial<DialpadStyles> = useMemo(() => themedDialpadStyle(isMobile, theme), [theme, isMobile]);\n  if (isMobile) {\n    return <Stack>\n        {showDialpad && <Stack styles={drawerContainerStyles()}>\n            <_DrawerSurface disableMaxHeight={true} onLightDismiss={onDismissTriggered}>\n              <Stack style={{\n            padding: '1rem'\n          }}>\n                <Dialpad styles={dialpadStyle} {...dialpadProps} showDeleteButton={false} textFieldValue={textFieldValue} onChange={onChange} strings={strings} isMobile={isMobile} />\n              </Stack>\n            </_DrawerSurface>\n          </Stack>}\n      </Stack>;\n  }\n  return <>\n      {<Modal titleAriaId={strings.dialpadModalAriaLabel} isOpen={showDialpad} onDismiss={onDismissTriggered} isBlocking={true} styles={dialpadModalStyle}>\n          <Stack horizontal horizontalAlign=\"end\" verticalAlign=\"center\">\n            <IconButton iconProps={{\n          iconName: 'Cancel'\n        }} ariaLabel={strings.dialpadCloseModalButtonAriaLabel} onClick={onDismissTriggered} style={{\n          color: theme.palette.black\n        }} />\n          </Stack>\n\n          <Stack style={{\n        overflow: 'hidden'\n      }}>\n            <Dialpad styles={dialpadStyle} {...dialpadProps} textFieldValue={textFieldValue} onChange={onChange} showDeleteButton={false} strings={strings} isMobile={isMobile} />\n          </Stack>\n        </Modal>}\n    </>;\n};\"../../../../react-components/src\""]}

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

@@ -1,11 +0,0 @@
-import { IModalStyles, Theme } from '@fluentui/react';
-import { DialpadStyles } from "../../../../react-components/src";
-/**
- * @private
- */
-export declare const themeddialpadModalStyle: (theme: Theme) => Partial<IModalStyles>;
-/**
- * @private
- */
-export declare const themedDialpadStyle: (isMobile: boolean, theme: Theme) => Partial<DialpadStyles>;
-//# sourceMappingURL=SendDtmfDialpad.styles.d.ts.map

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

@@ -1,40 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-/**
- * @private
- */
-export const themeddialpadModalStyle = (theme) => ({
-    main: {
-        borderRadius: theme.effects.roundedCorner6,
-        padding: '1rem'
-    }
-});
-/**
- * @private
- */
-export const themedDialpadStyle = (isMobile, theme) => ({
-    root: {
-        padding: 0,
-        marginLeft: 0,
-        marginRight: 0,
-        maxWidth: '100%'
-    },
-    textField: {
-        root: {
-            borderBottom: `1px solid ${theme.palette.neutralTertiaryAlt}`
-        },
-        field: {
-            backgroundColor: theme.palette.white,
-            fontSize: theme.fonts.large.fontSize,
-            padding: '0 0.5rem ',
-            textAlign: 'center',
-            ':active': {
-                padding: '0 0.5rem'
-            }
-        }
-    },
-    digit: {
-        color: theme.palette.themeDarkAlt
-    }
-});
-//# sourceMappingURL=SendDtmfDialpad.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SendDtmfDialpad.styles.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/SendDtmfDialpad.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAKlC;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAY,EAAyB,EAAE,CAAC,CAAC;IAC/E,IAAI,EAAE;QACJ,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;QAC1C,OAAO,EAAE,MAAM;KAChB;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,QAAiB,EAAE,KAAY,EAA0B,EAAE,CAAC,CAAC;IAC9F,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,CAAC;QACb,WAAW,EAAE,CAAC;QACd,QAAQ,EAAE,MAAM;KACjB;IACD,SAAS,EAAE;QACT,IAAI,EAAE;YACJ,YAAY,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,kBAAkB,EAAE;SAC9D;QACD,KAAK,EAAE;YACL,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;YACpC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ;YACpC,OAAO,EAAE,WAAW;YACpB,SAAS,EAAE,QAAQ;YACnB,SAAS,EAAE;gBACT,OAAO,EAAE,UAAU;aACpB;SACF;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;KAClC;CACF,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IModalStyles, Theme } from '@fluentui/react';\nimport { DialpadStyles } from '@internal/react-components';\n\n/**\n * @private\n */\nexport const themeddialpadModalStyle = (theme: Theme): Partial<IModalStyles> => ({\n  main: {\n    borderRadius: theme.effects.roundedCorner6,\n    padding: '1rem'\n  }\n});\n\n/**\n * @private\n */\nexport const themedDialpadStyle = (isMobile: boolean, theme: Theme): Partial<DialpadStyles> => ({\n  root: {\n    padding: 0,\n    marginLeft: 0,\n    marginRight: 0,\n    maxWidth: '100%'\n  },\n  textField: {\n    root: {\n      borderBottom: `1px solid ${theme.palette.neutralTertiaryAlt}`\n    },\n    field: {\n      backgroundColor: theme.palette.white,\n      fontSize: theme.fonts.large.fontSize,\n      padding: '0 0.5rem ',\n      textAlign: 'center',\n      ':active': {\n        padding: '0 0.5rem'\n      }\n    }\n  },\n  digit: {\n    color: theme.palette.themeDarkAlt\n  }\n});\"../../../../react-components/src\""]}

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

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { AdapterError } from './adapters';
-import { ActiveVideoEffect } from '../CallComposite/components/SidePane/useVideoEffectsPane';
-/**
- * Pane that is used to show video effects button
- * @private
- */
-/** @beta */
-export declare const VideoEffectsPaneContent: (props: {
-    onDismissError: (error: AdapterError) => void;
-    activeVideoEffectError: () => AdapterError | undefined;
-    setActiveVideoEffect: (effect: ActiveVideoEffect) => void;
-}) => JSX.Element;
-//# sourceMappingURL=VideoEffectsPane.d.ts.map

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

@@ -1,149 +0,0 @@
-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());
-    });
-};
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import React from 'react';
-/* @conditional-compile-remove(video-background-effects) */
-import { useCallback, useMemo } from 'react';
-/* @conditional-compile-remove(video-background-effects) */
-import { MessageBar, MessageBarType, Stack } from '@fluentui/react';
-/* @conditional-compile-remove(video-background-effects) */
-import { useLocale } from '../localization';
-/* @conditional-compile-remove(video-background-effects) */
-import { _VideoBackgroundEffectsPicker } from "../../../../react-components/src";
-/* @conditional-compile-remove(video-background-effects) */
-import { activeVideoBackgroundEffectSelector } from '../CallComposite/selectors/activeVideoBackgroundEffectSelector';
-/* @conditional-compile-remove(video-background-effects) */
-import { useSelector } from '../CallComposite/hooks/useSelector';
-/* @conditional-compile-remove(video-background-effects) */
-import { useAdapter } from '../CallComposite/adapter/CallAdapterProvider';
-/* @conditional-compile-remove(video-background-effects) */
-import { localVideoSelector } from '../CallComposite/selectors/localVideoStreamSelector';
-/**
- * Pane that is used to show video effects button
- * @private
- */
-/** @beta */
-export const VideoEffectsPaneContent = (props) => {
-    const { onDismissError, activeVideoEffectError, 
-    /* @conditional-compile-remove(video-background-effects) */
-    setActiveVideoEffect } = props;
-    /* @conditional-compile-remove(video-background-effects) */
-    const locale = useLocale();
-    /* @conditional-compile-remove(video-background-effects) */
-    const adapter = useAdapter();
-    /* @conditional-compile-remove(video-background-effects) */
-    const strings = locale.strings.call;
-    /* @conditional-compile-remove(video-background-effects) */
-    const selectableVideoEffects = useMemo(() => {
-        const videoEffects = [{
-                itemKey: 'none',
-                iconProps: {
-                    iconName: 'RemoveVideoBackgroundEffect'
-                },
-                title: strings.removeBackgroundEffectButtonLabel,
-                tooltipProps: {
-                    content: strings.removeBackgroundTooltip
-                }
-            }, {
-                itemKey: 'blur',
-                iconProps: {
-                    iconName: 'BlurVideoBackground'
-                },
-                title: strings.blurBackgroundEffectButtonLabel,
-                tooltipProps: {
-                    content: strings.blurBackgroundTooltip
-                }
-            }];
-        const videoEffectImages = adapter.getState().videoBackgroundImages;
-        if (videoEffectImages) {
-            videoEffectImages.forEach((img) => {
-                var _a;
-                videoEffects.push({
-                    itemKey: img.key,
-                    backgroundProps: {
-                        url: img.url
-                    },
-                    tooltipProps: {
-                        content: (_a = img.tooltipText) !== null && _a !== void 0 ? _a : ''
-                    }
-                });
-            });
-        }
-        return videoEffects;
-    }, [strings, adapter]);
-    /* @conditional-compile-remove(video-background-effects) */
-    const onEffectChange = useCallback((effectKey) => __awaiter(void 0, void 0, void 0, function* () {
-        if (effectKey === 'blur') {
-            const blurEffect = {
-                effectName: effectKey
-            };
-            adapter.updateSelectedVideoBackgroundEffect(blurEffect);
-            setActiveVideoEffect({
-                type: 'blur',
-                timestamp: new Date(Date.now())
-            });
-            yield adapter.startVideoBackgroundEffect(blurEffect);
-        }
-        else if (effectKey === 'none') {
-            const noneEffect = {
-                effectName: effectKey
-            };
-            adapter.updateSelectedVideoBackgroundEffect(noneEffect);
-            yield adapter.stopVideoBackgroundEffects();
-        }
-        else {
-            const backgroundImg = selectableVideoEffects.find(effect => {
-                return effect.itemKey === effectKey;
-            });
-            if (backgroundImg && backgroundImg.backgroundProps) {
-                const replaceEffect = {
-                    effectName: 'replacement',
-                    key: effectKey,
-                    backgroundImageUrl: backgroundImg.backgroundProps.url
-                };
-                adapter.updateSelectedVideoBackgroundEffect(replaceEffect);
-                setActiveVideoEffect({
-                    type: 'replacement',
-                    timestamp: new Date(Date.now())
-                });
-                yield adapter.startVideoBackgroundEffect(replaceEffect);
-            }
-        }
-    }), [adapter, setActiveVideoEffect, selectableVideoEffects]);
-    return VideoEffectsPaneTrampoline(onDismissError, activeVideoEffectError, /* @conditional-compile-remove(video-background-effects) */ selectableVideoEffects, /* @conditional-compile-remove(video-background-effects) */ onEffectChange);
-};
-const VideoEffectsPaneTrampoline = (onDismissError, activeVideoEffectError, selectableVideoEffects, onEffectChange) => {
-    /* @conditional-compile-remove(video-background-effects) */
-    const videoEffectError = activeVideoEffectError && activeVideoEffectError();
-    /* @conditional-compile-remove(video-background-effects) */
-    const selectedEffect = useSelector(activeVideoBackgroundEffectSelector);
-    /* @conditional-compile-remove(video-background-effects) */
-    const isCameraOn = useSelector(localVideoSelector).isAvailable;
-    /* @conditional-compile-remove(video-background-effects) */
-    const showWarning = !isCameraOn && selectedEffect !== 'none';
-    /* @conditional-compile-remove(video-background-effects) */
-    const locale = useLocale();
-    /* @conditional-compile-remove(video-background-effects) */
-    return React.createElement(Stack, { horizontalAlign: "center" },
-        videoEffectError && isCameraOn && React.createElement(MessageBar, { messageBarType: MessageBarType.error, onDismiss: () => onDismissError(videoEffectError) }, locale.strings.call.unableToStartVideoEffect),
-        showWarning && React.createElement(MessageBar, { messageBarType: MessageBarType.warning }, locale.strings.call.cameraOffBackgroundEffectWarningText),
-        React.createElement(_VideoBackgroundEffectsPicker, { label: locale.strings.call.videoEffectsPaneBackgroundSelectionTitle, styles: backgroundPickerStyles, options: selectableVideoEffects !== null && selectableVideoEffects !== void 0 ? selectableVideoEffects : [], onChange: onEffectChange, selectedEffectKey: selectedEffect }));
-    return React.createElement(React.Fragment, null);
-};
-/* @conditional-compile-remove(video-background-effects) */
-const backgroundPickerStyles = {
-    label: {
-        fontSize: '0.75rem',
-        lineHeight: '0.5rem',
-        fontWeight: '400'
-    }
-};
-//# sourceMappingURL=VideoEffectsPane.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"VideoEffectsPane.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/VideoEffectsPane.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\nimport React from 'react';\n/* @conditional-compile-remove(video-background-effects) */\nimport { useCallback, useMemo } from 'react';\n/* @conditional-compile-remove(video-background-effects) */\nimport { MessageBar, MessageBarType, Stack } from '@fluentui/react';\n/* @conditional-compile-remove(video-background-effects) */\nimport { useLocale } from '../localization';\nimport { _VideoEffectsItemProps } from '@internal/react-components';\n/* @conditional-compile-remove(video-background-effects) */\nimport { _VideoBackgroundEffectsPicker } from '@internal/react-components';\n/* @conditional-compile-remove(video-background-effects) */\nimport { VideoBackgroundImage, VideoBackgroundBlurEffect, VideoBackgroundNoEffect, VideoBackgroundReplacementEffect } from '../CallComposite';\n/* @conditional-compile-remove(video-background-effects) */\nimport { activeVideoBackgroundEffectSelector } from '../CallComposite/selectors/activeVideoBackgroundEffectSelector';\n/* @conditional-compile-remove(video-background-effects) */\nimport { useSelector } from '../CallComposite/hooks/useSelector';\n/* @conditional-compile-remove(video-background-effects) */\nimport { useAdapter } from '../CallComposite/adapter/CallAdapterProvider';\nimport { AdapterError } from './adapters';\n/* @conditional-compile-remove(video-background-effects) */\nimport { localVideoSelector } from '../CallComposite/selectors/localVideoStreamSelector';\nimport { ActiveVideoEffect } from '../CallComposite/components/SidePane/useVideoEffectsPane';\n\n/**\n * Pane that is used to show video effects button\n * @private\n */\n/** @beta */\nexport const VideoEffectsPaneContent = (props: {\n  onDismissError: (error: AdapterError) => void;\n  activeVideoEffectError: () => AdapterError | undefined;\n  setActiveVideoEffect: (effect: ActiveVideoEffect) => void;\n}): JSX.Element => {\n  const {\n    onDismissError,\n    activeVideoEffectError,\n    /* @conditional-compile-remove(video-background-effects) */\n    setActiveVideoEffect\n  } = props;\n  /* @conditional-compile-remove(video-background-effects) */\n  const locale = useLocale();\n  /* @conditional-compile-remove(video-background-effects) */\n  const adapter = useAdapter();\n  /* @conditional-compile-remove(video-background-effects) */\n  const strings = locale.strings.call;\n  /* @conditional-compile-remove(video-background-effects) */\n  const selectableVideoEffects: _VideoEffectsItemProps[] = useMemo(() => {\n    const videoEffects: _VideoEffectsItemProps[] = [{\n      itemKey: 'none',\n      iconProps: {\n        iconName: 'RemoveVideoBackgroundEffect'\n      },\n      title: strings.removeBackgroundEffectButtonLabel,\n      tooltipProps: {\n        content: strings.removeBackgroundTooltip\n      }\n    }, {\n      itemKey: 'blur',\n      iconProps: {\n        iconName: 'BlurVideoBackground'\n      },\n      title: strings.blurBackgroundEffectButtonLabel,\n      tooltipProps: {\n        content: strings.blurBackgroundTooltip\n      }\n    }];\n    const videoEffectImages = adapter.getState().videoBackgroundImages;\n    if (videoEffectImages) {\n      videoEffectImages.forEach((img: VideoBackgroundImage) => {\n        videoEffects.push({\n          itemKey: img.key,\n          backgroundProps: {\n            url: img.url\n          },\n          tooltipProps: {\n            content: img.tooltipText ?? ''\n          }\n        });\n      });\n    }\n    return videoEffects;\n  }, [strings, adapter]);\n\n  /* @conditional-compile-remove(video-background-effects) */\n  const onEffectChange = useCallback(async (effectKey: string) => {\n    if (effectKey === 'blur') {\n      const blurEffect: VideoBackgroundBlurEffect = {\n        effectName: effectKey\n      };\n      adapter.updateSelectedVideoBackgroundEffect(blurEffect);\n      setActiveVideoEffect({\n        type: 'blur',\n        timestamp: new Date(Date.now())\n      });\n      await adapter.startVideoBackgroundEffect(blurEffect);\n    } else if (effectKey === 'none') {\n      const noneEffect: VideoBackgroundNoEffect = {\n        effectName: effectKey\n      };\n      adapter.updateSelectedVideoBackgroundEffect(noneEffect);\n      await adapter.stopVideoBackgroundEffects();\n    } else {\n      const backgroundImg = selectableVideoEffects.find(effect => {\n        return effect.itemKey === effectKey;\n      });\n      if (backgroundImg && backgroundImg.backgroundProps) {\n        const replaceEffect: VideoBackgroundReplacementEffect = {\n          effectName: 'replacement',\n          key: effectKey,\n          backgroundImageUrl: backgroundImg.backgroundProps.url\n        };\n        adapter.updateSelectedVideoBackgroundEffect(replaceEffect);\n        setActiveVideoEffect({\n          type: 'replacement',\n          timestamp: new Date(Date.now())\n        });\n        await adapter.startVideoBackgroundEffect(replaceEffect);\n      }\n    }\n  }, [adapter, setActiveVideoEffect, selectableVideoEffects]);\n  return VideoEffectsPaneTrampoline(onDismissError, activeVideoEffectError, /* @conditional-compile-remove(video-background-effects) */\n  selectableVideoEffects, /* @conditional-compile-remove(video-background-effects) */\n  onEffectChange);\n};\nconst VideoEffectsPaneTrampoline = (onDismissError: (error: AdapterError) => void, activeVideoEffectError?: () => AdapterError | undefined, selectableVideoEffects?: _VideoEffectsItemProps[], onEffectChange?: (effectKey: string) => Promise<void>): JSX.Element => {\n  /* @conditional-compile-remove(video-background-effects) */\n  const videoEffectError = activeVideoEffectError && activeVideoEffectError();\n  /* @conditional-compile-remove(video-background-effects) */\n  const selectedEffect = useSelector(activeVideoBackgroundEffectSelector);\n  /* @conditional-compile-remove(video-background-effects) */\n  const isCameraOn = useSelector(localVideoSelector).isAvailable;\n  /* @conditional-compile-remove(video-background-effects) */\n  const showWarning = !isCameraOn && selectedEffect !== 'none';\n  /* @conditional-compile-remove(video-background-effects) */\n  const locale = useLocale();\n\n  /* @conditional-compile-remove(video-background-effects) */\n  return <Stack horizontalAlign=\"center\">\n      {videoEffectError && isCameraOn && <MessageBar messageBarType={MessageBarType.error} onDismiss={() => onDismissError(videoEffectError)}>\n          {locale.strings.call.unableToStartVideoEffect}\n        </MessageBar>}\n      {showWarning && <MessageBar messageBarType={MessageBarType.warning}>\n          {locale.strings.call.cameraOffBackgroundEffectWarningText}\n        </MessageBar>}\n      <_VideoBackgroundEffectsPicker label={locale.strings.call.videoEffectsPaneBackgroundSelectionTitle} styles={backgroundPickerStyles} options={selectableVideoEffects ?? []} onChange={onEffectChange} selectedEffectKey={selectedEffect} />\n    </Stack>;\n  return <></>;\n};\n\n/* @conditional-compile-remove(video-background-effects) */\nconst backgroundPickerStyles = {\n  label: {\n    fontSize: '0.75rem',\n    lineHeight: '0.5rem',\n    fontWeight: '400'\n  }\n};\"../../../../react-components/src\""]}