@azure/communication-react 1.5.2-alpha-202301190014.0 → 1.6.1-alpha-202306220014

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

@@ -6,7 +6,6 @@
         "sharingIconLabel": "共享",
         "mutedIconLabel": "已静音",
         "displayNamePlaceholder": "未命名的参与者",
-        "participantStateConnecting": "正在呼叫...",
         "participantStateRinging": "正在呼叫...",
         "participantStateHold": "待机音乐"
     },
@@ -26,6 +25,9 @@
         "uploading": "正在上传",
         "uploadCompleted": "已完成上传"
     },
+    "mentionPopover": {
+        "mentionPopoverHeader": "建议"
+    },
     "messageStatusIndicator": {
         "deliveredAriaLabel": "已发送消息",
         "deliveredTooltipText": "已发送",
@@ -54,7 +56,11 @@
         "onSplitButtonAriaLabel": "关闭照相机和照相机选项",
         "offSplitButtonAriaLabel": "打开照相机和照相机选项",
         "cameraActionTurnedOnAnnouncement": "你的相机已打开",
-        "cameraActionTurnedOffAnnouncement": "你的相机已关闭"
+        "cameraActionTurnedOffAnnouncement": "你的相机已关闭",
+        "onSplitButtonPrimaryActionCamera": "关闭摄像头",
+        "offSplitButtonPrimaryActionCamera": "打开摄像头",
+        "cameraPrimaryActionSplitButtonTitle": "使用照相机",
+        "videoEffectsMenuItemTitle": "效果"
     },
     "microphoneButton": {
         "onLabel": "静音",
@@ -70,7 +76,10 @@
         "onSplitButtonAriaLabel": "将麦克风和音频选项静音",
         "offSplitButtonAriaLabel": "取消麦克风和音频选项的静音",
         "microphoneActionTurnedOnAnnouncement": "你的麦克风已打开",
-        "microphoneActionTurnedOffAnnouncement": "你的麦克风已关闭"
+        "microphoneActionTurnedOffAnnouncement": "你的麦克风已关闭",
+        "offSplitButtonMicrophonePrimaryAction": "取消麦克风静音",
+        "onSplitButtonMicrophonePrimaryAction": "将麦克风静音",
+        "microphonePrimaryActionSplitButtonTitle": "使用麦克风"
     },
     "devicesButton": {
         "label": "设备",
@@ -90,7 +99,8 @@
         "menuHeader": "在此通话中",
         "participantsListButtonLabel": "{numParticipants} 人",
         "muteAllButtonLabel": "全部静音",
-        "copyInviteLinkButtonLabel": "复制邀请链接"
+        "copyInviteLinkButtonLabel": "复制邀请链接",
+        "copyInviteLinkActionedAriaLabel": "已复制邀请链接"
     },
     "screenShareButton": {
         "onLabel": "停止演示",
@@ -126,7 +136,10 @@
         "editBoxSubmitButton": "提交",
         "messageReadCount": "{messageReadByCount}/{remoteParticipantsCount} 人已读",
         "actionMenuMoreOptions": "更多选项",
-        "downloadFile": "下载文件"
+        "downloadFile": "下载文件",
+        "blockedWarningText": "由于组织策略，此消息已被删除。",
+        "blockedWarningLinkText": "详细信息",
+        "fileCardGroupMessage": "该邮件包含 {fileCount} 个附件"
     },
     "errorBar": {
         "unableToReachChatService": "你已脱机",
@@ -140,17 +153,19 @@
         "muteGeneric": "无法静音麦克风",
         "unmuteGeneric": "无法取消麦克风静音",
         "speakingWhileMuted": "你的麦克风已静音",
-        "startScreenShareGeneric": "无法启动屏幕共享",
+        "startScreenShareGeneric": "启动屏幕共享时出现问题。",
         "stopScreenShareGeneric": "无法停止屏幕共享",
         "callNetworkQualityLow": "网络质量低。",
         "callNoSpeakerFound": "找不到扬声器或耳机。连接音频设备以收听呼叫。",
         "callNoMicrophoneFound": "找不到麦克风。连接音频输入设备。",
         "callMicrophoneAccessDenied": "无法访问麦克风。单击地址栏中的锁定以授予对此网页的权限。",
+        "callMicrophoneAccessDeniedSafari": "无法访问麦克风。刷新页面以允许权限，或检查此浏览器的设置并验证是否为此网站启用了权限。",
         "callMicrophoneMutedBySystem": "系统已将你设为静音。",
         "callMicrophoneUnmutedBySystem": "你的麦克风已恢复，系统已取消静音。",
         "callMacOsMicrophoneAccessDenied": "无法访问麦克风。在 macOS 隐私设置中授予麦克风权限。",
         "callLocalVideoFreeze": "网络带宽较差。你的视频可能会在通话中为其他人暂停。",
         "callCameraAccessDenied": "无法访问照相机。单击地址栏中的锁定以授予对此网页的权限。",
+        "callCameraAccessDeniedSafari": "无法访问照相机。刷新页面以允许权限，或检查此浏览器的设置并验证是否为此网站启用了权限。",
         "callCameraAlreadyInUse": "无法访问照相机。它可能已被其他应用程序使用。",
         "callVideoStoppedBySystem": "你的系统已停止你的视频。",
         "callVideoRecoveredBySystem": "你的视频已恢复。",
@@ -158,7 +173,9 @@
         "callMacOsScreenShareAccessDenied": "MacOS 正在阻止屏幕共享。更新你的隐私设置以允许此浏览器录制你的屏幕。",
         "dismissButtonAriaLabel": "关闭",
         "failedToJoinCallGeneric": "未能加入通话。",
-        "failedToJoinCallInvalidMeetingLink": "无法加入会议。无效的链接。"
+        "failedToJoinCallInvalidMeetingLink": "无法加入会议。无效的链接。",
+        "cameraFrozenForRemoteParticipants": "通话中的用户在查看视频时遇到问题。请检查你的设备和网络。",
+        "unableToStartVideoEffect": "无法应用视频效果。"
     },
     "videoGallery": {
         "screenIsBeingSharedMessage": "你正在共享你的屏幕",
@@ -167,7 +184,16 @@
         "localVideoCameraSwitcherLabel": "切换相机",
         "localVideoMovementLabel": "可移动本地视频磁贴",
         "localVideoSelectedDescription": "已选择 {cameraName}",
-        "displayNamePlaceholder": "未命名的参与者"
+        "displayNamePlaceholder": "未命名的参与者",
+        "fitRemoteParticipantToFrame": "适应帧大小",
+        "fillRemoteParticipantFrame": "填充帧",
+        "pinParticipantForMe": "为我固定",
+        "pinParticipantForMeLimitReached": "固定(已达到上限)",
+        "unpinParticipantForMe": "取消固定",
+        "pinParticipantMenuItemAriaLabel": "固定 {participantName}",
+        "unpinParticipantMenuItemAriaLabel": "取消固定 {participantName}",
+        "pinnedParticipantAnnouncementAriaLabel": "已固定 {participantName}",
+        "unpinnedParticipantAnnouncementAriaLabel": "已取消固定 {participantName}"
     },
     "dialpad": {
         "placeholderText": "输入电话号码",
@@ -180,20 +206,102 @@
         "tooltipOffContent": "保持呼叫"
     },
     "videoTile": {
-        "participantStateConnecting": "正在呼叫...",
         "participantStateRinging": "正在呼叫...",
         "participantStateHold": "待机音乐"
     },
-    "SitePermissions": {
+    "CameraAndMicrophoneSitePermissionsRequest": {
         "primaryText": "允许{appName}使用你的相机和麦克风",
         "secondaryText": "这样参与者就可以看到并听到你的声音。",
         "linkText": "需要帮助? 获取疑难解答帮助",
-        "primaryButtonText": "允许访问"
+        "primaryButtonText": "不使用相机和麦克风继续",
+        "ariaLabel": "允许相机和麦克风访问权限"
+    },
+    "CameraSitePermissionsRequest": {
+        "primaryText": "允许 {appName} 使用你的相机",
+        "secondaryText": "这样参与者就可以看到你了。",
+        "linkText": "需要帮助? 获取疑难解答帮助",
+        "primaryButtonText": "不使用摄像头继续",
+        "ariaLabel": "允许相机访问权限"
+    },
+    "MicrophoneSitePermissionsRequest": {
+        "primaryText": "允许 {appName} 使用你的麦克风",
+        "secondaryText": "这样参与者就可以听到你的声音。",
+        "linkText": "需要帮助? 获取疑难解答帮助",
+        "primaryButtonText": "不使用麦克风继续",
+        "ariaLabel": "允许麦克风访问权限"
+    },
+    "CameraAndMicrophoneSitePermissionsCheck": {
+        "primaryText": "检查摄像头和麦克风访问权限",
+        "secondaryText": "如果出现提示，请允许访问。这样参与者就可以看到并听到你的声音。",
+        "linkText": "需要帮助? 获取疑难解答帮助",
+        "primaryButtonText": "不使用相机和麦克风继续",
+        "ariaLabel": "正在检查摄像头和麦克风访问权限。如果出现提示，请允许访问。"
+    },
+    "CameraSitePermissionsCheck": {
+        "primaryText": "检查摄像头访问权限",
+        "secondaryText": "如果出现提示，请允许访问。这样参与者就可以看到你了。",
+        "linkText": "需要帮助? 获取疑难解答帮助",
+        "primaryButtonText": "不使用相机继续",
+        "ariaLabel": "正在检查摄像头访问权限。如果出现提示，请允许访问。"
+    },
+    "MicrophoneSitePermissionsCheck": {
+        "primaryText": "正在检查麦克风访问权限",
+        "secondaryText": "如果出现提示，请允许访问。这样参与者就可以听到你的声音。",
+        "linkText": "需要帮助? 获取疑难解答帮助",
+        "primaryButtonText": "不使用麦克风继续",
+        "ariaLabel": "正在检查麦克风访问权限。如果出现提示，请允许访问。"
+    },
+    "CameraAndMicrophoneSitePermissionsDenied": {
+        "primaryText": "无法访问相机和麦克风",
+        "secondaryText": "单击地址栏中的锁图标以向此网页授予麦克风权限。可能需要页面刷新。",
+        "primaryButtonText": "不使用摄像头和麦克风继续",
+        "linkText": "需要帮助? 获取疑难解答帮助"
+    },
+    "CameraAndMicrophoneSitePermissionsDeniedSafari": {
+        "primaryText": "无法访问相机和麦克风",
+        "secondaryText": "刷新页面以允许权限，或检查此浏览器的设置并验证是否为此网站启用了权限。",
+        "primaryButtonText": "不使用摄像头和麦克风继续",
+        "linkText": "需要帮助? 获取疑难解答帮助"
+    },
+    "CameraSitePermissionsDenied": {
+        "primaryText": "无法访问摄像头",
+        "secondaryText": "单击地址栏中的锁图标以向此网页授予相机权限。可能需要页面刷新。",
+        "primaryButtonText": "不使用摄像头继续",
+        "linkText": "需要帮助? 获取疑难解答帮助"
+    },
+    "MicrophoneSitePermissionsDenied": {
+        "primaryText": "无法访问麦克风",
+        "secondaryText": "单击地址栏中的锁图标以向此网页授予麦克风权限。可能需要页面刷新。",
+        "primaryButtonText": "不使用麦克风继续",
+        "linkText": "需要帮助? 获取疑难解答帮助"
+    },
+    "CameraSitePermissionsDeniedSafari": {
+        "primaryText": "无法访问相机",
+        "secondaryText": "刷新页面以允许权限，或检查此浏览器的设置并验证是否为此网站启用了权限。",
+        "primaryButtonText": "不使用相机继续",
+        "linkText": "需要帮助? 获取疑难解答帮助"
+    },
+    "MicrophoneSitePermissionsDeniedSafari": {
+        "primaryText": "无法访问麦克风",
+        "secondaryText": "刷新页面以允许权限，或检查此浏览器的设置并验证是否为此网站启用了权限。",
+        "primaryButtonText": "不使用麦克风继续",
+        "linkText": "需要帮助? 获取疑难解答帮助"
     },
     "UnsupportedBrowser": {
         "primaryText": "浏览器不受支持",
         "secondaryText": "请使用兼容的浏览器加入此通话。",
-        "moreHelpLink": "更多帮助"
+        "moreHelpLinkText": "查看兼容性要求"
+    },
+    "UnsupportedBrowserVersion": {
+        "primaryText": "需要浏览器更新",
+        "secondaryText": "为确保通话达到最佳效果，请更新浏览器，然后再次尝试加入呼叫。",
+        "moreHelpLinkText": "查看兼容性要求",
+        "continueAnywayButtonText": "在不更新的情况下启动呼叫"
+    },
+    "UnsupportedOperatingSystem": {
+        "primaryText": "不支持操作系统",
+        "secondaryText": "请使用具有兼容的操作系统的设备加入此通话。",
+        "moreHelpLinkText": "查看兼容性要求"
     },
     "BrowserPermissionDenied": {
         "primaryText": "无法使用摄像头或麦克风",
@@ -215,5 +323,9 @@
         "step2DigitText": "2",
         "step3DigitText": "3",
         "step4DigitText": "4"
+    },
+    "VerticalGallery": {
+        "leftNavButtonAriaLabel": "上一页",
+        "rightNavButtonAriaLabel": "下一页"
     }
 }

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

@@ -6,7 +6,6 @@
         "sharingIconLabel": "分享",
         "mutedIconLabel": "已靜音",
         "displayNamePlaceholder": "未命名的參與者",
-        "participantStateConnecting": "撥號中...",
         "participantStateRinging": "撥號中...",
         "participantStateHold": "電話保留"
     },
@@ -26,6 +25,9 @@
         "uploading": "正在上傳",
         "uploadCompleted": "上傳完成"
     },
+    "mentionPopover": {
+        "mentionPopoverHeader": "建議"
+    },
     "messageStatusIndicator": {
         "deliveredAriaLabel": "訊息已傳送",
         "deliveredTooltipText": "已傳送",
@@ -54,7 +56,11 @@
         "onSplitButtonAriaLabel": "關閉相機和相機選項",
         "offSplitButtonAriaLabel": "開啟相機和相機選項",
         "cameraActionTurnedOnAnnouncement": "您的相機已開啟",
-        "cameraActionTurnedOffAnnouncement": "您的相機已關閉"
+        "cameraActionTurnedOffAnnouncement": "您的相機已關閉",
+        "onSplitButtonPrimaryActionCamera": "關閉攝影機",
+        "offSplitButtonPrimaryActionCamera": "開啟相機",
+        "cameraPrimaryActionSplitButtonTitle": "使用相機",
+        "videoEffectsMenuItemTitle": "效果"
     },
     "microphoneButton": {
         "onLabel": "靜音",
@@ -70,7 +76,10 @@
         "onSplitButtonAriaLabel": "將麥克風和音訊選項設為靜音",
         "offSplitButtonAriaLabel": "將麥克風和音訊選項取消靜音",
         "microphoneActionTurnedOnAnnouncement": "您的麥克風已開啟",
-        "microphoneActionTurnedOffAnnouncement": "您的麥克風已關閉"
+        "microphoneActionTurnedOffAnnouncement": "您的麥克風已關閉",
+        "offSplitButtonMicrophonePrimaryAction": "取消麥克風靜音",
+        "onSplitButtonMicrophonePrimaryAction": "將麥克風設為靜音",
+        "microphonePrimaryActionSplitButtonTitle": "使用麥克風"
     },
     "devicesButton": {
         "label": "裝置",
@@ -90,7 +99,8 @@
         "menuHeader": "在此通話中",
         "participantsListButtonLabel": "{numParticipants} 人員",
         "muteAllButtonLabel": "將所有人設為靜音",
-        "copyInviteLinkButtonLabel": "複製邀請連結"
+        "copyInviteLinkButtonLabel": "複製邀請連結",
+        "copyInviteLinkActionedAriaLabel": "已複製邀請連結"
     },
     "screenShareButton": {
         "onLabel": "停止簡報",
@@ -126,7 +136,10 @@
         "editBoxSubmitButton": "提交",
         "messageReadCount": "讀取者為 {messageReadByCount} / {remoteParticipantsCount}",
         "actionMenuMoreOptions": "更多選項",
-        "downloadFile": "下載檔案"
+        "downloadFile": "下載檔案",
+        "blockedWarningText": "由於組織原則，已刪除此訊息。",
+        "blockedWarningLinkText": "詳細資料",
+        "fileCardGroupMessage": "郵件有 {fileCount} 個附件"
     },
     "errorBar": {
         "unableToReachChatService": "您處於離線狀態",
@@ -140,17 +153,19 @@
         "muteGeneric": "無法將麥克風設為靜音",
         "unmuteGeneric": "無法將麥克風取消靜音",
         "speakingWhileMuted": "您的麥克風已設為靜音",
-        "startScreenShareGeneric": "無法開始螢幕畫面分享",
+        "startScreenShareGeneric": "啟動畫面分享時發生問題。",
         "stopScreenShareGeneric": "無法停止螢幕畫面分享",
         "callNetworkQualityLow": "您的網路品質不佳。",
         "callNoSpeakerFound": "找不到喇叭或耳機。請連接音訊裝置以聆聽通話。",
         "callNoMicrophoneFound": "找不到麥克風。請連接音訊輸入裝置。",
         "callMicrophoneAccessDenied": "無法存取麥克風。按一下網址列中的鎖定以授與此網頁的許可權。",
+        "callMicrophoneAccessDeniedSafari": "無法存取麥克風。重新整理頁面以允許許可權，或檢查此瀏覽器的設定，並確認已啟用此網站的許可權。",
         "callMicrophoneMutedBySystem": "系統已將您設為靜音。",
         "callMicrophoneUnmutedBySystem": "您的麥克風已復原，系統已取消您的靜音。",
         "callMacOsMicrophoneAccessDenied": "無法存取麥克風。請在您的 MacOS 隱私權設定中授與麥克風權限。",
         "callLocalVideoFreeze": "網路頻寬不佳。通話中的其他人可能會暫停您的視訊。",
         "callCameraAccessDenied": "無法存取相機。按一下網址列中的鎖定以授與此網頁的許可權。",
+        "callCameraAccessDeniedSafari": "無法存取相機。重新整理頁面以允許許可權，或檢查此瀏覽器的設定，並確認已啟用此網站的許可權。",
         "callCameraAlreadyInUse": "無法存取相機。其他應用程式可能已在使用它。",
         "callVideoStoppedBySystem": "您的影片已遭系統停止。",
         "callVideoRecoveredBySystem": "您的影片已繼續。",
@@ -158,7 +173,9 @@
         "callMacOsScreenShareAccessDenied": "MacOS 正在封鎖螢幕畫面分享。更新您的隱私權設定，以允許此瀏覽器錄製您的螢幕。",
         "dismissButtonAriaLabel": "關閉",
         "failedToJoinCallGeneric": "無法加入通話。",
-        "failedToJoinCallInvalidMeetingLink": "無法加入會議。連結無效。"
+        "failedToJoinCallInvalidMeetingLink": "無法加入會議。連結無效。",
+        "cameraFrozenForRemoteParticipants": "通話中的使用者在觀看您的視訊時發生問題。請檢查您的裝置和網路。",
+        "unableToStartVideoEffect": "無法套用視訊效果。"
     },
     "videoGallery": {
         "screenIsBeingSharedMessage": "您現在正在分享螢幕畫面。",
@@ -167,7 +184,16 @@
         "localVideoCameraSwitcherLabel": "切換相機",
         "localVideoMovementLabel": "可移動的本機影片磚",
         "localVideoSelectedDescription": "已選取 {cameraName}",
-        "displayNamePlaceholder": "未命名的參與者"
+        "displayNamePlaceholder": "未命名的參與者",
+        "fitRemoteParticipantToFrame": "調整成畫面大小",
+        "fillRemoteParticipantFrame": "填滿畫面",
+        "pinParticipantForMe": "為我釘選",
+        "pinParticipantForMeLimitReached": "釘選 (已達到限制)",
+        "unpinParticipantForMe": "取消釘選",
+        "pinParticipantMenuItemAriaLabel": "釘選 {participantName}",
+        "unpinParticipantMenuItemAriaLabel": "取消釘選 {participantName}",
+        "pinnedParticipantAnnouncementAriaLabel": "已釘選 {participantName}",
+        "unpinnedParticipantAnnouncementAriaLabel": "已取消釘選 {participantName}"
     },
     "dialpad": {
         "placeholderText": "輸入電話號碼",
@@ -180,20 +206,102 @@
         "tooltipOffContent": "保留通話"
     },
     "videoTile": {
-        "participantStateConnecting": "撥號中...",
         "participantStateRinging": "撥號中...",
         "participantStateHold": "電話保留"
     },
-    "SitePermissions": {
+    "CameraAndMicrophoneSitePermissionsRequest": {
         "primaryText": "允許 {appName} 使用您的相機和麥克風",
         "secondaryText": "這樣參與者才能看到您並聽到您的聲音。",
         "linkText": "需要協助嗎? 取得疑難排解說明",
-        "primaryButtonText": "允許存取"
+        "primaryButtonText": "在沒有相機和麥克風的情況下繼續",
+        "ariaLabel": "允許相機和麥克風存取"
+    },
+    "CameraSitePermissionsRequest": {
+        "primaryText": "允許 {appName} 使用您的相機",
+        "secondaryText": "這樣參與者才能看到您。",
+        "linkText": "需要協助嗎? 取得疑難排解說明",
+        "primaryButtonText": "繼續但不使用相機",
+        "ariaLabel": "允許存取相機"
+    },
+    "MicrophoneSitePermissionsRequest": {
+        "primaryText": "允許 {appName} 使用您的麥克風",
+        "secondaryText": "這樣參與者才能聽到您的聲音。",
+        "linkText": "需要協助嗎? 取得疑難排解說明",
+        "primaryButtonText": "在沒有麥克風的情況下繼續",
+        "ariaLabel": "允許麥克風存取"
+    },
+    "CameraAndMicrophoneSitePermissionsCheck": {
+        "primaryText": "正在檢查相機和麥克風存取",
+        "secondaryText": "如果系統提示，則允許存取。這樣參與者才能看到您並聽到您的聲音。",
+        "linkText": "需要協助嗎? 取得疑難排解說明",
+        "primaryButtonText": "在沒有相機和麥克風的情況下繼續",
+        "ariaLabel": "正在檢查相機和麥克風存取。如果系統提示，則允許存取。"
+    },
+    "CameraSitePermissionsCheck": {
+        "primaryText": "正在檢查相機存取",
+        "secondaryText": "如果系統提示，則允許存取。這樣參與者才能看到您。",
+        "linkText": "需要協助嗎? 取得疑難排解說明",
+        "primaryButtonText": "在沒有相機的情況下繼續",
+        "ariaLabel": "正在檢查相機存取。如果系統提示，則允許存取。"
+    },
+    "MicrophoneSitePermissionsCheck": {
+        "primaryText": "正在檢查麥克風存取",
+        "secondaryText": "如果系統提示，則允許存取。這樣參與者才能聽到您的聲音。",
+        "linkText": "需要協助嗎? 取得疑難排解說明",
+        "primaryButtonText": "在沒有麥克風的情況下繼續",
+        "ariaLabel": "正在檢查麥克風存取。如果系統提示，則允許存取。"
+    },
+    "CameraAndMicrophoneSitePermissionsDenied": {
+        "primaryText": "無法存取攝影機和麥克風",
+        "secondaryText": "按一下網址列中的鎖定圖示，以授與此網頁的麥克風許可權。可能需要重新整理頁面。",
+        "primaryButtonText": "在沒有相機和麥克風的情況下繼續",
+        "linkText": "需要協助嗎? 取得疑難排解說明"
+    },
+    "CameraAndMicrophoneSitePermissionsDeniedSafari": {
+        "primaryText": "無法存取攝影機和麥克風",
+        "secondaryText": "重新整理頁面以允許許可權，或檢查此瀏覽器的設定，並確認已啟用此網站的權限。",
+        "primaryButtonText": "在沒有相機和麥克風的情況下繼續",
+        "linkText": "需要協助嗎? 取得疑難排解說明"
+    },
+    "CameraSitePermissionsDenied": {
+        "primaryText": "無法存取相機",
+        "secondaryText": "按一下網址列中的鎖定圖示，以授與此網頁的相機許可權。可能需要重新整理頁面。",
+        "primaryButtonText": "在沒有相機的情況下繼續",
+        "linkText": "需要協助嗎? 取得疑難排解說明"
+    },
+    "MicrophoneSitePermissionsDenied": {
+        "primaryText": "無法存取麥克風",
+        "secondaryText": "按一下網址列中的鎖定圖示，以授與此網頁的麥克風許可權。可能需要重新整理頁面。",
+        "primaryButtonText": "在沒有麥克風的情況下繼續",
+        "linkText": "需要協助嗎? 取得疑難排解說明"
+    },
+    "CameraSitePermissionsDeniedSafari": {
+        "primaryText": "無法存取攝影機",
+        "secondaryText": "重新整理頁面以允許許可權，或檢查此瀏覽器的設定，並確認已啟用此網站的權限。",
+        "primaryButtonText": "在沒有相機的情況下繼續",
+        "linkText": "需要協助嗎? 取得疑難排解說明"
+    },
+    "MicrophoneSitePermissionsDeniedSafari": {
+        "primaryText": "無法存取麥克風",
+        "secondaryText": "重新整理頁面以允許許可權，或檢查此瀏覽器的設定，並確認已啟用此網站的權限。",
+        "primaryButtonText": "繼續但不使用麥克風",
+        "linkText": "需要協助嗎? 取得疑難排解說明"
     },
     "UnsupportedBrowser": {
         "primaryText": "不支援瀏覽器",
         "secondaryText": "請使用相容的瀏覽器加入此通話。",
-        "moreHelpLink": "更多協助資訊"
+        "moreHelpLinkText": "查看相容性需求"
+    },
+    "UnsupportedBrowserVersion": {
+        "primaryText": "需要更新瀏覽器",
+        "secondaryText": "為確保通話品質最佳，請更新瀏覽器，然後再次嘗試加入通話。",
+        "moreHelpLinkText": "查看相容性需求",
+        "continueAnywayButtonText": "不更新即開始通話"
+    },
+    "UnsupportedOperatingSystem": {
+        "primaryText": "不支援作業系統",
+        "secondaryText": "請使用具有相容作業系統的裝置加入此通話。",
+        "moreHelpLinkText": "查看相容性需求"
     },
     "BrowserPermissionDenied": {
         "primaryText": "無法使用您的相機或麥克風",
@@ -215,5 +323,9 @@
         "step2DigitText": "2",
         "step3DigitText": "3",
         "step4DigitText": "4"
+    },
+    "VerticalGallery": {
+        "leftNavButtonAriaLabel": "上一頁",
+        "rightNavButtonAriaLabel": "下一頁"
     }
 }

package/dist/dist-esm/react-components/src/permissions/PermissionsProvider.d.ts

@@ -53,7 +53,7 @@ export declare const _usePermissions: () => _Permissions;
  * @beta
  * The role of a call participant.
  */
-export declare type Role = 'Presenter' | 'Attendee' | 'Consumer' | 'Organizer';
+export declare type Role = 'Presenter' | 'Attendee' | 'Consumer' | 'Organizer' | 'Co-organizer';
 /**
  * @internal
  */

package/dist/dist-esm/react-components/src/permissions/PermissionsProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"PermissionsProvider.js","sourceRoot":"","sources":["../../../../../../react-components/src/permissions/PermissionsProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAazD;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAiB;IAC9C,YAAY,EAAE,IAAI;IAClB,gBAAgB,EAAE,IAAI;IACtB,WAAW,EAAE,IAAI;IACjB,uBAAuB,EAAE,IAAI;CAC9B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAiB;IAChD,IAAI,EAAE,WAAW;IACjB,YAAY,EAAE,IAAI;IAClB,gBAAgB,EAAE,IAAI;IACtB,WAAW,EAAE,IAAI;IACjB,uBAAuB,EAAE,IAAI;CAC9B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAiB;IAC/C,IAAI,EAAE,UAAU;IAChB,YAAY,EAAE,KAAK;IACnB,gBAAgB,EAAE,KAAK;IACvB,WAAW,EAAE,KAAK;IAClB,uBAAuB,EAAE,KAAK;CAC/B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAiB;IAC/C,IAAI,EAAE,UAAU;IAChB,YAAY,EAAE,IAAI;IAClB,gBAAgB,EAAE,IAAI;IACtB,WAAW,EAAE,KAAK;IAClB,uBAAuB,EAAE,KAAK;CAC/B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAe,kBAAkB,CAAC,CAAC;AAclF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxC,OAAO,oBAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,IAAG,QAAQ,CAA+B,CAAC;AACnG,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,GAAiB,EAAE,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;AAQlF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAW,EAAgB,EAAE;IAC3D,IAAI,IAAI,KAAK,UAAU,EAAE;QACvB,OAAO,mBAAmB,CAAC;KAC5B;SAAM,IAAI,IAAI,KAAK,UAAU,EAAE;QAC9B,OAAO,mBAAmB,CAAC;KAC5B;SAAM,IAAI,IAAI,KAAK,WAAW,EAAE;QAC/B,OAAO,oBAAoB,CAAC;KAC7B;IACD,OAAO,kBAAkB,CAAC;AAC5B,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport React, { createContext, useContext } from 'react';\n\n/**\n * @internal\n */\nexport type _Permissions = {\n  cameraButton: boolean; // or 'disabled'/'hide'?\n  microphoneButton: boolean;\n  screenShare: boolean;\n  removeParticipantButton: boolean;\n  role?: Role;\n};\n\n/**\n * @internal\n */\nexport const defaultPermissions: _Permissions = {\n  cameraButton: true,\n  microphoneButton: true,\n  screenShare: true,\n  removeParticipantButton: true\n};\n\n/**\n * @internal\n */\nexport const presenterPermissions: _Permissions = {\n  role: 'Presenter',\n  cameraButton: true,\n  microphoneButton: true,\n  screenShare: true,\n  removeParticipantButton: true\n};\n\n/**\n * @internal\n */\nexport const consumerPermissions: _Permissions = {\n  role: 'Consumer',\n  cameraButton: false,\n  microphoneButton: false,\n  screenShare: false,\n  removeParticipantButton: false\n};\n\n/**\n * @internal\n */\nexport const attendeePermissions: _Permissions = {\n  role: 'Attendee',\n  cameraButton: true,\n  microphoneButton: true,\n  screenShare: false,\n  removeParticipantButton: false\n};\n\n/**\n * @internal\n */\nexport const PermissionsContext = createContext<_Permissions>(defaultPermissions);\n\n/**\n * Props for {@link _PermissionsProviderProps}.\n *\n * @internal\n */\nexport type _PermissionsProviderProps = {\n  /** Permission context to provide components */\n  permissions: _Permissions;\n  /** Children to provide locale context. */\n  children: React.ReactNode;\n};\n\n/**\n * @internal\n */\nexport const _PermissionsProvider = (props: _PermissionsProviderProps): JSX.Element => {\n  const { permissions, children } = props;\n  return <PermissionsContext.Provider value={permissions}>{children}</PermissionsContext.Provider>;\n};\n\n/**\n * @internal\n * React hook to access permissions\n */\nexport const _usePermissions = (): _Permissions => useContext(PermissionsContext);\n\n/**\n * @beta\n * The role of a call participant.\n */\nexport type Role = 'Presenter' | 'Attendee' | 'Consumer' | 'Organizer';\n\n/**\n * @internal\n */\nexport const _getPermissions = (role?: Role): _Permissions => {\n  if (role === 'Consumer') {\n    return consumerPermissions;\n  } else if (role === 'Attendee') {\n    return attendeePermissions;\n  } else if (role === 'Presenter') {\n    return presenterPermissions;\n  }\n  return defaultPermissions;\n};\n"]}
+{"version":3,"file":"PermissionsProvider.js","sourceRoot":"","sources":["../../../../../../react-components/src/permissions/PermissionsProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAazD;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAiB;IAC9C,YAAY,EAAE,IAAI;IAClB,gBAAgB,EAAE,IAAI;IACtB,WAAW,EAAE,IAAI;IACjB,uBAAuB,EAAE,IAAI;CAC9B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAiB;IAChD,IAAI,EAAE,WAAW;IACjB,YAAY,EAAE,IAAI;IAClB,gBAAgB,EAAE,IAAI;IACtB,WAAW,EAAE,IAAI;IACjB,uBAAuB,EAAE,IAAI;CAC9B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAiB;IAC/C,IAAI,EAAE,UAAU;IAChB,YAAY,EAAE,KAAK;IACnB,gBAAgB,EAAE,KAAK;IACvB,WAAW,EAAE,KAAK;IAClB,uBAAuB,EAAE,KAAK;CAC/B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAiB;IAC/C,IAAI,EAAE,UAAU;IAChB,YAAY,EAAE,IAAI;IAClB,gBAAgB,EAAE,IAAI;IACtB,WAAW,EAAE,KAAK;IAClB,uBAAuB,EAAE,KAAK;CAC/B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAe,kBAAkB,CAAC,CAAC;AAclF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxC,OAAO,oBAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,IAAG,QAAQ,CAA+B,CAAC;AACnG,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,GAAiB,EAAE,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;AAQlF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAW,EAAgB,EAAE;IAC3D,IAAI,IAAI,KAAK,UAAU,EAAE;QACvB,OAAO,mBAAmB,CAAC;KAC5B;SAAM,IAAI,IAAI,KAAK,UAAU,EAAE;QAC9B,OAAO,mBAAmB,CAAC;KAC5B;SAAM,IAAI,IAAI,KAAK,WAAW,EAAE;QAC/B,OAAO,oBAAoB,CAAC;KAC7B;IACD,OAAO,kBAAkB,CAAC;AAC5B,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport React, { createContext, useContext } from 'react';\n\n/**\n * @internal\n */\nexport type _Permissions = {\n  cameraButton: boolean; // or 'disabled'/'hide'?\n  microphoneButton: boolean;\n  screenShare: boolean;\n  removeParticipantButton: boolean;\n  role?: Role;\n};\n\n/**\n * @internal\n */\nexport const defaultPermissions: _Permissions = {\n  cameraButton: true,\n  microphoneButton: true,\n  screenShare: true,\n  removeParticipantButton: true\n};\n\n/**\n * @internal\n */\nexport const presenterPermissions: _Permissions = {\n  role: 'Presenter',\n  cameraButton: true,\n  microphoneButton: true,\n  screenShare: true,\n  removeParticipantButton: true\n};\n\n/**\n * @internal\n */\nexport const consumerPermissions: _Permissions = {\n  role: 'Consumer',\n  cameraButton: false,\n  microphoneButton: false,\n  screenShare: false,\n  removeParticipantButton: false\n};\n\n/**\n * @internal\n */\nexport const attendeePermissions: _Permissions = {\n  role: 'Attendee',\n  cameraButton: true,\n  microphoneButton: true,\n  screenShare: false,\n  removeParticipantButton: false\n};\n\n/**\n * @internal\n */\nexport const PermissionsContext = createContext<_Permissions>(defaultPermissions);\n\n/**\n * Props for {@link _PermissionsProviderProps}.\n *\n * @internal\n */\nexport type _PermissionsProviderProps = {\n  /** Permission context to provide components */\n  permissions: _Permissions;\n  /** Children to provide locale context. */\n  children: React.ReactNode;\n};\n\n/**\n * @internal\n */\nexport const _PermissionsProvider = (props: _PermissionsProviderProps): JSX.Element => {\n  const { permissions, children } = props;\n  return <PermissionsContext.Provider value={permissions}>{children}</PermissionsContext.Provider>;\n};\n\n/**\n * @internal\n * React hook to access permissions\n */\nexport const _usePermissions = (): _Permissions => useContext(PermissionsContext);\n\n/**\n * @beta\n * The role of a call participant.\n */\nexport type Role = 'Presenter' | 'Attendee' | 'Consumer' | 'Organizer' | 'Co-organizer';\n\n/**\n * @internal\n */\nexport const _getPermissions = (role?: Role): _Permissions => {\n  if (role === 'Consumer') {\n    return consumerPermissions;\n  } else if (role === 'Attendee') {\n    return attendeePermissions;\n  } else if (role === 'Presenter') {\n    return presenterPermissions;\n  }\n  return defaultPermissions;\n};\n"]}

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

@@ -2,7 +2,7 @@
 // Licensed under the MIT license.
 import React, { createContext, useContext } from 'react';
 import { ThemeProvider, getTheme, mergeThemes, mergeStyles } from '@fluentui/react';
-import { mergeThemes as mergeNorthstarThemes, Provider, teamsTheme } from '@fluentui/react-northstar';
+import { mergeThemes as mergeNorthstarThemes, Provider, teamsTheme } from "../../../northstar-wrapper/src";
 import { lightTheme } from './themes';
 const wrapper = mergeStyles({
     height: '100%',

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

@@ -1 +1 @@
-{"version":3,"file":"FluentThemeProvider.js","sourceRoot":"","sources":["../../../../../../react-components/src/theming/FluentThemeProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,aAAa,EAAuB,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzG,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACtG,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAmBtC,MAAM,OAAO,GAAG,WAAW,CAAC;IAC1B,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,WAAW,CAAC,QAAQ,EAAE,EAAE,UAAU,CAAC,CAAC;AAEzD,mDAAmD;AACnD,MAAM,YAAY,GAAG,aAAa,CAAQ,YAAY,CAAC,CAAC;AAExD,MAAM,2BAA2B,GAAG,oBAAoB,CAAC,UAAU,EAAE;IACnE,eAAe,EAAE;QACf,WAAW,EAAE;YACX,IAAI,EAAE;gBACJ,UAAU,EAAE,QAAQ;aACrB;SACF;KACF;IACD,SAAS,EAAE,EAAE;IACb,aAAa,EAAE;QACb,uFAAuF;QACvF,WAAW,EAAE,SAAS;QACtB,YAAY,EAAE,SAAS;QACvB,cAAc,EAAE,SAAS;QACzB,cAAc,EAAE,SAAS;QACzB,SAAS,EAAE,SAAS;QACpB,cAAc,EAAE,SAAS;KAC1B;CACF,CAAC,CAAC;AAEH;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAe,EAAE;IAClF,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE7C,IAAI,aAAa,GAAU,WAAW,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IAClE,6CAA6C;IAC7C,aAAa,GAAG,WAAW,CAAC,aAAa,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;IAEpD,MAAM,oBAAoB,GAAG,oBAAoB,CAAC,2BAA2B,EAAE;QAC7E,kBAAkB,EAAE;YAClB,IAAI,EAAE;gBACJ,eAAe,EAAE,aAAa,CAAC,OAAO,CAAC,KAAK;aAC7C;YACD,WAAW,EAAE;gBACX,WAAW,EAAE,aAAa,CAAC,OAAO,CAAC,cAAc;gBACjD,YAAY,EAAE,aAAa,CAAC,OAAO,CAAC,cAAc;gBAClD,eAAe,EAAE,aAAa,CAAC,OAAO,CAAC,cAAc;gBACrD,mBAAmB,EAAE,aAAa,CAAC,OAAO,CAAC,UAAU;aACtD;SACF;QACD,eAAe,EAAE;YACf,WAAW,EAAE;gBACX,SAAS,EAAE;oBACT,mBAAmB,EAAE,aAAa,CAAC,OAAO,CAAC,gBAAgB;iBAC5D;aACF;SACF;QACD,8DAA8D;KAC/D,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa;QACzC,oBAAC,aAAa,IAAC,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO;YACrD,oBAAC,QAAQ,IAAC,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAChE,QAAQ,CACA,CACG,CACM,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAU,EAAE,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport React, { createContext, useContext } from 'react';\nimport { ThemeProvider, Theme, PartialTheme, getTheme, mergeThemes, mergeStyles } from '@fluentui/react';\nimport { mergeThemes as mergeNorthstarThemes, Provider, teamsTheme } from '@fluentui/react-northstar';\nimport { lightTheme } from './themes';\n\n/**\n * Props for {@link FluentThemeProvider}.\n *\n * @public\n */\nexport interface FluentThemeProviderProps {\n  /** Children to be themed. */\n  children: React.ReactNode;\n  /** Theme for components. Defaults to a light theme if not provided. */\n  fluentTheme?: PartialTheme | Theme;\n  /**\n   * Whether components are displayed right-to-left\n   * @defaultValue `false`\n   */\n  rtl?: boolean;\n}\n\nconst wrapper = mergeStyles({\n  height: '100%',\n  width: '100%',\n  overflow: 'auto'\n});\n\nconst defaultTheme = mergeThemes(getTheme(), lightTheme);\n\n/** Theme context for library's react components */\nconst ThemeContext = createContext<Theme>(defaultTheme);\n\nconst initialFluentNorthstarTheme = mergeNorthstarThemes(teamsTheme, {\n  componentStyles: {\n    ChatMessage: {\n      root: {\n        lineHeight: '1.4286'\n      }\n    }\n  },\n  fontFaces: [], // suppressing font faces from teamsTheme as recommended by FluentUI N* to avoid font styling to other elements\n  siteVariables: {\n    // suppressing body styles from teamsTheme to avoid inherited styling to other elements\n    bodyPadding: undefined,\n    bodyFontSize: undefined,\n    bodyFontFamily: undefined,\n    bodyBackground: undefined,\n    bodyColor: undefined,\n    bodyLineHeight: undefined\n  }\n});\n\n/**\n * Provider to apply a Fluent theme across this library's react components.\n *\n * @remarks Components in this library are composed primarily from [Fluent UI](https://developer.microsoft.com/fluentui#/controls/web),\n * controls, and also from [Fluent React Northstar](https://fluentsite.z22.web.core.windows.net/0.53.0) controls.\n * This provider handles applying any theme provided to both the underlying Fluent UI controls, as well as the Fluent React Northstar controls.\n *\n * @public\n */\nexport const FluentThemeProvider = (props: FluentThemeProviderProps): JSX.Element => {\n  const { fluentTheme, rtl, children } = props;\n\n  let fluentUITheme: Theme = mergeThemes(defaultTheme, fluentTheme);\n  // merge in rtl from FluentThemeProviderProps\n  fluentUITheme = mergeThemes(fluentUITheme, { rtl });\n\n  const fluentNorthstarTheme = mergeNorthstarThemes(initialFluentNorthstarTheme, {\n    componentVariables: {\n      Chat: {\n        backgroundColor: fluentUITheme.palette.white\n      },\n      ChatMessage: {\n        authorColor: fluentUITheme.palette.neutralPrimary,\n        contentColor: fluentUITheme.palette.neutralPrimary,\n        backgroundColor: fluentUITheme.palette.neutralLighter,\n        backgroundColorMine: fluentUITheme.palette.themeLight\n      }\n    },\n    componentStyles: {\n      ChatMessage: {\n        timestamp: {\n          WebkitTextFillColor: fluentUITheme.palette.neutralSecondary\n        }\n      }\n    }\n    // add more northstar components to align with Fluent UI theme\n  });\n\n  return (\n    <ThemeContext.Provider value={fluentUITheme}>\n      <ThemeProvider theme={fluentUITheme} className={wrapper}>\n        <Provider theme={fluentNorthstarTheme} className={wrapper} rtl={rtl}>\n          {children}\n        </Provider>\n      </ThemeProvider>\n    </ThemeContext.Provider>\n  );\n};\n\n/**\n * React hook to access theme\n *\n * @public\n */\nexport const useTheme = (): Theme => useContext(ThemeContext);\n"]}
+{"version":3,"file":"FluentThemeProvider.js","sourceRoot":"","sources":["../../../../../../react-components/src/theming/FluentThemeProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,aAAa,EAAuB,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzG,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,QAAQ,EAAE,UAAU,EAAE,uCAAoC;AACxG,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAmBtC,MAAM,OAAO,GAAG,WAAW,CAAC;IAC1B,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,WAAW,CAAC,QAAQ,EAAE,EAAE,UAAU,CAAC,CAAC;AAEzD,mDAAmD;AACnD,MAAM,YAAY,GAAG,aAAa,CAAQ,YAAY,CAAC,CAAC;AAExD,MAAM,2BAA2B,GAAG,oBAAoB,CAAC,UAAU,EAAE;IACnE,eAAe,EAAE;QACf,WAAW,EAAE;YACX,IAAI,EAAE;gBACJ,UAAU,EAAE,QAAQ;aACrB;SACF;KACF;IACD,SAAS,EAAE,EAAE;IACb,aAAa,EAAE;QACb,uFAAuF;QACvF,WAAW,EAAE,SAAS;QACtB,YAAY,EAAE,SAAS;QACvB,cAAc,EAAE,SAAS;QACzB,cAAc,EAAE,SAAS;QACzB,SAAS,EAAE,SAAS;QACpB,cAAc,EAAE,SAAS;KAC1B;CACF,CAAC,CAAC;AAEH;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAe,EAAE;IAClF,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE7C,IAAI,aAAa,GAAU,WAAW,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IAClE,6CAA6C;IAC7C,aAAa,GAAG,WAAW,CAAC,aAAa,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;IAEpD,MAAM,oBAAoB,GAAG,oBAAoB,CAAC,2BAA2B,EAAE;QAC7E,kBAAkB,EAAE;YAClB,IAAI,EAAE;gBACJ,eAAe,EAAE,aAAa,CAAC,OAAO,CAAC,KAAK;aAC7C;YACD,WAAW,EAAE;gBACX,WAAW,EAAE,aAAa,CAAC,OAAO,CAAC,cAAc;gBACjD,YAAY,EAAE,aAAa,CAAC,OAAO,CAAC,cAAc;gBAClD,eAAe,EAAE,aAAa,CAAC,OAAO,CAAC,cAAc;gBACrD,mBAAmB,EAAE,aAAa,CAAC,OAAO,CAAC,UAAU;aACtD;SACF;QACD,eAAe,EAAE;YACf,WAAW,EAAE;gBACX,SAAS,EAAE;oBACT,mBAAmB,EAAE,aAAa,CAAC,OAAO,CAAC,gBAAgB;iBAC5D;aACF;SACF;QACD,8DAA8D;KAC/D,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa;QACzC,oBAAC,aAAa,IAAC,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO;YACrD,oBAAC,QAAQ,IAAC,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAChE,QAAQ,CACA,CACG,CACM,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAU,EAAE,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport React, { createContext, useContext } from 'react';\nimport { ThemeProvider, Theme, PartialTheme, getTheme, mergeThemes, mergeStyles } from '@fluentui/react';\nimport { mergeThemes as mergeNorthstarThemes, Provider, teamsTheme } from '@internal/northstar-wrapper';\nimport { lightTheme } from './themes';\n\n/**\n * Props for {@link FluentThemeProvider}.\n *\n * @public\n */\nexport interface FluentThemeProviderProps {\n  /** Children to be themed. */\n  children: React.ReactNode;\n  /** Theme for components. Defaults to a light theme if not provided. */\n  fluentTheme?: PartialTheme | Theme;\n  /**\n   * Whether components are displayed right-to-left\n   * @defaultValue `false`\n   */\n  rtl?: boolean;\n}\n\nconst wrapper = mergeStyles({\n  height: '100%',\n  width: '100%',\n  overflow: 'auto'\n});\n\nconst defaultTheme = mergeThemes(getTheme(), lightTheme);\n\n/** Theme context for library's react components */\nconst ThemeContext = createContext<Theme>(defaultTheme);\n\nconst initialFluentNorthstarTheme = mergeNorthstarThemes(teamsTheme, {\n  componentStyles: {\n    ChatMessage: {\n      root: {\n        lineHeight: '1.4286'\n      }\n    }\n  },\n  fontFaces: [], // suppressing font faces from teamsTheme as recommended by FluentUI N* to avoid font styling to other elements\n  siteVariables: {\n    // suppressing body styles from teamsTheme to avoid inherited styling to other elements\n    bodyPadding: undefined,\n    bodyFontSize: undefined,\n    bodyFontFamily: undefined,\n    bodyBackground: undefined,\n    bodyColor: undefined,\n    bodyLineHeight: undefined\n  }\n});\n\n/**\n * Provider to apply a Fluent theme across this library's react components.\n *\n * @remarks Components in this library are composed primarily from [Fluent UI](https://developer.microsoft.com/fluentui#/controls/web),\n * controls, and also from [Fluent React Northstar](https://fluentsite.z22.web.core.windows.net/0.53.0) controls.\n * This provider handles applying any theme provided to both the underlying Fluent UI controls, as well as the Fluent React Northstar controls.\n *\n * @public\n */\nexport const FluentThemeProvider = (props: FluentThemeProviderProps): JSX.Element => {\n  const { fluentTheme, rtl, children } = props;\n\n  let fluentUITheme: Theme = mergeThemes(defaultTheme, fluentTheme);\n  // merge in rtl from FluentThemeProviderProps\n  fluentUITheme = mergeThemes(fluentUITheme, { rtl });\n\n  const fluentNorthstarTheme = mergeNorthstarThemes(initialFluentNorthstarTheme, {\n    componentVariables: {\n      Chat: {\n        backgroundColor: fluentUITheme.palette.white\n      },\n      ChatMessage: {\n        authorColor: fluentUITheme.palette.neutralPrimary,\n        contentColor: fluentUITheme.palette.neutralPrimary,\n        backgroundColor: fluentUITheme.palette.neutralLighter,\n        backgroundColorMine: fluentUITheme.palette.themeLight\n      }\n    },\n    componentStyles: {\n      ChatMessage: {\n        timestamp: {\n          WebkitTextFillColor: fluentUITheme.palette.neutralSecondary\n        }\n      }\n    }\n    // add more northstar components to align with Fluent UI theme\n  });\n\n  return (\n    <ThemeContext.Provider value={fluentUITheme}>\n      <ThemeProvider theme={fluentUITheme} className={wrapper}>\n        <Provider theme={fluentNorthstarTheme} className={wrapper} rtl={rtl}>\n          {children}\n        </Provider>\n      </ThemeProvider>\n    </ThemeContext.Provider>\n  );\n};\n\n/**\n * React hook to access theme\n *\n * @public\n */\nexport const useTheme = (): Theme => useContext(ThemeContext);\n\"../../../northstar-wrapper/src\""]}

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

@@ -28,6 +28,7 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     ControlButtonScreenShareStop: JSX.Element;
     CancelFileUpload: JSX.Element;
     DownloadFile: JSX.Element;
+    DataLossPreventionProhibited: JSX.Element;
     EditBoxCancel: JSX.Element;
     EditBoxSubmit: JSX.Element;
     ErrorBarCallCameraAccessDenied: JSX.Element;
@@ -80,5 +81,17 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     VideoTileScaleFill: JSX.Element;
     PinParticipant: JSX.Element;
     UnpinParticipant: JSX.Element;
+    SplitButtonPrimaryActionCameraOn: JSX.Element;
+    SplitButtonPrimaryActionCameraOff: JSX.Element;
+    SplitButtonPrimaryActionMicUnmuted: JSX.Element;
+    SplitButtonPrimaryActionMicMuted: JSX.Element;
+    VerticalGalleryLeftButton: JSX.Element;
+    VerticalGalleryRightButton: JSX.Element;
+    ControlButtonVideoEffectsOption: JSX.Element;
+    ConfigurationScreenVideoEffectsButton: JSX.Element;
+    CaptionsIcon: JSX.Element;
+    CaptionsOffIcon: JSX.Element;
+    CaptionsSettingsIcon: JSX.Element;
+    ChangeSpokenLanguageIcon: JSX.Element;
 };
 //# sourceMappingURL=icons.d.ts.map