@azure/communication-react 1.11.0-alpha-202312120013 → 1.11.0-alpha-202312150013

package/dist/dist-cjs/communication-react/index.js

@@ -170,7 +170,7 @@ function getDefaultExportFromCjs (x) {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.11.0-alpha-202312120013';
+var telemetryVersion = '1.11.0-alpha-202312150013';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -793,38 +793,47 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
     });
     const onToggleCamera = (options) => __awaiter$L(void 0, void 0, void 0, function* () {
         const previewOn = _isPreviewOn(callClient.getState().deviceManager);
-        if (previewOn && call && call.state === 'Connecting') {
-            // This is to workaround: https://skype.visualstudio.com/SPOOL/_workitems/edit/3030558.
-            // The root cause of the issue is caused by never transitioning the unparented view to the
-            // call object when going from configuration page (disconnected call state) to connecting.
-            //
-            // Currently the only time the local video stream is moved from unparented view to the call
-            // object is when we transition from connecting -> call state. If the camera was on,
-            // inside the MediaGallery we trigger toggleCamera. This triggers onStartLocalVideo which
-            // destroys the unparentedView and creates a new stream in the call - so all looks well.
-            //
-            // However, if someone turns off their camera during the lobbyOrConnecting screen, the
-            // call.localVideoStreams will be empty (as the stream is currently stored in the unparented
-            // views and was never transitioned to the call object) and thus we incorrectly try to create
-            // a new video stream for the call object, instead of only stopping the unparented view.
-            //
-            // The correct fix for this is to ensure that callAgent.onStartCall is called with the
-            // localvideostream as a videoOption. That will mean call.onLocalVideoStreamsUpdated will
-            // be triggered when the call is in connecting state, which we can then transition the
-            // local video stream to the stateful call client and get into a clean state.
-            yield onDisposeLocalStreamView();
-            return;
-        }
+        // the disposal of the unparented views is to workaround: https://skype.visualstudio.com/SPOOL/_workitems/edit/3030558.
+        // The root cause of the issue is caused by never transitioning the unparented view to the
+        // call object when going from configuration page (disconnected call state) to connecting.
+        //
+        // Currently the only time the local video stream is moved from unparented view to the call
+        // object is when we transition from connecting -> call state. If the camera was on,
+        // inside the MediaGallery we trigger toggleCamera. This triggers onStartLocalVideo which
+        // destroys the unparentedView and creates a new stream in the call - so all looks well.
+        //
+        // However, if someone turns off their camera during the lobbyOrConnecting screen, the
+        // call.localVideoStreams will be empty (as the stream is currently stored in the unparented
+        // views and was never transitioned to the call object) and thus we incorrectly try to create
+        // a new video stream for the call object, instead of only stopping the unparented view.
+        //
+        // The correct fix for this is to ensure that callAgent.onStartCall is called with the
+        // localvideostream as a videoOption. That will mean call.onLocalVideoStreamsUpdated will
+        // be triggered when the call is in connecting state, which we can then transition the
+        // local video stream to the stateful call client and get into a clean state.
         if (call && (_isInCall(call.state) || _isInLobbyOrConnecting(call.state))) {
             const stream = call.localVideoStreams.find((stream) => stream.mediaStreamType === 'Video');
-            if (stream) {
-                yield onStopLocalVideo(stream);
+            const unparentedViews = callClient.getState().deviceManager.unparentedViews;
+            if (stream || unparentedViews.length > 0) {
+                unparentedViews &&
+                    (yield unparentedViews.forEach((view) => view.mediaStreamType === 'Video' && callClient.disposeView(undefined, undefined, view)));
+                stream && (yield onStopLocalVideo(stream));
             }
             else {
                 yield onStartLocalVideo();
             }
         }
         else {
+            /**
+             * This will create a unparented view to be used on the configuration page and the connecting screen
+             *
+             * If the device that the stream will come from is not on from permissions checks, then it will take time
+             * to create the stream since device is off. If we are turn the camera on immedietly on the configuration page we see it is
+             * fast but that is because the device is already primed to return a stream.
+             *
+             * On the connecting page the device has already turned off and the connecting window is so small we do not see the resulting
+             * unparented view from the code below.
+             */
             const selectedCamera = callClient.getState().deviceManager.selectedCamera;
             if (selectedCamera) {
                 if (previewOn) {
@@ -891,7 +900,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
         }
     });
     const onToggleMicrophone = () => __awaiter$L(void 0, void 0, void 0, function* () {
-        if (!call || !_isInCall(call.state)) {
+        if (!call || !(_isInCall(call.state) || _isInLobbyOrConnecting(call.state))) {
             throw new Error(`Please invoke onToggleMicrophone after call is started`);
         }
         return call.isMuted ? yield call.unmute() : yield call.mute();
@@ -1088,6 +1097,8 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
         const captionsFeature = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Captions).captions;
         yield captionsFeature.setCaptionLanguage(language);
     });
+    /* @conditional-compile-remove(end-of-call-survey) */
+    const onSubmitSurvey = (survey) => __awaiter$L(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.CallSurvey).submitSurvey(survey, options)); });
     return {
         onHangUp,
         /* @conditional-compile-remove(PSTN-calls) */
@@ -1133,7 +1144,9 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
         /* @conditional-compile-remove(close-captions) */
         onSetCaptionLanguage,
         /* @conditional-compile-remove(close-captions) */
-        onSetSpokenLanguage
+        onSetSpokenLanguage,
+        /* @conditional-compile-remove(end-of-call-survey) */
+        onSubmitSurvey
     };
 });
 
@@ -6283,7 +6296,11 @@ const DEFAULT_COMPONENT_ICONS = {
     ChangeCaptionLanguageIcon: React.createElement(reactIcons.Translate20Regular, null),
     ContextMenuCameraIcon: React.createElement(reactIcons.Video20Regular, null),
     ContextMenuMicIcon: React.createElement(reactIcons.Mic20Regular, null),
-    ContextMenuSpeakerIcon: React.createElement(reactIcons.Speaker220Regular, null)
+    ContextMenuSpeakerIcon: React.createElement(reactIcons.Speaker220Regular, null),
+    /* @conditional-compile-remove(end-of-call-survey) */
+    SurveyStarIcon: React.createElement(reactIcons.Star28Regular, null),
+    /* @conditional-compile-remove(end-of-call-survey) */
+    SurveyStarIconFilled: React.createElement(reactIcons.Star28Filled, null)
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -9012,11 +9029,20 @@ const useChatMessageStyles = reactComponents.makeStyles({
         }, '& msft-mention': {
             color: reactComponents.tokens.colorStatusWarningBackground3,
             fontWeight: reactComponents.tokens.fontWeightSemibold
-        }, '& img[src=""]': {
+        }, '& img': {
+            maxWidth: '100% !important', // Add !important to make sure it won't be overridden by style defined in element
+            height: 'auto !important'
+        }, '& video': {
+            maxWidth: '100% !important', // Add !important to make sure it won't be overridden by style defined in element
+            height: 'auto !important'
+        }, '& p': Object.assign({}, reactComponents.shorthands.marginBlock('0.125rem')), '& blockquote': Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ backgroundColor: reactComponents.tokens.colorBrandBackgroundInverted, clear: 'left', minHeight: '2.25rem', width: 'fit-content', marginTop: '7px', marginRight: '0px', marginLeft: '0px', marginBottom: '7px', paddingTop: '7px', paddingRight: '15px', paddingLeft: '15px', paddingBottom: '7px' }, reactComponents.shorthands.border('solid')), reactComponents.shorthands.borderRadius('4px')), reactComponents.shorthands.borderWidth('1px')), reactComponents.shorthands.borderColor(reactComponents.tokens.colorNeutralStroke1Selected)), { borderLeftWidth: '4px' }), '& table': Object.assign(Object.assign({ backgroundColor: reactComponents.tokens.colorBrandBackgroundInverted }, reactComponents.shorthands.borderColor(reactComponents.tokens.colorNeutralStroke1Selected)), { borderCollapse: 'collapse', tableLayout: 'auto', width: '100%', '& tr': Object.assign(Object.assign({}, reactComponents.shorthands.border('1px', 'solid', `${reactComponents.tokens.colorNeutralStroke1Selected}`)), { '& td': Object.assign(Object.assign({}, reactComponents.shorthands.border('1px', 'solid', `${reactComponents.tokens.colorNeutralStroke1Selected}`)), { wordBreak: 'normal', paddingTop: '0px', paddingRight: '5px' }) }) }) }),
+    bodyWithPlaceholderImage: {
+        '& img[src=""]': {
             display: 'block',
             position: 'relative',
             marginBottom: '5px'
-        }, '& img[src=""]:after': {
+        },
+        '& img[src=""]:after': {
             backgroundColor: reactComponents.tokens.colorNeutralBackground1Selected,
             content: `url("data:image/gif;base64,R0lGODlhAQABAAAAACw=")`,
             backgroundSize: 'center',
@@ -9026,13 +9052,8 @@ const useChatMessageStyles = reactComponents.makeStyles({
             top: '0',
             left: '0',
             display: 'block'
-        }, '& img': {
-            maxWidth: '100% !important', // Add !important to make sure it won't be overridden by style defined in element
-            height: 'auto !important'
-        }, '& video': {
-            maxWidth: '100% !important', // Add !important to make sure it won't be overridden by style defined in element
-            height: 'auto !important'
-        }, '& p': Object.assign({}, reactComponents.shorthands.marginBlock('0.125rem')), '& blockquote': Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ backgroundColor: reactComponents.tokens.colorBrandBackgroundInverted, clear: 'left', minHeight: '2.25rem', width: 'fit-content', marginTop: '7px', marginRight: '0px', marginLeft: '0px', marginBottom: '7px', paddingTop: '7px', paddingRight: '15px', paddingLeft: '15px', paddingBottom: '7px' }, reactComponents.shorthands.border('solid')), reactComponents.shorthands.borderRadius('4px')), reactComponents.shorthands.borderWidth('1px')), reactComponents.shorthands.borderColor(reactComponents.tokens.colorNeutralStroke1Selected)), { borderLeftWidth: '4px' }), '& table': Object.assign(Object.assign({ backgroundColor: reactComponents.tokens.colorBrandBackgroundInverted }, reactComponents.shorthands.borderColor(reactComponents.tokens.colorNeutralStroke1Selected)), { borderCollapse: 'collapse', tableLayout: 'auto', width: '100%', '& tr': Object.assign(Object.assign({}, reactComponents.shorthands.border('1px', 'solid', `${reactComponents.tokens.colorNeutralStroke1Selected}`)), { '& td': Object.assign(Object.assign({}, reactComponents.shorthands.border('1px', 'solid', `${reactComponents.tokens.colorNeutralStroke1Selected}`)), { wordBreak: 'normal', paddingTop: '0px', paddingRight: '5px' }) }) }) }),
+        }
+    },
     bodyWithoutAvatar: {
         marginTop: '0.125rem'
     },
@@ -10630,7 +10651,10 @@ const MessageBubble = (props) => {
     const chatMessageStyles = useChatMessageStyles();
     const chatItemMessageContainerClassName = reactComponents.mergeClasses(
     // messageContainerStyle used in className and style prop as style prop can't handle CSS selectors
-    chatMessageStyles.body, isBlockedMessage
+    chatMessageStyles.body, 
+    // disable placeholder functionality for GA releases as it might confuse users
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
+    chatMessageStyles.bodyWithPlaceholderImage, isBlockedMessage
         ? chatMessageCommonStyles.blocked
         : props.message.status === 'failed'
             ? chatMessageCommonStyles.failed
@@ -17797,6 +17821,197 @@ const sanitizeInput = (input) => {
     return input.replace(/[^\d*#+]/g, '');
 };
 
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/**
+ * @private
+ */
+const helperTextStyle$1 = (theme) => react.mergeStyles({
+    fontWeight: 600,
+    fontSize: _pxToRem(14),
+    lineHeight: _pxToRem(20),
+    color: theme.palette.neutralPrimary,
+    paddingTop: _pxToRem(20)
+});
+/**
+ * @private
+ */
+const ratingStyles = (theme) => {
+    return {
+        root: {
+            marginBottom: _pxToRem(24),
+            textAlign: 'center'
+        },
+        ratingStar: {
+            fontSize: _pxToRem(35),
+            margin: _pxToRem(5)
+        },
+        ratingStarFront: {
+            color: theme.palette.themePrimary
+        }
+    };
+};
+/**
+ * @private
+ */
+const titleContainerClassName$1 = react.mergeStyles({
+    paddingBottom: _pxToRem(6)
+});
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/**
+ * A component to allow users to send numerical ratings regarding call quality
+ *
+ * @internal
+ */
+const _StarSurvey = (props) => {
+    const { onStarRatingSelected, selectedIcon, unselectedIcon, strings } = props;
+    const [rating, setRating] = React.useState(0);
+    const [helperText, setHelperText] = React.useState(strings === null || strings === void 0 ? void 0 : strings.starSurveyHelperText);
+    const theme = react.useTheme();
+    const onRatingChange = React.useCallback((ev, rating) => {
+        if (rating) {
+            setRating(rating);
+            switch (rating) {
+                case 1:
+                    setHelperText(strings === null || strings === void 0 ? void 0 : strings.starSurveyOneStarText);
+                    break;
+                case 2:
+                    setHelperText(strings === null || strings === void 0 ? void 0 : strings.starSurveyTwoStarText);
+                    break;
+                case 3:
+                    setHelperText(strings === null || strings === void 0 ? void 0 : strings.starSurveyThreeStarText);
+                    break;
+                case 4:
+                    setHelperText(strings === null || strings === void 0 ? void 0 : strings.starSurveyFourStarText);
+                    break;
+                case 5:
+                    setHelperText(strings === null || strings === void 0 ? void 0 : strings.starSurveyFiveStarText);
+                    break;
+            }
+            onStarRatingSelected === null || onStarRatingSelected === void 0 ? void 0 : onStarRatingSelected(rating);
+        }
+    }, [
+        strings === null || strings === void 0 ? void 0 : strings.starSurveyOneStarText,
+        strings === null || strings === void 0 ? void 0 : strings.starSurveyTwoStarText,
+        strings === null || strings === void 0 ? void 0 : strings.starSurveyThreeStarText,
+        strings === null || strings === void 0 ? void 0 : strings.starSurveyFourStarText,
+        strings === null || strings === void 0 ? void 0 : strings.starSurveyFiveStarText,
+        onStarRatingSelected
+    ]);
+    return (React.createElement(react.Stack, { verticalAlign: "center" },
+        React.createElement(react.Stack, { className: titleContainerClassName$1 },
+            React.createElement(react.Text, { className: helperTextStyle$1(theme) }, helperText)),
+        React.createElement(react.Rating, { max: 5, size: react.RatingSize.Large, defaultRating: 0, allowZeroStars: true, rating: rating, onChange: onRatingChange, styles: ratingStyles(theme), icon: selectedIcon !== null && selectedIcon !== void 0 ? selectedIcon : 'SurveyStarIconFilled', unselectedIcon: unselectedIcon !== null && unselectedIcon !== void 0 ? unselectedIcon : 'SurveyStarIcon', ariaLabelFormat: strings === null || strings === void 0 ? void 0 : strings.starRatingAriaLabel })));
+};
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/**
+ * @private
+ */
+const questionTextStyle = (theme) => react.mergeStyles({
+    fontWeight: 600,
+    fontSize: _pxToRem(14),
+    lineHeight: _pxToRem(20),
+    color: theme.palette.neutralPrimary,
+    paddingTop: _pxToRem(20)
+});
+/**
+ * @private
+ */
+const helperTextStyle = (theme) => react.mergeStyles({
+    fontWeight: 400,
+    fontSize: _pxToRem(12),
+    lineHeight: _pxToRem(16),
+    color: theme.palette.neutralPrimary
+});
+/**
+ * @private
+ */
+const checkboxClassName = react.mergeStyles({
+    padding: _pxToRem(8)
+});
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/**
+ * A component to allow users to send numerical ratings regarding call quality
+ *
+ * @internal
+ */
+const _TagsSurvey = (props) => {
+    const { issues, callIssuesToTag, categoryHeadings, onConfirm, strings } = props;
+    const [selectedTags, setSelectedTags] = React.useState({});
+    const tags = React.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 = react.useTheme();
+    return (React.createElement(React.Fragment, null,
+        React.createElement(react.Stack, { verticalAlign: "center" },
+            React.createElement(react.Text, { className: questionTextStyle(theme) }, strings === null || strings === void 0 ? void 0 : strings.tagsSurveyQuestion),
+            React.createElement(react.Text, { className: helperTextStyle(theme) }, strings === null || strings === void 0 ? void 0 : strings.tagsSurveyHelperText)),
+        React.createElement(react.Pivot, null, Object.keys(tags).map((key, i) => {
+            return (React.createElement(react.PivotItem, { key: `key-${i}`, headerText: categoryHeadings[key], headerButtonProps: {
+                    'data-order': i,
+                    'data-title': key
+                }, alwaysRender: true }, tags[key].map((t, i) => {
+                return (React.createElement(react.Checkbox, { className: checkboxClassName, key: `checkBox_${i}`, label: t.message, onChange: (ev, checked) => onChange(t.issue, key, checked !== null && checked !== void 0 ? checked : false) }));
+            })));
+        }))));
+};
+
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 /**
@@ -19159,7 +19374,6 @@ const convertRemoteParticipantToParticipantListParticipantBeta = (userId, displa
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 const convertRemoteParticipantsToParticipantListParticipants = (remoteParticipants, localUserCanRemoveOthers, isHideAttendeeNamesEnabled, localUserRole) => {
-    /* eslint-disable @typescript-eslint/explicit-function-return-type */
     const conversionCallback = (memoizeFn) => {
         return (remoteParticipants
             // Filter out MicrosoftBot participants
@@ -20024,8 +20238,9 @@ const extractTeamsAttachmentsMetadata = (attachments) => {
     const files = [];
     const inlineImages = [];
     attachments.forEach((attachment) => {
-        var _a, _b;
+        var _a;
         const attachmentType = mapAttachmentType(attachment.attachmentType);
+        const contentType = extractAttachmentContentTypeFromName(attachment.name);
         if (attachmentType === 'inlineImage') {
             inlineImages.push({
                 attachmentType: attachmentType,
@@ -20039,7 +20254,7 @@ const extractTeamsAttachmentsMetadata = (attachments) => {
                 attachmentType: attachmentType,
                 id: attachment.id,
                 name: (_a = attachment.name) !== null && _a !== void 0 ? _a : '',
-                extension: (_b = attachment.contentType) !== null && _b !== void 0 ? _b : '',
+                extension: contentType !== null && contentType !== void 0 ? contentType : '',
                 url: extractAttachmentUrl(attachment),
                 payload: { teamsFileAttachment: 'true' }
             });
@@ -20049,7 +20264,7 @@ const extractTeamsAttachmentsMetadata = (attachments) => {
 };
 /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
 const mapAttachmentType = (attachmentType) => {
-    if (attachmentType === 'teamsImage' || attachmentType === 'teamsInlineImage') {
+    if (attachmentType === 'image') {
         return 'inlineImage';
     }
     else if (attachmentType === 'file') {
@@ -20059,7 +20274,7 @@ const mapAttachmentType = (attachmentType) => {
 };
 /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
 const extractAttachmentUrl = (attachment) => {
-    return attachment.attachmentType === 'file' && attachment.previewUrl ? attachment.previewUrl : attachment.url;
+    return attachment.attachmentType === 'file' && attachment.previewUrl ? attachment.previewUrl : attachment.url || '';
 };
 const processChatMessageContent = (message) => {
     var _a, _b, _c, _d, _e;
@@ -20067,7 +20282,7 @@ const processChatMessageContent = (message) => {
     if (sanitizedMessageContentType(message.type).includes('html') && ((_a = message.content) === null || _a === void 0 ? void 0 : _a.attachments)) {
         const attachments = (_b = message.content) === null || _b === void 0 ? void 0 : _b.attachments;
         const teamsImageHtmlContent = attachments
-            .filter((attachment) => attachment.attachmentType === 'teamsImage')
+            .filter((attachment) => { var _a, _b; return attachment.attachmentType === 'image' && !((_b = (_a = message.content) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.includes(attachment.id)); })
             .map((attachment) => generateImageAttachmentImgHtml(attachment))
             .join('');
         if (teamsImageHtmlContent) {
@@ -20078,7 +20293,20 @@ const processChatMessageContent = (message) => {
 };
 /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
 const generateImageAttachmentImgHtml = (attachment) => {
-    return `\r\n<p><img alt="image" src="" itemscope="${attachment.contentType}" id="${attachment.id}"></p>`;
+    const contentType = extractAttachmentContentTypeFromName(attachment.name);
+    return `\r\n<p><img alt="image" src="" itemscope="${contentType}" id="${attachment.id}"></p>`;
+};
+/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
+const extractAttachmentContentTypeFromName = (name) => {
+    if (name === undefined) {
+        return '';
+    }
+    const indexOfLastDot = name.lastIndexOf('.');
+    if (indexOfLastDot === undefined || indexOfLastDot < 0) {
+        return '';
+    }
+    const contentType = name.substring(indexOfLastDot + 1);
+    return contentType;
 };
 /* @conditional-compile-remove(file-sharing) @conditional-compile-remove(teams-inline-images-and-file-sharing) */
 const extractAttachmentsMetadata = (message) => {
@@ -21676,7 +21904,7 @@ const CallCompositeIcon = (props) => (React.createElement(react.FontIcon, Object
  */
 const CallWithChatCompositeIcon = (props) => (React.createElement(react.FontIcon, Object.assign({}, props)));
 
-var call$k={cameraLabel:"Camera",noCamerasLabel:"No cameras found",cameraPermissionDenied:"Your browser is blocking access to your camera",cameraTurnedOff:"Your camera is turned off",chatButtonLabel:"Chat",close:"Close",complianceBannerNowOnlyRecording:"You are now only recording this meeting.",complianceBannerNowOnlyTranscription:"You are now only transcribing this meeting.",complianceBannerRecordingAndTranscriptionSaved:"Recording and transcription are being saved.",complianceBannerRecordingAndTranscriptionStarted:"Recording and transcription have started.",complianceBannerRecordingAndTranscriptionStopped:"Recording and transcription have stopped.",complianceBannerRecordingSaving:"Recording is being saved.",complianceBannerRecordingStarted:"Recording has started.",complianceBannerRecordingStopped:"Recording has stopped.",complianceBannerTranscriptionStarted:"Transcription has started.",complianceBannerTranscriptionConsent:"By joining, you are giving consent for this meeting to be transcribed.",complianceBannerTranscriptionSaving:"Transcription is being saved.",complianceBannerTranscriptionStopped:"Transcription has stopped.",configurationPageTitle:"Start a call",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkActionedAriaLabel:"Invite link copied",defaultPlaceHolder:"Select an option",dismissSidePaneButtonLabel:"Close",videoEffectsPaneTitle:"Effects",videoEffectsPaneBackgroundSelectionTitle:"Background",configurationPageVideoEffectsButtonLabel:"Effects",unableToStartVideoEffect:"Unable to apply video effect.",blurBackgroundEffectButtonLabel:"Blur",blurBackgroundTooltip:"Blur Background",removeBackgroundEffectButtonLabel:"None",removeBackgroundTooltip:"Remove Background",cameraOffBackgroundEffectWarningText:"Your camera is off. Turn on camera to see video effect.",failedToJoinCallDueToNoNetworkMoreDetails:"Call was disconnected due to a network issue. Check your connection and join again.",failedToJoinCallDueToNoNetworkTitle:"Call disconnected",failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails:"You were not granted entry in the call. If this was a mistake, re-join the call.",failedToJoinTeamsMeetingReasonAccessDeniedTitle:"Dismissed from lobby",learnMore:"Learn more",leavingCallTitle:"Leaving...",leftCallMoreDetails:"If this was a mistake, re-join the call.",leftCallTitle:"You left the call",lobbyScreenConnectingToCallTitle:"Joining call",lobbyScreenWaitingToBeAdmittedTitle:"Waiting to be admitted",microphonePermissionDenied:"Your browser is blocking access to your microphone",microphoneToggleInLobbyNotAllowed:"Cannot mute or unmute while in lobby.",mutedMessage:"You're muted",networkReconnectMoreDetails:"Looks like something went wrong. We're trying to get back into the call.",networkReconnectTitle:"Hold on",notInvitedToRoomDetails:"You are not able to join this room because you do not have an invite.",notInvitedToRoomTitle:"Not invited to room",peopleButtonLabel:"People",selectedPeopleButtonLabel:"People Button Selected",peoplePaneTitle:"People",peopleButtonTooltipOpen:"Show participants",peopleButtonTooltipClose:"Hide participants",peoplePaneSubTitle:"In this call {numberOfPeople}",privacyPolicy:"Privacy policy",rejoinCallButtonLabel:"Re-join call",removedFromCallMoreDetails:"Another participant removed you from the call.",removedFromCallTitle:"You were removed",removeMenuLabel:"Remove",returnToCallButtonAriaDescription:"Return to Call",returnToCallButtonAriaLabel:"Back",roomNotFoundDetails:"The room ID provided could not be found.",roomNotFoundTitle:"Room not found",roomNotValidDetails:"This room is not valid at this current time.",roomNotValidTitle:"Room not valid",inviteToRoomRemovedDetails:"Your invite to join this room was removed.",inviteToRoomRemovedTitle:"Invite to room removed",soundLabel:"Sound",noMicrophonesLabel:"No microphones found",noSpeakersLabel:"No speakers found",startCallButtonLabel:"Start call",openDialpadButtonLabel:"Dial phone number",peoplePaneAddPeopleButtonLabel:"Add People",dialpadStartCallButtonLabel:"Call",dialpadModalTitle:"Dial Phone Number",dialpadModalAriaLabel:"Dialpad",dialpadCloseModalButtonAriaLabel:"Close dialpad",moreButtonCallingLabel:"More",resumeCallButtonLabel:"Resume",resumingCallButtonLabel:"Resuming...",resumeCallButtonAriaLabel:"Resume call",resumingCallButtonAriaLabel:"Resume call",holdScreenLabel:"You're on hold",openDtmfDialpadLabel:"Show dialpad",dtmfDialpadPlaceholderText:"Enter number",outboundCallingNoticeString:"Calling...",participantJoinedNoticeString:"{displayName} joined",twoParticipantJoinedNoticeString:"{displayName1} and {displayName2} have joined",threeParticipantJoinedNoticeString:"{displayName1}, {displayName2} and {displayName3} have joined",participantLeftNoticeString:"{displayName} left",twoParticipantLeftNoticeString:"{displayName1} and {displayName2} have left",threeParticipantLeftNoticeString:"{displayName1}, {displayName2} and {displayName3} have left",unnamedParticipantString:"unnamed participant",manyUnnamedParticipantsJoined:"unnamed participant and {numOfParticipants} other participants joined",manyUnnamedParticipantsLeft:"unnamed participant and {numOfParticipants} other participants left",manyParticipantsJoined:"{displayName1}, {displayName2}, {displayName3} and {numOfParticipants} other participants joined",manyParticipantsLeft:"{displayName1}, {displayName2}, {displayName3} and {numOfParticipants} other participants left",liveCaptionsLabel:"Live captions",captionsSettingsLabel:"Caption settings",startCaptionsButtonOnLabel:"Turn on captions",startCaptionsButtonOffLabel:"Turn off captions",startCaptionsButtonTooltipOnContent:"Turn off captions",startCaptionsButtonTooltipOffContent:"Turn on captions",captionsSettingsModalTitle:"Captions Settings",captionsSettingsSpokenLanguageDropdownLabel:"Spoken language",captionsSettingsCaptionLanguageDropdownLabel:"Captions language",captionsSettingsSpokenLanguageDropdownInfoText:"Language that everyone on this call is speaking.",captionsSettingsCaptionLanguageDropdownInfoText:"Captions will appear in this langugage.",captionsSettingsConfirmButtonLabel:"Confirm",captionsSettingsCancelButtonLabel:"Cancel",captionsSettingsModalAriaLabel:"Captions Setting Modal",captionsSettingsCloseModalButtonAriaLabel:"Close Captions Setting",captionsBannerMoreButtonCallingLabel:"More",captionsBannerMoreButtonTooltip:"More options",dismissModalAriaLabel:"Local and remote picture and picture, press enter to return to call",callRejectedTitle:"The call could not be completed",callRejectedMoreDetails:"The person you are trying to reach is unavailable. Please try again later.",spokenLanguageStrings:{"ar-ae":"Arabic - U.A.E.","ar-sa":"Arabic - Saudi Arabia","da-dk":"Danish","de-de":"German - Germany","en-au":"English - Australia","en-ca":"English - Canada","en-gb":"English - United Kingdom","en-in":"English - India","en-nz":"English - New Zealand","en-us":"English - United States","es-es":"Spanish - Spain (Modern Sort)","es-mx":"Spanish - Mexico","fi-fi":"Finnish","fr-ca":"French - Canada","fr-fr":"French - France","hi-in":"Hindi","it-it":"Italian - Italy","ja-jp":"Japanese","ko-kr":"Korean","nb-no":"Norwegian (Bokmål)","nl-be":"Dutch - Belgium","nl-nl":"Dutch - Netherlands","pl-pl":"Polish","pt-br":"Portuguese - Brazil","ru-ru":"Russian","sv-se":"Swedish","zh-cn":"Chinese - People's Republic of China","zh-hk":"Chinese - Hong Kong SAR","cs-cz":"Czech","pt-pt":"Portuguese - Portugal","tr-tr":"Turkish","vi-vn":"Vietnamese","th-th":"Thai","he-il":"Hebrew","cy-gb":"Welsh","uk-ua":"Ukrainian","el-gr":"Greek","hu-hu":"Hungarian","ro-ro":"Romanian","sk-sk":"Slovak","zh-tw":"Chinese - Taiwan"},captionLanguageStrings:{ar:"Arabic",da:"Danish",de:"German",en:"English",es:"Spanish",fi:"Finnish","fr-ca":"French - Canada",fr:"French - France",hi:"Hindi",it:"Italian",ja:"Japanese",ko:"Korean",nb:"Norwegian (Bokmål)",nl:"Dutch",pl:"Polish",pt:"Portuguese - Brazil",ru:"Russian",sv:"Swedish","zh-Hans":"Chinese (Simplified)","zh-Hant":"Chinese (Traditional)",cs:"Czech","pt-pt":"Portuguese - Portugal",tr:"Turkish",vi:"Vietnamese",th:"Thai",he:"Hebrew",cy:"Welsh",uk:"Ukrainian",el:"Greek",hu:"Hungarian",ro:"Romanian",sk:"Slovak"},captionsBannerSpinnerText:"Starting captions...",transferPageTransferorText:"Transferring...",transferPageTransferTargetText:"Connecting...",transferPageUnknownTransferorDisplayName:"Unknown",transferPageUnknownTransferTargetDisplayName:"Unknown",transferPageNoticeString:"You are being transferred",participantCouldNotBeReachedTitle:"Target participant is currently not available",participantCouldNotBeReachedMoreDetails:"Please contact participant when they are available",permissionToReachTargetParticipantNotAllowedTitle:"Permission to reach target participant is not allowed",permissionToReachTargetParticipantNotAllowedMoreDetails:"Please check that the target participant is in the same tenant",unableToResolveTenantTitle:"Unable to resolve tenant id for the target participant",unableToResolveTenantMoreDetails:"Please check the participant id is entered correctly",participantIdIsMalformedTitle:"Participant id is not in the correct format",participantIdIsMalformedMoreDetails:"Please check that the participant id is in the correct format",moreButtonGalleryControlLabel:"View",moreButtonGalleryPositionToggleLabel:"Move gallery to top",moreButtonGallerySpeakerLayoutLabel:"Speaker",moreButtonGalleryFloatingLocalLayoutLabel:"Dynamic",moreButtonGalleryDefaultLayoutLabel:"Gallery view",moreButtonGalleryFocusedContentLayoutLabel:"Focus on content",moreButtonLargeGalleryDefaultLayoutLabel:"Large Gallery",capabilityChangedNotification:{turnVideoOn:{lostDueToMeetingOption:"Your camera has been disabled. You can no longer share video.",grantedDueToMeetingOption:"Your camera has been enabled. Turn it on if you'd like to share video."},unmuteMic:{lostDueToMeetingOption:"Your mic has been disabled. You can no longer unmute.",grantedDueToMeetingOption:"Your mic has been enabled. Unmute if you'd like to speak."},shareScreen:{lostDueToRoleChangeToAttendee:"Your role has been changed. Some actions, like sharing content, won't be available to you.",grantedDueToRoleChangeToPresenter:"You're a presenter. You can share content and facilitate the meeting."}}};var chat$k={chatListHeader:"In this chat",uploadFile:"Upload File"};var callWithChat$k={chatButtonLabel:"Chat",chatButtonNewMessageNotificationLabel:"New Message",chatButtonTooltipClosedWithMessageCount:"Show chat ({unreadMessagesCount} unread)",chatButtonTooltipClose:"Hide chat",chatButtonTooltipOpen:"Show chat",chatPaneTitle:"Chat",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkActionedAriaLabel:"Invite link copied",dismissSidePaneButtonLabel:"Close",moreDrawerAudioDeviceMenuTitle:"Audio Device",moreDrawerButtonLabel:"More options",moreDrawerButtonTooltip:"More options",moreDrawerMicrophoneMenuTitle:"Microphone",moreDrawerSpeakerMenuTitle:"Speaker",moreDrawerCaptionsMenuTitle:"Live captions",moreDrawerSpokenLanguageMenuTitle:"Spoken language",moreDrawerCaptionLanguageMenuTitle:"Caption language",moreDrawerGalleryOptionsMenuTitle:"Gallery options",peopleButtonLabel:"People",selectedPeopleButtonLabel:"People Button Selected",peopleButtonTooltipOpen:"Show participants",peopleButtonTooltipClose:"Hide participants",peoplePaneSubTitle:"In this call",peoplePaneTitle:"People",pictureInPictureTileAriaLabel:"Video Feeds. Click to return to call screen.",removeMenuLabel:"Remove",openDialpadButtonLabel:"Dial phone number",returnToCallButtonAriaDescription:"Return to Call",returnToCallButtonAriaLabel:"Back",peoplePaneAddPeopleButtonLabel:"Add People",dialpadStartCallButtonLabel:"Call",dialpadModalTitle:"Dial Phone Number",dialpadModalAriaLabel:"Dialpad",dialpadCloseModalButtonAriaLabel:"Close dialpad",openDtmfDialpadLabel:"Show dialpad",dtmfDialpadPlaceholderText:"Enter number"};var en_US = {call:call$k,chat:chat$k,callWithChat:callWithChat$k};
+var call$k={cameraLabel:"Camera",noCamerasLabel:"No cameras found",cameraPermissionDenied:"Your browser is blocking access to your camera",cameraTurnedOff:"Your camera is turned off",chatButtonLabel:"Chat",close:"Close",complianceBannerNowOnlyRecording:"You are now only recording this meeting.",complianceBannerNowOnlyTranscription:"You are now only transcribing this meeting.",complianceBannerRecordingAndTranscriptionSaved:"Recording and transcription are being saved.",complianceBannerRecordingAndTranscriptionStarted:"Recording and transcription have started.",complianceBannerRecordingAndTranscriptionStopped:"Recording and transcription have stopped.",complianceBannerRecordingSaving:"Recording is being saved.",complianceBannerRecordingStarted:"Recording has started.",complianceBannerRecordingStopped:"Recording has stopped.",complianceBannerTranscriptionStarted:"Transcription has started.",complianceBannerTranscriptionConsent:"By joining, you are giving consent for this meeting to be transcribed.",complianceBannerTranscriptionSaving:"Transcription is being saved.",complianceBannerTranscriptionStopped:"Transcription has stopped.",configurationPageTitle:"Start a call",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkActionedAriaLabel:"Invite link copied",defaultPlaceHolder:"Select an option",dismissSidePaneButtonLabel:"Close",videoEffectsPaneTitle:"Effects",videoEffectsPaneBackgroundSelectionTitle:"Background",configurationPageVideoEffectsButtonLabel:"Effects",unableToStartVideoEffect:"Unable to apply video effect.",blurBackgroundEffectButtonLabel:"Blur",blurBackgroundTooltip:"Blur Background",removeBackgroundEffectButtonLabel:"None",removeBackgroundTooltip:"Remove Background",cameraOffBackgroundEffectWarningText:"Your camera is off. Turn on camera to see video effect.",failedToJoinCallDueToNoNetworkMoreDetails:"Call was disconnected due to a network issue. Check your connection and join again.",failedToJoinCallDueToNoNetworkTitle:"Call disconnected",failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails:"You were not granted entry in the call. If this was a mistake, re-join the call.",failedToJoinTeamsMeetingReasonAccessDeniedTitle:"Dismissed from lobby",learnMore:"Learn more",leavingCallTitle:"Leaving...",leftCallMoreDetails:"If this was a mistake, re-join the call.",leftCallTitle:"You left the call",lobbyScreenConnectingToCallTitle:"Joining call",lobbyScreenWaitingToBeAdmittedTitle:"Waiting to be admitted",microphonePermissionDenied:"Your browser is blocking access to your microphone",microphoneToggleInLobbyNotAllowed:"Cannot mute or unmute while in lobby.",mutedMessage:"You're muted",networkReconnectMoreDetails:"Looks like something went wrong. We're trying to get back into the call.",networkReconnectTitle:"Hold on",notInvitedToRoomDetails:"You are not able to join this room because you do not have an invite.",notInvitedToRoomTitle:"Not invited to room",peopleButtonLabel:"People",selectedPeopleButtonLabel:"People Button Selected",peoplePaneTitle:"People",peopleButtonTooltipOpen:"Show participants",peopleButtonTooltipClose:"Hide participants",peoplePaneSubTitle:"In this call {numberOfPeople}",privacyPolicy:"Privacy policy",rejoinCallButtonLabel:"Re-join call",removedFromCallMoreDetails:"Another participant removed you from the call.",removedFromCallTitle:"You were removed",removeMenuLabel:"Remove",returnToCallButtonAriaDescription:"Return to Call",returnToCallButtonAriaLabel:"Back",roomNotFoundDetails:"The room ID provided could not be found.",roomNotFoundTitle:"Room not found",roomNotValidDetails:"This room is not valid at this current time.",roomNotValidTitle:"Room not valid",inviteToRoomRemovedDetails:"Your invite to join this room was removed.",inviteToRoomRemovedTitle:"Invite to room removed",soundLabel:"Sound",noMicrophonesLabel:"No microphones found",noSpeakersLabel:"No speakers found",startCallButtonLabel:"Start call",openDialpadButtonLabel:"Dial phone number",peoplePaneAddPeopleButtonLabel:"Add People",dialpadStartCallButtonLabel:"Call",dialpadModalTitle:"Dial Phone Number",dialpadModalAriaLabel:"Dialpad",dialpadCloseModalButtonAriaLabel:"Close dialpad",moreButtonCallingLabel:"More",resumeCallButtonLabel:"Resume",resumingCallButtonLabel:"Resuming...",resumeCallButtonAriaLabel:"Resume call",resumingCallButtonAriaLabel:"Resume call",holdScreenLabel:"You're on hold",openDtmfDialpadLabel:"Show dialpad",dtmfDialpadPlaceholderText:"Enter number",outboundCallingNoticeString:"Calling...",participantJoinedNoticeString:"{displayName} joined",twoParticipantJoinedNoticeString:"{displayName1} and {displayName2} have joined",threeParticipantJoinedNoticeString:"{displayName1}, {displayName2} and {displayName3} have joined",participantLeftNoticeString:"{displayName} left",twoParticipantLeftNoticeString:"{displayName1} and {displayName2} have left",threeParticipantLeftNoticeString:"{displayName1}, {displayName2} and {displayName3} have left",unnamedParticipantString:"unnamed participant",manyUnnamedParticipantsJoined:"unnamed participant and {numOfParticipants} other participants joined",manyUnnamedParticipantsLeft:"unnamed participant and {numOfParticipants} other participants left",manyParticipantsJoined:"{displayName1}, {displayName2}, {displayName3} and {numOfParticipants} other participants joined",manyParticipantsLeft:"{displayName1}, {displayName2}, {displayName3} and {numOfParticipants} other participants left",liveCaptionsLabel:"Live captions",captionsSettingsLabel:"Caption settings",startCaptionsButtonOnLabel:"Turn on captions",startCaptionsButtonOffLabel:"Turn off captions",startCaptionsButtonTooltipOnContent:"Turn off captions",startCaptionsButtonTooltipOffContent:"Turn on captions",captionsSettingsModalTitle:"Captions Settings",captionsSettingsSpokenLanguageDropdownLabel:"Spoken language",captionsSettingsCaptionLanguageDropdownLabel:"Captions language",captionsSettingsSpokenLanguageDropdownInfoText:"Language that everyone on this call is speaking.",captionsSettingsCaptionLanguageDropdownInfoText:"Captions will appear in this langugage.",captionsSettingsConfirmButtonLabel:"Confirm",captionsSettingsCancelButtonLabel:"Cancel",captionsSettingsModalAriaLabel:"Captions Setting Modal",captionsSettingsCloseModalButtonAriaLabel:"Close Captions Setting",captionsBannerMoreButtonCallingLabel:"More",captionsBannerMoreButtonTooltip:"More options",dismissModalAriaLabel:"Local and remote picture and picture, press enter to return to call",callRejectedTitle:"The call could not be completed",callRejectedMoreDetails:"The person you are trying to reach is unavailable. Please try again later.",spokenLanguageStrings:{"ar-ae":"Arabic - U.A.E.","ar-sa":"Arabic - Saudi Arabia","da-dk":"Danish","de-de":"German - Germany","en-au":"English - Australia","en-ca":"English - Canada","en-gb":"English - United Kingdom","en-in":"English - India","en-nz":"English - New Zealand","en-us":"English - United States","es-es":"Spanish - Spain (Modern Sort)","es-mx":"Spanish - Mexico","fi-fi":"Finnish","fr-ca":"French - Canada","fr-fr":"French - France","hi-in":"Hindi","it-it":"Italian - Italy","ja-jp":"Japanese","ko-kr":"Korean","nb-no":"Norwegian (Bokmål)","nl-be":"Dutch - Belgium","nl-nl":"Dutch - Netherlands","pl-pl":"Polish","pt-br":"Portuguese - Brazil","ru-ru":"Russian","sv-se":"Swedish","zh-cn":"Chinese - People's Republic of China","zh-hk":"Chinese - Hong Kong SAR","cs-cz":"Czech","pt-pt":"Portuguese - Portugal","tr-tr":"Turkish","vi-vn":"Vietnamese","th-th":"Thai","he-il":"Hebrew","cy-gb":"Welsh","uk-ua":"Ukrainian","el-gr":"Greek","hu-hu":"Hungarian","ro-ro":"Romanian","sk-sk":"Slovak","zh-tw":"Chinese - Taiwan"},captionLanguageStrings:{ar:"Arabic",da:"Danish",de:"German",en:"English",es:"Spanish",fi:"Finnish","fr-ca":"French - Canada",fr:"French - France",hi:"Hindi",it:"Italian",ja:"Japanese",ko:"Korean",nb:"Norwegian (Bokmål)",nl:"Dutch",pl:"Polish",pt:"Portuguese - Brazil",ru:"Russian",sv:"Swedish","zh-Hans":"Chinese (Simplified)","zh-Hant":"Chinese (Traditional)",cs:"Czech","pt-pt":"Portuguese - Portugal",tr:"Turkish",vi:"Vietnamese",th:"Thai",he:"Hebrew",cy:"Welsh",uk:"Ukrainian",el:"Greek",hu:"Hungarian",ro:"Romanian",sk:"Slovak"},captionsBannerSpinnerText:"Starting captions...",transferPageTransferorText:"Transferring...",transferPageTransferTargetText:"Connecting...",transferPageUnknownTransferorDisplayName:"Unknown",transferPageUnknownTransferTargetDisplayName:"Unknown",transferPageNoticeString:"You are being transferred",participantCouldNotBeReachedTitle:"Target participant is currently not available",participantCouldNotBeReachedMoreDetails:"Please contact participant when they are available",permissionToReachTargetParticipantNotAllowedTitle:"Permission to reach target participant is not allowed",permissionToReachTargetParticipantNotAllowedMoreDetails:"Please check that the target participant is in the same tenant",unableToResolveTenantTitle:"Unable to resolve tenant id for the target participant",unableToResolveTenantMoreDetails:"Please check the participant id is entered correctly",participantIdIsMalformedTitle:"Participant id is not in the correct format",participantIdIsMalformedMoreDetails:"Please check that the participant id is in the correct format",moreButtonGalleryControlLabel:"View",moreButtonGalleryPositionToggleLabel:"Move gallery to top",moreButtonGallerySpeakerLayoutLabel:"Speaker",moreButtonGalleryFloatingLocalLayoutLabel:"Dynamic",moreButtonGalleryDefaultLayoutLabel:"Gallery view",moreButtonGalleryFocusedContentLayoutLabel:"Focus on content",moreButtonLargeGalleryDefaultLayoutLabel:"Large Gallery",capabilityChangedNotification:{turnVideoOn:{lostDueToMeetingOption:"Your camera has been disabled. You can no longer share video.",grantedDueToMeetingOption:"Your camera has been enabled. Turn it on if you'd like to share video."},unmuteMic:{lostDueToMeetingOption:"Your mic has been disabled. You can no longer unmute.",grantedDueToMeetingOption:"Your mic has been enabled. Unmute if you'd like to speak."},shareScreen:{lostDueToRoleChangeToAttendee:"Your role has been changed. Some actions, like sharing content, won't be available to you.",grantedDueToRoleChangeToPresenter:"You're a presenter. You can share content and facilitate the meeting."}},surveyQuestion:"How was your call today?",starSurveyHelperText:"How was the quality of the call?",starSurveyOneStarText:"The quality was bad.",starSurveyTwoStarText:"The quality was poor.",starSurveyThreeStarText:"The quality was good.",starSurveyFourStarText:"The quality was great.",starSurveyFiveStarText:"The quality was excellent.",surveyConfirmButtonLabel:"Send Feedback",starRatingAriaLabel:"Select {0} of {1} stars",surveyCancelButtonAriaLabel:"Cancel",tagsSurveyQuestion:"What could have been better?",tagsSurveyHelperText:"Check any issues you experienced",surveyTextboxDefaultText:"Other,please specify",surveyIssues:{overallRating:{callCannotJoin:"I could not join call",callCannotInvite:"I could not invite others into the call",hadToRejoin:"I had to rejoin the call",callEndedUnexpectedly:"Call ended for me unexpectedly",otherIssues:"I was having other issues with the call"},audioRating:{noLocalAudio:"The other side could not hear any sound",noRemoteAudio:"I could not hear any sound",echo:"I heard echos on the call",audioNoise:"I heard noise on the call",lowVolume:"Volume was low",audioStoppedUnexpectedly:"Audio stopped unexpectedly",distortedSpeech:"Audio was distorted",audioInterruption:"Audio was interrupted",otherIssues:"I was having other audio issues in this call"},videoRating:{noVideoReceived:"I could not see any video",noVideoSent:"Others could not see me",lowQuality:"Video quality was low",freezes:"Video frozen",stoppedUnexpectedly:"Video stopped unexpectedly",darkVideoReceived:"I can only see dark screens when others turn on their camera",audioVideoOutOfSync:"Audio and Video was out of sync",otherIssues:"I was having other video issues in this call"},screenshareRating:{noContentLocal:"Other people could not see my screenshare",noContentRemote:"I could not see other people's screenshare",cannotPresent:"I could not present my screen",lowQuality:"Screen share quality was low",freezes:"Screen share frozen",stoppedUnexpectedly:"Screen share stopped unexpectedly",largeDelay:"Screen share has a large delay",otherIssues:"I was having other screen share issues in this call"}},SurveyIssuesHeadingStrings:{overallRating:"Overall",audioRating:"Audio",videoRating:"Video",screenshareRating:"Presenting"}};var chat$k={chatListHeader:"In this chat",uploadFile:"Upload File"};var callWithChat$k={chatButtonLabel:"Chat",chatButtonNewMessageNotificationLabel:"New Message",chatButtonTooltipClosedWithMessageCount:"Show chat ({unreadMessagesCount} unread)",chatButtonTooltipClose:"Hide chat",chatButtonTooltipOpen:"Show chat",chatPaneTitle:"Chat",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkActionedAriaLabel:"Invite link copied",dismissSidePaneButtonLabel:"Close",moreDrawerAudioDeviceMenuTitle:"Audio Device",moreDrawerButtonLabel:"More options",moreDrawerButtonTooltip:"More options",moreDrawerMicrophoneMenuTitle:"Microphone",moreDrawerSpeakerMenuTitle:"Speaker",moreDrawerCaptionsMenuTitle:"Live captions",moreDrawerSpokenLanguageMenuTitle:"Spoken language",moreDrawerCaptionLanguageMenuTitle:"Caption language",moreDrawerGalleryOptionsMenuTitle:"Gallery options",peopleButtonLabel:"People",selectedPeopleButtonLabel:"People Button Selected",peopleButtonTooltipOpen:"Show participants",peopleButtonTooltipClose:"Hide participants",peoplePaneSubTitle:"In this call",peoplePaneTitle:"People",pictureInPictureTileAriaLabel:"Video Feeds. Click to return to call screen.",removeMenuLabel:"Remove",openDialpadButtonLabel:"Dial phone number",returnToCallButtonAriaDescription:"Return to Call",returnToCallButtonAriaLabel:"Back",peoplePaneAddPeopleButtonLabel:"Add People",dialpadStartCallButtonLabel:"Call",dialpadModalTitle:"Dial Phone Number",dialpadModalAriaLabel:"Dialpad",dialpadCloseModalButtonAriaLabel:"Close dialpad",openDtmfDialpadLabel:"Show dialpad",dtmfDialpadPlaceholderText:"Enter number"};var en_US = {call:call$k,chat:chat$k,callWithChat:callWithChat$k};
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
@@ -24068,6 +24296,10 @@ const createCompositeHandlers = memoizeOne((adapter) => ({
     /* @conditional-compile-remove(close-captions) */
     onSetCaptionLanguage: (language) => __awaiter$g(void 0, void 0, void 0, function* () {
         yield adapter.setCaptionLanguage(language);
+    }),
+    /* @conditional-compile-remove(end-of-call-survey) */
+    onSubmitSurvey: (survey) => __awaiter$g(void 0, void 0, void 0, function* () {
+        return yield adapter.submitSurvey(survey);
     })
 }));
 
@@ -25009,12 +25241,23 @@ const onFetchCustomButtonPropsTrampoline = (options) => {
 // Licensed under the MIT License.
 // Enforce a background color on control bar to ensure it matches the composite background color.
 const controlBarStyles = react.memoizeFunction((background) => ({ root: { background: background } }));
+const inferCallControlOptions = (mobileView, callControlOptions) => {
+    if (callControlOptions === false) {
+        return {};
+    }
+    const options = callControlOptions === true || callControlOptions === undefined ? {} : callControlOptions;
+    if (mobileView) {
+        // Set options to always not show screen share button for mobile
+        options.screenShareButton = false;
+    }
+    return options;
+};
 /**
  * @private
  */
 const CallControls = (props) => {
     var _a, _b;
-    const options = React.useMemo(() => (typeof props.options === 'boolean' ? {} : props.options), [props.options]);
+    const options = React.useMemo(() => inferCallControlOptions(!!props.isMobile, props.options), [props.isMobile, props.options]);
     /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(rooms) */
     const adapter = useAdapter();
     /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(close-captions) */ /* @conditional-compile-remove(raise-hand) */
@@ -25661,11 +25904,8 @@ const inferCommonCallControlOptions = (mobileView, commonCallControlOptions) =>
     if (mobileView) {
         // Set to compressed mode when composite is optimized for mobile
         options.displayType = 'compact';
-        // Do not show screen share button when composite is optimized for mobile unless the developer
-        // has explicitly opted in.
-        if (options.screenShareButton !== true) {
-            options.screenShareButton = false;
-        }
+        // Set options to always not show screen share button for mobile
+        options.screenShareButton = false;
     }
     return options;
 };
@@ -29877,6 +30117,152 @@ const moreDetailsStyles = {
     fontSize: '1rem'
 };
 
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/** @private */
+const StarSurvey = (
+/* @conditional-compile-remove(end-of-call-survey) */ props) => {
+    /* @conditional-compile-remove(end-of-call-survey) */
+    const { onStarRatingSelected } = props;
+    /* @conditional-compile-remove(end-of-call-survey) */
+    const strings = useLocale().strings.call;
+    /* @conditional-compile-remove(end-of-call-survey) */
+    const StarSurveyStrings = {
+        starSurveyHelperText: strings.starSurveyHelperText,
+        starSurveyOneStarText: strings.starSurveyOneStarText,
+        starSurveyTwoStarText: strings.starSurveyTwoStarText,
+        starSurveyThreeStarText: strings.starSurveyThreeStarText,
+        starSurveyFourStarText: strings.starSurveyFourStarText,
+        starSurveyFiveStarText: strings.starSurveyFiveStarText,
+        starRatingAriaLabel: strings.starRatingAriaLabel
+    };
+    /* @conditional-compile-remove(end-of-call-survey) */
+    return React.createElement(_StarSurvey, { strings: StarSurveyStrings, onStarRatingSelected: onStarRatingSelected });
+};
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/** @private */
+const TagsSurvey = (
+/* @conditional-compile-remove(end-of-call-survey) */ props) => {
+    /* @conditional-compile-remove(end-of-call-survey) */
+    const strings = useLocale().strings.call;
+    /* @conditional-compile-remove(end-of-call-survey) */
+    const tagsSurveyStrings = {
+        tagsSurveyQuestion: strings.tagsSurveyQuestion,
+        tagsSurveyHelperText: strings.tagsSurveyHelperText
+    };
+    /* @conditional-compile-remove(end-of-call-survey) */
+    return (React.createElement(_TagsSurvey, { callIssuesToTag: strings.surveyIssues, categoryHeadings: strings.SurveyIssuesHeadingStrings, issues: props.issues, onConfirm: props.onConfirm, strings: tagsSurveyStrings }));
+};
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/**
+ * @private
+ */
+const SurveyPaneContent = (
+/* @conditional-compile-remove(end-of-call-survey) */ props) => {
+    /* @conditional-compile-remove(end-of-call-survey) */
+    const [showTagsSurvey, setShowTagsSurvey] = React.useState(false);
+    /* @conditional-compile-remove(end-of-call-survey) */
+    const [ratings, setRatings] = React.useState(0);
+    /* @conditional-compile-remove(end-of-call-survey) */
+    const [issuesSelected, setIssuesSelected] = React.useState();
+    /* @conditional-compile-remove(end-of-call-survey) */
+    const [showSubmitFeedbackButton, setShowSubmitFeedbackButton] = React.useState(false);
+    /* @conditional-compile-remove(end-of-call-survey) */
+    const strings = useLocale().strings.call;
+    /* @conditional-compile-remove(end-of-call-survey) */
+    const onStarRatingSelected = (ratings) => {
+        if (ratings <= 3) {
+            setShowTagsSurvey(true);
+        }
+        else {
+            setShowSubmitFeedbackButton(true);
+        }
+        setRatings(ratings);
+    };
+    /* @conditional-compile-remove(end-of-call-survey) */
+    const onIssuesSelected = (selectedTags) => {
+        setIssuesSelected(selectedTags);
+        setShowSubmitFeedbackButton(true);
+    };
+    /* @conditional-compile-remove(end-of-call-survey) */
+    const issues = [
+        'NoLocalAudio',
+        'NoRemoteAudio',
+        'Echo',
+        'AudioNoise',
+        'LowVolume',
+        'AudioStoppedUnexpectedly',
+        'DistortedSpeech',
+        'AudioInterruption',
+        'OtherIssues',
+        'NoContentLocal',
+        'NoContentRemote',
+        'CannotPresent',
+        'LowQuality',
+        'Freezes',
+        'StoppedUnexpectedly',
+        'LargeDelay',
+        'NoVideoReceived',
+        'NoVideoSent',
+        'LowQuality',
+        'Freezes',
+        'StoppedUnexpectedly',
+        'DarkVideoReceived',
+        'AudioVideoOutOfSync',
+        'CallCannotJoin',
+        'CallCannotInvite',
+        'HadToRejoin',
+        'CallEndedUnexpectedly'
+    ];
+    /* @conditional-compile-remove(end-of-call-survey) */
+    return (React.createElement(react.Stack, { verticalAlign: "space-between" },
+        React.createElement(react.Stack, null,
+            React.createElement(StarSurvey, { onStarRatingSelected: onStarRatingSelected }),
+            showTagsSurvey && React.createElement(TagsSurvey, { issues: issues, onConfirm: onIssuesSelected })),
+        showSubmitFeedbackButton && (React.createElement(react.Stack, { style: { borderTop: 'solid', borderTopColor: 'lightgrey' }, horizontalAlign: "end" },
+            React.createElement(react.PrimaryButton, { style: { marginTop: '2rem' }, 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 (props.onSubmitSurvey) {
+                        props
+                            .onSubmitSurvey(surveyResults)
+                            .then(() => console.log('survey submitted successfully', surveyResults))
+                            .catch((e) => console.log('error when submitting survey: ' + e));
+                    }
+                    if (props.onDismissSidePane) {
+                        props.onDismissSidePane();
+                    }
+                } }, strings.surveyConfirmButtonLabel)))));
+};
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/** @private */
+const SurveyPane = (props) => {
+    /* @conditional-compile-remove(end-of-call-survey) */
+    const strings = useLocale().strings.call;
+    /* @conditional-compile-remove(end-of-call-survey) */
+    const [isOpen, setIsOpen] = React.useState(true);
+    /* @conditional-compile-remove(end-of-call-survey) */
+    return (React.createElement(react.Panel, { headerText: strings.surveyQuestion, isOpen: isOpen, onDismiss: () => setIsOpen(false), closeButtonAriaLabel: strings.surveyCancelButtonAriaLabel, type: react.PanelType.custom, customWidth: "32rem" },
+        React.createElement(SurveyPaneContent, { onSubmitSurvey: props.onSubmitSurvey, onDismissSidePane: () => setIsOpen(false) })));
+};
+
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 /**
@@ -29885,14 +30271,18 @@ const moreDetailsStyles = {
  * @private
  */
 function NoticePage(props) {
+    var _a;
     const adapter = useAdapter();
+    /* @conditional-compile-remove(end-of-call-survey) */
+    const handlers = useHandlers();
     return (React.createElement(react.Stack, { className: react.mergeStyles(props.pageStyle), verticalFill: true, verticalAlign: "center", horizontalAlign: "center", "data-ui-id": props.dataUiId, "aria-atomic": true },
         React.createElement(react.Stack, { className: react.mergeStyles(containerStyle), tokens: containerItemGap },
             props.iconName && React.createElement(CallCompositeIcon, { iconName: props.iconName }),
             React.createElement(react.Text, { className: react.mergeStyles(titleStyles), "aria-live": "assertive" }, props.title),
             React.createElement(react.Text, { className: react.mergeStyles(moreDetailsStyles), "aria-live": "assertive" }, props.moreDetails),
             !props.disableStartCallButton && (React.createElement(react.Stack, { styles: rejoinCallButtonContainerStyles },
-                React.createElement(StartCallButton, { onClick: () => adapter.joinCall(), disabled: false, rejoinCall: true, autoFocus: true }))))));
+                React.createElement(StartCallButton, { onClick: () => adapter.joinCall(), disabled: false, rejoinCall: true, autoFocus: true })))),
+        /* @conditional-compile-remove(end-of-call-survey) */ !((_a = props.surveyOptions) === null || _a === void 0 ? void 0 : _a.hideSurvey) && (React.createElement(SurveyPane, Object.assign({}, handlers)))));
 }
 
 // Copyright (c) Microsoft Corporation.
@@ -30569,7 +30959,7 @@ const isShowing = (overrideSidePane) => {
     return !!(overrideSidePane === null || overrideSidePane === void 0 ? void 0 : overrideSidePane.isActive);
 };
 const MainScreen = (props) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
     const adapter = useAdapter();
     const { camerasCount, microphonesCount } = useSelector$1(deviceCountSelector);
     const hasCameras = camerasCount > 0;
@@ -30657,20 +31047,30 @@ const MainScreen = (props) => {
                 backgroundImage: (_k = (_j = props.options) === null || _j === void 0 ? void 0 : _j.branding) === null || _k === void 0 ? void 0 : _k.backgroundImage }));
             break;
         case 'accessDeniedTeamsMeeting':
-            pageElement = (React.createElement(NoticePage, { iconName: "NoticePageAccessDeniedTeamsMeeting", title: locale.strings.call.failedToJoinTeamsMeetingReasonAccessDeniedTitle, moreDetails: locale.strings.call.failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails, dataUiId: 'access-denied-teams-meeting-page' }));
+            pageElement = (React.createElement(NoticePage, { iconName: "NoticePageAccessDeniedTeamsMeeting", title: locale.strings.call.failedToJoinTeamsMeetingReasonAccessDeniedTitle, moreDetails: locale.strings.call.failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails, dataUiId: 'access-denied-teams-meeting-page', 
+                /* @conditional-compile-remove(end-of-call-survey) */
+                surveyOptions: { hideSurvey: true } }));
             break;
         case 'removedFromCall':
-            pageElement = (React.createElement(NoticePage, { iconName: "NoticePageRemovedFromCall", title: locale.strings.call.removedFromCallTitle, moreDetails: locale.strings.call.removedFromCallMoreDetails, dataUiId: 'removed-from-call-page' }));
+            pageElement = (React.createElement(NoticePage, { iconName: "NoticePageRemovedFromCall", title: locale.strings.call.removedFromCallTitle, moreDetails: locale.strings.call.removedFromCallMoreDetails, dataUiId: 'removed-from-call-page', 
+                /* @conditional-compile-remove(end-of-call-survey) */
+                surveyOptions: { hideSurvey: true } }));
             break;
         case 'joinCallFailedDueToNoNetwork':
-            pageElement = (React.createElement(NoticePage, { iconName: "NoticePageJoinCallFailedDueToNoNetwork", title: locale.strings.call.failedToJoinCallDueToNoNetworkTitle, moreDetails: locale.strings.call.failedToJoinCallDueToNoNetworkMoreDetails, dataUiId: 'join-call-failed-due-to-no-network-page' }));
+            pageElement = (React.createElement(NoticePage, { iconName: "NoticePageJoinCallFailedDueToNoNetwork", title: locale.strings.call.failedToJoinCallDueToNoNetworkTitle, moreDetails: locale.strings.call.failedToJoinCallDueToNoNetworkMoreDetails, dataUiId: 'join-call-failed-due-to-no-network-page', 
+                /* @conditional-compile-remove(end-of-call-survey) */
+                surveyOptions: { hideSurvey: true } }));
             break;
         case 'leaving':
-            pageElement = (React.createElement(NoticePage, { title: (_l = locale.strings.call.leavingCallTitle) !== null && _l !== void 0 ? _l : 'Leaving...', dataUiId: 'leaving-page', pageStyle: leavePageStyle, disableStartCallButton: true }));
+            pageElement = (React.createElement(NoticePage, { title: (_l = locale.strings.call.leavingCallTitle) !== null && _l !== void 0 ? _l : 'Leaving...', dataUiId: 'leaving-page', pageStyle: leavePageStyle, disableStartCallButton: true, 
+                /* @conditional-compile-remove(end-of-call-survey) */
+                surveyOptions: { hideSurvey: true } }));
             break;
         case 'leftCall': {
             const { title, moreDetails, disableStartCallButton, iconName } = getEndedCallPageProps(locale, endedCall);
-            pageElement = (React.createElement(NoticePage, { iconName: iconName, title: title, moreDetails: moreDetails, dataUiId: 'left-call-page', disableStartCallButton: disableStartCallButton }));
+            pageElement = (React.createElement(NoticePage, { iconName: iconName, title: title, moreDetails: moreDetails, dataUiId: 'left-call-page', disableStartCallButton: disableStartCallButton, 
+                /* @conditional-compile-remove(end-of-call-survey) */
+                surveyOptions: (_m = props.options) === null || _m === void 0 ? void 0 : _m.surveyOptions }));
             break;
         }
         case 'lobby':
@@ -30710,7 +31110,7 @@ const MainScreen = (props) => {
         case 'unsupportedEnvironment':
             pageElement = (React.createElement(React.Fragment, null, 
             /* @conditional-compile-remove(unsupported-browser) */
-            React.createElement(UnsupportedBrowserPage, { onTroubleshootingClick: (_m = props.options) === null || _m === void 0 ? void 0 : _m.onEnvironmentInfoTroubleshootingClick, environmentInfo: adapter.getState().environmentInfo })));
+            React.createElement(UnsupportedBrowserPage, { onTroubleshootingClick: (_o = props.options) === null || _o === void 0 ? void 0 : _o.onEnvironmentInfoTroubleshootingClick, environmentInfo: adapter.getState().environmentInfo })));
             break;
     }
     if (!pageElement) {
@@ -31364,6 +31764,8 @@ class AzureCommunicationCallAdapter {
         this.stopVideoBackgroundEffects.bind(this);
         /* @conditional-compile-remove(video-background-effects) */
         this.updateBackgroundPickerImages.bind(this);
+        /* @conditional-compile-remove(end-of-call-survey) */
+        this.submitSurvey.bind(this);
     }
     dispose() {
         this.resetDiagnosticsForwarder();
@@ -31608,9 +32010,9 @@ class AzureCommunicationCallAdapter {
     unmute() {
         return __awaiter$5(this, void 0, void 0, function* () {
             return yield this.asyncTeeErrorToEventEmitter(() => __awaiter$5(this, void 0, void 0, function* () {
-                var _a, _b;
+                var _a, _b, _c;
                 this.context.setIsLocalMicrophoneEnabled(true);
-                if (_isInCall((_a = this.call) === null || _a === void 0 ? void 0 : _a.state) && ((_b = this.call) === null || _b === void 0 ? void 0 : _b.isMuted)) {
+                if ((_isInCall((_a = this.call) === null || _a === void 0 ? void 0 : _a.state) || _isInLobbyOrConnecting((_b = this.call) === null || _b === void 0 ? void 0 : _b.state)) && ((_c = this.call) === null || _c === void 0 ? void 0 : _c.isMuted)) {
                     yield this.handlers.onToggleMicrophone();
                 }
             }));
@@ -31802,6 +32204,12 @@ class AzureCommunicationCallAdapter {
             this.handlers.onSetSpokenLanguage(language);
         });
     }
+    /* @conditional-compile-remove(end-of-call-survey) */
+    submitSurvey(survey) {
+        return __awaiter$5(this, void 0, void 0, function* () {
+            return this.handlers.onSubmitSurvey(survey);
+        });
+    }
     getState() {
         return this.context.getState();
     }
@@ -32515,6 +32923,12 @@ class CallWithChatBackedCallAdapter {
     updateSelectedVideoBackgroundEffect(selectedVideoBackground) {
         return this.callWithChatAdapter.updateSelectedVideoBackgroundEffect(selectedVideoBackground);
     }
+    /* @conditional-compile-remove(end-of-call-survey) */
+    submitSurvey(survey) {
+        return __awaiter$4(this, void 0, void 0, function* () {
+            return this.callWithChatAdapter.submitSurvey(survey);
+        });
+    }
 }
 function callAdapterStateFromCallWithChatAdapterState(callWithChatAdapterState) {
     return {
@@ -32804,6 +33218,8 @@ const validNewChatMessage = (message) => !!message.senderDisplayName && (message
 // Licensed under the MIT License.
 const CallWithChatScreen = (props) => {
     const { callWithChatAdapter, fluentTheme, formFactor = 'desktop' } = props;
+    /* @conditional-compile-remove(end-of-call-survey) */
+    const { surveyOptions } = props;
     const mobileView = formFactor === 'mobile';
     if (!callWithChatAdapter) {
         throw new Error('CallWithChatAdapter is undefined');
@@ -32920,6 +33336,8 @@ const CallWithChatScreen = (props) => {
         galleryOptions: props.galleryOptions,
         /* @conditional-compile-remove(click-to-call) */
         localVideoTile: props.localVideoTile,
+        /* @conditional-compile-remove(end-of-call-survey) */
+        surveyOptions: surveyOptions,
         /* @conditional-compile-remove(custom-branding) */
         branding: {
             logo: props.logo,
@@ -32945,6 +33363,8 @@ const CallWithChatScreen = (props) => {
         props.localVideoTile,
         /* @conditional-compile-remove(pinned-participants) */
         props.remoteVideoTileMenuOptions,
+        /* @conditional-compile-remove(end-of-call-survey) */
+        surveyOptions,
         /* @conditional-compile-remove(custom-branding) */
         props.logo,
         /* @conditional-compile-remove(custom-branding) */
@@ -33599,6 +34019,12 @@ class AzureCommunicationCallWithChatAdapter {
     updateSelectedVideoBackgroundEffect(selectedVideoBackground) {
         return this.callAdapter.updateSelectedVideoBackgroundEffect(selectedVideoBackground);
     }
+    /* @conditional-compile-remove(end-of-call-survey) */
+    submitSurvey(survey) {
+        return __awaiter$2(this, void 0, void 0, function* () {
+            return this.callAdapter.submitSurvey(survey);
+        });
+    }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     on(event, listener) {
         switch (event) {