fcr-ui-scene 3.3.1 → 3.4.0

package/lib/modules/event-toast/view.js

@@ -1,14 +1,38 @@
 "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;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/esnext.iterator.map.js");
 var _toast = require("agora-ui-foundation/lib/components/toast");
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _store = require("./store");
+require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-var View = exports.View = function View() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: _toast.TOAST_ROOT_CLASS_NAME
+var View = exports.View = (0, _mobxReact.observer)(function (props) {
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
+    toastsList = _useContext.toastsList;
+  var type = props.type;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: type === 'global' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "toast-wrapper",
+      children: (0, _toConsumableArray2["default"])(toastsList).map(function (toast, idx) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_toast.FcrToastTransitionGroup, {
+          type: toast.type,
+          content: toast.content,
+          duration: toast.duration
+        }, "".concat(toast.content, "-").concat(idx));
+      })
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _toast.TOAST_ROOT_CLASS_NAME
+    })
   });
-};
+});

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

@@ -1,7 +1,7 @@
 import { UIModule } from '../../base';
 import { FcrUIEventStore } from '../../common/event-store';
 import './index.css';
-import { FcrBaseRoomControl } from 'agora-edu-core/lib/room-control/type';
+import { FcrBaseRoomControl } from 'fcr-core/lib/room-control/type';
 export declare class InviteUIModule extends UIModule {
     private _store;
     constructor({ roomControl, uiEventStore, }: {

package/lib/modules/invite/index.js

@@ -1,8 +1,17 @@
 "use strict";
 
+require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.reflect.construct.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.weak-map.delete-all.js");
+require("core-js/modules/esnext.weak-map.emplace.js");
+require("core-js/modules/web.dom-collections.iterator.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,11 +22,12 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _base = require("../../base");
-var _context = require("./context");
-var _store = _interopRequireDefault(require("./store"));
+var _store = _interopRequireWildcard(require("./store"));
 var _view = require("./view");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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) {
@@ -37,7 +47,7 @@ var InviteUIModule = exports.InviteUIModule = /*#__PURE__*/function (_UIModule)
   return (0, _createClass2["default"])(InviteUIModule, [{
     key: "getComponent",
     value: function getComponent() {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.StoreContext.Provider, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.StoreContext.Provider, {
         value: this._store,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.View, {})
       });

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

@@ -25,13 +25,11 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _mobxReact = require("mobx-react");
 var _react = _interopRequireWildcard(require("react"));
 var _copyText = require("../../utilities/copyText");
-var _context2 = require("./context");
 var _store = require("./store");
 var _regex = require("../../utilities/regex");
 var _actionPhone = require("agora-ui-foundation/lib/components/action-phone");
 var _button = require("agora-ui-foundation/lib/components/button");
 var _input = require("agora-ui-foundation/lib/components/input");
-var _toast = require("agora-ui-foundation/lib/components/toast");
 var _zonePhone = require("agora-ui-foundation/lib/components/zone-phone");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -73,12 +71,13 @@ var PSTNInvite = exports.PSTNInvite = (0, _mobxReact.observer)(function () {
     _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
     isLoading = _useState12[0],
     setIsLoading = _useState12[1];
-  var _useContext = (0, _react.useContext)(_context2.StoreContext),
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
     isPstnCalling = _useContext.isPstnCalling,
     startSessionByPhone = _useContext.startSessionByPhone,
     calledPstnInfo = _useContext.calledPstnInfo,
     pstnCountryCodeList = _useContext.pstnCountryCodeList,
-    stopSession = _useContext.stopSession;
+    stopSession = _useContext.stopSession,
+    showToast = _useContext.showToast;
   var _useState13 = (0, _react.useState)(pstnCountryCodeList.length ? pstnCountryCodeList[0].text : ''),
     _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
     invitePhoneZone = _useState14[0],
@@ -95,11 +94,9 @@ var PSTNInvite = exports.PSTNInvite = (0, _mobxReact.observer)(function () {
   }, []);
   var handleCopyMeetingDetail = (0, _react.useCallback)(function () {
     (0, _copyText.copyText)('TODO 会议信息').then(function () {
-      _toast.FcrToastApi.open({
-        toastProps: {
-          type: 'info',
-          content: transI18n('fmt_statusbar_status_coppied')
-        }
+      showToast({
+        type: 'info',
+        message: transI18n('fmt_statusbar_status_coppied')
       });
     });
   }, []);

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

@@ -1,7 +1,6 @@
-import { FcrUIEventStore } from '../../common/event-store';
-import { UIAction } from '../../utilities/constant';
-import { FcrIPConnectorSessionType, FcrRoomConnectorIpInfo, FcrRoomConnectorPhoneInfo, FcrRoomConnectorPhoneRegion } from 'agora-edu-core/lib/room-control/room-connector-control/type';
-import { FcrBaseRoomControl } from 'agora-edu-core/lib/room-control/type';
+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,
@@ -26,6 +25,12 @@ export interface VoipInfo {
 }
 export default class InviteStore {
     private _uiEventStore;
+    private _uiEventObserver;
+    private _inviteDialogId;
+    private _roomConnectorControl;
+    private _pstnSessionId;
+    private _voipSessionId;
+    private _roomConnectorObserver;
     accessor InviteStatus: number;
     accessor isPstnCalling: boolean;
     accessor isVoipCalling: boolean;
@@ -33,39 +38,33 @@ export default class InviteStore {
     accessor phoneInfo: FcrRoomConnectorPhoneInfo[] | null;
     accessor calledPstnInfo: pstnInfo;
     accessor calledVoipInfo: VoipInfo;
-    private _uiEventObserver;
-    private _inviteDialogId;
-    private _roomControl;
-    private _roomConnectorControl;
-    private _streamControl;
-    private _pstnSessionId;
-    private _voipSessionId;
-    private _roomConnectorObserver;
+    get pstnCountryCodeList(): {
+        value: FcrRoomConnectorPhoneRegion;
+        text: string;
+    }[];
+    get localVoipList(): {
+        value: string;
+        text: string;
+    }[] | undefined;
     constructor({ roomControl, uiEventStore, }: {
         roomControl: FcrBaseRoomControl;
         uiEventStore: FcrUIEventStore;
     });
     openInviteDialog(): void;
     closeInviteDialog(): void;
-    private _getRoomConnectorIpInfo;
-    private _getRoomConnectorPhoneInfo;
-    get pstnCountryCodeList(): {
-        value: FcrRoomConnectorPhoneRegion;
-        text: string;
-    }[];
+    release(): void;
+    stopSession(type: 'pstn' | 'voip'): Promise<void>;
     startSessionByPhone({ phoneNumber, userName, zone }: pstnInfo): Promise<void>;
     startSessionByVoip(address: string, ipType: FcrIPConnectorSessionType): Promise<void>;
+    showToast(params: FcrUIToastParams): void;
+    private _getRoomConnectorIpInfo;
+    private _getRoomConnectorPhoneInfo;
     private handleError;
     private updateInviteStatus;
-    stopSession(type: 'pstn' | 'voip'): Promise<void>;
-    get localVoipList(): {
-        value: string;
-        text: string;
-    }[] | undefined;
     private _resetpstnStatus;
     private _resetVoipStatus;
     private _handlePhoneConnectorSessionStateUpdated;
     private _handleIPConnectorSessionStateUpdated;
-    _onUiEvent(action: UIAction, payload: unknown): void;
-    release(): void;
+    private _onUiEvent;
 }
+export declare const StoreContext: import("react").Context<InviteStore>;

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);