@azure/communication-react 1.5.0 → 1.5.1-alpha-202301220014

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

@@ -90,8 +90,7 @@
         "menuHeader": "在此通话中",
         "participantsListButtonLabel": "{numParticipants} 人",
         "muteAllButtonLabel": "全部静音",
-        "copyInviteLinkButtonLabel": "复制邀请链接",
-        "copyInviteLinkActionedAriaLabel": "已复制邀请链接"
+        "copyInviteLinkButtonLabel": "复制邀请链接"
     },
     "screenShareButton": {
         "onLabel": "停止演示",
@@ -147,13 +146,11 @@
         "callNoSpeakerFound": "找不到扬声器或耳机。连接音频设备以收听呼叫。",
         "callNoMicrophoneFound": "找不到麦克风。连接音频输入设备。",
         "callMicrophoneAccessDenied": "无法访问麦克风。单击地址栏中的锁定以授予对此网页的权限。",
-        "callMicrophoneAccessDeniedSafari": "无法访问麦克风。刷新页面以允许权限，或检查此浏览器的设置并验证是否为此网站启用了权限。",
         "callMicrophoneMutedBySystem": "系统已将你设为静音。",
         "callMicrophoneUnmutedBySystem": "你的麦克风已恢复，系统已取消静音。",
         "callMacOsMicrophoneAccessDenied": "无法访问麦克风。在 macOS 隐私设置中授予麦克风权限。",
         "callLocalVideoFreeze": "网络带宽较差。你的视频可能会在通话中为其他人暂停。",
         "callCameraAccessDenied": "无法访问照相机。单击地址栏中的锁定以授予对此网页的权限。",
-        "callCameraAccessDeniedSafari": "无法访问照相机。刷新页面以允许权限，或检查此浏览器的设置并验证是否为此网站启用了权限。",
         "callCameraAlreadyInUse": "无法访问照相机。它可能已被其他应用程序使用。",
         "callVideoStoppedBySystem": "你的系统已停止你的视频。",
         "callVideoRecoveredBySystem": "你的视频已恢复。",
@@ -170,11 +167,7 @@
         "localVideoCameraSwitcherLabel": "切换相机",
         "localVideoMovementLabel": "可移动本地视频磁贴",
         "localVideoSelectedDescription": "已选择 {cameraName}",
-        "displayNamePlaceholder": "未命名的参与者",
-        "fitRemoteParticipantToFrame": "适应帧大小",
-        "fillRemoteParticipantFrame": "填充帧",
-        "pinParticipantForMe": "为我固定",
-        "unpinParticipantForMe": "为我取消固定"
+        "displayNamePlaceholder": "未命名的参与者"
     },
     "dialpad": {
         "placeholderText": "输入电话号码",
@@ -191,99 +184,16 @@
         "participantStateRinging": "正在呼叫...",
         "participantStateHold": "待机音乐"
     },
-    "CameraAndMicrophoneSitePermissionsRequest": {
+    "SitePermissions": {
         "primaryText": "允许{appName}使用你的相机和麦克风",
         "secondaryText": "这样参与者就可以看到并听到你的声音。",
         "linkText": "需要帮助? 获取疑难解答帮助",
-        "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": "需要帮助? 获取疑难解答帮助"
+        "primaryButtonText": "允许访问"
     },
     "UnsupportedBrowser": {
         "primaryText": "浏览器不受支持",
         "secondaryText": "请使用兼容的浏览器加入此通话。",
-        "moreHelpLinkText": "查看兼容性要求"
-    },
-    "UnsupportedBrowserVersion": {
-        "primaryText": "需要浏览器更新",
-        "secondaryText": "为确保通话达到最佳效果，请更新浏览器，然后再次尝试加入呼叫。",
-        "moreHelpLinkText": "查看兼容性要求",
-        "continueAnywayButtonText": "在不更新的情况下启动呼叫"
-    },
-    "UnsupportedOperatingSystem": {
-        "primaryText": "不支持操作系统",
-        "secondaryText": "请使用具有兼容的操作系统的设备加入此通话。",
-        "moreHelpLinkText": "查看兼容性要求"
+        "moreHelpLink": "更多帮助"
     },
     "BrowserPermissionDenied": {
         "primaryText": "无法使用摄像头或麦克风",

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

@@ -90,8 +90,7 @@
         "menuHeader": "在此通話中",
         "participantsListButtonLabel": "{numParticipants} 人員",
         "muteAllButtonLabel": "將所有人設為靜音",
-        "copyInviteLinkButtonLabel": "複製邀請連結",
-        "copyInviteLinkActionedAriaLabel": "已複製邀請連結"
+        "copyInviteLinkButtonLabel": "複製邀請連結"
     },
     "screenShareButton": {
         "onLabel": "停止簡報",
@@ -147,13 +146,11 @@
         "callNoSpeakerFound": "找不到喇叭或耳機。請連接音訊裝置以聆聽通話。",
         "callNoMicrophoneFound": "找不到麥克風。請連接音訊輸入裝置。",
         "callMicrophoneAccessDenied": "無法存取麥克風。按一下網址列中的鎖定以授與此網頁的許可權。",
-        "callMicrophoneAccessDeniedSafari": "無法存取麥克風。重新整理頁面以允許許可權，或檢查此瀏覽器的設定，並確認已啟用此網站的許可權。",
         "callMicrophoneMutedBySystem": "系統已將您設為靜音。",
         "callMicrophoneUnmutedBySystem": "您的麥克風已復原，系統已取消您的靜音。",
         "callMacOsMicrophoneAccessDenied": "無法存取麥克風。請在您的 MacOS 隱私權設定中授與麥克風權限。",
         "callLocalVideoFreeze": "網路頻寬不佳。通話中的其他人可能會暫停您的視訊。",
         "callCameraAccessDenied": "無法存取相機。按一下網址列中的鎖定以授與此網頁的許可權。",
-        "callCameraAccessDeniedSafari": "無法存取相機。重新整理頁面以允許許可權，或檢查此瀏覽器的設定，並確認已啟用此網站的許可權。",
         "callCameraAlreadyInUse": "無法存取相機。其他應用程式可能已在使用它。",
         "callVideoStoppedBySystem": "您的影片已遭系統停止。",
         "callVideoRecoveredBySystem": "您的影片已繼續。",
@@ -170,11 +167,7 @@
         "localVideoCameraSwitcherLabel": "切換相機",
         "localVideoMovementLabel": "可移動的本機影片磚",
         "localVideoSelectedDescription": "已選取 {cameraName}",
-        "displayNamePlaceholder": "未命名的參與者",
-        "fitRemoteParticipantToFrame": "調整成畫面大小",
-        "fillRemoteParticipantFrame": "填滿畫面",
-        "pinParticipantForMe": "為我釘選",
-        "unpinParticipantForMe": "為我取消釘選"
+        "displayNamePlaceholder": "未命名的參與者"
     },
     "dialpad": {
         "placeholderText": "輸入電話號碼",
@@ -191,99 +184,16 @@
         "participantStateRinging": "撥號中...",
         "participantStateHold": "電話保留"
     },
-    "CameraAndMicrophoneSitePermissionsRequest": {
+    "SitePermissions": {
         "primaryText": "允許 {appName} 使用您的相機和麥克風",
         "secondaryText": "這樣參與者才能看到您並聽到您的聲音。",
         "linkText": "需要協助嗎? 取得疑難排解說明",
-        "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": "需要協助嗎? 取得疑難排解說明"
+        "primaryButtonText": "允許存取"
     },
     "UnsupportedBrowser": {
         "primaryText": "不支援瀏覽器",
         "secondaryText": "請使用相容的瀏覽器加入此通話。",
-        "moreHelpLinkText": "查看相容性需求"
-    },
-    "UnsupportedBrowserVersion": {
-        "primaryText": "需要更新瀏覽器",
-        "secondaryText": "為確保通話品質最佳，請更新瀏覽器，然後再次嘗試加入通話。",
-        "moreHelpLinkText": "查看相容性需求",
-        "continueAnywayButtonText": "不更新即開始通話"
-    },
-    "UnsupportedOperatingSystem": {
-        "primaryText": "不支援作業系統",
-        "secondaryText": "請使用具有相容作業系統的裝置加入此通話。",
-        "moreHelpLinkText": "查看相容性需求"
+        "moreHelpLink": "更多協助資訊"
     },
     "BrowserPermissionDenied": {
         "primaryText": "無法使用您的相機或麥克風",

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

@@ -0,0 +1,61 @@
+import React from 'react';
+/**
+ * @internal
+ */
+export declare type _Permissions = {
+    cameraButton: boolean;
+    microphoneButton: boolean;
+    screenShare: boolean;
+    removeParticipantButton: boolean;
+    role?: Role;
+};
+/**
+ * @internal
+ */
+export declare const defaultPermissions: _Permissions;
+/**
+ * @internal
+ */
+export declare const presenterPermissions: _Permissions;
+/**
+ * @internal
+ */
+export declare const consumerPermissions: _Permissions;
+/**
+ * @internal
+ */
+export declare const attendeePermissions: _Permissions;
+/**
+ * @internal
+ */
+export declare const PermissionsContext: React.Context<_Permissions>;
+/**
+ * Props for {@link _PermissionsProviderProps}.
+ *
+ * @internal
+ */
+export declare type _PermissionsProviderProps = {
+    /** Permission context to provide components */
+    permissions: _Permissions;
+    /** Children to provide locale context. */
+    children: React.ReactNode;
+};
+/**
+ * @internal
+ */
+export declare const _PermissionsProvider: (props: _PermissionsProviderProps) => JSX.Element;
+/**
+ * @internal
+ * React hook to access permissions
+ */
+export declare const _usePermissions: () => _Permissions;
+/**
+ * @beta
+ * The role of a call participant.
+ */
+export declare type Role = 'Presenter' | 'Attendee' | 'Consumer' | 'Organizer';
+/**
+ * @internal
+ */
+export declare const _getPermissions: (role?: Role | undefined) => _Permissions;
+//# sourceMappingURL=PermissionsProvider.d.ts.map

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

@@ -0,0 +1,74 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import React, { createContext, useContext } from 'react';
+/**
+ * @internal
+ */
+export const defaultPermissions = {
+    cameraButton: true,
+    microphoneButton: true,
+    screenShare: true,
+    removeParticipantButton: true
+};
+/**
+ * @internal
+ */
+export const presenterPermissions = {
+    role: 'Presenter',
+    cameraButton: true,
+    microphoneButton: true,
+    screenShare: true,
+    removeParticipantButton: true
+};
+/**
+ * @internal
+ */
+export const consumerPermissions = {
+    role: 'Consumer',
+    cameraButton: false,
+    microphoneButton: false,
+    screenShare: false,
+    removeParticipantButton: false
+};
+/**
+ * @internal
+ */
+export const attendeePermissions = {
+    role: 'Attendee',
+    cameraButton: true,
+    microphoneButton: true,
+    screenShare: false,
+    removeParticipantButton: false
+};
+/**
+ * @internal
+ */
+export const PermissionsContext = createContext(defaultPermissions);
+/**
+ * @internal
+ */
+export const _PermissionsProvider = (props) => {
+    const { permissions, children } = props;
+    return React.createElement(PermissionsContext.Provider, { value: permissions }, children);
+};
+/**
+ * @internal
+ * React hook to access permissions
+ */
+export const _usePermissions = () => useContext(PermissionsContext);
+/**
+ * @internal
+ */
+export const _getPermissions = (role) => {
+    if (role === 'Consumer') {
+        return consumerPermissions;
+    }
+    else if (role === 'Attendee') {
+        return attendeePermissions;
+    }
+    else if (role === 'Presenter') {
+        return presenterPermissions;
+    }
+    return defaultPermissions;
+};
+//# sourceMappingURL=PermissionsProvider.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,2 @@
+export * from './PermissionsProvider';
+//# sourceMappingURL=index.d.ts.map

package/dist/dist-esm/react-components/src/permissions/index.js

@@ -0,0 +1,4 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+export * from './PermissionsProvider';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../react-components/src/permissions/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,cAAc,uBAAuB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nexport * from './PermissionsProvider';\n"]}

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

@@ -21,7 +21,6 @@ const initialFluentNorthstarTheme = mergeNorthstarThemes(teamsTheme, {
         }
     },
     fontFaces: [],
-    // suppressing font faces from teamsTheme as recommended by FluentUI N* to avoid font styling to other elements
     siteVariables: {
         // suppressing body styles from teamsTheme to avoid inherited styling to other elements
         bodyPadding: undefined,
@@ -45,9 +44,7 @@ export const FluentThemeProvider = (props) => {
     const { fluentTheme, rtl, children } = props;
     let fluentUITheme = mergeThemes(defaultTheme, fluentTheme);
     // merge in rtl from FluentThemeProviderProps
-    fluentUITheme = mergeThemes(fluentUITheme, {
-        rtl
-    });
+    fluentUITheme = mergeThemes(fluentUITheme, { rtl });
     const fluentNorthstarTheme = mergeNorthstarThemes(initialFluentNorthstarTheme, {
         componentVariables: {
             Chat: {
@@ -69,9 +66,9 @@ export const FluentThemeProvider = (props) => {
         }
         // add more northstar components to align with Fluent UI theme
     });
-    return React.createElement(ThemeContext.Provider, { value: fluentUITheme },
+    return (React.createElement(ThemeContext.Provider, { value: fluentUITheme },
         React.createElement(ThemeProvider, { theme: fluentUITheme, className: wrapper },
-            React.createElement(Provider, { theme: fluentNorthstarTheme, className: wrapper, rtl: rtl }, children)));
+            React.createElement(Provider, { theme: fluentNorthstarTheme, className: wrapper, rtl: rtl }, children))));
 };
 /**
  * React hook to access theme

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

@@ -1 +1 @@
-{"version":3,"file":"FluentThemeProvider.js","sourceRoot":"","sources":["../../../../../preprocess-dist/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;AAkBtC,MAAM,OAAO,GAAG,WAAW,CAAC;IAC1B,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAC;AACH,MAAM,YAAY,GAAG,WAAW,CAAC,QAAQ,EAAE,EAAE,UAAU,CAAC,CAAC;AAEzD,mDAAmD;AACnD,MAAM,YAAY,GAAG,aAAa,CAAQ,YAAY,CAAC,CAAC;AACxD,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,+GAA+G;IAC/G,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,EACJ,WAAW,EACX,GAAG,EACH,QAAQ,EACT,GAAG,KAAK,CAAC;IACV,IAAI,aAAa,GAAU,WAAW,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IAClE,6CAA6C;IAC7C,aAAa,GAAG,WAAW,CAAC,aAAa,EAAE;QACzC,GAAG;KACJ,CAAC,CAAC;IACH,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,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa;QAC9C,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,CAAC;AAC7B,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}\nconst wrapper = mergeStyles({\n  height: '100%',\n  width: '100%',\n  overflow: 'auto'\n});\nconst defaultTheme = mergeThemes(getTheme(), lightTheme);\n\n/** Theme context for library's react components */\nconst ThemeContext = createContext<Theme>(defaultTheme);\nconst initialFluentNorthstarTheme = mergeNorthstarThemes(teamsTheme, {\n  componentStyles: {\n    ChatMessage: {\n      root: {\n        lineHeight: '1.4286'\n      }\n    }\n  },\n  fontFaces: [],\n  // 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 {\n    fluentTheme,\n    rtl,\n    children\n  } = props;\n  let fluentUITheme: Theme = mergeThemes(defaultTheme, fluentTheme);\n  // merge in rtl from FluentThemeProviderProps\n  fluentUITheme = mergeThemes(fluentUITheme, {\n    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 <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 * React hook to access theme\n *\n * @public\n */\nexport const useTheme = (): Theme => useContext(ThemeContext);"]}
+{"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"]}

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

@@ -23,8 +23,11 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     ControlButtonMicOn: JSX.Element;
     ControlButtonOptions: JSX.Element;
     ControlButtonParticipants: JSX.Element;
+    ControlButtonParticipantsContextualMenuItem: JSX.Element;
     ControlButtonScreenShareStart: JSX.Element;
     ControlButtonScreenShareStop: JSX.Element;
+    CancelFileUpload: JSX.Element;
+    DownloadFile: JSX.Element;
     EditBoxCancel: JSX.Element;
     EditBoxSubmit: JSX.Element;
     ErrorBarCallCameraAccessDenied: JSX.Element;
@@ -57,8 +60,25 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     ParticipantItemOptions: JSX.Element;
     ParticipantItemOptionsHovered: JSX.Element;
     ParticipantItemScreenShareStart: JSX.Element;
+    HoldCallContextualMenuItem: JSX.Element;
+    HoldCallButton: JSX.Element;
+    ResumeCall: JSX.Element;
     SendBoxSend: JSX.Element;
     SendBoxSendHovered: JSX.Element;
     VideoTileMicOff: JSX.Element;
+    DialpadBackspace: JSX.Element;
+    SitePermissionsSparkle: JSX.Element;
+    SitePermissionCamera: JSX.Element;
+    SitePermissionMic: JSX.Element;
+    SitePermissionCameraDenied: JSX.Element;
+    SitePermissionMicDenied: JSX.Element;
+    UnsupportedEnvironmentWarning: JSX.Element;
+    BrowserPermissionDeniedError: JSX.Element;
+    VideoTilePinned: JSX.Element;
+    VideoTileMoreOptions: JSX.Element;
+    VideoTileScaleFit: JSX.Element;
+    VideoTileScaleFill: JSX.Element;
+    PinParticipant: JSX.Element;
+    UnpinParticipant: JSX.Element;
 };
 //# sourceMappingURL=icons.d.ts.map