@azure/communication-react 1.11.0-alpha-202312150013 → 1.11.0-beta.2

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

@@ -1 +0,0 @@
-{"version":3,"file":"StarSurvey.styles.js","sourceRoot":"","sources":["../../../../../../../../react-components/src/components/Survey/StarSurvey/StarSurvey.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAwB,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,yCAAgC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAY,EAAU,EAAE,CACtD,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;IACnC,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;CACzB,CAAC,CAAC;AAEL;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAY,EAA0B,EAAE;IACnE,OAAO;QACL,IAAI,EAAE;YACJ,YAAY,EAAE,QAAQ,CAAC,EAAE,CAAC;YAC1B,SAAS,EAAE,QAAQ;SACpB;QACD,UAAU,EAAE;YACV,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;YACtB,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;SACpB;QACD,eAAe,EAAE;YACf,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;SAClC;KACF,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,WAAW,CAAC;IACjD,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC;CAC3B,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IRatingStyles, Theme, mergeStyles } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/**\n * @private\n */\nexport const helperTextStyle = (theme: Theme): string =>\n  mergeStyles({\n    fontWeight: 600,\n    fontSize: _pxToRem(14),\n    lineHeight: _pxToRem(20),\n    color: theme.palette.neutralPrimary,\n    paddingTop: _pxToRem(20)\n  });\n\n/**\n * @private\n */\nexport const ratingStyles = (theme: Theme): Partial<IRatingStyles> => {\n  return {\n    root: {\n      marginBottom: _pxToRem(24),\n      textAlign: 'center'\n    },\n    ratingStar: {\n      fontSize: _pxToRem(35),\n      margin: _pxToRem(5)\n    },\n    ratingStarFront: {\n      color: theme.palette.themePrimary\n    }\n  };\n};\n\n/**\n * @private\n */\nexport const titleContainerClassName = mergeStyles({\n  paddingBottom: _pxToRem(6)\n});\n"]}

package/dist/dist-esm/react-components/src/components/Survey/SurveyTypes.d.ts

@@ -1,141 +0,0 @@
-/**
- *
- * Represents a call survey rating.
- *
- * @internal
- */
-export declare interface _CallRating<TIssue extends _AudioIssue | _OverallIssue | _ScreenshareIssue | _VideoIssue> {
-    /**
-     * The rating value should follow rating scale.
-     */
-    score: number;
-    /**
-     * Call rating type with issues.
-     */
-    issues?: TIssue[];
-    /**
-     * Rating scale default 1-5 rating
-     */
-    scale?: _RatingScale;
-}
-/**
- * Represents the end of call survey.
- * @internal
- */
-export declare interface _CallSurvey {
-    /**
-     * Overall call rating with optional overall issues
-     */
-    overallRating?: _CallRating<_OverallIssue>;
-    /**
-     * Audio rating with optional audio issues
-     */
-    audioRating?: _CallRating<_AudioIssue>;
-    /**
-     * Video rating with optional video issues
-     */
-    videoRating?: _CallRating<_VideoIssue>;
-    /**
-     * Screenshare rating with optional screenshare issues
-     */
-    screenshareRating?: _CallRating<_ScreenshareIssue>;
-}
-/**
- * Represents the end of call survey response.
- * @internal
- */
-export declare interface _CallSurveyResponse extends _CallSurvey {
-    /**
-     * Uniquely identify the call survey
-     */
-    readonly id: string;
-    /**
-     * Uniquely identify the call being served
-     */
-    readonly callId: string;
-    /**
-     * The participant submitting the survey
-     */
-    readonly localParticipantId: string;
-}
-/**
- * Represents the end of call survey call issues.
- * @example
- * CallCannotJoin - participant is unable to join the call.
- * CallCannotInvite - participant is unable to add another participant in the call.
- * HadToRejoin - participant rejoined the call due the call quality issue.
- * CallEndedUnexpectedly - when the call ended unexpectedly.
- * OtherIssues - any other overall call issue not listed here.
- *
- * @internal
- *
- */
-export declare type _OverallIssue = 'CallCannotJoin' | 'CallCannotInvite' | 'HadToRejoin' | 'CallEndedUnexpectedly' | 'OtherIssues';
-/**
- * Represents the end of call survey audio issues.
- * @example
- * NoLocalAudio - other participants unable to hear me.
- * NoRemoteAudio - participant unable to hear another participant's audio.
- * Echo - heard echo.
- * AudioNoise - heard audio noise.
- * LowVolume - call audio volume was low.
- * AudioStoppedUnexpectedly - call audio stopped unexpectedly.
- * DistortedSpeech - audio was distorted.
- * AudioInterruption - audio was interrupted.
- * OtherIssues - any other audio issue not listed here.
- *
- * @internal
- *
- */
-export declare type _AudioIssue = 'NoLocalAudio' | 'NoRemoteAudio' | 'Echo' | 'AudioNoise' | 'LowVolume' | 'AudioStoppedUnexpectedly' | 'DistortedSpeech' | 'AudioInterruption' | 'OtherIssues';
-/**
- * Represents the end of call survey screenshare issues.
- * @example
- * NoContentLocal - other participants unable to see my screen.
- * NoContentRemote - participant unable to saw another participant's screen share.
- * CannotPresent - participant was unable to share the screen.
- * LowQuality - screen share video quality was low.
- * Freezes - screen share freezes.
- * StoppedUnexpectedly - screen share stopped unexpectedly.
- * LargeDelay - watch screen share having large delay.
- * OtherIssues - any other screen share issue not listed here.
- *
- * @internal
- *
- */
-export declare type _ScreenshareIssue = 'NoContentLocal' | 'NoContentRemote' | 'CannotPresent' | 'LowQuality' | 'Freezes' | 'StoppedUnexpectedly' | 'LargeDelay' | 'OtherIssues';
-/**
- * Represents the end of call survey video issues.
- * @example
- * NoVideoReceived - participant unable to saw another participant's video.
- * NoVideoSent - other participants unable to see me.
- * LowQuality - video quality was low.
- * Freezes - video freezes.
- * StoppedUnexpectedly - video stopped unexpectedly.
- * DarkVideoReceived - participant receives dark video.
- * AudioVideoOutOfSync - participant watch video and audio out of sync.
- * OtherIssues - any other video issue not listed here.
- *
- * @internal
- *
- */
-export declare type _VideoIssue = 'NoVideoReceived' | 'NoVideoSent' | 'LowQuality' | 'Freezes' | 'StoppedUnexpectedly' | 'DarkVideoReceived' | 'AudioVideoOutOfSync' | 'OtherIssues';
-/**
- * Rating scale to override the default scale
- * @internal
- */
-export declare interface _RatingScale {
-    /**
-     * Lower bound of the rating value 0 to 100 (default 1)
-     */
-    lowerBound: number;
-    /**
-     * Upper bound of the rating value 0 to 100 (default 5)
-     */
-    upperBound: number;
-    /**
-     * The rating value greater than the threshold will be considered as good
-     */
-    lowScoreThreshold: number;
-}
-//# sourceMappingURL=SurveyTypes.d.ts.map

package/dist/dist-esm/react-components/src/components/Survey/SurveyTypes.js

@@ -1,4 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-export {};
-//# sourceMappingURL=SurveyTypes.js.map

package/dist/dist-esm/react-components/src/components/Survey/SurveyTypes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SurveyTypes.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/Survey/SurveyTypes.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n *\n * Represents a call survey rating.\n *\n * @internal\n */\nexport declare interface _CallRating<TIssue extends _AudioIssue | _OverallIssue | _ScreenshareIssue | _VideoIssue> {\n  /**\n   * The rating value should follow rating scale.\n   */\n  score: number;\n  /**\n   * Call rating type with issues.\n   */\n  issues?: TIssue[];\n  /**\n   * Rating scale default 1-5 rating\n   */\n  scale?: _RatingScale;\n}\n\n/**\n * Represents the end of call survey.\n * @internal\n */\nexport declare interface _CallSurvey {\n  /**\n   * Overall call rating with optional overall issues\n   */\n  overallRating?: _CallRating<_OverallIssue>;\n  /**\n   * Audio rating with optional audio issues\n   */\n  audioRating?: _CallRating<_AudioIssue>;\n  /**\n   * Video rating with optional video issues\n   */\n  videoRating?: _CallRating<_VideoIssue>;\n  /**\n   * Screenshare rating with optional screenshare issues\n   */\n  screenshareRating?: _CallRating<_ScreenshareIssue>;\n}\n\n/**\n * Represents the end of call survey response.\n * @internal\n */\nexport declare interface _CallSurveyResponse extends _CallSurvey {\n  /**\n   * Uniquely identify the call survey\n   */\n  readonly id: string;\n  /**\n   * Uniquely identify the call being served\n   */\n  readonly callId: string;\n  /**\n   * The participant submitting the survey\n   */\n  readonly localParticipantId: string;\n}\n\n/**\n * Represents the end of call survey call issues.\n * @example\n * CallCannotJoin - participant is unable to join the call.\n * CallCannotInvite - participant is unable to add another participant in the call.\n * HadToRejoin - participant rejoined the call due the call quality issue.\n * CallEndedUnexpectedly - when the call ended unexpectedly.\n * OtherIssues - any other overall call issue not listed here.\n *\n * @internal\n *\n */\nexport declare type _OverallIssue =\n  | 'CallCannotJoin'\n  | 'CallCannotInvite'\n  | 'HadToRejoin'\n  | 'CallEndedUnexpectedly'\n  | 'OtherIssues';\n\n/**\n * Represents the end of call survey audio issues.\n * @example\n * NoLocalAudio - other participants unable to hear me.\n * NoRemoteAudio - participant unable to hear another participant's audio.\n * Echo - heard echo.\n * AudioNoise - heard audio noise.\n * LowVolume - call audio volume was low.\n * AudioStoppedUnexpectedly - call audio stopped unexpectedly.\n * DistortedSpeech - audio was distorted.\n * AudioInterruption - audio was interrupted.\n * OtherIssues - any other audio issue not listed here.\n *\n * @internal\n *\n */\nexport declare type _AudioIssue =\n  | 'NoLocalAudio'\n  | 'NoRemoteAudio'\n  | 'Echo'\n  | 'AudioNoise'\n  | 'LowVolume'\n  | 'AudioStoppedUnexpectedly'\n  | 'DistortedSpeech'\n  | 'AudioInterruption'\n  | 'OtherIssues';\n\n/**\n * Represents the end of call survey screenshare issues.\n * @example\n * NoContentLocal - other participants unable to see my screen.\n * NoContentRemote - participant unable to saw another participant's screen share.\n * CannotPresent - participant was unable to share the screen.\n * LowQuality - screen share video quality was low.\n * Freezes - screen share freezes.\n * StoppedUnexpectedly - screen share stopped unexpectedly.\n * LargeDelay - watch screen share having large delay.\n * OtherIssues - any other screen share issue not listed here.\n *\n * @internal\n *\n */\nexport declare type _ScreenshareIssue =\n  | 'NoContentLocal'\n  | 'NoContentRemote'\n  | 'CannotPresent'\n  | 'LowQuality'\n  | 'Freezes'\n  | 'StoppedUnexpectedly'\n  | 'LargeDelay'\n  | 'OtherIssues';\n\n/**\n * Represents the end of call survey video issues.\n * @example\n * NoVideoReceived - participant unable to saw another participant's video.\n * NoVideoSent - other participants unable to see me.\n * LowQuality - video quality was low.\n * Freezes - video freezes.\n * StoppedUnexpectedly - video stopped unexpectedly.\n * DarkVideoReceived - participant receives dark video.\n * AudioVideoOutOfSync - participant watch video and audio out of sync.\n * OtherIssues - any other video issue not listed here.\n *\n * @internal\n *\n */\nexport declare type _VideoIssue =\n  | 'NoVideoReceived'\n  | 'NoVideoSent'\n  | 'LowQuality'\n  | 'Freezes'\n  | 'StoppedUnexpectedly'\n  | 'DarkVideoReceived'\n  | 'AudioVideoOutOfSync'\n  | 'OtherIssues';\n\n/**\n * Rating scale to override the default scale\n * @internal\n */\nexport declare interface _RatingScale {\n  /**\n   * Lower bound of the rating value 0 to 100 (default 1)\n   */\n  lowerBound: number;\n  /**\n   * Upper bound of the rating value 0 to 100 (default 5)\n   */\n  upperBound: number;\n  /**\n   * The rating value greater than the threshold will be considered as good\n   */\n  lowScoreThreshold: number;\n}\n"]}

package/dist/dist-esm/react-components/src/components/Survey/TagsSurvey/TagsSurvey.d.ts

@@ -1,59 +0,0 @@
-/// <reference types="react" />
-import { _AudioIssue, _CallSurvey, _OverallIssue, _ScreenshareIssue, _VideoIssue } from '../SurveyTypes';
-import { SurveyIssuesHeadingStrings, SurveyIssues } from '../../../types';
-/**
- * Strings of {@link TagsSurvey} that can be overridden.
- *
- * @internal
- */
-export interface _TagsSurveyStrings {
-    /**
-     * Survey question
-     */
-    tagsSurveyQuestion?: string;
-    /**
-     * Helper text for tag survey explaining what the survey is for
-     */
-    tagsSurveyHelperText?: string;
-}
-/**
- * Survey Issue categories
- *
- * @internal
- */
-export type _IssueCategory = 'overallRating' | 'audioRating' | 'videoRating' | 'screenshareRating';
-/**
- * Key value pair of survey catogories and corresponding message/issue
- *
- * @internal
- */
-export type _SurveyTag = {
-    [issueCategory: string]: {
-        message: string;
-        issue: _AudioIssue | _OverallIssue | _ScreenshareIssue | _VideoIssue;
-    }[];
-};
-/**
- * Props for {@link TagsSurvey} component.
- *
- * @internal
- */
-export interface _TagsSurveyProps {
-    /** Issues included in the survey */
-    issues: (_AudioIssue | _OverallIssue | _ScreenshareIssue | _VideoIssue)[];
-    /** Mappings from call issues to tags displayed on the survey*/
-    callIssuesToTag: SurveyIssues;
-    /** Mappings from issue category to categories displayed on survey*/
-    categoryHeadings: SurveyIssuesHeadingStrings;
-    /** Function to send TagsSurvey results*/
-    onConfirm?: (selectedTags: _CallSurvey) => void;
-    /** Tags survey strings */
-    strings?: _TagsSurveyStrings;
-}
-/**
- * A component to allow users to send numerical ratings regarding call quality
- *
- * @internal
- */
-export declare const _TagsSurvey: (props: _TagsSurveyProps) => JSX.Element;
-//# sourceMappingURL=TagsSurvey.d.ts.map

package/dist/dist-esm/react-components/src/components/Survey/TagsSurvey/TagsSurvey.js

@@ -1,81 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React, { useMemo, useState } from 'react';
-import { Text, useTheme, Stack, Checkbox, Pivot, PivotItem } from '@fluentui/react';
-import { checkboxClassName, questionTextStyle, helperTextStyle } from './TagsSurvey.styles';
-/**
- * A component to allow users to send numerical ratings regarding call quality
- *
- * @internal
- */
-export const _TagsSurvey = (props) => {
-    const { issues, callIssuesToTag, categoryHeadings, onConfirm, strings } = props;
-    const [selectedTags, setSelectedTags] = useState({});
-    const tags = useMemo(() => {
-        const tags = [];
-        issues.forEach((issue) => {
-            const issueCamelCase = (issue === null || issue === void 0 ? void 0 : issue.charAt(0).toLowerCase()) + (issue === null || issue === void 0 ? void 0 : issue.slice(1));
-            const issueCategory = Object.keys(callIssuesToTag).find((key) => callIssuesToTag[key][issueCamelCase] !== undefined);
-            if (issueCategory) {
-                if (tags[issueCategory]) {
-                    tags[issueCategory].push({
-                        message: callIssuesToTag[issueCategory][issueCamelCase],
-                        issue: issue
-                    });
-                }
-                else {
-                    tags[issueCategory] = [
-                        {
-                            message: callIssuesToTag[issueCategory][issueCamelCase],
-                            issue: issue
-                        }
-                    ];
-                }
-            }
-        });
-        return tags;
-    }, [issues, callIssuesToTag]);
-    const onChange = React.useCallback((issue, issueCategory, checked) => {
-        if (checked) {
-            setSelectedTags((prevState) => {
-                if (prevState[issueCategory]) {
-                    prevState[issueCategory].issues.push(issue);
-                }
-                else {
-                    prevState[issueCategory] = { score: 1, issues: [issue] };
-                }
-                return prevState;
-            });
-        }
-        else {
-            setSelectedTags((prevState) => {
-                if (prevState[issueCategory]) {
-                    prevState[issueCategory].issues = prevState[issueCategory].issues.filter(function (value) {
-                        return value !== issue;
-                    });
-                    if (prevState[issueCategory].issues.length === 0) {
-                        delete prevState[issueCategory];
-                    }
-                }
-                return prevState;
-            });
-        }
-        if (onConfirm) {
-            onConfirm(selectedTags);
-        }
-    }, [onConfirm, selectedTags]);
-    const theme = useTheme();
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Stack, { verticalAlign: "center" },
-            React.createElement(Text, { className: questionTextStyle(theme) }, strings === null || strings === void 0 ? void 0 : strings.tagsSurveyQuestion),
-            React.createElement(Text, { className: helperTextStyle(theme) }, strings === null || strings === void 0 ? void 0 : strings.tagsSurveyHelperText)),
-        React.createElement(Pivot, null, Object.keys(tags).map((key, i) => {
-            return (React.createElement(PivotItem, { key: `key-${i}`, headerText: categoryHeadings[key], headerButtonProps: {
-                    'data-order': i,
-                    'data-title': key
-                }, alwaysRender: true }, tags[key].map((t, i) => {
-                return (React.createElement(Checkbox, { className: checkboxClassName, key: `checkBox_${i}`, label: t.message, onChange: (ev, checked) => onChange(t.issue, key, checked !== null && checked !== void 0 ? checked : false) }));
-            })));
-        }))));
-};
-//# sourceMappingURL=TagsSurvey.js.map

package/dist/dist-esm/react-components/src/components/Survey/TagsSurvey/TagsSurvey.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TagsSurvey.js","sourceRoot":"","sources":["../../../../../../../../react-components/src/components/Survey/TagsSurvey/TagsSurvey.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { useMemo, useState } from 'react';\nimport { Text, useTheme, Stack, Checkbox, Pivot, PivotItem } from '@fluentui/react';\nimport { _formatString, _pxToRem } from '@internal/acs-ui-common';\nimport { checkboxClassName, questionTextStyle, helperTextStyle } from './TagsSurvey.styles';\nimport {\n  _AudioIssue,\n  _CallSurvey,\n  _CallSurveyResponse,\n  _OverallIssue,\n  _ScreenshareIssue,\n  _VideoIssue\n} from '../SurveyTypes';\nimport { SurveyIssuesHeadingStrings, SurveyIssues } from '../../../types';\n/**\n * Strings of {@link TagsSurvey} that can be overridden.\n *\n * @internal\n */\nexport interface _TagsSurveyStrings {\n  /**\n   * Survey question\n   */\n  tagsSurveyQuestion?: string;\n  /**\n   * Helper text for tag survey explaining what the survey is for\n   */\n  tagsSurveyHelperText?: string;\n}\n\n/**\n * Survey Issue categories\n *\n * @internal\n */\nexport type _IssueCategory = 'overallRating' | 'audioRating' | 'videoRating' | 'screenshareRating';\n\n/**\n * Key value pair of survey catogories and corresponding message/issue\n *\n * @internal\n */\nexport type _SurveyTag = {\n  [issueCategory: string]: {\n    message: string;\n    issue: _AudioIssue | _OverallIssue | _ScreenshareIssue | _VideoIssue;\n  }[];\n};\n\n/**\n * Props for {@link TagsSurvey} component.\n *\n * @internal\n */\nexport interface _TagsSurveyProps {\n  /** Issues included in the survey */\n  issues: (_AudioIssue | _OverallIssue | _ScreenshareIssue | _VideoIssue)[];\n  /** Mappings from call issues to tags displayed on the survey*/\n  callIssuesToTag: SurveyIssues;\n  /** Mappings from issue category to categories displayed on survey*/\n  categoryHeadings: SurveyIssuesHeadingStrings;\n  /** Function to send TagsSurvey results*/\n  onConfirm?: (selectedTags: _CallSurvey) => void;\n  /** Tags survey strings */\n  strings?: _TagsSurveyStrings;\n}\n\n/**\n * A component to allow users to send numerical ratings regarding call quality\n *\n * @internal\n */\nexport const _TagsSurvey = (props: _TagsSurveyProps): JSX.Element => {\n  const { issues, callIssuesToTag, categoryHeadings, onConfirm, strings } = props;\n\n  const [selectedTags, setSelectedTags] = useState({});\n\n  const tags: _SurveyTag[] = useMemo(() => {\n    const tags: _SurveyTag[] = [];\n    issues.forEach((issue) => {\n      const issueCamelCase = issue?.charAt(0).toLowerCase() + issue?.slice(1);\n      const issueCategory = Object.keys(callIssuesToTag).find(\n        (key) => callIssuesToTag[key][issueCamelCase] !== undefined\n      );\n      if (issueCategory) {\n        if (tags[issueCategory]) {\n          tags[issueCategory].push({\n            message: callIssuesToTag[issueCategory][issueCamelCase],\n            issue: issue\n          });\n        } else {\n          tags[issueCategory] = [\n            {\n              message: callIssuesToTag[issueCategory][issueCamelCase],\n              issue: issue\n            }\n          ];\n        }\n      }\n    });\n    return tags;\n  }, [issues, callIssuesToTag]);\n\n  const onChange = React.useCallback(\n    (issue: string, issueCategory: string, checked: boolean): void => {\n      if (checked) {\n        setSelectedTags((prevState) => {\n          if (prevState[issueCategory]) {\n            prevState[issueCategory].issues.push(issue);\n          } else {\n            prevState[issueCategory] = { score: 1, issues: [issue] };\n          }\n          return prevState;\n        });\n      } else {\n        setSelectedTags((prevState) => {\n          if (prevState[issueCategory]) {\n            prevState[issueCategory].issues = prevState[issueCategory].issues.filter(function (value) {\n              return value !== issue;\n            });\n            if (prevState[issueCategory].issues.length === 0) {\n              delete prevState[issueCategory];\n            }\n          }\n          return prevState;\n        });\n      }\n\n      if (onConfirm) {\n        onConfirm(selectedTags);\n      }\n    },\n    [onConfirm, selectedTags]\n  );\n\n  const theme = useTheme();\n\n  return (\n    <>\n      <Stack verticalAlign=\"center\">\n        <Text className={questionTextStyle(theme)}>{strings?.tagsSurveyQuestion}</Text>\n        <Text className={helperTextStyle(theme)}>{strings?.tagsSurveyHelperText}</Text>\n      </Stack>\n\n      <Pivot>\n        {Object.keys(tags).map((key, i) => {\n          return (\n            <PivotItem\n              key={`key-${i}`}\n              headerText={categoryHeadings[key]}\n              headerButtonProps={{\n                'data-order': i,\n                'data-title': key\n              }}\n              alwaysRender\n            >\n              {tags[key].map((t, i) => {\n                return (\n                  <Checkbox\n                    className={checkboxClassName}\n                    key={`checkBox_${i}`}\n                    label={t.message}\n                    onChange={(ev, checked) => onChange(t.issue, key, checked ?? false)}\n                  />\n                );\n              })}\n            </PivotItem>\n          );\n        })}\n      </Pivot>\n    </>\n  );\n};\n"]}

package/dist/dist-esm/react-components/src/components/Survey/TagsSurvey/TagsSurvey.styles.d.ts

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

package/dist/dist-esm/react-components/src/components/Survey/TagsSurvey/TagsSurvey.styles.js

@@ -1,30 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { mergeStyles } from '@fluentui/react';
-import { _pxToRem } from "../../../../../acs-ui-common/src";
-/**
- * @private
- */
-export const questionTextStyle = (theme) => mergeStyles({
-    fontWeight: 600,
-    fontSize: _pxToRem(14),
-    lineHeight: _pxToRem(20),
-    color: theme.palette.neutralPrimary,
-    paddingTop: _pxToRem(20)
-});
-/**
- * @private
- */
-export const helperTextStyle = (theme) => mergeStyles({
-    fontWeight: 400,
-    fontSize: _pxToRem(12),
-    lineHeight: _pxToRem(16),
-    color: theme.palette.neutralPrimary
-});
-/**
- * @private
- */
-export const checkboxClassName = mergeStyles({
-    padding: _pxToRem(8)
-});
-//# sourceMappingURL=TagsSurvey.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TagsSurvey.styles.js","sourceRoot":"","sources":["../../../../../../../../react-components/src/components/Survey/TagsSurvey/TagsSurvey.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAS,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,yCAAgC;AAEnD;;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;IACnC,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;CACzB,CAAC,CAAC;AAEL;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAY,EAAU,EAAE,CACtD,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;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC;IAC3C,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;CACrB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { Theme, mergeStyles } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/**\n * @private\n */\nexport const questionTextStyle = (theme: Theme): string =>\n  mergeStyles({\n    fontWeight: 600,\n    fontSize: _pxToRem(14),\n    lineHeight: _pxToRem(20),\n    color: theme.palette.neutralPrimary,\n    paddingTop: _pxToRem(20)\n  });\n\n/**\n * @private\n */\nexport const helperTextStyle = (theme: Theme): string =>\n  mergeStyles({\n    fontWeight: 400,\n    fontSize: _pxToRem(12),\n    lineHeight: _pxToRem(16),\n    color: theme.palette.neutralPrimary\n  });\n\n/**\n * @private\n */\nexport const checkboxClassName = mergeStyles({\n  padding: _pxToRem(8)\n});\n"]}

package/dist/dist-esm/react-components/src/components/VideoGallery/LargeGalleryLayout.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { LayoutProps } from './Layout';
-/**
- * Props for {@link LargeGalleryLayout}.
- *
- * @private
- */
-export type LargeGalleryProps = LayoutProps;
-/**
- * VideoGallery Layout for when user is in a large meeting and wants to see more participants
- *
- * Caps the number of tiles that a participant can see in the grid to 49, Video and Audio.
- *
- * @private
- */
-export declare const LargeGalleryLayout: (props: LargeGalleryProps) => JSX.Element;
-//# sourceMappingURL=LargeGalleryLayout.d.ts.map

package/dist/dist-esm/react-components/src/components/VideoGallery/LargeGalleryLayout.js

@@ -1,127 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React, { useMemo, useRef, useState } from 'react';
-import { isNarrowWidth } from '../utils/responsive';
-/* @conditional-compile-remove(gallery-layouts) */
-import { isShortHeight } from '../utils/responsive';
-import { OverflowGallery } from './OverflowGallery';
-import { GridLayout } from '../GridLayout';
-import { Stack } from '@fluentui/react';
-import { useOrganizedParticipants } from './utils/videoGalleryLayoutUtils';
-import { rootLayoutStyle } from './styles/DefaultLayout.styles';
-import { videoGalleryLayoutGap } from './styles/Layout.styles';
-/* @conditional-compile-remove(gallery-layouts) */
-import { VERTICAL_GALLERY_TILE_SIZE_REM } from './styles/VideoGalleryResponsiveVerticalGallery.styles';
-const DEFAULT_CHILDREN_PER_PAGE = 5;
-/* @conditional-compile-remove(gallery-layouts) */
-const REM_TO_PIXEL = 16;
-/* @conditional-compile-remove(gallery-layouts) */
-const LARGE_GALLERY_PARTICIPANT_CAP = 48;
-/**
- * VideoGallery Layout for when user is in a large meeting and wants to see more participants
- *
- * Caps the number of tiles that a participant can see in the grid to 49, Video and Audio.
- *
- * @private
- */
-export const LargeGalleryLayout = (props) => {
-    const { remoteParticipants = [], localParticipant, dominantSpeakers, localVideoComponent, screenShareComponent, onRenderRemoteParticipant, styles, maxRemoteVideoStreams, parentWidth, 
-    /* @conditional-compile-remove(gallery-layouts) */ parentHeight, pinnedParticipantUserIds = [], 
-    /* @conditional-compile-remove(vertical-gallery) */ overflowGalleryPosition = 'horizontalBottom' } = props;
-    const isNarrow = parentWidth ? isNarrowWidth(parentWidth) : false;
-    /* @conditional-compile-remove(gallery-layouts) */
-    const isShort = parentHeight ? isShortHeight(parentHeight) : false;
-    const maxStreamsTrampoline = () => {
-        /* @conditional-compile-remove(gallery-layouts) */
-        return parentWidth && parentHeight
-            ? calculateMaxTilesInLargeGrid(parentWidth, parentHeight)
-            : maxRemoteVideoStreams;
-        return maxRemoteVideoStreams;
-    };
-    // This is for tracking the number of children in the first page of overflow gallery.
-    // This number will be used for the maxOverflowGalleryDominantSpeakers when organizing the remote participants.
-    // We need to add the local participant to the pinned participant count so we are placing the speakers correctly.
-    const childrenPerPage = useRef(DEFAULT_CHILDREN_PER_PAGE);
-    const { gridParticipants, overflowGalleryParticipants } = useOrganizedParticipants({
-        remoteParticipants,
-        localParticipant,
-        dominantSpeakers,
-        maxRemoteVideoStreams: maxStreamsTrampoline(),
-        isScreenShareActive: !!screenShareComponent,
-        maxOverflowGalleryDominantSpeakers: screenShareComponent
-            ? childrenPerPage.current - ((pinnedParticipantUserIds.length + 1) % childrenPerPage.current)
-            : childrenPerPage.current,
-        /* @conditional-compile-remove(pinned-participants) */ pinnedParticipantUserIds,
-        /* @conditional-compile-remove(large-gallery) */ layout: 'largeGallery'
-    });
-    let activeVideoStreams = 0;
-    const gridTiles = gridParticipants.map((p) => {
-        var _a, _b;
-        return onRenderRemoteParticipant(p, maxRemoteVideoStreams && maxRemoteVideoStreams >= 0
-            ? ((_a = p.videoStream) === null || _a === void 0 ? void 0 : _a.isAvailable) && activeVideoStreams++ < maxRemoteVideoStreams
-            : (_b = p.videoStream) === null || _b === void 0 ? void 0 : _b.isAvailable);
-    });
-    /**
-     * instantiate indexes available to render with indexes available that would be on first page
-     *
-     * For some components which do not strictly follow the order of the array, we might
-     * re-render the initial tiles -> dispose them -> create new tiles, we need to take care of
-     * this case when those components are here
-     */
-    const [indexesToRender, setIndexesToRender] = useState([]);
-    const overflowGalleryTiles = overflowGalleryParticipants.map((p, i) => {
-        var _a, _b;
-        return onRenderRemoteParticipant(p, maxRemoteVideoStreams && maxRemoteVideoStreams >= 0
-            ? ((_a = p.videoStream) === null || _a === void 0 ? void 0 : _a.isAvailable) && indexesToRender.includes(i) && activeVideoStreams++ < maxRemoteVideoStreams
-            : (_b = p.videoStream) === null || _b === void 0 ? void 0 : _b.isAvailable);
-    });
-    if (localVideoComponent) {
-        gridTiles.push(localVideoComponent);
-    }
-    const overflowGallery = useMemo(() => {
-        if (overflowGalleryTiles.length === 0) {
-            return null;
-        }
-        return (React.createElement(OverflowGallery, { isNarrow: isNarrow, 
-            /* @conditional-compile-remove(gallery-layouts) */
-            isShort: isShort, shouldFloatLocalVideo: false, overflowGalleryElements: overflowGalleryTiles, horizontalGalleryStyles: styles === null || styles === void 0 ? void 0 : styles.horizontalGallery, 
-            /* @conditional-compile-remove(vertical-gallery) */
-            verticalGalleryStyles: styles === null || styles === void 0 ? void 0 : styles.verticalGallery, 
-            /* @conditional-compile-remove(vertical-gallery) */
-            overflowGalleryPosition: overflowGalleryPosition, onFetchTilesToRender: setIndexesToRender, onChildrenPerPageChange: (n) => {
-                childrenPerPage.current = n;
-            }, parentWidth: parentWidth }));
-    }, [
-        isNarrow,
-        /* @conditional-compile-remove(gallery-layouts) */ isShort,
-        overflowGalleryTiles,
-        styles === null || styles === void 0 ? void 0 : styles.horizontalGallery,
-        /* @conditional-compile-remove(vertical-gallery) */ overflowGalleryPosition,
-        setIndexesToRender,
-        /* @conditional-compile-remove(vertical-gallery) */ styles === null || styles === void 0 ? void 0 : styles.verticalGallery,
-        parentWidth
-    ]);
-    return (React.createElement(Stack
-    /* @conditional-compile-remove(vertical-gallery) */
-    , { 
-        /* @conditional-compile-remove(vertical-gallery) */
-        horizontal: overflowGalleryPosition === 'verticalRight', styles: rootLayoutStyle, tokens: videoGalleryLayoutGap },
-        /* @conditional-compile-remove(gallery-layouts) */ props.overflowGalleryPosition === 'horizontalTop' ? (overflowGallery) : (React.createElement(React.Fragment, null)),
-        screenShareComponent ? (screenShareComponent) : (React.createElement(GridLayout, { key: "grid-layout", styles: styles === null || styles === void 0 ? void 0 : styles.gridLayout }, gridTiles)),
-        overflowGalleryTrampoline(overflowGallery, 
-        /* @conditional-compile-remove(gallery-layouts) */ props.overflowGalleryPosition)));
-};
-const overflowGalleryTrampoline = (gallery, galleryPosition) => {
-    /* @conditional-compile-remove(gallery-layouts) */
-    return galleryPosition !== 'horizontalTop' ? gallery : React.createElement(React.Fragment, null);
-    return gallery;
-};
-/* @conditional-compile-remove(gallery-layouts) */
-const calculateMaxTilesInLargeGrid = (parentWidth, parentHeight) => {
-    const xAxisTiles = Math.floor(parentWidth / (VERTICAL_GALLERY_TILE_SIZE_REM.width * REM_TO_PIXEL));
-    const yAxisTiles = Math.floor(parentHeight / (VERTICAL_GALLERY_TILE_SIZE_REM.minHeight * REM_TO_PIXEL));
-    return xAxisTiles * yAxisTiles < LARGE_GALLERY_PARTICIPANT_CAP
-        ? xAxisTiles * yAxisTiles
-        : LARGE_GALLERY_PARTICIPANT_CAP;
-};
-//# sourceMappingURL=LargeGalleryLayout.js.map

package/dist/dist-esm/react-components/src/components/VideoGallery/LargeGalleryLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LargeGalleryLayout.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/VideoGallery/LargeGalleryLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { useMemo, useRef, useState } from 'react';\nimport { isNarrowWidth } from '../utils/responsive';\n/* @conditional-compile-remove(gallery-layouts) */\nimport { isShortHeight } from '../utils/responsive';\nimport { LayoutProps } from './Layout';\nimport { OverflowGallery } from './OverflowGallery';\nimport { GridLayout } from '../GridLayout';\nimport { Stack } from '@fluentui/react';\nimport { useOrganizedParticipants } from './utils/videoGalleryLayoutUtils';\nimport { rootLayoutStyle } from './styles/DefaultLayout.styles';\nimport { videoGalleryLayoutGap } from './styles/Layout.styles';\n/* @conditional-compile-remove(gallery-layouts) */\nimport { VERTICAL_GALLERY_TILE_SIZE_REM } from './styles/VideoGalleryResponsiveVerticalGallery.styles';\n\n/**\n * Props for {@link LargeGalleryLayout}.\n *\n * @private\n */\nexport type LargeGalleryProps = LayoutProps;\n\nconst DEFAULT_CHILDREN_PER_PAGE = 5;\n/* @conditional-compile-remove(gallery-layouts) */\nconst REM_TO_PIXEL = 16;\n/* @conditional-compile-remove(gallery-layouts) */\nconst LARGE_GALLERY_PARTICIPANT_CAP = 48;\n/**\n * VideoGallery Layout for when user is in a large meeting and wants to see more participants\n *\n * Caps the number of tiles that a participant can see in the grid to 49, Video and Audio.\n *\n * @private\n */\nexport const LargeGalleryLayout = (props: LargeGalleryProps): JSX.Element => {\n  const {\n    remoteParticipants = [],\n    localParticipant,\n    dominantSpeakers,\n    localVideoComponent,\n    screenShareComponent,\n    onRenderRemoteParticipant,\n    styles,\n    maxRemoteVideoStreams,\n    parentWidth,\n    /* @conditional-compile-remove(gallery-layouts) */ parentHeight,\n    pinnedParticipantUserIds = [],\n    /* @conditional-compile-remove(vertical-gallery) */ overflowGalleryPosition = 'horizontalBottom'\n  } = props;\n\n  const isNarrow = parentWidth ? isNarrowWidth(parentWidth) : false;\n  /* @conditional-compile-remove(gallery-layouts) */\n  const isShort = parentHeight ? isShortHeight(parentHeight) : false;\n\n  const maxStreamsTrampoline = (): number => {\n    /* @conditional-compile-remove(gallery-layouts) */\n    return parentWidth && parentHeight\n      ? calculateMaxTilesInLargeGrid(parentWidth, parentHeight)\n      : maxRemoteVideoStreams;\n    return maxRemoteVideoStreams;\n  };\n\n  // This is for tracking the number of children in the first page of overflow gallery.\n  // This number will be used for the maxOverflowGalleryDominantSpeakers when organizing the remote participants.\n  // We need to add the local participant to the pinned participant count so we are placing the speakers correctly.\n  const childrenPerPage = useRef(DEFAULT_CHILDREN_PER_PAGE);\n  const { gridParticipants, overflowGalleryParticipants } = useOrganizedParticipants({\n    remoteParticipants,\n    localParticipant,\n    dominantSpeakers,\n    maxRemoteVideoStreams: maxStreamsTrampoline(),\n    isScreenShareActive: !!screenShareComponent,\n    maxOverflowGalleryDominantSpeakers: screenShareComponent\n      ? childrenPerPage.current - ((pinnedParticipantUserIds.length + 1) % childrenPerPage.current)\n      : childrenPerPage.current,\n    /* @conditional-compile-remove(pinned-participants) */ pinnedParticipantUserIds,\n    /* @conditional-compile-remove(large-gallery) */ layout: 'largeGallery'\n  });\n  let activeVideoStreams = 0;\n\n  const gridTiles = gridParticipants.map((p) => {\n    return onRenderRemoteParticipant(\n      p,\n      maxRemoteVideoStreams && maxRemoteVideoStreams >= 0\n        ? p.videoStream?.isAvailable && activeVideoStreams++ < maxRemoteVideoStreams\n        : p.videoStream?.isAvailable\n    );\n  });\n\n  /**\n   * instantiate indexes available to render with indexes available that would be on first page\n   *\n   * For some components which do not strictly follow the order of the array, we might\n   * re-render the initial tiles -> dispose them -> create new tiles, we need to take care of\n   * this case when those components are here\n   */\n  const [indexesToRender, setIndexesToRender] = useState<number[]>([]);\n\n  const overflowGalleryTiles = overflowGalleryParticipants.map((p, i) => {\n    return onRenderRemoteParticipant(\n      p,\n      maxRemoteVideoStreams && maxRemoteVideoStreams >= 0\n        ? p.videoStream?.isAvailable && indexesToRender.includes(i) && activeVideoStreams++ < maxRemoteVideoStreams\n        : p.videoStream?.isAvailable\n    );\n  });\n\n  if (localVideoComponent) {\n    gridTiles.push(localVideoComponent);\n  }\n\n  const overflowGallery = useMemo(() => {\n    if (overflowGalleryTiles.length === 0) {\n      return null;\n    }\n    return (\n      <OverflowGallery\n        isNarrow={isNarrow}\n        /* @conditional-compile-remove(gallery-layouts) */\n        isShort={isShort}\n        shouldFloatLocalVideo={false}\n        overflowGalleryElements={overflowGalleryTiles}\n        horizontalGalleryStyles={styles?.horizontalGallery}\n        /* @conditional-compile-remove(vertical-gallery) */\n        verticalGalleryStyles={styles?.verticalGallery}\n        /* @conditional-compile-remove(vertical-gallery) */\n        overflowGalleryPosition={overflowGalleryPosition}\n        onFetchTilesToRender={setIndexesToRender}\n        onChildrenPerPageChange={(n: number) => {\n          childrenPerPage.current = n;\n        }}\n        parentWidth={parentWidth}\n      />\n    );\n  }, [\n    isNarrow,\n    /* @conditional-compile-remove(gallery-layouts) */ isShort,\n    overflowGalleryTiles,\n    styles?.horizontalGallery,\n    /* @conditional-compile-remove(vertical-gallery) */ overflowGalleryPosition,\n    setIndexesToRender,\n    /* @conditional-compile-remove(vertical-gallery) */ styles?.verticalGallery,\n    parentWidth\n  ]);\n\n  return (\n    <Stack\n      /* @conditional-compile-remove(vertical-gallery) */\n      horizontal={overflowGalleryPosition === 'verticalRight'}\n      styles={rootLayoutStyle}\n      tokens={videoGalleryLayoutGap}\n    >\n      {\n        /* @conditional-compile-remove(gallery-layouts) */ props.overflowGalleryPosition === 'horizontalTop' ? (\n          overflowGallery\n        ) : (\n          <></>\n        )\n      }\n      {screenShareComponent ? (\n        screenShareComponent\n      ) : (\n        <GridLayout key=\"grid-layout\" styles={styles?.gridLayout}>\n          {gridTiles}\n        </GridLayout>\n      )}\n      {overflowGalleryTrampoline(\n        overflowGallery,\n        /* @conditional-compile-remove(gallery-layouts) */ props.overflowGalleryPosition\n      )}\n    </Stack>\n  );\n};\n\nconst overflowGalleryTrampoline = (\n  gallery: JSX.Element | null,\n  galleryPosition?: 'horizontalBottom' | 'verticalRight' | 'horizontalTop'\n): JSX.Element | null => {\n  /* @conditional-compile-remove(gallery-layouts) */\n  return galleryPosition !== 'horizontalTop' ? gallery : <></>;\n  return gallery;\n};\n\n/* @conditional-compile-remove(gallery-layouts) */\nconst calculateMaxTilesInLargeGrid = (parentWidth: number, parentHeight: number): number => {\n  const xAxisTiles = Math.floor(parentWidth / (VERTICAL_GALLERY_TILE_SIZE_REM.width * REM_TO_PIXEL));\n  const yAxisTiles = Math.floor(parentHeight / (VERTICAL_GALLERY_TILE_SIZE_REM.minHeight * REM_TO_PIXEL));\n  return xAxisTiles * yAxisTiles < LARGE_GALLERY_PARTICIPANT_CAP\n    ? xAxisTiles * yAxisTiles\n    : LARGE_GALLERY_PARTICIPANT_CAP;\n};\n"]}

package/dist/dist-esm/react-components/src/types/SurveyIssues.d.ts

@@ -1,45 +0,0 @@
-/**
- * @beta
- * Corresponding texts to each call issue
- */
-export interface SurveyIssues {
-    overallRating: {
-        callCannotJoin: string;
-        callCannotInvite: string;
-        hadToRejoin: string;
-        callEndedUnexpectedly: string;
-        otherIssues: string;
-    };
-    audioRating: {
-        noLocalAudio: string;
-        noRemoteAudio: string;
-        echo: string;
-        audioNoise: string;
-        lowVolume: string;
-        audioStoppedUnexpectedly: string;
-        distortedSpeech: string;
-        audioInterruption: string;
-        otherIssues: string;
-    };
-    videoRating: {
-        noVideoReceived: string;
-        noVideoSent: string;
-        lowQuality: string;
-        freezes: string;
-        stoppedUnexpectedly: string;
-        darkVideoReceived: string;
-        audioVideoOutOfSync: string;
-        otherIssues: string;
-    };
-    screenshareRating: {
-        noContentLocal: string;
-        noContentRemote: string;
-        cannotPresent: string;
-        lowQuality: string;
-        freezes: string;
-        stoppedUnexpectedly: string;
-        largeDelay: string;
-        otherIssues: string;
-    };
-}
-//# sourceMappingURL=SurveyIssues.d.ts.map

package/dist/dist-esm/react-components/src/types/SurveyIssues.js

@@ -1,4 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-export {};
-//# sourceMappingURL=SurveyIssues.js.map

package/dist/dist-esm/react-components/src/types/SurveyIssues.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SurveyIssues.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/SurveyIssues.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * @beta\n * Corresponding texts to each call issue\n */\nexport interface SurveyIssues {\n  overallRating: {\n    callCannotJoin: string;\n    callCannotInvite: string;\n    hadToRejoin: string;\n    callEndedUnexpectedly: string;\n    otherIssues: string;\n  };\n  audioRating: {\n    noLocalAudio: string;\n    noRemoteAudio: string;\n    echo: string;\n    audioNoise: string;\n    lowVolume: string;\n    audioStoppedUnexpectedly: string;\n    distortedSpeech: string;\n    audioInterruption: string;\n    otherIssues: string;\n  };\n  videoRating: {\n    noVideoReceived: string;\n    noVideoSent: string;\n    lowQuality: string;\n    freezes: string;\n    stoppedUnexpectedly: string;\n    darkVideoReceived: string;\n    audioVideoOutOfSync: string;\n    otherIssues: string;\n  };\n  screenshareRating: {\n    noContentLocal: string;\n    noContentRemote: string;\n    cannotPresent: string;\n    lowQuality: string;\n    freezes: string;\n    stoppedUnexpectedly: string;\n    largeDelay: string;\n    otherIssues: string;\n  };\n}\n"]}

package/dist/dist-esm/react-components/src/types/SurveyIssuesHeadingStrings.d.ts

@@ -1,11 +0,0 @@
-/**
- * @beta
- * Corresponding texts to each call issue category
- */
-export interface SurveyIssuesHeadingStrings {
-    overallRating: string;
-    audioRating: string;
-    videoRating: string;
-    screenshareRating: string;
-}
-//# sourceMappingURL=SurveyIssuesHeadingStrings.d.ts.map

package/dist/dist-esm/react-components/src/types/SurveyIssuesHeadingStrings.js

@@ -1,4 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-export {};
-//# sourceMappingURL=SurveyIssuesHeadingStrings.js.map

package/dist/dist-esm/react-components/src/types/SurveyIssuesHeadingStrings.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SurveyIssuesHeadingStrings.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/SurveyIssuesHeadingStrings.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * @beta\n * Corresponding texts to each call issue category\n */\nexport interface SurveyIssuesHeadingStrings {\n  overallRating: string;\n  audioRating: string;\n  videoRating: string;\n  screenshareRating: string;\n}\n"]}