Closed Captions feature

change-beta/@azure-communication-react-20eae482-c849-4823-a7a8-a050abdd7d11.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Closed caption hermetic tests in callwithchat",
+  "packageName": "@azure/communication-react",
+  "email": "jiangnanhello@live.com",
+  "dependentChangeType": "none"
+}

change-beta/@azure-communication-react-2fc6792f-fbc1-44d9-8e79-f8cf59ac6b77.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Fixed join call error bug and bug when participants can not receive latest spoken language",
+  "packageName": "@azure/communication-react",
+  "email": "carolinecao@microsoft.com",
+  "dependentChangeType": "patch"
+}

change-beta/@azure-communication-react-7f2b0ba2-bfe7-4d3c-84af-3fa9eb8ddf7b.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Hermetic tests for closed caption feature",
+  "packageName": "@azure/communication-react",
+  "email": "jiangnanhello@live.com",
+  "dependentChangeType": "none"
+}

change-beta/@azure-communication-react-f6e079f8-94b9-4cae-a0de-3cc29c6b9474.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Use proxy for features",
+  "packageName": "@azure/communication-react",
+  "email": "jiangnanhello@live.com",
+  "dependentChangeType": "none"
+}

change/@azure-communication-react-20eae482-c849-4823-a7a8-a050abdd7d11.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Closed caption hermetic tests in callwithchat",
+  "packageName": "@azure/communication-react",
+  "email": "jiangnanhello@live.com",
+  "dependentChangeType": "none"
+}

change/@azure-communication-react-2fc6792f-fbc1-44d9-8e79-f8cf59ac6b77.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Fixed join call error bug and bug when participants can not receive latest spoken language",
+  "packageName": "@azure/communication-react",
+  "email": "carolinecao@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@azure-communication-react-7f2b0ba2-bfe7-4d3c-84af-3fa9eb8ddf7b.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Hermetic tests for closed caption feature",
+  "packageName": "@azure/communication-react",
+  "email": "jiangnanhello@live.com",
+  "dependentChangeType": "none"
+}

change/@azure-communication-react-f6e079f8-94b9-4cae-a0de-3cc29c6b9474.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Use proxy for features",
+  "packageName": "@azure/communication-react",
+  "email": "jiangnanhello@live.com",
+  "dependentChangeType": "none"
+}

common/config/babel/.babelrc.js

@@ -14,6 +14,8 @@ process.env['COMMUNICATION_REACT_FLAVOR'] === 'stable' &&
         'calling-beta-sdk',
         // Participant pane in the `ChatComposite`.
         'chat-composite-participant-pane',
+        // Close captions feature
+        'close-captions',
         // API for injecting custom buttons in he control bar for
         // `CallComposite` and `CallWithChatComposite`.
         'control-bar-button-injection',

common/config/rush/common-versions.json

@@ -24,7 +24,7 @@
      * instead of the latest version.
      */
     // "some-library": "1.2.3"
-    "@azure/communication-calling": "1.12.0-beta.2",
+    "@azure/communication-calling": "1.13.0-beta.4",
     "@azure/communication-chat": "1.3.2-beta.1"
   },
 
@@ -53,7 +53,7 @@
    * This design avoids unnecessary churn in this file.
    */
   "allowedAlternativeVersions": {
-    "@azure/communication-calling": ["1.12.0-beta.2"],
+    "@azure/communication-calling": ["1.13.0-beta.4"],
     "@azure/communication-chat": ["1.3.2-beta.1"],
     "webpack": [
       // All projects should use this version by default

packages/calling-component-bindings/package.json

@@ -36,13 +36,13 @@
     "reselect": "~4.0.0"
   },
   "peerDependencies": {
-    "@azure/communication-calling": "1.12.0-beta.2 || >=1.12.1",
+    "@azure/communication-calling": "1.13.0-beta.4 || >=1.12.1",
     "@azure/communication-calling-effects": "1.0.0-beta.2",
     "@types/react": ">=16.8.0 <18.0.0",
     "react": ">=16.8.0 <18.0.0"
   },
   "devDependencies": {
-    "@azure/communication-calling": "1.12.0-beta.2 || >=1.12.1",
+    "@azure/communication-calling": "1.13.0-beta.4 || >=1.12.1",
     "@azure/communication-calling-effects": "1.0.0-beta.2",
     "@babel/cli": "~7.16.0",
     "@babel/core": "~7.16.0",

packages/calling-component-bindings/review/beta/calling-component-bindings.api.md

@@ -18,6 +18,7 @@ import { CallClientState } from '@internal/calling-stateful-client';
 import { CallParticipantListParticipant } from '@internal/react-components';
 import { CallState } from '@azure/communication-calling';
 import { CameraButton } from '@internal/react-components';
+import { _CaptionsInfo } from '@internal/react-components';
 import { Common } from '@internal/acs-ui-common';
 import { CommunicationIdentifier } from '@azure/communication-common';
 import { CommunicationUserIdentifier } from '@azure/communication-common';
@@ -107,6 +108,30 @@ export type CameraButtonSelector = (state: CallClientState, props: CallingBaseSe
 // @public
 export const cameraButtonSelector: CameraButtonSelector;
 
+// @internal
+export type _CaptionsBannerSelector = (state: CallClientState, props: CallingBaseSelectorProps) => {
+    captions: _CaptionsInfo[];
+    isCaptionsOn: boolean;
+};
+
+// @internal
+export const _captionsBannerSelector: _CaptionsBannerSelector;
+
+// @beta
+export type CaptionsOptions = {
+    spokenLanguage: string;
+};
+
+// @internal
+export type _ChangeSpokenLanguageSelector = (state: CallClientState, props: CallingBaseSelectorProps) => {
+    supportedSpokenLanguages: string[];
+    currentSpokenLanguage: string;
+    isCaptionsFeatureActive: boolean;
+};
+
+// @internal
+export const _changeSpokenLanguageSelector: _ChangeSpokenLanguageSelector;
+
 // @public
 export interface CommonCallingHandlers {
     // (undocumented)
@@ -144,12 +169,20 @@ export interface CommonCallingHandlers {
     // (undocumented)
     onSendDtmfTone: (dtmfTone: DtmfTone) => Promise<void>;
     // (undocumented)
+    onSetCaptionLanguage: (language: string) => Promise<void>;
+    // (undocumented)
+    onSetSpokenLanguage: (language: string) => Promise<void>;
+    // (undocumented)
     onStartCall: (participants: (CommunicationUserIdentifier | PhoneNumberIdentifier | UnknownIdentifier)[], options?: StartCallOptions) => void;
     // (undocumented)
+    onStartCaptions: (options?: CaptionsOptions) => Promise<void>;
+    // (undocumented)
     onStartLocalVideo: () => Promise<void>;
     // (undocumented)
     onStartScreenShare: () => Promise<void>;
     // (undocumented)
+    onStopCaptions: () => Promise<void>;
+    // (undocumented)
     onStopScreenShare: () => Promise<void>;
     // (undocumented)
     onToggleCamera: (options?: VideoStreamOptions) => Promise<void>;
@@ -251,6 +284,16 @@ export type ScreenShareButtonSelector = (state: CallClientState, props: CallingB
 // @public
 export const screenShareButtonSelector: ScreenShareButtonSelector;
 
+// @internal
+export type _StartCaptionsButtonSelector = (state: CallClientState, props: CallingBaseSelectorProps) => {
+    checked: boolean;
+    currentCaptionLanguage: string;
+    currentSpokenLanguage: string;
+};
+
+// @internal
+export const _startCaptionsButtonSelector: _StartCaptionsButtonSelector;
+
 // @beta
 export interface TeamsCallingHandlers extends CommonCallingHandlers {
     // (undocumented)