@azure/communication-react 1.27.0-alpha-202505010020 → 1.27.0-alpha-202505030017

package/dist/dist-cjs/communication-react/{index-l-iOzYiT.js → index-C3FKODFv.js}

@@ -187,7 +187,7 @@ function getDefaultExportFromCjs (x) {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.27.0-alpha-202505010020';
+var telemetryVersion = '1.27.0-alpha-202505030017';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -474,6 +474,13 @@ const getRemoteParticipants$1 = (state, props) => {
     var _a;
     return (_a = state.calls[props.callId]) === null || _a === void 0 ? void 0 : _a.remoteParticipants;
 };
+/**
+ * @private
+ */
+const getRemoteParticipantsEnded = (state, props) => {
+    var _a;
+    return (_a = state.calls[props.callId]) === null || _a === void 0 ? void 0 : _a.remoteParticipantsEnded;
+};
 /**
  * @private
  */
@@ -618,13 +625,11 @@ const getAssignedBreakoutRoom$1 = (state, props) => {
     var _a, _b;
     return (_b = (_a = state.calls[props.callId]) === null || _a === void 0 ? void 0 : _a.breakoutRooms) === null || _b === void 0 ? void 0 : _b.assignedBreakoutRoom;
 };
-/* @conditional-compile-remove(rtt) */
 /** @private */
 const getRealTimeTextStatus = (state, props) => {
     var _a;
     return (_a = state.calls[props.callId]) === null || _a === void 0 ? void 0 : _a.realTimeTextFeature.isRealTimeTextFeatureActive;
 };
-/* @conditional-compile-remove(rtt) */
 /** @private */
 const getRealTimeText = (state, props) => {
     var _a;
@@ -702,6 +707,22 @@ const _updateUserDisplayNames = (participants) => {
         return [];
     }
 };
+/**
+ * Get the display name of a participant for given userId
+ *
+ * @internal
+ *
+ */
+const getRemoteParticipantDisplayName = (participantUserId, remoteParticipants) => {
+    let displayName;
+    if (remoteParticipants) {
+        const participant = remoteParticipants[participantUserId];
+        if (participant) {
+            displayName = participant.displayName;
+        }
+    }
+    return displayName;
+};
 const memoizedUpdateDisplayName = memoizeFnAll((participantId, participant) => {
     if (communicationCommon.isPhoneNumberIdentifier(participant.identifier)) {
         return Object.assign(Object.assign({}, participant), { displayName: participant.identifier.phoneNumber });
@@ -1319,7 +1340,6 @@ 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(rtt) */
     const onSendRealTimeText = (text, isFinalized) => __awaiter$13(void 0, void 0, void 0, function* () {
         const realTimeTextFeature = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.RealTimeText);
         yield (realTimeTextFeature === null || realTimeTextFeature === void 0 ? void 0 : realTimeTextFeature.sendRealTimeText(text, isFinalized));
@@ -1511,7 +1531,6 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
         onPermitVideo,
         onForbidOthersVideo,
         onPermitOthersVideo,
-        /* @conditional-compile-remove(rtt) */
         onSendRealTimeText
     };
 });
@@ -1922,6 +1941,17 @@ const incomingCallStackSelector = reselect.createSelector([getIncomingCalls, get
     };
 });
 
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/**
+ * Selector for all remote participants in a call, active and inactive.
+ * @public
+ */
+const allRemoteParticipantsSelector = reselect__namespace.createSelector([getRemoteParticipants$1, getRemoteParticipantsEnded], (remoteParticipants, remoteParticipantsEnded) => {
+    // Combine remoteParticipants and remoteParticipantsEnded into a single object
+    return Object.assign(Object.assign({}, remoteParticipants), remoteParticipantsEnded);
+});
+
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 /**
@@ -1963,20 +1993,14 @@ const captionSettingsSelector = reselect__namespace.createSelector([
  */
 const captionsBannerSelector = reselect__namespace.createSelector([
     getCaptions,
-    /* @conditional-compile-remove(rtt) */
     getRealTimeText,
     getCaptionsStatus$1,
-    /* @conditional-compile-remove(rtt) */
     getRealTimeTextStatus,
     getStartCaptionsInProgress,
-    getRemoteParticipants$1,
+    allRemoteParticipantsSelector,
     getDisplayName$2,
     getIdentifier
-], (captions, 
-/* @conditional-compile-remove(rtt) */
-realTimeTexts, isCaptionsFeatureActive, 
-/* @conditional-compile-remove(rtt) */
-isRealTimeTextActive, startCaptionsInProgress, remoteParticipants, displayName, identifier) => {
+], (captions, realTimeTexts, isCaptionsFeatureActive, isRealTimeTextActive, startCaptionsInProgress, allRemoteParticipants, displayName, identifier) => {
     var _a, _b;
     const captionsInfo = captions === null || captions === void 0 ? void 0 : captions.map((c, index) => {
         const userId = getCaptionsSpeakerIdentifier(c);
@@ -1984,11 +2008,8 @@ isRealTimeTextActive, startCaptionsInProgress, remoteParticipants, displayName,
         if (userId === identifier) {
             finalDisplayName = displayName;
         }
-        else if (remoteParticipants) {
-            const participant = remoteParticipants[userId];
-            if (participant) {
-                finalDisplayName = participant.displayName;
-            }
+        else {
+            finalDisplayName = getRemoteParticipantDisplayName(userId, allRemoteParticipants);
         }
         return {
             id: (finalDisplayName !== null && finalDisplayName !== void 0 ? finalDisplayName : 'Unnamed Participant') + index,
@@ -1998,12 +2019,11 @@ isRealTimeTextActive, startCaptionsInProgress, remoteParticipants, displayName,
             createdTimeStamp: c.timestamp
         };
     });
-    /* @conditional-compile-remove(rtt) */
     const completedRealTimeTexts = (_a = realTimeTexts === null || realTimeTexts === void 0 ? void 0 : realTimeTexts.completedMessages) === null || _a === void 0 ? void 0 : _a.filter((rtt) => rtt.message !== '').map((rtt) => {
         const userId = getRealTimeTextSpeakerIdentifier(rtt);
         return {
             id: rtt.sequenceId,
-            displayName: getRealTimeTextDisplayName(rtt, identifier, remoteParticipants, displayName, userId),
+            displayName: getRealTimeTextDisplayName(rtt, identifier, allRemoteParticipants, displayName, userId),
             message: rtt.message,
             userId,
             isTyping: rtt.resultType === 'Partial',
@@ -2011,12 +2031,11 @@ isRealTimeTextActive, startCaptionsInProgress, remoteParticipants, displayName,
             finalizedTimeStamp: rtt.updatedTimestamp
         };
     });
-    /* @conditional-compile-remove(rtt) */
     const inProgressRealTimeTexts = (_b = realTimeTexts === null || realTimeTexts === void 0 ? void 0 : realTimeTexts.currentInProgress) === null || _b === void 0 ? void 0 : _b.filter((rtt) => rtt.message !== '').map((rtt) => {
         const userId = getRealTimeTextSpeakerIdentifier(rtt);
         return {
             id: rtt.sequenceId,
-            displayName: getRealTimeTextDisplayName(rtt, identifier, remoteParticipants, displayName, userId),
+            displayName: getRealTimeTextDisplayName(rtt, identifier, allRemoteParticipants, displayName, userId),
             message: rtt.message,
             userId,
             isTyping: rtt.resultType === 'Partial',
@@ -2024,7 +2043,6 @@ isRealTimeTextActive, startCaptionsInProgress, remoteParticipants, displayName,
             finalizedTimeStamp: rtt.updatedTimestamp
         };
     });
-    /* @conditional-compile-remove(rtt) */
     const myInProgress = (realTimeTexts === null || realTimeTexts === void 0 ? void 0 : realTimeTexts.myInProgress) && realTimeTexts.myInProgress.message !== ''
         ? {
             id: realTimeTexts.myInProgress.sequenceId,
@@ -2036,10 +2054,8 @@ isRealTimeTextActive, startCaptionsInProgress, remoteParticipants, displayName,
             finalizedTimeStamp: realTimeTexts.myInProgress.updatedTimestamp
         }
         : undefined;
-    /* @conditional-compile-remove(rtt) */
     // find the last final local real time text caption if myInProgress is not available
     let latestLocalRealTimeText;
-    /* @conditional-compile-remove(rtt) */
     if (!myInProgress) {
         latestLocalRealTimeText =
             realTimeTexts &&
@@ -2051,7 +2067,6 @@ isRealTimeTextActive, startCaptionsInProgress, remoteParticipants, displayName,
     }
     return {
         captions: captionsInfo !== null && captionsInfo !== void 0 ? captionsInfo : [],
-        /* @conditional-compile-remove(rtt) */
         realTimeTexts: {
             completedMessages: completedRealTimeTexts,
             currentInProgress: inProgressRealTimeTexts,
@@ -2059,30 +2074,23 @@ isRealTimeTextActive, startCaptionsInProgress, remoteParticipants, displayName,
         },
         isCaptionsOn: isCaptionsFeatureActive !== null && isCaptionsFeatureActive !== void 0 ? isCaptionsFeatureActive : false,
         startCaptionsInProgress: startCaptionsInProgress !== null && startCaptionsInProgress !== void 0 ? startCaptionsInProgress : false,
-        /* @conditional-compile-remove(rtt) */
         isRealTimeTextOn: isRealTimeTextActive !== null && isRealTimeTextActive !== void 0 ? isRealTimeTextActive : false,
-        /* @conditional-compile-remove(rtt) */
         latestLocalRealTimeText: (myInProgress !== null && myInProgress !== void 0 ? myInProgress : latestLocalRealTimeText)
     };
 });
 const getCaptionsSpeakerIdentifier = (captions) => {
     return captions.speaker.identifier ? toFlatCommunicationIdentifier(captions.speaker.identifier) : '';
 };
-/* @conditional-compile-remove(rtt) */
 const getRealTimeTextSpeakerIdentifier = (realTimeText) => {
     return realTimeText.sender.identifier ? toFlatCommunicationIdentifier(realTimeText.sender.identifier) : '';
 };
-/* @conditional-compile-remove(rtt) */
-const getRealTimeTextDisplayName = (realTimeText, identifier, remoteParticipants, displayName, userId) => {
+const getRealTimeTextDisplayName = (realTimeText, identifier, allRemoteParticipants, displayName, userId) => {
     let finalDisplayName;
     if (userId === identifier) {
         finalDisplayName = displayName;
     }
-    else if (remoteParticipants) {
-        const participant = remoteParticipants[userId];
-        if (participant) {
-            finalDisplayName = participant.displayName;
-        }
+    else {
+        finalDisplayName = getRemoteParticipantDisplayName(userId, allRemoteParticipants);
     }
     return finalDisplayName !== null && finalDisplayName !== void 0 ? finalDisplayName : 'Unnamed Participant';
 };
@@ -2496,7 +2504,6 @@ function convertSdkCallToDeclarativeCall(call) {
             startCaptionsInProgress: false,
             captionsKind: _isTeamsCall(call) ? 'TeamsCaptions' : 'Captions'
         },
-        /* @conditional-compile-remove(rtt) */
         realTimeTextFeature: {
             realTimeTexts: {},
             isRealTimeTextFeatureActive: false
@@ -2559,7 +2566,6 @@ function convertFromTeamsSDKToCaptionInfoState(caption) {
 function convertFromSDKToCaptionInfoState(caption) {
     return Object.assign({ captionText: caption.spokenText }, caption);
 }
-/* @conditional-compile-remove(rtt) */
 /**
  * @private
  */
@@ -3652,7 +3658,6 @@ let CallContext$2 = class CallContext {
         this._atomicId++;
         return id;
     }
-    /* @conditional-compile-remove(rtt) */
     processNewRealTimeText(realTimeTexts, newRealTimeText) {
         var _a, _b, _c, _d, _e;
         // if the new message is final, push it to completed messages
@@ -3704,7 +3709,6 @@ let CallContext$2 = class CallContext {
             realTimeTexts.completedMessages.shift();
         }
     }
-    /* @conditional-compile-remove(rtt) */
     findTimeoutRealTimeText(inProgressRealTimeTexts, completedRealTimeTexts) {
         // if inProgressRealTimeTexts is an array
         if (inProgressRealTimeTexts && Array.isArray(inProgressRealTimeTexts)) {
@@ -3793,7 +3797,6 @@ let CallContext$2 = class CallContext {
             }
         });
     }
-    /* @conditional-compile-remove(rtt) */
     addRealTimeText(callId, realTimeText) {
         this.modifyState((draft) => {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
@@ -3826,7 +3829,6 @@ let CallContext$2 = class CallContext {
             }
         });
     }
-    /* @conditional-compile-remove(rtt) */
     setIsRealTimeTextActive(callId, isRealTimeTextActive) {
         this.modifyState((draft) => {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
@@ -5648,7 +5650,6 @@ class MediaAccessSubscriber {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-/* @conditional-compile-remove(rtt) */
 /**
  * @private
  */
@@ -5755,7 +5756,6 @@ class CallSubscriber {
             this._optimalVideoCountSubscriber.unsubscribe();
             this._pptLiveSubscriber.unsubscribe();
             (_b = this._CaptionsFeatureSubscriber) === null || _b === void 0 ? void 0 : _b.unsubscribe();
-            /* @conditional-compile-remove(rtt) */
             if (this._realTimeTextSubscriber) {
                 this._realTimeTextSubscriber.unsubscribe();
             }
@@ -8948,11 +8948,8 @@ const DEFAULT_COMPONENT_ICONS = {
     IncomingCallNotificationAcceptWithVideoIcon: React.createElement(reactIcons.Video20Filled, null),
     /* @conditional-compile-remove(together-mode) */
     NotificationBarTogetherModeIcon: React.createElement(reactIcons.PeopleAudience20Regular, null),
-    /* @conditional-compile-remove(rtt) */
     RealTimeTextIcon: React.createElement(reactIcons.SlideTextCall20Regular, null),
-    /* @conditional-compile-remove(rtt) */
     ExpandIcon: React.createElement(reactIcons.ArrowMaximize20Regular, null),
-    /* @conditional-compile-remove(rtt) */
     MinimizeIcon: React.createElement(reactIcons.ArrowMinimize20Regular, null)
 };
 
@@ -8978,7 +8975,7 @@ const inputBoxStyle = react.mergeStyles({
     height: '2.25rem',
     lineHeight: '1.5rem',
     '::-webkit-input-placeholder': {
-        fontSize: '0.875rem'
+        fontSize: '1rem' // Prevents screen zooming on iOS
     },
     '::-moz-placeholder': {
         fontSize: '0.875rem'
@@ -12104,6 +12101,10 @@ const ImageOverlay = (props) => {
 const richTextEditorStyle = (props) => {
     return react.mergeStyles({
         border: 'none',
+        fontSize: '0.875rem',
+        '::-webkit-input-placeholder': {
+            fontSize: '1rem' // Prevents screen zooming on iOS
+        },
         overflow: 'auto',
         outline: 'none',
         minHeight: props.minHeight,
@@ -16379,7 +16380,7 @@ class _ErrorBoundary extends React.Component {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 /* @conditional-compile-remove(rich-text-editor) */
-const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-heshKufx.js'); }));
+const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-dgH1lZ3e.js'); }));
 /**
  * @private
  * Use this function to load RoosterJS dependencies early in the lifecycle.
@@ -16387,7 +16388,7 @@ const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve()
  *
  * @conditional-compile-remove(rich-text-editor)
  */
-const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-heshKufx.js'); });
+const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-dgH1lZ3e.js'); });
 /**
  * @private
  */
@@ -25879,14 +25880,12 @@ const displayNameClassName = react.mergeStyles({
     fontSize: _pxToRem(12),
     lineHeight: _pxToRem(16)
 });
-/* @conditional-compile-remove(rtt) */
 /**
  * @private
  */
 const bannerTitleContainerClassName = react.mergeStyles({
     paddingBottom: _pxToRem(10)
 });
-/* @conditional-compile-remove(rtt) */
 /**
  * @private
  */
@@ -25903,7 +25902,6 @@ const isTypingClassName = (theme) => {
         lineHeight: _pxToRem(16)
     });
 };
-/* @conditional-compile-remove(rtt) */
 /**
  * @private
  */
@@ -25912,7 +25910,6 @@ const rttContainerClassName = (theme, isTyping) => {
         borderLeft: isTyping ? `2px solid ${theme.palette.themeLighter}` : 'none'
     });
 };
-/* @conditional-compile-remove(rtt) */
 /**
  * @private
  */
@@ -25922,7 +25919,6 @@ const rttDisclosureBannerClassName = () => {
         paddingTop: '0.5rem'
     });
 };
-/* @conditional-compile-remove(rtt) */
 /**
  * @private
  */
@@ -25935,7 +25931,6 @@ const realTimeTextInputBoxStyles = (theme) => ({
         borderColor: theme.palette.neutralQuaternaryAlt
     }
 });
-/* @conditional-compile-remove(rtt) */
 /**
  * @private
  */
@@ -26075,8 +26070,6 @@ const _Caption = (props) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-/* @conditional-compile-remove(rtt) */
-/* @conditional-compile-remove(rtt) */
 /**
  * @public
  * A component for displaying a single line of RealTimeText
@@ -26225,7 +26218,6 @@ const Notification = (props) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-/* @conditional-compile-remove(rtt) */
 /**
  * @private
  */
@@ -26239,7 +26231,6 @@ const rttContainerStyles = (theme) => ({
         backgroundColor: theme.palette.white
     }
 });
-/* @conditional-compile-remove(rtt) */
 /**
  * @private
  */
@@ -26252,8 +26243,6 @@ const rttIconStyles = () => ({
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-/* @conditional-compile-remove(rtt) */
-/* @conditional-compile-remove(rtt) */
 /**
  * @private
  * Banner to disclose that RTT is enabled for all participants for the entire duration of the meeting.
@@ -26272,7 +26261,6 @@ const _RTTDisclosureBanner = (props) => {
         }, onClickLink: props.onClickLink, styles: { root: rttContainerStyles(theme) } }));
 };
 
-/* @conditional-compile-remove(rtt) */
 /**
  * Sorts the captions and real time texts based on their timestamp.
  *
@@ -26407,23 +26395,13 @@ const SCROLL_OFFSET_ALLOWANCE = 20;
  */
 const CaptionsBanner = (props) => {
     var _a, _b, _c;
-    const { captions, 
-    /* @conditional-compile-remove(rtt) */
-    realTimeTexts, isCaptionsOn, startCaptionsInProgress, onRenderAvatar, formFactor = 'default', captionsOptions, 
-    /* @conditional-compile-remove(rtt) */
-    isRealTimeTextOn, 
-    /* @conditional-compile-remove(rtt) */
-    onSendRealTimeText, 
-    /* @conditional-compile-remove(rtt) */
-    latestLocalRealTimeText } = props;
+    const { captions, realTimeTexts, isCaptionsOn, startCaptionsInProgress, onRenderAvatar, formFactor = 'default', captionsOptions, isRealTimeTextOn, onSendRealTimeText, latestLocalRealTimeText } = props;
     const localeStrings = useLocale$1().strings.captionsBanner;
     const strings = Object.assign(Object.assign({}, localeStrings), props.strings);
     const captionsScrollDivRef = React.useRef(null);
     const [isAtBottomOfScroll, setIsAtBottomOfScroll] = React.useState(true);
     const theme = react.useTheme();
-    /* @conditional-compile-remove(rtt) */
     const [expandBannerHeight, setExpandBannerHeight] = React.useState(false);
-    /* @conditional-compile-remove(rtt) */
     const getTitle = () => {
         var _a, _b, _c;
         if (isCaptionsOn && isRealTimeTextOn) {
@@ -26437,14 +26415,12 @@ const CaptionsBanner = (props) => {
         }
         return '';
     };
-    /* @conditional-compile-remove(rtt) */
     // merge realtimetexts and captions into one array based on timestamp
     // Combine captions and realTimeTexts into one list
     const combinedList = React.useMemo(() => {
         var _a;
         return sortCaptionsAndRealTimeTexts(captions, (_a = realTimeTexts === null || realTimeTexts === void 0 ? void 0 : realTimeTexts.completedMessages) !== null && _a !== void 0 ? _a : []);
     }, [captions, realTimeTexts === null || realTimeTexts === void 0 ? void 0 : realTimeTexts.completedMessages]);
-    /* @conditional-compile-remove(rtt) */
     const mergedCaptions = React.useMemo(() => {
         var _a;
         return [...combinedList, ...((_a = realTimeTexts === null || realTimeTexts === void 0 ? void 0 : realTimeTexts.currentInProgress) !== null && _a !== void 0 ? _a : []), realTimeTexts === null || realTimeTexts === void 0 ? void 0 : realTimeTexts.myInProgress].slice(-50);
@@ -26468,23 +26444,20 @@ const CaptionsBanner = (props) => {
         return () => {
             captionsScrollDiv === null || captionsScrollDiv === void 0 ? void 0 : captionsScrollDiv.removeEventListener('scroll', handleScrollToTheBottom);
         };
-    }, [handleScrollToTheBottom, isCaptionsOn, /* @conditional-compile-remove(rtt) */ isRealTimeTextOn]);
+    }, [handleScrollToTheBottom, isCaptionsOn, isRealTimeTextOn]);
     React.useEffect(() => {
         // only auto scroll to bottom is already is at bottom of scroll before new caption comes in
         if (isAtBottomOfScroll) {
             scrollToBottom();
         }
-    }, [captions, /* @conditional-compile-remove(rtt) */ realTimeTexts, isAtBottomOfScroll]);
-    /* @conditional-compile-remove(rtt) */
+    }, [captions, realTimeTexts, isAtBottomOfScroll]);
     const [textFieldValue, setTextFieldValue] = React.useState('');
-    /* @conditional-compile-remove(rtt) */
     React.useEffect(() => {
         // if the latest real time text sent by myself is final, clear the text field
         if (latestLocalRealTimeText && !latestLocalRealTimeText.isTyping) {
             setTextFieldValue('');
         }
     }, [latestLocalRealTimeText]);
-    /* @conditional-compile-remove(rtt) */
     const handleKeyDown = (event) => {
         if (event.key === 'Enter') {
             event.preventDefault();
@@ -26494,14 +26467,12 @@ const CaptionsBanner = (props) => {
             }
         }
     };
-    /* @conditional-compile-remove(rtt) */
     const realTimeTextDisclosureBannerStrings = {
         bannerTitle: (_a = strings.realTimeTextBannerTitle) !== null && _a !== void 0 ? _a : '',
         bannerContent: (_b = strings.realTimeTextBannerContent) !== null && _b !== void 0 ? _b : '',
         bannerLinkLabel: (_c = strings.realTimeTextBannerLinkLabel) !== null && _c !== void 0 ? _c : ''
     };
-    const captionsTrampoline = () => {
-        /* @conditional-compile-remove(rtt) */
+    const captionsAndRealTimeText = () => {
         return (React.createElement(React.Fragment, null, mergedCaptions
             .filter((caption) => caption)
             .map((caption) => {
@@ -26513,22 +26484,22 @@ const CaptionsBanner = (props) => {
                 React.createElement(_Caption, Object.assign({}, caption, { onRenderAvatar: onRenderAvatar }))));
         })));
     };
-    return (React.createElement(React.Fragment, null, (startCaptionsInProgress || isCaptionsOn || /* @conditional-compile-remove(rtt) */ isRealTimeTextOn) && (React.createElement(react.FocusZone, { shouldFocusOnMount: true, className: captionsContainerClassName, "data-ui-id": "captions-banner" },
-        /* @conditional-compile-remove(rtt) */ (isCaptionsOn || isRealTimeTextOn) && formFactor === 'compact' && (React.createElement(react.Stack, { horizontal: true, horizontalAlign: "space-between", verticalAlign: "center", className: bannerTitleContainerClassName },
+    return (React.createElement(React.Fragment, null, (startCaptionsInProgress || isCaptionsOn || isRealTimeTextOn) && (React.createElement(react.FocusZone, { shouldFocusOnMount: true, className: captionsContainerClassName, "data-ui-id": "captions-banner" },
+        (isCaptionsOn || isRealTimeTextOn) && formFactor === 'compact' && (React.createElement(react.Stack, { horizontal: true, horizontalAlign: "space-between", verticalAlign: "center", className: bannerTitleContainerClassName },
             React.createElement(react.Text, { className: titleClassName$2 }, getTitle()),
             React.createElement(react.IconButton, { "data-ui-id": "captions-banner-expand-icon", iconProps: { iconName: expandBannerHeight ? 'MinimizeIcon' : 'ExpandIcon' }, ariaLabel: expandBannerHeight ? strings.minimizeButtonAriaLabel : strings.expandButtonAriaLabel, onClick: () => setExpandBannerHeight(!expandBannerHeight), styles: expandIconClassName(theme) }))),
-        (isCaptionsOn || /* @conditional-compile-remove(rtt) */ isRealTimeTextOn) && (React.createElement("ul", { ref: captionsScrollDivRef, className: (captionsOptions === null || captionsOptions === void 0 ? void 0 : captionsOptions.height) === 'full'
+        (isCaptionsOn || isRealTimeTextOn) && (React.createElement("ul", { ref: captionsScrollDivRef, className: (captionsOptions === null || captionsOptions === void 0 ? void 0 : captionsOptions.height) === 'full'
                 ? captionsBannerFullHeightClassName(theme)
-                : captionsBannerClassName(formFactor, /* @conditional-compile-remove(rtt) */ expandBannerHeight), "data-ui-id": "captions-banner-inner", "data-is-focusable": true },
-            /* @conditional-compile-remove(rtt) */ isRealTimeTextOn && (React.createElement("li", null,
+                : captionsBannerClassName(formFactor, expandBannerHeight), "data-ui-id": "captions-banner-inner", "data-is-focusable": true },
+            isRealTimeTextOn && (React.createElement("li", null,
                 React.createElement(react.Stack, { className: rttDisclosureBannerClassName() },
                     React.createElement(_RTTDisclosureBanner, { strings: realTimeTextDisclosureBannerStrings })))),
-            captionsTrampoline())),
-        /* @conditional-compile-remove(rtt) */ isRealTimeTextOn && onSendRealTimeText && (React.createElement(react.TextField, { styles: realTimeTextInputBoxStyles(theme), placeholder: strings.realTimeTextInputBoxDefaultText, value: textFieldValue, onKeyDown: handleKeyDown, onChange: (_, newValue) => {
+            captionsAndRealTimeText())),
+        isRealTimeTextOn && onSendRealTimeText && (React.createElement(react.TextField, { styles: realTimeTextInputBoxStyles(theme), placeholder: strings.realTimeTextInputBoxDefaultText, value: textFieldValue, onKeyDown: handleKeyDown, onChange: (_, newValue) => {
                 setTextFieldValue(newValue || '');
                 onSendRealTimeText(newValue || '', false);
             }, maxLength: 2000, errorMessage: textFieldValue.length >= 2000 ? strings.realTimeTextInputErrorMessage : undefined })),
-        !isCaptionsOn && /* @conditional-compile-remove(rtt) */ !isRealTimeTextOn && (React.createElement(react.Stack, { verticalAlign: "center", styles: (captionsOptions === null || captionsOptions === void 0 ? void 0 : captionsOptions.height) === 'full'
+        !isCaptionsOn && !isRealTimeTextOn && (React.createElement(react.Stack, { verticalAlign: "center", styles: (captionsOptions === null || captionsOptions === void 0 ? void 0 : captionsOptions.height) === 'full'
                 ? loadingBannerFullHeightStyles(theme)
                 : loadingBannerStyles(formFactor), "data-is-focusable": true },
             React.createElement(react.Spinner, { label: strings === null || strings === void 0 ? void 0 : strings.captionsBannerSpinnerText, ariaLive: "assertive", labelPosition: "right" })))))));
@@ -26795,7 +26766,6 @@ var __awaiter$E = (window && window.__awaiter) || function (thisArg, _arguments,
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-/* @conditional-compile-remove(rtt) */
 /**
  * @public
  * a component for realTimeText modal
@@ -27190,8 +27160,6 @@ const IncomingCallStack = (props) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-/* @conditional-compile-remove(rtt) */
-/* @conditional-compile-remove(rtt) */
 /**
  * a button to start RealTimeText
  * based on accessibility requirement, real time text cannot be turned off once it is on
@@ -32302,7 +32270,7 @@ const AttachmentDownloadErrorBar = (props) => {
 /**
  * Wrapper for RichTextSendBox component to allow us to use usePropsFor with richTextSendBox with lazy loading
  */
-const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-U9Kb5aXn.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
+const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-AlatcZfr.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
 /**
  * @private
  * Use this function to load RoosterJS dependencies early in the lifecycle.
@@ -32310,7 +32278,7 @@ const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function
  *
 /* @conditional-compile-remove(rich-text-editor-composite-support)
  */
-const loadRichTextSendBox = () => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-U9Kb5aXn.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
+const loadRichTextSendBox = () => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-AlatcZfr.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
 /**
  * @private
  */
@@ -34332,7 +34300,6 @@ const createCompositeHandlers = memoizeOne((adapter, capabilities) => {
         onDisposeTogetherModeStreamView: () => __awaiter$q(void 0, void 0, void 0, function* () {
             return yield adapter.disposeTogetherModeStreamView();
         }),
-        /* @conditional-compile-remove(rtt) */
         onSendRealTimeText: (text, isFinalized) => __awaiter$q(void 0, void 0, void 0, function* () {
             return yield adapter.sendRealTimeText(text, isFinalized);
         })
@@ -34585,25 +34552,15 @@ const CallingCaptionsBanner = (props) => {
     const strings = useLocale().strings.call;
     const captionsBannerStrings = {
         captionsBannerSpinnerText: strings.captionsBannerSpinnerText,
-        /* @conditional-compile-remove(rtt) */
         realTimeTextInputBoxDefaultText: strings.realTimeTextInputBoxDefaultText,
-        /* @conditional-compile-remove(rtt) */
         realTimeTextInputErrorMessage: strings.realTimeTextInputErrorMessage,
-        /* @conditional-compile-remove(rtt) */
         realTimeTextBannerContent: strings.realTimeTextBannerContent,
-        /* @conditional-compile-remove(rtt) */
         realTimeTextBannerTitle: strings.realTimeTextBannerTitle,
-        /* @conditional-compile-remove(rtt) */
         realTimeTextBannerLinkLabel: strings.realTimeTextBannerLinkLabel,
-        /* @conditional-compile-remove(rtt) */
         captionsOnlyContainerTitle: strings.captionsOnlyContainerTitle,
-        /* @conditional-compile-remove(rtt) */
         realTimeTextOnlyContainerTitle: strings.realTimeTextOnlyContainerTitle,
-        /* @conditional-compile-remove(rtt) */
         captionsAndRealTimeTextContainerTitle: strings.captionsAndRealTimeTextContainerTitle,
-        /* @conditional-compile-remove(rtt) */
         expandButtonAriaLabel: strings.expandButtonAriaLabel,
-        /* @conditional-compile-remove(rtt) */
         minimizeButtonAriaLabel: strings.minimizeButtonAriaLabel
     };
     const onRenderAvatar = React.useCallback((userId, options) => {
@@ -34624,9 +34581,7 @@ const CallingCaptionsBanner = (props) => {
         React.createElement("div", { className: containerClassName, role: "region", "aria-label": strings.liveCaptionsLabel },
             React.createElement(react.Stack, { horizontalAlign: "center" },
                 React.createElement(react.Stack.Item, { style: { width: props.isMobile ? mobileViewBannerWidth : desktopViewBannerWidth } },
-                    React.createElement(CaptionsBanner, Object.assign({ captionsOptions: props.captionsOptions, onRenderAvatar: onRenderAvatar, formFactor: props.isMobile ? 'compact' : 'default', strings: captionsBannerStrings }, captionsBannerProps, { 
-                        /* @conditional-compile-remove(rtt) */
-                        isRealTimeTextOn: props.isRealTimeTextOn || captionsBannerProps.isRealTimeTextOn })))),
+                    React.createElement(CaptionsBanner, Object.assign({ captionsOptions: props.captionsOptions, onRenderAvatar: onRenderAvatar, formFactor: props.isMobile ? 'compact' : 'default', strings: captionsBannerStrings }, captionsBannerProps, { isRealTimeTextOn: props.isRealTimeTextOn || captionsBannerProps.isRealTimeTextOn })))),
             !props.isMobile && captionsBannerProps.isCaptionsOn && (React.createElement("div", { className: floatingChildClassName },
                 React.createElement(CaptionsBannerMoreButton, { onCaptionsSettingsClick: onClickCaptionsSettings }))))));
 };
@@ -35645,7 +35600,6 @@ const DesktopMoreButton = (props) => {
     const localeStrings = useLocale();
     const holdButtonProps = usePropsFor$1(HoldButton);
     const startCaptionsButtonProps = usePropsFor$1(StartCaptionsButton);
-    /* @conditional-compile-remove(rtt) */
     const realTimeTextProps = usePropsFor$1(CaptionsBanner);
     const startCaptions = React.useCallback(() => __awaiter$m(void 0, void 0, void 0, function* () {
         yield startCaptionsButtonProps.onStartCaptions({
@@ -35759,7 +35713,6 @@ const DesktopMoreButton = (props) => {
         }
     }
     //RTT
-    /* @conditional-compile-remove(rtt) */
     if (props.isRealTimeTextSupported) {
         const realTimeTextContextualMenuItems = [];
         const rttDisabled = props.disableButtonsForHoldScreen || realTimeTextProps.isRealTimeTextOn || props.startRealTimeTextButtonChecked;
@@ -36304,8 +36257,6 @@ const timerTextStyle = {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-/* @conditional-compile-remove(rtt) */
-/* @conditional-compile-remove(rtt) */
 /** @private */
 const CallingRealTimeTextModal = (props) => {
     const strings = useLocale().strings.call;
@@ -36362,7 +36313,6 @@ const CommonCallControlBar = (props) => {
     const callWithChatStrings = useCallWithChatCompositeStrings();
     const options = inferCommonCallControlOptions(props.mobileView, props.callControls);
     const [showCaptionsSettingsModal, setShowCaptionsSettingsModal] = React.useState(false);
-    /* @conditional-compile-remove(rtt) */
     const [showRealTimeTextModal, setShowRealTimeTextModal] = React.useState(false);
     // If the hangup capability is not present, we default to true
     const isHangUpForEveryoneAllowed = (_a = useSelector$1((state) => { var _a, _b; return (_b = (_a = state.call) === null || _a === void 0 ? void 0 : _a.capabilitiesFeature) === null || _b === void 0 ? void 0 : _b.capabilities.hangUpForEveryOne.isPresent; })) !== null && _a !== void 0 ? _a : true;
@@ -36398,11 +36348,9 @@ const CommonCallControlBar = (props) => {
     const openCaptionsSettingsModal = React.useCallback(() => {
         setShowCaptionsSettingsModal(true);
     }, []);
-    /* @conditional-compile-remove(rtt) */
     const openRealTimeTextModal = React.useCallback(() => {
         setShowRealTimeTextModal(true);
     }, []);
-    /* @conditional-compile-remove(rtt) */
     const onDismissRealTimeTextModal = React.useCallback(() => {
         setShowRealTimeTextModal(false);
     }, []);
@@ -36498,21 +36446,20 @@ const CommonCallControlBar = (props) => {
     const cameraButtonIsEnabled = isEnabled$1(options === null || options === void 0 ? void 0 : options.cameraButton);
     const showExitSpotlightButton = (options === null || options === void 0 ? void 0 : options.exitSpotlightButton) !== false;
     const showCaptionsButton = props.isCaptionsSupported && isEnabled$1(options.captionsButton);
-    /* @conditional-compile-remove(rtt) */
     const showRealTimeTextButton = props.isRealTimeTextSupported;
     const showTeamsMeetingPhoneCallButton = isEnabled$1(options === null || options === void 0 ? void 0 : options.teamsMeetingPhoneCallButton);
     const showDesktopMoreButton = isEnabled$1(options === null || options === void 0 ? void 0 : options.moreButton) &&
         (isEnabled$1(options === null || options === void 0 ? void 0 : options.holdButton) ||
             showCaptionsButton ||
             props.onUserSetGalleryLayout ||
-            /* @conditional-compile-remove(rtt) */ showRealTimeTextButton);
+            showRealTimeTextButton);
     const role = (_b = props.callAdapter.getState().call) === null || _b === void 0 ? void 0 : _b.role;
     const hideRaiseHandButtonInRoomsCall = props.callAdapter.getState().isRoomsCall && role && ['Consumer', 'Unknown'].includes(role);
     const reactionResources = props.callAdapter.getState().reactions;
     return (React.createElement("div", { ref: controlBarSizeRef },
         React.createElement(CallAdapterProvider, { adapter: props.callAdapter },
             showCaptionsSettingsModal && (React.createElement(CallingCaptionsSettingsModal, { showCaptionsSettingsModal: showCaptionsSettingsModal, onDismissCaptionsSettings: onDismissCaptionsSettings, changeCaptionLanguage: props.isCaptionsOn && props.useTeamsCaptions })),
-            /* @conditional-compile-remove(rtt) */ showRealTimeTextModal && (React.createElement(CallingRealTimeTextModal, { showModal: showRealTimeTextModal, onDismissModal: onDismissRealTimeTextModal, onStartRealTimeText: props.onStartRealTimeText })),
+            showRealTimeTextModal && (React.createElement(CallingRealTimeTextModal, { showModal: showRealTimeTextModal, onDismissModal: onDismissRealTimeTextModal, onStartRealTimeText: props.onStartRealTimeText })),
             props.teamsMeetingConferenceModalPresent && (React.createElement(MeetingConferencePhoneInfoModal, { conferencePhoneInfoList: (_e = (_d = (_c = props.callAdapter.getState().call) === null || _c === void 0 ? void 0 : _c.meetingConference) === null || _d === void 0 ? void 0 : _d.conferencePhones) !== null && _e !== void 0 ? _e : [], showModal: props.teamsMeetingConferenceModalPresent, onDismissMeetingPhoneInfoSettings: props.onToggleTeamsMeetingConferenceModal }))),
         React.createElement(react.Stack, { horizontal: true, reversed: !props.mobileView && !isOutOfSpace, horizontalAlign: "space-between", className: react.mergeStyles(callControlsContainerStyles, controlBarContainerStyles, controlBarDesktopContainerStyles) },
             React.createElement(react.Stack.Item, { grow: true, className: react.mergeStyles(controlBarWrapperDesktopStyles) },
@@ -36549,13 +36496,7 @@ const CommonCallControlBar = (props) => {
                                         return (React.createElement(CustomButton, { key: `primary-custom-button-${i}`, styles: commonButtonStyles, showLabel: options.displayType !== 'compact', disableTooltip: props.mobileView }));
                                     }),
                                     props.mobileView && (React.createElement(MoreButton, { "data-ui-id": "common-call-composite-more-button", strings: moreButtonStrings, onClick: props.onMoreButtonClicked, disabled: props.disableButtonsForLobbyPage, disableTooltip: props.mobileView })),
-                                    !props.mobileView && showDesktopMoreButton && (React.createElement(DesktopMoreButton, { disableButtonsForHoldScreen: props.disableButtonsForHoldScreen, styles: commonButtonStyles, onClickShowDialpad: props.onClickShowDialpad, callControls: props.callControls, isCaptionsSupported: showCaptionsButton, 
-                                        /* @conditional-compile-remove(rtt) */
-                                        isRealTimeTextSupported: showRealTimeTextButton, onCaptionsSettingsClick: openCaptionsSettingsModal, 
-                                        /* @conditional-compile-remove(rtt) */
-                                        onStartRealTimeTextClick: openRealTimeTextModal, 
-                                        /* @conditional-compile-remove(rtt) */
-                                        startRealTimeTextButtonChecked: props.startRealTimeTextButtonChecked, onUserSetOverflowGalleryPositionChange: props.onUserSetOverflowGalleryPositionChange, onUserSetGalleryLayout: props.onUserSetGalleryLayout, userSetGalleryLayout: props.userSetGalleryLayout, dtmfDialerPresent: props.dtmfDialerPresent, onSetDialpadPage: props.onSetDialpadPage, teamsMeetingPhoneCallEnable: showTeamsMeetingPhoneCallButton, onMeetingPhoneInfoClick: props.onToggleTeamsMeetingConferenceModal })),
+                                    !props.mobileView && showDesktopMoreButton && (React.createElement(DesktopMoreButton, { disableButtonsForHoldScreen: props.disableButtonsForHoldScreen, styles: commonButtonStyles, onClickShowDialpad: props.onClickShowDialpad, callControls: props.callControls, isCaptionsSupported: showCaptionsButton, isRealTimeTextSupported: showRealTimeTextButton, onCaptionsSettingsClick: openCaptionsSettingsModal, onStartRealTimeTextClick: openRealTimeTextModal, startRealTimeTextButtonChecked: props.startRealTimeTextButtonChecked, onUserSetOverflowGalleryPositionChange: props.onUserSetOverflowGalleryPositionChange, onUserSetGalleryLayout: props.onUserSetGalleryLayout, userSetGalleryLayout: props.userSetGalleryLayout, dtmfDialerPresent: props.dtmfDialerPresent, onSetDialpadPage: props.onSetDialpadPage, teamsMeetingPhoneCallEnable: showTeamsMeetingPhoneCallButton, onMeetingPhoneInfoClick: props.onToggleTeamsMeetingConferenceModal })),
                                     React.createElement(EndCall, { displayType: "compact", mobileView: props.mobileView, styles: endCallButtonStyles, enableEndCallMenu: !isBoolean(props.callControls) &&
                                             !isBoolean((_g = props.callControls) === null || _g === void 0 ? void 0 : _g.endCallButton) &&
                                             !props.mobileView &&
@@ -36824,19 +36765,15 @@ const MoreDrawer = (props) => {
     const { speakers, onSelectSpeaker, onLightDismiss } = props;
     const localeStrings = useLocale();
     const holdButtonProps = usePropsFor$1(HoldButton);
-    /* @conditional-compile-remove(rtt) */
     const realTimeTextProps = usePropsFor$1(CaptionsBanner);
     const callees = useSelector$1(getTargetCallees);
     const participants = useSelector$1(getRemoteParticipantsConnectedSelector);
     const allowDtmfDialer = showDtmfDialer(callees, participants, props.dtmfDialerOptions);
     const [dtmfDialerChecked, setDtmfDialerChecked] = React.useState((_a = props.dtmfDialerPresent) !== null && _a !== void 0 ? _a : false);
-    /* @conditional-compile-remove(rtt) */
     const [showRealTimeTextModal, setShowRealTimeTextModal] = React.useState(false);
-    /* @conditional-compile-remove(rtt) */
     const openRealTimeTextModal = React.useCallback(() => {
         setShowRealTimeTextModal(true);
     }, []);
-    /* @conditional-compile-remove(rtt) */
     const onDismissRealTimeTextModal = React.useCallback(() => {
         setShowRealTimeTextModal(false);
     }, []);
@@ -36861,7 +36798,6 @@ const MoreDrawer = (props) => {
     }, [speakers, onSelectSpeaker, onLightDismiss]);
     const drawerSelectionOptions = inferCallWithChatControlOptions(props.callControls);
     const showCaptionsButton = props.isCaptionsSupported && drawerSelectionOptions !== false && isEnabled(drawerSelectionOptions.captionsButton);
-    /* @conditional-compile-remove(rtt) */
     const showRealTimeTextButton = props.isRealTimeTextSupported;
     if (props.reactionResources !== undefined) {
         drawerMenuItems.push({
@@ -37189,10 +37125,8 @@ const MoreDrawer = (props) => {
             });
         }
     }
-    /* @conditional-compile-remove(rtt) */
     const rttDisabled = props.disableButtonsForHoldScreen || realTimeTextProps.isRealTimeTextOn || props.startRealTimeTextButtonChecked;
     // rtt
-    /* @conditional-compile-remove(rtt) */
     if (showRealTimeTextButton) {
         const realTimeTextDrawerItems = [];
         drawerMenuItems.push({
@@ -37231,7 +37165,7 @@ const MoreDrawer = (props) => {
         drawerMenuItems.push(element);
     });
     return (React.createElement(React.Fragment, null,
-        /* @conditional-compile-remove(rtt) */ showRealTimeTextModal && (React.createElement(CallingRealTimeTextModal, { showModal: showRealTimeTextModal, onDismissModal: onDismissRealTimeTextModal, onStartRealTimeText: props.onStartRealTimeText })),
+        showRealTimeTextModal && (React.createElement(CallingRealTimeTextModal, { showModal: showRealTimeTextModal, onDismissModal: onDismissRealTimeTextModal, onStartRealTimeText: props.onStartRealTimeText })),
         isSpokenLanguageDrawerOpen && showCaptionsButton && (React.createElement(SpokenLanguageSettingsDrawer, { onLightDismiss: props.onLightDismiss, selectLanguage: setCurrentSpokenLanguage, setCurrentLanguage: captionSettingsProp.onSetSpokenLanguage, currentLanguage: currentSpokenLanguage, strings: { menuTitle: props.strings.spokenLanguageMenuTitle }, supportedLanguageStrings: supportedSpokenLanguageStrings })),
         isCaptionLanguageDrawerOpen && showCaptionsButton && (React.createElement(CaptionLanguageSettingsDrawer, { onLightDismiss: props.onLightDismiss, selectLanguage: setCurrentCaptionLanguage, setCurrentLanguage: captionSettingsProp.onSetCaptionLanguage, currentLanguage: currentCaptionLanguage, strings: { menuTitle: props.strings.captionLanguageMenuTitle }, supportedLanguageStrings: supportedCaptionLanguageStrings })),
         !isSpokenLanguageDrawerOpen && !isCaptionLanguageDrawerOpen && (React.createElement(_DrawerMenu, { items: drawerMenuItems, onLightDismiss: props.onLightDismiss }))));
@@ -39857,9 +39791,7 @@ const CallArrangement = (props) => {
         ? (latestNotifications !== null && latestNotifications !== void 0 ? latestNotifications : []).filter((notification) => notification.type !== 'assignedBreakoutRoomOpenedPromptJoin')
         : latestNotifications;
     const reactionResources = useSelector$1(getReactionResources);
-    /* @conditional-compile-remove(rtt) */
     const [openRealTimeText, setOpenRealTimeText] = React.useState(false);
-    /* @conditional-compile-remove(rtt) */
     const onStartRealTimeText = React.useCallback(() => {
         setOpenRealTimeText(true);
     }, []);
@@ -39880,9 +39812,7 @@ const CallArrangement = (props) => {
                                         props.capabilitiesChangedNotificationBarProps.capabilitiesChangedNotifications.length > 0 && (React.createElement(react.Stack, { styles: bannerNotificationStyles },
                                         React.createElement(CapabilitiesChangedNotificationBar, Object.assign({}, props.capabilitiesChangedNotificationBarProps, { capabilitiesChangedNotifications: filteredCapabilitesChangedNotifications !== null && filteredCapabilitesChangedNotifications !== void 0 ? filteredCapabilitesChangedNotifications : [] })))))),
                                 renderGallery && props.onRenderGalleryContent && props.onRenderGalleryContent(),
-                                !isInLocalHold && (React.createElement(CallingCaptionsBanner, { captionsOptions: props.captionsOptions, isMobile: props.mobileView, onFetchAvatarPersonaData: props.onFetchAvatarPersonaData, useTeamsCaptions: useTeamsCaptions, 
-                                    /* @conditional-compile-remove(rtt) */
-                                    isRealTimeTextOn: openRealTimeText }))))),
+                                !isInLocalHold && (React.createElement(CallingCaptionsBanner, { captionsOptions: props.captionsOptions, isMobile: props.mobileView, onFetchAvatarPersonaData: props.onFetchAvatarPersonaData, useTeamsCaptions: useTeamsCaptions, isRealTimeTextOn: openRealTimeText }))))),
                     React.createElement(SidePane, { mobileView: props.mobileView, maxWidth: isVideoPaneOpen ? `${VIDEO_EFFECTS_SIDE_PANE_WIDTH_REM}rem` : undefined, minWidth: isVideoPaneOpen ? `${VIDEO_EFFECTS_SIDE_PANE_WIDTH_REM}rem` : undefined, updateSidePaneRenderer: props.updateSidePaneRenderer, onPeopleButtonClicked: props.mobileView && !shouldShowPeopleTabHeaderButton(props.callControlProps.options)
                             ? undefined
                             : togglePeoplePane, disablePeopleButton: typeof props.callControlProps.options !== 'boolean' &&
@@ -39898,21 +39828,9 @@ const CallArrangement = (props) => {
                 ((_m = props.callControlProps) === null || _m === void 0 ? void 0 : _m.options) !== false && !isMobileWithActivePane && (React.createElement(react.Stack, { verticalAlign: 'center', className: react.mergeStyles({
                         zIndex: CONTROL_BAR_Z_INDEX,
                         padding: verticalControlBar ? '0.25rem' : 'unset'
-                    }) }, isLegacyCallControlEnabled((_o = props.callControlProps) === null || _o === void 0 ? void 0 : _o.options) ? (React.createElement(CallControls, Object.assign({}, props.callControlProps, { containerWidth: containerWidth, containerHeight: containerHeight, isMobile: props.mobileView, peopleButtonChecked: isPeoplePaneOpen, onPeopleButtonClicked: togglePeoplePane, displayVertical: verticalControlBar }))) : (React.createElement(CommonCallControlBar, Object.assign({}, props.callControlProps, { callControls: props.callControlProps.options, callAdapter: adapter, mobileView: props.mobileView, disableButtonsForLobbyPage: isInLobby, disableButtonsForHoldScreen: isInLocalHold, peopleButtonChecked: isPeoplePaneOpen, onPeopleButtonClicked: togglePeoplePane, onMoreButtonClicked: onMoreButtonClicked, isCaptionsSupported: (useTeamsCaptions && hasJoinedCall) || hasJoinedCall, 
-                    /* @conditional-compile-remove(rtt) */
-                    isRealTimeTextSupported: hasJoinedCall && props.isRTTSupportedCall, 
-                    /* @conditional-compile-remove(rtt) */
-                    onStartRealTimeText: onStartRealTimeText, 
-                    /* @conditional-compile-remove(rtt) */
-                    startRealTimeTextButtonChecked: openRealTimeText, useTeamsCaptions: useTeamsCaptions, isCaptionsOn: isCaptionsOn, onClickVideoEffects: onResolveVideoEffectDependency ? openVideoEffectsPane : undefined, displayVertical: verticalControlBar, onUserSetOverflowGalleryPositionChange: props.onUserSetOverflowGalleryPositionChange, onUserSetGalleryLayout: props.onUserSetGalleryLayoutChange, userSetGalleryLayout: props.userSetGalleryLayout, onSetDialpadPage: props.onSetDialpadPage, dtmfDialerPresent: props.dtmfDialerPresent, peopleButtonRef: peopleButtonRef, cameraButtonRef: cameraButtonRef, onStopLocalSpotlight: !hideSpotlightButtons && localParticipant.spotlight ? onStopLocalSpotlightWithPrompt : undefined, onToggleTeamsMeetingConferenceModal: toggleTeamsMeetingConferenceModal, teamsMeetingConferenceModalPresent: showTeamsMeetingConferenceModal, sidePaneDismissButtonRef: sidePaneDismissButtonRef }))))),
+                    }) }, isLegacyCallControlEnabled((_o = props.callControlProps) === null || _o === void 0 ? void 0 : _o.options) ? (React.createElement(CallControls, Object.assign({}, props.callControlProps, { containerWidth: containerWidth, containerHeight: containerHeight, isMobile: props.mobileView, peopleButtonChecked: isPeoplePaneOpen, onPeopleButtonClicked: togglePeoplePane, displayVertical: verticalControlBar }))) : (React.createElement(CommonCallControlBar, Object.assign({}, props.callControlProps, { callControls: props.callControlProps.options, callAdapter: adapter, mobileView: props.mobileView, disableButtonsForLobbyPage: isInLobby, disableButtonsForHoldScreen: isInLocalHold, peopleButtonChecked: isPeoplePaneOpen, onPeopleButtonClicked: togglePeoplePane, onMoreButtonClicked: onMoreButtonClicked, isCaptionsSupported: (useTeamsCaptions && hasJoinedCall) || hasJoinedCall, isRealTimeTextSupported: hasJoinedCall && props.isRTTSupportedCall, onStartRealTimeText: onStartRealTimeText, startRealTimeTextButtonChecked: openRealTimeText, useTeamsCaptions: useTeamsCaptions, isCaptionsOn: isCaptionsOn, onClickVideoEffects: onResolveVideoEffectDependency ? openVideoEffectsPane : undefined, displayVertical: verticalControlBar, onUserSetOverflowGalleryPositionChange: props.onUserSetOverflowGalleryPositionChange, onUserSetGalleryLayout: props.onUserSetGalleryLayoutChange, userSetGalleryLayout: props.userSetGalleryLayout, onSetDialpadPage: props.onSetDialpadPage, dtmfDialerPresent: props.dtmfDialerPresent, peopleButtonRef: peopleButtonRef, cameraButtonRef: cameraButtonRef, onStopLocalSpotlight: !hideSpotlightButtons && localParticipant.spotlight ? onStopLocalSpotlightWithPrompt : undefined, onToggleTeamsMeetingConferenceModal: toggleTeamsMeetingConferenceModal, teamsMeetingConferenceModalPresent: showTeamsMeetingConferenceModal, sidePaneDismissButtonRef: sidePaneDismissButtonRef }))))),
                 ((_p = props.callControlProps) === null || _p === void 0 ? void 0 : _p.options) !== false && showDrawer && (React.createElement(react.Stack, { styles: drawerContainerStylesValue },
-                    React.createElement(PreparedMoreDrawer, { callControls: props.callControlProps.options, onLightDismiss: closeDrawer, onPeopleButtonClicked: onMoreDrawerPeopleClicked, disableButtonsForHoldScreen: isInLocalHold, isCaptionsSupported: (useTeamsCaptions && hasJoinedCall) || hasJoinedCall, 
-                        /* @conditional-compile-remove(rtt) */
-                        isRealTimeTextSupported: hasJoinedCall && props.isRTTSupportedCall, 
-                        /* @conditional-compile-remove(rtt) */
-                        onStartRealTimeText: onStartRealTimeText, 
-                        /* @conditional-compile-remove(rtt) */
-                        startRealTimeTextButtonChecked: openRealTimeText, useTeamsCaptions: useTeamsCaptions, onUserSetGalleryLayout: props.onUserSetGalleryLayoutChange, userSetGalleryLayout: props.userSetGalleryLayout, onSetDialpadPage: props.onSetDialpadPage, dtmfDialerPresent: props.dtmfDialerPresent, dtmfDialerOptions: props.dtmfDialerOptions, reactionResources: reactionResources, onClickMeetingPhoneInfo: onMeetingPhoneInfoClicked })))))));
+                    React.createElement(PreparedMoreDrawer, { callControls: props.callControlProps.options, onLightDismiss: closeDrawer, onPeopleButtonClicked: onMoreDrawerPeopleClicked, disableButtonsForHoldScreen: isInLocalHold, isCaptionsSupported: (useTeamsCaptions && hasJoinedCall) || hasJoinedCall, isRealTimeTextSupported: hasJoinedCall && props.isRTTSupportedCall, onStartRealTimeText: onStartRealTimeText, startRealTimeTextButtonChecked: openRealTimeText, useTeamsCaptions: useTeamsCaptions, onUserSetGalleryLayout: props.onUserSetGalleryLayoutChange, userSetGalleryLayout: props.userSetGalleryLayout, onSetDialpadPage: props.onSetDialpadPage, dtmfDialerPresent: props.dtmfDialerPresent, dtmfDialerOptions: props.dtmfDialerOptions, reactionResources: reactionResources, onClickMeetingPhoneInfo: onMeetingPhoneInfoClicked })))))));
 };
 const isLegacyCallControlEnabled = (options) => {
     return !!options && options !== true && (options === null || options === void 0 ? void 0 : options.legacyControlBarExperience) === true;
@@ -40807,7 +40725,9 @@ const effectsButtonStyles = (theme, disabled) => {
         rootFocused: disabled
             ? {}
             : {
-                color: theme.palette.themePrimary
+                color: theme.palette.themePrimary,
+                outline: '1px solid',
+                outlineOffset: '-2px'
             }
     };
 };
@@ -41170,7 +41090,21 @@ const localPreviewButtonStyle = (isMobile) => {
                     outline: 'unset !important'
                 }
             }
-        }
+        },
+        rootFocused: !isMobile
+            ? {
+                outline: '1px solid',
+                outlineOffset: '-2px'
+            }
+            : {},
+        rootChecked: !isMobile
+            ? {
+                ':focus': {
+                    outline: '1px solid',
+                    outlineOffset: '-2px'
+                }
+            }
+            : {}
     };
 };
 
@@ -43668,7 +43602,6 @@ class AzureCommunicationCallAdapter {
         this.stopCaptions.bind(this);
         this.setSpokenLanguage.bind(this);
         this.setCaptionLanguage.bind(this);
-        /* @conditional-compile-remove(rtt) */
         this.sendRealTimeText.bind(this);
         this.startVideoBackgroundEffect.bind(this);
         this.stopVideoBackgroundEffects.bind(this);
@@ -44183,7 +44116,6 @@ class AzureCommunicationCallAdapter {
             this.handlers.onSetSpokenLanguage(language);
         });
     }
-    /* @conditional-compile-remove(rtt) */
     sendRealTimeText(text, isFinalized) {
         return __awaiter$7(this, void 0, void 0, function* () {
             this.handlers.onSendRealTimeText(text, isFinalized);
@@ -44350,7 +44282,6 @@ class AzureCommunicationCallAdapter {
         (_f = this.call) === null || _f === void 0 ? void 0 : _f.feature(communicationCalling.Features.Transfer).on('transferAccepted', this.transferAccepted.bind(this));
         (_g = this.call) === null || _g === void 0 ? void 0 : _g.feature(communicationCalling.Features.Capabilities).on('capabilitiesChanged', this.capabilitiesChanged.bind(this));
         (_h = this.call) === null || _h === void 0 ? void 0 : _h.feature(communicationCalling.Features.Spotlight).on('spotlightChanged', this.spotlightChanged.bind(this));
-        /* @conditional-compile-remove(rtt) */
         try {
             (_j = this.call) === null || _j === void 0 ? void 0 : _j.feature(communicationCalling.Features.RealTimeText).on('realTimeTextReceived', this.realTimeTextReceived.bind(this));
         }
@@ -44374,7 +44305,6 @@ class AzureCommunicationCallAdapter {
         (_d = this.call) === null || _d === void 0 ? void 0 : _d.off('idChanged', this.callIdChanged.bind(this));
         (_e = this.call) === null || _e === void 0 ? void 0 : _e.off('roleChanged', this.roleChanged.bind(this));
         this.unsubscribeFromCaptionEvents();
-        /* @conditional-compile-remove(rtt) */
         try {
             (_f = this.call) === null || _f === void 0 ? void 0 : _f.feature(communicationCalling.Features.RealTimeText).off('realTimeTextReceived', this.realTimeTextReceived.bind(this));
         }
@@ -44424,7 +44354,6 @@ class AzureCommunicationCallAdapter {
     captionsReceived(captionsInfo) {
         this.emitter.emit('captionsReceived', { captionsInfo });
     }
-    /* @conditional-compile-remove(rtt) */
     realTimeTextReceived(realTimeText) {
         this.emitter.emit('realTimeTextReceived', { realTimeText });
     }
@@ -45097,7 +45026,6 @@ class CallWithChatBackedCallAdapter {
             yield this.callWithChatAdapter.setSpokenLanguage(language);
         });
     }
-    /* @conditional-compile-remove(rtt) */
     sendRealTimeText(text, isFinalized) {
         return __awaiter$6(this, void 0, void 0, function* () {
             yield this.callWithChatAdapter.sendRealTimeText(text, isFinalized);
@@ -46095,7 +46023,6 @@ class AzureCommunicationCallWithChatAdapter {
         this.stopCaptions.bind(this);
         this.setSpokenLanguage.bind(this);
         this.setCaptionLanguage.bind(this);
-        /* @conditional-compile-remove(rtt) */
         this.sendRealTimeText.bind(this);
         this.startVideoBackgroundEffect.bind(this);
         this.stopVideoBackgroundEffects.bind(this);
@@ -46452,7 +46379,6 @@ class AzureCommunicationCallWithChatAdapter {
             yield this.callAdapter.setSpokenLanguage(language);
         });
     }
-    /* @conditional-compile-remove(rtt) */
     sendRealTimeText(text, isFinalized) {
         return __awaiter$4(this, void 0, void 0, function* () {
             yield this.callAdapter.sendRealTimeText(text, isFinalized);
@@ -46606,7 +46532,6 @@ class AzureCommunicationCallWithChatAdapter {
             case 'captionsReceived':
                 this.callAdapter.on('captionsReceived', listener);
                 break;
-            /* @conditional-compile-remove(rtt) */
             case 'realTimeTextReceived':
                 this.callAdapter.on('realTimeTextReceived', listener);
                 break;
@@ -46722,7 +46647,6 @@ class AzureCommunicationCallWithChatAdapter {
             case 'captionsReceived':
                 this.callAdapter.off('captionsReceived', listener);
                 break;
-            /* @conditional-compile-remove(rtt) */
             case 'realTimeTextReceived':
                 this.callAdapter.off('realTimeTextReceived', listener);
                 break;
@@ -47798,4 +47722,4 @@ exports.useTeamsCall = useTeamsCall;
 exports.useTeamsCallAdapter = useTeamsCallAdapter;
 exports.useTeamsCallAgent = useTeamsCallAgent;
 exports.useTheme = useTheme;
-//# sourceMappingURL=index-l-iOzYiT.js.map
+//# sourceMappingURL=index-C3FKODFv.js.map