@azure/communication-react 1.13.0-alpha-202402161702 → 1.13.0

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

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import { PhoneNumberIdentifier } from '@azure/communication-common';
-import { AddPhoneNumberOptions } from '@azure/communication-calling';
-/** @private */
-export interface CallingDialpadStrings {
-    dialpadModalAriaLabel: string;
-    dialpadModalTitle: string;
-    dialpadCloseModalButtonAriaLabel: string;
-    dialpadStartCallButtonLabel: string;
-}
-/** @private */
-export interface CallingDialpadProps {
-    isMobile: boolean;
-    showDialpad: boolean;
-    strings: CallingDialpadStrings;
-    onDismissDialpad: () => void;
-    onAddParticipant: (participant: PhoneNumberIdentifier, options?: AddPhoneNumberOptions) => void;
-    alternateCallerId: string;
-}
-/** @private */
-export declare const CallingDialpad: (props: CallingDialpadProps) => JSX.Element;
-//# sourceMappingURL=CallingDialpad.d.ts.map

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

@@ -1,60 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React from 'react';
-import { useState } from 'react';
-import { useMemo } from 'react';
-import { Dialpad } from "../../../../react-components/src";
-import { _DrawerSurface } from "../../../../react-components/src";
-import { Modal, Stack, useTheme, Text, IconButton } from '@fluentui/react';
-import { PrimaryButton } from '@fluentui/react';
-import { themeddialpadModalStyle } from './CallingDialpad.styles';
-import { themedCallButtonStyle, themedDialpadStyle } from './CallingDialpad.styles';
-/* @conditional-compile-remove(PSTN-calls) */
-import { CallWithChatCompositeIcon } from './icons';
-import { drawerContainerStyles } from '../CallComposite/styles/CallComposite.styles';
-/** @private */
-export const CallingDialpad = (props) => {
-    const { strings, isMobile, showDialpad, onDismissDialpad, onAddParticipant, alternateCallerId } = props;
-    const [textFieldInput, setTextFieldInput] = useState('');
-    const theme = useTheme();
-    const onDismissTriggered = () => {
-        setTextFieldInput('');
-        onDismissDialpad();
-    };
-    const onClickCall = () => {
-        if (onAddParticipant) {
-            /**
-             * Format the phone number in dialpad textfield to make sure the phone number is in E.164 format.
-             * We assume the input number always include countrycode
-             */
-            const phoneNumber = { phoneNumber: '+' + textFieldInput.replace(/\D/g, '').replaceAll(' ', '') };
-            onAddParticipant(phoneNumber, { alternateCallerId: { phoneNumber: alternateCallerId } });
-            onDismissTriggered();
-        }
-    };
-    const dialpadModalStyle = useMemo(() => themeddialpadModalStyle(theme), [theme]);
-    const dialpadStyle = useMemo(() => themedDialpadStyle(isMobile, theme), [theme, isMobile]);
-    const callButtonStyle = useMemo(() => themedCallButtonStyle(theme), [theme]);
-    const dialpadComponent = () => {
-        return (React.createElement(React.Fragment, null,
-            React.createElement(Dialpad, { styles: dialpadStyle, onChange: setTextFieldInput, longPressTrigger: isMobile ? 'touch' : 'mouseAndTouch' }),
-            React.createElement(PrimaryButton, { text: strings.dialpadStartCallButtonLabel, onRenderIcon: () => DialpadStartCallIconTrampoline(), onClick: onClickCall, styles: callButtonStyle, disabled: textFieldInput === '' })));
-        return React.createElement(React.Fragment, null);
-    };
-    if (isMobile) {
-        return (React.createElement(Stack, { "data-ui-id": "call-with-chat-composite-dialpad" }, showDialpad && (React.createElement(Stack, { styles: drawerContainerStyles() },
-            React.createElement(_DrawerSurface, { onLightDismiss: onDismissTriggered, disableMaxHeight: true },
-                React.createElement(Stack, { style: { padding: '1rem' } }, dialpadComponent()))))));
-    }
-    return (React.createElement(React.Fragment, null, React.createElement(Modal, { titleAriaId: strings.dialpadModalAriaLabel, isOpen: showDialpad, onDismiss: onDismissTriggered, isBlocking: true, styles: dialpadModalStyle, "data-ui-id": "call-with-chat-composite-dialpad" },
-        React.createElement(Stack, { horizontal: true, horizontalAlign: "space-between", verticalAlign: "center" },
-            React.createElement(Text, null, strings.dialpadModalTitle),
-            React.createElement(IconButton, { iconProps: { iconName: 'Cancel' }, ariaLabel: strings.dialpadCloseModalButtonAriaLabel, onClick: onDismissTriggered, style: { color: theme.palette.black } })),
-        React.createElement(Stack, { style: { overflow: 'hidden' } }, dialpadComponent()))));
-};
-function DialpadStartCallIconTrampoline() {
-    /* @conditional-compile-remove(PSTN-calls) */
-    return React.createElement(CallWithChatCompositeIcon, { iconName: "DialpadStartCall" });
-    return React.createElement(React.Fragment, null);
-}
-//# sourceMappingURL=CallingDialpad.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CallingDialpad.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/CallingDialpad.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { useState } from 'react';\nimport { useMemo } from 'react';\nimport { Dialpad, DialpadStyles } from '@internal/react-components';\nimport { _DrawerMenu, _DrawerMenuItemProps, _DrawerSurface } from '@internal/react-components';\nimport { IModalStyles, Modal, Stack, useTheme, Text, IconButton } from '@fluentui/react';\nimport { IButtonStyles, PrimaryButton } from '@fluentui/react';\n\nimport { themeddialpadModalStyle } from './CallingDialpad.styles';\nimport { themedCallButtonStyle, themedDialpadStyle } from './CallingDialpad.styles';\n/* @conditional-compile-remove(PSTN-calls) */\nimport { CallWithChatCompositeIcon } from './icons';\n\nimport { PhoneNumberIdentifier } from '@azure/communication-common';\nimport { AddPhoneNumberOptions } from '@azure/communication-calling';\nimport { drawerContainerStyles } from '../CallComposite/styles/CallComposite.styles';\n\n/** @private */\nexport interface CallingDialpadStrings {\n  dialpadModalAriaLabel: string;\n  dialpadModalTitle: string;\n  dialpadCloseModalButtonAriaLabel: string;\n  dialpadStartCallButtonLabel: string;\n}\n\n/** @private */\nexport interface CallingDialpadProps {\n  isMobile: boolean;\n  showDialpad: boolean;\n  strings: CallingDialpadStrings;\n  onDismissDialpad: () => void;\n  onAddParticipant: (participant: PhoneNumberIdentifier, options?: AddPhoneNumberOptions) => void;\n  alternateCallerId: string;\n}\n\n/** @private */\nexport const CallingDialpad = (props: CallingDialpadProps): JSX.Element => {\n  const { strings, isMobile, showDialpad, onDismissDialpad, onAddParticipant, alternateCallerId } = props;\n  const [textFieldInput, setTextFieldInput] = useState('');\n\n  const theme = useTheme();\n\n  const onDismissTriggered = (): void => {\n    setTextFieldInput('');\n    onDismissDialpad();\n  };\n\n  const onClickCall = (): void => {\n    if (onAddParticipant) {\n      /**\n       * Format the phone number in dialpad textfield to make sure the phone number is in E.164 format.\n       * We assume the input number always include countrycode\n       */\n\n      const phoneNumber = { phoneNumber: '+' + textFieldInput.replace(/\\D/g, '').replaceAll(' ', '') };\n\n      onAddParticipant(phoneNumber, { alternateCallerId: { phoneNumber: alternateCallerId } });\n      onDismissTriggered();\n    }\n  };\n\n  const dialpadModalStyle: Partial<IModalStyles> = useMemo(() => themeddialpadModalStyle(theme), [theme]);\n\n  const dialpadStyle: Partial<DialpadStyles> = useMemo(() => themedDialpadStyle(isMobile, theme), [theme, isMobile]);\n\n  const callButtonStyle: Partial<IButtonStyles> = useMemo(() => themedCallButtonStyle(theme), [theme]);\n\n  const dialpadComponent = (): JSX.Element => {\n    return (\n      <>\n        <Dialpad\n          styles={dialpadStyle}\n          onChange={setTextFieldInput}\n          longPressTrigger={isMobile ? 'touch' : 'mouseAndTouch'}\n        />\n        <PrimaryButton\n          text={strings.dialpadStartCallButtonLabel}\n          onRenderIcon={() => DialpadStartCallIconTrampoline()}\n          onClick={onClickCall}\n          styles={callButtonStyle}\n          disabled={textFieldInput === ''}\n        />\n      </>\n    );\n\n    return <></>;\n  };\n\n  if (isMobile) {\n    return (\n      <Stack data-ui-id=\"call-with-chat-composite-dialpad\">\n        {showDialpad && (\n          <Stack styles={drawerContainerStyles()}>\n            <_DrawerSurface onLightDismiss={onDismissTriggered} disableMaxHeight={true}>\n              <Stack style={{ padding: '1rem' }}>{dialpadComponent()}</Stack>\n            </_DrawerSurface>\n          </Stack>\n        )}\n      </Stack>\n    );\n  }\n\n  return (\n    <>\n      {\n        <Modal\n          titleAriaId={strings.dialpadModalAriaLabel}\n          isOpen={showDialpad}\n          onDismiss={onDismissTriggered}\n          isBlocking={true}\n          styles={dialpadModalStyle}\n          data-ui-id=\"call-with-chat-composite-dialpad\"\n        >\n          <Stack horizontal horizontalAlign=\"space-between\" verticalAlign=\"center\">\n            <Text>{strings.dialpadModalTitle}</Text>\n            <IconButton\n              iconProps={{ iconName: 'Cancel' }}\n              ariaLabel={strings.dialpadCloseModalButtonAriaLabel}\n              onClick={onDismissTriggered}\n              style={{ color: theme.palette.black }}\n            />\n          </Stack>\n\n          <Stack style={{ overflow: 'hidden' }}>{dialpadComponent()}</Stack>\n        </Modal>\n      }\n    </>\n  );\n};\n\nfunction DialpadStartCallIconTrampoline(): JSX.Element {\n  /* @conditional-compile-remove(PSTN-calls) */\n  return <CallWithChatCompositeIcon iconName=\"DialpadStartCall\" />;\n  return <></>;\n}\n"]}

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

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

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

@@ -1,61 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/**
- * @private
- */
-export const themeddialpadModalStyle = (theme) => ({
-    main: {
-        borderRadius: theme.effects.roundedCorner6,
-        padding: '1rem'
-    }
-});
-/**
- * @private
- */
-export const themedDialpadStyle = (isMobile, theme) => ({
-    root: {
-        padding: 0,
-        marginLeft: 0,
-        marginRight: 0,
-        maxWidth: '100%'
-    },
-    textField: {
-        root: {
-            borderBottom: `1px solid ${theme.palette.neutralTertiaryAlt}`
-        },
-        field: {
-            backgroundColor: theme.palette.white,
-            fontSize: theme.fonts.large.fontSize,
-            padding: '0 0.5rem',
-            textAlign: isMobile ? 'center' : 'left',
-            ':active': {
-                padding: '0 0.5rem'
-            }
-        }
-    },
-    deleteIcon: {
-        root: {
-            backgroundColor: theme.palette.white
-        }
-    },
-    digit: {
-        color: theme.palette.themeDarkAlt
-    }
-});
-/**
- * @private
- */
-export const themedCallButtonStyle = (theme) => ({
-    root: {
-        fontWeight: theme.fonts.medium.fontWeight,
-        fontSize: theme.fonts.medium.fontSize,
-        width: '100%',
-        height: '2.5rem',
-        borderRadius: 3,
-        padding: '0.625rem'
-    },
-    textContainer: {
-        display: 'contents'
-    }
-});
-//# sourceMappingURL=CallingDialpad.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CallingDialpad.styles.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/CallingDialpad.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAMlC;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAY,EAAyB,EAAE,CAAC,CAAC;IAC/E,IAAI,EAAE;QACJ,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;QAC1C,OAAO,EAAE,MAAM;KAChB;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,QAAiB,EAAE,KAAY,EAA0B,EAAE,CAAC,CAAC;IAC9F,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,CAAC;QACb,WAAW,EAAE,CAAC;QACd,QAAQ,EAAE,MAAM;KACjB;IACD,SAAS,EAAE;QACT,IAAI,EAAE;YACJ,YAAY,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,kBAAkB,EAAE;SAC9D;QACD,KAAK,EAAE;YACL,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;YACpC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ;YACpC,OAAO,EAAE,UAAU;YACnB,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;YACvC,SAAS,EAAE;gBACT,OAAO,EAAE,UAAU;aACpB;SACF;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;SACrC;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;KAClC;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAY,EAA0B,EAAE,CAAC,CAAC;IAC9E,IAAI,EAAE;QACJ,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU;QACzC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;QACrC,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,QAAQ;QAChB,YAAY,EAAE,CAAC;QACf,OAAO,EAAE,UAAU;KACpB;IACD,aAAa,EAAE;QACb,OAAO,EAAE,UAAU;KACpB;CACF,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IButtonStyles, IModalStyles, Theme } from '@fluentui/react';\n\nimport { DialpadStyles } from '@internal/react-components';\n\n/**\n * @private\n */\nexport const themeddialpadModalStyle = (theme: Theme): Partial<IModalStyles> => ({\n  main: {\n    borderRadius: theme.effects.roundedCorner6,\n    padding: '1rem'\n  }\n});\n\n/**\n * @private\n */\nexport const themedDialpadStyle = (isMobile: boolean, theme: Theme): Partial<DialpadStyles> => ({\n  root: {\n    padding: 0,\n    marginLeft: 0,\n    marginRight: 0,\n    maxWidth: '100%'\n  },\n  textField: {\n    root: {\n      borderBottom: `1px solid ${theme.palette.neutralTertiaryAlt}`\n    },\n    field: {\n      backgroundColor: theme.palette.white,\n      fontSize: theme.fonts.large.fontSize,\n      padding: '0 0.5rem',\n      textAlign: isMobile ? 'center' : 'left',\n      ':active': {\n        padding: '0 0.5rem'\n      }\n    }\n  },\n  deleteIcon: {\n    root: {\n      backgroundColor: theme.palette.white\n    }\n  },\n  digit: {\n    color: theme.palette.themeDarkAlt\n  }\n});\n\n/**\n * @private\n */\nexport const themedCallButtonStyle = (theme: Theme): Partial<IButtonStyles> => ({\n  root: {\n    fontWeight: theme.fonts.medium.fontWeight,\n    fontSize: theme.fonts.medium.fontSize,\n    width: '100%',\n    height: '2.5rem',\n    borderRadius: 3,\n    padding: '0.625rem'\n  },\n  textContainer: {\n    display: 'contents'\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/Survey.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import { CallSurvey, CallSurveyResponse } from '@azure/communication-calling';
-import { CallSurveyImprovementSuggestions } from "../../../../react-components/src";
-import { CallCompositeIcons } from './icons';
-/** @private */
-export declare const Survey: (props: {
-    iconName?: keyof CallCompositeIcons | undefined;
-    title: string;
-    moreDetails?: string | undefined;
-    disableStartCallButton?: boolean | undefined;
-    isMobile?: boolean | undefined;
-    onSubmitSurvey?: ((survey: CallSurvey) => Promise<CallSurveyResponse | undefined>) | undefined;
-    /**
-     * 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) | undefined;
-    onSurveySubmittedCustom?: ((callId: string, surveyId: string, submittedSurvey: CallSurvey, improvementSuggestions: CallSurveyImprovementSuggestions) => Promise<void>) | undefined;
-}) => JSX.Element;
-//# sourceMappingURL=Survey.d.ts.map

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

@@ -1,129 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import 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 { Text, PrimaryButton, Stack, useTheme, DefaultButton } from '@fluentui/react';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { SurveyContent } from './SurveyContent';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { NoticePage } from '../CallComposite/pages/NoticePage';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { ThankYouForFeedbackPage } from '../CallComposite/pages/ThankYouForFeedbackPage';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { questionTextStyle, surveyContainerStyle } from './styles/Survey.styles';
-/** @private */
-export const Survey = (props) => {
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const { onSubmitSurvey, onSurveySubmittedCustom, onSurveyClosed, iconName, title, moreDetails, disableStartCallButton, isMobile } = props;
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const strings = useLocale().strings.call;
-    /* @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 [showDefaultAfterSubmitScreen, setShowDefaultAfterSubmitScreen] = useState(false);
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const [showDefaultAfterDismissedScreen, setShowDefaultAfterDismissedScreen] = useState(false);
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const [submitButtonDisabled, setSubmitButtonDisabled] = useState(false);
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const theme = useTheme();
-    /* @conditional-compile-remove(end-of-call-survey) */
-    return (React.createElement(React.Fragment, null,
-        showDefaultAfterSubmitScreen && React.createElement(ThankYouForFeedbackPage, { iconName: iconName }),
-        showDefaultAfterDismissedScreen && (React.createElement(NoticePage, { iconName: iconName, title: title, moreDetails: moreDetails, dataUiId: 'left-call-page', disableStartCallButton: disableStartCallButton })),
-        !showDefaultAfterSubmitScreen && !showDefaultAfterDismissedScreen && (React.createElement(Stack, { verticalAlign: "center", className: surveyContainerStyle(isMobile) },
-            React.createElement(Text, { className: questionTextStyle(theme) }, strings.surveyTitle),
-            React.createElement(SurveyContent, { setShowSubmitFeedbackButton: (showButton) => {
-                    setShowSubmitFeedbackButton(showButton);
-                }, setRatings: (rating) => {
-                    setRatings(rating);
-                }, setIssuesSelected: (issuesSelected) => {
-                    setIssuesSelected(issuesSelected);
-                }, setImprovementSuggestions: onSurveySubmittedCustom
-                    ? (improvementSuggestions) => {
-                        setImprovementSuggestions(improvementSuggestions);
-                    }
-                    : undefined }),
-            React.createElement(Stack, { horizontal: true, horizontalAlign: "end" },
-                React.createElement(DefaultButton, { style: { marginTop: '1rem', marginRight: '0.5rem' }, onClick: () => {
-                        if (onSurveyClosed) {
-                            onSurveyClosed('skipped');
-                        }
-                        else {
-                            setShowDefaultAfterDismissedScreen(true);
-                        }
-                    } }, strings.surveySkipButtonLabel),
-                showSubmitFeedbackButton && (React.createElement(PrimaryButton, { disabled: submitButtonDisabled, style: { marginTop: '1rem', marginLeft: '0.5rem' }, onClick: () => __awaiter(void 0, void 0, void 0, function* () {
-                        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) {
-                            // disable submit button while waiting for the survey to submit
-                            setSubmitButtonDisabled(true);
-                            // submitting survey results to calling
-                            onSubmitSurvey(surveyResults)
-                                .then((res) => {
-                                var _a, _b;
-                                // if contoso provided callback to handle their own survey data, send over the submitted survey results
-                                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).then(() => setSubmitButtonDisabled(false));
-                                }
-                                else {
-                                    // if callback is not provided, enable the submit button after survey is submitted
-                                    setSubmitButtonDisabled(false);
-                                }
-                                // redirect to new screen
-                                if (onSurveyClosed) {
-                                    // redirect to new screen according to contoso's callback set up
-                                    onSurveyClosed('sent');
-                                }
-                                else {
-                                    // if call back not provided, redirect to default screen
-                                    setShowDefaultAfterSubmitScreen(true);
-                                }
-                            })
-                                .catch((e) => {
-                                // if there is an error submitting the survey, log the error in the console
-                                console.log('error when submitting survey: ' + e);
-                                // if contoso provided redirect callback, pass contoso the error so they can redirect to a corresponding error screen
-                                if (onSurveyClosed) {
-                                    onSurveyClosed('error', e);
-                                }
-                            });
-                        }
-                    }) }, strings.surveyConfirmButtonLabel)))))));
-    return React.createElement(React.Fragment, null);
-};
-//# sourceMappingURL=Survey.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Survey.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/Survey.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 { Text, PrimaryButton, Stack, useTheme, DefaultButton } from '@fluentui/react';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { SurveyContent } from './SurveyContent';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { CallSurveyImprovementSuggestions } from '@internal/react-components';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { _pxToRem } from '@internal/acs-ui-common';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { CallCompositeIcons } from './icons';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { NoticePage } from '../CallComposite/pages/NoticePage';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { ThankYouForFeedbackPage } from '../CallComposite/pages/ThankYouForFeedbackPage';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { questionTextStyle, surveyContainerStyle } from './styles/Survey.styles';\n\n/** @private */\nexport const Survey = (props: {\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  disableStartCallButton?: boolean;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  isMobile?: boolean;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  onSubmitSurvey?: (survey: CallSurvey) => Promise<CallSurveyResponse | undefined>;\n  /* @conditional-compile-remove(end-of-call-survey) */\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  /* @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 {\n    onSubmitSurvey,\n    onSurveySubmittedCustom,\n    onSurveyClosed,\n    iconName,\n    title,\n    moreDetails,\n    disableStartCallButton,\n    isMobile\n  } = 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 [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\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const [showDefaultAfterSubmitScreen, setShowDefaultAfterSubmitScreen] = useState<boolean>(false);\n\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const [showDefaultAfterDismissedScreen, setShowDefaultAfterDismissedScreen] = useState<boolean>(false);\n\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const [submitButtonDisabled, setSubmitButtonDisabled] = useState<boolean>(false);\n\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const theme = useTheme();\n\n  /* @conditional-compile-remove(end-of-call-survey) */\n  return (\n    <>\n      {showDefaultAfterSubmitScreen && <ThankYouForFeedbackPage iconName={iconName} />}\n      {showDefaultAfterDismissedScreen && (\n        <NoticePage\n          iconName={iconName}\n          title={title}\n          moreDetails={moreDetails}\n          dataUiId={'left-call-page'}\n          disableStartCallButton={disableStartCallButton}\n        />\n      )}\n      {!showDefaultAfterSubmitScreen && !showDefaultAfterDismissedScreen && (\n        <Stack verticalAlign=\"center\" className={surveyContainerStyle(isMobile)}>\n          <Text className={questionTextStyle(theme)}>{strings.surveyTitle}</Text>\n          <SurveyContent\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          <Stack horizontal horizontalAlign=\"end\">\n            <DefaultButton\n              style={{ marginTop: '1rem', marginRight: '0.5rem' }}\n              onClick={() => {\n                if (onSurveyClosed) {\n                  onSurveyClosed('skipped');\n                } else {\n                  setShowDefaultAfterDismissedScreen(true);\n                }\n              }}\n            >\n              {strings.surveySkipButtonLabel}\n            </DefaultButton>\n\n            {showSubmitFeedbackButton && (\n              <PrimaryButton\n                disabled={submitButtonDisabled}\n                style={{ marginTop: '1rem', marginLeft: '0.5rem' }}\n                onClick={async () => {\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 = {\n                      score: ratings,\n                      issues: issuesSelected.screenshareRating.issues\n                    };\n                  }\n                  if (issuesSelected?.videoRating) {\n                    surveyResults.videoRating = { score: ratings, issues: issuesSelected.videoRating.issues };\n                  }\n                  if (onSubmitSurvey) {\n                    // disable submit button while waiting for the survey to submit\n                    setSubmitButtonDisabled(true);\n                    // submitting survey results to calling\n                    onSubmitSurvey(surveyResults)\n                      .then((res) => {\n                        // if contoso provided callback to handle their own survey data, send over the submitted survey results\n                        if (onSurveySubmittedCustom) {\n                          onSurveySubmittedCustom(\n                            res?.callId ?? '',\n                            res?.id ?? '',\n                            surveyResults,\n                            improvementSuggestions\n                          ).then(() => setSubmitButtonDisabled(false));\n                        } else {\n                          // if callback is not provided, enable the submit button after survey is submitted\n                          setSubmitButtonDisabled(false);\n                        }\n\n                        // redirect to new screen\n                        if (onSurveyClosed) {\n                          // redirect to new screen according to contoso's callback set up\n                          onSurveyClosed('sent');\n                        } else {\n                          // if call back not provided, redirect to default screen\n                          setShowDefaultAfterSubmitScreen(true);\n                        }\n                      })\n                      .catch((e) => {\n                        // if there is an error submitting the survey, log the error in the console\n                        console.log('error when submitting survey: ' + e);\n                        // if contoso provided redirect callback, pass contoso the error so they can redirect to a corresponding error screen\n                        if (onSurveyClosed) {\n                          onSurveyClosed('error', e);\n                        }\n                      });\n                  }\n                }}\n              >\n                {strings.surveyConfirmButtonLabel}\n              </PrimaryButton>\n            )}\n          </Stack>\n        </Stack>\n      )}\n    </>\n  );\n  return <></>;\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/common/SurveyContent.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 SurveyContent: (props: {
-    setShowSubmitFeedbackButton: (showButton: boolean) => void;
-    setRatings: (rating: number) => void;
-    setIssuesSelected: (issuesSelected: CallSurvey) => void;
-    setImprovementSuggestions?: ((improvementSuggestions: CallSurveyImprovementSuggestions) => void) | undefined;
-}) => JSX.Element;
-//# sourceMappingURL=SurveyContent.d.ts.map

package/dist/dist-esm/react-composites/src/composites/common/SurveyContent.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 SurveyContent = (
-/* @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 < 5) {
-            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, { "data-ui-id": "call-composite-survey" },
-        React.createElement(StarSurvey, { onStarRatingSelected: onStarRatingSelected }),
-        showTagsSurvey && (React.createElement(TagsSurvey, { onConfirm: onIssuesSelected, showFreeFormTextField: !(props.setImprovementSuggestions === undefined) }))));
-    return React.createElement(React.Fragment, null);
-};
-//# sourceMappingURL=SurveyContent.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SurveyContent.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/SurveyContent.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,aAAa,GAAG;AAC3B,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,GAAG,CAAC,EAAE,CAAC;YAChB,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,kBAAY,uBAAuB;QACvC,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 SurveyContent = (\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 < 5) {\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 data-ui-id=\"call-composite-survey\">\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"]}

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

@@ -1,10 +0,0 @@
-import { Theme } from '@fluentui/react';
-/**
- * @private
- */
-export declare const questionTextStyle: (theme: Theme) => string;
-/**
- * @private
- */
-export declare const surveyContainerStyle: (isMobile: any) => string;
-//# sourceMappingURL=Survey.styles.d.ts.map

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

@@ -1,36 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(end-of-call-survey) */
-import { mergeStyles } from '@fluentui/react';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { _pxToRem } from "../../../../../acs-ui-common/src";
-/* @conditional-compile-remove(end-of-call-survey) */
-/**
- * @private
- */
-export const questionTextStyle = (theme) => mergeStyles({
-    fontWeight: 600,
-    fontSize: _pxToRem(20),
-    lineHeight: _pxToRem(20),
-    color: theme.palette.neutralPrimary
-});
-/* @conditional-compile-remove(end-of-call-survey) */
-/**
- * @private
- */
-export const surveyContainerStyle = (isMobile) => mergeStyles(isMobile
-    ? {
-        width: '20rem',
-        position: 'absolute',
-        top: '10%',
-        left: '50%',
-        transform: 'translateX(-50%)'
-    }
-    : {
-        width: '24rem',
-        position: 'absolute',
-        top: '20%',
-        left: '50%',
-        transform: 'translateX(-50%)'
-    });
-//# sourceMappingURL=Survey.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Survey.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/styles/Survey.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,qDAAqD;AACrD,OAAO,EAAS,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACrD,qDAAqD;AACrD,OAAO,EAAE,QAAQ,EAAE,yCAAgC;AAEnD,qDAAqD;AACrD;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAY,EAAU,EAAE,CACxD,WAAW,CAAC;IACV,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;IACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;IACxB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;CACpC,CAAC,CAAC;AAEL,qDAAqD;AACrD;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,QAAQ,EAAU,EAAE,CACvD,WAAW,CACT,QAAQ;IACN,CAAC,CAAC;QACE,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,kBAAkB;KAC9B;IACH,CAAC,CAAC;QACE,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,kBAAkB;KAC9B,CACN,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { Theme, mergeStyles } from '@fluentui/react';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/* @conditional-compile-remove(end-of-call-survey) */\n/**\n * @private\n */\nexport const questionTextStyle = (theme: Theme): string =>\n  mergeStyles({\n    fontWeight: 600,\n    fontSize: _pxToRem(20),\n    lineHeight: _pxToRem(20),\n    color: theme.palette.neutralPrimary\n  });\n\n/* @conditional-compile-remove(end-of-call-survey) */\n/**\n * @private\n */\nexport const surveyContainerStyle = (isMobile): string =>\n  mergeStyles(\n    isMobile\n      ? {\n          width: '20rem',\n          position: 'absolute',\n          top: '10%',\n          left: '50%',\n          transform: 'translateX(-50%)'\n        }\n      : {\n          width: '24rem',\n          position: 'absolute',\n          top: '20%',\n          left: '50%',\n          transform: 'translateX(-50%)'\n        }\n  );\n"]}