@azure/communication-react 1.13.0-alpha-202402040013 → 1.13.0-alpha-202402060012

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

@@ -0,0 +1 @@
+{"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, Theme, mergeStyles, useTheme } 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\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  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  /* @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\" style={{ width: isMobile ? '20rem' : '24rem' }}>\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            <PrimaryButton\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            </PrimaryButton>\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/{SurveyPaneContent.d.ts → SurveyContent.d.ts}

@@ -4,10 +4,10 @@ import { CallSurvey } from '@azure/communication-calling';
 /**
  * @private
  */
-export declare const SurveyPaneContent: (props: {
+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=SurveyPaneContent.d.ts.map
+//# sourceMappingURL=SurveyContent.d.ts.map

package/dist/dist-esm/react-composites/src/composites/common/{SurveyPaneContent.js → SurveyContent.js}

@@ -12,13 +12,13 @@ import { Stack } from '@fluentui/react';
 /**
  * @private
  */
-export const SurveyPaneContent = (
+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 <= 2) {
+        if (ratings < 5) {
             setShowTagsSurvey(true);
             props.setShowSubmitFeedbackButton(true);
         }
@@ -36,9 +36,9 @@ export const SurveyPaneContent = (
         }
     };
     /* @conditional-compile-remove(end-of-call-survey) */
-    return (React.createElement(Stack, null,
+    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=SurveyPaneContent.js.map
+//# sourceMappingURL=SurveyContent.js.map

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

@@ -0,0 +1 @@
+{"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/localization/locales/en-US/strings.json

@@ -243,7 +243,7 @@
                 "grantedDueToRoleChangeToPresenter": "You're a presenter. You can share content and facilitate the meeting."
             }
         },
-        "surveyQuestion": "How was your call today?",
+        "surveyTitle": "Help us improve",
         "starSurveyHelperText": "How was the quality of the call?",
         "starSurveyOneStarText": "The quality was bad.",
         "starSurveyTwoStarText": "The quality was poor.",
@@ -252,11 +252,12 @@
         "starSurveyFiveStarText": "The quality was excellent.",
         "surveyConfirmButtonLabel": "Send Feedback",
         "starRatingAriaLabel": "Select {0} of {1} stars",
-        "surveyCancelButtonAriaLabel": "Cancel",
+        "surveySkipButtonLabel": "Skip",
         "tagsSurveyQuestion": "What could have been better?",
         "tagsSurveyTextFieldDefaultText": "Other, please specify",
         "tagsSurveyHelperText": "Check any issues you experienced",
         "surveyTextboxDefaultText": "Other, please specify",
+        "endOfSurveyText": "Thank you for your feedback!",
         "surveyIssues": {
             "overallRating": {
                 "callCannotJoin": "I could not join call",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@azure/communication-react",
-  "version": "1.13.0-alpha-202402040013",
+  "version": "1.13.0-alpha-202402060012",
   "sideEffects": false,
   "description": "React library for building modern communication user experiences utilizing Azure Communication Services",
   "keywords": [

package/dist/dist-esm/react-components/src/components/ImageGallery.d.ts

@@ -1,71 +0,0 @@
-import { SyntheticEvent } from 'react';
-/**
- * Props for {@link ImageGallery}.
- *
- * @beta
- */
-export interface ImageGalleryImageProps {
-    /** Image Url used to display the image in a large scale. */
-    imageUrl: string;
-    /** String used as a file name when downloading this image to user's local device. */
-    downloadFilename: string;
-    /** Optional string used as a alt text for the image. @default 'image' */
-    altText?: string;
-    /** Optional string used as the title of the image and displayed on the top left corner of the ImageGallery. */
-    title?: string;
-    /** Optional JSX element used as a title icon and displayed to the left of the title element. */
-    titleIcon?: JSX.Element;
-}
-/**
- * Props for {@link ImageGallery}.
- *
- * @beta
- */
-export interface ImageGalleryProps {
-    /**
-     * Boolean that controls whether the modal is displayed.
-     */
-    isOpen: boolean;
-    /**
-     * Array of images used to populate the ImageGallery
-     */
-    images: Array<ImageGalleryImageProps>;
-    /**
-     * Callback to invoke when the ImageGallery modal is dismissed
-     */
-    onDismiss: () => void;
-    /**
-     * Callback called when the download button is clicked.
-     */
-    onImageDownloadButtonClicked: (imageUrl: string, downloadFilename: string) => void;
-    /**
-     * Callback called when there's an error loading the image.
-     */
-    onError?: (event: SyntheticEvent<HTMLImageElement, Event>) => void;
-    /**
-     * Indicating which index of the images array to start with.
-     */
-    startIndex?: number;
-}
-/**
- * Strings of {@link ImageGallery} that can be overridden.
- *
- * @beta
- */
-export interface ImageGalleryStrings {
-    /**
-     * Download button label for ImageGallery
-     */
-    downloadButtonLabel: string;
-    /**
-     * Dismiss button aria label for ImageGallery
-     */
-    dismissButtonAriaLabel: string;
-}
-/**
- * Component to render a fullscreen modal for a selected image.
- *
- * @beta
- */
-export declare const ImageGallery: (props: ImageGalleryProps) => JSX.Element;
-//# sourceMappingURL=ImageGallery.d.ts.map

package/dist/dist-esm/react-components/src/components/ImageGallery.js

@@ -1,53 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(image-gallery) */
-import { DefaultButton, Icon, IconButton, Modal, Stack, mergeStyles } from '@fluentui/react';
-/* @conditional-compile-remove(image-gallery) */
-import React, { useState } from 'react';
-/* @conditional-compile-remove(image-gallery) */
-import { bodyContainer, brokenImageStyle, cancelIcon, closeButtonStyles, controlBarContainerStyle, downloadButtonStyle, downloadIcon, downloadIconStyle, focusTrapZoneStyle, headerStyle, normalImageStyle, overlayStyles, scrollableContentStyle, smallDownloadButtonContainerStyle, titleBarContainerStyle, titleStyle } from './styles/ImageGallery.style';
-/* @conditional-compile-remove(image-gallery) */
-import { useTheme } from '../theming/FluentThemeProvider';
-/* @conditional-compile-remove(image-gallery) */
-import { useLocale } from '../localization';
-/* @conditional-compile-remove(image-gallery) */
-/**
- * Component to render a fullscreen modal for a selected image.
- *
- * @beta
- */
-export const ImageGallery = (props) => {
-    const { isOpen, images, onImageDownloadButtonClicked, onDismiss, onError, startIndex = 0 } = props;
-    const theme = useTheme();
-    /* @conditional-compile-remove(image-gallery) */
-    const localeStrings = useLocale().strings.imageGallery;
-    const [isImageLoaded, setIsImageLoaded] = useState(true);
-    const imageStyle = isImageLoaded ? normalImageStyle : brokenImageStyle(theme);
-    const image = images[startIndex];
-    const renderHeaderBar = () => {
-        return (React.createElement(Stack, { className: mergeStyles(headerStyle) },
-            React.createElement(Stack, { className: mergeStyles(titleBarContainerStyle) }, image === null || image === void 0 ? void 0 :
-                image.titleIcon,
-                React.createElement(Stack.Item, { className: mergeStyles(titleStyle(theme)), "aria-label": image === null || image === void 0 ? void 0 : image.title }, image === null || image === void 0 ? void 0 : image.title)),
-            React.createElement(Stack, { className: mergeStyles(controlBarContainerStyle) },
-                React.createElement(DefaultButton, { className: mergeStyles(downloadButtonStyle(theme)), 
-                    /* @conditional-compile-remove(image-gallery) */
-                    text: localeStrings.downloadButtonLabel, onClick: () => onImageDownloadButtonClicked((image === null || image === void 0 ? void 0 : image.imageUrl) || '', (image === null || image === void 0 ? void 0 : image.downloadFilename) || 'image'), onRenderIcon: () => React.createElement(Icon, { iconName: downloadIcon.iconName, className: mergeStyles(downloadIconStyle) }), "aria-live": 'polite', "aria-label": localeStrings.downloadButtonLabel }),
-                React.createElement(IconButton, { iconProps: downloadIcon, className: mergeStyles(smallDownloadButtonContainerStyle(theme)), onClick: () => onImageDownloadButtonClicked(image === null || image === void 0 ? void 0 : image.imageUrl, image === null || image === void 0 ? void 0 : image.downloadFilename), "aria-label": localeStrings.downloadButtonLabel, "aria-live": 'polite' }),
-                React.createElement(IconButton, { iconProps: cancelIcon, className: mergeStyles(closeButtonStyles(theme)), onClick: onDismiss, 
-                    /* @conditional-compile-remove(image-gallery) */
-                    ariaLabel: localeStrings.dismissButtonAriaLabel, "aria-live": 'polite' }))));
-    };
-    const renderBodyWithLightDismiss = () => {
-        return (React.createElement(Stack, { className: mergeStyles(bodyContainer), onClick: () => props.onDismiss() }, images.length > startIndex && (React.createElement("img", { src: image === null || image === void 0 ? void 0 : image.imageUrl, className: mergeStyles(imageStyle), alt: (image === null || image === void 0 ? void 0 : image.altText) || 'image', "aria-label": 'image-gallery-main-image', "aria-live": 'polite', onError: (event) => {
-                setIsImageLoaded(false);
-                onError && onError(event);
-            }, onClick: (event) => event.stopPropagation(), onDoubleClick: (event) => {
-                event.persist();
-            } }))));
-    };
-    return (React.createElement(Modal, { titleAriaId: image === null || image === void 0 ? void 0 : image.title, isOpen: isOpen, onDismiss: onDismiss, overlay: { styles: Object.assign({}, overlayStyles(theme)) }, styles: { main: focusTrapZoneStyle, scrollableContent: scrollableContentStyle }, isDarkOverlay: true },
-        renderHeaderBar(),
-        renderBodyWithLightDismiss()));
-};
-//# sourceMappingURL=ImageGallery.js.map

package/dist/dist-esm/react-components/src/components/ImageGallery.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImageGallery.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/ImageGallery.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(image-gallery) */\nimport { DefaultButton, Icon, IconButton, Modal, Stack, mergeStyles } from '@fluentui/react';\n/* @conditional-compile-remove(image-gallery) */\nimport React, { SyntheticEvent, useState } from 'react';\n/* @conditional-compile-remove(image-gallery) */\nimport {\n  bodyContainer,\n  brokenImageStyle,\n  cancelIcon,\n  closeButtonStyles,\n  controlBarContainerStyle,\n  downloadButtonStyle,\n  downloadIcon,\n  downloadIconStyle,\n  focusTrapZoneStyle,\n  headerStyle,\n  normalImageStyle,\n  overlayStyles,\n  scrollableContentStyle,\n  smallDownloadButtonContainerStyle,\n  titleBarContainerStyle,\n  titleStyle\n} from './styles/ImageGallery.style';\n/* @conditional-compile-remove(image-gallery) */\nimport { useTheme } from '../theming/FluentThemeProvider';\n/* @conditional-compile-remove(image-gallery) */\nimport { useLocale } from '../localization';\n/* @conditional-compile-remove(image-gallery) */\nimport { ChatTheme } from '../theming';\n/**\n * Props for {@link ImageGallery}.\n *\n * @beta\n */\nexport interface ImageGalleryImageProps {\n  /** Image Url used to display the image in a large scale. */\n  imageUrl: string;\n  /** String used as a file name when downloading this image to user's local device. */\n  downloadFilename: string;\n  /** Optional string used as a alt text for the image. @default 'image' */\n  altText?: string;\n  /** Optional string used as the title of the image and displayed on the top left corner of the ImageGallery. */\n  title?: string;\n  /** Optional JSX element used as a title icon and displayed to the left of the title element. */\n  titleIcon?: JSX.Element;\n}\n/* @conditional-compile-remove(image-gallery) */\n/**\n * Props for {@link ImageGallery}.\n *\n * @beta\n */\nexport interface ImageGalleryProps {\n  /**\n   * Boolean that controls whether the modal is displayed.\n   */\n  isOpen: boolean;\n  /**\n   * Array of images used to populate the ImageGallery\n   */\n  images: Array<ImageGalleryImageProps>;\n  /**\n   * Callback to invoke when the ImageGallery modal is dismissed\n   */\n  onDismiss: () => void;\n  /**\n   * Callback called when the download button is clicked.\n   */\n  onImageDownloadButtonClicked: (imageUrl: string, downloadFilename: string) => void;\n  /**\n   * Callback called when there's an error loading the image.\n   */\n  onError?: (event: SyntheticEvent<HTMLImageElement, Event>) => void;\n  /**\n   * Indicating which index of the images array to start with.\n   */\n  startIndex?: number;\n}\n/* @conditional-compile-remove(image-gallery) */\n/**\n * Strings of {@link ImageGallery} that can be overridden.\n *\n * @beta\n */\nexport interface ImageGalleryStrings {\n  /**\n   * Download button label for ImageGallery\n   */\n  downloadButtonLabel: string;\n  /**\n   * Dismiss button aria label for ImageGallery\n   */\n  dismissButtonAriaLabel: string;\n}\n/* @conditional-compile-remove(image-gallery) */\n/**\n * Component to render a fullscreen modal for a selected image.\n *\n * @beta\n */\nexport const ImageGallery = (props: ImageGalleryProps): JSX.Element => {\n  const { isOpen, images, onImageDownloadButtonClicked, onDismiss, onError, startIndex = 0 } = props;\n  const theme = useTheme() as unknown as ChatTheme;\n\n  /* @conditional-compile-remove(image-gallery) */\n  const localeStrings = useLocale().strings.imageGallery;\n\n  const [isImageLoaded, setIsImageLoaded] = useState<boolean>(true);\n\n  const imageStyle = isImageLoaded ? normalImageStyle : brokenImageStyle(theme);\n\n  const image = images[startIndex];\n  const renderHeaderBar = (): JSX.Element => {\n    return (\n      <Stack className={mergeStyles(headerStyle)}>\n        <Stack className={mergeStyles(titleBarContainerStyle)}>\n          {image?.titleIcon}\n          <Stack.Item className={mergeStyles(titleStyle(theme))} aria-label={image?.title}>\n            {image?.title}\n          </Stack.Item>\n        </Stack>\n        <Stack className={mergeStyles(controlBarContainerStyle)}>\n          <DefaultButton\n            className={mergeStyles(downloadButtonStyle(theme))}\n            /* @conditional-compile-remove(image-gallery) */\n            text={localeStrings.downloadButtonLabel}\n            onClick={() => onImageDownloadButtonClicked(image?.imageUrl || '', image?.downloadFilename || 'image')}\n            onRenderIcon={() => <Icon iconName={downloadIcon.iconName} className={mergeStyles(downloadIconStyle)} />}\n            aria-live={'polite'}\n            /* @conditional-compile-remove(image-gallery) */\n            aria-label={localeStrings.downloadButtonLabel}\n          />\n          <IconButton\n            iconProps={downloadIcon}\n            className={mergeStyles(smallDownloadButtonContainerStyle(theme))}\n            onClick={() => onImageDownloadButtonClicked(image?.imageUrl, image?.downloadFilename)}\n            /* @conditional-compile-remove(image-gallery) */\n            aria-label={localeStrings.downloadButtonLabel}\n            aria-live={'polite'}\n          />\n          <IconButton\n            iconProps={cancelIcon}\n            className={mergeStyles(closeButtonStyles(theme))}\n            onClick={onDismiss}\n            /* @conditional-compile-remove(image-gallery) */\n            ariaLabel={localeStrings.dismissButtonAriaLabel}\n            aria-live={'polite'}\n          />\n        </Stack>\n      </Stack>\n    );\n  };\n\n  const renderBodyWithLightDismiss = (): JSX.Element => {\n    return (\n      <Stack className={mergeStyles(bodyContainer)} onClick={() => props.onDismiss()}>\n        {images.length > startIndex && (\n          <img\n            src={image?.imageUrl}\n            className={mergeStyles(imageStyle)}\n            alt={image?.altText || 'image'}\n            aria-label={'image-gallery-main-image'}\n            aria-live={'polite'}\n            onError={(event) => {\n              setIsImageLoaded(false);\n              onError && onError(event);\n            }}\n            onClick={(event) => event.stopPropagation()}\n            onDoubleClick={(event) => {\n              event.persist();\n            }}\n          />\n        )}\n      </Stack>\n    );\n  };\n\n  return (\n    <Modal\n      titleAriaId={image?.title}\n      isOpen={isOpen}\n      onDismiss={onDismiss}\n      overlay={{ styles: { ...overlayStyles(theme) } }}\n      styles={{ main: focusTrapZoneStyle, scrollableContent: scrollableContentStyle }}\n      isDarkOverlay={true}\n    >\n      {renderHeaderBar()}\n      {renderBodyWithLightDismiss()}\n    </Modal>\n  );\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.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"]}