Merge branch 'main' into cnwankwo/together_ui_impl

Author: cn0151

change-beta/@azure-communication-react-2e0f8784-7ab5-4728-8d29-207b5305220e.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "Hard mute",
+  "comment": "fix media access hermetic test",
+  "packageName": "@azure/communication-react",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change-beta/@azure-communication-react-7883216f-9767-4ce0-bacd-75bfc92e8b80.json

@@ -0,0 +1,9 @@
+{
+  "type": "prerelease",
+  "area": "improvement",
+  "workstream": "Updating test server dependencies",
+  "comment": "updating express to 4.21.2 so we can fix a dependnecy issue with path-to-regexp",
+  "packageName": "@azure/communication-react",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change-beta/@azure-communication-react-c2419591-452c-41f1-ae45-403283adec5c.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "improvement",
+  "workstream": "Hard mute",
+  "comment": "Add sdk references to story book",
+  "packageName": "@azure/communication-react",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change-beta/@azure-communication-react-c7ad66f2-1939-4d90-9c90-f9d73b0dc151.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "A11y",
+  "comment": "Fix keyboard navigation for message menu button",
+  "packageName": "@azure/communication-react",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@azure-communication-react-2e0f8784-7ab5-4728-8d29-207b5305220e.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "Hard mute",
+  "comment": "fix media access hermetic test",
+  "packageName": "@azure/communication-react",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@azure-communication-react-c2419591-452c-41f1-ae45-403283adec5c.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "improvement",
+  "workstream": "Hard mute",
+  "comment": "Add sdk references to story book",
+  "packageName": "@azure/communication-react",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@azure-communication-react-c7ad66f2-1939-4d90-9c90-f9d73b0dc151.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "A11y",
+  "comment": "Fix keyboard navigation for message menu button",
+  "packageName": "@azure/communication-react",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

common/config/package.json

@@ -21,7 +21,7 @@
     "@playwright/test": "~1.49.1",
     "@rollup/plugin-commonjs": "~25.0.7",
     "@rollup/plugin-json": "^6.0.1",
-    "@types/node": "^22.9.0",
+    "@types/node": "^22.10.6",
     "beachball": "^2.44.0",
     "rollup": "^4.27.2",
     "rollup-plugin-sourcemaps": "~0.6.3",

common/config/rush/pnpm-lock.yaml

@@ -46,7 +46,7 @@
   },
   "devDependencies": {
         "@azure/communication-calling": "1.32.2-beta.1 || ^1.32.1",
-    "@azure/communication-calling-effects": "^1.1.2",
+    "@azure/communication-calling-effects": "^1.1.3",
     "@babel/cli": "^7.24.8",
     "@babel/core": "^7.25.2",
     "@types/jest": "^29.5.14",

common/config/rush/variants/stable/pnpm-lock.yaml

@@ -50,7 +50,7 @@
     "@types/react": "18.3.12",
     "@typescript-eslint/eslint-plugin": "^7.14.1",
     "@typescript-eslint/parser": "^7.14.1",
-    "@types/node": "^22.9.0",
+    "@types/node": "^22.10.6",
     "copyfiles": "^2.4.1",
     "cpy-cli": "^5.0.0",
     "cross-env": "^7.0.3",
@@ -69,4 +69,4 @@
     "ts-jest": "^29.1.5",
     "typescript": "5.4.5"
   }
-}
+}

common/scripts/install-run.js

@@ -28,17 +28,17 @@
     "@azure/logger": "^1.0.4",
     "@fluentui/react-components": "^9.56.1",
     "@fluentui/react": "^8.121.11",
-    "@fluentui/react-file-type-icons": "8.12.4",
+    "@fluentui/react-file-type-icons": "8.12.7",
     "@fluentui/react-hooks": "^8.8.16",
-    "@fluentui/react-icons": "^2.0.266",
+    "@fluentui/react-icons": "^2.0.270",
     "@fluentui/react-window-provider": "^2.2.27",
     "@fluentui-contrib/react-chat": "0.1.10",
     "@griffel/react": "^1.5.27",
     "@types/events": "^3.0.3",
     "copy-to-clipboard": "^3.3.1",
-    "dompurify": "^3.1.7",
+    "dompurify": "^3.2.3",
     "events": "^3.3.0",
-    "html-react-parser": "^5.1.18",
+    "html-react-parser": "^5.2.2",
     "immer": "10.1.1",
     "memoize-one": "^5.2.1",
     "nanoid": "3.3.8",
@@ -112,7 +112,7 @@
   },
   "devDependencies": {
         "@azure/communication-calling": "1.32.2-beta.1 || ^1.32.1",
-    "@azure/communication-calling-effects": "^1.1.2",
+    "@azure/communication-calling-effects": "^1.1.3",
     "@azure/core-auth": "^1.7.2",
     "@babel/cli": "^7.24.8",
     "@babel/core": "^7.25.2",
@@ -124,15 +124,15 @@
     "@internal/react-components": "1.23.0-beta.0",
     "@internal/react-composites": "1.23.0-beta.0",
     "@internal/acs-ui-javascript-loaders": "1.23.0-beta.0",
-    "@microsoft/api-documenter": "~7.26.0",
+    "@microsoft/api-documenter": "~7.26.5",
     "@microsoft/api-extractor": "~7.48.0",
     "@rollup/plugin-json": "^6.0.1",
     "@testing-library/jest-dom": "^6.4.8",
     "@testing-library/react": "^16.0.0",
     "@types/dompurify": "^3.0.5",
     "@types/jest": "^29.5.14",
     "@types/json-stringify-safe": "^5.0.3",
-    "@types/node": "^22.9.0",
+    "@types/node": "^22.10.6",
     "@types/react-dom": "18.3.1",
     "@types/react-linkify": "^1.0.4",
     "@types/react": "18.3.12",
@@ -172,7 +172,7 @@
     "ts-patch": "^3.1.2",
     "type-fest": "^4.14.0",
     "typescript": "5.4.5",
-    "typescript-transform-paths": "^3.5.2"
+    "typescript-transform-paths": "^3.5.3"
   },
   "beachball": {
     "shouldPublish": false

packages/calling-component-bindings/package.json

@@ -39,16 +39,16 @@
     "@azure/logger": "^1.0.4",
     "@fluentui/react": "^8.121.11",
     "@fluentui/react-components": "^9.56.1",
-    "@fluentui/react-file-type-icons": "8.12.4",
+    "@fluentui/react-file-type-icons": "8.12.7",
     "@fluentui/react-hooks": "^8.8.16",
-    "@fluentui/react-icons": "^2.0.266",
+    "@fluentui/react-icons": "^2.0.270",
     "@fluentui/react-window-provider": "^2.2.27",
     "@fluentui-contrib/react-chat": "0.1.10",
     "@internal/acs-ui-common": "1.23.0-beta.0",
     "@griffel/react": "^1.5.27",
     "copy-to-clipboard": "^3.3.1",
-    "dompurify": "^3.1.7",
-    "html-react-parser": "^5.1.18",
+    "dompurify": "^3.2.3",
+    "html-react-parser": "^5.2.2",
     "react-linkify": "^1.0.0-alpha",
     "react-use-draggable-scroll": "^0.4.7",
     "roosterjs-content-model-api": "^9.16.0",
@@ -80,7 +80,7 @@
     "@types/dompurify": "^3.0.5",
     "@types/jest": "^29.5.14",
     "@types/json-stringify-safe": "^5.0.3",
-    "@types/node": "^22.9.0",
+    "@types/node": "^22.10.6",
     "@types/react-dom": "18.3.1",
     "@types/react-linkify": "^1.0.4",
     "@types/react": "18.3.12",

packages/chat-stateful-client/package.json

@@ -13,7 +13,10 @@ import { IPersona, PersonaSize, mergeStyles, Persona } from '@fluentui/react';
 import { mergeClasses } from '@fluentui/react-components';
 import { createStyleFromV8Style } from '../../styles/v8StyleShim';
 import { ChatMessage as FluentChatMessage } from '@fluentui-contrib/react-chat';
-import { getFluentUIAttachedValue } from '../../utils/ChatMessageComponentUtils';
+import {
+  getFluentUIAttachedValue,
+  removeFluentUIKeyboardNavigationStyles
+} from '../../utils/ChatMessageComponentUtils';
 import { ChatMessageComponentWrapperProps } from '../ChatMessageComponentWrapper';
 /* @conditional-compile-remove(data-loss-prevention) */
 import { BlockedMessage } from '../../../types/ChatMessage';
@@ -140,8 +143,13 @@ export const FluentChatMessageComponent = (props: FluentChatMessageComponentWrap
     );
   }, [message.senderDisplayName, message.senderId, onRenderAvatar, shouldShowAvatar]);
 
+  const setMessageContainerRef = useCallback((node: HTMLDivElement | null) => {
+    removeFluentUIKeyboardNavigationStyles(node);
+  }, []);
+
   const messageBodyProps = useMemo(() => {
     return {
+      ref: setMessageContainerRef,
       // chatItemMessageContainer used in className and style prop as style prop can't handle CSS selectors
       className: mergeClasses(
         chatMessageRenderStyles.bodyCommon,
@@ -157,6 +165,7 @@ export const FluentChatMessageComponent = (props: FluentChatMessageComponentWrap
         styles?.chatItemMessageContainer !== undefined ? createStyleFromV8Style(styles?.chatItemMessageContainer) : {}
     };
   }, [
+    setMessageContainerRef,
     chatMessageRenderStyles.bodyCommon,
     chatMessageRenderStyles.bodyWithoutAvatar,
     chatMessageRenderStyles.bodyHiddenAvatar,