Bump versions for hotfix (#5903)

carocao-msft · web-flow · commit 241944383ce0 · 2025-06-16T16:47:26.000-07:00
* bump versions * Cherry pick hot fix into release branch (#5904) * rtt * lint fix * change files
diff --git a/change-beta/@azure-communication-react-bf500f55-e029-446a-9fbe-f81238ea783f.json b/change-beta/@azure-communication-react-bf500f55-e029-446a-9fbe-f81238ea783f.json
@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "feature",
+  "workstream": "RTT and Captions",
+  "comment": "Auto announce completed RTT and caption messages ",
+  "packageName": "@azure/communication-react",
+  "email": "96077406+carocao-msft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@azure-communication-react-00cec21c-c481-40f1-ba0f-4651b524c9e4.json b/change/@azure-communication-react-00cec21c-c481-40f1-ba0f-4651b524c9e4.json
@@ -0,0 +1,9 @@
+{
+  "type": "prerelease",
+  "area": "fix",
+  "workstream": "Hotfix",
+  "comment": "bump versions for hotfix",
+  "packageName": "@azure/communication-react",
+  "email": "96077406+carocao-msft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@azure-communication-react-bf500f55-e029-446a-9fbe-f81238ea783f.json b/change/@azure-communication-react-bf500f55-e029-446a-9fbe-f81238ea783f.json
@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "feature",
+  "workstream": "RTT and Captions",
+  "comment": "Auto announce completed RTT and caption messages ",
+  "packageName": "@azure/communication-react",
+  "email": "96077406+carocao-msft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/acs-ui-common/package.json b/packages/acs-ui-common/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@internal/acs-ui-common",
-  "version": "1.28.0-beta.1",
+  "version": "1.28.0-beta.2",
   "description": "Common types and utilities for all Azure Communication Serves UI libraries",
   "module": "dist/dist-esm/index.js",
   "main": "dist/dist-cjs/index.js",
diff --git a/packages/acs-ui-common/src/telemetryVersion.js b/packages/acs-ui-common/src/telemetryVersion.js
@@ -3,4 +3,4 @@
 
 // GENERATED FILE. DO NOT EDIT MANUALLY.
 
-module.exports = '1.28.0-beta.1';
+module.exports = '1.28.0-beta.2';
diff --git a/packages/acs-ui-javascript-loaders/package.json b/packages/acs-ui-javascript-loaders/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@internal/acs-ui-javascript-loaders",
-  "version": "1.28.0-beta.1",
+  "version": "1.28.0-beta.2",
   "description": "Component bindings specific to components that integrate with the Azure Communication Services Calling JavaScript SDK",
   "module": "dist/dist-esm/index.js",
   "main": "dist/dist-cjs/index.js",
@@ -32,8 +32,8 @@
   "license": "ISC",
   "dependencies": {
     "@azure/communication-common": "^2.3.2-beta.1",
-    "@internal/acs-ui-common": "1.28.0-beta.1",
-    "@internal/react-composites": "1.28.0-beta.1",
+    "@internal/acs-ui-common": "1.28.0-beta.2",
+    "@internal/react-composites": "1.28.0-beta.2",
     "@fluentui/react": "^8.122.17",
     "@azure/logger": "^1.0.4"
   },
diff --git a/packages/calling-component-bindings/package.json b/packages/calling-component-bindings/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@internal/calling-component-bindings",
-  "version": "1.28.0-beta.1",
+  "version": "1.28.0-beta.2",
   "description": "Component bindings specific to components that integrate with the Azure Communication Services Calling JavaScript SDK",
   "module": "dist/dist-esm/index.js",
   "main": "dist/dist-cjs/index.js",
@@ -31,9 +31,9 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@internal/acs-ui-common": "1.28.0-beta.1",
-    "@internal/calling-stateful-client": "1.28.0-beta.1",
-    "@internal/react-components": "1.28.0-beta.1",
+    "@internal/acs-ui-common": "1.28.0-beta.2",
+    "@internal/calling-stateful-client": "1.28.0-beta.2",
+    "@internal/react-components": "1.28.0-beta.2",
     "@azure/communication-common": "^2.3.2-beta.1",
     "memoize-one": "^5.2.1",
     "reselect": "^4.0.0"
diff --git a/packages/calling-component-bindings/src/captionsSelector.ts b/packages/calling-component-bindings/src/captionsSelector.ts
@@ -158,7 +158,8 @@ export const captionsBannerSelector: CaptionsBannerSelector = reselect.createSel
         displayName: finalDisplayName ?? 'Unnamed Participant',
         captionText: c.captionText,
         userId,
-        createdTimeStamp: c.timestamp
+        createdTimeStamp: c.timestamp,
+        isFinalized: c.resultType === 'Final'
       };
     });
 
@@ -220,17 +221,14 @@ export const captionsBannerSelector: CaptionsBannerSelector = reselect.createSel
 
     return {
       captions: captionsInfo ?? [],
-
       realTimeTexts: {
         completedMessages: completedRealTimeTexts as RealTimeTextInformation[],
         currentInProgress: inProgressRealTimeTexts as RealTimeTextInformation[],
         myInProgress: myInProgress as RealTimeTextInformation
       },
       isCaptionsOn: isCaptionsFeatureActive ?? false,
       startCaptionsInProgress: startCaptionsInProgress ?? false,
-
       isRealTimeTextOn: isRealTimeTextActive ?? false,
-
       latestLocalRealTimeText: (myInProgress ?? latestLocalRealTimeText) as RealTimeTextInformation
     };
   }
diff --git a/packages/calling-stateful-client/package.json b/packages/calling-stateful-client/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@internal/calling-stateful-client",
-  "version": "1.28.0-beta.1",
+  "version": "1.28.0-beta.2",
   "description": "Stateful proxy over the Azure Communication Services Calling JavaScript SDK",
   "module": "dist/dist-esm/index.js",
   "main": "dist/dist-cjs/index.js",
@@ -32,7 +32,7 @@
   "dependencies": {
     "@azure/communication-common": "^2.3.2-beta.1",
     "@azure/logger": "^1.0.4",
-    "@internal/acs-ui-common": "1.28.0-beta.1",
+    "@internal/acs-ui-common": "1.28.0-beta.2",
     "@types/events": "^3.0.3",
     "events": "^3.3.0",
     "immer": "10.1.1"
diff --git a/packages/chat-component-bindings/package.json b/packages/chat-component-bindings/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@internal/chat-component-bindings",
-  "version": "1.28.0-beta.1",
+  "version": "1.28.0-beta.2",
   "description": "Component bindings specific to components that integrate with the Azure Communication Services Chat JavaScript SDK",
   "module": "dist/dist-esm/index.js",
   "main": "dist/dist-cjs/index.js",
@@ -32,9 +32,9 @@
   "dependencies": {
     "@azure/communication-common": "^2.3.2-beta.1",
     "@azure/core-paging": "^1.5.0",
-    "@internal/acs-ui-common": "1.28.0-beta.1",
-    "@internal/chat-stateful-client": "1.28.0-beta.1",
-    "@internal/react-components": "1.28.0-beta.1",
+    "@internal/acs-ui-common": "1.28.0-beta.2",
+    "@internal/chat-stateful-client": "1.28.0-beta.2",
+    "@internal/react-components": "1.28.0-beta.2",
     "reselect": "^4.0.0",
     "memoize-one": "^5.2.1"
   },
diff --git a/packages/chat-stateful-client/package.json b/packages/chat-stateful-client/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@internal/chat-stateful-client",
-  "version": "1.28.0-beta.1",
+  "version": "1.28.0-beta.2",
   "description": "Stateful proxy over the Azure Communication Services Chat JavaScript SDK",
   "module": "dist/dist-esm/index.js",
   "main": "dist/dist-cjs/index.js",
@@ -33,7 +33,7 @@
     "@azure/communication-common": "^2.3.2-beta.1",
     "@azure/core-paging": "^1.5.0",
     "@azure/logger": "^1.0.4",
-    "@internal/acs-ui-common": "1.28.0-beta.1",
+    "@internal/acs-ui-common": "1.28.0-beta.2",
     "@types/events": "^3.0.3",
     "events": "^3.3.0",
     "immer": "10.1.1",
diff --git a/packages/communication-react/package.json b/packages/communication-react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@azure/communication-react",
-  "version": "1.28.0-beta.1",
+  "version": "1.28.0-beta.2",
   "sideEffects": false,
   "description": "React library for building modern communication user experiences utilizing Azure Communication Services",
   "keywords": [
@@ -116,14 +116,14 @@
     "@azure/core-auth": "^1.7.2",
     "@babel/cli": "^7.27.2",
     "@babel/core": "^7.27.1",
-    "@internal/calling-component-bindings": "1.28.0-beta.1",
-    "@internal/calling-stateful-client": "1.28.0-beta.1",
-    "@internal/chat-component-bindings": "1.28.0-beta.1",
-    "@internal/chat-stateful-client": "1.28.0-beta.1",
-    "@internal/fake-backends": "1.28.0-beta.1",
-    "@internal/react-components": "1.28.0-beta.1",
-    "@internal/react-composites": "1.28.0-beta.1",
-    "@internal/acs-ui-javascript-loaders": "1.28.0-beta.1",
+    "@internal/calling-component-bindings": "1.28.0-beta.2",
+    "@internal/calling-stateful-client": "1.28.0-beta.2",
+    "@internal/chat-component-bindings": "1.28.0-beta.2",
+    "@internal/chat-stateful-client": "1.28.0-beta.2",
+    "@internal/fake-backends": "1.28.0-beta.2",
+    "@internal/react-components": "1.28.0-beta.2",
+    "@internal/react-composites": "1.28.0-beta.2",
+    "@internal/acs-ui-javascript-loaders": "1.28.0-beta.2",
     "@microsoft/api-documenter": "~7.26.22",
     "@microsoft/api-extractor": "~7.52.4",
     "@rollup/plugin-json": "^6.0.1",
diff --git a/packages/communication-react/review/beta/communication-react.api.md b/packages/communication-react/review/beta/communication-react.api.md
@@ -1973,6 +1973,7 @@ export type CaptionsInformation = {
     captionText: string;
     userId?: string;
     createdTimeStamp?: Date;
+    isFinalized?: boolean;
 };
 
 // @public
diff --git a/packages/communication-react/review/stable/communication-react.api.md b/packages/communication-react/review/stable/communication-react.api.md
@@ -1784,6 +1784,7 @@ export type CaptionsInformation = {
     captionText: string;
     userId?: string;
     createdTimeStamp?: Date;
+    isFinalized?: boolean;
 };
 
 // @public
diff --git a/packages/fake-backends/package.json b/packages/fake-backends/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@internal/fake-backends",
-  "version": "1.28.0-beta.1",
+  "version": "1.28.0-beta.2",
   "description": "Fake implementations of backend services",
   "module": "dist/dist-esm/index.js",
   "main": "dist/dist-cjs/index.js",
@@ -35,7 +35,7 @@
     "@azure/communication-signaling": "1.0.0-beta.33 || 1.0.0-beta.29",
     "@azure/core-paging": "^1.5.0",
     "@azure/core-rest-pipeline": "^1.13.0",
-    "@internal/acs-ui-common": "1.28.0-beta.1",
+    "@internal/acs-ui-common": "1.28.0-beta.2",
     "@types/events": "^3.0.3",
     "events": "^3.3.0",
     "immer": "10.1.1",
diff --git a/packages/react-components/package.json b/packages/react-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@internal/react-components",
-  "version": "1.28.0-beta.1",
+  "version": "1.28.0-beta.2",
   "description": "React component library",
   "module": "dist/dist-esm/index.js",
   "main": "dist/dist-cjs/index.js",
@@ -44,7 +44,7 @@
     "@fluentui/react-icons": "^2.0.298",
     "@fluentui/react-window-provider": "^2.2.30",
     "@fluentui-contrib/react-chat": "0.1.11",
-    "@internal/acs-ui-common": "1.28.0-beta.1",
+    "@internal/acs-ui-common": "1.28.0-beta.2",
     "@griffel/react": "^1.5.30",
     "copy-to-clipboard": "^3.3.1",
     "dompurify": "^3.2.5",
diff --git a/packages/react-components/src/components/CaptionsBanner.tsx b/packages/react-components/src/components/CaptionsBanner.tsx
@@ -10,6 +10,7 @@ import {
   captionsBannerClassName,
   captionsBannerFullHeightClassName,
   captionsContainerClassName,
+  hiddenAnnouncementClassName,
   loadingBannerFullHeightStyles,
   loadingBannerStyles
 } from './styles/Captions.style';
@@ -54,6 +55,10 @@ export type CaptionsInformation = {
    * If you are using both captions and real time text, please ensure that the createdTimeStamp is populated
    */
   createdTimeStamp?: Date;
+  /**
+   * If caption is finalized
+   */
+  isFinalized?: boolean;
 };
 
 /**
@@ -238,6 +243,10 @@ export const CaptionsBanner = (props: CaptionsBannerProps): JSX.Element => {
   const theme = useTheme();
 
   const [expandBannerHeight, setExpandBannerHeight] = useState<boolean>(false);
+  const [announcedRTT, setAnnouncedRTT] = useState<number[]>([]);
+  const [announcedCaption, setAnnouncedCaption] = useState<string[]>([]);
+  const [captionAnnouncementText, setCaptionAnnouncementText] = useState<CaptionsInformation[]>([]);
+  const [rttAnnouncementText, setRTTAnnouncementText] = useState<RealTimeTextInformation[]>([]);
 
   const getTitle = (): string => {
     if (isCaptionsOn && isRealTimeTextOn) {
@@ -305,6 +314,29 @@ export const CaptionsBanner = (props: CaptionsBannerProps): JSX.Element => {
     }
   }, [latestLocalRealTimeText]);
 
+  useEffect(() => {
+    if (realTimeTexts?.completedMessages) {
+      //filter out the messages that have already been announced
+      const rTTMessagesToAnnounce = realTimeTexts.completedMessages.filter(
+        (message) => !announcedRTT.includes(message.id)
+      );
+      if (rTTMessagesToAnnounce.length > 0) {
+        setRTTAnnouncementText(rTTMessagesToAnnounce);
+        setAnnouncedRTT((prev) => [...prev, ...rTTMessagesToAnnounce.map((message) => message.id)]);
+      }
+    }
+    if (captions.length > 0) {
+      // filter out the captions that have already been announced
+      const captionsToAnnounce = captions.filter(
+        (caption) => !announcedCaption.includes(caption.id) && caption.isFinalized
+      );
+      if (captionsToAnnounce.length > 0) {
+        setCaptionAnnouncementText(captionsToAnnounce);
+        setAnnouncedCaption((prev) => [...prev, ...captionsToAnnounce.map((caption) => caption.id)]);
+      }
+    }
+  }, [captions, realTimeTexts?.completedMessages, announcedRTT, announcedCaption]);
+
   const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>): void => {
     if (event.key === 'Enter') {
       event.preventDefault();
@@ -352,6 +384,26 @@ export const CaptionsBanner = (props: CaptionsBannerProps): JSX.Element => {
     <>
       {(startCaptionsInProgress || isCaptionsOn || isRealTimeTextOn) && (
         <FocusZone shouldFocusOnMount className={captionsContainerClassName} data-ui-id="captions-banner">
+          {/* ARIA live region */}
+          {(rttAnnouncementText.length > 0 || captionAnnouncementText?.length > 0) && (
+            <div aria-live="assertive" role="alert" aria-atomic="true" className={hiddenAnnouncementClassName}>
+              <span>
+                {rttAnnouncementText.map((text) => (
+                  <span>
+                    {strings.realTimeTextBannerTitle} {text.displayName}: {text.message}
+                  </span>
+                ))}
+              </span>
+              <span>
+                {captionAnnouncementText.map((text) => (
+                  <span>
+                    {strings.captionsOnlyContainerTitle} {text.displayName}: {text.captionText}
+                  </span>
+                ))}
+              </span>
+            </div>
+          )}
+
           {(isCaptionsOn || isRealTimeTextOn) && formFactor === 'compact' && (
             <Stack
               horizontal
diff --git a/packages/react-components/src/components/styles/Captions.style.ts b/packages/react-components/src/components/styles/Captions.style.ts
@@ -114,6 +114,20 @@ export const captionsContainerClassName = mergeStyles({
   overflowX: 'hidden'
 });
 
+/**
+ * @private
+ */
+export const hiddenAnnouncementClassName = mergeStyles({
+  position: 'absolute',
+  width: '1px',
+  height: '1px',
+  padding: 0,
+  overflow: 'hidden',
+  clip: 'rect(0, 0, 0, 0)',
+  whiteSpace: 'nowrap',
+  border: 0
+});
+
 /**
  * @private
  */
diff --git a/packages/react-composites/package.json b/packages/react-composites/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@internal/react-composites",
-  "version": "1.28.0-beta.1",
+  "version": "1.28.0-beta.2",
   "description": "Complete Azure Communication Services experiences",
   "module": "dist/dist-esm/index.js",
   "main": "dist/dist-cjs/index.js",
@@ -54,12 +54,12 @@
     "@azure/logger": "^1.0.4",
     "@fluentui/react-file-type-icons": "8.13.1",
     "@fluentui/react-hooks": "^8.8.18",
-    "@internal/acs-ui-common": "1.28.0-beta.1",
-    "@internal/calling-component-bindings": "1.28.0-beta.1",
-    "@internal/calling-stateful-client": "1.28.0-beta.1",
-    "@internal/chat-component-bindings": "1.28.0-beta.1",
-    "@internal/chat-stateful-client": "1.28.0-beta.1",
-    "@internal/react-components": "1.28.0-beta.1",
+    "@internal/acs-ui-common": "1.28.0-beta.2",
+    "@internal/calling-component-bindings": "1.28.0-beta.2",
+    "@internal/calling-stateful-client": "1.28.0-beta.2",
+    "@internal/chat-component-bindings": "1.28.0-beta.2",
+    "@internal/chat-stateful-client": "1.28.0-beta.2",
+    "@internal/react-components": "1.28.0-beta.2",
     "@fluentui/react-icons": "^2.0.298",
     "@fluentui/react": "^8.122.17",
     "@types/events": "^3.0.3",
@@ -86,7 +86,7 @@
     "@babel/cli": "^7.27.2",
     "@babel/core": "^7.27.1",
     "@babel/preset-env": "7.23.9",
-    "@internal/fake-backends": "1.28.0-beta.1",
+    "@internal/fake-backends": "1.28.0-beta.2",
     "@internal/eslint-plugin-custom-rules": "0.1.0",
     "@microsoft/api-documenter": "~7.26.22",
     "@microsoft/api-extractor": "~7.52.4",
diff --git a/packages/storybook8/package.json b/packages/storybook8/package.json
diff --git a/samples/CallWithChat/package.json b/samples/CallWithChat/package.json
diff --git a/samples/Calling/package.json b/samples/Calling/package.json
diff --git a/samples/CallingStateful/package.json b/samples/CallingStateful/package.json
diff --git a/samples/Chat/package.json b/samples/Chat/package.json
diff --git a/samples/ComponentExamples/package.json b/samples/ComponentExamples/package.json
diff --git a/samples/StaticHtmlComposites/package.json b/samples/StaticHtmlComposites/package.json
diff --git a/tools/check-treeshaking/package.json b/tools/check-treeshaking/package.json
diff --git a/tools/check-typescript-regression/package.json b/tools/check-typescript-regression/package.json

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@internal/acs-ui-common",`
`3`		`- "version": "1.28.0-beta.1",`
	`3`	`+ "version": "1.28.0-beta.2",`
`4`	`4`	`"description": "Common types and utilities for all Azure Communication Serves UI libraries",`
`5`	`5`	`"module": "dist/dist-esm/index.js",`
`6`	`6`	`"main": "dist/dist-cjs/index.js",`
Original file line number	Diff line number	Diff line change
`@@ -3,4 +3,4 @@`
`3`	`3`
`4`	`4`	`// GENERATED FILE. DO NOT EDIT MANUALLY.`
`5`	`5`
`6`		`-module.exports = '1.28.0-beta.1';`
	`6`	`+module.exports = '1.28.0-beta.2';`