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

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

@@ -1 +0,0 @@
-{"version":3,"file":"HoldPane.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/HoldPane.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { PrimaryButton, Stack, Text } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\nimport React, { useRef, useState } from 'react';\nimport { CompositeLocale, useLocale } from '../../localization';\n/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\nimport { HoldButton } from '@internal/react-components';\n/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\nimport { usePropsFor } from '../hooks/usePropsFor';\nimport {\n  holdPaneContentStyles,\n  holdPaneLabelStyles,\n  holdPaneTimerStyles,\n  paneStyles,\n  resumeButtonStyles\n} from '../styles/HoldPane.styles';\n\ninterface HoldPaneStrings {\n  holdScreenLabel: string;\n  resumeCallButtonLabel: string;\n  resumeCallButtonAriaLabel: string;\n  resumingCallButtonLabel: string;\n  resumingCallButtonAriaLabel: string;\n}\n\n/**\n * Hold pane to display when the user places themselves on hold\n *\n * @beta\n */\nexport const HoldPane = (): JSX.Element => {\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  const holdButtonProps = usePropsFor(HoldButton);\n  const locale = useLocale();\n\n  const strings = stringsTrampoline(locale);\n\n  const [time, setTime] = useState<number>(0);\n\n  const elapsedTime = getReadableTime(time);\n\n  const startTime = useRef(performance.now());\n  const [resumingCall, setResumingCall] = useState<boolean>(false);\n\n  React.useEffect(() => {\n    const interval = setInterval(() => {\n      setTime(performance.now() - startTime.current);\n    }, 10);\n    return () => {\n      clearInterval(interval);\n    };\n  }, [startTime]);\n\n  return (\n    <Stack styles={paneStyles}>\n      <Stack horizontal styles={holdPaneContentStyles}>\n        <Text styles={holdPaneTimerStyles}>{elapsedTime}</Text>\n        <Text styles={holdPaneLabelStyles}>{strings.holdScreenLabel}</Text>\n        <PrimaryButton\n          text={!resumingCall ? strings.resumeCallButtonLabel : strings.resumingCallButtonLabel}\n          ariaLabel={!resumingCall ? strings.resumeCallButtonAriaLabel : strings.resumingCallButtonAriaLabel}\n          styles={resumeButtonStyles}\n          disabled={resumingCall}\n          onClick={async () => {\n            setResumingCall(true);\n            try {\n              /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n              await holdButtonProps.onToggleHold();\n            } catch (e) {\n              setResumingCall(false);\n              throw e;\n            }\n          }}\n          data-ui-id=\"hold-page-resume-call-button\"\n        ></PrimaryButton>\n      </Stack>\n    </Stack>\n  );\n};\n\nconst getMinutes = (time: number): number => {\n  return Math.floor(getSeconds(time) / 60);\n};\n\nconst getSeconds = (time: number): number => {\n  return Math.floor(time / 1000);\n};\n\nconst getHours = (time: number): number => {\n  return Math.floor(getMinutes(time) / 60);\n};\n\n/**\n * @internal\n */\nexport const getReadableTime = (time: number): string => {\n  const hours = getHours(time);\n  const readableMinutes = ('0' + (getMinutes(time) % 60)).slice(-2);\n  const readableSeconds = ('0' + (getSeconds(time) % 60)).slice(-2);\n  return `${hours > 0 ? hours + ':' : ''}${readableMinutes}:${readableSeconds}`;\n};\n\nconst stringsTrampoline = (locale: CompositeLocale): HoldPaneStrings => {\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  return {\n    holdScreenLabel: locale.strings.call.holdScreenLabel,\n    resumeCallButtonLabel: locale.strings.call.resumeCallButtonLabel,\n    resumeCallButtonAriaLabel: locale.strings.call.resumeCallButtonAriaLabel,\n    resumingCallButtonLabel: locale.strings.call.resumingCallButtonLabel,\n    resumingCallButtonAriaLabel: locale.strings.call.resumingCallButtonAriaLabel\n  };\n  return {\n    holdScreenLabel: '',\n    resumeCallButtonLabel: '',\n    resumeCallButtonAriaLabel: '',\n    resumingCallButtonLabel: '',\n    resumingCallButtonAriaLabel: ''\n  };\n};\n\"../../../../../acs-ui-common/src\"\"../../../../../react-components/src\""]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/Custom.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { ControlBarButtonStrings } from "../../../../../../react-components/src";
-import { CallControlDisplayType, CustomCallControlButtonCallback, CustomCallControlButtonPlacement } from '../../types/CallControlOptions';
-import { CallControlOptions } from '../../types/CallControlOptions';
-/** @private */
-export declare type CustomButtons = {
-    [key in CustomCallControlButtonPlacement]: JSX.Element | undefined;
-};
-/** @private */
-export declare const generateCustomControlBarButtonStrings: (text: string | undefined) => ControlBarButtonStrings;
-/** @private */
-export declare const generateCustomControlBarButtons: (onFetchCustomButtonProps?: CustomCallControlButtonCallback[] | undefined, displayType?: CallControlDisplayType | undefined) => CustomButtons;
-/** @private */
-export declare const generateCustomDrawerButtons: (onFetchCustomButtonProps?: CustomCallControlButtonCallback[] | undefined, displayType?: CallControlDisplayType | undefined) => CustomButtons;
-/** @private */
-export declare const onFetchCustomButtonPropsTrampoline: (options?: CallControlOptions | undefined) => CustomCallControlButtonCallback[] | undefined;
-//# sourceMappingURL=Custom.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/Custom.js

@@ -1,63 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-// eslint-disable-next-line no-restricted-imports
-import { Icon } from '@fluentui/react';
-import { ControlBarButton } from "../../../../../../react-components/src";
-import React from 'react';
-/** @private */
-export const generateCustomControlBarButtonStrings = (text) => {
-    return { label: text };
-};
-/** @private */
-export const generateCustomControlBarButtons = (onFetchCustomButtonProps, displayType) => {
-    const response = {
-        primary: undefined
-    };
-    if (!onFetchCustomButtonProps) {
-        return response;
-    }
-    const allButtonProps = onFetchCustomButtonProps.map((f) => f({ displayType }));
-    for (const key in response) {
-        response[key] = (React.createElement(React.Fragment, null, allButtonProps
-            .filter((buttonProps) => buttonProps.placement === key)
-            .map((buttonProps, i) => {
-            var _a;
-            return (React.createElement(ControlBarButton, { ariaDescription: buttonProps.ariaDescription, ariaLabel: buttonProps.ariaLabel, disabled: buttonProps.disabled, id: buttonProps.id, key: (_a = buttonProps.key) !== null && _a !== void 0 ? _a : `${buttonProps.placement}_${i}`, onClick: buttonProps.onItemClick, onRenderIcon: () => { var _a; return React.createElement(Icon, { iconName: (_a = buttonProps.iconName) !== null && _a !== void 0 ? _a : 'ControlButtonOptions' }); }, showLabel: buttonProps.showLabel, strings: generateCustomControlBarButtonStrings(buttonProps.text), styles: buttonProps.styles }));
-        })));
-    }
-    return response;
-};
-/** @private */
-export const generateCustomDrawerButtons = (onFetchCustomButtonProps, displayType) => {
-    const response = {
-        primary: undefined
-    };
-    if (!onFetchCustomButtonProps) {
-        return response;
-    }
-    const allButtonProps = onFetchCustomButtonProps.map((f) => f({ displayType }));
-    for (const key in response) {
-        response[key] = (React.createElement(React.Fragment, null, allButtonProps
-            .filter((buttonProps) => buttonProps.placement === key)
-            .map((buttonProps, i) => {
-            var _a;
-            return ({
-                disabled: buttonProps.disabled,
-                iconProps: { iconName: buttonProps.iconName },
-                id: buttonProps.id,
-                itemKey: (_a = buttonProps.key) !== null && _a !== void 0 ? _a : `${buttonProps.placement}_${i}`,
-                onItemClick: buttonProps.onItemClick,
-                text: buttonProps.text
-            });
-        })));
-    }
-    return response;
-};
-/* @conditional-compile-remove(control-bar-button-injection) */
-/** @private */
-export const onFetchCustomButtonPropsTrampoline = (options) => {
-    let response = undefined;
-    response = options === null || options === void 0 ? void 0 : options.onFetchCustomButtonProps;
-    return response;
-};
-//# sourceMappingURL=Custom.js.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/Custom.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Custom.js","sourceRoot":"","sources":["../../../../../../../../../react-composites/src/composites/CallComposite/components/buttons/Custom.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\n// eslint-disable-next-line no-restricted-imports\nimport { Icon } from '@fluentui/react';\nimport { ControlBarButton, ControlBarButtonStrings } from '@internal/react-components';\nimport React from 'react';\nimport {\n  CallControlDisplayType,\n  CustomCallControlButtonCallback,\n  CustomCallControlButtonPlacement\n} from '../../types/CallControlOptions';\n/* @conditional-compile-remove(control-bar-button-injection) */\nimport { CallControlOptions } from '../../types/CallControlOptions';\n\n/** @private */\nexport type CustomButtons = { [key in CustomCallControlButtonPlacement]: JSX.Element | undefined };\n\n/** @private */\nexport const generateCustomControlBarButtonStrings = (text: string | undefined): ControlBarButtonStrings => {\n  return { label: text };\n};\n\n/** @private */\nexport const generateCustomControlBarButtons = (\n  onFetchCustomButtonProps?: CustomCallControlButtonCallback[],\n  displayType?: CallControlDisplayType\n): CustomButtons => {\n  const response = {\n    primary: undefined\n  };\n\n  if (!onFetchCustomButtonProps) {\n    return response;\n  }\n\n  const allButtonProps = onFetchCustomButtonProps.map((f) => f({ displayType }));\n\n  for (const key in response) {\n    response[key] = (\n      <>\n        {allButtonProps\n          .filter((buttonProps) => buttonProps.placement === key)\n          .map((buttonProps, i) => (\n            <ControlBarButton\n              ariaDescription={buttonProps.ariaDescription}\n              ariaLabel={buttonProps.ariaLabel}\n              disabled={buttonProps.disabled}\n              id={buttonProps.id}\n              key={buttonProps.key ?? `${buttonProps.placement}_${i}`}\n              onClick={buttonProps.onItemClick}\n              onRenderIcon={() => <Icon iconName={buttonProps.iconName ?? 'ControlButtonOptions'} />}\n              showLabel={buttonProps.showLabel}\n              strings={generateCustomControlBarButtonStrings(buttonProps.text)}\n              styles={buttonProps.styles}\n            />\n          ))}\n      </>\n    );\n  }\n  return response;\n};\n\n/** @private */\nexport const generateCustomDrawerButtons = (\n  onFetchCustomButtonProps?: CustomCallControlButtonCallback[],\n  displayType?: CallControlDisplayType\n): CustomButtons => {\n  const response = {\n    primary: undefined\n  };\n\n  if (!onFetchCustomButtonProps) {\n    return response;\n  }\n\n  const allButtonProps = onFetchCustomButtonProps.map((f) => f({ displayType }));\n  for (const key in response) {\n    response[key] = (\n      <>\n        {allButtonProps\n          .filter((buttonProps) => buttonProps.placement === key)\n          .map((buttonProps, i) => ({\n            disabled: buttonProps.disabled,\n            iconProps: { iconName: buttonProps.iconName },\n            id: buttonProps.id,\n            itemKey: buttonProps.key ?? `${buttonProps.placement}_${i}`,\n            onItemClick: buttonProps.onItemClick,\n            text: buttonProps.text\n          }))}\n      </>\n    );\n  }\n  return response;\n};\n\n/* @conditional-compile-remove(control-bar-button-injection) */\n/** @private */\nexport const onFetchCustomButtonPropsTrampoline = (\n  options?: CallControlOptions\n): CustomCallControlButtonCallback[] | undefined => {\n  let response: CustomCallControlButtonCallback[] | undefined = undefined;\n  response = options?.onFetchCustomButtonProps;\n  return response;\n};\n\"../../../../../../react-components/src\""]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/People.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { ControlBarButtonProps } from "../../../../../../react-components/src";
-/**
- * @private
- */
-/** @beta */
-export declare const People: (props: ControlBarButtonProps) => JSX.Element;
-//# sourceMappingURL=People.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/People.js

@@ -1,26 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import React, { useMemo } from 'react';
-import { ControlBarButton, useTheme } from "../../../../../../react-components/src";
-import { concatStyleSets } from '@fluentui/react';
-import { CallCompositeIcon } from '../../../common/icons';
-import { controlButtonBaseStyle } from '../../styles/Buttons.styles';
-const icon = () => React.createElement(CallCompositeIcon, { iconName: 'ControlButtonParticipants' });
-/**
- * @private
- */
-/** @beta */
-export const People = (props) => {
-    const { strings, onRenderOnIcon, onRenderOffIcon, onClick } = props;
-    const theme = useTheme();
-    const styles = useMemo(() => {
-        var _a;
-        return concatStyleSets({
-            rootChecked: {
-                background: theme.palette.neutralLight
-            }
-        }, (_a = props.styles) !== null && _a !== void 0 ? _a : {}, controlButtonBaseStyle);
-    }, [props.styles, theme.palette.neutralLight]);
-    return (React.createElement(ControlBarButton, Object.assign({}, props, { "data-ui-id": "call-composite-participants-button", strings: strings, labelKey: 'peopleButtonLabelKey', onRenderOnIcon: onRenderOnIcon !== null && onRenderOnIcon !== void 0 ? onRenderOnIcon : icon, onRenderOffIcon: onRenderOffIcon !== null && onRenderOffIcon !== void 0 ? onRenderOffIcon : icon, onClick: onClick, styles: styles })));
-};
-//# sourceMappingURL=People.js.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/People.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"People.js","sourceRoot":"","sources":["../../../../../../../../../react-composites/src/composites/CallComposite/components/buttons/People.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAiD,QAAQ,EAAE,+CAAmC;AAGvH,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAErE,MAAM,IAAI,GAAG,GAAgB,EAAE,CAAC,oBAAC,iBAAiB,IAAC,QAAQ,EAAE,2BAA2B,GAAI,CAAC;AAE7F;;GAEG;AACH,YAAY;AACZ,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAA4B,EAAe,EAAE;IAClE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEpE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,MAAM,GAA2B,OAAO,CAC5C,GAAG,EAAE;;QACH,OAAA,eAAe,CACb;YACE,WAAW,EAAE;gBACX,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;aACvC;SACF,EACD,MAAA,KAAK,CAAC,MAAM,mCAAI,EAAE,EAClB,sBAAsB,CACvB,CAAA;KAAA,EACH,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAC3C,CAAC;IAEF,OAAO,CACL,oBAAC,gBAAgB,oBACX,KAAK,kBACE,oCAAoC,EAC/C,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,sBAAsB,EAChC,cAAc,EAAE,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,IAAI,EACtC,eAAe,EAAE,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,IAAI,EACxC,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,IACd,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport React, { useMemo } from 'react';\nimport { ControlBarButton, ControlBarButtonProps, ControlBarButtonStyles, useTheme } from '@internal/react-components';\n/* @conditional-compile-remove(rooms) */\nimport { _usePermissions } from '@internal/react-components';\nimport { concatStyleSets } from '@fluentui/react';\nimport { CallCompositeIcon } from '../../../common/icons';\nimport { controlButtonBaseStyle } from '../../styles/Buttons.styles';\n\nconst icon = (): JSX.Element => <CallCompositeIcon iconName={'ControlButtonParticipants'} />;\n\n/**\n * @private\n */\n/** @beta */\nexport const People = (props: ControlBarButtonProps): JSX.Element => {\n  const { strings, onRenderOnIcon, onRenderOffIcon, onClick } = props;\n\n  const theme = useTheme();\n  const styles: ControlBarButtonStyles = useMemo(\n    () =>\n      concatStyleSets(\n        {\n          rootChecked: {\n            background: theme.palette.neutralLight\n          }\n        },\n        props.styles ?? {},\n        controlButtonBaseStyle\n      ),\n    [props.styles, theme.palette.neutralLight]\n  );\n\n  return (\n    <ControlBarButton\n      {...props}\n      data-ui-id=\"call-composite-participants-button\"\n      strings={strings}\n      labelKey={'peopleButtonLabelKey'}\n      onRenderOnIcon={onRenderOnIcon ?? icon}\n      onRenderOffIcon={onRenderOffIcon ?? icon}\n      onClick={onClick}\n      styles={styles}\n    />\n  );\n};\n\"../../../../../../react-components/src\""]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/hooks/useSidePaneState.d.ts

@@ -1,16 +0,0 @@
-/**
- * Active tab option type for {@link CallPane} component
- * @private
- */
-/** @beta */
-export declare type CallSidePaneOption = null | 'people';
-/**
- * @private
- */
-export declare const useSidePaneState: () => {
-    activePane: CallSidePaneOption;
-    closePane: () => void;
-    openPeoplePane: () => void;
-    togglePeoplePane: () => void;
-};
-//# sourceMappingURL=useSidePaneState.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/hooks/useSidePaneState.js

@@ -1,38 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import { _isInCall } from "../../../../../calling-component-bindings/src";
-import { useCallback, useMemo, useState } from 'react';
-import { callStatusSelector } from '../selectors/callStatusSelector';
-import { useSelector } from './useSelector';
-/**
- * @private
- */
-export const useSidePaneState = () => {
-    const { callStatus } = useSelector(callStatusSelector);
-    const isInCall = _isInCall(callStatus);
-    const [chosenPane, setChosenPane] = useState(null);
-    const closePane = useCallback(() => {
-        setChosenPane(null);
-    }, [setChosenPane]);
-    const openPeoplePane = useCallback(() => {
-        setChosenPane('people');
-    }, []);
-    const togglePeoplePane = useCallback(() => {
-        if (chosenPane === 'people') {
-            closePane();
-        }
-        else {
-            openPeoplePane();
-        }
-    }, [chosenPane, closePane, openPeoplePane]);
-    // If we are not in a call, we should not show the people pane.
-    const activePane = chosenPane === 'people' && isInCall ? 'people' : null;
-    const memoizedReturnValue = useMemo(() => ({
-        activePane,
-        closePane,
-        openPeoplePane,
-        togglePeoplePane
-    }), [activePane, closePane, openPeoplePane, togglePeoplePane]);
-    return memoizedReturnValue;
-};
-//# sourceMappingURL=useSidePaneState.js.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/hooks/useSidePaneState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSidePaneState.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/hooks/useSidePaneState.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,SAAS,EAAE,sDAA6C;AACjE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAS5C;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAK9B,EAAE;IACF,MAAM,EAAE,UAAU,EAAE,GAAG,WAAW,CAAC,kBAAkB,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;IACvC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAEvE,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,UAAU,KAAK,QAAQ,EAAE;YAC3B,SAAS,EAAE,CAAC;SACb;aAAM;YACL,cAAc,EAAE,CAAC;SAClB;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;IAE5C,+DAA+D;IAC/D,MAAM,UAAU,GAAuB,UAAU,KAAK,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;IAE7F,MAAM,mBAAmB,GAAG,OAAO,CACjC,GAAG,EAAE,CAAC,CAAC;QACL,UAAU;QACV,SAAS;QACT,cAAc;QACd,gBAAgB;KACjB,CAAC,EACF,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,gBAAgB,CAAC,CAC1D,CAAC;IAEF,OAAO,mBAAmB,CAAC;AAC7B,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { _isInCall } from '@internal/calling-component-bindings';\nimport { useCallback, useMemo, useState } from 'react';\nimport { callStatusSelector } from '../selectors/callStatusSelector';\nimport { useSelector } from './useSelector';\n\n/**\n * Active tab option type for {@link CallPane} component\n * @private\n */\n/** @beta */\nexport type CallSidePaneOption = null | 'people';\n\n/**\n * @private\n */\nexport const useSidePaneState = (): {\n  activePane: CallSidePaneOption;\n  closePane: () => void;\n  openPeoplePane: () => void;\n  togglePeoplePane: () => void;\n} => {\n  const { callStatus } = useSelector(callStatusSelector);\n  const isInCall = _isInCall(callStatus);\n  const [chosenPane, setChosenPane] = useState<CallSidePaneOption>(null);\n\n  const closePane = useCallback(() => {\n    setChosenPane(null);\n  }, [setChosenPane]);\n\n  const openPeoplePane = useCallback(() => {\n    setChosenPane('people');\n  }, []);\n\n  const togglePeoplePane = useCallback(() => {\n    if (chosenPane === 'people') {\n      closePane();\n    } else {\n      openPeoplePane();\n    }\n  }, [chosenPane, closePane, openPeoplePane]);\n\n  // If we are not in a call, we should not show the people pane.\n  const activePane: CallSidePaneOption = chosenPane === 'people' && isInCall ? 'people' : null;\n\n  const memoizedReturnValue = useMemo(\n    () => ({\n      activePane,\n      closePane,\n      openPeoplePane,\n      togglePeoplePane\n    }),\n    [activePane, closePane, openPeoplePane, togglePeoplePane]\n  );\n\n  return memoizedReturnValue;\n};\n\"../../../../../calling-component-bindings/src\""]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/HoldPage.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { CallCompositeOptions } from '../../../index-public';
-/**
- * @beta
- */
-export interface HoldPageProps {
-    mobileView: boolean;
-    options?: CallCompositeOptions;
-    modalLayerHostId: string;
-}
-/**
- * @beta
- */
-export declare const HoldPage: (props: HoldPageProps) => JSX.Element;
-//# sourceMappingURL=HoldPage.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/HoldPage.js

@@ -1,36 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import { ErrorBar } from "../../../../../react-components/src";
-import React from 'react';
-import { useLocale } from '../../localization';
-import { CallArrangement } from '../components/CallArrangement';
-import { HoldPane } from '../components/HoldPane';
-import { usePropsFor } from '../hooks/usePropsFor';
-import { disableCallControls, reduceCallControlsForMobile } from '../utils';
-/**
- * @beta
- */
-export const HoldPage = (props) => {
-    var _a, _b, _c;
-    const errorBarProps = usePropsFor(ErrorBar);
-    const strings = useLocale().strings.call;
-    let callControlOptions = props.mobileView
-        ? reduceCallControlsForMobile((_a = props.options) === null || _a === void 0 ? void 0 : _a.callControls)
-        : (_b = props.options) === null || _b === void 0 ? void 0 : _b.callControls;
-    callControlOptions = disableCallControls(callControlOptions, [
-        'cameraButton',
-        'microphoneButton',
-        'devicesButton',
-        'screenShareButton',
-        /* @conditional-compile-remove(PSTN-calls) */
-        /* @conditional-compile-remove(one-to-n-calling) */
-        'holdButton'
-    ]);
-    return (React.createElement(CallArrangement, { complianceBannerProps: { strings }, errorBarProps: ((_c = props.options) === null || _c === void 0 ? void 0 : _c.errorBar) !== false && Object.assign({}, errorBarProps), callControlProps: {
-            options: callControlOptions,
-            increaseFlyoutItemSize: props.mobileView
-        }, mobileView: props.mobileView, 
-        /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
-        modalLayerHostId: props.modalLayerHostId, onRenderGalleryContent: () => React.createElement(HoldPane, null), dataUiId: 'hold-page' }));
-};
-//# sourceMappingURL=HoldPage.js.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/HoldPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HoldPage.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/pages/HoldPage.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,QAAQ,EAAE,4CAAmC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAY5E;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAe,EAAE;;IAC5D,MAAM,aAAa,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;IAEzC,IAAI,kBAAkB,GAAG,KAAK,CAAC,UAAU;QACvC,CAAC,CAAC,2BAA2B,CAAC,MAAA,KAAK,CAAC,OAAO,0CAAE,YAAY,CAAC;QAC1D,CAAC,CAAC,MAAA,KAAK,CAAC,OAAO,0CAAE,YAAY,CAAC;IAEhC,kBAAkB,GAAG,mBAAmB,CAAC,kBAAkB,EAAE;QAC3D,cAAc;QACd,kBAAkB;QAClB,eAAe;QACf,mBAAmB;QACnB,6CAA6C;QAC7C,mDAAmD;QACnD,YAAY;KACb,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,eAAe,IACd,qBAAqB,EAAE,EAAE,OAAO,EAAE,EAClC,aAAa,EAAE,CAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,QAAQ,MAAK,KAAK,sBAAS,aAAa,CAAE,EACxE,gBAAgB,EAAE;YAChB,OAAO,EAAE,kBAAkB;YAC3B,sBAAsB,EAAE,KAAK,CAAC,UAAU;SACzC,EACD,UAAU,EAAE,KAAK,CAAC,UAAU;QAC5B,6CAA6C,CAAC,mDAAmD;QACjG,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,sBAAsB,EAAE,GAAG,EAAE,CAAC,oBAAC,QAAQ,OAAG,EAC1C,QAAQ,EAAE,WAAW,GACrB,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { ErrorBar } from '@internal/react-components';\nimport React from 'react';\nimport { CallCompositeOptions } from '../../../index-public';\nimport { useLocale } from '../../localization';\nimport { CallArrangement } from '../components/CallArrangement';\nimport { HoldPane } from '../components/HoldPane';\nimport { usePropsFor } from '../hooks/usePropsFor';\nimport { disableCallControls, reduceCallControlsForMobile } from '../utils';\n\n/**\n * @beta\n */\nexport interface HoldPageProps {\n  mobileView: boolean;\n  options?: CallCompositeOptions;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  modalLayerHostId: string;\n}\n\n/**\n * @beta\n */\nexport const HoldPage = (props: HoldPageProps): JSX.Element => {\n  const errorBarProps = usePropsFor(ErrorBar);\n  const strings = useLocale().strings.call;\n\n  let callControlOptions = props.mobileView\n    ? reduceCallControlsForMobile(props.options?.callControls)\n    : props.options?.callControls;\n\n  callControlOptions = disableCallControls(callControlOptions, [\n    'cameraButton',\n    'microphoneButton',\n    'devicesButton',\n    'screenShareButton',\n    /* @conditional-compile-remove(PSTN-calls) */\n    /* @conditional-compile-remove(one-to-n-calling) */\n    'holdButton'\n  ]);\n\n  return (\n    <CallArrangement\n      complianceBannerProps={{ strings }}\n      errorBarProps={props.options?.errorBar !== false && { ...errorBarProps }}\n      callControlProps={{\n        options: callControlOptions,\n        increaseFlyoutItemSize: props.mobileView\n      }}\n      mobileView={props.mobileView}\n      /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n      modalLayerHostId={props.modalLayerHostId}\n      onRenderGalleryContent={() => <HoldPane />}\n      dataUiId={'hold-page'}\n    />\n  );\n};\n\"../../../../../react-components/src\""]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/UnsupportedBrowser.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-/**
- * @internal
- */
-export declare type UnsupportedBrowserPageProps = {
-    onTroubleshootingClick?: () => void;
-};
-/**
- *
- * @internal
- */
-export declare const UnsupportedBrowserPage: (props: UnsupportedBrowserPageProps) => JSX.Element;
-//# sourceMappingURL=UnsupportedBrowser.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/UnsupportedBrowser.js

@@ -1,26 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-/* @conditional-compile-remove(unsupported-browser) */
-import { Stack } from '@fluentui/react';
-/* @conditional-compile-remove(unsupported-browser) */
-import { UnsupportedBrowser } from "../../../../../react-components/src";
-import React from 'react';
-/* @conditional-compile-remove(unsupported-browser) */
-import { useLocale } from '../../localization';
-/**
- *
- * @internal
- */
-export const UnsupportedBrowserPage = (props) => {
-    /* @conditional-compile-remove(unsupported-browser) */
-    const { onTroubleshootingClick } = props;
-    /* @conditional-compile-remove(unsupported-browser) */
-    const locale = useLocale();
-    /* @conditional-compile-remove(unsupported-browser) */
-    const unsupportedBrowserStrings = locale.component.strings.UnsupportedBrowser;
-    /* @conditional-compile-remove(unsupported-browser) */
-    return (React.createElement(Stack, { styles: { root: { margin: 'auto', paddingTop: '3rem' } } },
-        React.createElement(UnsupportedBrowser, { onTroubleshootingClick: onTroubleshootingClick, strings: unsupportedBrowserStrings })));
-    return React.createElement(React.Fragment, null);
-};
-//# sourceMappingURL=UnsupportedBrowser.js.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/UnsupportedBrowser.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UnsupportedBrowser.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/pages/UnsupportedBrowser.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,sDAAsD;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,sDAAsD;AACtD,OAAO,EAAE,kBAAkB,EAAE,4CAAmC;AAChE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,sDAAsD;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAS/C;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAkC,EAAe,EAAE;IACxF,sDAAsD;IACtD,MAAM,EAAE,sBAAsB,EAAE,GAAG,KAAK,CAAC;IACzC,sDAAsD;IACtD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,sDAAsD;IACtD,MAAM,yBAAyB,GAAG,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,kBAAkB,CAAC;IAE9E,sDAAsD;IACtD,OAAO,CACL,oBAAC,KAAK,IAAC,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE;QAC7D,oBAAC,kBAAkB,IAAC,sBAAsB,EAAE,sBAAsB,EAAE,OAAO,EAAE,yBAAyB,GAAI,CACpG,CACT,CAAC;IACF,OAAO,yCAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\n/* @conditional-compile-remove(unsupported-browser) */\nimport { Stack } from '@fluentui/react';\n/* @conditional-compile-remove(unsupported-browser) */\nimport { UnsupportedBrowser } from '@internal/react-components';\nimport React from 'react';\n/* @conditional-compile-remove(unsupported-browser) */\nimport { useLocale } from '../../localization';\n\n/**\n * @internal\n */\nexport type UnsupportedBrowserPageProps = {\n  onTroubleshootingClick?: () => void;\n};\n\n/**\n *\n * @internal\n */\nexport const UnsupportedBrowserPage = (props: UnsupportedBrowserPageProps): JSX.Element => {\n  /* @conditional-compile-remove(unsupported-browser) */\n  const { onTroubleshootingClick } = props;\n  /* @conditional-compile-remove(unsupported-browser) */\n  const locale = useLocale();\n  /* @conditional-compile-remove(unsupported-browser) */\n  const unsupportedBrowserStrings = locale.component.strings.UnsupportedBrowser;\n\n  /* @conditional-compile-remove(unsupported-browser) */\n  return (\n    <Stack styles={{ root: { margin: 'auto', paddingTop: '3rem' } }}>\n      <UnsupportedBrowser onTroubleshootingClick={onTroubleshootingClick} strings={unsupportedBrowserStrings} />\n    </Stack>\n  );\n  return <></>;\n};\n\"../../../../../react-components/src\""]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/HoldPane.styles.d.ts

@@ -1,32 +0,0 @@
-import { IButtonStyles, IStackStyles, ITextStyles } from '@fluentui/react';
-/**
- * styles for hold pane resume button
- *
- * @private
- */
-export declare const resumeButtonStyles: IButtonStyles;
-/**
- * styles for hold pane main text
- *
- * @private
- */
-export declare const holdPaneLabelStyles: ITextStyles;
-/**
- * styles for hold pane timer
- *
- * @private
- */
-export declare const holdPaneTimerStyles: ITextStyles;
-/**
- * styles for hold pane container
- *
- * @private
- */
-export declare const paneStyles: IStackStyles;
-/**
- * styles for the hold pane content container
- *
- * @private
- */
-export declare const holdPaneContentStyles: IStackStyles;
-//# sourceMappingURL=HoldPane.styles.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/HoldPane.styles.js

@@ -1,81 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import { _pxToRem } from "../../../../../acs-ui-common/src";
-/**
- * styles for hold pane resume button
- *
- * @private
- */
-export const resumeButtonStyles = {
-    root: {
-        borderRadius: _pxToRem(4),
-        padding: `${_pxToRem(6)} ${_pxToRem(20)} `
-    },
-    label: {
-        fontWeight: 400,
-        display: 'flex',
-        fontSize: _pxToRem(14)
-    },
-    labelDisabled: {
-        fontWeight: 400,
-        display: 'flex',
-        fontSize: _pxToRem(14)
-    }
-};
-/**
- * styles for hold pane main text
- *
- * @private
- */
-export const holdPaneLabelStyles = {
-    root: {
-        color: 'inherit',
-        fontWeight: 600,
-        fontHeight: _pxToRem(22),
-        fontSize: _pxToRem(16),
-        marginTop: '0.5rem',
-        marginBottom: '1.5rem'
-    }
-};
-/**
- * styles for hold pane timer
- *
- * @private
- */
-export const holdPaneTimerStyles = {
-    root: {
-        color: 'inherit',
-        fontWeight: 600,
-        fontSize: _pxToRem(20),
-        lineHeight: _pxToRem(28),
-        margin: 'auto'
-    }
-};
-/**
- * styles for hold pane container
- *
- * @private
- */
-export const paneStyles = {
-    root: {
-        width: '100%',
-        height: '100%',
-        background: 'inherit'
-    }
-};
-/**
- * styles for the hold pane content container
- *
- * @private
- */
-export const holdPaneContentStyles = {
-    root: {
-        display: 'flex',
-        margin: 'auto',
-        flexDirection: 'column',
-        justifyContent: 'center',
-        alignContent: 'center',
-        alignItems: 'center'
-    }
-};
-//# sourceMappingURL=HoldPane.styles.js.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/HoldPane.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HoldPane.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/HoldPane.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,EAAE,QAAQ,EAAE,yCAAgC;AAEnD;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAkB;IAC/C,IAAI,EAAE;QACJ,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;QACzB,OAAO,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,EAAE,CAAC,GAAG;KAC3C;IACD,KAAK,EAAE;QACL,UAAU,EAAE,GAAG;QACf,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;KACvB;IACD,aAAa,EAAE;QACb,UAAU,EAAE,GAAG;QACf,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;KACvB;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAgB;IAC9C,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;QACxB,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;QACtB,SAAS,EAAE,QAAQ;QACnB,YAAY,EAAE,QAAQ;KACvB;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAgB;IAC9C,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;QACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;QACxB,MAAM,EAAE,MAAM;KACf;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAiB;IACtC,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,SAAS;KACtB;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAiB;IACjD,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,MAAM;QACd,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,QAAQ;QACxB,YAAY,EAAE,QAAQ;QACtB,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IButtonStyles, IStackStyles, ITextStyles } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/**\n * styles for hold pane resume button\n *\n * @private\n */\nexport const resumeButtonStyles: IButtonStyles = {\n  root: {\n    borderRadius: _pxToRem(4),\n    padding: `${_pxToRem(6)} ${_pxToRem(20)} `\n  },\n  label: {\n    fontWeight: 400,\n    display: 'flex',\n    fontSize: _pxToRem(14)\n  },\n  labelDisabled: {\n    fontWeight: 400,\n    display: 'flex',\n    fontSize: _pxToRem(14)\n  }\n};\n\n/**\n * styles for hold pane main text\n *\n * @private\n */\nexport const holdPaneLabelStyles: ITextStyles = {\n  root: {\n    color: 'inherit',\n    fontWeight: 600,\n    fontHeight: _pxToRem(22),\n    fontSize: _pxToRem(16),\n    marginTop: '0.5rem',\n    marginBottom: '1.5rem'\n  }\n};\n\n/**\n * styles for hold pane timer\n *\n * @private\n */\nexport const holdPaneTimerStyles: ITextStyles = {\n  root: {\n    color: 'inherit',\n    fontWeight: 600,\n    fontSize: _pxToRem(20),\n    lineHeight: _pxToRem(28),\n    margin: 'auto'\n  }\n};\n\n/**\n * styles for hold pane container\n *\n * @private\n */\nexport const paneStyles: IStackStyles = {\n  root: {\n    width: '100%',\n    height: '100%',\n    background: 'inherit'\n  }\n};\n\n/**\n * styles for the hold pane content container\n *\n * @private\n */\nexport const holdPaneContentStyles: IStackStyles = {\n  root: {\n    display: 'flex',\n    margin: 'auto',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    alignContent: 'center',\n    alignItems: 'center'\n  }\n};\n\"../../../../../acs-ui-common/src\""]}

package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/CustomButton.d.ts

@@ -1,67 +0,0 @@
-/// <reference types="react" />
-import { CallControlDisplayType, CustomCallControlButtonCallbackArgs, CustomControlButtonProps } from '../CallComposite/types/CallControlOptions';
-import { CallWithChatControlOptions } from './CallWithChatComposite';
-/**
- * Max number of Custom Buttons in primary and secondary ControlBar
- * Does not include existing buttons in the controlBar.
- *
- * @private
- */
-export declare const CUSTOM_BUTTON_OPTIONS: {
-    MAX_PRIMARY_DESKTOP_CUSTOM_BUTTONS: number;
-    MAX_PRIMARY_MOBILE_CUSTOM_BUTTONS: number;
-    MAX_SECONDARY_DESKTOP_CUSTOM_BUTTONS: number;
-};
-/** @private */
-export declare type CustomButtons = {
-    [key in CustomCallWithChatControlButtonPlacement]: JSX.Element | undefined;
-};
-/** @private */
-export declare const generateCustomCallWithChatControlBarButton: (onFetchCustomButtonProps?: CustomCallWithChatControlButtonCallback[] | undefined, displayType?: CallControlDisplayType | undefined) => CustomButtons;
-/** @private */
-export declare const generateCustomCallWithChatDrawerButtons: (onFetchCustomButtonProps?: CustomCallWithChatControlButtonCallback[] | undefined, displayType?: CallControlDisplayType | undefined) => CustomButtons;
-/**
- * A callback that returns the props to render a custom {@link ControlBarButton} and {@link DrawerMenuItem}.
- *
- * The response indicates where the custom button should be placed.
- *
- * Performance tip: This callback is only called when either the callback or its arguments change.
- * @beta
- */
-export declare type CustomCallWithChatControlButtonCallback = (args: CustomCallControlButtonCallbackArgs) => CustomCallWithChatControlButtonProps;
-/**
- * Placement for a custom button injected in the {@link CallWithChatControlBar}.
- *
- * 'primary': Place the button(s) on the right end of the center control bar but before the EndCallButton (left end in rtl mode).
- * 'overflow': Place the buttons(s) on the end of the overflow Menu.
- * 'secondary': Place the button(s) on the left end of the side control bar (right in rtl mode).
- *
- * Multiple buttons assigned the same placement are appended in order.
- * E.g., if two buttons are placed in 'secondary', they'll both appear on the left end (right end in rtl mode)
- * in the order provided.
- *
- * @beta
- */
-export declare type CustomCallWithChatControlButtonPlacement = 'primary' | 'overflow' | 'secondary';
-/**
- * Response from {@link CustomCallWithChatControlButtonCallback}.
- *
- * Includes the icon and placement prop necessary to indicate where to place the
- * {@link ControlBarButton} and a {@link DrawerMenuItem}
- *
- * @beta
- */
-export interface CustomCallWithChatControlButtonProps extends CustomControlButtonProps {
-    /**
-     * Where to place the custom button relative to other buttons.
-     */
-    placement: CustomCallWithChatControlButtonPlacement;
-    /**
-     * Icon to render. Icon is a non-default icon name that needs to be registered as a
-     * custom icon using registerIcons through fluentui. Examples include icons from the fluentui library
-     */
-    iconName?: string;
-}
-/** @private */
-export declare const onFetchCustomButtonPropsTrampoline: (options?: CallWithChatControlOptions | undefined) => CustomCallWithChatControlButtonCallback[] | undefined;
-//# sourceMappingURL=CustomButton.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/CustomButton.js

@@ -1,75 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-// eslint-disable-next-line no-restricted-imports
-import { Icon } from '@fluentui/react';
-import { ControlBarButton } from "../../../../react-components/src";
-import React from 'react';
-import { generateCustomControlBarButtonStrings } from '../CallComposite/components/buttons/Custom';
-/**
- * Max number of Custom Buttons in primary and secondary ControlBar
- * Does not include existing buttons in the controlBar.
- *
- * @private
- */
-export const CUSTOM_BUTTON_OPTIONS = {
-    MAX_PRIMARY_DESKTOP_CUSTOM_BUTTONS: 3,
-    MAX_PRIMARY_MOBILE_CUSTOM_BUTTONS: 1,
-    MAX_SECONDARY_DESKTOP_CUSTOM_BUTTONS: 2
-};
-/** @private */
-export const generateCustomCallWithChatControlBarButton = (onFetchCustomButtonProps, displayType) => {
-    const response = {
-        primary: undefined,
-        secondary: undefined,
-        overflow: undefined
-    };
-    if (!onFetchCustomButtonProps) {
-        return response;
-    }
-    const allButtonProps = onFetchCustomButtonProps.map((f) => f({ displayType }));
-    for (const key in response) {
-        response[key] = (React.createElement(React.Fragment, null, allButtonProps
-            .filter((buttonProps) => buttonProps.placement === key)
-            .map((buttonProps, i) => {
-            var _a;
-            return (React.createElement(ControlBarButton, { ariaDescription: buttonProps.ariaDescription, ariaLabel: buttonProps.ariaLabel, disabled: buttonProps.disabled, id: buttonProps.id, key: (_a = buttonProps.key) !== null && _a !== void 0 ? _a : `${buttonProps.placement}_${i}`, onClick: buttonProps.onItemClick, onRenderIcon: () => { var _a; return React.createElement(Icon, { iconName: (_a = buttonProps.iconName) !== null && _a !== void 0 ? _a : 'ControlButtonOptions' }); }, showLabel: buttonProps.showLabel, strings: generateCustomControlBarButtonStrings(buttonProps.text), styles: buttonProps.styles }));
-        })));
-    }
-    return response;
-};
-/** @private */
-export const generateCustomCallWithChatDrawerButtons = (onFetchCustomButtonProps, displayType) => {
-    const response = {
-        primary: undefined,
-        secondary: undefined,
-        overflow: undefined
-    };
-    if (!onFetchCustomButtonProps) {
-        return response;
-    }
-    const allButtonProps = onFetchCustomButtonProps.map((f) => f({ displayType }));
-    for (const key in response) {
-        response[key] = (React.createElement(React.Fragment, null, allButtonProps
-            .filter((buttonProps) => buttonProps.placement === key)
-            .map((buttonProps, i) => {
-            var _a;
-            return ({
-                disabled: buttonProps.disabled,
-                id: buttonProps.id,
-                iconProps: { iconName: buttonProps.iconName },
-                itemKey: (_a = buttonProps.key) !== null && _a !== void 0 ? _a : `${buttonProps.placement}_${i}`,
-                onItemClick: buttonProps.onItemClick,
-                text: buttonProps.text
-            });
-        })));
-    }
-    return response;
-};
-/* @conditional-compile-remove(control-bar-button-injection) */
-/** @private */
-export const onFetchCustomButtonPropsTrampoline = (options) => {
-    let response = undefined;
-    response = options === null || options === void 0 ? void 0 : options.onFetchCustomButtonProps;
-    return response;
-};
-//# sourceMappingURL=CustomButton.js.map

package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/CustomButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomButton.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallWithChatComposite/CustomButton.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\n// eslint-disable-next-line no-restricted-imports\nimport { Icon } from '@fluentui/react';\nimport { ControlBarButton } from '@internal/react-components';\nimport React from 'react';\nimport { generateCustomControlBarButtonStrings } from '../CallComposite/components/buttons/Custom';\nimport {\n  CallControlDisplayType,\n  CustomCallControlButtonCallbackArgs,\n  CustomControlButtonProps\n} from '../CallComposite/types/CallControlOptions';\n/* @conditional-compile-remove(control-bar-button-injection) */\nimport { CallWithChatControlOptions } from './CallWithChatComposite';\n\n/**\n * Max number of Custom Buttons in primary and secondary ControlBar\n * Does not include existing buttons in the controlBar.\n *\n * @private\n */\nexport const CUSTOM_BUTTON_OPTIONS = {\n  MAX_PRIMARY_DESKTOP_CUSTOM_BUTTONS: 3,\n  MAX_PRIMARY_MOBILE_CUSTOM_BUTTONS: 1,\n  MAX_SECONDARY_DESKTOP_CUSTOM_BUTTONS: 2\n};\n\n/** @private */\nexport type CustomButtons = { [key in CustomCallWithChatControlButtonPlacement]: JSX.Element | undefined };\n\n/** @private */\nexport const generateCustomCallWithChatControlBarButton = (\n  onFetchCustomButtonProps?: CustomCallWithChatControlButtonCallback[],\n  displayType?: CallControlDisplayType\n): CustomButtons => {\n  const response = {\n    primary: undefined,\n    secondary: undefined,\n    overflow: undefined\n  };\n\n  if (!onFetchCustomButtonProps) {\n    return response;\n  }\n\n  const allButtonProps = onFetchCustomButtonProps.map((f) => f({ displayType }));\n\n  for (const key in response) {\n    response[key] = (\n      <>\n        {allButtonProps\n          .filter((buttonProps) => buttonProps.placement === key)\n          .map((buttonProps, i) => (\n            <ControlBarButton\n              ariaDescription={buttonProps.ariaDescription}\n              ariaLabel={buttonProps.ariaLabel}\n              disabled={buttonProps.disabled}\n              id={buttonProps.id}\n              key={buttonProps.key ?? `${buttonProps.placement}_${i}`}\n              onClick={buttonProps.onItemClick}\n              onRenderIcon={() => <Icon iconName={buttonProps.iconName ?? 'ControlButtonOptions'} />}\n              showLabel={buttonProps.showLabel}\n              strings={generateCustomControlBarButtonStrings(buttonProps.text)}\n              styles={buttonProps.styles}\n            />\n          ))}\n      </>\n    );\n  }\n  return response;\n};\n\n/** @private */\nexport const generateCustomCallWithChatDrawerButtons = (\n  onFetchCustomButtonProps?: CustomCallWithChatControlButtonCallback[],\n  displayType?: CallControlDisplayType\n): CustomButtons => {\n  const response = {\n    primary: undefined,\n    secondary: undefined,\n    overflow: undefined\n  };\n\n  if (!onFetchCustomButtonProps) {\n    return response;\n  }\n\n  const allButtonProps = onFetchCustomButtonProps.map((f) => f({ displayType }));\n\n  for (const key in response) {\n    response[key] = (\n      <>\n        {allButtonProps\n          .filter((buttonProps) => buttonProps.placement === key)\n          .map((buttonProps, i) => ({\n            disabled: buttonProps.disabled,\n            id: buttonProps.id,\n            iconProps: { iconName: buttonProps.iconName },\n            itemKey: buttonProps.key ?? `${buttonProps.placement}_${i}`,\n            onItemClick: buttonProps.onItemClick,\n            text: buttonProps.text\n          }))}\n      </>\n    );\n  }\n  return response;\n};\n\n/**\n * A callback that returns the props to render a custom {@link ControlBarButton} and {@link DrawerMenuItem}.\n *\n * The response indicates where the custom button should be placed.\n *\n * Performance tip: This callback is only called when either the callback or its arguments change.\n * @beta\n */\nexport type CustomCallWithChatControlButtonCallback = (\n  args: CustomCallControlButtonCallbackArgs\n) => CustomCallWithChatControlButtonProps;\n\n/**\n * Placement for a custom button injected in the {@link CallWithChatControlBar}.\n *\n * 'primary': Place the button(s) on the right end of the center control bar but before the EndCallButton (left end in rtl mode).\n * 'overflow': Place the buttons(s) on the end of the overflow Menu.\n * 'secondary': Place the button(s) on the left end of the side control bar (right in rtl mode).\n *\n * Multiple buttons assigned the same placement are appended in order.\n * E.g., if two buttons are placed in 'secondary', they'll both appear on the left end (right end in rtl mode)\n * in the order provided.\n *\n * @beta\n */\nexport type CustomCallWithChatControlButtonPlacement = 'primary' | 'overflow' | 'secondary';\n\n/**\n * Response from {@link CustomCallWithChatControlButtonCallback}.\n *\n * Includes the icon and placement prop necessary to indicate where to place the\n * {@link ControlBarButton} and a {@link DrawerMenuItem}\n *\n * @beta\n */\nexport interface CustomCallWithChatControlButtonProps extends CustomControlButtonProps {\n  /**\n   * Where to place the custom button relative to other buttons.\n   */\n  placement: CustomCallWithChatControlButtonPlacement;\n  /**\n   * Icon to render. Icon is a non-default icon name that needs to be registered as a\n   * custom icon using registerIcons through fluentui. Examples include icons from the fluentui library\n   */\n  iconName?: string;\n}\n\n/* @conditional-compile-remove(control-bar-button-injection) */\n/** @private */\nexport const onFetchCustomButtonPropsTrampoline = (\n  options?: CallWithChatControlOptions\n): CustomCallWithChatControlButtonCallback[] | undefined => {\n  let response: CustomCallWithChatControlButtonCallback[] | undefined = undefined;\n  response = options?.onFetchCustomButtonProps;\n  return response;\n};\n\"../../../../react-components/src\""]}