Azure
diff --git a/‎change-beta/@azure-communication-react-7d8aa15d-372b-426d-a2ed-a26d4b1cbd90.json‎
Lines changed: 9 additions & 0 deletions b/‎change-beta/@azure-communication-react-7d8aa15d-372b-426d-a2ed-a26d4b1cbd90.json‎
Lines changed: 9 additions & 0 deletions
diff --git a/‎change/@azure-communication-react-7d8aa15d-372b-426d-a2ed-a26d4b1cbd90.json‎
Lines changed: 9 additions & 0 deletions b/‎change/@azure-communication-react-7d8aa15d-372b-426d-a2ed-a26d4b1cbd90.json‎
Lines changed: 9 additions & 0 deletions
diff --git a/‎packages/calling-component-bindings/review/beta/calling-component-bindings.api.md‎
Lines changed: 1 addition & 2 deletions b/‎packages/calling-component-bindings/review/beta/calling-component-bindings.api.md‎
Lines changed: 1 addition & 2 deletions
diff --git a/‎packages/calling-component-bindings/src/handlers/createCommonHandlers.ts‎
Lines changed: 3 additions & 6 deletions b/‎packages/calling-component-bindings/src/handlers/createCommonHandlers.ts‎
Lines changed: 3 additions & 6 deletions
diff --git a/‎packages/communication-react/review/beta/communication-react.api.md‎
Lines changed: 94 additions & 4 deletions b/‎packages/communication-react/review/beta/communication-react.api.md‎
Lines changed: 94 additions & 4 deletions
diff --git a/‎packages/communication-react/src/index.ts‎
Lines changed: 4 additions & 0 deletions b/‎packages/communication-react/src/index.ts‎
Lines changed: 4 additions & 0 deletions
diff --git a/‎packages/react-components/review/beta/react-components.api.md‎
Lines changed: 99 additions & 0 deletions b/‎packages/react-components/review/beta/react-components.api.md‎
Lines changed: 99 additions & 0 deletions
diff --git a/‎packages/react-components/src/components/Survey/StarSurvey/StarSurvey.tsx‎
Lines changed: 1 addition & 1 deletion b/‎packages/react-components/src/components/Survey/StarSurvey/StarSurvey.tsx‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎…onents/Survey/StarSurvey/SurveyTypes.tsx‎ ‎…ts/src/components/Survey/SurveyTypes.tsx‎packages/react-components/src/components/Survey/StarSurvey/SurveyTypes.tsx renamed to packages/react-components/src/components/Survey/SurveyTypes.tsx b/‎…onents/Survey/StarSurvey/SurveyTypes.tsx‎ ‎…ts/src/components/Survey/SurveyTypes.tsx‎packages/react-components/src/components/Survey/StarSurvey/SurveyTypes.tsx renamed to packages/react-components/src/components/Survey/SurveyTypes.tsx
diff --git a/‎packages/react-components/src/components/Survey/TagsSurvey/TagsSurvey.styles.ts‎
Lines changed: 35 additions & 0 deletions b/‎packages/react-components/src/components/Survey/TagsSurvey/TagsSurvey.styles.ts‎
Lines changed: 35 additions & 0 deletions
@@ -0,0 +1,9 @@
+{
+  "type": "prerelease",
+  "area": "feature",
+  "workstream": "End of call survey",
+  "comment": "Tag survey component",
+  "packageName": "@azure/communication-react",
+  "email": "96077406+carocao-msft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
@@ -0,0 +1,9 @@
+{
+  "type": "prerelease",
+  "area": "feature",
+  "workstream": "End of call survey",
+  "comment": "Tag survey component",
+  "packageName": "@azure/communication-react",
+  "email": "96077406+carocao-msft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
@@ -49,7 +49,6 @@ import { ScreenShareButton } from '@internal/react-components';
 import { StartCallOptions } from '@azure/communication-calling';
 import { StatefulCallClient } from '@internal/calling-stateful-client';
 import { StatefulDeviceManager } from '@internal/calling-stateful-client';
-import { SubmitSurveyOptions } from '@azure/communication-calling';
 import { TeamsCall } from '@azure/communication-calling';
 import { TeamsCallAgent } from '@azure/communication-calling';
 import { VideoDeviceInfo } from '@azure/communication-calling';
@@ -205,7 +204,7 @@ export interface CommonCallingHandlers {
     // (undocumented)
     onStopScreenShare: () => Promise<void>;
     // (undocumented)
-    onSubmitSurvey(survey: CallSurvey, options?: SubmitSurveyOptions): Promise<CallSurveyResponse | undefined>;
+    onSubmitSurvey(survey: CallSurvey): Promise<CallSurveyResponse | undefined>;
     // (undocumented)
     onToggleCamera: (options?: VideoStreamOptions) => Promise<void>;
     // (undocumented)
 
@@ -13,7 +13,7 @@ import {
   BackgroundReplacementConfig
 } from '@azure/communication-calling';
 /* @conditional-compile-remove(end-of-call-survey) */
-import { CallSurvey, SubmitSurveyOptions, CallSurveyResponse } from '@azure/communication-calling';
+import { CallSurvey, CallSurveyResponse } from '@azure/communication-calling';
 /* @conditional-compile-remove(dialpad) */ /* @conditional-compile-remove(PSTN-calls) */
 import { DtmfTone, AddPhoneNumberOptions } from '@azure/communication-calling';
 /* @conditional-compile-remove(teams-identity-support) */
@@ -99,7 +99,7 @@ export interface CommonCallingHandlers {
   /* @conditional-compile-remove(close-captions) */
   onSetCaptionLanguage: (language: string) => Promise<void>;
   /* @conditional-compile-remove(end-of-call-survey) */
-  onSubmitSurvey(survey: CallSurvey, options?: SubmitSurveyOptions): Promise<CallSurveyResponse | undefined>;
+  onSubmitSurvey(survey: CallSurvey): Promise<CallSurveyResponse | undefined>;
 }
 
 /**
@@ -561,10 +561,7 @@ export const createDefaultCommonCallingHandlers = memoizeOne(
       await captionsFeature.setCaptionLanguage(language);
     };
     /* @conditional-compile-remove(end-of-call-survey) */
-    const onSubmitSurvey = async (
-      survey: CallSurvey,
-      options?: SubmitSurveyOptions
-    ): Promise<CallSurveyResponse | undefined> =>
+    const onSubmitSurvey = async (survey: CallSurvey): Promise<CallSurveyResponse | undefined> =>
       await call?.feature(Features.CallSurvey).submitSurvey(survey, options);
 
     return {
 
@@ -83,7 +83,6 @@ import { ScalingMode } from '@azure/communication-calling';
 import { SendMessageOptions } from '@azure/communication-chat';
 import { StartCallOptions } from '@azure/communication-calling';
 import { StartCaptionsOptions } from '@azure/communication-calling';
-import { SubmitSurveyOptions } from '@azure/communication-calling';
 import { SyntheticEvent } from 'react';
 import { TeamsCall } from '@azure/communication-calling';
 import { TeamsCallAgent } from '@azure/communication-calling';
@@ -362,7 +361,7 @@ export interface CallAdapterCallOperations {
     stopScreenShare(): Promise<void>;
     stopVideoBackgroundEffects(): Promise<void>;
     // @beta
-    submitSurvey(survey: CallSurvey, options?: SubmitSurveyOptions): Promise<CallSurveyResponse | undefined>;
+    submitSurvey(survey: CallSurvey): Promise<CallSurveyResponse | undefined>;
     unmute(): Promise<void>;
     updateBackgroundPickerImages(backgroundImages: VideoBackgroundImage[]): void;
     updateSelectedVideoBackgroundEffect(selectedVideoBackground: VideoBackgroundEffect): void;
@@ -603,6 +602,15 @@ export type CallCompositeOptions = {
     galleryOptions?: {
         layout?: VideoGalleryLayout;
     };
+    surveyOptions?: {
+        hideSurvey?: boolean;
+        onSurveySubmitted?: (callId: string, surveyId: string,
+        submittedSurvey: CallSurvey,
+        improvementSuggestions: {
+            category: 'audio' | 'video' | 'screenshare';
+            suggestion: string;
+        }[]) => Promise<void>;
+    };
     branding?: {
         logo?: {
             url: string;
@@ -753,11 +761,26 @@ export interface CallCompositeStrings {
     selectedPeopleButtonLabel: string;
     soundLabel: string;
     spokenLanguageStrings?: SpokenLanguageStrings;
+    starRatingAriaLabel: string;
+    starSurveyFiveStarText: string;
+    starSurveyFourStarText: string;
+    starSurveyHelperText: string;
+    starSurveyOneStarText: string;
+    starSurveyThreeStarText: string;
+    starSurveyTwoStarText: string;
     startCallButtonLabel: string;
     startCaptionsButtonOffLabel?: string;
     startCaptionsButtonOnLabel?: string;
     startCaptionsButtonTooltipOffContent?: string;
     startCaptionsButtonTooltipOnContent?: string;
+    surveyCancelButtonAriaLabel: string;
+    surveyCategories: SurveyCategories;
+    surveyConfirmButtonLabel: string;
+    surveyIssues: SurveyIssues;
+    surveyQuestion: string;
+    surveyTextboxDefaultText: string;
+    tagsSurveyHelperText: string;
+    tagsSurveyQuestion: string;
     threeParticipantJoinedNoticeString: string;
     threeParticipantLeftNoticeString: string;
     transferPageNoticeString: string;
@@ -983,7 +1006,7 @@ export interface CallWithChatAdapterManagement {
     stopScreenShare(): Promise<void>;
     stopVideoBackgroundEffects(): Promise<void>;
     // @beta
-    submitSurvey(survey: CallSurvey, options?: SubmitSurveyOptions): Promise<CallSurveyResponse | undefined>;
+    submitSurvey(survey: CallSurvey): Promise<CallSurveyResponse | undefined>;
     unmute(): Promise<void>;
     updateBackgroundPickerImages(backgroundImages: VideoBackgroundImage[]): void;
     // @beta (undocumented)
@@ -1213,6 +1236,15 @@ export type CallWithChatCompositeOptions = {
     galleryOptions?: {
         layout?: VideoGalleryLayout;
     };
+    surveyOptions?: {
+        hideSurvey?: boolean;
+        onSurveySubmitted?: (callId: string, surveyId: string,
+        submittedSurvey: CallSurvey,
+        improvementSuggestions: {
+            category: 'audio' | 'video' | 'screenshare';
+            suggestion: string;
+        }[]) => Promise<void>;
+    };
     branding?: {
         logo?: {
             url: string;
@@ -1866,7 +1898,7 @@ export interface CommonCallingHandlers {
     // (undocumented)
     onStopScreenShare: () => Promise<void>;
     // (undocumented)
-    onSubmitSurvey(survey: CallSurvey, options?: SubmitSurveyOptions): Promise<CallSurveyResponse | undefined>;
+    onSubmitSurvey(survey: CallSurvey): Promise<CallSurveyResponse | undefined>;
     // (undocumented)
     onToggleCamera: (options?: VideoStreamOptions) => Promise<void>;
     // (undocumented)
@@ -3862,6 +3894,64 @@ export interface StreamMediaProps {
     videoStreamElement: HTMLElement | null;
 }
 
+// @beta
+export interface SurveyCategories {
+    // (undocumented)
+    audioRating: string;
+    // (undocumented)
+    overallRating: string;
+    // (undocumented)
+    screenshareRating: string;
+    // (undocumented)
+    videoRating: string;
+}
+
+// @beta
+export interface SurveyIssues {
+    // (undocumented)
+    audioRating: {
+        noLocalAudio: string;
+        noRemoteAudio: string;
+        echo: string;
+        audioNoise: string;
+        lowVolume: string;
+        audioStoppedUnexpectedly: string;
+        distortedSpeech: string;
+        audioInterruption: string;
+        otherIssues: string;
+    };
+    // (undocumented)
+    overallRating: {
+        callCannotJoin: string;
+        callCannotInvite: string;
+        hadToRejoin: string;
+        callEndedUnexpectedly: string;
+        otherIssues: string;
+    };
+    // (undocumented)
+    screenshareRating: {
+        noContentLocal: string;
+        noContentRemote: string;
+        cannotPresent: string;
+        lowQuality: string;
+        freezes: string;
+        stoppedUnexpectedly: string;
+        largeDelay: string;
+        otherIssues: string;
+    };
+    // (undocumented)
+    videoRating: {
+        noVideoReceived: string;
+        noVideoSent: string;
+        lowQuality: string;
+        freezes: string;
+        stoppedUnexpectedly: string;
+        darkVideoReceived: string;
+        audioVideoOutOfSync: string;
+        otherIssues: string;
+    };
+}
+
 // @public
 export type SystemMessage = ParticipantAddedSystemMessage | ParticipantRemovedSystemMessage | TopicUpdatedSystemMessage | ContentSystemMessage;
 
 
@@ -376,3 +376,7 @@ export type {
 } from '../../react-components/src';
 /* @conditional-compile-remove(close-captions) */
 export type { SpokenLanguageStrings, CaptionLanguageStrings } from '../../react-components/src';
+/* @conditional-compile-remove(end-of-call-survey) */
+export type { SurveyIssues } from '../../react-components/src';
+/* @conditional-compile-remove(end-of-call-survey) */
+export type { SurveyCategories } from '../../react-components/src';
@@ -1337,6 +1337,9 @@ export interface InlineImageMetadata {
     url: string;
 }
 
+// @internal
+export type _IssueCategory = 'overallRating' | 'audioRating' | 'videoRating' | 'screenshareRating';
+
 // @public
 export interface JumpToNewMessageButtonProps {
     onClick: () => void;
@@ -2182,6 +2185,84 @@ export interface StreamMediaProps {
     videoStreamElement: HTMLElement | null;
 }
 
+// @beta
+export interface SurveyCategories {
+    // (undocumented)
+    audioRating: string;
+    // (undocumented)
+    overallRating: string;
+    // (undocumented)
+    screenshareRating: string;
+    // (undocumented)
+    videoRating: string;
+}
+
+// @beta
+export interface SurveyIssues {
+    // (undocumented)
+    audioRating: {
+        noLocalAudio: string;
+        noRemoteAudio: string;
+        echo: string;
+        audioNoise: string;
+        lowVolume: string;
+        audioStoppedUnexpectedly: string;
+        distortedSpeech: string;
+        audioInterruption: string;
+        otherIssues: string;
+    };
+    // (undocumented)
+    overallRating: {
+        callCannotJoin: string;
+        callCannotInvite: string;
+        hadToRejoin: string;
+        callEndedUnexpectedly: string;
+        otherIssues: string;
+    };
+    // (undocumented)
+    screenshareRating: {
+        noContentLocal: string;
+        noContentRemote: string;
+        cannotPresent: string;
+        lowQuality: string;
+        freezes: string;
+        stoppedUnexpectedly: string;
+        largeDelay: string;
+        otherIssues: string;
+    };
+    // (undocumented)
+    videoRating: {
+        noVideoReceived: string;
+        noVideoSent: string;
+        lowQuality: string;
+        freezes: string;
+        stoppedUnexpectedly: string;
+        darkVideoReceived: string;
+        audioVideoOutOfSync: string;
+        otherIssues: string;
+    };
+}
+
+// @public
+export interface SurveyIssuesHeadingStrings {
+    // (undocumented)
+    audioRating: string;
+    // (undocumented)
+    overallRating: string;
+    // (undocumented)
+    screenshareRating: string;
+    // (undocumented)
+    videoRating: string;
+}
+
+// @internal
+export type _SurveyTag = {
+    [issueCategory: string]: {
+        message: string;
+        issue: _AudioIssue | _OverallIssue | _ScreenshareIssue | _VideoIssue;
+    }[];
+};
+
 // @public
 export type SystemMessage = ParticipantAddedSystemMessage | ParticipantRemovedSystemMessage | TopicUpdatedSystemMessage | ContentSystemMessage;
 
@@ -2193,6 +2274,24 @@ export interface SystemMessageCommon extends MessageCommon {
     messageType: 'system';
 }
 
+// @internal
+export const _TagsSurvey: (props: _TagsSurveyProps) => JSX.Element;
+
+// @internal
+export interface _TagsSurveyProps {
+    callIssuesToTag: SurveyIssues;
+    categoryHeadings: SurveyIssuesHeadingStrings;
+    issues: (_AudioIssue | _OverallIssue | _ScreenshareIssue | _VideoIssue)[];
+    onConfirm?: (selectedTags: _CallSurvey) => void;
+    strings?: _TagsSurveyStrings;
+}
+
+// @internal
+export interface _TagsSurveyStrings {
+    tagsSurveyHelperText?: string;
+    tagsSurveyQuestion?: string;
+}
+
 // @internal (undocumented)
 export type _TileOrientation = 'portrait' | 'landscape';
 
 
@@ -6,7 +6,7 @@ import { Text, useTheme, Stack } from '@fluentui/react';
 import { Rating, RatingSize } from '@fluentui/react';
 import { _formatString, _pxToRem } from '@internal/acs-ui-common';
 import { helperTextStyle, ratingStyles, titleContainerClassName } from './StarSurvey.styles';
-import { _CallSurvey, _CallSurveyResponse } from './SurveyTypes';
+import { _CallSurvey, _CallSurveyResponse } from '../SurveyTypes';
 /**
  * Strings of {@link StarSurvey} that can be overridden.
  *
 
@@ -0,0 +1,35 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+import { Theme, mergeStyles } from '@fluentui/react';
+import { _pxToRem } from '@internal/acs-ui-common';
+
+/**
+ * @private
+ */
+export const questionTextStyle = (theme: Theme): string =>
+  mergeStyles({
+    fontWeight: 600,
+    fontSize: _pxToRem(14),
+    lineHeight: _pxToRem(20),
+    color: theme.palette.neutralPrimary,
+    paddingTop: _pxToRem(20)
+  });
+
+/**
+ * @private
+ */
+export const helperTextStyle = (theme: Theme): string =>
+  mergeStyles({
+    fontWeight: 400,
+    fontSize: _pxToRem(12),
+    lineHeight: _pxToRem(16),
+    color: theme.palette.neutralPrimary
+  });
+
+/**
+ * @private
+ */
+export const checkboxClassName = mergeStyles({
+  padding: _pxToRem(8)
+});
Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@ import { Text, useTheme, Stack } from '@fluentui/react';`
`6`	`6`	`import { Rating, RatingSize } from '@fluentui/react';`
`7`	`7`	`import { _formatString, _pxToRem } from '@internal/acs-ui-common';`
`8`	`8`	`import { helperTextStyle, ratingStyles, titleContainerClassName } from './StarSurvey.styles';`
`9`		`-import { _CallSurvey, _CallSurveyResponse } from './SurveyTypes';`
	`9`	`+import { _CallSurvey, _CallSurveyResponse } from '../SurveyTypes';`
`10`	`10`	`/**`
`11`	`11`	`* Strings of {@link StarSurvey} that can be overridden.`
`12`	`12`	`*`