@azure/communication-react 1.12.1-alpha-202402010012 → 1.13.0-beta.1

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

@@ -1,41 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(dtmf-dialer) */
-import React, { useMemo } from 'react';
-/* @conditional-compile-remove(dtmf-dialer) */
-import { CallCompositeIcon } from '../icons';
-/* @conditional-compile-remove(dtmf-dialer) */
-import { ControlBarButton } from "../../../../../react-components/src";
-/* @conditional-compile-remove(dtmf-dialer) */
-import { concatStyleSets, useTheme } from '@fluentui/react';
-/* @conditional-compile-remove(dtmf-dialer) */
-import { useLocale } from '../../localization';
-/* @conditional-compile-remove(dtmf-dialer) */
-const icon = () => React.createElement(CallCompositeIcon, { iconName: 'DtmfDialpadButton' });
-/* @conditional-compile-remove(dtmf-dialer) */
-/**
- * Button for showing and hiding the dtmf dialer in the Call composite.
- * To be used only if the more button control is disabled. This button will replace
- * it in the control bar unless it is also disabled.
- * @private
- */
-export const DtmfDialpadButton = (props) => {
-    const { strings, onRenderOnIcon, onRenderOffIcon, onClick, displayType } = props;
-    const theme = useTheme();
-    const locale = useLocale();
-    const dialpadButtonStrings = {
-        label: locale.strings.call.dtmfDialerButtonLabel,
-        tooltipOnContent: locale.strings.call.dtmfDialerButtonTooltipOn,
-        tooltipOffContent: locale.strings.call.dtmfDialerButtonTooltipOff
-    };
-    const styles = useMemo(() => {
-        var _a;
-        return concatStyleSets({
-            rootChecked: {
-                background: theme.palette.neutralLight
-            }
-        }, (_a = props.styles) !== null && _a !== void 0 ? _a : {});
-    }, [props.styles, theme.palette.neutralLight]);
-    return (React.createElement(ControlBarButton, Object.assign({}, props, { strings: strings ? strings : dialpadButtonStrings, showLabel: displayType !== 'compact', labelKey: 'dtmfDialpadButtonLabelKey', onRenderOnIcon: onRenderOnIcon !== null && onRenderOnIcon !== void 0 ? onRenderOnIcon : icon, onRenderOffIcon: onRenderOffIcon !== null && onRenderOffIcon !== void 0 ? onRenderOffIcon : icon, onClick: onClick, styles: styles })));
-};
-//# sourceMappingURL=DtmfDialerButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DtmfDialerButton.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/ControlBar/DtmfDialerButton.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,8CAA8C;AAC9C,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,8CAA8C;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,8CAA8C;AAC9C,OAAO,EAAE,gBAAgB,EAA2B,4CAAmC;AAEvF,8CAA8C;AAC9C,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE5D,8CAA8C;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,8CAA8C;AAC9C,MAAM,IAAI,GAAG,GAAgB,EAAE,CAAC,oBAAC,iBAAiB,IAAC,QAAQ,EAAE,mBAAmB,GAAI,CAAC;AASrF,8CAA8C;AAC9C;;;;;GAKG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAA4B,EAAe,EAAE;IAC7E,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IACjF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,oBAAoB,GAA4B;QACpD,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,qBAAqB;QAChD,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,yBAAyB;QAC/D,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,0BAA0B;KAClE,CAAC;IACF,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,CACnB,CAAA;KAAA,EACH,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAC3C,CAAC;IACF,OAAO,CACL,oBAAC,gBAAgB,oBACX,KAAK,IACT,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,oBAAoB,EACjD,SAAS,EAAE,WAAW,KAAK,SAAS,EACpC,QAAQ,EAAE,2BAA2B,EACrC,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/* @conditional-compile-remove(dtmf-dialer) */\nimport React, { useMemo } from 'react';\n/* @conditional-compile-remove(dtmf-dialer) */\nimport { CallCompositeIcon } from '../icons';\n/* @conditional-compile-remove(dtmf-dialer) */\nimport { ControlBarButton, ControlBarButtonStrings } from '@internal/react-components';\nimport { ControlBarButtonProps, ControlBarButtonStyles } from '@internal/react-components';\n/* @conditional-compile-remove(dtmf-dialer) */\nimport { concatStyleSets, useTheme } from '@fluentui/react';\nimport { CallControlDisplayType } from '../types/CommonCallControlOptions';\n/* @conditional-compile-remove(dtmf-dialer) */\nimport { useLocale } from '../../localization';\n\n/* @conditional-compile-remove(dtmf-dialer) */\nconst icon = (): JSX.Element => <CallCompositeIcon iconName={'DtmfDialpadButton'} />;\n\n/**\n * @private\n */\nexport interface DtmfDialerButtonProps extends ControlBarButtonProps {\n  displayType?: CallControlDisplayType;\n  styles?: ControlBarButtonStyles;\n}\n/* @conditional-compile-remove(dtmf-dialer) */\n/**\n * Button for showing and hiding the dtmf dialer in the Call composite.\n * To be used only if the more button control is disabled. This button will replace\n * it in the control bar unless it is also disabled.\n * @private\n */\nexport const DtmfDialpadButton = (props: DtmfDialerButtonProps): JSX.Element => {\n  const { strings, onRenderOnIcon, onRenderOffIcon, onClick, displayType } = props;\n  const theme = useTheme();\n  const locale = useLocale();\n  const dialpadButtonStrings: ControlBarButtonStrings = {\n    label: locale.strings.call.dtmfDialerButtonLabel,\n    tooltipOnContent: locale.strings.call.dtmfDialerButtonTooltipOn,\n    tooltipOffContent: locale.strings.call.dtmfDialerButtonTooltipOff\n  };\n  const styles: ControlBarButtonStyles = useMemo(\n    () =>\n      concatStyleSets(\n        {\n          rootChecked: {\n            background: theme.palette.neutralLight\n          }\n        },\n        props.styles ?? {}\n      ),\n    [props.styles, theme.palette.neutralLight]\n  );\n  return (\n    <ControlBarButton\n      {...props}\n      strings={strings ? strings : dialpadButtonStrings}\n      showLabel={displayType !== 'compact'}\n      labelKey={'dtmfDialpadButtonLabelKey'}\n      onRenderOnIcon={onRenderOnIcon ?? icon}\n      onRenderOffIcon={onRenderOffIcon ?? icon}\n      onClick={onClick}\n      styles={styles}\n    />\n  );\n};\n"]}

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

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-/** @private */
-export declare const StarSurvey: (props: {
-    onStarRatingSelected: (ratings: number) => void;
-}) => JSX.Element;
-//# sourceMappingURL=StarSurvey.d.ts.map

package/dist/dist-esm/react-composites/src/composites/common/StarSurvey.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 { _StarSurvey } from "../../../../react-components/src";
-/* @conditional-compile-remove(end-of-call-survey) */
-import { useLocale } from '../localization';
-/** @private */
-export const StarSurvey = (
-/* @conditional-compile-remove(end-of-call-survey) */ props) => {
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const { onStarRatingSelected } = props;
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const strings = useLocale().strings.call;
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const StarSurveyStrings = {
-        starSurveyHelperText: strings.starSurveyHelperText,
-        starSurveyOneStarText: strings.starSurveyOneStarText,
-        starSurveyTwoStarText: strings.starSurveyTwoStarText,
-        starSurveyThreeStarText: strings.starSurveyThreeStarText,
-        starSurveyFourStarText: strings.starSurveyFourStarText,
-        starSurveyFiveStarText: strings.starSurveyFiveStarText,
-        starRatingAriaLabel: strings.starRatingAriaLabel
-    };
-    /* @conditional-compile-remove(end-of-call-survey) */
-    return React.createElement(_StarSurvey, { strings: StarSurveyStrings, onStarRatingSelected: onStarRatingSelected });
-    return React.createElement(React.Fragment, null);
-};
-//# sourceMappingURL=StarSurvey.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"StarSurvey.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/StarSurvey.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,qDAAqD;AACrD,OAAO,EAAE,WAAW,EAAwD,yCAAmC;AAG/G,qDAAqD;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,eAAe;AACf,MAAM,CAAC,MAAM,UAAU,GAAG;AACxB,qDAAqD,CAAC,KAErD,EACY,EAAE;IACf,qDAAqD;IACrD,MAAM,EAAE,oBAAoB,EAAE,GAAG,KAAK,CAAC;IACvC,qDAAqD;IACrD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;IAEzC,qDAAqD;IACrD,MAAM,iBAAiB,GAAuB;QAC5C,oBAAoB,EAAE,OAAO,CAAC,oBAAoB;QAClD,qBAAqB,EAAE,OAAO,CAAC,qBAAqB;QACpD,qBAAqB,EAAE,OAAO,CAAC,qBAAqB;QACpD,uBAAuB,EAAE,OAAO,CAAC,uBAAuB;QACxD,sBAAsB,EAAE,OAAO,CAAC,sBAAsB;QACtD,sBAAsB,EAAE,OAAO,CAAC,sBAAsB;QACtD,mBAAmB,EAAE,OAAO,CAAC,mBAAmB;KACjD,CAAC;IAEF,qDAAqD;IACrD,OAAO,oBAAC,WAAW,IAAC,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,oBAAoB,GAAI,CAAC;IAE/F,OAAO,yCAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { _StarSurvey, _StarSurveyStrings, _CallSurvey, _CallSurveyResponse } from '@internal/react-components';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { _captionSettingsSelector } from '@internal/calling-component-bindings';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { useLocale } from '../localization';\n\n/** @private */\nexport const StarSurvey = (\n  /* @conditional-compile-remove(end-of-call-survey) */ props: {\n    /* @conditional-compile-remove(end-of-call-survey) */ onStarRatingSelected: (ratings: number) => void;\n  }\n): JSX.Element => {\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const { onStarRatingSelected } = props;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const strings = useLocale().strings.call;\n\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const StarSurveyStrings: _StarSurveyStrings = {\n    starSurveyHelperText: strings.starSurveyHelperText,\n    starSurveyOneStarText: strings.starSurveyOneStarText,\n    starSurveyTwoStarText: strings.starSurveyTwoStarText,\n    starSurveyThreeStarText: strings.starSurveyThreeStarText,\n    starSurveyFourStarText: strings.starSurveyFourStarText,\n    starSurveyFiveStarText: strings.starSurveyFiveStarText,\n    starRatingAriaLabel: strings.starRatingAriaLabel\n  };\n\n  /* @conditional-compile-remove(end-of-call-survey) */\n  return <_StarSurvey strings={StarSurveyStrings} onStarRatingSelected={onStarRatingSelected} />;\n\n  return <></>;\n};\n"]}

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

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { CallSurvey, CallSurveyResponse } from '@azure/communication-calling';
-import { CallSurveyImprovementSuggestions } from "../../../../react-components/src";
-/** @private */
-export declare const SurveyPane: (props: {
-    onSubmitSurvey?: ((survey: CallSurvey) => Promise<CallSurveyResponse | undefined>) | undefined;
-    /**
-     * Optional callback to add extra logic when survey is dismissed. For self-host only
-     */
-    onSurveyDismissed?: (() => void) | undefined;
-    onSurveySubmittedCustom?: ((callId: string, surveyId: string, submittedSurvey: CallSurvey, improvementSuggestions: CallSurveyImprovementSuggestions) => Promise<void>) | undefined;
-}) => JSX.Element;
-//# sourceMappingURL=SurveyPane.d.ts.map

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

@@ -1,87 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React from 'react';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { useState } from 'react';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { useLocale } from '../localization';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { Panel, PanelType, PrimaryButton, Stack } from '@fluentui/react';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { SurveyPaneContent } from './SurveyPaneContent';
-/** @private */
-export const SurveyPane = (props) => {
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const { onSubmitSurvey, onSurveySubmittedCustom } = props;
-    /* @conditional-compile-remove(end-of-call-survey-self-host) */ /* @conditional-compile-remove(end-of-call-survey) */
-    const { onSurveyDismissed } = props;
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const strings = useLocale().strings.call;
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const [isOpen, setIsOpen] = useState(true);
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const [ratings, setRatings] = useState(0);
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const [issuesSelected, setIssuesSelected] = useState();
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const [showSubmitFeedbackButton, setShowSubmitFeedbackButton] = useState(false);
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const [improvementSuggestions, setImprovementSuggestions] = useState({});
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const onRenderFooterContent = React.useCallback(() => (React.createElement(React.Fragment, null, showSubmitFeedbackButton && (React.createElement(Stack, { horizontalAlign: "end" },
-        React.createElement(PrimaryButton, { style: { marginTop: '1rem' }, onClick: () => {
-                const surveyResults = { overallRating: { score: ratings } };
-                if (issuesSelected === null || issuesSelected === void 0 ? void 0 : issuesSelected.overallRating) {
-                    surveyResults.overallRating = { score: ratings, issues: issuesSelected.overallRating.issues };
-                }
-                if (issuesSelected === null || issuesSelected === void 0 ? void 0 : issuesSelected.audioRating) {
-                    surveyResults.audioRating = { score: ratings, issues: issuesSelected.audioRating.issues };
-                }
-                if (issuesSelected === null || issuesSelected === void 0 ? void 0 : issuesSelected.screenshareRating) {
-                    surveyResults.screenshareRating = { score: ratings, issues: issuesSelected.screenshareRating.issues };
-                }
-                if (issuesSelected === null || issuesSelected === void 0 ? void 0 : issuesSelected.videoRating) {
-                    surveyResults.videoRating = { score: ratings, issues: issuesSelected.videoRating.issues };
-                }
-                if (onSubmitSurvey) {
-                    onSubmitSurvey(surveyResults)
-                        .then((res) => {
-                        var _a, _b;
-                        if (onSurveySubmittedCustom) {
-                            onSurveySubmittedCustom((_a = res === null || res === void 0 ? void 0 : res.callId) !== null && _a !== void 0 ? _a : '', (_b = res === null || res === void 0 ? void 0 : res.id) !== null && _b !== void 0 ? _b : '', surveyResults, improvementSuggestions);
-                        }
-                    })
-                        .catch((e) => console.log('error when submitting survey: ' + e));
-                }
-                setIsOpen(false);
-            } }, strings.surveyConfirmButtonLabel))))), [
-        showSubmitFeedbackButton,
-        ratings,
-        issuesSelected,
-        onSubmitSurvey,
-        strings.surveyConfirmButtonLabel,
-        onSurveySubmittedCustom,
-        improvementSuggestions
-    ]);
-    /* @conditional-compile-remove(end-of-call-survey) */
-    return (React.createElement(Panel, { headerText: strings.surveyQuestion, isOpen: isOpen, onDismiss: () => {
-            /* @conditional-compile-remove(end-of-call-survey-self-host) */
-            if (onSurveyDismissed) {
-                onSurveyDismissed();
-            }
-            setIsOpen(false);
-        }, closeButtonAriaLabel: strings.surveyCancelButtonAriaLabel, type: PanelType.custom, customWidth: "24rem", onRenderFooterContent: onRenderFooterContent, isFooterAtBottom: true },
-        React.createElement(SurveyPaneContent, { setShowSubmitFeedbackButton: (showButton) => {
-                setShowSubmitFeedbackButton(showButton);
-            }, setRatings: (rating) => {
-                setRatings(rating);
-            }, setIssuesSelected: (issuesSelected) => {
-                setIssuesSelected(issuesSelected);
-            }, setImprovementSuggestions: onSurveySubmittedCustom
-                ? (improvementSuggestions) => {
-                    setImprovementSuggestions(improvementSuggestions);
-                }
-                : undefined })));
-    return React.createElement(React.Fragment, null);
-};
-//# sourceMappingURL=SurveyPane.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SurveyPane.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/SurveyPane.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { useState } from 'react';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { useLocale } from '../localization';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { CallSurvey, CallSurveyResponse } from '@azure/communication-calling';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { Panel, PanelType, PrimaryButton, Stack } from '@fluentui/react';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { SurveyPaneContent } from './SurveyPaneContent';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { CallSurveyImprovementSuggestions } from '@internal/react-components';\n\n/** @private */\nexport const SurveyPane = (props: {\n  /* @conditional-compile-remove(end-of-call-survey) */\n  onSubmitSurvey?: (survey: CallSurvey) => Promise<CallSurveyResponse | undefined>;\n  /* @conditional-compile-remove(end-of-call-survey-self-host) */\n  /**\n   * Optional callback to add extra logic when survey is dismissed. For self-host only\n   */\n  onSurveyDismissed?: () => void;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  onSurveySubmittedCustom?: (\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}): JSX.Element => {\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const { onSubmitSurvey, onSurveySubmittedCustom } = props;\n  /* @conditional-compile-remove(end-of-call-survey-self-host) */ /* @conditional-compile-remove(end-of-call-survey) */\n  const { onSurveyDismissed } = props;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const strings = useLocale().strings.call;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const [isOpen, setIsOpen] = useState(true);\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const [ratings, setRatings] = useState(0);\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const [issuesSelected, setIssuesSelected] = useState<CallSurvey | undefined>();\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const [showSubmitFeedbackButton, setShowSubmitFeedbackButton] = useState(false);\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const [improvementSuggestions, setImprovementSuggestions] = useState<CallSurveyImprovementSuggestions>({});\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const onRenderFooterContent = React.useCallback(\n    () => (\n      <>\n        {showSubmitFeedbackButton && (\n          <Stack horizontalAlign=\"end\">\n            <PrimaryButton\n              style={{ marginTop: '1rem' }}\n              onClick={() => {\n                const surveyResults: CallSurvey = { overallRating: { score: ratings } };\n                if (issuesSelected?.overallRating) {\n                  surveyResults.overallRating = { score: ratings, issues: issuesSelected.overallRating.issues };\n                }\n                if (issuesSelected?.audioRating) {\n                  surveyResults.audioRating = { score: ratings, issues: issuesSelected.audioRating.issues };\n                }\n                if (issuesSelected?.screenshareRating) {\n                  surveyResults.screenshareRating = { score: ratings, issues: issuesSelected.screenshareRating.issues };\n                }\n                if (issuesSelected?.videoRating) {\n                  surveyResults.videoRating = { score: ratings, issues: issuesSelected.videoRating.issues };\n                }\n                if (onSubmitSurvey) {\n                  onSubmitSurvey(surveyResults)\n                    .then((res) => {\n                      if (onSurveySubmittedCustom) {\n                        onSurveySubmittedCustom(\n                          res?.callId ?? '',\n                          res?.id ?? '',\n                          surveyResults,\n                          improvementSuggestions\n                        );\n                      }\n                    })\n                    .catch((e) => console.log('error when submitting survey: ' + e));\n                }\n                setIsOpen(false);\n              }}\n            >\n              {strings.surveyConfirmButtonLabel}\n            </PrimaryButton>\n          </Stack>\n        )}\n      </>\n    ),\n    [\n      showSubmitFeedbackButton,\n      ratings,\n      issuesSelected,\n      onSubmitSurvey,\n      strings.surveyConfirmButtonLabel,\n      onSurveySubmittedCustom,\n      improvementSuggestions\n    ]\n  );\n  /* @conditional-compile-remove(end-of-call-survey) */\n  return (\n    <Panel\n      headerText={strings.surveyQuestion}\n      isOpen={isOpen}\n      onDismiss={() => {\n        /* @conditional-compile-remove(end-of-call-survey-self-host) */\n        if (onSurveyDismissed) {\n          onSurveyDismissed();\n        }\n        setIsOpen(false);\n      }}\n      closeButtonAriaLabel={strings.surveyCancelButtonAriaLabel}\n      type={PanelType.custom}\n      customWidth=\"24rem\"\n      onRenderFooterContent={onRenderFooterContent}\n      isFooterAtBottom\n    >\n      <SurveyPaneContent\n        setShowSubmitFeedbackButton={(showButton: boolean) => {\n          setShowSubmitFeedbackButton(showButton);\n        }}\n        setRatings={(rating: number) => {\n          setRatings(rating);\n        }}\n        setIssuesSelected={(issuesSelected: CallSurvey) => {\n          setIssuesSelected(issuesSelected);\n        }}\n        setImprovementSuggestions={\n          onSurveySubmittedCustom\n            ? (improvementSuggestions: CallSurveyImprovementSuggestions) => {\n                setImprovementSuggestions(improvementSuggestions);\n              }\n            : undefined\n        }\n      />\n    </Panel>\n  );\n  return <></>;\n};\n"]}

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

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { CallSurveyImprovementSuggestions } from "../../../../react-components/src";
-import { CallSurvey } from '@azure/communication-calling';
-/**
- * @private
- */
-export declare const SurveyPaneContent: (props: {
-    setShowSubmitFeedbackButton: (showButton: boolean) => void;
-    setRatings: (rating: number) => void;
-    setIssuesSelected: (issuesSelected: CallSurvey) => void;
-    setImprovementSuggestions?: ((improvementSuggestions: CallSurveyImprovementSuggestions) => void) | undefined;
-}) => JSX.Element;
-//# sourceMappingURL=SurveyPaneContent.d.ts.map

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

@@ -1,44 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React from 'react';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { StarSurvey } from './StarSurvey';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { TagsSurvey } from './TagsSurvey';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { useState } from 'react';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { Stack } from '@fluentui/react';
-/**
- * @private
- */
-export const SurveyPaneContent = (
-/* @conditional-compile-remove(end-of-call-survey) */ props) => {
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const [showTagsSurvey, setShowTagsSurvey] = useState(false);
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const onStarRatingSelected = (ratings) => {
-        if (ratings <= 2) {
-            setShowTagsSurvey(true);
-            props.setShowSubmitFeedbackButton(true);
-        }
-        else {
-            props.setShowSubmitFeedbackButton(true);
-        }
-        props.setRatings(ratings);
-    };
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const onIssuesSelected = (selectedTags, improvementSuggestions) => {
-        props.setIssuesSelected(selectedTags);
-        props.setShowSubmitFeedbackButton(true);
-        if (improvementSuggestions && props.setImprovementSuggestions) {
-            props.setImprovementSuggestions(improvementSuggestions);
-        }
-    };
-    /* @conditional-compile-remove(end-of-call-survey) */
-    return (React.createElement(Stack, null,
-        React.createElement(StarSurvey, { onStarRatingSelected: onStarRatingSelected }),
-        showTagsSurvey && (React.createElement(TagsSurvey, { onConfirm: onIssuesSelected, showFreeFormTextField: !(props.setImprovementSuggestions === undefined) }))));
-    return React.createElement(React.Fragment, null);
-};
-//# sourceMappingURL=SurveyPaneContent.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SurveyPaneContent.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/SurveyPaneContent.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,qDAAqD;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,qDAAqD;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,qDAAqD;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAWjC,qDAAqD;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG;AAC/B,qDAAqD,CAAC,KASrD,EACY,EAAE;IACf,qDAAqD;IACrD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,qDAAqD;IACrD,MAAM,oBAAoB,GAAG,CAAC,OAAe,EAAQ,EAAE;QACrD,IAAI,OAAO,IAAI,CAAC,EAAE,CAAC;YACjB,iBAAiB,CAAC,IAAI,CAAC,CAAC;YACxB,KAAK,CAAC,2BAA2B,CAAC,IAAI,CAAC,CAAC;QAC1C,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,2BAA2B,CAAC,IAAI,CAAC,CAAC;QAC1C,CAAC;QACD,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B,CAAC,CAAC;IACF,qDAAqD;IACrD,MAAM,gBAAgB,GAAG,CACvB,YAAwB,EACxB,sBAAyD,EACnD,EAAE;QACR,KAAK,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC;QACtC,KAAK,CAAC,2BAA2B,CAAC,IAAI,CAAC,CAAC;QACxC,IAAI,sBAAsB,IAAI,KAAK,CAAC,yBAAyB,EAAE,CAAC;YAC9D,KAAK,CAAC,yBAAyB,CAAC,sBAAsB,CAAC,CAAC;QAC1D,CAAC;IACH,CAAC,CAAC;IACF,qDAAqD;IACrD,OAAO,CACL,oBAAC,KAAK;QACJ,oBAAC,UAAU,IAAC,oBAAoB,EAAE,oBAAoB,GAAI;QAEzD,cAAc,IAAI,CACjB,oBAAC,UAAU,IACT,SAAS,EAAE,gBAAgB,EAC3B,qBAAqB,EAAE,CAAC,CAAC,KAAK,CAAC,yBAAyB,KAAK,SAAS,CAAC,GACvE,CACH,CACK,CACT,CAAC;IAEF,OAAO,yCAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { StarSurvey } from './StarSurvey';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { TagsSurvey } from './TagsSurvey';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { useState } from 'react';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport {\n  _AudioIssue,\n  _OverallIssue,\n  _ScreenshareIssue,\n  _VideoIssue,\n  CallSurveyImprovementSuggestions\n} from '@internal/react-components';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { CallSurvey } from '@azure/communication-calling';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { Stack } from '@fluentui/react';\n\n/**\n * @private\n */\nexport const SurveyPaneContent = (\n  /* @conditional-compile-remove(end-of-call-survey) */ props: {\n    /* @conditional-compile-remove(end-of-call-survey) */\n    setShowSubmitFeedbackButton: (showButton: boolean) => void;\n    /* @conditional-compile-remove(end-of-call-survey) */\n    setRatings: (rating: number) => void;\n    /* @conditional-compile-remove(end-of-call-survey) */\n    setIssuesSelected: (issuesSelected: CallSurvey) => void;\n    /* @conditional-compile-remove(end-of-call-survey) */\n    setImprovementSuggestions?: (improvementSuggestions: CallSurveyImprovementSuggestions) => void;\n  }\n): JSX.Element => {\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const [showTagsSurvey, setShowTagsSurvey] = useState(false);\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const onStarRatingSelected = (ratings: number): void => {\n    if (ratings <= 2) {\n      setShowTagsSurvey(true);\n      props.setShowSubmitFeedbackButton(true);\n    } else {\n      props.setShowSubmitFeedbackButton(true);\n    }\n    props.setRatings(ratings);\n  };\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const onIssuesSelected = (\n    selectedTags: CallSurvey,\n    improvementSuggestions?: CallSurveyImprovementSuggestions\n  ): void => {\n    props.setIssuesSelected(selectedTags);\n    props.setShowSubmitFeedbackButton(true);\n    if (improvementSuggestions && props.setImprovementSuggestions) {\n      props.setImprovementSuggestions(improvementSuggestions);\n    }\n  };\n  /* @conditional-compile-remove(end-of-call-survey) */\n  return (\n    <Stack>\n      <StarSurvey onStarRatingSelected={onStarRatingSelected} />\n\n      {showTagsSurvey && (\n        <TagsSurvey\n          onConfirm={onIssuesSelected}\n          showFreeFormTextField={!(props.setImprovementSuggestions === undefined)}\n        />\n      )}\n    </Stack>\n  );\n\n  return <></>;\n};\n"]}

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { _CallSurvey, CallSurveyImprovementSuggestions } from "../../../../react-components/src";
-/** @private */
-export declare const TagsSurvey: (props: {
-    onConfirm?: ((survey: _CallSurvey, improvementSuggestions?: CallSurveyImprovementSuggestions) => void) | undefined;
-    showFreeFormTextField?: boolean | undefined;
-}) => JSX.Element;
-//# sourceMappingURL=TagsSurvey.d.ts.map

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

@@ -1,23 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React from 'react';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { _TagsSurvey } from "../../../../react-components/src";
-/* @conditional-compile-remove(end-of-call-survey) */
-import { useLocale } from '../localization';
-/** @private */
-export const TagsSurvey = (
-/* @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) */
-    const tagsSurveyStrings = {
-        tagsSurveyQuestion: strings.tagsSurveyQuestion,
-        tagsSurveyHelperText: strings.tagsSurveyHelperText,
-        tagsSurveyTextFieldDefaultText: strings.tagsSurveyTextFieldDefaultText
-    };
-    /* @conditional-compile-remove(end-of-call-survey) */
-    return (React.createElement(_TagsSurvey, { callIssuesToTag: strings.surveyIssues, categoryHeadings: strings.SurveyIssuesHeadingStrings, onConfirm: props.onConfirm, strings: tagsSurveyStrings, showFreeFormTextField: props.showFreeFormTextField }));
-    return React.createElement(React.Fragment, null);
-};
-//# sourceMappingURL=TagsSurvey.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TagsSurvey.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/TagsSurvey.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,qDAAqD;AACrD,OAAO,EACL,WAAW,EAQZ,yCAAmC;AAGpC,qDAAqD;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,eAAe;AACf,MAAM,CAAC,MAAM,UAAU,GAAG;AACxB,qDAAqD,CAAC,KAKrD,EACY,EAAE;IACf,qDAAqD;IACrD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;IACzC,qDAAqD;IACrD,MAAM,iBAAiB,GAAuB;QAC5C,kBAAkB,EAAE,OAAO,CAAC,kBAAkB;QAC9C,oBAAoB,EAAE,OAAO,CAAC,oBAAoB;QAClD,8BAA8B,EAAE,OAAO,CAAC,8BAA8B;KACvE,CAAC;IAEF,qDAAqD;IACrD,OAAO,CACL,oBAAC,WAAW,IACV,eAAe,EAAE,OAAO,CAAC,YAAY,EACrC,gBAAgB,EAAE,OAAO,CAAC,0BAA0B,EACpD,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,OAAO,EAAE,iBAAiB,EAC1B,qBAAqB,EAAE,KAAK,CAAC,qBAAqB,GAClD,CACH,CAAC;IAEF,OAAO,yCAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport {\n  _TagsSurvey,\n  _TagsSurveyStrings,\n  _AudioIssue,\n  _OverallIssue,\n  _ScreenshareIssue,\n  _VideoIssue,\n  _CallSurvey,\n  CallSurveyImprovementSuggestions\n} from '@internal/react-components';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { _captionSettingsSelector } from '@internal/calling-component-bindings';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { useLocale } from '../localization';\n\n/** @private */\nexport const TagsSurvey = (\n  /* @conditional-compile-remove(end-of-call-survey) */ props: {\n    /* @conditional-compile-remove(end-of-call-survey) */\n    onConfirm?: (survey: _CallSurvey, improvementSuggestions?: CallSurveyImprovementSuggestions) => void;\n    /* @conditional-compile-remove(end-of-call-survey) */\n    showFreeFormTextField?: boolean;\n  }\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  const tagsSurveyStrings: _TagsSurveyStrings = {\n    tagsSurveyQuestion: strings.tagsSurveyQuestion,\n    tagsSurveyHelperText: strings.tagsSurveyHelperText,\n    tagsSurveyTextFieldDefaultText: strings.tagsSurveyTextFieldDefaultText\n  };\n\n  /* @conditional-compile-remove(end-of-call-survey) */\n  return (\n    <_TagsSurvey\n      callIssuesToTag={strings.surveyIssues}\n      categoryHeadings={strings.SurveyIssuesHeadingStrings}\n      onConfirm={props.onConfirm}\n      strings={tagsSurveyStrings}\n      showFreeFormTextField={props.showFreeFormTextField}\n    />\n  );\n\n  return <></>;\n};\n"]}