fcr-ui-scene 3.8.1-alpha → 3.8.1

package/lib/modules/device-pretest/index.css

@@ -1,123 +1,123 @@
-.fcr-meeting-preview__wrapper {
-  /* TODO: for dev */
-  padding: 100px 160px 0px;
-}
-
-.fcr-meeting-preview__close {
-  position: absolute;
-  top: 25px;
-  right: 40px;
-  height: 50px;
-  width: 50px;
-  margin-bottom: 20px;
-  align-self: flex-end;
-  margin-right: 20px;
-  cursor: pointer;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  /* TODO */
-  background: #f2f2fa;
-}
-
-.fcr-meeting-preview__close:hover {
-  /* TODO */
-  background: #4262ff;
-}
-
-.fcr-meeting-preview__close:hover path {
-  /* TODO */
-  fill: #ffffff;
-}
-
-.fcr-speaker-control-wrapper {
-  display: flex;
-  align-items: center;
-
-  background-color: var(--fcr_web_ui_scene_fill3);
-  border: 0.5px solid var(--fcr_ui_scene_line1);
-  border-radius: var(--fcr_cornerradius_l);
-
-  height: 40px;
-  min-width: 160px;
-  padding: 0 14px 0 4px;
-}
-
-.fcr-speak-louder-bg {
-  height: 30px;
-  width: 30px;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: var(--fcr_cornerradius_m);
-  background: var(--fcr_web_ui_scene_fill3);
-}
-
-.fcr-speak-louder-bg:hover {
-  /* TODO: 缺色值 */
-  background-color: var(--fcr_ui_scene_hover);
-  background-color: #4262ff1a;
-}
-
-.fcr-speaker-control__slider {
-  margin-left: 6px;
-  flex: 1;
-}
-
-.fcr-video-settings-basic_preview {
-  padding-top: 20px;
-  padding: 0 16px;
-  background-color: var(--fcr_mobile_ui_scene_color_popup_block5);
-  border-radius: var(--fcr_cornerradius_s);
-}
-
-.fcr-video-settings-basic_preview__form-row {
-  display: flex;
-  width: 100%;
-  gap: 8px;
-}
-
-.fcr-video-settings-basic_preview__form-column {
-  display: flex;
-  flex: 1;
-}
-
-.fcr-video-settings-basic_preview__form-column-max-width {
-  max-width: 50%;
-}
-
-.fcr-video-settings-basic_preview__form-item {
-  flex: 1;
-  width: 100%;
-}
-
-.fcr-video-settings-basic_preview__form-label {
-  padding: 10px 0;
-  font-family: Helvetica Neue;
-}
-
-.fcr-video-settings-basic_preview__form-column .label--l {
-  font-weight: 700;
-  font-size: 15px;
-  line-height: 15px;
-}
-
-.fcr-video-settings-basic_preview__form-label-inline {
-  display: flex;
-  align-items: center;
-}
-
-.fcr-video-settings-basic_preview__form-column .fcr-microphone-detection {
-  padding: 0;
-}
-
-.fcr-video-settings-basic_preview__form-column .fcr-speaker-detection {
-  padding: 0;
-}
-
-.fcr-video-settings-basic_preview__form-column .fcr-volume-indicator {
-  padding: 0 0 0 10px;
-  flex: 1;
-}
+.fcr-meeting-preview__wrapper {
+  /* TODO: for dev */
+  padding: 100px 160px 0px;
+}
+
+.fcr-meeting-preview__close {
+  position: absolute;
+  top: 25px;
+  right: 40px;
+  height: 50px;
+  width: 50px;
+  margin-bottom: 20px;
+  align-self: flex-end;
+  margin-right: 20px;
+  cursor: pointer;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  /* TODO */
+  background: #f2f2fa;
+}
+
+.fcr-meeting-preview__close:hover {
+  /* TODO */
+  background: #4262ff;
+}
+
+.fcr-meeting-preview__close:hover path {
+  /* TODO */
+  fill: #ffffff;
+}
+
+.fcr-speaker-control-wrapper {
+  display: flex;
+  align-items: center;
+
+  background-color: var(--fcr_web_ui_scene_fill3);
+  border: 0.5px solid var(--fcr_ui_scene_line1);
+  border-radius: var(--fcr_cornerradius_l);
+
+  height: 40px;
+  min-width: 160px;
+  padding: 0 14px 0 4px;
+}
+
+.fcr-speak-louder-bg {
+  height: 30px;
+  width: 30px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--fcr_cornerradius_m);
+  background: var(--fcr_web_ui_scene_fill3);
+}
+
+.fcr-speak-louder-bg:hover {
+  /* TODO: 缺色值 */
+  background-color: var(--fcr_ui_scene_hover);
+  background-color: #4262ff1a;
+}
+
+.fcr-speaker-control__slider {
+  margin-left: 6px;
+  flex: 1;
+}
+
+.fcr-video-settings-basic_preview {
+  padding-top: 20px;
+  padding: 0 16px;
+  background-color: var(--fcr_mobile_ui_scene_color_popup_block5);
+  border-radius: var(--fcr_cornerradius_s);
+}
+
+.fcr-video-settings-basic_preview__form-row {
+  display: flex;
+  width: 100%;
+  gap: 8px;
+}
+
+.fcr-video-settings-basic_preview__form-column {
+  display: flex;
+  flex: 1;
+}
+
+.fcr-video-settings-basic_preview__form-column-max-width {
+  max-width: 50%;
+}
+
+.fcr-video-settings-basic_preview__form-item {
+  flex: 1;
+  width: 100%;
+}
+
+.fcr-video-settings-basic_preview__form-label {
+  padding: 10px 0;
+  font-family: Helvetica Neue;
+}
+
+.fcr-video-settings-basic_preview__form-column .label--l {
+  font-weight: 700;
+  font-size: 15px;
+  line-height: 15px;
+}
+
+.fcr-video-settings-basic_preview__form-label-inline {
+  display: flex;
+  align-items: center;
+}
+
+.fcr-video-settings-basic_preview__form-column .fcr-microphone-detection {
+  padding: 0;
+}
+
+.fcr-video-settings-basic_preview__form-column .fcr-speaker-detection {
+  padding: 0;
+}
+
+.fcr-video-settings-basic_preview__form-column .fcr-volume-indicator {
+  padding: 0 0 0 10px;
+  flex: 1;
+}

package/lib/modules/dialog/components/confirm/index.css

@@ -1,24 +1,24 @@
-.fcr-event-confirm-wrapper.fcr-event-confirm-container {
-  width: 100vw;
-  height: 100vh;
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 2000;
-  pointer-events: none;
-}
-
-.fcr-event-confirm-wrapper.fcr-event-confirm-container div {
-  pointer-events: all;
-}
-
-.fcr-confirm-dialog-wrapper {
-  background: #fff;
-}
-
-.fcr-confirm-dialog-wrapper_web {
-  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
-  border-radius: var(--fcr_cornerradius_xl);
-  box-shadow: var(--fcr_web_light_dropup);
-  border: 1px solid var(--fcr_ui_scene_line1);
-}
+.fcr-event-confirm-wrapper.fcr-event-confirm-container {
+  width: 100vw;
+  height: 100vh;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 2000;
+  pointer-events: none;
+}
+
+.fcr-event-confirm-wrapper.fcr-event-confirm-container div {
+  pointer-events: all;
+}
+
+.fcr-confirm-dialog-wrapper {
+  background: #fff;
+}
+
+.fcr-confirm-dialog-wrapper_web {
+  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
+  border-radius: var(--fcr_cornerradius_xl);
+  box-shadow: var(--fcr_web_light_dropup);
+  border: 1px solid var(--fcr_ui_scene_line1);
+}

package/lib/modules/dialog/components/dialog-container/index.css

@@ -1,112 +1,112 @@
-.fcr-dialog-container {
-  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
-  position: relative;
-  flex: 1;
-  width: 100%;
-  /* height: 100%; 此处设置 100% 会影响自适应高度布局 */
-  box-sizing: border-box;
-  overflow: hidden;
-  font-family:
-    ui-sans-serif,
-    system-ui,
-    -apple-system,
-    BlinkMacSystemFont,
-    'Segoe UI',
-    Roboto,
-    'Helvetica Neue',
-    Arial,
-    'Noto Sans',
-    sans-serif,
-    'Apple Color Emoji',
-    'Segoe UI Emoji',
-    'Segoe UI Symbol',
-    'Noto Color Emoji';
-  font-size: 14px;
-  z-index: 0;
-}
-
-::-webkit-scrollbar {
-  display: none;
-}
-.fcr-dialog-container_shadow {
-  box-shadow: var(--fcr_web_light_dropup);
-  border: 1px solid var(--fcr_ui_scene_line1);
-  border-radius: var(--fcr_cornerradius_xl);
-}
-
-.fcr-dialog-container-header {
-  width: 100%;
-  height: 46px;
-  display: flex;
-  align-items: center;
-  -webkit-app-region: drag;
-  color: var(--fcr_ui_scene_icontext1);
-  justify-content: center;
-  cursor: move;
-  border-radius: var(--fcr_cornerradius_xl);
-}
-
-.fcr-dialog-container-header h2 {
-  font-size: 16px;
-  font-weight: 700;
-  display: flex;
-  flex: 3;
-  align-items: center;
-  justify-content: center;
-  color: var(--fcr_ui_scene_icontext1);
-}
-
-.fcr-dialog-container-actions {
-  flex: 1;
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  padding-right: 10px;
-}
-
-.fcr-dialog-container-actions .frc-window-header__icon {
-  margin-left: 5px;
-}
-· .fcr-dialog-container-content {
-  position: relative;
-  border-bottom-left-radius: var(--fcr_cornerradius_xl);
-  border-bottom-right-radius: var(--fcr_cornerradius_xl);
-  overflow: hidden;
-}
-
-.fcr-dialog-container-content::-webkit-scrollbar {
-  display: none;
-}
-
-.fcr-dialog-container .fcr-dialog-container-content:first-child {
-  border-top-left-radius: var(--fcr_cornerradius_xl);
-  border-top-right-radius: var(--fcr_cornerradius_xl);
-}
-
-.fcr-dialog-container-close {
-  width: 14px;
-  height: 14px;
-  border-radius: 50%;
-  background: var(--fcr_ui_scene_ramp_red6);
-  position: absolute;
-  left: 15px;
-  top: 15px;
-  display: block;
-  cursor: pointer;
-  -webkit-app-region: no-drag;
-  text-align: center;
-  line-height: 14px;
-}
-
-.fcr-dialog-container-close span {
-  display: none;
-}
-
-.fcr-dialog-container-close:hover span {
-  display: block;
-  color: #fff;
-}
-
-.fcr-dialog-container-close:hover {
-  color: var(--fcr_ui_scene_ramp_red7);
-}
+.fcr-dialog-container {
+  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
+  position: relative;
+  flex: 1;
+  width: 100%;
+  /* height: 100%; 此处设置 100% 会影响自适应高度布局 */
+  box-sizing: border-box;
+  overflow: hidden;
+  font-family:
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    'Helvetica Neue',
+    Arial,
+    'Noto Sans',
+    sans-serif,
+    'Apple Color Emoji',
+    'Segoe UI Emoji',
+    'Segoe UI Symbol',
+    'Noto Color Emoji';
+  font-size: 14px;
+  z-index: 0;
+}
+
+::-webkit-scrollbar {
+  display: none;
+}
+.fcr-dialog-container_shadow {
+  box-shadow: var(--fcr_web_light_dropup);
+  border: 1px solid var(--fcr_ui_scene_line1);
+  border-radius: var(--fcr_cornerradius_xl);
+}
+
+.fcr-dialog-container-header {
+  width: 100%;
+  height: 46px;
+  display: flex;
+  align-items: center;
+  -webkit-app-region: drag;
+  color: var(--fcr_ui_scene_icontext1);
+  justify-content: center;
+  cursor: move;
+  border-radius: var(--fcr_cornerradius_xl);
+}
+
+.fcr-dialog-container-header h2 {
+  font-size: 16px;
+  font-weight: 700;
+  display: flex;
+  flex: 3;
+  align-items: center;
+  justify-content: center;
+  color: var(--fcr_ui_scene_icontext1);
+}
+
+.fcr-dialog-container-actions {
+  flex: 1;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  padding-right: 10px;
+}
+
+.fcr-dialog-container-actions .frc-window-header__icon {
+  margin-left: 5px;
+}
+· .fcr-dialog-container-content {
+  position: relative;
+  border-bottom-left-radius: var(--fcr_cornerradius_xl);
+  border-bottom-right-radius: var(--fcr_cornerradius_xl);
+  overflow: hidden;
+}
+
+.fcr-dialog-container-content::-webkit-scrollbar {
+  display: none;
+}
+
+.fcr-dialog-container .fcr-dialog-container-content:first-child {
+  border-top-left-radius: var(--fcr_cornerradius_xl);
+  border-top-right-radius: var(--fcr_cornerradius_xl);
+}
+
+.fcr-dialog-container-close {
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  background: var(--fcr_ui_scene_ramp_red6);
+  position: absolute;
+  left: 15px;
+  top: 15px;
+  display: block;
+  cursor: pointer;
+  -webkit-app-region: no-drag;
+  text-align: center;
+  line-height: 14px;
+}
+
+.fcr-dialog-container-close span {
+  display: none;
+}
+
+.fcr-dialog-container-close:hover span {
+  display: block;
+  color: #fff;
+}
+
+.fcr-dialog-container-close:hover {
+  color: var(--fcr_ui_scene_ramp_red7);
+}

package/lib/modules/dialog/dialogs/confirm/index.css

@@ -1,24 +1,24 @@
-.fcr-event-confirm-wrapper.fcr-event-confirm-container {
-  width: 100vw;
-  height: 100vh;
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 2000;
-  pointer-events: none;
-}
-
-.fcr-event-confirm-wrapper.fcr-event-confirm-container div {
-  pointer-events: all;
-}
-
-.fcr-confirm-dialog-wrapper {
-  background: #fff;
-}
-
-.fcr-confirm-dialog-wrapper_web {
-  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
-  border-radius: var(--fcr_cornerradius_xl);
-  box-shadow: var(--fcr_web_light_dropup);
-  border: 1px solid var(--fcr_ui_scene_line1);
-}
+.fcr-event-confirm-wrapper.fcr-event-confirm-container {
+  width: 100vw;
+  height: 100vh;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 2000;
+  pointer-events: none;
+}
+
+.fcr-event-confirm-wrapper.fcr-event-confirm-container div {
+  pointer-events: all;
+}
+
+.fcr-confirm-dialog-wrapper {
+  background: #fff;
+}
+
+.fcr-confirm-dialog-wrapper_web {
+  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
+  border-radius: var(--fcr_cornerradius_xl);
+  box-shadow: var(--fcr_web_light_dropup);
+  border: 1px solid var(--fcr_ui_scene_line1);
+}

package/lib/modules/dialog/dialogs/connection-gateway/tabs.d.ts

@@ -3,4 +3,5 @@ export declare const GatewayConnectorTabs: (props: {
     type: string;
     computerChildren: ReactNode;
     phoneChildren: ReactNode;
+    contactsChildren: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/dialog/dialogs/connection-gateway/tabs.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.GatewayConnectorTabs = void 0;
 require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.function.name.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _mobxReact = require("mobx-react");
 var _tabFrame = _interopRequireDefault(require("../../../components/tab-frame"));
@@ -18,29 +20,40 @@ var _jsxRuntime = require("react/jsx-runtime");
 var GatewayConnectorTabs = exports.GatewayConnectorTabs = (0, _mobxReact.observer)(function (props) {
   var type = props.type,
     computerChildren = props.computerChildren,
-    phoneChildren = props.phoneChildren;
+    phoneChildren = props.phoneChildren,
+    contactsChildren = props.contactsChildren;
   var _useContext = (0, _react.useContext)(_store.StoreContext),
     connectType = _useContext.connectType,
-    hasOwnPstnStream = _useContext.hasOwnPstnStream;
+    hasOwnPstnStream = _useContext.hasOwnPstnStream,
+    widgetConfigByContacts = _useContext.widgetConfigByContacts;
   var _useState = (0, _react.useState)("".concat(type)),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     activeTabKey = _useState2[0],
     setActiveTabKey = _useState2[1];
+  var tabs = [{
+    label: "".concat((0, _i18n.transI18n)('fmt_PSTN_label_pcaudio')).concat(connectType === _type.FcrUIConnectType.COMPUTER ? "-".concat((0, _i18n.transI18n)('fmt_PSTN_status_connected')) : ''),
+    key: 'computer',
+    content: computerChildren
+  }, {
+    label: "".concat((0, _i18n.transI18n)('fmt_pstn_options_phoneaudio')).concat(hasOwnPstnStream ? "-".concat((0, _i18n.transI18n)('fmt_PSTN_status_connected')) : ''),
+    key: 'phone',
+    content: phoneChildren
+  }];
+  if (widgetConfigByContacts) {
+    tabs.push({
+      label: widgetConfigByContacts.name,
+      key: widgetConfigByContacts.id,
+      content: contactsChildren
+    });
+  }
+  var onChange = function onChange(tab) {
+    setActiveTabKey(tab);
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tabFrame["default"], {
       activeKey: activeTabKey,
-      onChange: function onChange(tab) {
-        return setActiveTabKey(tab);
-      },
-      tabs: [{
-        label: "".concat((0, _i18n.transI18n)('fmt_PSTN_label_pcaudio')).concat(connectType === _type.FcrUIConnectType.COMPUTER ? "-".concat((0, _i18n.transI18n)('fmt_PSTN_status_connected')) : ''),
-        key: 'computer',
-        content: computerChildren
-      }, {
-        label: "".concat((0, _i18n.transI18n)('fmt_pstn_options_phoneaudio')).concat(hasOwnPstnStream ? "-".concat((0, _i18n.transI18n)('fmt_PSTN_status_connected')) : ''),
-        key: 'phone',
-        content: phoneChildren
-      }]
+      onChange: onChange,
+      tabs: tabs
     })
   });
 });