@azure/communication-react 1.18.0-alpha-202406150014 → 1.18.0-alpha-202406180013

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

@@ -57,7 +57,7 @@
         "richTextDeleteColumnMenu": "删除列",
         "richTextDeleteRowMenu": "删除行",
         "richTextDeleteTableMenu": "删除表格",
-        "richTextToolbarMoreButtonAriaLabel": "More options",
+        "richTextToolbarMoreButtonAriaLabel": "更多选项",
         "attachmentMoreMenu": "更多选项"
     },
     "mentionPopover": {
@@ -220,7 +220,7 @@
         "richTextDeleteColumnMenu": "删除列",
         "richTextDeleteRowMenu": "删除行",
         "richTextDeleteTableMenu": "删除表格",
-        "richTextToolbarMoreButtonAriaLabel": "More options"
+        "richTextToolbarMoreButtonAriaLabel": "更多选项"
     },
     "errorBar": {
         "unableToReachChatService": "你已脱机",
@@ -259,12 +259,167 @@
         "unableToStartVideoEffect": "无法应用视频效果。",
         "startSpotlightWhileMaxParticipantsAreSpotlighted": "无法聚焦参与者，因为聚焦的参与者人数已达到上限。"
     },
+    "notifications": {
+        "unableToReachChatService": {
+            "title": "你处于脱机状态。",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "accessDenied": {
+            "title": "无法访问聊天服务",
+            "message": "请检查提供的用户凭据",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "userNotInChatThread": {
+            "title": "你不再在此聊天线程中。",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "sendMessageNotInChatThread": {
+            "title": "无法发送消息",
+            "message": "你不再处于此聊天会话中",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "sendMessageGeneric": {
+            "title": "无法发送邮件。",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "callingNetworkFailure": {
+            "title": "连接呼叫时遇到问题",
+            "message": "你似乎处于脱机状态。请检查网络连接，然后重试。",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "startVideoGeneric": {
+            "title": "无法启动视频。",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "stopVideoGeneric": {
+            "title": "无法停止视频。",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "muteGeneric": {
+            "title": "无法将麦克风静音。",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "unmuteGeneric": {
+            "title": "无法取消麦克风静音。",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "speakingWhileMuted": {
+            "title": "你已静音。",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "startScreenShareGeneric": {
+            "title": "启动屏幕共享时出现问题。",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "stopScreenShareGeneric": {
+            "title": "无法停止屏幕共享。",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "callNetworkQualityLow": {
+            "title": "网络质量低。",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "callNoSpeakerFound": {
+            "title": "找不到扬声器或耳机",
+            "message": "连接音频设备以收听呼叫。",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "callNoMicrophoneFound": {
+            "title": "未找到麦克风",
+            "message": "连接音频输入设备。",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "callMicrophoneAccessDenied": {
+            "title": "无法访问麦克风",
+            "message": "单击地址栏中的锁定以授予对此网页的权限。",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "callMicrophoneAccessDeniedSafari": {
+            "title": "无法访问麦克风",
+            "message": "刷新页面以允许权限，或检查此浏览器的设置并验证是否为此网站启用了权限。",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "callMicrophoneMutedBySystem": {
+            "title": "系统已将你设为静音。",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "callMicrophoneUnmutedBySystem": {
+            "title": "你的麦克风已恢复，系统已取消静音。",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "callMacOsMicrophoneAccessDenied": {
+            "title": "无法访问麦克风",
+            "message": "在 macOS 隐私设置中授予麦克风权限。",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "callLocalVideoFreeze": {
+            "title": "网络带宽较差",
+            "message": "您的视频可能会对通话中的其他人暂停。",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "callCameraAccessDenied": {
+            "title": "无法访问摄像头",
+            "message": "单击地址栏中的锁定以授予对此网页的权限。",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "callCameraAccessDeniedSafari": {
+            "title": "无法访问摄像头",
+            "message": "刷新页面以允许权限，或检查此浏览器的设置并验证是否为此网站启用了权限。",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "callCameraAlreadyInUse": {
+            "title": "无法访问摄像头",
+            "message": "它可能已被其他应用程序使用。",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "callVideoStoppedBySystem": {
+            "title": "你的系统已停止你的视频。",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "callVideoRecoveredBySystem": {
+            "title": "你的视频已恢复。",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "callMacOsCameraAccessDenied": {
+            "title": "MacOS 正在阻止对摄像头的访问",
+            "message": "更新你的隐私设置以允许此浏览器访问你的相机。",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "callMacOsScreenShareAccessDenied": {
+            "title": "MacOS 正在阻止屏幕共享",
+            "message": "更新你的隐私设置以允许此浏览器录制你的屏幕。",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "failedToJoinCallGeneric": {
+            "title": "未能加入通话。",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "failedToJoinCallInvalidMeetingLink": {
+            "title": "无法加入会议。无效的链接。",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "cameraFrozenForRemoteParticipants": {
+            "title": "通话中的用户在查看视频时遇到问题",
+            "message": "请检查你的设备和网络。",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "unableToStartVideoEffect": {
+            "title": "无法应用视频效果。",
+            "closeButtonAriaLabel": "关闭"
+        },
+        "startSpotlightWhileMaxParticipantsAreSpotlighted": {
+            "title": "无法在参与者上启动聚焦",
+            "message": "已聚焦的最大参与者数。",
+            "closeButtonAriaLabel": "关闭"
+        }
+    },
     "videoGallery": {
         "screenIsBeingSharedMessage": "你正在共享你的屏幕",
         "screenShareLoadingMessage": "正在加载 {participant} 的屏幕",
         "localVideoLabel": "你",
         "localVideoCameraSwitcherLabel": "切换相机",
         "localVideoMovementLabel": "可移动本地小窗视频",
+        "localVideoMovementAriaLabel": "可移动本地小窗视频",
         "localVideoSelectedDescription": "已选择 {cameraName}",
         "displayNamePlaceholder": "未命名的参与者",
         "fitRemoteParticipantToFrame": "适应帧大小",
@@ -295,7 +450,8 @@
     },
     "videoTile": {
         "participantStateRinging": "正在呼叫...",
-        "participantStateHold": "保留"
+        "participantStateHold": "保留",
+        "moreOptionsButtonAriaLabel": "更多选项"
     },
     "CameraAndMicrophoneSitePermissionsRequest": {
         "primaryText": "允许{appName}使用你的相机和麦克风",
@@ -415,5 +571,16 @@
     "verticalGallery": {
         "leftNavButtonAriaLabel": "上一页",
         "rightNavButtonAriaLabel": "下一页"
+    },
+    "MeetingConferencePhoneInfo": {
+        "meetingConferencePhoneInfoModalTitle": "从手机加入呼叫",
+        "meetingConferencePhoneInfoModalDialIn": "拨号号码",
+        "meetingConferencePhoneInfoModalMeetingId": "输入会议 ID",
+        "meetingConferencePhoneInfoModalWait": "等待组织者接受",
+        "meetingConferencePhoneInfoModalNoPhoneAvailable": "没有可用的电话",
+        "meetingConferencePhoneInfoModalTollFree": "{phoneNumber}(免费){country}，{city}",
+        "meetingConferencePhoneInfoModalTollFreeWithoutGeoData": "{phoneNumber}(免费)",
+        "meetingConferencePhoneInfoModalToll": "{phoneNumber}(收费){country}，{city}",
+        "meetingConferencePhoneInfoModalTollWithoutGeoData": "{phoneNumber}(收费)"
     }
 }

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

@@ -57,7 +57,7 @@
         "richTextDeleteColumnMenu": "刪除欄",
         "richTextDeleteRowMenu": "刪除列",
         "richTextDeleteTableMenu": "刪除表格",
-        "richTextToolbarMoreButtonAriaLabel": "More options",
+        "richTextToolbarMoreButtonAriaLabel": "其他選項",
         "attachmentMoreMenu": "其他選項"
     },
     "mentionPopover": {
@@ -220,7 +220,7 @@
         "richTextDeleteColumnMenu": "刪除欄",
         "richTextDeleteRowMenu": "刪除列",
         "richTextDeleteTableMenu": "刪除表格",
-        "richTextToolbarMoreButtonAriaLabel": "More options"
+        "richTextToolbarMoreButtonAriaLabel": "其他選項"
     },
     "errorBar": {
         "unableToReachChatService": "您處於離線狀態",
@@ -259,12 +259,167 @@
         "unableToStartVideoEffect": "無法套用視訊效果。",
         "startSpotlightWhileMaxParticipantsAreSpotlighted": "無法啟動參與者的焦點，因為參與者人數已達焦點上限。"
     },
+    "notifications": {
+        "unableToReachChatService": {
+            "title": "您目前處於離線狀態。",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "accessDenied": {
+            "title": "無法存取聊天服務",
+            "message": "請檢查提供的使用者認證",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "userNotInChatThread": {
+            "title": "您已不在此聊天對話中。",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "sendMessageNotInChatThread": {
+            "title": "無法傳送訊息",
+            "message": "您已不在此聊天對話中",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "sendMessageGeneric": {
+            "title": "無法傳送郵件。",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "callingNetworkFailure": {
+            "title": "接通電話時發生問題",
+            "message": "您似乎已離線。請檢查您的網路連線，然後再試一次。",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "startVideoGeneric": {
+            "title": "無法啟動影片。",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "stopVideoGeneric": {
+            "title": "無法停止影片。",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "muteGeneric": {
+            "title": "無法將麥克風設為靜音。",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "unmuteGeneric": {
+            "title": "無法將麥克風取消靜音。",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "speakingWhileMuted": {
+            "title": "已將您設為靜音。",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "startScreenShareGeneric": {
+            "title": "啟動畫面分享時發生問題。",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "stopScreenShareGeneric": {
+            "title": "無法停止螢幕畫面分享。",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "callNetworkQualityLow": {
+            "title": "網路品質不佳。",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "callNoSpeakerFound": {
+            "title": "找不到喇叭或耳機",
+            "message": "連接音訊裝置以聆聽通話。",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "callNoMicrophoneFound": {
+            "title": "找不到麥克風",
+            "message": "請連結音訊輸入裝置。",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "callMicrophoneAccessDenied": {
+            "title": "無法存取麥克風",
+            "message": "按兩下網址列中的鎖定以授與此網頁的許可權。",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "callMicrophoneAccessDeniedSafari": {
+            "title": "無法存取麥克風",
+            "message": "重新整理頁面以允許許可權，或檢查此瀏覽器的設定，並確認已啟用此網站的權限。",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "callMicrophoneMutedBySystem": {
+            "title": "系統已將您設為靜音。",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "callMicrophoneUnmutedBySystem": {
+            "title": "您的麥克風已復原，系統已取消您的靜音。",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "callMacOsMicrophoneAccessDenied": {
+            "title": "無法存取麥克風",
+            "message": "在您的macOS隱私權設定中授與麥克風許可權。",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "callLocalVideoFreeze": {
+            "title": "網路頻寬不佳",
+            "message": "通話中的其他人可能會暫停您的視訊。",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "callCameraAccessDenied": {
+            "title": "無法存取相機",
+            "message": "按兩下網址列中的鎖定以授與此網頁的許可權。",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "callCameraAccessDeniedSafari": {
+            "title": "無法存取相機",
+            "message": "重新整理頁面以允許許可權，或檢查此瀏覽器的設定，並確認已啟用此網站的權限。",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "callCameraAlreadyInUse": {
+            "title": "無法存取相機",
+            "message": "其他應用程式可能已在使用它。",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "callVideoStoppedBySystem": {
+            "title": "您的影片已遭系統停止。",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "callVideoRecoveredBySystem": {
+            "title": "您的影片已繼續。",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "callMacOsCameraAccessDenied": {
+            "title": "MacOS 禁止存取您的相機",
+            "message": "更新您的隱私權設定，以允許此瀏覽器存取您的相機。",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "callMacOsScreenShareAccessDenied": {
+            "title": "MacOS 正在封鎖螢幕畫面分享",
+            "message": "更新您的隱私權設定，以允許此瀏覽器錄製您的螢幕。",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "failedToJoinCallGeneric": {
+            "title": "無法加入通話。",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "failedToJoinCallInvalidMeetingLink": {
+            "title": "無法加入會議。連結無效。",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "cameraFrozenForRemoteParticipants": {
+            "title": "通話中的用戶在觀看您的視訊時發生問題",
+            "message": "請檢查您的裝置和網路。",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "unableToStartVideoEffect": {
+            "title": "無法套用視訊效果。",
+            "closeButtonAriaLabel": "關閉"
+        },
+        "startSpotlightWhileMaxParticipantsAreSpotlighted": {
+            "title": "無法在參與者上啟動焦點",
+            "message": "參與者人數上限已成為焦點。",
+            "closeButtonAriaLabel": "關閉"
+        }
+    },
     "videoGallery": {
         "screenIsBeingSharedMessage": "您現在正在分享螢幕畫面。",
         "screenShareLoadingMessage": "正在載入 {participant} 的螢幕畫面",
         "localVideoLabel": "您",
         "localVideoCameraSwitcherLabel": "切換相機",
         "localVideoMovementLabel": "可移動本機視訊磚",
+        "localVideoMovementAriaLabel": "可移動的區域影片標題",
         "localVideoSelectedDescription": "已選取 {cameraName}",
         "displayNamePlaceholder": "未命名的參與者",
         "fitRemoteParticipantToFrame": "調整成畫面大小",
@@ -295,7 +450,8 @@
     },
     "videoTile": {
         "participantStateRinging": "撥號中...",
-        "participantStateHold": "電話保留"
+        "participantStateHold": "電話保留",
+        "moreOptionsButtonAriaLabel": "其他選項"
     },
     "CameraAndMicrophoneSitePermissionsRequest": {
         "primaryText": "允許 {appName} 使用您的相機和麥克風",
@@ -415,5 +571,16 @@
     "verticalGallery": {
         "leftNavButtonAriaLabel": "上一頁",
         "rightNavButtonAriaLabel": "下一頁"
+    },
+    "MeetingConferencePhoneInfo": {
+        "meetingConferencePhoneInfoModalTitle": "從您的電話加入通話",
+        "meetingConferencePhoneInfoModalDialIn": "撥號號碼",
+        "meetingConferencePhoneInfoModalMeetingId": "輸入會議識別碼",
+        "meetingConferencePhoneInfoModalWait": "等候召集人獲准進入",
+        "meetingConferencePhoneInfoModalNoPhoneAvailable": "沒有可用的電話",
+        "meetingConferencePhoneInfoModalTollFree": "{phoneNumber} (免付費電話) {country}，{city}",
+        "meetingConferencePhoneInfoModalTollFreeWithoutGeoData": "{phoneNumber} (免付費電話)",
+        "meetingConferencePhoneInfoModalToll": "{phoneNumber} (付費電話) {country}，{city}",
+        "meetingConferencePhoneInfoModalTollWithoutGeoData": "{phoneNumber} (付費電話)"
     }
 }

package/dist/dist-esm/react-components/src/theming/FluentV9ThemeProvider.d.ts

@@ -10,6 +10,7 @@ export interface FluentV9ThemeProviderProps {
     children: React.ReactNode;
     /** FluentUI v8 theme to be mapped to FluentUI v9 theme */
     v8Theme: ThemeV8;
+    className?: string;
 }
 /**
  * @private

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

@@ -1,7 +1,7 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 import React from 'react';
-import { makeStyles, shorthands, FluentProvider } from '@fluentui/react-components';
+import { makeStyles, shorthands, FluentProvider, mergeClasses } from '@fluentui/react-components';
 import { createV9Theme } from './v9ThemeShim';
 import { TextDirectionProvider } from '@griffel/react';
 /**
@@ -14,16 +14,16 @@ export const useFluentV9Wrapper = makeStyles({
  * @private
  */
 export const FluentV9ThemeProvider = (props) => {
-    const { v8Theme, children } = props;
+    const { v8Theme, children, className } = props;
     const v9Theme = createV9Theme(v8Theme);
     const dir = v8Theme.rtl ? 'rtl' : 'ltr';
     return (
     // TextDirectionProvider is needed to fix issue with direction value update in FluentProvider
     React.createElement(TextDirectionProvider, { dir: dir },
-        React.createElement(FluentProviderWithStylesOverrides, { theme: v9Theme, dir: dir }, children)));
+        React.createElement(FluentProviderWithStylesOverrides, { theme: v9Theme, dir: dir, className: className }, children)));
 };
 const FluentProviderWithStylesOverrides = (props) => {
     const classes = useFluentV9Wrapper();
-    return React.createElement(FluentProvider, Object.assign({}, props, { className: classes.body, applyStylesToPortals: false }));
+    return (React.createElement(FluentProvider, Object.assign({}, props, { className: mergeClasses(props.className, classes.body), applyStylesToPortals: false })));
 };
 //# sourceMappingURL=FluentV9ThemeProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FluentV9ThemeProvider.js","sourceRoot":"","sources":["../../../../../../react-components/src/theming/FluentV9ThemeProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAuB,MAAM,4BAA4B,CAAC;AAEzG,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAcvD;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAAC;IAC3C,IAAI,4DACF,MAAM,EAAE,MAAM,IACX,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,GACpB,UAAU,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAC7B,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,KACxB,KAAK,EAAE,MAAM,GACd;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAe,EAAE;IACtF,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACpC,MAAM,OAAO,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IACvC,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IAExC,OAAO;IACL,6FAA6F;IAC7F,oBAAC,qBAAqB,IAAC,GAAG,EAAE,GAAG;QAE7B,oBAAC,iCAAiC,IAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IACxD,QAAQ,CACyB,CACd,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,iCAAiC,GAAkC,CAAC,KAAK,EAAE,EAAE;IACjF,MAAM,OAAO,GAAG,kBAAkB,EAAE,CAAC;IAErC,OAAO,oBAAC,cAAc,oBAAK,KAAK,IAAE,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,oBAAoB,EAAE,KAAK,IAAI,CAAC;AAC7F,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { makeStyles, shorthands, FluentProvider, FluentProviderProps } from '@fluentui/react-components';\nimport { Theme as ThemeV8 } from '@fluentui/react';\nimport { createV9Theme } from './v9ThemeShim';\nimport { TextDirectionProvider } from '@griffel/react';\n\n/**\n * Props for {@link FluentThemeProvider}.\n *\n * @private\n */\nexport interface FluentV9ThemeProviderProps {\n  /** Children to be themed. */\n  children: React.ReactNode;\n  /** FluentUI v8 theme to be mapped to FluentUI v9 theme */\n  v8Theme: ThemeV8;\n}\n\n/**\n * @private\n */\nexport const useFluentV9Wrapper = makeStyles({\n  body: {\n    height: '100%',\n    ...shorthands.margin(0),\n    ...shorthands.overflow('hidden'),\n    ...shorthands.padding(0),\n    width: '100%'\n  }\n});\n\n/**\n * @private\n */\nexport const FluentV9ThemeProvider = (props: FluentV9ThemeProviderProps): JSX.Element => {\n  const { v8Theme, children } = props;\n  const v9Theme = createV9Theme(v8Theme);\n  const dir = v8Theme.rtl ? 'rtl' : 'ltr';\n\n  return (\n    // TextDirectionProvider is needed to fix issue with direction value update in FluentProvider\n    <TextDirectionProvider dir={dir}>\n      {/* Wrapper is required to call \"useClasses\" hook with proper context values */}\n      <FluentProviderWithStylesOverrides theme={v9Theme} dir={dir}>\n        {children}\n      </FluentProviderWithStylesOverrides>\n    </TextDirectionProvider>\n  );\n};\n\nconst FluentProviderWithStylesOverrides: React.FC<FluentProviderProps> = (props) => {\n  const classes = useFluentV9Wrapper();\n\n  return <FluentProvider {...props} className={classes.body} applyStylesToPortals={false} />;\n};\n"]}
+{"version":3,"file":"FluentV9ThemeProvider.js","sourceRoot":"","sources":["../../../../../../react-components/src/theming/FluentV9ThemeProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAuB,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAEvH,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAevD;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAAC;IAC3C,IAAI,4DACF,MAAM,EAAE,MAAM,IACX,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,GACpB,UAAU,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAC7B,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,KACxB,KAAK,EAAE,MAAM,GACd;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAe,EAAE;IACtF,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC/C,MAAM,OAAO,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IACvC,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IACxC,OAAO;IACL,6FAA6F;IAC7F,oBAAC,qBAAqB,IAAC,GAAG,EAAE,GAAG;QAE7B,oBAAC,iCAAiC,IAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,IAC9E,QAAQ,CACyB,CACd,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,iCAAiC,GAAkC,CAAC,KAAK,EAAE,EAAE;IACjF,MAAM,OAAO,GAAG,kBAAkB,EAAE,CAAC;IACrC,OAAO,CACL,oBAAC,cAAc,oBAAK,KAAK,IAAE,SAAS,EAAE,YAAY,CAAC,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,oBAAoB,EAAE,KAAK,IAAI,CACnH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { makeStyles, shorthands, FluentProvider, FluentProviderProps, mergeClasses } from '@fluentui/react-components';\nimport { Theme as ThemeV8 } from '@fluentui/react';\nimport { createV9Theme } from './v9ThemeShim';\nimport { TextDirectionProvider } from '@griffel/react';\n\n/**\n * Props for {@link FluentThemeProvider}.\n *\n * @private\n */\nexport interface FluentV9ThemeProviderProps {\n  /** Children to be themed. */\n  children: React.ReactNode;\n  /** FluentUI v8 theme to be mapped to FluentUI v9 theme */\n  v8Theme: ThemeV8;\n  className?: string;\n}\n\n/**\n * @private\n */\nexport const useFluentV9Wrapper = makeStyles({\n  body: {\n    height: '100%',\n    ...shorthands.margin(0),\n    ...shorthands.overflow('hidden'),\n    ...shorthands.padding(0),\n    width: '100%'\n  }\n});\n\n/**\n * @private\n */\nexport const FluentV9ThemeProvider = (props: FluentV9ThemeProviderProps): JSX.Element => {\n  const { v8Theme, children, className } = props;\n  const v9Theme = createV9Theme(v8Theme);\n  const dir = v8Theme.rtl ? 'rtl' : 'ltr';\n  return (\n    // TextDirectionProvider is needed to fix issue with direction value update in FluentProvider\n    <TextDirectionProvider dir={dir}>\n      {/* Wrapper is required to call \"useClasses\" hook with proper context values */}\n      <FluentProviderWithStylesOverrides theme={v9Theme} dir={dir} className={className}>\n        {children}\n      </FluentProviderWithStylesOverrides>\n    </TextDirectionProvider>\n  );\n};\n\nconst FluentProviderWithStylesOverrides: React.FC<FluentProviderProps> = (props) => {\n  const classes = useFluentV9Wrapper();\n  return (\n    <FluentProvider {...props} className={mergeClasses(props.className, classes.body)} applyStylesToPortals={false} />\n  );\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/ChatComposite/ChatScreen.js

@@ -44,7 +44,7 @@ import { loadRichTextSendBox } from '../common/SendBoxPicker';
  * @private
  */
 export const ChatScreen = (props) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     const { onFetchAvatarPersonaData, onRenderMessage, onRenderTypingIndicator, options, styles, 
     /* @conditional-compile-remove(file-sharing-acs) */
     attachmentOptions, formFactor } = props;
@@ -123,8 +123,28 @@ export const ChatScreen = (props) => {
     }, [styles === null || styles === void 0 ? void 0 : styles.sendBox]);
     const userId = toFlatCommunicationIdentifier(adapter.getState().userId);
     /* @conditional-compile-remove(file-sharing-acs) */
+    const setKeyboardFocusAfterFileSelection = useCallback(() => {
+        var _a;
+        // look up sendbox by ID for now, we will use `useRef`
+        // once attachment button is moved inside of send box component
+        // see ADO workitem #3764245
+        /* @conditional-compile-remove(rich-text-editor-composite-support) */
+        if ((_a = props.options) === null || _a === void 0 ? void 0 : _a.richTextEditor) {
+            const richTextSendBox = document === null || document === void 0 ? void 0 : document.querySelector(`[id="richTextSendBox"]`);
+            richTextSendBox === null || richTextSendBox === void 0 ? void 0 : richTextSendBox.focus();
+            return;
+        }
+        const sendBox = document === null || document === void 0 ? void 0 : document.querySelector(`[id="sendbox"]`);
+        // set send box on focus after file selection per A11y requirement
+        sendBox === null || sendBox === void 0 ? void 0 : sendBox.focus();
+    }, [
+        /* @conditional-compile-remove(rich-text-editor-composite-support) */
+        (_a = props.options) === null || _a === void 0 ? void 0 : _a.richTextEditor
+    ]);
+    /* @conditional-compile-remove(file-sharing-acs) */
     const attachmentUploadButtonOnChange = useCallback((files) => {
         var _a;
+        setKeyboardFocusAfterFileSelection();
         if (!files) {
             return;
         }
@@ -157,14 +177,14 @@ export const ChatScreen = (props) => {
         });
         handleUploadAction({ type: AttachmentUploadActionType.Set, newUploads });
         (_a = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.uploadOptions) === null || _a === void 0 ? void 0 : _a.handleAttachmentSelection(newUploads);
-    }, [attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.uploadOptions]);
+    }, [attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.uploadOptions, setKeyboardFocusAfterFileSelection]);
     /* @conditional-compile-remove(file-sharing-acs) */
     const onRenderAttachmentDownloads = useCallback((message) => {
         var _a, _b, _c;
         return ((_b = (_a = message === null || message === void 0 ? void 0 : message.attachments) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0 > 0) ? (React.createElement(_AttachmentDownloadCards, { attachments: message.attachments, message: message, actionsForAttachment: (_c = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.downloadOptions) === null || _c === void 0 ? void 0 : _c.actionsForAttachment, onActionHandlerFailed: (errorMessage) => {
                 setDownloadErrorMessage(errorMessage);
             } })) : (React.createElement(React.Fragment, null));
-    }, [(_a = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.downloadOptions) === null || _a === void 0 ? void 0 : _a.actionsForAttachment]);
+    }, [(_b = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.downloadOptions) === null || _b === void 0 ? void 0 : _b.actionsForAttachment]);
     const onInlineImageClicked = useCallback((attachmentId, messageId) => {
         var _a, _b;
         const message = adapter.getState().thread.chatMessages[messageId];
@@ -262,9 +282,9 @@ export const ChatScreen = (props) => {
         return (React.createElement(AttachmentUploadButton, { supportedMediaTypes: (_b = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.uploadOptions) === null || _b === void 0 ? void 0 : _b.supportedMediaTypes, disableMultipleUploads: (_c = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.uploadOptions) === null || _c === void 0 ? void 0 : _c.disableMultipleUploads, onChange: attachmentUploadButtonOnChange }));
         return React.createElement(React.Fragment, null);
     }, [
-        (_b = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.uploadOptions) === null || _b === void 0 ? void 0 : _b.handleAttachmentSelection,
-        (_c = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.uploadOptions) === null || _c === void 0 ? void 0 : _c.supportedMediaTypes,
-        (_d = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.uploadOptions) === null || _d === void 0 ? void 0 : _d.disableMultipleUploads,
+        (_c = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.uploadOptions) === null || _c === void 0 ? void 0 : _c.handleAttachmentSelection,
+        (_d = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.uploadOptions) === null || _d === void 0 ? void 0 : _d.supportedMediaTypes,
+        (_e = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.uploadOptions) === null || _e === void 0 ? void 0 : _e.disableMultipleUploads,
         attachmentUploadButtonOnChange
     ]);
     /* @conditional-compile-remove(file-sharing-acs) */