Fix captions related console error on ACS call (#2974)

* fix console error on acs call

* Change files

* Duplicate change files for beta release

* pr comment

Author: carocao-msft

change-beta/@azure-communication-react-91244af4-0dbf-4946-ab8c-181e1c776bfe.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix bug where captions is subscribed to on ACS call",
+  "packageName": "@azure/communication-react",
+  "email": "carolinecao@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@azure-communication-react-91244af4-0dbf-4946-ab8c-181e1c776bfe.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix bug where captions is subscribed to on ACS call",
+  "packageName": "@azure/communication-react",
+  "email": "carolinecao@microsoft.com",
+  "dependentChangeType": "patch"
+}

packages/calling-stateful-client/review/beta/calling-stateful-client.api.md

@@ -208,6 +208,9 @@ export const _isTeamsCall: (call: CallCommon) => call is TeamsCall_2;
 // @internal (undocumented)
 export const _isTeamsCallAgent: (callAgent: CallAgentCommon) => callAgent is TeamsCallAgent_2;
 
+// @internal
+export const _isTeamsMeetingCall: (call: CallCommon) => boolean;
+
 // @public
 export interface LocalVideoStreamState {
     mediaStreamType: MediaStreamType;

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

@@ -42,7 +42,7 @@ export const _isTeamsCallAgent = (callAgent: CallAgentCommon): callAgent is Team
 
 /* @conditional-compile-remove(close-captions) */
 /**
- * @private
+ * @internal
  * Determine whether a call is:
  * A TeamsCall
  * or a ACS Call joining the teams meeting

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

@@ -5,4 +5,7 @@ export * from './index-public';
 
 export { _isACSCall, _isACSCallAgent, _isTeamsCall, _isTeamsCallAgent } from './TypeGuards';
 
+/* @conditional-compile-remove(close-captions) */
+export { _isTeamsMeetingCall } from './TypeGuards';
+
 export type { CallAgentCommon, CallCommon, TeamsCall, TeamsCallAgent, IncomingCallCommon } from './BetaToStableTypes';

packages/react-composites/src/composites/CallComposite/adapter/AzureCommunicationCallAdapter.ts

@@ -67,6 +67,8 @@ import { VideoBackgroundImage, SelectedVideoBackgroundEffect } from './CallAdapt
 /* @conditional-compile-remove(teams-identity-support) */
 import { TeamsCallAdapter } from './CallAdapter';
 import { getCallCompositePage, IsCallEndedPage, isCameraOn, isValidIdentifier } from '../utils';
+/* @conditional-compile-remove(close-captions) */
+import { _isTeamsMeetingCall } from '@internal/calling-stateful-client';
 /* @conditional-compile-remove(video-background-effects) */
 import { startSelectedVideoEffect } from '../utils';
 import { CreateVideoStreamViewResult, VideoStreamOptions } from '@internal/react-components';
@@ -752,7 +754,7 @@ export class AzureCommunicationCallAdapter<AgentType extends CallAgent | BetaTea
 
   /* @conditional-compile-remove(close-captions) */
   private subscribeToCaptionEvents(): void {
-    if (this.call?.state === 'Connected') {
+    if (this.call && this.call.state === 'Connected' && _isTeamsMeetingCall(this.call)) {
       this.call?.feature(Features.TeamsCaptions).on('captionsReceived', this.captionsReceived.bind(this));
       this.call?.feature(Features.TeamsCaptions).on('isCaptionsActiveChanged', this.isCaptionsActiveChanged.bind(this));
       this.call?.off('stateChanged', this.subscribeToCaptionEvents.bind(this));