@azure/communication-react 1.26.0-alpha-202504100018 → 1.26.0-alpha-202504162032

package/dist/dist-cjs/communication-react/{index-B61VVYm8.js → index-Y6qfhE4K.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.26.0-alpha-202504100018';
+var telemetryVersion = '1.26.0-alpha-202504162032';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -5686,6 +5686,9 @@ class CallSubscriber {
         this._safeSubscribeInitTeamsMeetingConference = () => {
             this._safeSubscribe(this.initTeamsMeetingConference);
         };
+        this._safeSubscribeInitRealTimeText = () => {
+            this._safeSubscribe(this.initRealTimeText);
+        };
         /* @conditional-compile-remove(local-recording-notification) */
         this._safeSubscribeInitLocalRecordingNotificationSubscriber = () => {
             this._safeSubscribe(this.initLocalRecordingNotificationSubscriber);
@@ -5706,6 +5709,7 @@ class CallSubscriber {
             /* @conditional-compile-remove(total-participant-count) */
             this._call.on('totalParticipantCountChanged', this.totalParticipantCountChangedHandler);
             this._call.on('mutedByOthers', this.mutedByOthersHandler);
+            this._safeSubscribeInitRealTimeText();
             for (const localVideoStream of this._call.localVideoStreams) {
                 this._internalContext.setLocalRenderInfo(this._callIdRef.callId, localVideoStream.mediaStreamType, localVideoStream, 'NotRendered', undefined);
             }
@@ -5717,7 +5721,7 @@ class CallSubscriber {
             }
         };
         this.unsubscribe = () => {
-            var _a, _b, _c, _d, _e;
+            var _a, _b, _c, _d;
             this._call.off('stateChanged', this.stateChanged);
             this._call.off('stateChanged', this._safeSubscribeInitCaptionSubscriber);
             this._call.off('stateChanged', this._safeSubscribeInitTeamsMeetingConference);
@@ -5752,10 +5756,12 @@ class CallSubscriber {
             this._pptLiveSubscriber.unsubscribe();
             (_b = this._CaptionsFeatureSubscriber) === null || _b === undefined ? undefined : _b.unsubscribe();
             /* @conditional-compile-remove(rtt) */
-            (_c = this._realTimeTextSubscriber) === null || _c === undefined ? undefined : _c.unsubscribe();
-            (_d = this._raiseHandSubscriber) === null || _d === undefined ? undefined : _d.unsubscribe();
+            if (this._realTimeTextSubscriber) {
+                this._realTimeTextSubscriber.unsubscribe();
+            }
+            (_c = this._raiseHandSubscriber) === null || _c === undefined ? undefined : _c.unsubscribe();
             this._capabilitiesSubscriber.unsubscribe();
-            (_e = this._reactionSubscriber) === null || _e === undefined ? undefined : _e.unsubscribe();
+            (_d = this._reactionSubscriber) === null || _d === undefined ? undefined : _d.unsubscribe();
             this._spotlightSubscriber.unsubscribe();
             this._breakoutRoomsSubscriber.unsubscribe();
             /* @conditional-compile-remove(together-mode) */
@@ -5783,6 +5789,11 @@ class CallSubscriber {
                 this._call.off('stateChanged', this._safeSubscribeInitTeamsMeetingConference);
             }
         };
+        this.initRealTimeText = () => {
+            if (this._context.getState().userId.kind !== 'microsoftTeamsUser') {
+                this._realTimeTextSubscriber = new RealTimeTextSubscriber(this._callIdRef, this._context, this._call.feature(communicationCalling.Features.RealTimeText));
+            }
+        };
         /* @conditional-compile-remove(local-recording-notification) */
         this.initLocalRecordingNotificationSubscriber = () => {
             // Subscribe to LocalRecordingFeature as it is only available in interop scenarios
@@ -5884,8 +5895,6 @@ class CallSubscriber {
         /* @conditional-compile-remove(together-mode) */
         this._togetherModeSubscriber = new TogetherModeSubscriber(this._callIdRef, this._context, this._internalContext, this._call.feature(communicationCalling.Features.TogetherMode));
         this._mediaAccessSubscriber = new MediaAccessSubscriber(this._callIdRef, this._context, this._call.feature(communicationCalling.Features.MediaAccess));
-        /* @conditional-compile-remove(rtt) */
-        this._realTimeTextSubscriber = new RealTimeTextSubscriber(this._callIdRef, this._context, this._call.feature(communicationCalling.Features.RealTimeText));
         this.subscribe();
     }
     // This is a helper function to safely call subscriber functions. This is needed in order to prevent events
@@ -6363,6 +6372,9 @@ class ProxyCallCommon {
                         const proxyFeature = new ProxySpotlightCallFeature(this._context);
                         return new Proxy(spotlightFeature, proxyFeature);
                     }
+                    if (args[0] === communicationCalling.Features.RealTimeText && this._context.getState().userId.kind === 'microsoftTeamsUser') {
+                        return;
+                    }
                     return target.feature(...args);
                 }, 'Call.feature');
             }
@@ -16432,7 +16444,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-DzVuW5SN.js'); }));
+const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-ClBYNQcI.js'); }));
 /**
  * @private
  * Use this function to load RoosterJS dependencies early in the lifecycle.
@@ -16440,7 +16452,7 @@ const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve()
  *
  * @conditional-compile-remove(rich-text-editor)
  */
-const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-DzVuW5SN.js'); });
+const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-ClBYNQcI.js'); });
 /**
  * @private
  */
@@ -26124,7 +26136,7 @@ const _Caption = (props) => {
 /* @conditional-compile-remove(rtt) */
 /* @conditional-compile-remove(rtt) */
 /**
- * @beta
+ * @public
  * A component for displaying a single line of RealTimeText
  */
 const RealTimeText = (props) => {
@@ -26831,7 +26843,7 @@ var __awaiter$E = (window && window.__awaiter) || function (thisArg, _arguments,
 };
 /* @conditional-compile-remove(rtt) */
 /**
- * @beta
+ * @public
  * a component for realTimeText modal
  */
 const RealTimeTextModal = (props) => {
@@ -27233,7 +27245,7 @@ const IncomingCallStack = (props) => {
  * Can be used with {@link ControlBar}
  *
  * @param props - properties for the start RealTimeText button.
- * @beta
+ * @public
  */
 const StartRealTimeTextButton = (props) => {
     const { onStartRealTimeText, isRealTimeTextOn } = props;
@@ -32339,7 +32351,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-CWem6AxN.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
+const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-zKj5z_6J.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
 /**
  * @private
  * Use this function to load RoosterJS dependencies early in the lifecycle.
@@ -32347,7 +32359,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-CWem6AxN.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
+const loadRichTextSendBox = () => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-zKj5z_6J.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
 /**
  * @private
  */
@@ -39926,7 +39938,7 @@ const CallArrangement = (props) => {
                         padding: verticalControlBar ? '0.25rem' : 'unset'
                     }) }, isLegacyCallControlEnabled((_o = props.callControlProps) === null || _o === undefined ? undefined : _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.isPstnCall, 
+                    isRealTimeTextSupported: hasJoinedCall && props.isRTTSupportedCall, 
                     /* @conditional-compile-remove(rtt) */
                     onStartRealTimeText: onStartRealTimeText, 
                     /* @conditional-compile-remove(rtt) */
@@ -39934,7 +39946,7 @@ const CallArrangement = (props) => {
                 ((_p = props.callControlProps) === null || _p === undefined ? undefined : _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.isPstnCall, 
+                        isRealTimeTextSupported: hasJoinedCall && props.isRTTSupportedCall, 
                         /* @conditional-compile-remove(rtt) */
                         onStartRealTimeText: onStartRealTimeText, 
                         /* @conditional-compile-remove(rtt) */
@@ -39987,7 +39999,7 @@ const remoteVideoViewOptions = {
  */
 const MediaGallery = (props) => {
     var _a, _b;
-    const { pinnedParticipants = [], setPinnedParticipants, setIsPromptOpen, setPromptProps, hideSpotlightButtons, videoTilesOptions, captionsOptions } = props;
+    const { pinnedParticipants = [], setPinnedParticipants, setIsPromptOpen, setPromptProps, hideSpotlightButtons, videoTilesOptions, captionsOptions, compositeContainerAspectRatio } = props;
     const videoGalleryProps = usePropsFor$1(VideoGallery);
     const cameraSwitcherCameras = useSelector$1(localVideoCameraCycleButtonSelector);
     const cameraSwitcherCallback = useHandlers();
@@ -39995,11 +40007,10 @@ const MediaGallery = (props) => {
     const userRole = useSelector$1(getRole);
     const capabilities = useSelector$1(getCapabilites);
     const isRoomsCall = useSelector$1(getIsRoomsCall);
+    const reactionResources = useSelector$1(getReactionResources);
     const containerRef = React.useRef(null);
     const containerWidth = _useContainerWidth(containerRef);
     const containerHeight = _useContainerHeight(containerRef);
-    const containerAspectRatio = containerWidth && containerHeight ? containerWidth / containerHeight : 0;
-    const reactionResources = useSelector$1(getReactionResources);
     const layoutBasedOnTilePosition = getVideoGalleryLayoutBasedOnLocalOptions((_a = props.localVideoTileOptions) === null || _a === undefined ? undefined : _a.position);
     const cameraSwitcherProps = React.useMemo(() => {
         return Object.assign(Object.assign({}, cameraSwitcherCallback), cameraSwitcherCameras);
@@ -40058,7 +40069,7 @@ const MediaGallery = (props) => {
         };
         return (React.createElement(VideoGallery, Object.assign({}, videoGalleryProps, { videoTilesOptions: videoTilesOptions, localVideoViewOptions: localVideoViewOptions$2, remoteVideoViewOptions: remoteVideoViewOptions, styles: galleryStyles, layout: layoutBasedOnUserSelection(), showCameraSwitcherInLocalPreview: props.isMobile, localVideoCameraCycleButtonProps: cameraSwitcherProps, onRenderAvatar: onRenderAvatar, remoteVideoTileMenu: remoteVideoTileMenuOptions, overflowGalleryPosition: overflowGalleryPosition, localVideoTileSize: props.localVideoTileOptions === false || userRole === 'Consumer' || (isRoomsCall && userRole === 'Unknown')
                 ? 'hidden'
-                : props.isMobile && containerAspectRatio < 1
+                : props.isMobile && compositeContainerAspectRatio && compositeContainerAspectRatio < 1
                     ? '9:16'
                     : '16:9', pinnedParticipants: pinnedParticipants, onPinParticipant: onPinParticipant, onUnpinParticipant: onUnpinParticipant, reactionResources: reactionResources, onStartLocalSpotlight: hideSpotlightButtons ? undefined : onStartLocalSpotlightWithPrompt, onStopLocalSpotlight: hideSpotlightButtons ? undefined : onStopLocalSpotlightWithPrompt, onStartRemoteSpotlight: hideSpotlightButtons ? undefined : onStartRemoteSpotlightWithPrompt, onStopRemoteSpotlight: hideSpotlightButtons ? undefined : onStopRemoteSpotlightWithPrompt, onMuteParticipant: ((_a = capabilities === null || capabilities === undefined ? undefined : capabilities.muteOthers) === null || _a === undefined ? undefined : _a.isPresent) || userRole === 'Unknown'
                 ? videoGalleryProps.onMuteParticipant
@@ -40076,7 +40087,6 @@ const MediaGallery = (props) => {
         overflowGalleryPosition,
         userRole,
         isRoomsCall,
-        containerAspectRatio,
         pinnedParticipants,
         onPinParticipant,
         onUnpinParticipant,
@@ -40088,7 +40098,8 @@ const MediaGallery = (props) => {
         onStopRemoteSpotlightWithPrompt,
         layoutBasedOnTilePosition,
         capabilities === null || capabilities === undefined ? undefined : capabilities.muteOthers,
-        props.localScreenShareView
+        props.localScreenShareView,
+        compositeContainerAspectRatio
     ]);
     return (React.createElement("div", { ref: containerRef, style: mediaGalleryContainerStyles },
         React.createElement(Announcer$1, { announcementString: announcerString, ariaLive: 'polite' }),
@@ -40424,6 +40435,11 @@ const CallPage = (props) => {
     const renderDtmfDialerFromStart = showDtmfDialer(callees, remoteParticipantsConnected, disableAutoShowDtmfDialer);
     const [dtmfDialerPresent, setDtmfDialerPresent] = React.useState(renderDtmfDialerFromStart);
     const isPstnCall = callees === null || callees === undefined ? undefined : callees.some((callee) => communicationCommon.isPhoneNumberIdentifier(callee));
+    const isCTECall = useSelector$1((state) => state.userId.kind === 'microsoftTeamsUser');
+    const containerRef = React.useRef(null);
+    const containerWidth = _useContainerWidth(containerRef);
+    const containerHeight = _useContainerHeight(containerRef);
+    const containerAspectRatio = containerWidth && containerHeight ? containerWidth / containerHeight : 0;
     const strings = useLocale().strings.call;
     const pinnedParticipantsChecked = React.useMemo(() => pinnedParticipants.filter((pinnedParticipant) => remoteParticipantsConnected.find((remoteParticipant) => toFlatCommunicationIdentifier(remoteParticipant.identifier) === pinnedParticipant)), [pinnedParticipants, remoteParticipantsConnected]);
     // Reduce the controls shown when mobile view is enabled.
@@ -40448,10 +40464,10 @@ const CallPage = (props) => {
             return (React.createElement(DtmfDialpadPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: props.updateSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, latestErrors: props.latestErrors, onDismissError: props.onDismissError, capabilitiesChangedNotificationBarProps: props.capabilitiesChangedNotificationBarProps, onSetDialpadPage: () => setDtmfDialerPresent(!dtmfDialerPresent), dtmfDialerPresent: dtmfDialerPresent, compositeAudioContext: compositeAudioContext }));
         }
         else {
-            return (React.createElement(MediaGallery, Object.assign({ isMobile: mobileView }, mediaGalleryProps, mediaGalleryHandlers, { onFetchAvatarPersonaData: onFetchAvatarPersonaData, remoteVideoTileMenuOptions: options === null || options === undefined ? undefined : options.remoteVideoTileMenuOptions, drawerMenuHostId: drawerMenuHostId, localVideoTileOptions: options === null || options === undefined ? undefined : options.localVideoTile, userSetOverflowGalleryPosition: userSetOverflowGalleryPosition, userSetGalleryLayout: galleryLayout, pinnedParticipants: pinnedParticipantsChecked, setPinnedParticipants: setPinnedParticipants, setIsPromptOpen: setIsPromptOpen, setPromptProps: setPromptProps, hideSpotlightButtons: (_a = options === null || options === undefined ? undefined : options.spotlight) === null || _a === undefined ? undefined : _a.hideSpotlightButtons, videoTilesOptions: options === null || options === undefined ? undefined : options.videoTilesOptions, captionsOptions: options === null || options === undefined ? undefined : options.captionsBanner, localScreenShareView: (_b = options === null || options === undefined ? undefined : options.galleryOptions) === null || _b === undefined ? undefined : _b.localScreenShareView })));
+            return (React.createElement(MediaGallery, Object.assign({ isMobile: mobileView }, mediaGalleryProps, mediaGalleryHandlers, { onFetchAvatarPersonaData: onFetchAvatarPersonaData, remoteVideoTileMenuOptions: options === null || options === undefined ? undefined : options.remoteVideoTileMenuOptions, drawerMenuHostId: drawerMenuHostId, localVideoTileOptions: options === null || options === undefined ? undefined : options.localVideoTile, userSetOverflowGalleryPosition: userSetOverflowGalleryPosition, userSetGalleryLayout: galleryLayout, pinnedParticipants: pinnedParticipantsChecked, setPinnedParticipants: setPinnedParticipants, setIsPromptOpen: setIsPromptOpen, setPromptProps: setPromptProps, hideSpotlightButtons: (_a = options === null || options === undefined ? undefined : options.spotlight) === null || _a === undefined ? undefined : _a.hideSpotlightButtons, videoTilesOptions: options === null || options === undefined ? undefined : options.videoTilesOptions, captionsOptions: options === null || options === undefined ? undefined : options.captionsBanner, localScreenShareView: (_b = options === null || options === undefined ? undefined : options.galleryOptions) === null || _b === undefined ? undefined : _b.localScreenShareView, compositeContainerAspectRatio: containerAspectRatio })));
         }
     };
-    return (React.createElement(React.Fragment, null,
+    return (React.createElement("div", { ref: containerRef, style: { height: '100%', width: '100%' } },
         React.createElement(CallArrangement, { id: drawerMenuHostId, complianceBannerProps: Object.assign(Object.assign({}, complianceBannerProps), { strings }), errorBarProps: (options === null || options === undefined ? undefined : options.errorBar) !== false && errorBarProps, showErrorNotifications: (_a = options === null || options === undefined ? undefined : options.errorBar) !== null && _a !== undefined ? _a : true, mutedNotificationProps: mutedNotificationProps, callControlProps: {
                 callInvitationURL: callInvitationURL,
                 onFetchParticipantMenuItems: onFetchParticipantMenuItems,
@@ -40459,7 +40475,7 @@ const CallPage = (props) => {
                 increaseFlyoutItemSize: mobileView
             }, onFetchAvatarPersonaData: onFetchAvatarPersonaData, mobileView: mobileView, modalLayerHostId: props.modalLayerHostId, onRenderGalleryContent: () => _isInCall(callStatus) ? (isNetworkHealthy(networkReconnectTileProps.networkReconnectValue) ? (onRenderGalleryContentTrampoline()) : (React.createElement(NetworkReconnectTile, Object.assign({}, networkReconnectTileProps, { isMobile: mobileView })))) : (galleryContentWhenNotInCall), updateSidePaneRenderer: props.updateSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, onCloseChatPane: onCloseChatPane, dataUiId: 'call-page', latestErrors: props.latestErrors, latestNotifications: latestNotifications, onDismissError: props.onDismissError, onDismissNotification: onDismissNotification, onUserSetOverflowGalleryPositionChange: onSetUserSetOverflowGalleryPosition, onUserSetGalleryLayoutChange: onUserSetGalleryLayoutChange, userSetGalleryLayout: galleryLayout, capabilitiesChangedNotificationBarProps: props.capabilitiesChangedNotificationBarProps, onSetDialpadPage: () => setDtmfDialerPresent(!dtmfDialerPresent), dtmfDialerPresent: dtmfDialerPresent, setIsPromptOpen: setIsPromptOpen, setPromptProps: setPromptProps, hideSpotlightButtons: (_b = options === null || options === undefined ? undefined : options.spotlight) === null || _b === undefined ? undefined : _b.hideSpotlightButtons, pinnedParticipants: pinnedParticipantsChecked, setPinnedParticipants: setPinnedParticipants, 
             /* @conditional-compile-remove(call-readiness) */
-            doNotShowCameraAccessNotifications: ((_d = (_c = props.options) === null || _c === undefined ? undefined : _c.deviceChecks) === null || _d === undefined ? undefined : _d.camera) === 'doNotPrompt', captionsOptions: options === null || options === undefined ? undefined : options.captionsBanner, dtmfDialerOptions: disableAutoShowDtmfDialer, notificationOptions: props.notificationOptions, isPstnCall: isPstnCall }),
+            doNotShowCameraAccessNotifications: ((_d = (_c = props.options) === null || _c === undefined ? undefined : _c.deviceChecks) === null || _d === undefined ? undefined : _d.camera) === 'doNotPrompt', captionsOptions: options === null || options === undefined ? undefined : options.captionsBanner, dtmfDialerOptions: disableAutoShowDtmfDialer, notificationOptions: props.notificationOptions, isRTTSupportedCall: !isPstnCall && !isCTECall }),
         React.createElement(Prompt, Object.assign({ isOpen: isPromptOpen, onDismiss: () => setIsPromptOpen(false) }, promptProps))));
 };
 /**
@@ -42816,11 +42832,22 @@ const MainScreen = (props) => {
         const closeSidePane = () => {
             setSidePaneRenderer(undefined);
         };
-        adapter.on('callEnded', closeSidePane);
+        /* @conditional-compile-remove(together-mode) */
+        const resetUserGalleryLayout = () => {
+            if (userSetGalleryLayout === 'togetherMode') {
+                setUserSetGalleryLayout('floatingLocalVideo');
+            }
+        };
+        const handleCallEnded = () => {
+            closeSidePane();
+            /* @conditional-compile-remove(together-mode) */
+            resetUserGalleryLayout();
+        };
+        adapter.on('callEnded', handleCallEnded);
         return () => {
-            adapter.off('callEnded', closeSidePane);
+            adapter.off('callEnded', handleCallEnded);
         };
-    }, [adapter]);
+    }, [adapter, /* @conditional-compile-remove(together-mode) */ userSetGalleryLayout]);
     const compositeAudioContext = useAudio();
     const capabilitiesChangedInfoAndRole = useSelector$1(capabilitiesChangedInfoAndRoleSelector);
     const capabilitiesChangedNotificationBarProps = useTrackedCapabilityChangedNotifications(capabilitiesChangedInfoAndRole);
@@ -44350,7 +44377,12 @@ class AzureCommunicationCallAdapter {
         (_g = this.call) === null || _g === undefined ? undefined : _g.feature(communicationCalling.Features.Capabilities).on('capabilitiesChanged', this.capabilitiesChanged.bind(this));
         (_h = this.call) === null || _h === undefined ? undefined : _h.feature(communicationCalling.Features.Spotlight).on('spotlightChanged', this.spotlightChanged.bind(this));
         /* @conditional-compile-remove(rtt) */
-        (_j = this.call) === null || _j === undefined ? undefined : _j.feature(communicationCalling.Features.RealTimeText).on('realTimeTextReceived', this.realTimeTextReceived.bind(this));
+        try {
+            (_j = this.call) === null || _j === void 0 ? void 0 : _j.feature(communicationCalling.Features.RealTimeText).on('realTimeTextReceived', this.realTimeTextReceived.bind(this));
+        }
+        catch (e) {
+            console.log('RealTimeText feature is not supported');
+        }
         const breakoutRoomsFeature = (_k = this.call) === null || _k === undefined ? undefined : _k.feature(communicationCalling.Features.BreakoutRooms);
         if (breakoutRoomsFeature) {
             breakoutRoomsFeature.on('breakoutRoomsUpdated', this.breakoutRoomsUpdated.bind(this));
@@ -44369,7 +44401,12 @@ class AzureCommunicationCallAdapter {
         (_e = this.call) === null || _e === undefined ? undefined : _e.off('roleChanged', this.roleChanged.bind(this));
         this.unsubscribeFromCaptionEvents();
         /* @conditional-compile-remove(rtt) */
-        (_f = this.call) === null || _f === undefined ? undefined : _f.feature(communicationCalling.Features.RealTimeText).off('realTimeTextReceived', this.realTimeTextReceived.bind(this));
+        try {
+            (_f = this.call) === null || _f === void 0 ? void 0 : _f.feature(communicationCalling.Features.RealTimeText).off('realTimeTextReceived', this.realTimeTextReceived.bind(this));
+        }
+        catch (e) {
+            console.log('RealTimeText feature is not supported');
+        }
         if (this.callingSoundSubscriber) {
             this.callingSoundSubscriber.unsubscribeAll();
         }
@@ -45867,9 +45904,29 @@ class CallWithChatContext {
  * Created for easy use with the {@link CallWithChatComposite}.
  */
 class AzureCommunicationCallWithChatAdapter {
+    // This function is used to store a listener to the internal map of chat event listeners and should be
+    // used when a listener subscribes to a chat event
+    storeChatEventListener(event, listener) {
+        var _a;
+        if (!this.chatEventListeners.has(event)) {
+            this.chatEventListeners.set(event, new Set());
+        }
+        (_a = this.chatEventListeners.get(event)) === null || _a === undefined ? undefined : _a.add(listener);
+    }
+    // This function is used to remove a listener from the internal map of chat event listeners and should
+    // be used when a listener unsubscribes from a chat event
+    removeChatEventListener(event, listener) {
+        var _a;
+        if (this.chatEventListeners.has(event)) {
+            (_a = this.chatEventListeners.get(event)) === null || _a === undefined ? undefined : _a.delete(listener);
+        }
+    }
     constructor(callAdapter, chatAdapter) {
         this.emitter = new events.EventEmitter();
         this.isAdapterDisposed = false;
+        // This map is used to store the listeners subscribed to chat events so that we can re-subscribe them
+        // to the new chat adapter when the thread id changes
+        this.chatEventListeners = new Map();
         this.bindPublicMethods();
         this.callAdapter = callAdapter;
         this.context = new CallWithChatContext(callWithChatAdapterStateFromBackingStates(callAdapter));
@@ -45994,11 +46051,23 @@ class AzureCommunicationCallWithChatAdapter {
     updateChatAdapter(chatAdapter) {
         var _a;
         (_a = this.chatAdapter) === null || _a === undefined ? undefined : _a.offStateChange(this.onChatStateChange);
+        this.updateChatEventListeners(chatAdapter);
         this.chatAdapter = chatAdapter;
         this.chatAdapter.onStateChange(this.onChatStateChange);
         this.context.updateClientStateWithChatState(chatAdapter.getState());
         this.emitter.emit('chatInitialized', this.chatAdapter);
     }
+    updateChatEventListeners(chatAdapter) {
+        var _a;
+        for (const [eventName, listeners] of this.chatEventListeners) {
+            for (const listener of listeners) {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                (_a = this.chatAdapter) === null || _a === undefined ? undefined : _a.off(eventName, listener);
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                chatAdapter.on(eventName, listener);
+            }
+        }
+    }
     bindPublicMethods() {
         this.joinCall.bind(this);
         this.leaveCall.bind(this);
@@ -46115,6 +46184,8 @@ class AzureCommunicationCallWithChatAdapter {
         }
         this.callAdapter.offStateChange(this.onCallStateChange);
         this.callAdapter.dispose();
+        // Clear chat event listeners
+        this.chatEventListeners.clear();
     }
     /** Remove a participant from the Call only. */
     removeParticipant(userId) {
@@ -46575,36 +46646,43 @@ class AzureCommunicationCallWithChatAdapter {
                 this.callAdapter.on('isSpokenLanguageChanged', listener);
                 break;
             case 'messageReceived':
+                this.storeChatEventListener('messageReceived', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.on('messageReceived', listener);
                 });
                 break;
             case 'messageEdited':
+                this.storeChatEventListener('messageEdited', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.on('messageEdited', listener);
                 });
                 break;
             case 'messageDeleted':
+                this.storeChatEventListener('messageDeleted', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.on('messageDeleted', listener);
                 });
                 break;
             case 'messageSent':
+                this.storeChatEventListener('messageSent', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.on('messageSent', listener);
                 });
                 break;
             case 'messageRead':
+                this.storeChatEventListener('messageRead', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.on('messageRead', listener);
                 });
                 break;
             case 'chatParticipantsAdded':
+                this.storeChatEventListener('chatParticipantsAdded', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.on('participantsAdded', listener);
                 });
                 break;
             case 'chatParticipantsRemoved':
+                this.storeChatEventListener('chatParticipantsRemoved', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.on('participantsRemoved', listener);
                 });
@@ -46613,6 +46691,7 @@ class AzureCommunicationCallWithChatAdapter {
                 this.callAdapter.on('error', listener);
                 break;
             case 'chatError':
+                this.storeChatEventListener('chatError', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.on('error', listener);
                 });
@@ -46683,36 +46762,43 @@ class AzureCommunicationCallWithChatAdapter {
                 this.callAdapter.off('isSpokenLanguageChanged', listener);
                 break;
             case 'messageReceived':
+                this.removeChatEventListener('messageReceived', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.off('messageReceived', listener);
                 });
                 break;
             case 'messageEdited':
+                this.removeChatEventListener('messageEdited', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.off('messageEdited', listener);
                 });
                 break;
             case 'messageDeleted':
+                this.removeChatEventListener('messageDeleted', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.off('messageDeleted', listener);
                 });
                 break;
             case 'messageSent':
+                this.removeChatEventListener('messageSent', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.off('messageSent', listener);
                 });
                 break;
             case 'messageRead':
+                this.removeChatEventListener('messageRead', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.off('messageRead', listener);
                 });
                 break;
             case 'chatParticipantsAdded':
+                this.removeChatEventListener('chatParticipantsAdded', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.off('participantsAdded', listener);
                 });
                 break;
             case 'chatParticipantsRemoved':
+                this.removeChatEventListener('chatParticipantsRemoved', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.off('participantsRemoved', listener);
                 });
@@ -46721,6 +46807,7 @@ class AzureCommunicationCallWithChatAdapter {
                 this.callAdapter.off('error', listener);
                 break;
             case 'chatError':
+                this.removeChatEventListener('chatError', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.off('error', listener);
                 });
@@ -47737,4 +47824,4 @@ exports.useTeamsCall = useTeamsCall;
 exports.useTeamsCallAdapter = useTeamsCallAdapter;
 exports.useTeamsCallAgent = useTeamsCallAgent;
 exports.useTheme = useTheme;
-//# sourceMappingURL=index-B61VVYm8.js.map
+//# sourceMappingURL=index-Y6qfhE4K.js.map