fcr-ui-scene 3.4.1 → 3.4.3

package/lib/modules/invite/components/voip-invite.js

@@ -0,0 +1,276 @@
+"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.VoipInvite = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+require("core-js/modules/es.string.trim.js");
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _button = require("agora-ui-foundation/lib/components/button");
+var _icon = require("agora-ui-foundation/lib/components/icon");
+var _actionPhone = require("agora-ui-foundation/lib/components/action-phone");
+var _type = require("agora-ui-foundation/lib/components/icon/type");
+var _input = require("agora-ui-foundation/lib/components/input");
+var _radio = require("agora-ui-foundation/lib/components/radio");
+var _select = require("agora-ui-foundation/lib/components/select");
+var _tabs = require("agora-ui-foundation/lib/components/tabs");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _store = require("../store");
+var _type2 = require("fcr-core/lib/room-control/room-connector-control/type");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _errorTips = require("./error-tips");
+var _enums = require("../enums");
+var _jsxRuntime = require("react/jsx-runtime");
+var VoipInvite = exports.VoipInvite = (0, _mobxReact.observer)(function () {
+  var _calledVoipInfo$state;
+  // 呼入/呼出
+  var _useState = (0, _react.useState)(_enums.CallType.OUTGOING),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    currentTab = _useState2[0],
+    setCurrentTab = _useState2[1];
+  var _useState3 = (0, _react.useState)(_enums.VoipType.H323),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    currentVoipType = _useState4[0],
+    setCurrentVoipType = _useState4[1];
+  var _useState5 = (0, _react.useState)(''),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    callVoip = _useState6[0],
+    setCallVoip = _useState6[1]; // 拨打的voip号码
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    isIpError = _useState8[0],
+    setIsError = _useState8[1];
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
+    localVoipList = _useContext.localVoipList,
+    ipInfo = _useContext.ipInfo,
+    isVoipCalling = _useContext.isVoipCalling,
+    startSessionByVoip = _useContext.startSessionByVoip,
+    stopSession = _useContext.stopSession,
+    calledVoipInfo = _useContext.calledVoipInfo;
+  var _useState9 = (0, _react.useState)(false),
+    _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
+    isLoading = _useState10[0],
+    setIsLoading = _useState10[1];
+  var handleCallVoip = function handleCallVoip() {
+    checkInput(callVoip, setIsError);
+    if (callVoip.trim().length === 0) {
+      return;
+    }
+    setIsLoading(true);
+    var voipType = currentVoipType === _enums.VoipType.H323 ? _type2.FcrIPConnectorSessionType.H323 : _type2.FcrIPConnectorSessionType.SIP;
+    startSessionByVoip(callVoip, voipType);
+    setIsLoading(false);
+  };
+  var handleEndCallVoip = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setIsLoading(true);
+            _context.next = 3;
+            return stopSession('voip');
+          case 3:
+            setIsLoading(false);
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleEndCallVoip() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var checkInput = (0, _react.useCallback)(function (input, setError) {
+    setError(input.trim().length === 0);
+  }, []);
+  var t = (0, _i18n.useI18n)();
+  var voipStatusTips = (0, _react.useMemo)(function () {
+    switch (calledVoipInfo.state) {
+      // case InviteStatus.SUCCESS:
+      //   return '成功';
+      case _enums.InviteStatus.ERROR:
+        return t('fmt_pstn_status_failed');
+      case _enums.InviteStatus.REJECT:
+        return t('fmt_pstn_status_hungup');
+      case _enums.InviteStatus.RINGING:
+        return t('fmt_pstn_status_ringing');
+      case _enums.InviteStatus.ACCEPTED:
+        return t('fmt_pstn_status_Answered');
+      case _enums.InviteStatus.CALLING:
+        return t('fmt_pstn_status_calling');
+      default:
+        return t('fmt_pstn_status_calling');
+    }
+  }, [calledVoipInfo.state]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "invite__voip-invite",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_tabs.FcrTabs, {
+      items: [{
+        label: t('fmt_sip_options_callout'),
+        key: _enums.CallType.OUTGOING
+      }, {
+        label: t('fmt_sip_options_callin'),
+        key: _enums.CallType.INCOMING
+      }],
+      activeKey: currentTab,
+      onChange: function onChange(key) {
+        return setCurrentTab(key);
+      }
+    }), currentTab === _enums.CallType.OUTGOING && !isVoipCalling && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "invite__voip-invite__edit-content",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+        type: _type.FcrIconType.FCR_SIPDEVICE,
+        size: 48,
+        colors: {
+          iconPrimary: 'var(--fcr_ui_scene_ramp_purple6)',
+          iconSecondary: 'var(--fcr_ui_scene_ramp_green6)'
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "invite__voip-invite__edit-content-title",
+        children: t('fmt_actionbar_label_dialsip')
+      }), currentTab === _enums.CallType.OUTGOING && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_input.FcrInput, {
+          placeholder: t('fmt_sip_inputtips_sip_323'),
+          size: "small",
+          shape: "rounded",
+          value: callVoip,
+          onChange: function onChange(val) {
+            setCallVoip(val);
+          },
+          onBlur: function onBlur() {
+            return checkInput(callVoip, setIsError);
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_errorTips.ErrorTips, {
+          isError: isIpError
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "invite__voip-invite__voip_type",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_radio.FcrRadioGroup, {
+          defaultValue: _enums.VoipType.H323,
+          value: currentVoipType,
+          onChange: function onChange(value) {
+            setCurrentVoipType(value);
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_button.FcrButton, {
+            type: "primary",
+            size: "M",
+            shape: "rounded",
+            className: "invite__voip-invite__voip_type__h323-button",
+            onClick: function onClick() {
+              return setCurrentVoipType(_enums.VoipType.H323);
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              children: "H323"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.FcrRadio, {
+              styleType: "white",
+              value: _enums.VoipType.H323
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_button.FcrButton, {
+            type: "primary",
+            size: "M",
+            shape: "rounded",
+            className: "invite__voip-invite__voip_type__sip-button",
+            onClick: function onClick() {
+              return setCurrentVoipType(_enums.VoipType.SIP);
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              children: "SIP"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.FcrRadio, {
+              styleType: "white",
+              value: _enums.VoipType.SIP
+            })]
+          })]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
+        size: "S",
+        styleType: "success",
+        className: (0, _classnames["default"])('invite__voip-invite__call-button', {
+          'invite__voip-invite__call-button-error': false
+        }),
+        loading: isLoading,
+        onClick: handleCallVoip,
+        children: t('fmt_sip_button_call')
+      })]
+    }), currentTab === _enums.CallType.OUTGOING && isVoipCalling && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "invite__voip-invite__edit-content",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_actionPhone.FcrActionPhone, {
+        size: 'large',
+        animate: calledVoipInfo.state === _enums.InviteStatus.RINGING || calledVoipInfo.state === _enums.InviteStatus.CALLING || calledVoipInfo.state === _enums.InviteStatus.DEFAULT,
+        wrapperColor: 'var(--fcr_ui_scene_ramp_purple6)',
+        circleColor: 'var(--fcr_ui_scene_ramp_purple6)',
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+          type: _type.FcrIconType.FCR_SIPDEVICE,
+          size: 80,
+          className: "invite__voip-invite__edit-content-icon",
+          colors: {
+            iconPrimary: 'var(--fcr_ui_scene_white10)',
+            iconSecondary: 'var(--fcr_ui_scene_ramp_green6)'
+          }
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "invite__voip-invite__edit-content-ip",
+        children: callVoip
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _classnames["default"])('invite__voip-invite__edit-content-tip', {
+          'invite__voip-invite__edit-content-tip-error': calledVoipInfo.state === _enums.InviteStatus.ERROR
+        }),
+        children: voipStatusTips
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
+        size: "S",
+        className: (0, _classnames["default"])('invite__voip-invite__call-button', {
+          'invite__voip-invite__call-button-error': false
+        }),
+        styleType: "danger",
+        loading: isLoading,
+        disabled: calledVoipInfo.state === _enums.InviteStatus.ACCEPTED || ((_calledVoipInfo$state = calledVoipInfo.state) !== null && _calledVoipInfo$state !== void 0 ? _calledVoipInfo$state : _enums.InviteStatus.DEFAULT) > _enums.InviteStatus.ACCEPTED,
+        onClick: handleEndCallVoip,
+        children: t('fmt_sip_button_Hangup')
+      })]
+    }), currentTab === _enums.CallType.INCOMING && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "invite__voip-invite__edit-content",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+        type: _type.FcrIconType.FCR_SIPDEVICE,
+        size: 48,
+        colors: {
+          iconPrimary: 'var(--fcr_ui_scene_ramp_purple6)',
+          iconSecondary: 'var(--fcr_ui_scene_ramp_green6)'
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "invite__voip-invite__edit-content-title",
+        children: t('fmt_sip_label_dialviasip')
+      }), currentTab === _enums.CallType.INCOMING && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "invite__voip-invite__invited-information",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "invite__voip-invite__invited-information-item",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
+            children: [t('fmt_sip_label_dial'), " "]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_select.FcrSelect, {
+            options: localVoipList,
+            value: localVoipList !== null && localVoipList !== void 0 && localVoipList.length ? localVoipList[0].value : undefined
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "invite__voip-invite__invited-information-item",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
+            children: [" ", t('fmt_sip_label_inputid'), " "]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+            children: [" ", ipInfo === null || ipInfo === void 0 ? void 0 : ipInfo.ipRoomId, " "]
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "invite__voip-invite__invited-information-item",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
+            children: [" ", t('fmt_sip_label_password'), " "]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            children: " --- "
+          })]
+        })]
+      })]
+    })]
+  });
+});

package/lib/modules/invite/enums.d.ts

@@ -0,0 +1,22 @@
+export declare enum InviteType {
+    PSTN = "PSTN",
+    VOIP = "VOIP"
+}
+export declare enum CallType {
+    INCOMING = "incoming",
+    OUTGOING = "outgoing"
+}
+export declare enum VoipType {
+    H323 = "h323",
+    SIP = "sip"
+}
+export declare enum InviteStatus {
+    DEFAULT = 0,
+    CALLING = 1,
+    RINGING = 2,
+    ACCEPTED = 3,
+    END = 4,
+    REJECT = 5,
+    ERROR = 6,
+    FAILED = 7
+}

package/lib/modules/invite/enums.js

@@ -0,0 +1,34 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VoipType = exports.InviteType = exports.InviteStatus = exports.CallType = void 0;
+var InviteType = exports.InviteType = /*#__PURE__*/function (InviteType) {
+  InviteType["PSTN"] = "PSTN";
+  InviteType["VOIP"] = "VOIP";
+  return InviteType;
+}({});
+var CallType = exports.CallType = /*#__PURE__*/function (CallType) {
+  CallType["INCOMING"] = "incoming";
+  CallType["OUTGOING"] = "outgoing";
+  return CallType;
+}({});
+var VoipType = exports.VoipType = /*#__PURE__*/function (VoipType) {
+  VoipType["H323"] = "h323";
+  VoipType["SIP"] = "sip";
+  return VoipType;
+}({});
+var InviteStatus = exports.InviteStatus = /*#__PURE__*/function (InviteStatus) {
+  InviteStatus[InviteStatus["DEFAULT"] = 0] = "DEFAULT";
+  InviteStatus[InviteStatus["CALLING"] = 1] = "CALLING";
+  InviteStatus[InviteStatus["RINGING"] = 2] = "RINGING";
+  // SUCCESS,
+  InviteStatus[InviteStatus["ACCEPTED"] = 3] = "ACCEPTED";
+  InviteStatus[InviteStatus["END"] = 4] = "END";
+  InviteStatus[InviteStatus["REJECT"] = 5] = "REJECT";
+  InviteStatus[InviteStatus["ERROR"] = 6] = "ERROR";
+  InviteStatus[InviteStatus["FAILED"] = 7] = "FAILED";
+  return InviteStatus;
+}({});

package/lib/modules/invite/index.d.ts

@@ -1,13 +1,12 @@
 import { UIModule } from '../../base';
-import { FcrUIEventStore } from '../../common/event-store';
 import './index.css';
-import { FcrBaseRoomControl } from 'fcr-core/lib/room-control/type';
+import { FcrUIEventProvider } from '../../providers/event-provider';
+import { FcrUIMainRoomControlProvider } from '../../providers/room-provider';
 export declare class InviteUIModule extends UIModule {
-    private _store;
-    constructor({ roomControl, uiEventStore, }: {
-        roomControl: FcrBaseRoomControl;
-        uiEventStore: FcrUIEventStore;
-    });
+    private _store?;
+    mainRoomControlProvider?: FcrUIMainRoomControlProvider;
+    eventProvider?: FcrUIEventProvider;
+    onNodeWillActive(): void;
+    onNodeWillInactive(): void;
     getComponent(): import("react/jsx-runtime").JSX.Element;
-    onUnload(): void;
 }

package/lib/modules/invite/index.js

@@ -31,20 +31,27 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var InviteUIModule = exports.InviteUIModule = /*#__PURE__*/function (_UIModule) {
-  function InviteUIModule(_ref) {
-    var _this;
-    var roomControl = _ref.roomControl,
-      uiEventStore = _ref.uiEventStore;
+  function InviteUIModule() {
     (0, _classCallCheck2["default"])(this, InviteUIModule);
-    _this = _callSuper(this, InviteUIModule);
-    _this._store = new _store["default"]({
-      roomControl: roomControl,
-      uiEventStore: uiEventStore
-    });
-    return _this;
+    return _callSuper(this, InviteUIModule, arguments);
   }
   (0, _inherits2["default"])(InviteUIModule, _UIModule);
   return (0, _createClass2["default"])(InviteUIModule, [{
+    key: "onNodeWillActive",
+    value: function onNodeWillActive() {
+      var _this$mainRoomControl;
+      this._store = new _store["default"]({
+        roomControl: (_this$mainRoomControl = this.mainRoomControlProvider) === null || _this$mainRoomControl === void 0 ? void 0 : _this$mainRoomControl.mainRoomControl,
+        uiEventStore: this.eventProvider
+      });
+    }
+  }, {
+    key: "onNodeWillInactive",
+    value: function onNodeWillInactive() {
+      var _this$_store;
+      (_this$_store = this._store) === null || _this$_store === void 0 || _this$_store.release();
+    }
+  }, {
     key: "getComponent",
     value: function getComponent() {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.StoreContext.Provider, {
@@ -52,10 +59,5 @@ var InviteUIModule = exports.InviteUIModule = /*#__PURE__*/function (_UIModule)
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.View, {})
       });
     }
-  }, {
-    key: "onUnload",
-    value: function onUnload() {
-      this._store.release();
-    }
   }]);
 }(_base.UIModule);

package/lib/modules/invite/store.d.ts

@@ -1,28 +1,9 @@
-import { FcrUIEventStore, FcrUIToastParams } from '../../common/event-store';
 import { FcrIPConnectorSessionType, FcrRoomConnectorIpInfo, FcrRoomConnectorPhoneInfo, FcrRoomConnectorPhoneRegion } from 'fcr-core/lib/room-control/room-connector-control/type';
-import { FcrBaseRoomControl } from 'fcr-core/lib/room-control/type';
-export declare enum InviteStatus {
-    DEFAULT = 0,
-    CALLING = 1,
-    RINGING = 2,
-    ACCEPTED = 3,
-    END = 4,
-    REJECT = 5,
-    ERROR = 6,
-    FAILED = 7
-}
-export interface pstnInfo {
-    phoneNumber: string;
-    userName: string;
-    countryCode?: FcrRoomConnectorPhoneRegion;
-    state?: InviteStatus;
-    zone: string;
-}
-export interface VoipInfo {
-    address: string;
-    addressType: FcrIPConnectorSessionType;
-    state?: InviteStatus;
-}
+import { FcrMainRoomControl } from 'fcr-core/lib/room-control/type';
+import { FcrUIEventProvider } from '../../providers/event-provider';
+import { FcrUIToastParams } from '../../type';
+import { pstnInfo, VoipInfo } from './types';
+import { FcrRoomInfo } from 'fcr-core/lib/type';
 export default class InviteStore {
     private _uiEventStore;
     private _uiEventObserver;
@@ -31,6 +12,8 @@ export default class InviteStore {
     private _pstnSessionId;
     private _voipSessionId;
     private _roomConnectorObserver;
+    private _userControl;
+    private _roomControl;
     accessor InviteStatus: number;
     accessor isPstnCalling: boolean;
     accessor isVoipCalling: boolean;
@@ -38,6 +21,10 @@ export default class InviteStore {
     accessor phoneInfo: FcrRoomConnectorPhoneInfo[] | null;
     accessor calledPstnInfo: pstnInfo;
     accessor calledVoipInfo: VoipInfo;
+    accessor roomInfo: FcrRoomInfo;
+    accessor meetingId: string | undefined;
+    get roomSchedule(): import("fcr-core/lib/type").FcrRoomSchedule | undefined;
+    get localUser(): import("fcr-core/lib/type").FcrUserInfo;
     get pstnCountryCodeList(): {
         value: FcrRoomConnectorPhoneRegion;
         text: string;
@@ -47,8 +34,8 @@ export default class InviteStore {
         text: string;
     }[] | undefined;
     constructor({ roomControl, uiEventStore, }: {
-        roomControl: FcrBaseRoomControl;
-        uiEventStore: FcrUIEventStore;
+        roomControl: FcrMainRoomControl;
+        uiEventStore: FcrUIEventProvider;
     });
     openInviteDialog(): void;
     closeInviteDialog(): void;