@azure/communication-react 1.14.0-alpha-202402290012 → 1.14.0-beta.1

package/dist/dist-esm/react-components/src/components/styles/RichTextEditor.styles.js

@@ -1,128 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { mergeStyles } from '@fluentui/react';
-/**
- * @private
- */
-export const richTextEditorStyle = mergeStyles({
-    border: 'none',
-    overflow: 'auto',
-    padding: '10px',
-    outline: 'none',
-    bottom: '0',
-    minHeight: '2.25rem',
-    maxHeight: '8.25rem'
-});
-/**
- * @private
- */
-export const ribbonButtonStyle = (theme) => {
-    return {
-        icon: { color: theme.palette.neutralPrimary, height: 'auto' },
-        menuIcon: { color: theme.palette.neutralPrimary, height: 'auto' },
-        root: { minWidth: 'auto', backgroundColor: 'transparent' },
-        rootChecked: {
-            backgroundColor: 'transparent',
-            selectors: {
-                // Icon's color doesn't work here because of the specificity
-                '.ms-Button-icon': {
-                    color: theme.palette.themePrimary
-                },
-                '.ms-Button-menuIcon': {
-                    color: theme.palette.themePrimary
-                }
-            }
-        },
-        rootHovered: {
-            backgroundColor: 'transparent',
-            selectors: {
-                // Icon's color doesn't work here because of the specificity
-                '.ms-Button-icon': {
-                    color: theme.palette.themePrimary
-                },
-                '.ms-Button-menuIcon': {
-                    color: theme.palette.themePrimary
-                }
-            }
-        },
-        rootCheckedHovered: {
-            backgroundColor: 'transparent',
-            selectors: {
-                // Icon's color doesn't work here because of the specificity
-                '.ms-Button-icon': {
-                    color: theme.palette.themePrimary
-                },
-                '.ms-Button-menuIcon': {
-                    color: theme.palette.themePrimary
-                }
-            }
-        },
-        rootCheckedPressed: {
-            backgroundColor: 'transparent',
-            selectors: {
-                // Icon's color doesn't work here because of the specificity
-                '.ms-Button-icon': {
-                    color: theme.palette.themePrimary
-                },
-                '.ms-Button-menuIcon': {
-                    color: theme.palette.themePrimary
-                }
-            }
-        },
-        rootPressed: {
-            backgroundColor: 'transparent',
-            selectors: {
-                // Icon's color doesn't work here because of the specificity
-                '.ms-Button-icon': {
-                    color: theme.palette.themePrimary
-                },
-                '.ms-Button-menuIcon': {
-                    color: theme.palette.themePrimary
-                }
-            }
-        },
-        rootExpanded: {
-            backgroundColor: 'transparent',
-            selectors: {
-                // Icon's color doesn't work here because of the specificity
-                '.ms-Button-icon': {
-                    color: theme.palette.themePrimary
-                },
-                '.ms-Button-menuIcon': {
-                    color: theme.palette.themePrimary
-                }
-            }
-        },
-        rootExpandedHovered: {
-            backgroundColor: 'transparent',
-            selectors: {
-                //icon color is not working here because of the specificity
-                '.ms-Button-icon': {
-                    color: theme.palette.themePrimary
-                },
-                '.ms-Button-menuIcon': {
-                    color: theme.palette.themePrimary
-                }
-            }
-        }
-    };
-};
-/**
- * @private
- */
-export const ribbonDividerStyle = (theme) => {
-    return {
-        icon: { color: theme.palette.neutralQuaternaryAlt, margin: '0 -0.5rem', height: 'auto' },
-        root: { margin: '0', padding: '0', minWidth: 'auto' }
-    };
-};
-/**
- * @private
- */
-export const ribbonStyle = () => {
-    return {
-        // Override for the default white color of the Ribbon component
-        root: { backgroundColor: 'transparent' }
-    };
-};
-//# sourceMappingURL=RichTextEditor.styles.js.map

package/dist/dist-esm/react-components/src/components/styles/RichTextEditor.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RichTextEditor.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/RichTextEditor.styles.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\nimport { IButtonStyles, ICommandBarStyles, Theme, mergeStyles } from '@fluentui/react';\n\n/**\n * @private\n */\nexport const richTextEditorStyle = mergeStyles({\n  border: 'none',\n  overflow: 'auto',\n  padding: '10px',\n  outline: 'none',\n  bottom: '0',\n  minHeight: '2.25rem',\n  maxHeight: '8.25rem'\n});\n\n/**\n * @private\n */\nexport const ribbonButtonStyle = (theme: Theme): Partial<IButtonStyles> => {\n  return {\n    icon: { color: theme.palette.neutralPrimary, height: 'auto' },\n    menuIcon: { color: theme.palette.neutralPrimary, height: 'auto' },\n    root: { minWidth: 'auto', backgroundColor: 'transparent' },\n    rootChecked: {\n      backgroundColor: 'transparent',\n      selectors: {\n        // Icon's color doesn't work here because of the specificity\n        '.ms-Button-icon': {\n          color: theme.palette.themePrimary\n        },\n        '.ms-Button-menuIcon': {\n          color: theme.palette.themePrimary\n        }\n      }\n    },\n    rootHovered: {\n      backgroundColor: 'transparent',\n      selectors: {\n        // Icon's color doesn't work here because of the specificity\n        '.ms-Button-icon': {\n          color: theme.palette.themePrimary\n        },\n        '.ms-Button-menuIcon': {\n          color: theme.palette.themePrimary\n        }\n      }\n    },\n    rootCheckedHovered: {\n      backgroundColor: 'transparent',\n      selectors: {\n        // Icon's color doesn't work here because of the specificity\n        '.ms-Button-icon': {\n          color: theme.palette.themePrimary\n        },\n        '.ms-Button-menuIcon': {\n          color: theme.palette.themePrimary\n        }\n      }\n    },\n    rootCheckedPressed: {\n      backgroundColor: 'transparent',\n      selectors: {\n        // Icon's color doesn't work here because of the specificity\n        '.ms-Button-icon': {\n          color: theme.palette.themePrimary\n        },\n        '.ms-Button-menuIcon': {\n          color: theme.palette.themePrimary\n        }\n      }\n    },\n    rootPressed: {\n      backgroundColor: 'transparent',\n      selectors: {\n        // Icon's color doesn't work here because of the specificity\n        '.ms-Button-icon': {\n          color: theme.palette.themePrimary\n        },\n        '.ms-Button-menuIcon': {\n          color: theme.palette.themePrimary\n        }\n      }\n    },\n    rootExpanded: {\n      backgroundColor: 'transparent',\n      selectors: {\n        // Icon's color doesn't work here because of the specificity\n        '.ms-Button-icon': {\n          color: theme.palette.themePrimary\n        },\n        '.ms-Button-menuIcon': {\n          color: theme.palette.themePrimary\n        }\n      }\n    },\n    rootExpandedHovered: {\n      backgroundColor: 'transparent',\n      selectors: {\n        //icon color is not working here because of the specificity\n        '.ms-Button-icon': {\n          color: theme.palette.themePrimary\n        },\n        '.ms-Button-menuIcon': {\n          color: theme.palette.themePrimary\n        }\n      }\n    }\n  };\n};\n\n/**\n * @private\n */\nexport const ribbonDividerStyle = (theme: Theme): Partial<IButtonStyles> => {\n  return {\n    icon: { color: theme.palette.neutralQuaternaryAlt, margin: '0 -0.5rem', height: 'auto' },\n    root: { margin: '0', padding: '0', minWidth: 'auto' }\n  };\n};\n\n/**\n * @private\n */\nexport const ribbonStyle = (): Partial<ICommandBarStyles> => {\n  return {\n    // Override for the default white color of the Ribbon component\n    root: { backgroundColor: 'transparent' }\n  };\n};\n"]}

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

@@ -1,73 +0,0 @@
-/// <reference types="react" />
-/**
- * @private
- */
-export interface PromptProps {
-    isOpen?: boolean;
-    onDismiss?: () => void;
-    heading?: string;
-    text?: string;
-    confirmButtonLabel?: string;
-    cancelButtonLabel?: string;
-    onConfirm?: () => void;
-    onCancel?: () => void;
-}
-/**
- * @private
- */
-export declare const Prompt: (props: PromptProps) => JSX.Element;
-/**
- * Strings used in prompt related to spotlight
- * @beta
- */
-export interface SpotlightPromptStrings {
-    /**
-     * Heading for prompt when starting spotlight on participant
-     */
-    startSpotlightHeading: string;
-    /**
-     * Text for prompt when starting spotlight on participant
-     */
-    startSpotlightText: string;
-    /**
-     * Label for button to confirm starting spotlight on local user in prompt
-     */
-    startSpotlightOnSelfText: string;
-    /**
-     * Label for button to confirm starting spotlight on participant in prompt
-     */
-    startSpotlightConfirmButtonLabel: string;
-    /**
-     * Label for button to cancel starting spotlight on participant in prompt
-     */
-    startSpotlightCancelButtonLabel: string;
-    /**
-     * Heading for prompt when stopping spotlight on participant
-     */
-    stopSpotlightHeading: string;
-    /**
-     * Heading for prompt when stopping spotlight on local user
-     */
-    stopSpotlightOnSelfHeading: string;
-    /**
-     * Text for prompt when stopping spotlight on participant
-     */
-    stopSpotlightText: string;
-    /**
-     * Text for prompt when stopping spotlight on local user
-     */
-    stopSpotlightOnSelfText: string;
-    /**
-     * Label for button to confirm stopping spotlight on participant in prompt
-     */
-    stopSpotlightConfirmButtonLabel: string;
-    /**
-     * Label for button to confirm stopping spotlight on local user in prompt
-     */
-    stopSpotlightOnSelfConfirmButtonLabel: string;
-    /**
-     * Label for button to cancel stopping spotlight on participant in prompt
-     */
-    stopSpotlightCancelButtonLabel: string;
-}
-//# sourceMappingURL=Prompt.d.ts.map

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

@@ -1,41 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(spotlight) */
-import { DefaultButton, IconButton, Modal, PrimaryButton, Stack, Text, mergeStyles } from '@fluentui/react';
-/* @conditional-compile-remove(spotlight) */
-import { useTheme } from "../../../../../react-components/src";
-/* @conditional-compile-remove(spotlight) */
-import React from 'react';
-/* @conditional-compile-remove(spotlight) */
-/**
- * @private
- */
-export const Prompt = (props) => {
-    const theme = useTheme();
-    return (React.createElement(Modal, { styles: modalStyles, isOpen: props.isOpen, onDismiss: props.onDismiss, isBlocking: false },
-        React.createElement(Stack, { className: mergeStyles({ position: 'relative' }) },
-            React.createElement(Text, { className: mergeStyles({ fontWeight: 600, fontSize: '1.25rem' }) }, props.heading),
-            React.createElement(IconButton, { styles: iconButtonStyles(theme), iconProps: { iconName: 'Cancel' }, onClick: props.onCancel })),
-        React.createElement(Stack, { verticalAlign: "center", className: mergeStyles({ minHeight: '6rem' }) },
-            React.createElement(Text, { className: mergeStyles({ fontSize: '0.875rem' }) }, props.text)),
-        React.createElement(Stack, { horizontal: true, reversed: true, tokens: { childrenGap: '0.5rem' } },
-            React.createElement(DefaultButton, { styles: buttonTextStyles, text: props.cancelButtonLabel, onClick: props.onCancel }),
-            React.createElement(PrimaryButton, { styles: buttonTextStyles, text: props.confirmButtonLabel, onClick: props.onConfirm }))));
-};
-/* @conditional-compile-remove(spotlight) */
-const iconButtonStyles = (theme) => ({
-    root: {
-        position: 'absolute',
-        top: 0,
-        right: 0,
-        color: theme.palette.neutralPrimary
-    },
-    rootHovered: {
-        color: theme.palette.neutralDark
-    }
-});
-/* @conditional-compile-remove(spotlight) */
-const modalStyles = { main: { padding: '1.5rem ', maxWidth: '30rem' } };
-/* @conditional-compile-remove(spotlight) */
-const buttonTextStyles = { label: { fontSize: '0.875rem' } };
-//# sourceMappingURL=Prompt.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Prompt.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/Prompt.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,4CAA4C;AAC5C,OAAO,EACL,aAAa,EAEb,UAAU,EACV,KAAK,EACL,aAAa,EACb,KAAK,EACL,IAAI,EAEJ,WAAW,EACZ,MAAM,iBAAiB,CAAC;AACzB,4CAA4C;AAC5C,OAAO,EAAE,QAAQ,EAAE,4CAAmC;AACtD,4CAA4C;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,4CAA4C;AAC5C;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAe,EAAE;IACxD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACL,oBAAC,KAAK,IAAC,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,UAAU,EAAE,KAAK;QAC7F,oBAAC,KAAK,IAAC,SAAS,EAAE,WAAW,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC;YACrD,oBAAC,IAAI,IAAC,SAAS,EAAE,WAAW,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,IAAG,KAAK,CAAC,OAAO,CAAQ;YAC9F,oBAAC,UAAU,IAAC,MAAM,EAAE,gBAAgB,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,QAAQ,GAAI,CACrG;QACR,oBAAC,KAAK,IAAC,aAAa,EAAC,QAAQ,EAAC,SAAS,EAAE,WAAW,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;YACzE,oBAAC,IAAI,IAAC,SAAS,EAAE,WAAW,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,IAAG,KAAK,CAAC,IAAI,CAAQ,CACrE;QACR,oBAAC,KAAK,IAAC,UAAU,QAAC,QAAQ,QAAC,MAAM,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE;YAC1D,oBAAC,aAAa,IAAC,MAAM,EAAE,gBAAgB,EAAE,IAAI,EAAE,KAAK,CAAC,iBAAiB,EAAE,OAAO,EAAE,KAAK,CAAC,QAAQ,GAAI;YACnG,oBAAC,aAAa,IAAC,MAAM,EAAE,gBAAgB,EAAE,IAAI,EAAE,KAAK,CAAC,kBAAkB,EAAE,OAAO,EAAE,KAAK,CAAC,SAAS,GAAI,CAC/F,CACF,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,4CAA4C;AAC5C,MAAM,gBAAgB,GAAG,CAAC,KAAY,EAAiB,EAAE,CAAC,CAAC;IACzD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,CAAC;QACR,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;KACpC;IACD,WAAW,EAAE;QACX,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW;KACjC;CACF,CAAC,CAAC;AAEH,4CAA4C;AAC5C,MAAM,WAAW,GAAG,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,CAAC;AAExE,4CAA4C;AAC5C,MAAM,gBAAgB,GAAkB,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(spotlight) */\nimport {\n  DefaultButton,\n  IButtonStyles,\n  IconButton,\n  Modal,\n  PrimaryButton,\n  Stack,\n  Text,\n  Theme,\n  mergeStyles\n} from '@fluentui/react';\n/* @conditional-compile-remove(spotlight) */\nimport { useTheme } from '@internal/react-components';\n/* @conditional-compile-remove(spotlight) */\nimport React from 'react';\n\n/* @conditional-compile-remove(spotlight) */\n/**\n * @private\n */\nexport interface PromptProps {\n  isOpen?: boolean;\n  onDismiss?: () => void;\n  heading?: string;\n  text?: string;\n  confirmButtonLabel?: string;\n  cancelButtonLabel?: string;\n  onConfirm?: () => void;\n  onCancel?: () => void;\n}\n\n/* @conditional-compile-remove(spotlight) */\n/**\n * @private\n */\nexport const Prompt = (props: PromptProps): JSX.Element => {\n  const theme = useTheme();\n\n  return (\n    <Modal styles={modalStyles} isOpen={props.isOpen} onDismiss={props.onDismiss} isBlocking={false}>\n      <Stack className={mergeStyles({ position: 'relative' })}>\n        <Text className={mergeStyles({ fontWeight: 600, fontSize: '1.25rem' })}>{props.heading}</Text>\n        <IconButton styles={iconButtonStyles(theme)} iconProps={{ iconName: 'Cancel' }} onClick={props.onCancel} />\n      </Stack>\n      <Stack verticalAlign=\"center\" className={mergeStyles({ minHeight: '6rem' })}>\n        <Text className={mergeStyles({ fontSize: '0.875rem' })}>{props.text}</Text>\n      </Stack>\n      <Stack horizontal reversed tokens={{ childrenGap: '0.5rem' }}>\n        <DefaultButton styles={buttonTextStyles} text={props.cancelButtonLabel} onClick={props.onCancel} />\n        <PrimaryButton styles={buttonTextStyles} text={props.confirmButtonLabel} onClick={props.onConfirm} />\n      </Stack>\n    </Modal>\n  );\n};\n\n/* @conditional-compile-remove(spotlight) */\nconst iconButtonStyles = (theme: Theme): IButtonStyles => ({\n  root: {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    color: theme.palette.neutralPrimary\n  },\n  rootHovered: {\n    color: theme.palette.neutralDark\n  }\n});\n\n/* @conditional-compile-remove(spotlight) */\nconst modalStyles = { main: { padding: '1.5rem ', maxWidth: '30rem' } };\n\n/* @conditional-compile-remove(spotlight) */\nconst buttonTextStyles: IButtonStyles = { label: { fontSize: '0.875rem' } };\n\n/* @conditional-compile-remove(spotlight) */\n/**\n * Strings used in prompt related to spotlight\n * @beta\n */\nexport interface SpotlightPromptStrings {\n  /**\n   * Heading for prompt when starting spotlight on participant\n   */\n  startSpotlightHeading: string;\n  /**\n   * Text for prompt when starting spotlight on participant\n   */\n  startSpotlightText: string;\n  /**\n   * Label for button to confirm starting spotlight on local user in prompt\n   */\n  startSpotlightOnSelfText: string;\n  /**\n   * Label for button to confirm starting spotlight on participant in prompt\n   */\n  startSpotlightConfirmButtonLabel: string;\n  /**\n   * Label for button to cancel starting spotlight on participant in prompt\n   */\n  startSpotlightCancelButtonLabel: string;\n  /**\n   * Heading for prompt when stopping spotlight on participant\n   */\n  stopSpotlightHeading: string;\n  /**\n   * Heading for prompt when stopping spotlight on local user\n   */\n  stopSpotlightOnSelfHeading: string;\n  /**\n   * Text for prompt when stopping spotlight on participant\n   */\n  stopSpotlightText: string;\n  /**\n   * Text for prompt when stopping spotlight on local user\n   */\n  stopSpotlightOnSelfText: string;\n  /**\n   * Label for button to confirm stopping spotlight on participant in prompt\n   */\n  stopSpotlightConfirmButtonLabel: string;\n  /**\n   * Label for button to confirm stopping spotlight on local user in prompt\n   */\n  stopSpotlightOnSelfConfirmButtonLabel: string;\n  /**\n   * Label for button to cancel stopping spotlight on participant in prompt\n   */\n  stopSpotlightCancelButtonLabel: string;\n}\n"]}

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

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import { ReactionResources } from "../../../../../../react-components/src";
-import { ControlBarButtonStyles } from "../../../../../../react-components/src";
-import { CallControlDisplayType } from '../../../common/types/CommonCallControlOptions';
-/** @private */
-export declare const Reaction: (props: {
-    reactionResource: ReactionResources;
-    option?: boolean | {
-        disabled: boolean;
-    };
-    displayType?: CallControlDisplayType;
-    styles?: ControlBarButtonStyles;
-    disabled?: boolean;
-    disableTooltip?: boolean;
-}) => JSX.Element;
-//# sourceMappingURL=Reaction.d.ts.map

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

@@ -1,26 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(reaction) */
-import { ReactionButton } from "../../../../../../react-components/src";
-/* @conditional-compile-remove(reaction) */
-import React, { useMemo } from 'react';
-/* @conditional-compile-remove(reaction) */
-import { usePropsFor } from '../../hooks/usePropsFor';
-/* @conditional-compile-remove(reaction) */
-import { concatButtonBaseStyles } from '../../styles/Buttons.styles';
-/* @conditional-compile-remove(reaction) */
-/** @private */
-export const Reaction = (props) => {
-    const reactionButtonProps = usePropsFor(ReactionButton);
-    const styles = useMemo(() => { var _a; return concatButtonBaseStyles((_a = props.styles) !== null && _a !== void 0 ? _a : {}); }, [props.styles]);
-    const reactionButtonDisabled = isDisabled(props.option) || reactionButtonProps.disabled;
-    return (React.createElement(ReactionButton, Object.assign({ "data-ui-id": "call-composite-reaction-button" }, reactionButtonProps, { showLabel: props.displayType !== 'compact', disabled: reactionButtonDisabled || props.disabled, styles: styles, disableTooltip: props.disableTooltip, persistMenu: true, reactionResources: props.reactionResource })));
-};
-/* @conditional-compile-remove(reaction) */
-const isDisabled = (option) => {
-    if (option === undefined || option === true || option === false) {
-        return false;
-    }
-    return option.disabled;
-};
-//# sourceMappingURL=Reaction.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Reaction.js","sourceRoot":"","sources":["../../../../../../../../../react-composites/src/composites/CallComposite/components/buttons/Reaction.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC,2CAA2C;AAC3C,OAAO,EAA0B,cAAc,EAAuB,+CAAmC;AACzG,2CAA2C;AAC3C,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGvC,2CAA2C;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,2CAA2C;AAC3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAErE,2CAA2C;AAC3C,eAAe;AACf,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAQxB,EAAe,EAAE;IAChB,MAAM,mBAAmB,GAAG,WAAW,CAAC,cAAc,CAAmC,CAAC;IAC1F,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,WAAC,OAAA,sBAAsB,CAAC,MAAA,KAAK,CAAC,MAAM,mCAAI,EAAE,CAAC,CAAA,EAAA,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAEzF,MAAM,sBAAsB,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,mBAAmB,CAAC,QAAQ,CAAC;IAExF,OAAO,CACL,oBAAC,cAAc,gCACF,gCAAgC,IACvC,mBAAmB,IACvB,SAAS,EAAE,KAAK,CAAC,WAAW,KAAK,SAAS,EAC1C,QAAQ,EAAE,sBAAsB,IAAI,KAAK,CAAC,QAAQ,EAClD,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,WAAW,EAAE,IAAI,EACjB,iBAAiB,EAAE,KAAK,CAAC,gBAAgB,IACzC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,2CAA2C;AAC3C,MAAM,UAAU,GAAG,CAAC,MAAwC,EAAW,EAAE;IACvE,IAAI,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,KAAK,EAAE,CAAC;QAChE,OAAO,KAAK,CAAC;IACf,CAAC;IACD,OAAO,MAAM,CAAC,QAAQ,CAAC;AACzB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(reaction) */\nimport { ReactionResources } from '@internal/react-components';\n/* @conditional-compile-remove(reaction) */\nimport { ControlBarButtonStyles, ReactionButton, ReactionButtonProps } from '@internal/react-components';\n/* @conditional-compile-remove(reaction) */\nimport React, { useMemo } from 'react';\n/* @conditional-compile-remove(reaction) */\nimport { CallControlDisplayType } from '../../../common/types/CommonCallControlOptions';\n/* @conditional-compile-remove(reaction) */\nimport { usePropsFor } from '../../hooks/usePropsFor';\n/* @conditional-compile-remove(reaction) */\nimport { concatButtonBaseStyles } from '../../styles/Buttons.styles';\n\n/* @conditional-compile-remove(reaction) */\n/** @private */\nexport const Reaction = (props: {\n  // The value of `CallControlOptions.reactionButton`.\n  reactionResource: ReactionResources;\n  option?: boolean | { disabled: boolean };\n  displayType?: CallControlDisplayType;\n  styles?: ControlBarButtonStyles;\n  disabled?: boolean;\n  disableTooltip?: boolean;\n}): JSX.Element => {\n  const reactionButtonProps = usePropsFor(ReactionButton) as unknown as ReactionButtonProps;\n  const styles = useMemo(() => concatButtonBaseStyles(props.styles ?? {}), [props.styles]);\n\n  const reactionButtonDisabled = isDisabled(props.option) || reactionButtonProps.disabled;\n\n  return (\n    <ReactionButton\n      data-ui-id=\"call-composite-reaction-button\"\n      {...reactionButtonProps}\n      showLabel={props.displayType !== 'compact'}\n      disabled={reactionButtonDisabled || props.disabled}\n      styles={styles}\n      disableTooltip={props.disableTooltip}\n      persistMenu={true}\n      reactionResources={props.reactionResource}\n    />\n  );\n};\n\n/* @conditional-compile-remove(reaction) */\nconst isDisabled = (option?: boolean | { disabled: boolean }): boolean => {\n  if (option === undefined || option === true || option === false) {\n    return false;\n  }\n  return option.disabled;\n};\n"]}

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

@@ -1,56 +0,0 @@
-/// <reference types="react" />
-import { CallSurvey } from '@azure/communication-calling';
-import { CallSurveyImprovementSuggestions } from "../../../../../react-components/src";
-import { CallCompositeIcons } from '../../common/icons';
-/**
- * @private
- */
-export interface SurveyPageProps {
-    iconName?: keyof CallCompositeIcons;
-    title: string;
-    moreDetails?: string;
-    dataUiId: string;
-    disableStartCallButton?: boolean;
-    mobileView?: boolean;
-    /**
-     * Options for end of call survey
-     */
-    surveyOptions?: {
-        /**
-         * Disable call survey at the end of a call.
-         * @defaultValue false
-         */
-        disableSurvey?: boolean;
-        /**
-         * Optional callback to redirect users to custom screens when survey is done, note that default end call screen will be shown if this callback is not provided
-         * This callback can be used to redirect users to different screens depending on survey state, whether it is submitted, skipped or has a problem when submitting the survey
-         */
-        onSurveyClosed?: (surveyState: 'sent' | 'skipped' | 'error', surveyError?: string) => void;
-        /**
-         * Optional callback to handle survey data including free form text response
-         * Note that free form text response survey option is only going to be enabled when this callback is provided
-         * User will need to handle all free form text response on their own
-         */
-        onSurveySubmitted?: (callId: string, surveyId: string, 
-        /**
-         * This is the survey results containing star survey data and API tag survey data.
-         * This part of the result will always be sent to the calling sdk
-         * This callback provides user with the ability to gain access to survey data
-         */
-        submittedSurvey: CallSurvey, 
-        /**
-         * This is the survey results containing free form text
-         * This part of the result will not be handled by composites
-         * User will need to collect and handle this information 100% on their own
-         * Free form text survey is not going to show in the UI if onSurveySubmitted is not populated
-         */
-        improvementSuggestions: CallSurveyImprovementSuggestions) => Promise<void>;
-    };
-}
-/**
- * Generic page with a title and more details text for serving up a notice to the user.
- *
- * @private
- */
-export declare function SurveyPage(props: SurveyPageProps): JSX.Element;
-//# sourceMappingURL=SurveyPage.d.ts.map

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

@@ -1,29 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React from 'react';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { useHandlers } from '../hooks/useHandlers';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { Survey } from '../../common/Survey';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { Stack, mergeStyles } from '@fluentui/react';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { containerStyle } from '../styles/NetworkReconnectTile.styles';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { containerItemGap } from '../styles/NoticePage.styles';
-/**
- * Generic page with a title and more details text for serving up a notice to the user.
- *
- * @private
- */
-export function SurveyPage(props) {
-    var _a, _b;
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const handlers = useHandlers(Survey);
-    /* @conditional-compile-remove(end-of-call-survey) */
-    return (React.createElement(Stack, { verticalFill: true, verticalAlign: "center", horizontalAlign: "center", "data-ui-id": props.dataUiId, "aria-atomic": true },
-        React.createElement(Stack, { className: mergeStyles(containerStyle), tokens: containerItemGap },
-            React.createElement(Survey, Object.assign({}, handlers, props, { onSurveySubmittedCustom: (_a = props.surveyOptions) === null || _a === void 0 ? void 0 : _a.onSurveySubmitted, onSurveyClosed: (_b = props.surveyOptions) === null || _b === void 0 ? void 0 : _b.onSurveyClosed, isMobile: props.mobileView })))));
-    return React.createElement(React.Fragment, null);
-}
-//# sourceMappingURL=SurveyPage.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SurveyPage.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/pages/SurveyPage.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,qDAAqD;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,qDAAqD;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,qDAAqD;AACrD,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACrD,qDAAqD;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AACvE,qDAAqD;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AA4D/D;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,KAAsB;;IAC/C,qDAAqD;IACrD,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;IACrC,qDAAqD;IACrD,OAAO,CACL,oBAAC,KAAK,IAAC,YAAY,QAAC,aAAa,EAAC,QAAQ,EAAC,eAAe,EAAC,QAAQ,gBAAa,KAAK,CAAC,QAAQ;QAC5F,oBAAC,KAAK,IAAC,SAAS,EAAE,WAAW,CAAC,cAAc,CAAC,EAAE,MAAM,EAAE,gBAAgB;YACrE,oBAAC,MAAM,oBACD,QAAQ,EACR,KAAK,IACT,uBAAuB,EAAE,MAAA,KAAK,CAAC,aAAa,0CAAE,iBAAiB,EAC/D,cAAc,EAAE,MAAA,KAAK,CAAC,aAAa,0CAAE,cAAc,EACnD,QAAQ,EAAE,KAAK,CAAC,UAAU,IAC1B,CACI,CACF,CACT,CAAC;IAEF,OAAO,yCAAK,CAAC;AACf,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { CallSurvey } from '@azure/communication-calling';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { useHandlers } from '../hooks/useHandlers';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { Survey } from '../../common/Survey';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { CallSurveyImprovementSuggestions } from '@internal/react-components';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { Stack, mergeStyles } from '@fluentui/react';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { containerStyle } from '../styles/NetworkReconnectTile.styles';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { containerItemGap } from '../styles/NoticePage.styles';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { CallCompositeIcons } from '../../common/icons';\n\n/**\n * @private\n */\nexport interface SurveyPageProps {\n  /* @conditional-compile-remove(end-of-call-survey) */\n  iconName?: keyof CallCompositeIcons;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  title: string;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  moreDetails?: string;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  dataUiId: string;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  disableStartCallButton?: boolean;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  mobileView?: boolean;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  /**\n   * Options for end of call survey\n   */\n  surveyOptions?: {\n    /**\n     * Disable call survey at the end of a call.\n     * @defaultValue false\n     */\n    disableSurvey?: boolean;\n    /**\n     * Optional callback to redirect users to custom screens when survey is done, note that default end call screen will be shown if this callback is not provided\n     * This callback can be used to redirect users to different screens depending on survey state, whether it is submitted, skipped or has a problem when submitting the survey\n     */\n    onSurveyClosed?: (surveyState: 'sent' | 'skipped' | 'error', surveyError?: string) => void;\n    /**\n     * Optional callback to handle survey data including free form text response\n     * Note that free form text response survey option is only going to be enabled when this callback is provided\n     * User will need to handle all free form text response on their own\n     */\n    onSurveySubmitted?: (\n      callId: string,\n      surveyId: string,\n      /**\n       * This is the survey results containing star survey data and API tag survey data.\n       * This part of the result will always be sent to the calling sdk\n       * This callback provides user with the ability to gain access to survey data\n       */\n      submittedSurvey: CallSurvey,\n      /**\n       * This is the survey results containing free form text\n       * This part of the result will not be handled by composites\n       * User will need to collect and handle this information 100% on their own\n       * Free form text survey is not going to show in the UI if onSurveySubmitted is not populated\n       */\n      improvementSuggestions: CallSurveyImprovementSuggestions\n    ) => Promise<void>;\n  };\n}\n\n/**\n * Generic page with a title and more details text for serving up a notice to the user.\n *\n * @private\n */\nexport function SurveyPage(props: SurveyPageProps): JSX.Element {\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const handlers = useHandlers(Survey);\n  /* @conditional-compile-remove(end-of-call-survey) */\n  return (\n    <Stack verticalFill verticalAlign=\"center\" horizontalAlign=\"center\" data-ui-id={props.dataUiId} aria-atomic>\n      <Stack className={mergeStyles(containerStyle)} tokens={containerItemGap}>\n        <Survey\n          {...handlers}\n          {...props}\n          onSurveySubmittedCustom={props.surveyOptions?.onSurveySubmitted}\n          onSurveyClosed={props.surveyOptions?.onSurveyClosed}\n          isMobile={props.mobileView}\n        />\n      </Stack>\n    </Stack>\n  );\n\n  return <></>;\n}\n"]}

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

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { CallCompositeIcons } from '../../common/icons';
-/**
- * @private
- */
-export interface ThankYouForFeedbackPageProps {
-    iconName?: keyof CallCompositeIcons;
-}
-/**
- * Page shown after the survey is submitted.
- * @private
- */
-export declare function ThankYouForFeedbackPage(props: ThankYouForFeedbackPageProps): JSX.Element;
-//# sourceMappingURL=ThankYouForFeedbackPage.d.ts.map

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

@@ -1,27 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React from 'react';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { mergeStyles, Stack, Text } from '@fluentui/react';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { CallCompositeIcon } from '../../common/icons';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { containerItemGap, containerStyle, titleStyles } from '../styles/NoticePage.styles';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { useLocale } from '../../localization';
-/**
- * Page shown after the survey is submitted.
- * @private
- */
-export function ThankYouForFeedbackPage(
-/* @conditional-compile-remove(end-of-call-survey) */ props) {
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const strings = useLocale().strings.call;
-    /* @conditional-compile-remove(end-of-call-survey) */
-    return (React.createElement(Stack, { verticalFill: true, verticalAlign: "center", horizontalAlign: "center", "data-ui-id": 'thank-you-page', "aria-atomic": true },
-        React.createElement(Stack, { className: mergeStyles(containerStyle), tokens: containerItemGap },
-            props.iconName && React.createElement(CallCompositeIcon, { iconName: props.iconName }),
-            React.createElement(Text, { className: mergeStyles(titleStyles), "aria-live": "assertive" }, strings.endOfSurveyText))));
-    return React.createElement(React.Fragment, null);
-}
-//# sourceMappingURL=ThankYouForFeedbackPage.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ThankYouForFeedbackPage.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/pages/ThankYouForFeedbackPage.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,qDAAqD;AACrD,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAC3D,qDAAqD;AACrD,OAAO,EAAE,iBAAiB,EAAsB,MAAM,oBAAoB,CAAC;AAC3E,qDAAqD;AACrD,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC5F,qDAAqD;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAU/C;;;GAGG;AACH,MAAM,UAAU,uBAAuB;AACrC,qDAAqD,CAAC,KAAmC;IAEzF,qDAAqD;IACrD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;IACzC,qDAAqD;IACrD,OAAO,CACL,oBAAC,KAAK,IAAC,YAAY,QAAC,aAAa,EAAC,QAAQ,EAAC,eAAe,EAAC,QAAQ,gBAAa,gBAAgB;QAC9F,oBAAC,KAAK,IAAC,SAAS,EAAE,WAAW,CAAC,cAAc,CAAC,EAAE,MAAM,EAAE,gBAAgB;YACpE,KAAK,CAAC,QAAQ,IAAI,oBAAC,iBAAiB,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAI;YAClE,oBAAC,IAAI,IAAC,SAAS,EAAE,WAAW,CAAC,WAAW,CAAC,eAAY,WAAW,IAC7D,OAAO,CAAC,eAAe,CACnB,CACD,CACF,CACT,CAAC;IACF,OAAO,yCAAK,CAAC;AACf,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { mergeStyles, Stack, Text } from '@fluentui/react';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { CallCompositeIcon, CallCompositeIcons } from '../../common/icons';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { containerItemGap, containerStyle, titleStyles } from '../styles/NoticePage.styles';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { useLocale } from '../../localization';\n\n/* @conditional-compile-remove(end-of-call-survey) */\n/**\n * @private\n */\nexport interface ThankYouForFeedbackPageProps {\n  iconName?: keyof CallCompositeIcons;\n}\n\n/**\n * Page shown after the survey is submitted.\n * @private\n */\nexport function ThankYouForFeedbackPage(\n  /* @conditional-compile-remove(end-of-call-survey) */ props: ThankYouForFeedbackPageProps\n): JSX.Element {\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const strings = useLocale().strings.call;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  return (\n    <Stack verticalFill verticalAlign=\"center\" horizontalAlign=\"center\" data-ui-id={'thank-you-page'} aria-atomic>\n      <Stack className={mergeStyles(containerStyle)} tokens={containerItemGap}>\n        {props.iconName && <CallCompositeIcon iconName={props.iconName} />}\n        <Text className={mergeStyles(titleStyles)} aria-live=\"assertive\">\n          {strings.endOfSurveyText}\n        </Text>\n      </Stack>\n    </Stack>\n  );\n  return <></>;\n}\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/capabilitySelector.d.ts

@@ -1,14 +0,0 @@
-import * as reselect from 'reselect';
-/**
- * @private
- */
-export declare const capabilitySelector: ((state: import("index").CallAdapterUiState & import("index").CallAdapterClientState) => {
-    capabilities: import("@azure/communication-calling").ParticipantCapabilities | undefined;
-}) & reselect.OutputSelectorFields<(args_0: import("@azure/communication-calling").ParticipantCapabilities | undefined) => {
-    capabilities: import("@azure/communication-calling").ParticipantCapabilities | undefined;
-}, {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-//# sourceMappingURL=capabilitySelector.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/capabilitySelector.js

@@ -1,13 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import * as reselect from 'reselect';
-import { getCapabilites } from './baseSelectors';
-/**
- * @private
- */
-export const capabilitySelector = reselect.createSelector([getCapabilites], (capabilities) => {
-    return {
-        capabilities
-    };
-});
-//# sourceMappingURL=capabilitySelector.js.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/capabilitySelector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"capabilitySelector.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/selectors/capabilitySelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,EAAE;IAC3F,OAAO;QACL,YAAY;KACb,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport * as reselect from 'reselect';\nimport { getCapabilites } from './baseSelectors';\n\n/**\n * @private\n */\nexport const capabilitySelector = reselect.createSelector([getCapabilites], (capabilities) => {\n  return {\n    capabilities\n  };\n});\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/spotlightUtils.d.ts

@@ -1,16 +0,0 @@
-import { PromptProps } from '../components/Prompt';
-/**
- * @internal
- */
-export declare const useLocalSpotlightCallbacksWithPrompt: (onStartLocalSpotlight?: () => Promise<void>, onStopLocalSpotlight?: () => Promise<void>, setIsPromptOpen?: ((isOpen: boolean) => void) | undefined, setPromptProps?: ((promptProps: PromptProps) => void) | undefined) => {
-    onStartLocalSpotlightWithPrompt?: () => Promise<void>;
-    onStopLocalSpotlightWithPrompt?: () => Promise<void>;
-};
-/**
- * @internal
- */
-export declare const useRemoteSpotlightCallbacksWithPrompt: (onStartRemoteSpotlight?: ((userIds?: string[]) => Promise<void>) | undefined, onStopRemoteSpotlight?: ((userIds?: string[]) => Promise<void>) | undefined, setIsPromptOpen?: ((isOpen: boolean) => void) | undefined, setPromptProps?: ((promptProps: PromptProps) => void) | undefined) => {
-    onStartRemoteSpotlightWithPrompt?: ((userIds?: string[]) => Promise<void>) | undefined;
-    onStopRemoteSpotlightWithPrompt?: ((userIds?: string[]) => Promise<void>) | undefined;
-};
-//# sourceMappingURL=spotlightUtils.d.ts.map