Cherry Pick RTT Stable into Release Branch (#5779)

* Change files

* RTT to stable

* Change files

* update

* Update

* Update packages/react-composites CallWithChatComposite browser test snapshots

* Update packages/react-composites CallComposite browser test snapshots

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

Author: carocao-msft

change-beta/@azure-communication-react-2a63b3bb-ee12-4724-b278-c6ca82542bc8.json

@@ -0,0 +1,9 @@
+{
+  "type": "prerelease",
+  "area": "feature",
+  "workstream": "Update",
+  "comment": "Update Calling to the latest stable",
+  "packageName": "@azure/communication-react",
+  "email": "96077406+carocao-msft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

change-beta/@azure-communication-react-b44d1ca3-cbad-4f57-a23f-9e12173974e7.json

@@ -0,0 +1,9 @@
+{
+  "type": "prerelease",
+  "area": "feature",
+  "workstream": "Real Time Text",
+  "comment": "Stablize Real Time Text and remove Real Time Text from CTE",
+  "packageName": "@azure/communication-react",
+  "email": "96077406+carocao-msft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

common/config/babel/features.js

@@ -67,14 +67,14 @@ module.exports = {
     "teams-identity-support-beta",
     // feature for tracking the callParticipantsLocator
     "call-participants-locator",
-    // Feature for RTT
-    "rtt",
     // Feature for together mode
     "together-mode"
   ],
   stable: [
     // Demo feature. Used in live-documentation of conditional compilation.
     // Do not use in production code.
-    "stabilizedDemo"
+    "stabilizedDemo",
+     // Feature for RTT
+     "rtt",
   ]
 }

packages/calling-stateful-client/src/CallClientState.ts

@@ -101,7 +101,7 @@ export interface CaptionsInfo {
 
 /* @conditional-compile-remove(rtt) */
 /**
- * @beta
+ * @public
  */
 export interface RealTimeTextInfo {
   /**
@@ -175,7 +175,7 @@ export interface CaptionsCallFeatureState {
 
 /* @conditional-compile-remove(rtt) */
 /**
- * @beta
+ * @public
  */
 export interface RealTimeTextCallFeatureState {
   /**

packages/calling-stateful-client/src/CallDeclarativeCommon.ts

@@ -119,6 +119,9 @@ export abstract class ProxyCallCommon implements ProxyHandler<CallCommon> {
             const proxyFeature = new ProxySpotlightCallFeature(this._context);
             return new Proxy(spotlightFeature, proxyFeature);
           }
+          if (args[0] === Features.RealTimeText && this._context.getState().userId.kind === 'microsoftTeamsUser') {
+            return;
+          }
           return target.feature(...args);
         }, 'Call.feature');
       }

packages/calling-stateful-client/src/CallSubscriber.ts

@@ -143,12 +143,6 @@ export class CallSubscriber {
       this._context,
       this._call.feature(Features.MediaAccess)
     );
-    /* @conditional-compile-remove(rtt) */
-    this._realTimeTextSubscriber = new RealTimeTextSubscriber(
-      this._callIdRef,
-      this._context,
-      this._call.feature(Features.RealTimeText)
-    );
 
     this.subscribe();
   }
@@ -161,6 +155,10 @@ export class CallSubscriber {
     this._safeSubscribe(this.initTeamsMeetingConference);
   };
 
+  private _safeSubscribeInitRealTimeText = (): void => {
+    this._safeSubscribe(this.initRealTimeText);
+  };
+
   /* @conditional-compile-remove(local-recording-notification) */
   private _safeSubscribeInitLocalRecordingNotificationSubscriber = (): void => {
     this._safeSubscribe(this.initLocalRecordingNotificationSubscriber);
@@ -183,6 +181,8 @@ export class CallSubscriber {
     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,
@@ -250,7 +250,9 @@ export class CallSubscriber {
     this._pptLiveSubscriber.unsubscribe();
     this._CaptionsFeatureSubscriber?.unsubscribe();
     /* @conditional-compile-remove(rtt) */
-    this._realTimeTextSubscriber?.unsubscribe();
+    if (this._realTimeTextSubscriber) {
+      this._realTimeTextSubscriber.unsubscribe();
+    }
     this._raiseHandSubscriber?.unsubscribe();
 
     this._capabilitiesSubscriber.unsubscribe();
@@ -320,6 +322,16 @@ export class CallSubscriber {
     }
   };
 
+  private initRealTimeText = (): void => {
+    if (this._context.getState().userId.kind !== 'microsoftTeamsUser') {
+      this._realTimeTextSubscriber = new RealTimeTextSubscriber(
+        this._callIdRef,
+        this._context,
+        this._call.feature(Features.RealTimeText)
+      );
+    }
+  };
+
   /* @conditional-compile-remove(local-recording-notification) */
   private initLocalRecordingNotificationSubscriber = (): void => {
     // Subscribe to LocalRecordingFeature as it is only available in interop scenarios

packages/communication-react/review/beta/communication-react.api.md

@@ -4645,7 +4645,7 @@ export type ReadReceiptsBySenderId = {
 // @beta
 export const RealTimeText: (props: RealTimeTextProps) => JSX.Element;
 
-// @beta (undocumented)
+// @public (undocumented)
 export interface RealTimeTextCallFeatureState {
     isRealTimeTextFeatureActive?: boolean;
     realTimeTexts: {
@@ -4655,7 +4655,7 @@ export interface RealTimeTextCallFeatureState {
     };
 }
 
-// @beta (undocumented)
+// @public (undocumented)
 export interface RealTimeTextInfo {
     isMe?: boolean;
     message: string;
@@ -4666,7 +4666,7 @@ export interface RealTimeTextInfo {
     updatedTimestamp?: Date;
 }
 
-// @beta
+// @public
 export type RealTimeTextInformation = {
     id: number;
     displayName: string;
@@ -4688,7 +4688,7 @@ export interface RealTimeTextModalProps {
     strings?: RealTimeTextModalStrings;
 }
 
-// @beta
+// @public
 export interface RealTimeTextModalStrings {
     realTimeTextCancelButtonLabel?: string;
     realTimeTextCloseModalButtonAriaLabel?: string;
@@ -4710,12 +4710,12 @@ export interface RealTimeTextProps {
     userId?: string;
 }
 
-// @beta
+// @public
 export type RealTimeTextReceivedListener = (event: {
     realTimeText: RealTimeTextInfo_2;
 }) => void;
 
-// @beta
+// @public
 export interface RealTimeTextStrings {
     isTypingText?: string;
 }
@@ -5146,7 +5146,7 @@ export interface StartRealTimeTextButtonProps extends ControlBarButtonProps {
     strings?: StartRealTimeTextButtonStrings;
 }
 
-// @beta
+// @public
 export interface StartRealTimeTextButtonStrings {
     label: string;
     tooltipOffContent: string;