@azure/communication-react 1.14.0-alpha-202403130012 → 1.14.0-alpha-202403150012

package/dist/dist-esm/react-components/src/localization/locales/zh-CN/strings.json

@@ -7,7 +7,8 @@
         "mutedIconLabel": "已静音",
         "displayNamePlaceholder": "未命名的参与者",
         "participantStateRinging": "正在呼叫...",
-        "participantStateHold": "待机音乐"
+        "participantStateHold": "待机音乐",
+        "attendeeRole": "与会者"
     },
     "ParticipantList": {
         "overflowParticipantCount": "+{overflowCount} 个"
@@ -28,6 +29,23 @@
         "uploading": "正在上传",
         "uploadCompleted": "已完成上传"
     },
+    "richTextSendBox": {
+        "placeholderText": "输入消息",
+        "textTooLong": "你的消息长度超过了最大限制。",
+        "sendButtonAriaLabel": "发送信息",
+        "fileUploadsPendingError": "正在上传...请稍等。",
+        "removeFile": "删除文件",
+        "uploading": "正在上传",
+        "uploadCompleted": "已完成上传",
+        "boldTooltip": "粗体",
+        "italicTooltip": "斜体",
+        "underlineTooltip": "下划线",
+        "bulletListTooltip": "项目符号列表",
+        "numberListTooltip": "编号列表",
+        "increaseIndentTooltip": "增加缩进量",
+        "decreaseIndentTooltip": "减少缩进量",
+        "richTextFormatButtonTooltip": "格式"
+    },
     "mentionPopover": {
         "mentionPopoverHeader": "建议"
     },
@@ -125,6 +143,7 @@
     },
     "reactionButton": {
         "label": "回应",
+        "ariaLabel": "回应按钮，发送回应",
         "tooltipDisabledContent": "已禁用表情符号操作",
         "tooltipContent": "发送表情符号",
         "likeReactionTooltipContent": "点赞",
@@ -224,7 +243,8 @@
         "addSpotlightVideoTileMenuLabel": "添加聚焦",
         "spotlightLimitReachedMenuTitle": "已达到聚焦限制",
         "stopSpotlightVideoTileMenuLabel": "停止聚焦",
-        "stopSpotlightOnSelfVideoTileMenuLabel": "退出聚焦"
+        "stopSpotlightOnSelfVideoTileMenuLabel": "退出聚焦",
+        "attendeeRole": "与会者"
     },
     "dialpad": {
         "placeholderText": "输入电话号码",
@@ -358,6 +378,5 @@
     "verticalGallery": {
         "leftNavButtonAriaLabel": "上一页",
         "rightNavButtonAriaLabel": "下一页"
-    },
-    "AttendeeRole": "与会者"
+    }
 }

package/dist/dist-esm/react-components/src/localization/locales/zh-TW/strings.json

@@ -7,7 +7,8 @@
         "mutedIconLabel": "已靜音",
         "displayNamePlaceholder": "未命名的參與者",
         "participantStateRinging": "撥號中...",
-        "participantStateHold": "電話保留"
+        "participantStateHold": "電話保留",
+        "attendeeRole": "出席者"
     },
     "ParticipantList": {
         "overflowParticipantCount": "其他 {overflowCount} 個"
@@ -28,6 +29,23 @@
         "uploading": "正在上傳",
         "uploadCompleted": "上傳完成"
     },
+    "richTextSendBox": {
+        "placeholderText": "輸入訊息",
+        "textTooLong": "您的訊息長度超過上限。",
+        "sendButtonAriaLabel": "傳送訊息",
+        "fileUploadsPendingError": "正在上傳...請稍候。",
+        "removeFile": "移除檔案",
+        "uploading": "正在上傳",
+        "uploadCompleted": "上傳完成",
+        "boldTooltip": "粗體",
+        "italicTooltip": "斜體",
+        "underlineTooltip": "底線",
+        "bulletListTooltip": "項目符號清單",
+        "numberListTooltip": "編號清單",
+        "increaseIndentTooltip": "增加縮排",
+        "decreaseIndentTooltip": "減少縮排",
+        "richTextFormatButtonTooltip": "格式"
+    },
     "mentionPopover": {
         "mentionPopoverHeader": "建議"
     },
@@ -125,6 +143,7 @@
     },
     "reactionButton": {
         "label": "傳送表情符號",
+        "ariaLabel": "表情符號按鈕，傳送表情符號",
         "tooltipDisabledContent": "已停用表情符號動作",
         "tooltipContent": "傳送表情符號",
         "likeReactionTooltipContent": "按讚",
@@ -224,7 +243,8 @@
         "addSpotlightVideoTileMenuLabel": "新增焦點",
         "spotlightLimitReachedMenuTitle": "已達焦點限制",
         "stopSpotlightVideoTileMenuLabel": "停止聚焦",
-        "stopSpotlightOnSelfVideoTileMenuLabel": "結束聚焦"
+        "stopSpotlightOnSelfVideoTileMenuLabel": "結束聚焦",
+        "attendeeRole": "出席者"
     },
     "dialpad": {
         "placeholderText": "輸入電話號碼",
@@ -358,6 +378,5 @@
     "verticalGallery": {
         "leftNavButtonAriaLabel": "上一頁",
         "rightNavButtonAriaLabel": "下一頁"
-    },
-    "AttendeeRole": "出席者"
+    }
 }

package/dist/dist-esm/react-components/src/theming/themes.js

@@ -86,7 +86,7 @@ export const darkTheme = {
         errorText: '#f1707b'
     }
 };
-/* @conditional-compile-remove(image-overlay) */
+/* @conditional-compile-remove(image-overlay-theme) */
 /**
  * Preset dark theme for the ImageOverlay component.
  *

package/dist/dist-esm/react-components/src/theming/themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../../../react-components/src/theming/themes.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAoBlC;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAgC;IACrD,OAAO,EAAE;QACP,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,SAAS;QACvB,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,oBAAoB,EAAE,SAAS;QAC/B,iBAAiB,EAAE,SAAS;QAC5B,kBAAkB,EAAE,SAAS;QAC7B,eAAe,EAAE,SAAS;QAC1B,gBAAgB,EAAE,SAAS;QAC3B,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,kBAAkB,EAAE,0BAA0B;KAC/C;IACD,cAAc,EAAE;QACd,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;QACxB,SAAS,EAAE,SAAS;QACpB,6CAA6C;QAC7C,aAAa,EAAE,SAAS;KACzB;IACD,cAAc,EAAE;QACd,SAAS,EAAE,SAAS;KACrB;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,SAAS,GAAgC;IACpD,OAAO,EAAE;QACP,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,SAAS;QACvB,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,oBAAoB,EAAE,SAAS;QAC/B,iBAAiB,EAAE,SAAS;QAC5B,kBAAkB,EAAE,SAAS;QAC7B,eAAe,EAAE,SAAS;QAC1B,gBAAgB,EAAE,SAAS;QAC3B,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,kBAAkB,EAAE,oBAAoB;KACzC;IACD,cAAc,EAAE;QACd,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;QACxB,SAAS,EAAE,SAAS;QACpB,6CAA6C;QAC7C,aAAa,EAAE,SAAS;KACzB;IACD,cAAc,EAAE;QACd,SAAS,EAAE,SAAS;KACrB;CACF,CAAC;AAEF,gDAAgD;AAChD;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAiB;IAC7C,OAAO,EAAE,SAAS,CAAC,OAAO;IAC1B,cAAc,kCACT,SAAS,CAAC,cAAc,KAC3B,cAAc,EAAE,qBAAqB,GACtC;CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { PartialTheme } from '@fluentui/react';\n\n/**\n * Custom Fluent theme palette used by calling related components in this library.\n *\n * @public\n */\nexport interface CallingTheme {\n  callingPalette: {\n    callRed: string;\n    callRedDark: string;\n    callRedDarker: string;\n    iconWhite: string;\n    /* @conditional-compile-remove(raise-hand) */\n    raiseHandGold: string;\n  };\n}\n\n/**\n * Preset light theme for components exported from this library.\n *\n * @public\n */\nexport const lightTheme: PartialTheme & CallingTheme = {\n  palette: {\n    themePrimary: '#0078d4',\n    themeLighterAlt: '#eff6fc',\n    themeLighter: '#deecf9',\n    themeLight: '#c7e0f4',\n    themeTertiary: '#71afe5',\n    themeSecondary: '#2b88d8',\n    themeDarkAlt: '#106ebe',\n    themeDark: '#59b0f7',\n    themeDarker: '#004578',\n    neutralLighterAlt: '#faf9f8',\n    neutralLighter: '#f3f2f1',\n    neutralLight: '#edebe9',\n    neutralQuaternaryAlt: '#e1dfdd',\n    neutralQuaternary: '#d0d0d0',\n    neutralTertiaryAlt: '#c8c6c4',\n    neutralTertiary: '#a19f9d',\n    neutralSecondary: '#605e5c',\n    neutralPrimaryAlt: '#3b3a39',\n    neutralPrimary: '#323130',\n    neutralDark: '#201f1e',\n    black: '#000000',\n    white: '#ffffff',\n    whiteTranslucent40: 'rgba(255, 255, 255, 0.4)'\n  },\n  callingPalette: {\n    callRed: '#a42e43',\n    callRedDark: '#8b2c3d',\n    callRedDarker: '#772a38',\n    iconWhite: '#ffffff',\n    /* @conditional-compile-remove(raise-hand) */\n    raiseHandGold: '#eaa300'\n  },\n  semanticColors: {\n    errorText: '#a80000'\n  }\n};\n\n/**\n * Preset dark theme for components exported from this library.\n *\n * @public\n */\nexport const darkTheme: PartialTheme & CallingTheme = {\n  palette: {\n    themePrimary: '#2899f5',\n    themeLighterAlt: '#02060a',\n    themeLighter: '#061827',\n    themeLight: '#0c2e49',\n    themeTertiary: '#185b93',\n    themeSecondary: '#2286d7',\n    themeDarkAlt: '#3ca2f6',\n    themeDark: '#59b0f7',\n    themeDarker: '#84c5f9',\n    neutralLighterAlt: '#302e2d',\n    neutralLighter: '#383735',\n    neutralLight: '#464443',\n    neutralQuaternaryAlt: '#4e4d4b',\n    neutralQuaternary: '#4d4b49',\n    neutralTertiaryAlt: '#72706e',\n    neutralTertiary: '#c8c8c8',\n    neutralSecondary: '#d0d0d0',\n    neutralPrimaryAlt: '#dadada',\n    neutralPrimary: '#ffffff',\n    neutralDark: '#f4f4f4',\n    black: '#f8f8f8',\n    white: '#252423',\n    whiteTranslucent40: 'rgba(0, 0, 0, 0.4)'\n  },\n  callingPalette: {\n    callRed: '#c4314b',\n    callRedDark: '#a42e43',\n    callRedDarker: '#8b2c3d',\n    iconWhite: '#ffffff',\n    /* @conditional-compile-remove(raise-hand) */\n    raiseHandGold: '#eaa300'\n  },\n  semanticColors: {\n    errorText: '#f1707b'\n  }\n};\n\n/* @conditional-compile-remove(image-overlay) */\n/**\n * Preset dark theme for the ImageOverlay component.\n *\n * @public\n */\nexport const imageOverlayTheme: PartialTheme = {\n  palette: darkTheme.palette,\n  semanticColors: {\n    ...darkTheme.semanticColors,\n    bodyBackground: 'rgba(0, 0, 0, 0.85)'\n  }\n};\n"]}
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../../../react-components/src/theming/themes.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAoBlC;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAgC;IACrD,OAAO,EAAE;QACP,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,SAAS;QACvB,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,oBAAoB,EAAE,SAAS;QAC/B,iBAAiB,EAAE,SAAS;QAC5B,kBAAkB,EAAE,SAAS;QAC7B,eAAe,EAAE,SAAS;QAC1B,gBAAgB,EAAE,SAAS;QAC3B,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,kBAAkB,EAAE,0BAA0B;KAC/C;IACD,cAAc,EAAE;QACd,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;QACxB,SAAS,EAAE,SAAS;QACpB,6CAA6C;QAC7C,aAAa,EAAE,SAAS;KACzB;IACD,cAAc,EAAE;QACd,SAAS,EAAE,SAAS;KACrB;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,SAAS,GAAgC;IACpD,OAAO,EAAE;QACP,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,SAAS;QACvB,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,oBAAoB,EAAE,SAAS;QAC/B,iBAAiB,EAAE,SAAS;QAC5B,kBAAkB,EAAE,SAAS;QAC7B,eAAe,EAAE,SAAS;QAC1B,gBAAgB,EAAE,SAAS;QAC3B,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,kBAAkB,EAAE,oBAAoB;KACzC;IACD,cAAc,EAAE;QACd,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;QACxB,SAAS,EAAE,SAAS;QACpB,6CAA6C;QAC7C,aAAa,EAAE,SAAS;KACzB;IACD,cAAc,EAAE;QACd,SAAS,EAAE,SAAS;KACrB;CACF,CAAC;AAEF,sDAAsD;AACtD;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAiB;IAC7C,OAAO,EAAE,SAAS,CAAC,OAAO;IAC1B,cAAc,kCACT,SAAS,CAAC,cAAc,KAC3B,cAAc,EAAE,qBAAqB,GACtC;CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { PartialTheme } from '@fluentui/react';\n\n/**\n * Custom Fluent theme palette used by calling related components in this library.\n *\n * @public\n */\nexport interface CallingTheme {\n  callingPalette: {\n    callRed: string;\n    callRedDark: string;\n    callRedDarker: string;\n    iconWhite: string;\n    /* @conditional-compile-remove(raise-hand) */\n    raiseHandGold: string;\n  };\n}\n\n/**\n * Preset light theme for components exported from this library.\n *\n * @public\n */\nexport const lightTheme: PartialTheme & CallingTheme = {\n  palette: {\n    themePrimary: '#0078d4',\n    themeLighterAlt: '#eff6fc',\n    themeLighter: '#deecf9',\n    themeLight: '#c7e0f4',\n    themeTertiary: '#71afe5',\n    themeSecondary: '#2b88d8',\n    themeDarkAlt: '#106ebe',\n    themeDark: '#59b0f7',\n    themeDarker: '#004578',\n    neutralLighterAlt: '#faf9f8',\n    neutralLighter: '#f3f2f1',\n    neutralLight: '#edebe9',\n    neutralQuaternaryAlt: '#e1dfdd',\n    neutralQuaternary: '#d0d0d0',\n    neutralTertiaryAlt: '#c8c6c4',\n    neutralTertiary: '#a19f9d',\n    neutralSecondary: '#605e5c',\n    neutralPrimaryAlt: '#3b3a39',\n    neutralPrimary: '#323130',\n    neutralDark: '#201f1e',\n    black: '#000000',\n    white: '#ffffff',\n    whiteTranslucent40: 'rgba(255, 255, 255, 0.4)'\n  },\n  callingPalette: {\n    callRed: '#a42e43',\n    callRedDark: '#8b2c3d',\n    callRedDarker: '#772a38',\n    iconWhite: '#ffffff',\n    /* @conditional-compile-remove(raise-hand) */\n    raiseHandGold: '#eaa300'\n  },\n  semanticColors: {\n    errorText: '#a80000'\n  }\n};\n\n/**\n * Preset dark theme for components exported from this library.\n *\n * @public\n */\nexport const darkTheme: PartialTheme & CallingTheme = {\n  palette: {\n    themePrimary: '#2899f5',\n    themeLighterAlt: '#02060a',\n    themeLighter: '#061827',\n    themeLight: '#0c2e49',\n    themeTertiary: '#185b93',\n    themeSecondary: '#2286d7',\n    themeDarkAlt: '#3ca2f6',\n    themeDark: '#59b0f7',\n    themeDarker: '#84c5f9',\n    neutralLighterAlt: '#302e2d',\n    neutralLighter: '#383735',\n    neutralLight: '#464443',\n    neutralQuaternaryAlt: '#4e4d4b',\n    neutralQuaternary: '#4d4b49',\n    neutralTertiaryAlt: '#72706e',\n    neutralTertiary: '#c8c8c8',\n    neutralSecondary: '#d0d0d0',\n    neutralPrimaryAlt: '#dadada',\n    neutralPrimary: '#ffffff',\n    neutralDark: '#f4f4f4',\n    black: '#f8f8f8',\n    white: '#252423',\n    whiteTranslucent40: 'rgba(0, 0, 0, 0.4)'\n  },\n  callingPalette: {\n    callRed: '#c4314b',\n    callRedDark: '#a42e43',\n    callRedDarker: '#8b2c3d',\n    iconWhite: '#ffffff',\n    /* @conditional-compile-remove(raise-hand) */\n    raiseHandGold: '#eaa300'\n  },\n  semanticColors: {\n    errorText: '#f1707b'\n  }\n};\n\n/* @conditional-compile-remove(image-overlay-theme) */\n/**\n * Preset dark theme for the ImageOverlay component.\n *\n * @public\n */\nexport const imageOverlayTheme: PartialTheme = {\n  palette: darkTheme.palette,\n  semanticColors: {\n    ...darkTheme.semanticColors,\n    bodyBackground: 'rgba(0, 0, 0, 0.85)'\n  }\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/AzureCommunicationCallAdapter.d.ts

@@ -130,6 +130,7 @@ export declare class AzureCommunicationCallAdapter<AgentType extends CallAgent |
     private isMyMutedChanged;
     private onRemoteParticipantsUpdated;
     private isScreenSharingOnChanged;
+    private teamsCaptionsReceived;
     private captionsReceived;
     private isCaptionsActiveChanged;
     private isSpokenLanguageChanged;

package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/AzureCommunicationCallAdapter.js

@@ -867,25 +867,49 @@ export class AzureCommunicationCallAdapter {
     }
     /* @conditional-compile-remove(close-captions) */
     subscribeToCaptionEvents() {
-        var _a;
-        if (this.call && this.call.state === 'Connected' && this.context.getState().isTeamsCall) {
-            const captionsFeature = (_a = this.call) === null || _a === void 0 ? void 0 : _a.feature(Features.Captions).captions;
-            captionsFeature.on('CaptionsReceived', this.captionsReceived.bind(this));
-            captionsFeature.on('CaptionsActiveChanged', this.isCaptionsActiveChanged.bind(this));
-            captionsFeature.on('CaptionLanguageChanged', this.isCaptionLanguageChanged.bind(this));
-            captionsFeature.on('SpokenLanguageChanged', this.isSpokenLanguageChanged.bind(this));
+        var _a, _b;
+        if (this.call && this.call.state === 'Connected') {
+            if (this.context.getState().isTeamsCall) {
+                const captionsFeature = (_a = this.call) === null || _a === void 0 ? void 0 : _a.feature(Features.Captions).captions;
+                captionsFeature.on('CaptionsReceived', this.teamsCaptionsReceived.bind(this));
+                captionsFeature.on('CaptionsActiveChanged', this.isCaptionsActiveChanged.bind(this));
+                captionsFeature.on('CaptionLanguageChanged', this.isCaptionLanguageChanged.bind(this));
+                captionsFeature.on('SpokenLanguageChanged', this.isSpokenLanguageChanged.bind(this));
+            }
+            else {
+                /* @conditional-compile-remove(acs-close-captions) */
+                const captionsFeature = (_b = this.call) === null || _b === void 0 ? void 0 : _b.feature(Features.Captions).captions;
+                /* @conditional-compile-remove(acs-close-captions) */
+                captionsFeature.on('CaptionsReceived', this.captionsReceived.bind(this));
+                /* @conditional-compile-remove(acs-close-captions) */
+                captionsFeature.on('CaptionsActiveChanged', this.isCaptionsActiveChanged.bind(this));
+                /* @conditional-compile-remove(acs-close-captions) */
+                captionsFeature.on('SpokenLanguageChanged', this.isSpokenLanguageChanged.bind(this));
+            }
         }
     }
     /* @conditional-compile-remove(close-captions) */
     unsubscribeFromCaptionEvents() {
-        var _a, _b;
-        if (this.call && this.call.state === 'Connected' && this.context.getState().isTeamsCall) {
-            const captionsFeature = (_a = this.call) === null || _a === void 0 ? void 0 : _a.feature(Features.Captions).captions;
-            captionsFeature.off('CaptionsReceived', this.captionsReceived.bind(this));
-            captionsFeature.off('CaptionsActiveChanged', this.isCaptionsActiveChanged.bind(this));
-            captionsFeature.off('CaptionLanguageChanged', this.isCaptionLanguageChanged.bind(this));
-            captionsFeature.off('SpokenLanguageChanged', this.isSpokenLanguageChanged.bind(this));
-            (_b = this.call) === null || _b === void 0 ? void 0 : _b.off('stateChanged', this.subscribeToCaptionEvents.bind(this));
+        var _a, _b, _c;
+        if (this.call && this.call.state === 'Connected') {
+            if (this.context.getState().isTeamsCall) {
+                const captionsFeature = (_a = this.call) === null || _a === void 0 ? void 0 : _a.feature(Features.Captions).captions;
+                captionsFeature.off('CaptionsReceived', this.teamsCaptionsReceived.bind(this));
+                captionsFeature.off('CaptionsActiveChanged', this.isCaptionsActiveChanged.bind(this));
+                captionsFeature.off('CaptionLanguageChanged', this.isCaptionLanguageChanged.bind(this));
+                captionsFeature.off('SpokenLanguageChanged', this.isSpokenLanguageChanged.bind(this));
+            }
+            else {
+                /* @conditional-compile-remove(acs-close-captions) */
+                const captionsFeature = (_b = this.call) === null || _b === void 0 ? void 0 : _b.feature(Features.Captions).captions;
+                /* @conditional-compile-remove(acs-close-captions) */
+                captionsFeature.off('CaptionsReceived', this.captionsReceived.bind(this));
+                /* @conditional-compile-remove(acs-close-captions) */
+                captionsFeature.off('CaptionsActiveChanged', this.isCaptionsActiveChanged.bind(this));
+                /* @conditional-compile-remove(acs-close-captions) */
+                captionsFeature.off('SpokenLanguageChanged', this.isSpokenLanguageChanged.bind(this));
+            }
+            (_c = this.call) === null || _c === void 0 ? void 0 : _c.off('stateChanged', this.subscribeToCaptionEvents.bind(this));
         }
     }
     subscribeCallEvents() {
@@ -949,6 +973,10 @@ export class AzureCommunicationCallAdapter {
         this.emitter.emit('isLocalScreenSharingActiveChanged', { isScreenSharingOn: (_a = this.call) === null || _a === void 0 ? void 0 : _a.isScreenSharingOn });
     }
     /* @conditional-compile-remove(close-captions) */
+    teamsCaptionsReceived(captionsInfo) {
+        this.emitter.emit('captionsReceived', { captionsInfo });
+    }
+    /* @conditional-compile-remove(acs-close-captions) */
     captionsReceived(captionsInfo) {
         this.emitter.emit('captionsReceived', { captionsInfo });
     }