Azure
diff --git a/‎change-beta/@azure-communication-react-75263f09-7068-4ead-b450-b9f033bcc0c7.json‎
Lines changed: 9 additions & 0 deletions b/‎change-beta/@azure-communication-react-75263f09-7068-4ead-b450-b9f033bcc0c7.json‎
Lines changed: 9 additions & 0 deletions
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-75263f09-7068-4ead-b450-b9f033bcc0c7.json‎
Lines changed: 9 additions & 0 deletions b/‎change/@azure-communication-react-75263f09-7068-4ead-b450-b9f033bcc0c7.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/‎common/config/babel/features.js‎
Lines changed: 6 additions & 2 deletions b/‎common/config/babel/features.js‎
Lines changed: 6 additions & 2 deletions
diff --git a/‎packages/calling-component-bindings/review/beta/calling-component-bindings.api.md‎
Lines changed: 4 additions & 0 deletions b/‎packages/calling-component-bindings/review/beta/calling-component-bindings.api.md‎
Lines changed: 4 additions & 0 deletions
diff --git a/‎packages/calling-component-bindings/src/handlers/createCommonHandlers.ts‎
Lines changed: 10 additions & 1 deletion b/‎packages/calling-component-bindings/src/handlers/createCommonHandlers.ts‎
Lines changed: 10 additions & 1 deletion
diff --git a/‎packages/communication-react/review/beta/communication-react.api.md‎
Lines changed: 103 additions & 0 deletions b/‎packages/communication-react/review/beta/communication-react.api.md‎
Lines changed: 103 additions & 0 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
@@ -0,0 +1,9 @@
+{
+  "type": "prerelease",
+  "area": "feature",
+  "workstream": "Star Survey Component",
+  "comment": "star survey",
+  "packageName": "@azure/communication-react",
+  "email": "carolinecao@microsoft.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"
+}
@@ -0,0 +1,9 @@
+{
+  "type": "prerelease",
+  "area": "feature",
+  "workstream": "Star Survey Component",
+  "comment": "star survey",
+  "packageName": "@azure/communication-react",
+  "email": "carolinecao@microsoft.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"
+}
@@ -79,7 +79,9 @@ module.exports = {
     // custom branding for the composites
     "custom-branding",
     // Feature for sounds during different calling events
-    "calling-sounds"
+    "calling-sounds",
+    // Feature for end of call survey
+    'end-of-call-survey'
   ],
   // A list of in progress beta feature.
   // These features are still beta feature but "in progress"
@@ -100,7 +102,9 @@ module.exports = {
     // custom branding for the composites
     "custom-branding",
     // Feature for sounds during different calling events
-    "calling-sounds"
+    "calling-sounds",
+    // Feature for end of call survey
+    'end-of-call-survey'
   ],
   // A list of stabilized features.
   // These features can be listed in the conditional compilation directives without
 
@@ -19,6 +19,8 @@ import { CallAgent } from '@azure/communication-calling';
 import { CallClientState } from '@internal/calling-stateful-client';
 import { CallParticipantListParticipant } from '@internal/react-components';
 import { CallState } from '@azure/communication-calling';
+import { CallSurvey } from '@azure/communication-calling';
+import { CallSurveyResponse } from '@azure/communication-calling';
 import { CameraButton } from '@internal/react-components';
 import { _CaptionsInfo } from '@internal/react-components';
 import { Common } from '@internal/acs-ui-common';
@@ -202,6 +204,8 @@ export interface CommonCallingHandlers {
     // (undocumented)
     onStopScreenShare: () => Promise<void>;
     // (undocumented)
+    onSubmitSurvey(survey: CallSurvey): Promise<CallSurveyResponse | undefined>;
+    // (undocumented)
     onToggleCamera: (options?: VideoStreamOptions) => Promise<void>;
     // (undocumented)
     onToggleHold: () => Promise<void>;
 
@@ -12,6 +12,8 @@ import {
   BackgroundBlurConfig,
   BackgroundReplacementConfig
 } from '@azure/communication-calling';
+/* @conditional-compile-remove(end-of-call-survey) */
+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) */
@@ -96,6 +98,8 @@ export interface CommonCallingHandlers {
   onSetSpokenLanguage: (language: string) => Promise<void>;
   /* @conditional-compile-remove(close-captions) */
   onSetCaptionLanguage: (language: string) => Promise<void>;
+  /* @conditional-compile-remove(end-of-call-survey) */
+  onSubmitSurvey(survey: CallSurvey): Promise<CallSurveyResponse | undefined>;
 }
 
 /**
@@ -567,6 +571,9 @@ export const createDefaultCommonCallingHandlers = memoizeOne(
       const captionsFeature = call?.feature(Features.Captions).captions as TeamsCaptions;
       await captionsFeature.setCaptionLanguage(language);
     };
+    /* @conditional-compile-remove(end-of-call-survey) */
+    const onSubmitSurvey = async (survey: CallSurvey): Promise<CallSurveyResponse | undefined> =>
+      await call?.feature(Features.CallSurvey).submitSurvey(survey, options);
 
     return {
       onHangUp,
@@ -613,7 +620,9 @@ export const createDefaultCommonCallingHandlers = memoizeOne(
       /* @conditional-compile-remove(close-captions) */
       onSetCaptionLanguage,
       /* @conditional-compile-remove(close-captions) */
-      onSetSpokenLanguage
+      onSetSpokenLanguage,
+      /* @conditional-compile-remove(end-of-call-survey) */
+      onSubmitSurvey
     };
   }
 );
@@ -21,6 +21,8 @@ import { CallEndReason } from '@azure/communication-calling';
 import { CallerInfo } from '@azure/communication-calling';
 import { CallKind } from '@azure/communication-calling';
 import { CallState as CallState_2 } from '@azure/communication-calling';
+import { CallSurvey } from '@azure/communication-calling';
+import { CallSurveyResponse } from '@azure/communication-calling';
 import { CapabilitiesChangeInfo } from '@azure/communication-calling';
 import { CaptionsResultType } from '@azure/communication-calling';
 import { ChatClient } from '@azure/communication-chat';
@@ -358,6 +360,8 @@ export interface CallAdapterCallOperations {
     stopCaptions(): Promise<void>;
     stopScreenShare(): Promise<void>;
     stopVideoBackgroundEffects(): Promise<void>;
+    // @beta
+    submitSurvey(survey: CallSurvey): Promise<CallSurveyResponse | undefined>;
     unmute(): Promise<void>;
     updateBackgroundPickerImages(backgroundImages: VideoBackgroundImage[]): void;
     updateSelectedVideoBackgroundEffect(selectedVideoBackground: VideoBackgroundEffect): void;
@@ -598,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;
@@ -748,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;
+    surveyConfirmButtonLabel: string;
+    surveyIssues: SurveyIssues;
+    SurveyIssuesHeadingStrings: SurveyIssuesHeadingStrings;
+    surveyQuestion: string;
+    surveyTextboxDefaultText: string;
+    tagsSurveyHelperText: string;
+    tagsSurveyQuestion: string;
     threeParticipantJoinedNoticeString: string;
     threeParticipantLeftNoticeString: string;
     transferPageNoticeString: string;
@@ -977,6 +1005,8 @@ export interface CallWithChatAdapterManagement {
     stopCaptions(): Promise<void>;
     stopScreenShare(): Promise<void>;
     stopVideoBackgroundEffects(): Promise<void>;
+    // @beta
+    submitSurvey(survey: CallSurvey): Promise<CallSurveyResponse | undefined>;
     unmute(): Promise<void>;
     updateBackgroundPickerImages(backgroundImages: VideoBackgroundImage[]): void;
     // @beta (undocumented)
@@ -1206,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;
@@ -1859,6 +1898,8 @@ export interface CommonCallingHandlers {
     // (undocumented)
     onStopScreenShare: () => Promise<void>;
     // (undocumented)
+    onSubmitSurvey(survey: CallSurvey): Promise<CallSurveyResponse | undefined>;
+    // (undocumented)
     onToggleCamera: (options?: VideoStreamOptions) => Promise<void>;
     // (undocumented)
     onToggleHold: () => Promise<void>;
@@ -2353,6 +2394,8 @@ export const DEFAULT_COMPONENT_ICONS: {
     ContextMenuCameraIcon: React_2.JSX.Element;
     ContextMenuMicIcon: React_2.JSX.Element;
     ContextMenuSpeakerIcon: React_2.JSX.Element;
+    SurveyStarIcon: React_2.JSX.Element;
+    SurveyStarIconFilled: React_2.JSX.Element;
 };
 
 // @public
@@ -2487,6 +2530,8 @@ export const DEFAULT_COMPOSITE_ICONS: {
     ContextMenuCameraIcon: React_2.JSX.Element;
     ContextMenuMicIcon: React_2.JSX.Element;
     ContextMenuSpeakerIcon: React_2.JSX.Element;
+    SurveyStarIcon: React_2.JSX.Element;
+    SurveyStarIconFilled: React_2.JSX.Element;
 };
 
 // @beta
@@ -3851,6 +3896,64 @@ export interface StreamMediaProps {
     videoStreamElement: HTMLElement | null;
 }
 
+// @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;
+    };
+}
+
+// @beta
+export interface SurveyIssuesHeadingStrings {
+    // (undocumented)
+    audioRating: string;
+    // (undocumented)
+    overallRating: string;
+    // (undocumented)
+    screenshareRating: string;
+    // (undocumented)
+    videoRating: 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 { SurveyIssuesHeadingStrings } from '../../react-components/src';