fcr-ui-scene 3.9.0 → 3.9.1-alpha

package/lib/modules/connection-gateway/types.d.ts

@@ -1,8 +0,0 @@
-import { FcrUIObjectManager } from '../../object-manager';
-export type ConnectListType = {
-    phone: string;
-    zone: string;
-};
-export type ConnectionGatewayStoreArgs = {
-    objectManager: FcrUIObjectManager;
-};

package/lib/modules/connection-gateway/types.js

@@ -1,6 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/lib/modules/connection-gateway/view.d.ts

@@ -1 +0,0 @@
-export declare const View: () => import("react/jsx-runtime").JSX.Element;

package/lib/modules/connection-gateway/view.js

@@ -1,39 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.View = void 0;
-require("core-js/modules/es.array.concat.js");
-var _react = require("react");
-var _computer = _interopRequireDefault(require("./components/computer"));
-var _phone = _interopRequireDefault(require("./components/phone"));
-var _mobxReact = require("mobx-react");
-var _store = require("./store");
-var _tabFrame = _interopRequireDefault(require("../components/tab-frame"));
-var _i18n = require("agora-ui-foundation/lib/i18n");
-var _type = require("../../type");
-var _jsxRuntime = require("react/jsx-runtime");
-var View = exports.View = (0, _mobxReact.observer)(function () {
-  var _useContext = (0, _react.useContext)(_store.StoreContext),
-    activeTabKey = _useContext.activeTabKey,
-    connectType = _useContext.connectType,
-    hasOwnPstnStream = _useContext.hasOwnPstnStream,
-    onTabChange = _useContext.onTabChange;
-  var transI18n = (0, _i18n.useI18n)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tabFrame["default"], {
-    activeKey: activeTabKey,
-    onChange: onTabChange,
-    tabs: [{
-      label: "".concat(transI18n('fmt_PSTN_label_pcaudio')).concat(connectType === _type.FcrUIConnectType.COMPUTER ? "-".concat(transI18n('fmt_PSTN_status_connected')) : ''),
-      key: 'computer',
-      content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_computer["default"], {})
-    }, {
-      label: "".concat(transI18n('fmt_pstn_options_phoneaudio')).concat(hasOwnPstnStream ? "-".concat(transI18n('fmt_PSTN_status_connected')) : ''),
-      key: 'phone',
-      content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_phone["default"], {})
-    }]
-  });
-});

package/lib-es/modules/connection-gateway/components/computer/index.css

@@ -1,12 +0,0 @@
-.connector-computer {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  width: 100%;
-  height: 350px;
-}
-.connector-computer .fcr-button {
-  margin-bottom: 15px;
-  width: 260px;
-}

package/lib-es/modules/connection-gateway/components/computer/index.js

@@ -1,59 +0,0 @@
-import { FcrButton } from 'agora-ui-foundation/lib/components/button';
-import { FcrToolTip } from 'agora-ui-foundation/lib/components/tooltip';
-import { observer } from 'mobx-react';
-import { useContext } from 'react';
-import { StoreContext } from '../../store';
-import './index.css';
-import { useI18n } from 'agora-ui-foundation/lib/i18n';
-import { FcrUIConnectType } from '../../../../type';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var ConnectFromComputer = observer(function () {
-  var _useContext = useContext(StoreContext),
-    openAudioSettings = _useContext.openAudioSettings,
-    hasPstnStream = _useContext.hasPstnStream,
-    connectInfo = _useContext.connectInfo,
-    outgoingCall = _useContext.outgoingCall,
-    hasOwnPstnStream = _useContext.hasOwnPstnStream,
-    hasNeedMergedStream = _useContext.hasNeedMergedStream,
-    joinAudioByComputer = _useContext.joinAudioByComputer,
-    stopAudioByComputer = _useContext.stopAudioByComputer,
-    connectType = _useContext.connectType;
-  var transI18n = useI18n();
-  return /*#__PURE__*/_jsxs("div", {
-    className: "connector-computer",
-    children: [connectType === FcrUIConnectType.NONE && /*#__PURE__*/_jsx(FcrButton, {
-      size: "XS",
-      block: true,
-      className: "var(--fcrcornerradiusround) fcr_ui_scene_ramp_brand6",
-      onClick: joinAudioByComputer,
-      children: transI18n('fmt_pstn_label_accessmethodPC')
-    }), hasPstnStream && !outgoingCall && !hasOwnPstnStream && hasNeedMergedStream && /*#__PURE__*/_jsx("div", {
-      className: "connector-phone-alert",
-      children: transI18n('fmt_pstn_label_alreadyin', {
-        reason1: connectInfo === null || connectInfo === void 0 ? void 0 : connectInfo.phoneUserId
-      })
-    }), connectType === FcrUIConnectType.COMPUTER && /*#__PURE__*/_jsx(FcrButton, {
-      size: "XS",
-      styleType: "danger",
-      block: true,
-      className: "var(--fcrcornerradiusround)",
-      onClick: stopAudioByComputer,
-      children: transI18n('fmt_pstn_button_PCaudiostop')
-    }), connectType === FcrUIConnectType.PHONE && hasOwnPstnStream && /*#__PURE__*/_jsx(FcrToolTip, {
-      content: transI18n('fmt_pstn_tips_alreadyphone'),
-      children: /*#__PURE__*/_jsx(FcrButton, {
-        size: "XS",
-        block: true,
-        type: "secondary-bordered",
-        children: transI18n('fmt_pstn_status_unconnectted')
-      })
-    }), /*#__PURE__*/_jsx(FcrButton, {
-      size: "XS",
-      block: true,
-      type: "link",
-      onClick: openAudioSettings,
-      children: transI18n('fmt_pstn_button_devicetest')
-    })]
-  });
-});
-export default ConnectFromComputer;

package/lib-es/modules/connection-gateway/components/phone/components/callinfo/index.css

@@ -1,36 +0,0 @@
-.connector-phone-call_info {
-  color: var(--fcr_ui_scene_icontext1);
-  margin-top: 8px;
-}
-
-.connector-phone-call_info.disabled {
-  color: var(--fcr_ui_scene_icontext3);
-}
-
-.connector-phone-call_info .connector-phone-call_info-item:first-child {
-  margin-bottom: 11px;
-}
-
-.connector-phone-call_info-item {
-  height: 32px;
-  display: flex;
-  align-items: center;
-  font-size: 14px;
-}
-
-.connector-phone-call_info .fcr-select {
-  width: 180px;
-  border-color: var(--fcr_web_ui_scene_line4);
-  background: var(--fcr_ui_scene_input2);
-}
-
-.connector-phone-call_info-label {
-  width: 97px;
-  display: block;
-  text-align: right;
-  margin-right: 12px;
-}
-
-.connector-phone-call_info.disabled .fcr-select .fcr-select__selected {
-  color: var(--fcr_ui_scene_icontext3);
-}

package/lib-es/modules/connection-gateway/components/phone/components/callinfo/index.js

@@ -1,71 +0,0 @@
-import "core-js/modules/es.array.map.js";
-import "core-js/modules/es.array.slice.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/esnext.iterator.constructor.js";
-import "core-js/modules/esnext.iterator.map.js";
-import { FcrSelect } from 'agora-ui-foundation/lib/components/select';
-import './index.css';
-import { useI18n } from 'agora-ui-foundation/lib/i18n';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function ConnectionInfo(props) {
-  var _info$phoneNumberList;
-  var disabled = props.disabled,
-    value = props.value,
-    onChange = props.onChange,
-    info = props.info;
-  var transI18n = useI18n();
-  return /*#__PURE__*/_jsx("div", {
-    className: "connector-phone_inner",
-    children: /*#__PURE__*/_jsxs("ul", {
-      className: "connector-phone-call_info ".concat(disabled && 'disabled'),
-      children: [/*#__PURE__*/_jsxs("li", {
-        className: "connector-phone-call_info-item",
-        children: [/*#__PURE__*/_jsx("label", {
-          className: "connector-phone-call_info-label",
-          children: transI18n('fmt_pstn_label_countryregion')
-        }), /*#__PURE__*/_jsx("div", {
-          children: /*#__PURE__*/_jsx(FcrSelect, {
-            disabled: disabled,
-            size: "small",
-            value: String(value),
-            options: [{
-              text: transI18n('fmt_PSTN_status_china'),
-              value: '1'
-            }, {
-              text: transI18n('fmt_PSTN_status_usa'),
-              value: '2'
-            }],
-            onChange: onChange
-          })
-        })]
-      }), info === null || info === void 0 || (_info$phoneNumberList = info.phoneNumberList) === null || _info$phoneNumberList === void 0 ? void 0 : _info$phoneNumberList.map(function (phoneNumber, index) {
-        return /*#__PURE__*/_jsxs("li", {
-          className: "connector-phone-call_info-item",
-          children: [/*#__PURE__*/_jsx("label", {
-            className: "connector-phone-call_info-label",
-            children: index === 0 ? transI18n('fmt_pstn_label_dial') : ''
-          }), /*#__PURE__*/_jsxs("div", {
-            children: ["+86 (", phoneNumber[0], ") ", phoneNumber.slice(1)]
-          })]
-        }, phoneNumber);
-      }), /*#__PURE__*/_jsxs("li", {
-        className: "connector-phone-call_info-item",
-        children: [/*#__PURE__*/_jsx("label", {
-          className: "connector-phone-call_info-label",
-          children: transI18n('fmt_pstn_label_meetingid')
-        }), /*#__PURE__*/_jsx("div", {
-          children: (info === null || info === void 0 ? void 0 : info.phoneRoomId) || '-'
-        })]
-      }), /*#__PURE__*/_jsxs("li", {
-        className: "connector-phone-call_info-item",
-        children: [/*#__PURE__*/_jsx("label", {
-          className: "connector-phone-call_info-label",
-          children: transI18n('fmt_pstn_label_participantid')
-        }), /*#__PURE__*/_jsxs("div", {
-          children: ["#", (info === null || info === void 0 ? void 0 : info.phoneUserId) || '-', "#"]
-        })]
-      })]
-    })
-  });
-}
-export default ConnectionInfo;

package/lib-es/modules/connection-gateway/components/phone/components/calling/index.css

@@ -1,72 +0,0 @@
-.connector-phone-connecting {
-  width: 305px;
-  height: 100px;
-  border-radius: var(--fcr_cornerradius_xl);
-  background: var(--fcr_ui_scene_ramp_green1);
-  display: flex;
-  align-items: center;
-  margin-bottom: 16px;
-  flex-shrink: 0;
-}
-.connector-phone-connecting_icon {
-  margin: 13px;
-  width: 84px;
-  height: 84px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.connector-phone-connecting_icon-calling {
-  width: 50px;
-  height: 50px;
-  background: var(--fcr_ui_scene_ramp_lightgreen6);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 50%;
-}
-.connector-phone-connecting_content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  flex: 1;
-}
-.connector-phone-connecting_region {
-  color: var(--fcr_ui_scene_icontext2);
-  font-size: 12px;
-  text-align: left;
-  display: block;
-  width: 129px;
-}
-.connector-phone-connecting_number {
-  font-size: 20px;
-  color: var(--fcr_ui_scene_icontext1);
-  font-weight: 900;
-  line-height: 1;
-}
-.connector-phone-connecting_action {
-  background: var(--fcr_ui_scene_ramp_green1);
-  color: var(--fcr_ui_scene_ramp_green6);
-  border-radius: var(--fcr_cornerradius_l);
-  font-size: 12px;
-  height: 22px;
-  line-height: 22px;
-  padding: 0 10px;
-  margin: 10px 0 10px;
-}
-.connector-phone-connecting.failure {
-  background: var(--fcr_ui_scene_ramp_red1);
-}
-.connector-phone-connecting.failure .connector-phone-connecting_action {
-  color: var(--fcr_ui_scene_ramp_red6);
-  background: var(--fcr_ui_scene_ramp_red1);
-}
-.connector-phone-connecting.failure .connector-phone-connecting_icon-failure {
-  background: var(--fcr_ui_scene_ramp_red6);
-  width: 50px;
-  height: 50px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}

package/lib-es/modules/connection-gateway/components/phone/components/calling/index.js

@@ -1,51 +0,0 @@
-import { FcrActionPhone } from 'agora-ui-foundation/lib/components/action-phone';
-import './index.css';
-import { FcrIcon } from 'agora-ui-foundation/lib/components/icon';
-import { FcrIconType } from 'agora-ui-foundation/lib/components/icon/type';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export var CallingPhone = function CallingPhone(props) {
-  var failure = props.failure,
-    number = props.number,
-    region = props.region,
-    reason = props.reason;
-  return /*#__PURE__*/_jsxs("div", {
-    className: "connector-phone-connecting ".concat(failure ? 'failure' : ''),
-    children: [/*#__PURE__*/_jsx("div", {
-      className: "connector-phone-connecting_icon",
-      children: failure ? /*#__PURE__*/_jsx("div", {
-        className: "connector-phone-connecting_icon-failure",
-        children: /*#__PURE__*/_jsx(FcrIcon, {
-          type: FcrIconType.FCR_PHONECALL3,
-          size: 32,
-          colors: {
-            iconPrimary: 'var(--fcr_ui_scene_white10)'
-          }
-        })
-      }) : /*#__PURE__*/_jsx(FcrActionPhone, {
-        icon: /*#__PURE__*/_jsx("div", {
-          className: "connector-phone-connecting_icon-calling",
-          children: /*#__PURE__*/_jsx(FcrIcon, {
-            type: FcrIconType.FCR_PHONECALL3,
-            colors: {
-              iconPrimary: 'var(--fcr_ui_scene_white10)'
-            },
-            size: 32
-          })
-        }),
-        size: "medium"
-      })
-    }), /*#__PURE__*/_jsxs("div", {
-      className: "connector-phone-connecting_content",
-      children: [region && /*#__PURE__*/_jsx("span", {
-        className: "connector-phone-connecting_region",
-        children: region || '+86'
-      }), number && /*#__PURE__*/_jsx("span", {
-        className: "connector-phone-connecting_number",
-        children: number || '-'
-      }), /*#__PURE__*/_jsx("span", {
-        className: "connector-phone-connecting_action",
-        children: reason
-      })]
-    })]
-  });
-};

package/lib-es/modules/connection-gateway/components/phone/components/remeber/index.css

@@ -1,10 +0,0 @@
-.connector-phone_remember {
-  display: flex;
-  font-size: 12px;
-  align-items: center;
-  margin-bottom: 16px;
-  color: var(--fcr_ui_scene_icontext1);
-}
-.connector-phone_remember .fcr-checkbox {
-  margin-right: 4px;
-}

package/lib-es/modules/connection-gateway/components/phone/components/remeber/index.js

@@ -1,17 +0,0 @@
-import { FcrCheckbox } from 'agora-ui-foundation/lib/components/checkbox';
-import './index.css';
-import { transI18n } from 'agora-ui-foundation/lib/i18n';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export var ConnectionRemember = function ConnectionRemember(props) {
-  var checked = props.checked,
-    onChange = props.onChange;
-  return /*#__PURE__*/_jsxs("label", {
-    className: "connector-phone_remember",
-    children: [/*#__PURE__*/_jsx(FcrCheckbox, {
-      checked: checked,
-      onChange: onChange
-    }), /*#__PURE__*/_jsx("div", {
-      children: transI18n('fmt_pstn_options_rememberphone')
-    })]
-  });
-};

package/lib-es/modules/connection-gateway/components/phone/components/useing/index.css

@@ -1,46 +0,0 @@
-.connector-phone-using {
-  width: 376px;
-  height: 128px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background: var(--fcr_ui_scene_ramp_green1);
-  border-radius: var(--fcr_cornerradius_l);
-  flex-direction: column;
-  margin-bottom: 20px;
-  margin-top: 11px;
-  flex-shrink: 0;
-}
-.connector-phone-using.outgoing-call {
-  width: 300px;
-  height: 100px;
-}
-.connector-phone-using_number {
-  color: var(--fcr_ui_scene_ramp_green6);
-  font-size: 20px;
-  font-weight: 900;
-  line-height: 1;
-  margin-bottom: 10px;
-}
-.connector-phone-using_icon-dot {
-  background: var(--fcr_ui_scene_white10);
-  display: inline-block;
-  width: 8px;
-  height: 8px;
-  margin-right: 5px;
-  border-radius: 50%;
-}
-.connector-phone-using_number sub.connector-phone-using_region {
-  font-size: 12px;
-  color: var(--fcr_ui_scene_icontext3);
-  font-weight: 500;
-  margin-right: 6px;
-  vertical-align: middle;
-  bottom: inherit;
-}
-.connector-phone-using_button {
-  background: var(--fcr_ui_scene_ramp_green6);
-}
-.connector-phone-using .connector-phone_remember {
-  margin: 0;
-}

package/lib-es/modules/connection-gateway/components/phone/components/useing/index.js

@@ -1,29 +0,0 @@
-import { FcrButton } from 'agora-ui-foundation/lib/components/button';
-import './index.css';
-import { observer } from 'mobx-react';
-import { useContext } from 'react';
-import { StoreContext } from '../../../../store';
-import { transI18n } from 'agora-ui-foundation/lib/i18n';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export var ConnectionUsing = observer(function (_ref) {
-  var children = _ref.children;
-  var _useContext = useContext(StoreContext),
-    connectSession = _useContext.connectSession,
-    outgoingCall = _useContext.outgoingCall;
-  return /*#__PURE__*/_jsxs("div", {
-    className: "connector-phone-using ".concat(outgoingCall ? 'outgoing-call' : ''),
-    children: [outgoingCall && /*#__PURE__*/_jsxs("div", {
-      className: "connector-phone-using_number",
-      children: [/*#__PURE__*/_jsx("sub", {
-        className: "connector-phone-using_region",
-        children: "+86"
-      }), connectSession === null || connectSession === void 0 ? void 0 : connectSession.phoneNumber]
-    }), /*#__PURE__*/_jsxs(FcrButton, {
-      size: "XXS",
-      className: "connector-phone-using_button",
-      children: [/*#__PURE__*/_jsx("span", {
-        className: "connector-phone-using_icon-dot"
-      }), transI18n('fmt_pstn_label_viaphone')]
-    }), children]
-  });
-});

package/lib-es/modules/connection-gateway/components/phone/index.css

@@ -1,49 +0,0 @@
-.connector-phone {
-  width: 100%;
-  height: 450px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.connector-phone_inner {
-  display: flex;
-  flex-direction: column;
-  width: 260px;
-  align-items: center;
-}
-.connector-phone_selector {
-  margin-bottom: 20px;
-  height: 32px;
-  margin-top: 21px;
-  width: 100%;
-}
-.connector-phone_selector_errmsg {
-  color: var(--fcr_ui_scene_ramp_red6);
-  font-size: 12px;
-  text-align: right;
-}
-.connector-phone_selector .fcr-select {
-  margin-bottom: 20px;
-  border-color: var(--fcr_web_ui_scene_line4);
-  width: 260px;
-  background-color: var(--fcr_ui_scene_input2);
-}
-.connector-phone_callme-button {
-  background: var(--fcr_ui_scene_ramp_green6);
-  margin-bottom: 20px;
-}
-.connector-phone_hangup-button {
-  margin-bottom: 20px;
-}
-.connector-phone-alert {
-  background: var(--fcr_ui_scene_ramp_green1);
-  color: var(--fcr_ui_scene_ramp_green6);
-  border-radius: var(--fcr_cornerradius_l);
-  min-height: 40px;
-  line-height: 1.5;
-  width: 376px;
-  font-size: 13px;
-  text-align: center;
-  margin-bottom: 10px;
-  padding: 10px;
-}