fcr-ui-scene 3.3.1 → 3.4.1

package/lib/modules/invite/store.js

@@ -35,12 +35,10 @@ var _typeof3 = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.InviteStatus = void 0;
+exports["default"] = exports.StoreContext = exports.InviteStatus = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.array.map.js");
-require("core-js/modules/es.array.slice.js");
 require("core-js/modules/es.function.bind.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
@@ -59,9 +57,10 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _mobx = require("mobx");
 var _constant = require("../../utilities/constant");
-var _type = require("agora-edu-core/lib/room-control/room-connector-control/type");
+var _type = require("fcr-core/lib/room-control/room-connector-control/type");
+var _react = require("react");
 var _InviteStore;
-var _initProto, _init_InviteStatus, _init_isPstnCalling, _init_isVoipCalling, _init_ipInfo, _init_phoneInfo, _init_calledPstnInfo, _init_calledVoipInfo, _getRoomConnectorIpInfoDecs, _getRoomConnectorPhoneInfoDecs, _startSessionByPhoneDecs, _startSessionByVoipDecs, _handleErrorDecs, _updateInviteStatusDecs, _stopSessionDecs, _resetpstnStatusDecs, _resetVoipStatusDecs, _handlePhoneConnectorSessionStateUpdatedDecs, _handleIPConnectorSessionStateUpdatedDecs, _onUiEventDecs, _ref;
+var _initProto, _init_InviteStatus, _init_isPstnCalling, _init_isVoipCalling, _init_ipInfo, _init_phoneInfo, _init_calledPstnInfo, _init_calledVoipInfo, _stopSessionDecs, _startSessionByPhoneDecs, _startSessionByVoipDecs, _showToastDecs, _getRoomConnectorIpInfoDecs, _getRoomConnectorPhoneInfoDecs, _handleErrorDecs, _updateInviteStatusDecs, _resetpstnStatusDecs, _resetVoipStatusDecs, _handlePhoneConnectorSessionStateUpdatedDecs, _handleIPConnectorSessionStateUpdatedDecs, _onUiEventDecs, _ref;
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
 function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
@@ -90,13 +89,23 @@ var _D = /*#__PURE__*/new WeakMap();
 var _E = /*#__PURE__*/new WeakMap();
 var _F = /*#__PURE__*/new WeakMap();
 var _G = /*#__PURE__*/new WeakMap();
-_ref = (_getRoomConnectorIpInfoDecs = [_mobx.action, _mobx.action.bound], _getRoomConnectorPhoneInfoDecs = [_mobx.action, _mobx.action.bound], _startSessionByPhoneDecs = [_mobx.action, _mobx.action.bound], _startSessionByVoipDecs = [_mobx.action, _mobx.action.bound], _handleErrorDecs = [_mobx.action, _mobx.action.bound], _updateInviteStatusDecs = [_mobx.action, _mobx.action.bound], _stopSessionDecs = [_mobx.action, _mobx.action.bound], _resetpstnStatusDecs = [_mobx.action, _mobx.action.bound], _resetVoipStatusDecs = [_mobx.action, _mobx.action.bound], _handlePhoneConnectorSessionStateUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleIPConnectorSessionStateUpdatedDecs = [_mobx.action, _mobx.action.bound], _onUiEventDecs = [_mobx.action, _mobx.action.bound], "_uiEventStore");
+_ref = (_stopSessionDecs = [_mobx.action, _mobx.action.bound], _startSessionByPhoneDecs = [_mobx.action, _mobx.action.bound], _startSessionByVoipDecs = [_mobx.action, _mobx.action.bound], _showToastDecs = [_mobx.action, _mobx.action.bound], _getRoomConnectorIpInfoDecs = [_mobx.action, _mobx.action.bound], _getRoomConnectorPhoneInfoDecs = [_mobx.action, _mobx.action.bound], _handleErrorDecs = [_mobx.action, _mobx.action.bound], _updateInviteStatusDecs = [_mobx.action, _mobx.action.bound], _resetpstnStatusDecs = [_mobx.action, _mobx.action.bound], _resetVoipStatusDecs = [_mobx.action, _mobx.action.bound], _handlePhoneConnectorSessionStateUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleIPConnectorSessionStateUpdatedDecs = [_mobx.action, _mobx.action.bound], _onUiEventDecs = [_mobx.action, _mobx.action.bound], "_uiEventStore");
 var InviteStore = exports["default"] = /*#__PURE__*/function () {
   function InviteStore(_ref2) {
     var roomControl = _ref2.roomControl,
       uiEventStore = _ref2.uiEventStore;
     (0, _classCallCheck2["default"])(this, InviteStore);
     (0, _defineProperty2["default"])(this, _ref, void _initProto(this));
+    (0, _defineProperty2["default"])(this, "_uiEventObserver", {
+      onEvent: this._onUiEvent.bind(this)
+    });
+    (0, _defineProperty2["default"])(this, "_inviteDialogId", '');
+    (0, _defineProperty2["default"])(this, "_pstnSessionId", '');
+    (0, _defineProperty2["default"])(this, "_voipSessionId", '');
+    (0, _defineProperty2["default"])(this, "_roomConnectorObserver", {
+      onPhoneConnectorSessionStateUpdated: this._handlePhoneConnectorSessionStateUpdated.bind(this),
+      onIPConnectorSessionStateUpdated: this._handleIPConnectorSessionStateUpdated.bind(this)
+    });
     _classPrivateFieldInitSpec(this, _A, _init_InviteStatus(this, 1));
     _classPrivateFieldInitSpec(this, _B, _init_isPstnCalling(this, false));
     _classPrivateFieldInitSpec(this, _C, _init_isVoipCalling(this, false));
@@ -112,21 +121,9 @@ var InviteStore = exports["default"] = /*#__PURE__*/function () {
       addressType: _type.FcrIPConnectorSessionType.H323,
       state: InviteStatus.DEFAULT
     }));
-    (0, _defineProperty2["default"])(this, "_uiEventObserver", {
-      onEvent: this._onUiEvent.bind(this)
-    });
-    (0, _defineProperty2["default"])(this, "_inviteDialogId", '');
-    (0, _defineProperty2["default"])(this, "_pstnSessionId", '');
-    (0, _defineProperty2["default"])(this, "_voipSessionId", '');
-    (0, _defineProperty2["default"])(this, "_roomConnectorObserver", {
-      onPhoneConnectorSessionStateUpdated: this._handlePhoneConnectorSessionStateUpdated.bind(this),
-      onIPConnectorSessionStateUpdated: this._handleIPConnectorSessionStateUpdated.bind(this)
-    });
     this._uiEventStore = uiEventStore;
-    this._roomControl = roomControl;
     this._roomConnectorControl = roomControl.getRoomConnectorControl();
     this._roomConnectorControl.addObserver(this._roomConnectorObserver);
-    this._streamControl = roomControl.getStreamControl();
     this._uiEventStore.addObserver(this._uiEventObserver);
     this._getRoomConnectorPhoneInfo();
     this._getRoomConnectorIpInfo();
@@ -187,6 +184,29 @@ var InviteStore = exports["default"] = /*#__PURE__*/function () {
     set: function set(v) {
       _classPrivateFieldSet(_G, this, v);
     }
+  }, {
+    key: "pstnCountryCodeList",
+    get: function get() {
+      var _this$phoneInfo;
+      return ((_this$phoneInfo = this.phoneInfo) === null || _this$phoneInfo === void 0 ? void 0 : _this$phoneInfo.map(function (item) {
+        var _item$region;
+        return {
+          value: (_item$region = item.region) !== null && _item$region !== void 0 ? _item$region : '',
+          text: item.region === _type.FcrRoomConnectorPhoneRegion.CN ? '+86' : "+".concat(item.region)
+        };
+      })) || [];
+    }
+  }, {
+    key: "localVoipList",
+    get: function get() {
+      var _this$ipInfo;
+      return (_this$ipInfo = this.ipInfo) === null || _this$ipInfo === void 0 ? void 0 : _this$ipInfo.addressList.map(function (item) {
+        return {
+          value: item,
+          text: item
+        };
+      });
+    }
   }, {
     key: "openInviteDialog",
     value: function openInviteDialog() {
@@ -205,68 +225,54 @@ var InviteStore = exports["default"] = /*#__PURE__*/function () {
       this._inviteDialogId = '';
     }
   }, {
-    key: "_getRoomConnectorIpInfo",
+    key: "release",
+    value: function release() {}
+  }, {
+    key: "stopSession",
     value: function () {
-      var _getRoomConnectorIpInfo2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var _stopSession = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(type) {
+        var sessionId, res;
         return _regenerator["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              _context.next = 2;
-              return this._roomConnectorControl.getRoomConnectorIpInfo();
-            case 2:
-              this.ipInfo = _context.sent;
-            case 3:
+              sessionId = type === 'pstn' ? this._pstnSessionId : this._voipSessionId;
+              _context.prev = 1;
+              _context.next = 4;
+              return this._roomConnectorControl.stopSession(sessionId);
+            case 4:
+              res = _context.sent;
+              if (!(type === 'pstn')) {
+                _context.next = 8;
+                break;
+              }
+              this._resetpstnStatus();
+              return _context.abrupt("return");
+            case 8:
+              this._resetVoipStatus();
+              _context.next = 14;
+              break;
+            case 11:
+              _context.prev = 11;
+              _context.t0 = _context["catch"](1);
+              this.handleError(this.calledPstnInfo, _context.t0, 'voip');
+            case 14:
             case "end":
               return _context.stop();
           }
-        }, _callee, this);
+        }, _callee, this, [[1, 11]]);
       }));
-      function _getRoomConnectorIpInfo() {
-        return _getRoomConnectorIpInfo2.apply(this, arguments);
-      }
-      return _getRoomConnectorIpInfo;
-    }()
-  }, {
-    key: "_getRoomConnectorPhoneInfo",
-    value: function () {
-      var _getRoomConnectorPhoneInfo2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
-        return _regenerator["default"].wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.next = 2;
-              return this._roomConnectorControl.getRoomConnectorPhoneInfo();
-            case 2:
-              this.phoneInfo = _context2.sent;
-            case 3:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2, this);
-      }));
-      function _getRoomConnectorPhoneInfo() {
-        return _getRoomConnectorPhoneInfo2.apply(this, arguments);
+      function stopSession(_x) {
+        return _stopSession.apply(this, arguments);
       }
-      return _getRoomConnectorPhoneInfo;
+      return stopSession;
     }()
-  }, {
-    key: "pstnCountryCodeList",
-    get: function get() {
-      var _this$phoneInfo;
-      return ((_this$phoneInfo = this.phoneInfo) === null || _this$phoneInfo === void 0 ? void 0 : _this$phoneInfo.map(function (item) {
-        var _item$region;
-        return {
-          value: (_item$region = item.region) !== null && _item$region !== void 0 ? _item$region : '',
-          text: item.region === _type.FcrRoomConnectorPhoneRegion.CN ? '+86' : "+".concat(item.region)
-        };
-      })) || [];
-    }
   }, {
     key: "startSessionByPhone",
     value: function () {
-      var _startSessionByPhone = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(_ref3) {
+      var _startSessionByPhone = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(_ref3) {
         var phoneNumber, userName, zone;
-        return _regenerator["default"].wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+        return _regenerator["default"].wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
               phoneNumber = _ref3.phoneNumber, userName = _ref3.userName, zone = _ref3.zone;
               this.isPstnCalling = true;
@@ -275,28 +281,28 @@ var InviteStore = exports["default"] = /*#__PURE__*/function () {
                 userName: userName,
                 zone: zone
               };
-              _context3.prev = 3;
-              _context3.next = 6;
+              _context2.prev = 3;
+              _context2.next = 6;
               return this._roomConnectorControl.startSessionByPhone({
                 phoneNumber: phoneNumber,
                 userName: userName
               });
             case 6:
-              this._pstnSessionId = _context3.sent;
+              this._pstnSessionId = _context2.sent;
               this.updateInviteStatus(this.calledPstnInfo, InviteStatus.RINGING);
-              _context3.next = 13;
+              _context2.next = 13;
               break;
             case 10:
-              _context3.prev = 10;
-              _context3.t0 = _context3["catch"](3);
-              this.handleError(this.calledVoipInfo, _context3.t0, 'voip');
+              _context2.prev = 10;
+              _context2.t0 = _context2["catch"](3);
+              this.handleError(this.calledVoipInfo, _context2.t0, 'voip');
             case 13:
             case "end":
-              return _context3.stop();
+              return _context2.stop();
           }
-        }, _callee3, this, [[3, 10]]);
+        }, _callee2, this, [[3, 10]]);
       }));
-      function startSessionByPhone(_x) {
+      function startSessionByPhone(_x2) {
         return _startSessionByPhone.apply(this, arguments);
       }
       return startSessionByPhone;
@@ -304,40 +310,89 @@ var InviteStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "startSessionByVoip",
     value: function () {
-      var _startSessionByVoip = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(address, ipType) {
-        return _regenerator["default"].wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+      var _startSessionByVoip = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(address, ipType) {
+        return _regenerator["default"].wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
               this.isVoipCalling = true;
               this.calledVoipInfo = {
                 address: address,
                 addressType: ipType
               };
-              _context4.prev = 2;
-              _context4.next = 5;
+              _context3.prev = 2;
+              _context3.next = 5;
               return this._roomConnectorControl.startSessionByIP({
                 address: address,
                 type: ipType
               });
             case 5:
-              this._voipSessionId = _context4.sent;
-              _context4.next = 11;
+              this._voipSessionId = _context3.sent;
+              _context3.next = 11;
               break;
             case 8:
-              _context4.prev = 8;
-              _context4.t0 = _context4["catch"](2);
-              this.handleError(this.calledPstnInfo, _context4.t0, 'voip');
+              _context3.prev = 8;
+              _context3.t0 = _context3["catch"](2);
+              this.handleError(this.calledPstnInfo, _context3.t0, 'voip');
             case 11:
             case "end":
-              return _context4.stop();
+              return _context3.stop();
           }
-        }, _callee4, this, [[2, 8]]);
+        }, _callee3, this, [[2, 8]]);
       }));
-      function startSessionByVoip(_x2, _x3) {
+      function startSessionByVoip(_x3, _x4) {
         return _startSessionByVoip.apply(this, arguments);
       }
       return startSessionByVoip;
     }()
+  }, {
+    key: "showToast",
+    value: function showToast(params) {
+      this._uiEventStore.showToast(params);
+    }
+  }, {
+    key: "_getRoomConnectorIpInfo",
+    value: function () {
+      var _getRoomConnectorIpInfo2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
+        return _regenerator["default"].wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              _context4.next = 2;
+              return this._roomConnectorControl.getRoomConnectorIpInfo();
+            case 2:
+              this.ipInfo = _context4.sent;
+            case 3:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4, this);
+      }));
+      function _getRoomConnectorIpInfo() {
+        return _getRoomConnectorIpInfo2.apply(this, arguments);
+      }
+      return _getRoomConnectorIpInfo;
+    }()
+  }, {
+    key: "_getRoomConnectorPhoneInfo",
+    value: function () {
+      var _getRoomConnectorPhoneInfo2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5() {
+        return _regenerator["default"].wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
+            case 0:
+              _context5.next = 2;
+              return this._roomConnectorControl.getRoomConnectorPhoneInfo();
+            case 2:
+              this.phoneInfo = _context5.sent;
+            case 3:
+            case "end":
+              return _context5.stop();
+          }
+        }, _callee5, this);
+      }));
+      function _getRoomConnectorPhoneInfo() {
+        return _getRoomConnectorPhoneInfo2.apply(this, arguments);
+      }
+      return _getRoomConnectorPhoneInfo;
+    }()
   }, {
     key: "handleError",
     value: function handleError(info, error, sessionType) {
@@ -356,56 +411,6 @@ var InviteStore = exports["default"] = /*#__PURE__*/function () {
     value: function updateInviteStatus(info, status) {
       info.state = status;
     }
-  }, {
-    key: "stopSession",
-    value: function () {
-      var _stopSession = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(type) {
-        var sessionId, res;
-        return _regenerator["default"].wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
-            case 0:
-              sessionId = type === 'pstn' ? this._pstnSessionId : this._voipSessionId;
-              _context5.prev = 1;
-              _context5.next = 4;
-              return this._roomConnectorControl.stopSession(sessionId);
-            case 4:
-              res = _context5.sent;
-              console.log('stopSession ,type', type, sessionId, res);
-              if (!(type === 'pstn')) {
-                _context5.next = 9;
-                break;
-              }
-              this._resetpstnStatus();
-              return _context5.abrupt("return");
-            case 9:
-              this._resetVoipStatus();
-              _context5.next = 14;
-              break;
-            case 12:
-              _context5.prev = 12;
-              _context5.t0 = _context5["catch"](1);
-            case 14:
-            case "end":
-              return _context5.stop();
-          }
-        }, _callee5, this, [[1, 12]]);
-      }));
-      function stopSession(_x4) {
-        return _stopSession.apply(this, arguments);
-      }
-      return stopSession;
-    }()
-  }, {
-    key: "localVoipList",
-    get: function get() {
-      var _this$ipInfo;
-      return (_this$ipInfo = this.ipInfo) === null || _this$ipInfo === void 0 ? void 0 : _this$ipInfo.addressList.map(function (item) {
-        return {
-          value: item,
-          text: item
-        };
-      });
-    }
   }, {
     key: "_resetpstnStatus",
     value: function _resetpstnStatus() {
@@ -421,9 +426,7 @@ var InviteStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_handlePhoneConnectorSessionStateUpdated",
     value: function _handlePhoneConnectorSessionStateUpdated(session, state, reason) {
-      var _console,
-        _this2 = this;
-      (_console = console).log.apply(_console, ['_handlePhoneConnectorSessionStateUpdated calledPstnInfo.state'].concat(Array.prototype.slice.call(arguments)));
+      var _this2 = this;
       if (session.phoneNumber !== this.calledPstnInfo.phoneNumber) {
         return;
       }
@@ -475,13 +478,10 @@ var InviteStore = exports["default"] = /*#__PURE__*/function () {
           this.closeInviteDialog();
       }
     }
-  }, {
-    key: "release",
-    value: function release() {}
   }]);
 }();
 _InviteStore = InviteStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_InviteStore, [[_mobx.observable, 1, "InviteStatus"], [_mobx.observable, 1, "isPstnCalling"], [_mobx.observable, 1, "isVoipCalling"], [_mobx.observable, 1, "ipInfo"], [_mobx.observable, 1, "phoneInfo"], [_mobx.observable, 1, "calledPstnInfo"], [_mobx.observable, 1, "calledVoipInfo"], [_getRoomConnectorIpInfoDecs, 18, "_getRoomConnectorIpInfo"], [_getRoomConnectorPhoneInfoDecs, 18, "_getRoomConnectorPhoneInfo"], [_startSessionByPhoneDecs, 18, "startSessionByPhone"], [_startSessionByVoipDecs, 18, "startSessionByVoip"], [_handleErrorDecs, 18, "handleError"], [_updateInviteStatusDecs, 18, "updateInviteStatus"], [_stopSessionDecs, 18, "stopSession"], [_resetpstnStatusDecs, 18, "_resetpstnStatus"], [_resetVoipStatusDecs, 18, "_resetVoipStatus"], [_handlePhoneConnectorSessionStateUpdatedDecs, 18, "_handlePhoneConnectorSessionStateUpdated"], [_handleIPConnectorSessionStateUpdatedDecs, 18, "_handleIPConnectorSessionStateUpdated"], [_onUiEventDecs, 18, "_onUiEvent"]], []).e, 8);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_InviteStore, [[_mobx.observable, 1, "InviteStatus"], [_mobx.observable, 1, "isPstnCalling"], [_mobx.observable, 1, "isVoipCalling"], [_mobx.observable, 1, "ipInfo"], [_mobx.observable, 1, "phoneInfo"], [_mobx.observable, 1, "calledPstnInfo"], [_mobx.observable, 1, "calledVoipInfo"], [_stopSessionDecs, 18, "stopSession"], [_startSessionByPhoneDecs, 18, "startSessionByPhone"], [_startSessionByVoipDecs, 18, "startSessionByVoip"], [_showToastDecs, 18, "showToast"], [_getRoomConnectorIpInfoDecs, 18, "_getRoomConnectorIpInfo"], [_getRoomConnectorPhoneInfoDecs, 18, "_getRoomConnectorPhoneInfo"], [_handleErrorDecs, 18, "handleError"], [_updateInviteStatusDecs, 18, "updateInviteStatus"], [_resetpstnStatusDecs, 18, "_resetpstnStatus"], [_resetVoipStatusDecs, 18, "_resetVoipStatus"], [_handlePhoneConnectorSessionStateUpdatedDecs, 18, "_handlePhoneConnectorSessionStateUpdated"], [_handleIPConnectorSessionStateUpdatedDecs, 18, "_handleIPConnectorSessionStateUpdated"], [_onUiEventDecs, 18, "_onUiEvent"]], []).e, 8);
 _init_InviteStatus = _applyDecs$e[0];
 _init_isPstnCalling = _applyDecs$e[1];
 _init_isVoipCalling = _applyDecs$e[2];
@@ -489,4 +489,5 @@ _init_ipInfo = _applyDecs$e[3];
 _init_phoneInfo = _applyDecs$e[4];
 _init_calledPstnInfo = _applyDecs$e[5];
 _init_calledVoipInfo = _applyDecs$e[6];
-_initProto = _applyDecs$e[7];
+_initProto = _applyDecs$e[7];
+var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);

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

@@ -1 +1,5 @@
+export declare enum InviteType {
+    PSTN = "PSTN",
+    VOIP = "VOIP"
+}
 export declare const View: () => import("react/jsx-runtime").JSX.Element;

package/lib/modules/invite/view.js

@@ -5,43 +5,39 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.View = void 0;
+exports.View = exports.InviteType = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
-var _tabs = require("agora-ui-foundation/lib/components/tabs");
 var _mobxReact = require("mobx-react");
 var _react = require("react");
-var _context = require("./context");
 var _pstnInvite = require("./pstn-invite");
 var _voipInvite = require("./voip-invite");
 var _i18n = require("agora-ui-foundation/lib/i18n");
+var _tabFrame = _interopRequireDefault(require("../components/tab-frame"));
 var _jsxRuntime = require("react/jsx-runtime");
-var InviteType = /*#__PURE__*/function (InviteType) {
+var InviteType = exports.InviteType = /*#__PURE__*/function (InviteType) {
   InviteType["PSTN"] = "PSTN";
   InviteType["VOIP"] = "VOIP";
   return InviteType;
-}(InviteType || {});
+}({});
 var View = exports.View = (0, _mobxReact.observer)(function () {
-  (0, _objectDestructuringEmpty2["default"])((0, _react.useContext)(_context.StoreContext));
   var _useState = (0, _react.useState)(InviteType.PSTN),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     currentInviteType = _useState2[0],
     setCurrentInviteType = _useState2[1];
   var transI18n = (0, _i18n.useI18n)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "invite",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_tabs.FcrTabs, {
-      items: [{
-        label: transI18n('fmt_pstn_label_phonecall'),
-        key: InviteType.PSTN
-      }, {
-        label: transI18n('fmt_sip_options_H323'),
-        key: InviteType.VOIP
-      }],
-      activeKey: currentInviteType,
-      onChange: function onChange(key) {
-        return setCurrentInviteType(key);
-      }
-    }), currentInviteType === InviteType.PSTN && /*#__PURE__*/(0, _jsxRuntime.jsx)(_pstnInvite.PSTNInvite, {}), currentInviteType === InviteType.VOIP && /*#__PURE__*/(0, _jsxRuntime.jsx)(_voipInvite.VoipInvite, {})]
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tabFrame["default"], {
+    activeKey: currentInviteType,
+    onChange: function onChange(key) {
+      return setCurrentInviteType(key);
+    },
+    tabs: [{
+      label: "".concat(transI18n('fmt_pstn_label_phonecall')),
+      key: InviteType.PSTN,
+      content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pstnInvite.PSTNInvite, {})
+    }, {
+      label: "".concat(transI18n('fmt_sip_options_H323')),
+      key: InviteType.VOIP,
+      content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_voipInvite.VoipInvite, {})
+    }]
   });
 });

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

@@ -21,9 +21,8 @@ var _tabs = require("agora-ui-foundation/lib/components/tabs");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _mobxReact = require("mobx-react");
 var _react = require("react");
-var _context2 = require("./context");
-var _type2 = require("agora-edu-core/lib/room-control/room-connector-control/type");
 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 _jsxRuntime = require("react/jsx-runtime");
 var CallType = /*#__PURE__*/function (CallType) {
@@ -64,7 +63,7 @@ var VoipInvite = exports.VoipInvite = (0, _mobxReact.observer)(function () {
     _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
     isIpError = _useState8[0],
     setIsError = _useState8[1];
-  var _useContext = (0, _react.useContext)(_context2.StoreContext),
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
     localVoipList = _useContext.localVoipList,
     ipInfo = _useContext.ipInfo,
     isVoipCalling = _useContext.isVoipCalling,
@@ -184,7 +183,7 @@ var VoipInvite = exports.VoipInvite = (0, _mobxReact.observer)(function () {
             onClick: function onClick() {
               return setCurrentVoipType(VoipType.H323);
             },
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               children: "H323"
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.FcrRadio, {
               styleType: "white",
@@ -198,8 +197,8 @@ var VoipInvite = exports.VoipInvite = (0, _mobxReact.observer)(function () {
             onClick: function onClick() {
               return setCurrentVoipType(VoipType.SIP);
             },
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              children: " SIP"
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              children: "SIP"
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.FcrRadio, {
               styleType: "white",
               value: VoipType.SIP

package/lib/modules/layout/components/Aside.js

@@ -15,19 +15,29 @@ var _icon = require("agora-ui-foundation/lib/components/icon");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _windowHeader = require("agora-ui-foundation/lib/components/window-header");
 var _hooks = require("../../../utilities/hooks");
-var _context = require("../context");
+var _store = require("../store");
 var _utils = require("./utils");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _iconButton = require("agora-ui-foundation/lib/components/icon-button");
-var _type2 = require("agora-edu-core/lib/room-control/chatroom-control/type");
+var _type2 = require("fcr-core/lib/room-control/chatroom-control/type");
 var _jsxRuntime = require("react/jsx-runtime");
 var minHeight = 350;
 var DividerHeight = 16;
+var ParticipantDialogHeader = (0, _mobxReact.observer)(function () {
+  var store = (0, _react.useContext)(_store.StoreContext);
+  var transI18n = (0, _i18n.useI18n)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [transI18n('fmt_role_participant'), "(", /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "participant-dialog-header-count",
+      children: store.participantCount
+    }), ")"]
+  });
+});
 var Aside = exports.Aside = (0, _mobxReact.observer)(function (_ref) {
   var width = _ref.width,
     onDragHandler = _ref.onDragHandler,
     chatAction = _ref.chatAction;
-  var _useContext = (0, _react.useContext)(_context.StoreContext),
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
     participant_ = _useContext.participant,
     chat_ = _useContext.chat,
     asideContent = _useContext.asideContent,
@@ -88,7 +98,7 @@ var Aside = exports.Aside = (0, _mobxReact.observer)(function (_ref) {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_windowHeader.FcrWindowHeader, {
           showClose: false // 在 Aside 中有自定义的按钮样式，不用 header 中的关闭按钮
           ,
-          title: "".concat(transI18n('fmt_role_participant'), "(").concat(participantCount, ")"),
+          title: /*#__PURE__*/(0, _jsxRuntime.jsx)(ParticipantDialogHeader, {}),
           type: _windowHeader.WindowType.MODAL,
           onTypeChange: moveParticipantFromAsideToDialog,
           onClose: closeParticipantFromAside,