@azure/communication-react 1.3.2-alpha-202210051728 → 1.3.2-beta.1

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

@@ -3,6 +3,7 @@
         "cameraLabel": "照相机",
         "cameraPermissionDenied": "你的浏览器正在阻止对相机的访问",
         "cameraTurnedOff": "你的相机已关闭",
+        "chatButtonLabel": "聊天",
         "close": "关闭",
         "complianceBannerNowOnlyRecording": "现在仅录制此会议。",
         "complianceBannerNowOnlyTranscription": "现在仅听录此会议。",
@@ -17,7 +18,10 @@
         "complianceBannerTranscriptionSaving": "正在保存听录。",
         "complianceBannerTranscriptionStopped": "听录已停止。",
         "configurationPageTitle": "开始通话",
+        "copyInviteLinkButtonLabel": "复制邀请链接",
+        "copyInviteLinkActionedAriaLabel": "已复制邀请链接",
         "defaultPlaceHolder": "选择一个选项",
+        "dismissSidePaneButtonLabel": "关闭",
         "failedToJoinCallDueToNoNetworkMoreDetails": "由于网络问题，呼叫已断开连接。请检查你的连接，然后重新加入。",
         "failedToJoinCallDueToNoNetworkTitle": "通话已断开",
         "failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails": "未在通话中向你授予条目。如果这是一个错误，请重新加入呼叫。",
@@ -28,42 +32,78 @@
         "lobbyScreenConnectingToCallTitle": "加入通话",
         "lobbyScreenWaitingToBeAdmittedTitle": "正在等待被拒绝",
         "microphonePermissionDenied": "你的浏览器正在阻止对麦克风的访问",
+        "microphoneToggleInLobbyNotAllowed": "在大厅中时无法静音或取消静音。",
         "mutedMessage": "你已静音",
         "networkReconnectMoreDetails": "似乎出现了问题。我们正在努力恢复通话。",
         "networkReconnectTitle": "稍等",
+        "deniedPermissionToRoomDetails": "你没有加入此聊天室的权限。",
+        "deniedPermissionToRoomTitle": "已拒绝对会议室的权限",
+        "peopleButtonLabel": "人员",
+        "peoplePaneTitle": "人员",
+        "peopleButtonTooltipOpen": "显示参与者",
+        "peopleButtonTooltipClose": "隐藏参与者",
+        "peoplePaneSubTitle": "在此通话中",
         "privacyPolicy": "隐私策略",
         "rejoinCallButtonLabel": "重新加入呼叫",
         "removedFromCallMoreDetails": "另一名参与者已将你从通话中删除。",
         "removedFromCallTitle": "你已被删除",
+        "removeMenuLabel": "删除",
+        "returnToCallButtonAriaDescription": "返回通话",
+        "returnToCallButtonAriaLabel": "返回",
+        "roomNotFoundDetails": "提供的会议室 ID 无效。",
+        "roomNotFoundTitle": "未找到会议室。",
         "soundLabel": "声音",
         "startCallButtonLabel": "开始通话",
-        "microphoneToggleInLobbyNotAllowed": "在大厅中时无法静音或取消静音。"
+        "openDialpadButtonLabel": "拨打电话号码",
+        "peoplePaneAddPeopleButtonLabel": "添加人员",
+        "dialpadStartCallButtonLabel": "呼叫",
+        "dialpadModalTitle": "拨打电话号码",
+        "dialpadModalAriaLabel": "拨号盘",
+        "dialpadCloseModalButtonAriaLabel": "关闭拨号盘",
+        "moreButtonCallingLabel": "更多",
+        "resumeCallButtonLabel": "恢复",
+        "resumingCallButtonLabel": "正在恢复...",
+        "resumeCallButtonAriaLabel": "继续呼叫",
+        "resumingCallButtonAriaLabel": "继续通话",
+        "holdScreenLabel": "你的通话处于保留状态",
+        "openDtmfDialpadLabel": "显示拨号盘",
+        "dtmfDialpadPlaceHolderText": "输入号码"
     },
     "chat": {
-        "chatListHeader": "在此聊天中"
+        "chatListHeader": "在此聊天中",
+        "uploadFile": "上传文件"
     },
     "callWithChat": {
-        "peopleButtonLabel": "人员",
-        "peopleButtonTooltipOpen": "显示参与者",
-        "peopleButtonTooltipClose": "隐藏参与者",
         "chatButtonLabel": "聊天",
+        "chatButtonNewMessageNotificationLabel": "新建消息",
         "chatButtonTooltipClosedWithMessageCount": "显示聊天({unreadMessagesCount} 条未读)",
-        "chatButtonTooltipOpen": "显示聊天",
         "chatButtonTooltipClose": "隐藏聊天",
+        "chatButtonTooltipOpen": "显示聊天",
+        "chatPaneTitle": "聊天",
+        "copyInviteLinkButtonLabel": "复制邀请链接",
+        "copyInviteLinkActionedAriaLabel": "已复制邀请链接",
+        "dismissSidePaneButtonLabel": "关闭",
         "moreDrawerAudioDeviceMenuTitle": "音频设备",
-        "moreDrawerMicrophoneMenuTitle": "麦克风",
-        "moreDrawerSpeakerMenuTitle": "扬声器",
         "moreDrawerButtonLabel": "更多选项",
         "moreDrawerButtonTooltip": "更多选项",
-        "peoplePaneTitle": "人员",
+        "moreDrawerMicrophoneMenuTitle": "麦克风",
+        "moreDrawerSpeakerMenuTitle": "扬声器",
+        "peopleButtonLabel": "人员",
+        "peopleButtonTooltipOpen": "显示参与者",
+        "peopleButtonTooltipClose": "隐藏参与者",
         "peoplePaneSubTitle": "在此通话中",
-        "chatPaneTitle": "聊天",
-        "chatButtonNewMessageNotificationLabel": "新建消息",
+        "peoplePaneTitle": "人员",
         "pictureInPictureTileAriaLabel": "视频源。单击以返回到通话屏幕。",
         "removeMenuLabel": "删除",
-        "copyInviteLinkButtonLabel": "复制邀请链接",
-        "dismissSidePaneButton": "关闭",
+        "openDialpadButtonLabel": "拨打电话号码",
         "returnToCallButtonAriaDescription": "返回通话",
-        "returnToCallButtonAriaLabel": "返回"
+        "returnToCallButtonAriaLabel": "返回",
+        "peoplePaneAddPeopleButtonLabel": "添加人员",
+        "dialpadStartCallButtonLabel": "呼叫",
+        "dialpadModalTitle": "拨打电话号码",
+        "dialpadModalAriaLabel": "拨号盘",
+        "dialpadCloseModalButtonAriaLabel": "关闭拨号盘",
+        "openDtmfDialpadLabel": "显示拨号盘",
+        "dtmfDialpadPlaceHolderText": "输入号码"
     }
 }

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

@@ -3,6 +3,7 @@
         "cameraLabel": "相機",
         "cameraPermissionDenied": "您的瀏覽器禁止存取您的相機",
         "cameraTurnedOff": "您的相機已關閉",
+        "chatButtonLabel": "聊天",
         "close": "關閉",
         "complianceBannerNowOnlyRecording": "您現在只會錄製此會議。",
         "complianceBannerNowOnlyTranscription": "您現在只會轉錄此會議。",
@@ -17,7 +18,10 @@
         "complianceBannerTranscriptionSaving": "正在儲存轉錄。",
         "complianceBannerTranscriptionStopped": "已停止轉錄。",
         "configurationPageTitle": "開始通話",
+        "copyInviteLinkButtonLabel": "複製邀請連結",
+        "copyInviteLinkActionedAriaLabel": "已複製邀請連結",
         "defaultPlaceHolder": "選取選項",
+        "dismissSidePaneButtonLabel": "關閉",
         "failedToJoinCallDueToNoNetworkMoreDetails": "由於網路問題，通話已中斷連線。檢查您的連線並再次加入。",
         "failedToJoinCallDueToNoNetworkTitle": "通話已斷線",
         "failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails": "您未被授予加入通話的權限。如果有誤，請重新加入通話。",
@@ -28,42 +32,78 @@
         "lobbyScreenConnectingToCallTitle": "正在加入通話",
         "lobbyScreenWaitingToBeAdmittedTitle": "正在等候認可",
         "microphonePermissionDenied": "您的瀏覽器禁止存取您的麥克風",
+        "microphoneToggleInLobbyNotAllowed": "無法在大廳中靜音或取消靜音。",
         "mutedMessage": "您已設為靜音",
         "networkReconnectMoreDetails": "似乎發生錯誤。我們正在嘗試讓您返回通話。",
         "networkReconnectTitle": "請稍候",
+        "deniedPermissionToRoomDetails": "您沒有加入此會議室的權限。",
+        "deniedPermissionToRoomTitle": "會議室權限遭拒絕",
+        "peopleButtonLabel": "人員",
+        "peoplePaneTitle": "人員",
+        "peopleButtonTooltipOpen": "顯示參與者",
+        "peopleButtonTooltipClose": "隱藏參與者",
+        "peoplePaneSubTitle": "在此通話中",
         "privacyPolicy": "隱私權原則",
         "rejoinCallButtonLabel": "重新加入通話",
         "removedFromCallMoreDetails": "另一名參與者已將您自通話中移除。",
         "removedFromCallTitle": "您已遭移除",
+        "removeMenuLabel": "移除",
+        "returnToCallButtonAriaDescription": "返回通話",
+        "returnToCallButtonAriaLabel": "返回",
+        "roomNotFoundDetails": "提供的會議室識別碼無效。",
+        "roomNotFoundTitle": "找不到會議室",
         "soundLabel": "音效",
         "startCallButtonLabel": "開始通話",
-        "microphoneToggleInLobbyNotAllowed": "無法在大廳中靜音或取消靜音。"
+        "openDialpadButtonLabel": "撥打電話號碼",
+        "peoplePaneAddPeopleButtonLabel": "新增人員",
+        "dialpadStartCallButtonLabel": "通話",
+        "dialpadModalTitle": "撥打電話號碼",
+        "dialpadModalAriaLabel": "撥號鍵台",
+        "dialpadCloseModalButtonAriaLabel": "關閉撥號鍵台",
+        "moreButtonCallingLabel": "其他",
+        "resumeCallButtonLabel": "繼續",
+        "resumingCallButtonLabel": "正在繼續...",
+        "resumeCallButtonAriaLabel": "繼續通話",
+        "resumingCallButtonAriaLabel": "繼續通話",
+        "holdScreenLabel": "您的通話已保留",
+        "openDtmfDialpadLabel": "顯示撥號盤",
+        "dtmfDialpadPlaceHolderText": "輸入號碼"
     },
     "chat": {
-        "chatListHeader": "在此聊天中"
+        "chatListHeader": "在此聊天中",
+        "uploadFile": "上傳檔案"
     },
     "callWithChat": {
-        "peopleButtonLabel": "人員",
-        "peopleButtonTooltipOpen": "顯示參與者",
-        "peopleButtonTooltipClose": "隱藏參與者",
         "chatButtonLabel": "聊天",
+        "chatButtonNewMessageNotificationLabel": "新訊息",
         "chatButtonTooltipClosedWithMessageCount": "顯示聊天 ({unreadMessagesCount} 個未讀取)",
-        "chatButtonTooltipOpen": "顯示聊天",
         "chatButtonTooltipClose": "隱藏聊天",
+        "chatButtonTooltipOpen": "顯示聊天",
+        "chatPaneTitle": "聊天",
+        "copyInviteLinkButtonLabel": "複製邀請連結",
+        "copyInviteLinkActionedAriaLabel": "已複製邀請連結",
+        "dismissSidePaneButtonLabel": "關閉",
         "moreDrawerAudioDeviceMenuTitle": "音訊裝置",
-        "moreDrawerMicrophoneMenuTitle": "麥克風",
-        "moreDrawerSpeakerMenuTitle": "揚聲器",
         "moreDrawerButtonLabel": "更多選項",
         "moreDrawerButtonTooltip": "更多選項",
-        "peoplePaneTitle": "人員",
+        "moreDrawerMicrophoneMenuTitle": "麥克風",
+        "moreDrawerSpeakerMenuTitle": "揚聲器",
+        "peopleButtonLabel": "人員",
+        "peopleButtonTooltipOpen": "顯示參與者",
+        "peopleButtonTooltipClose": "隱藏參與者",
         "peoplePaneSubTitle": "在此通話中",
-        "chatPaneTitle": "聊天",
-        "chatButtonNewMessageNotificationLabel": "新訊息",
+        "peoplePaneTitle": "人員",
         "pictureInPictureTileAriaLabel": "影片摘要。按一下以返回通話畫面。",
         "removeMenuLabel": "移除",
-        "copyInviteLinkButtonLabel": "複製邀請連結",
-        "dismissSidePaneButton": "關閉",
+        "openDialpadButtonLabel": "撥打電話號碼",
         "returnToCallButtonAriaDescription": "返回通話",
-        "returnToCallButtonAriaLabel": "返回"
+        "returnToCallButtonAriaLabel": "返回",
+        "peoplePaneAddPeopleButtonLabel": "新增人員",
+        "dialpadStartCallButtonLabel": "通話",
+        "dialpadModalTitle": "撥打電話號碼",
+        "dialpadModalAriaLabel": "撥號鍵台",
+        "dialpadCloseModalButtonAriaLabel": "關閉撥號鍵台",
+        "openDtmfDialpadLabel": "顯示撥號盤",
+        "dtmfDialpadPlaceHolderText": "輸入號碼"
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@azure/communication-react",
-  "version": "1.3.2-alpha-202210051728",
+  "version": "1.3.2-beta.1",
   "sideEffects": false,
   "description": "React library for building modern communication user experiences utilizing Azure Communication Services",
   "keywords": [
@@ -46,7 +46,7 @@
     "@azure/core-rest-pipeline": "~1.9.2"
   },
   "peerDependencies": {
-    "@azure/communication-calling": "1.8.0-beta.1 || 1.4.4",
+    "@azure/communication-calling": "1.8.0-beta.1",
     "@azure/communication-chat": "1.2.0",
     "@types/react": ">=16.8.0 <18.0.0",
     "@types/react-dom": ">=16.8.0 <18.0.0",
@@ -81,18 +81,18 @@
     "_by-flavor": "rushx _current-flavor && env-cmd -f ../../common/config/env/.env --use-shell"
   },
   "devDependencies": {
-    "@azure/communication-calling": "1.8.0-beta.1 || 1.4.4",
+    "@azure/communication-calling": "1.8.0-beta.1",
     "@azure/communication-chat": "1.2.0",
     "@azure/core-auth": "1.3.2",
     "@babel/cli": "~7.16.0",
     "@babel/core": "~7.16.0",
-    "@internal/calling-component-bindings": "1.3.2-alpha-202210051728",
-    "@internal/calling-stateful-client": "1.3.2-alpha-202210051728",
-    "@internal/chat-component-bindings": "1.3.2-alpha-202210051728",
-    "@internal/chat-stateful-client": "1.3.2-alpha-202210051728",
-    "@internal/fake-backends": "1.3.2-alpha-202210051728",
-    "@internal/react-components": "1.3.2-alpha-202210051728",
-    "@internal/react-composites": "1.3.2-alpha-202210051728",
+    "@internal/calling-component-bindings": "1.3.2-beta.1",
+    "@internal/calling-stateful-client": "1.3.2-beta.1",
+    "@internal/chat-component-bindings": "1.3.2-beta.1",
+    "@internal/chat-stateful-client": "1.3.2-beta.1",
+    "@internal/fake-backends": "1.3.2-beta.1",
+    "@internal/react-components": "1.3.2-beta.1",
+    "@internal/react-composites": "1.3.2-beta.1",
     "@microsoft/api-documenter": "~7.12.11",
     "@microsoft/api-extractor": "~7.18.0",
     "@rollup/plugin-json": "~4.1.0",

package/dist/dist-esm/react-components/src/components/DomainPermissions.d.ts

@@ -1,45 +0,0 @@
-/// <reference types="react" />
-/**
- * @beta
- * Props for DomainPermissions component.
- */
-export interface DomainPermissionsProps {
-    /**
-     * Name of application calling experience is in.
-     */
-    appName: string;
-    /**
-     * Action to be taken by the more help link. Possible to send to external page or show other modal.
-     */
-    onTroubleshootingClick: () => void;
-    /**
-     * Localization strings for DomainPermissions component.
-     */
-    strings: DomainPermissionsStrings;
-}
-/**
- * @beta
- * Strings for DomainPermissions component
- */
-export interface DomainPermissionsStrings {
-    /**
-     * Main text string.
-     */
-    primaryText: string;
-    /**
-     * Subtext string.
-     */
-    secondaryText: string;
-    /**
-     * More help link string.
-     */
-    linkText: string;
-}
-/**
- * @beta
- *
- * Component to allow Contoso to help their end user with their devices should their permissions be blocked
- * by their browsers settings.
- */
-export declare const DomainPermissions: (props: DomainPermissionsProps) => JSX.Element;
-//# sourceMappingURL=DomainPermissions.d.ts.map

package/dist/dist-esm/react-components/src/components/DomainPermissions.js

@@ -1,42 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import React from 'react';
-/* @conditional-compile-remove(call-readiness) */
-import { Stack, Text, Link, Icon, useTheme } from '@fluentui/react';
-/* @conditional-compile-remove(call-readiness) */
-import { useLocale } from '../localization';
-/* @conditional-compile-remove(call-readiness) */
-import { _formatString } from "../../../acs-ui-common/src";
-/* @conditional-compile-remove(call-readiness) */
-import { iconContainerStyles, iconPrimaryStyles, linkTextStyles, primaryTextStyles, secondaryTextStyles, sparkleIconBackdropStyles, textContainerStyles } from './styles/DomainPermissions.styles';
-/* @conditional-compile-remove(call-readiness) */
-const DomainPermissionsContainer = (props) => {
-    const { appName, onTroubleshootingClick, strings } = props;
-    const theme = useTheme();
-    return (React.createElement(Stack, { style: { padding: '2rem', maxWidth: '25.375rem' } },
-        React.createElement(Stack, { horizontal: true, style: { paddingBottom: '1rem' }, horizontalAlign: 'space-between' },
-            React.createElement(Stack, { styles: iconContainerStyles, horizontalAlign: 'center' },
-                React.createElement(Icon, { styles: iconPrimaryStyles, iconName: 'DomainPermissionCamera' })),
-            React.createElement(Stack, { styles: iconContainerStyles, horizontalAlign: 'center' },
-                React.createElement(Icon, { styles: sparkleIconBackdropStyles(theme), iconName: 'DomainPermissionsSparkle' })),
-            React.createElement(Stack, { styles: iconContainerStyles, horizontalAlign: 'center' },
-                React.createElement(Icon, { styles: iconPrimaryStyles, iconName: 'DomainPermissionMic' }))),
-        React.createElement(Stack, { styles: textContainerStyles },
-            React.createElement(Text, { styles: primaryTextStyles }, _formatString(strings.primaryText, { appName: appName })),
-            React.createElement(Text, { styles: secondaryTextStyles }, strings.secondaryText),
-            React.createElement(Link, { styles: linkTextStyles, onClick: onTroubleshootingClick }, strings.linkText))));
-};
-/**
- * @beta
- *
- * Component to allow Contoso to help their end user with their devices should their permissions be blocked
- * by their browsers settings.
- */
-export const DomainPermissions = (props) => {
-    /* @conditional-compile-remove(call-readiness) */
-    const locale = useLocale().strings.DomainPermissions;
-    /* @conditional-compile-remove(call-readiness) */
-    return React.createElement(DomainPermissionsContainer, Object.assign({}, props, { strings: props.strings ? props.strings : locale }));
-    return React.createElement(React.Fragment, null);
-};
-//# sourceMappingURL=DomainPermissions.js.map

package/dist/dist-esm/react-components/src/components/DomainPermissions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DomainPermissions.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/DomainPermissions.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,iDAAiD;AACjD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACpE,iDAAiD;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,iDAAiD;AACjD,OAAO,EAAE,aAAa,EAAY,mCAAgC;AAClE,iDAAiD;AACjD,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EACjB,cAAc,EACd,iBAAiB,EACjB,mBAAmB,EACnB,yBAAyB,EACzB,mBAAmB,EACpB,MAAM,mCAAmC,CAAC;AAwC3C,iDAAiD;AACjD,MAAM,0BAA0B,GAAG,CAAC,KAA6B,EAAe,EAAE;IAChF,MAAM,EAAE,OAAO,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC3D,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE;QACtD,oBAAC,KAAK,IAAC,UAAU,QAAC,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,eAAe,EAAE,eAAe;YAClF,oBAAC,KAAK,IAAC,MAAM,EAAE,mBAAmB,EAAE,eAAe,EAAE,QAAQ;gBAC3D,oBAAC,IAAI,IAAC,MAAM,EAAE,iBAAiB,EAAE,QAAQ,EAAE,wBAAwB,GAAS,CACtE;YACR,oBAAC,KAAK,IAAC,MAAM,EAAE,mBAAmB,EAAE,eAAe,EAAE,QAAQ;gBAC3D,oBAAC,IAAI,IAAC,MAAM,EAAE,yBAAyB,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,0BAA0B,GAAS,CACvF;YACR,oBAAC,KAAK,IAAC,MAAM,EAAE,mBAAmB,EAAE,eAAe,EAAE,QAAQ;gBAC3D,oBAAC,IAAI,IAAC,MAAM,EAAE,iBAAiB,EAAE,QAAQ,EAAE,qBAAqB,GAAS,CACnE,CACF;QACR,oBAAC,KAAK,IAAC,MAAM,EAAE,mBAAmB;YAChC,oBAAC,IAAI,IAAC,MAAM,EAAE,iBAAiB,IAAG,aAAa,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAQ;YAClG,oBAAC,IAAI,IAAC,MAAM,EAAE,mBAAmB,IAAG,OAAO,CAAC,aAAa,CAAQ;YACjE,oBAAC,IAAI,IAAC,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,sBAAsB,IAC1D,OAAO,CAAC,QAAQ,CACZ,CACD,CACF,CACT,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAe,EAAE;IAC9E,iDAAiD;IACjD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC,iBAAiB,CAAC;IACrD,iDAAiD;IACjD,OAAO,oBAAC,0BAA0B,oBAAK,KAAK,IAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC;IAClG,OAAO,yCAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport React from 'react';\n/* @conditional-compile-remove(call-readiness) */\nimport { Stack, Text, Link, Icon, useTheme } from '@fluentui/react';\n/* @conditional-compile-remove(call-readiness) */\nimport { useLocale } from '../localization';\n/* @conditional-compile-remove(call-readiness) */\nimport { _formatString, _pxToRem } from '@internal/acs-ui-common';\n/* @conditional-compile-remove(call-readiness) */\nimport {\n  iconContainerStyles,\n  iconPrimaryStyles,\n  linkTextStyles,\n  primaryTextStyles,\n  secondaryTextStyles,\n  sparkleIconBackdropStyles,\n  textContainerStyles\n} from './styles/DomainPermissions.styles';\n\n/**\n * @beta\n * Props for DomainPermissions component.\n */\nexport interface DomainPermissionsProps {\n  /**\n   * Name of application calling experience is in.\n   */\n  appName: string;\n  /**\n   * Action to be taken by the more help link. Possible to send to external page or show other modal.\n   */\n  onTroubleshootingClick: () => void;\n  /**\n   * Localization strings for DomainPermissions component.\n   */\n  strings: DomainPermissionsStrings;\n}\n\n/**\n * @beta\n * Strings for DomainPermissions component\n */\nexport interface DomainPermissionsStrings {\n  /**\n   * Main text string.\n   */\n  primaryText: string;\n  /**\n   * Subtext string.\n   */\n  secondaryText: string;\n  /**\n   * More help link string.\n   */\n  linkText: string;\n}\n\n/* @conditional-compile-remove(call-readiness) */\nconst DomainPermissionsContainer = (props: DomainPermissionsProps): JSX.Element => {\n  const { appName, onTroubleshootingClick, strings } = props;\n  const theme = useTheme();\n  return (\n    <Stack style={{ padding: '2rem', maxWidth: '25.375rem' }}>\n      <Stack horizontal style={{ paddingBottom: '1rem' }} horizontalAlign={'space-between'}>\n        <Stack styles={iconContainerStyles} horizontalAlign={'center'}>\n          <Icon styles={iconPrimaryStyles} iconName={'DomainPermissionCamera'}></Icon>\n        </Stack>\n        <Stack styles={iconContainerStyles} horizontalAlign={'center'}>\n          <Icon styles={sparkleIconBackdropStyles(theme)} iconName={'DomainPermissionsSparkle'}></Icon>\n        </Stack>\n        <Stack styles={iconContainerStyles} horizontalAlign={'center'}>\n          <Icon styles={iconPrimaryStyles} iconName={'DomainPermissionMic'}></Icon>\n        </Stack>\n      </Stack>\n      <Stack styles={textContainerStyles}>\n        <Text styles={primaryTextStyles}>{_formatString(strings.primaryText, { appName: appName })}</Text>\n        <Text styles={secondaryTextStyles}>{strings.secondaryText}</Text>\n        <Link styles={linkTextStyles} onClick={onTroubleshootingClick}>\n          {strings.linkText}\n        </Link>\n      </Stack>\n    </Stack>\n  );\n};\n\n/**\n * @beta\n *\n * Component to allow Contoso to help their end user with their devices should their permissions be blocked\n * by their browsers settings.\n */\nexport const DomainPermissions = (props: DomainPermissionsProps): JSX.Element => {\n  /* @conditional-compile-remove(call-readiness) */\n  const locale = useLocale().strings.DomainPermissions;\n  /* @conditional-compile-remove(call-readiness) */\n  return <DomainPermissionsContainer {...props} strings={props.strings ? props.strings : locale} />;\n  return <></>;\n};\n\"../../../acs-ui-common/src\""]}

package/dist/dist-esm/react-components/src/components/UnsupportedBrowser.d.ts

@@ -1,32 +0,0 @@
-/// <reference types="react" />
-/**
- * Strings for UnsupportedBrowser component
- *
- * @beta
- */
-export interface UnsupportedBrowserStrings {
-    /** String for the primary text */
-    primaryText: string;
-    /** String for the secondary text */
-    secondaryText: string;
-    /** String for the help link */
-    moreHelpLink: string;
-}
-/**
- * props for UnsupportedBrowser UI
- *
- * @beta
- */
-export interface UnsupportedBrowserProps {
-    /** Handler to perform a action when the help link is actioned */
-    onTroubleShootingClick: () => void;
-    /** String overrides for the component */
-    strings: UnsupportedBrowserStrings;
-}
-/**
- * UI to display to the user that the browser they are using is not supported by calling application.
- *
- * @beta
- */
-export declare const UnsupportedBrowser: (props: UnsupportedBrowserProps) => JSX.Element;
-//# sourceMappingURL=UnsupportedBrowser.d.ts.map

package/dist/dist-esm/react-components/src/components/UnsupportedBrowser.js

@@ -1,33 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-/* @conditional-compile-remove(unsupported-browser) */
-import { Icon, Link, Stack, Text } from '@fluentui/react';
-import React from 'react';
-/* @conditional-compile-remove(unsupported-browser) */
-import { useLocale } from '../localization';
-/* @conditional-compile-remove(unsupported-browser) */
-import { containerStyles, iconStyles, linkTextStyles, mainTextStyles, secondaryTextStyles } from './styles/UnsupportedBrowser.styles';
-/* @conditional-compile-remove(unsupported-browser) */
-const UnsupportedBrowserContainer = (props) => {
-    const { onTroubleShootingClick, strings } = props;
-    return (React.createElement(Stack, { styles: containerStyles },
-        React.createElement(Icon, { styles: iconStyles, iconName: "UnsupportedBrowserWarning" }),
-        React.createElement(Text, { styles: mainTextStyles }, strings.primaryText),
-        React.createElement(Text, { styles: secondaryTextStyles }, strings.secondaryText),
-        React.createElement(Link, { styles: linkTextStyles, onClick: () => {
-                onTroubleShootingClick();
-            } }, strings.moreHelpLink)));
-};
-/**
- * UI to display to the user that the browser they are using is not supported by calling application.
- *
- * @beta
- */
-export const UnsupportedBrowser = (props) => {
-    /* @conditional-compile-remove(unsupported-browser) */
-    const strings = useLocale().strings.UnsupportedBrowser;
-    /* @conditional-compile-remove(unsupported-browser) */
-    return React.createElement(UnsupportedBrowserContainer, Object.assign({}, props, { strings: strings }));
-    return React.createElement(React.Fragment, null);
-};
-//# sourceMappingURL=UnsupportedBrowser.js.map

package/dist/dist-esm/react-components/src/components/UnsupportedBrowser.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UnsupportedBrowser.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/UnsupportedBrowser.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,sDAAsD;AACtD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAG1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,sDAAsD;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,sDAAsD;AACtD,OAAO,EACL,eAAe,EACf,UAAU,EACV,cAAc,EACd,cAAc,EACd,mBAAmB,EACpB,MAAM,oCAAoC,CAAC;AA4B5C,sDAAsD;AACtD,MAAM,2BAA2B,GAAG,CAAC,KAA8B,EAAe,EAAE;IAClF,MAAM,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAClD,OAAO,CACL,oBAAC,KAAK,IAAC,MAAM,EAAE,eAAe;QAC5B,oBAAC,IAAI,IAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAC,2BAA2B,GAAQ;QACtE,oBAAC,IAAI,IAAC,MAAM,EAAE,cAAc,IAAG,OAAO,CAAC,WAAW,CAAQ;QAC1D,oBAAC,IAAI,IAAC,MAAM,EAAE,mBAAmB,IAAG,OAAO,CAAC,aAAa,CAAQ;QACjE,oBAAC,IAAI,IACH,MAAM,EAAE,cAAc,EACtB,OAAO,EAAE,GAAG,EAAE;gBACZ,sBAAsB,EAAE,CAAC;YAC3B,CAAC,IAEA,OAAO,CAAC,YAAY,CAChB,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAe,EAAE;IAChF,sDAAsD;IACtD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;IACvD,sDAAsD;IACtD,OAAO,oBAAC,2BAA2B,oBAAK,KAAK,IAAE,OAAO,EAAE,OAAO,IAAI,CAAC;IACpE,OAAO,yCAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\n/* @conditional-compile-remove(unsupported-browser) */\nimport { Icon, Link, Stack, Text } from '@fluentui/react';\n/* @conditional-compile-remove(unsupported-browser) */\nimport { _pxToRem } from '@internal/acs-ui-common';\nimport React from 'react';\n/* @conditional-compile-remove(unsupported-browser) */\nimport { useLocale } from '../localization';\n/* @conditional-compile-remove(unsupported-browser) */\nimport {\n  containerStyles,\n  iconStyles,\n  linkTextStyles,\n  mainTextStyles,\n  secondaryTextStyles\n} from './styles/UnsupportedBrowser.styles';\n\n/**\n * Strings for UnsupportedBrowser component\n *\n * @beta\n */\nexport interface UnsupportedBrowserStrings {\n  /** String for the primary text */\n  primaryText: string;\n  /** String for the secondary text */\n  secondaryText: string;\n  /** String for the help link */\n  moreHelpLink: string;\n}\n\n/**\n * props for UnsupportedBrowser UI\n *\n * @beta\n */\nexport interface UnsupportedBrowserProps {\n  /** Handler to perform a action when the help link is actioned */\n  onTroubleShootingClick: () => void;\n  /** String overrides for the component */\n  strings: UnsupportedBrowserStrings;\n}\n\n/* @conditional-compile-remove(unsupported-browser) */\nconst UnsupportedBrowserContainer = (props: UnsupportedBrowserProps): JSX.Element => {\n  const { onTroubleShootingClick, strings } = props;\n  return (\n    <Stack styles={containerStyles}>\n      <Icon styles={iconStyles} iconName=\"UnsupportedBrowserWarning\"></Icon>\n      <Text styles={mainTextStyles}>{strings.primaryText}</Text>\n      <Text styles={secondaryTextStyles}>{strings.secondaryText}</Text>\n      <Link\n        styles={linkTextStyles}\n        onClick={() => {\n          onTroubleShootingClick();\n        }}\n      >\n        {strings.moreHelpLink}\n      </Link>\n    </Stack>\n  );\n};\n\n/**\n * UI to display to the user that the browser they are using is not supported by calling application.\n *\n * @beta\n */\nexport const UnsupportedBrowser = (props: UnsupportedBrowserProps): JSX.Element => {\n  /* @conditional-compile-remove(unsupported-browser) */\n  const strings = useLocale().strings.UnsupportedBrowser;\n  /* @conditional-compile-remove(unsupported-browser) */\n  return <UnsupportedBrowserContainer {...props} strings={strings} />;\n  return <></>;\n};\n\"../../../acs-ui-common/src\""]}

package/dist/dist-esm/react-components/src/components/styles/DomainPermissions.styles.d.ts

@@ -1,30 +0,0 @@
-import { IIconStyles, ILinkStyles, IStackStyles, ITextStyles, Theme } from '@fluentui/react';
-/**
- * @internal
- */
-export declare const iconContainerStyles: IStackStyles;
-/**
- * @internal
- */
-export declare const textContainerStyles: IStackStyles;
-/**
- * @internal
- */
-export declare const iconPrimaryStyles: IIconStyles;
-/**
- * @internal
- */
-export declare const sparkleIconBackdropStyles: (theme: Theme) => IIconStyles;
-/**
- * @internal
- */
-export declare const primaryTextStyles: ITextStyles;
-/**
- * @internal
- */
-export declare const secondaryTextStyles: ITextStyles;
-/**
- * @internal
- */
-export declare const linkTextStyles: ILinkStyles;
-//# sourceMappingURL=DomainPermissions.styles.d.ts.map

package/dist/dist-esm/react-components/src/components/styles/DomainPermissions.styles.js

@@ -1,72 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import { _pxToRem } from "../../../../acs-ui-common/src";
-/**
- * @internal
- */
-export const iconContainerStyles = {
-    root: {
-        margin: 'auto',
-        position: 'relative'
-    }
-};
-/**
- * @internal
- */
-export const textContainerStyles = {
-    root: {
-        margin: 'auto',
-        textAlign: 'center'
-    }
-};
-/**
- * @internal
- */
-export const iconPrimaryStyles = {
-    root: {
-        zIndex: 1,
-        margin: 'auto'
-    }
-};
-/**
- * @internal
- */
-export const sparkleIconBackdropStyles = (theme) => {
-    return {
-        root: {
-            color: theme.palette.themeLighterAlt
-        }
-    };
-};
-/**
- * @internal
- */
-export const primaryTextStyles = {
-    root: {
-        fontWeight: 600,
-        fontSize: _pxToRem(20),
-        lineHeight: _pxToRem(28),
-        paddingBottom: '1rem'
-    }
-};
-/**
- * @internal
- */
-export const secondaryTextStyles = {
-    root: {
-        margin: 'auto',
-        fontWeight: 400,
-        paddingBottom: '0.5rem'
-    }
-};
-/**
- * @internal
- */
-export const linkTextStyles = {
-    root: {
-        margin: 'auto',
-        fontWeight: 600,
-        textAlign: 'inherit'
-    }
-};
-//# sourceMappingURL=DomainPermissions.styles.js.map

package/dist/dist-esm/react-components/src/components/styles/DomainPermissions.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DomainPermissions.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/DomainPermissions.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,EAAE,QAAQ,EAAE,sCAAgC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAiB;IAC/C,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,UAAU;KACrB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAiB;IAC/C,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAgB;IAC5C,IAAI,EAAE;QACJ,MAAM,EAAE,CAAC;QACT,MAAM,EAAE,MAAM;KACf;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,KAAY,EAAe,EAAE;IACrE,OAAO;QACL,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe;SACrC;KACF,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAgB;IAC5C,IAAI,EAAE;QACJ,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;QACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;QACxB,aAAa,EAAE,MAAM;KACtB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAgB;IAC9C,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,GAAG;QACf,aAAa,EAAE,QAAQ;KACxB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAgB;IACzC,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,GAAG;QACf,SAAS,EAAE,SAAS;KACrB;CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IIconStyles, ILinkStyles, IStackStyles, ITextStyles, Theme } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/**\n * @internal\n */\nexport const iconContainerStyles: IStackStyles = {\n  root: {\n    margin: 'auto',\n    position: 'relative'\n  }\n};\n\n/**\n * @internal\n */\nexport const textContainerStyles: IStackStyles = {\n  root: {\n    margin: 'auto',\n    textAlign: 'center'\n  }\n};\n\n/**\n * @internal\n */\nexport const iconPrimaryStyles: IIconStyles = {\n  root: {\n    zIndex: 1,\n    margin: 'auto'\n  }\n};\n\n/**\n * @internal\n */\nexport const sparkleIconBackdropStyles = (theme: Theme): IIconStyles => {\n  return {\n    root: {\n      color: theme.palette.themeLighterAlt\n    }\n  };\n};\n\n/**\n * @internal\n */\nexport const primaryTextStyles: ITextStyles = {\n  root: {\n    fontWeight: 600,\n    fontSize: _pxToRem(20),\n    lineHeight: _pxToRem(28),\n    paddingBottom: '1rem'\n  }\n};\n\n/**\n * @internal\n */\nexport const secondaryTextStyles: ITextStyles = {\n  root: {\n    margin: 'auto',\n    fontWeight: 400,\n    paddingBottom: '0.5rem'\n  }\n};\n\n/**\n * @internal\n */\nexport const linkTextStyles: ILinkStyles = {\n  root: {\n    margin: 'auto',\n    fontWeight: 600,\n    textAlign: 'inherit'\n  }\n};\n\"../../../../acs-ui-common/src\""]}

package/dist/dist-esm/react-components/src/components/styles/UnsupportedBrowser.styles.d.ts

@@ -1,22 +0,0 @@
-import { IIconStyles, ILinkStyles, IStackStyles, ITextStyles } from '@fluentui/react';
-/**
- * @internal
- */
-export declare const mainTextStyles: ITextStyles;
-/**
- * @internal
- */
-export declare const secondaryTextStyles: ITextStyles;
-/**
- * @internal
- */
-export declare const linkTextStyles: ILinkStyles;
-/**
- * @internal
- */
-export declare const containerStyles: IStackStyles;
-/**
- * @interal
- */
-export declare const iconStyles: IIconStyles;
-//# sourceMappingURL=UnsupportedBrowser.styles.d.ts.map

package/dist/dist-esm/react-components/src/components/styles/UnsupportedBrowser.styles.js

@@ -1,53 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import { _pxToRem } from "../../../../acs-ui-common/src";
-/**
- * @internal
- */
-export const mainTextStyles = {
-    root: {
-        fontWeight: 600,
-        fontSize: _pxToRem(20),
-        lineHeight: _pxToRem(28),
-        paddingBottom: '1rem',
-        margin: 'auto'
-    }
-};
-/**
- * @internal
- */
-export const secondaryTextStyles = {
-    root: {
-        margin: 'auto',
-        fontWeight: 400,
-        paddingBottom: '0.5rem'
-    }
-};
-/**
- * @internal
- */
-export const linkTextStyles = {
-    root: {
-        margin: 'auto',
-        fontWeight: 600,
-        textAlign: 'inherit'
-    }
-};
-/**
- * @internal
- */
-export const containerStyles = {
-    root: {
-        padding: '2rem',
-        maxWidth: '25.374rem'
-    }
-};
-/**
- * @interal
- */
-export const iconStyles = {
-    root: {
-        paddingBottom: '1rem'
-    }
-};
-//# sourceMappingURL=UnsupportedBrowser.styles.js.map

package/dist/dist-esm/react-components/src/components/styles/UnsupportedBrowser.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UnsupportedBrowser.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/UnsupportedBrowser.styles.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,EAAE,QAAQ,EAAE,sCAAgC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAgB;IACzC,IAAI,EAAE;QACJ,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;QACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;QACxB,aAAa,EAAE,MAAM;QACrB,MAAM,EAAE,MAAM;KACf;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAgB;IAC9C,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,GAAG;QACf,aAAa,EAAE,QAAQ;KACxB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAgB;IACzC,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,GAAG;QACf,SAAS,EAAE,SAAS;KACrB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAiB;IAC3C,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,WAAW;KACtB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAgB;IACrC,IAAI,EAAE;QACJ,aAAa,EAAE,MAAM;KACtB;CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IIconStyles, ILinkStyles, IStackStyles, ITextStyles } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/**\n * @internal\n */\nexport const mainTextStyles: ITextStyles = {\n  root: {\n    fontWeight: 600,\n    fontSize: _pxToRem(20),\n    lineHeight: _pxToRem(28),\n    paddingBottom: '1rem',\n    margin: 'auto'\n  }\n};\n\n/**\n * @internal\n */\nexport const secondaryTextStyles: ITextStyles = {\n  root: {\n    margin: 'auto',\n    fontWeight: 400,\n    paddingBottom: '0.5rem'\n  }\n};\n\n/**\n * @internal\n */\nexport const linkTextStyles: ILinkStyles = {\n  root: {\n    margin: 'auto',\n    fontWeight: 600,\n    textAlign: 'inherit'\n  }\n};\n\n/**\n * @internal\n */\nexport const containerStyles: IStackStyles = {\n  root: {\n    padding: '2rem',\n    maxWidth: '25.374rem'\n  }\n};\n\n/**\n * @interal\n */\nexport const iconStyles: IIconStyles = {\n  root: {\n    paddingBottom: '1rem'\n  }\n};\n\"../../../../acs-ui-common/src\""]}