fcr-ui-scene 3.9.0 → 3.9.1-alpha

package/lib-es/providers/mouse-detect/provider.empty.js

@@ -0,0 +1,39 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+export var FcrUIMouseDetectProviderEmptyImpl = /*#__PURE__*/function () {
+  function FcrUIMouseDetectProviderEmptyImpl() {
+    _classCallCheck(this, FcrUIMouseDetectProviderEmptyImpl);
+  }
+  return _createClass(FcrUIMouseDetectProviderEmptyImpl, [{
+    key: "isMouseDetectEnabled",
+    value: function isMouseDetectEnabled() {
+      return false;
+    }
+  }, {
+    key: "setDisplayId",
+    value: function setDisplayId(_displayId) {}
+  }, {
+    key: "setDetectionPositionOffset",
+    value: function setDetectionPositionOffset(_offset) {}
+  }, {
+    key: "setDetectArea",
+    value: function setDetectArea(_areaId, _areaList) {}
+  }, {
+    key: "getDetectAreas",
+    value: function getDetectAreas(_areaId) {
+      return [];
+    }
+  }, {
+    key: "deleteDetectArea",
+    value: function deleteDetectArea(_areaId) {}
+  }, {
+    key: "addObserver",
+    value: function addObserver(_observer) {}
+  }, {
+    key: "removeObserver",
+    value: function removeObserver(_observer) {}
+  }, {
+    key: "release",
+    value: function release() {}
+  }]);
+}();

package/lib-es/providers/mouse-detect/provider.js

@@ -119,6 +119,7 @@ export var FcrUIMouseDetectProviderImpl = /*#__PURE__*/function () {
     });
     _defineProperty(this, "_isDebug", false);
     _defineProperty(this, "_displayId", null);
+    _defineProperty(this, "_macMenuBarOffsetY", 30);
     _defineProperty(this, "_debugWindowObserver", {
       onReady: function onReady() {
         var AreaDebugger = observer(function () {
@@ -156,9 +157,6 @@ export var FcrUIMouseDetectProviderImpl = /*#__PURE__*/function () {
     this._task = AgoraScheduler.shared.addPollingTask(function () {
       _this._detect();
     }, 50);
-    if (isMac()) {
-      this._task.stop();
-    }
 
     // 调试时使用，用于查看检测区域
     // this._debug(true);
@@ -171,6 +169,11 @@ export var FcrUIMouseDetectProviderImpl = /*#__PURE__*/function () {
     set: function set(v) {
       _classPrivateFieldSet(_A, this, v);
     }
+  }, {
+    key: "isMouseDetectEnabled",
+    value: function isMouseDetectEnabled() {
+      return true;
+    }
   }, {
     key: "setDisplayId",
     value: function setDisplayId(displayId) {
@@ -213,7 +216,10 @@ export var FcrUIMouseDetectProviderImpl = /*#__PURE__*/function () {
   }, {
     key: "setDetectionPositionOffset",
     value: function setDetectionPositionOffset(offset) {
-      this._detectionOffset = offset;
+      this._detectionOffset = {
+        x: offset.x,
+        y: offset.y + (isMac() ? this._macMenuBarOffsetY : 0)
+      };
     }
   }, {
     key: "addObserver",
@@ -282,6 +288,9 @@ export var FcrUIMouseDetectProviderImpl = /*#__PURE__*/function () {
         window.show();
         window.setIgnoreMouseEvents(true);
         window.setAlwaysOnTop(true, 'screen-saver', WindowRelativeLevel.MOUSE_DETECT_DEBUGGER_LEVEL);
+        window.setVisibleOnAllWorkspaces(true, {
+          visibleOnFullScreen: true
+        });
         window.addObserver(this._debugWindowObserver);
       } else {
         this._isDebug = false;

package/lib-es/providers/phone-audio-provider.js

@@ -1,23 +1,50 @@
+import _typeof from "@babel/runtime/helpers/typeof";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _FcrUIPhoneAudioConnectorProviderImpl;
+var _initProto, _init_accepted, _init_connectionPhoneInfos, _init_connectInfo, _init_phoneCallState, _init_phoneCallReason, _init_connectSession, _init_calling, _init_outgoingCall, _init_isHangup, _init_hasPstnStream, _init_hasVolteStream, _init_hasOwnPstnStream, _init_hasOwnVolteStream, _init_hasNeedMergedStream, _getConnectorInfoDecs, _setConnectionInfoDecs, _startCallDecs, _getCallOutTypeArrayDecs, _getPhoneCallOutTypeDecs, _stopCallDecs, _phoneCallUpdatedDecs, _phoneCallReasonDecs, _setStreamStateDecs, _handleStreamsAddedOrUpdatedDecs, _handleStreamsRemovedDecs, _ref;
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.symbol.description.js";
 import "core-js/modules/es.symbol.iterator.js";
 import "core-js/modules/es.symbol.to-primitive.js";
 import "core-js/modules/es.error.cause.js";
 import "core-js/modules/es.error.to-string.js";
+import "core-js/modules/es.array.find.js";
+import "core-js/modules/es.array.find-index.js";
+import "core-js/modules/es.array.for-each.js";
 import "core-js/modules/es.array.from.js";
 import "core-js/modules/es.array.is-array.js";
+import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.array.push.js";
 import "core-js/modules/es.array.slice.js";
+import "core-js/modules/es.array.some.js";
 import "core-js/modules/es.date.to-primitive.js";
 import "core-js/modules/es.date.to-string.js";
+import "core-js/modules/es.function.bind.js";
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.map.js";
+import "core-js/modules/es.number.constructor.js";
 import "core-js/modules/es.object.create.js";
 import "core-js/modules/es.object.define-property.js";
 import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.regexp.exec.js";
 import "core-js/modules/es.regexp.test.js";
 import "core-js/modules/es.regexp.to-string.js";
+import "core-js/modules/es.string.iterator.js";
+import "core-js/modules/es.weak-map.js";
 import "core-js/modules/esnext.function.metadata.js";
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.find.js";
+import "core-js/modules/esnext.iterator.for-each.js";
+import "core-js/modules/esnext.iterator.some.js";
 import "core-js/modules/esnext.map.delete-all.js";
 import "core-js/modules/esnext.map.emplace.js";
 import "core-js/modules/esnext.map.every.js";
@@ -33,33 +60,6 @@ import "core-js/modules/esnext.map.reduce.js";
 import "core-js/modules/esnext.map.some.js";
 import "core-js/modules/esnext.map.update.js";
 import "core-js/modules/esnext.symbol.metadata.js";
-import _typeof from "@babel/runtime/helpers/typeof";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _FcrUIPhoneAudioConnectorProviderImpl;
-var _initProto, _init_accepted, _init_connectionPhoneInfos, _init_connectInfo, _init_phoneCallState, _init_phoneCallReason, _init_connectSession, _init_calling, _init_outgoingCall, _init_isHangup, _init_hasPstnStream, _init_hasOwnPstnStream, _init_hasNeedMergedStream, _getConnectorInfoDecs, _setConnectionInfoDecs, _startCallDecs, _stopCallDecs, _phoneCallUpdatedDecs, _phoneCallReasonDecs, _setStreamStateDecs, _handleStreamsAddedOrUpdatedDecs, _handleStreamsRemovedDecs, _ref;
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import "core-js/modules/es.array.find.js";
-import "core-js/modules/es.array.find-index.js";
-import "core-js/modules/es.array.for-each.js";
-import "core-js/modules/es.array.iterator.js";
-import "core-js/modules/es.array.push.js";
-import "core-js/modules/es.array.some.js";
-import "core-js/modules/es.function.bind.js";
-import "core-js/modules/es.number.constructor.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.string.iterator.js";
-import "core-js/modules/es.weak-map.js";
-import "core-js/modules/esnext.iterator.constructor.js";
-import "core-js/modules/esnext.iterator.find.js";
-import "core-js/modules/esnext.iterator.for-each.js";
-import "core-js/modules/esnext.iterator.some.js";
 import "core-js/modules/esnext.weak-map.delete-all.js";
 import "core-js/modules/esnext.weak-map.emplace.js";
 import "core-js/modules/web.dom-collections.for-each.js";
@@ -75,14 +75,14 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _setFunctionName(e, t, n) { "symbol" == _typeof(t) && (t = (t = t.description) ? "[" + t + "]" : ""); try { Object.defineProperty(e, "name", { configurable: !0, value: n ? n + " " + t : t }); } catch (e) {} return e; }
 function _checkInRHS(e) { if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (null !== e ? _typeof(e) : "null")); return e; }
-import { FcrRoomConnectorType } from 'fcr-core';
+import { FcrPermissionAction, FcrRoomConnectorType } from 'fcr-core';
 import { action, computed, observable, reaction } from 'mobx';
-import { FcrRoomConnectorSessionReason, FcrRoomConnectorSessionState } from 'fcr-core/lib/room-control/room-connector-control/type';
+import { FcrPhoneConnectorSessionType, FcrPhoneConnectorSessionTypeToStringMap, FcrRoomConnectorSessionReason, FcrRoomConnectorSessionState } from 'fcr-core/lib/room-control/room-connector-control/type';
 import { bound } from 'agora-foundation/lib/decorator';
 import { FcrUIConnectType } from '../type';
 import { AgoraObservable } from 'fcr-core/lib/imports';
-import { ConnectorRegion } from '../modules/connection-gateway/enums';
 import { FcrUIToastKey } from '../modules/toast-manager/type';
+import { ConnectorRegion } from '../modules/phone-audio-connect/enums';
 var _A = /*#__PURE__*/new WeakMap();
 var _B = /*#__PURE__*/new WeakMap();
 var _C = /*#__PURE__*/new WeakMap();
@@ -95,13 +95,16 @@ var _I = /*#__PURE__*/new WeakMap();
 var _J = /*#__PURE__*/new WeakMap();
 var _K = /*#__PURE__*/new WeakMap();
 var _L = /*#__PURE__*/new WeakMap();
-_ref = (_getConnectorInfoDecs = [action, action.bound], _setConnectionInfoDecs = [action, action.bound], _startCallDecs = [action, action.bound], _stopCallDecs = [action, action.bound], _phoneCallUpdatedDecs = [action, action.bound], _phoneCallReasonDecs = [action, action.bound], _setStreamStateDecs = [action, action.bound], _handleStreamsAddedOrUpdatedDecs = [action, action.bound], _handleStreamsRemovedDecs = [action, action.bound], "_observable");
+var _M = /*#__PURE__*/new WeakMap();
+var _N = /*#__PURE__*/new WeakMap();
+_ref = (_getConnectorInfoDecs = [action, action.bound], _setConnectionInfoDecs = [action, action.bound], _startCallDecs = [action, action.bound], _getCallOutTypeArrayDecs = [action, action.bound], _getPhoneCallOutTypeDecs = [action, action.bound], _stopCallDecs = [action, action.bound], _phoneCallUpdatedDecs = [action, action.bound], _phoneCallReasonDecs = [action, action.bound], _setStreamStateDecs = [action, action.bound], _handleStreamsAddedOrUpdatedDecs = [action, action.bound], _handleStreamsRemovedDecs = [action, action.bound], "_observable");
 export var FcrUIPhoneAudioConnectorProviderImpl = /*#__PURE__*/function () {
   function FcrUIPhoneAudioConnectorProviderImpl(_ref2) {
     var _this = this;
     var roomControl = _ref2.roomControl,
       messageProvider = _ref2.messageProvider,
-      deviceProvider = _ref2.deviceProvider;
+      deviceProvider = _ref2.deviceProvider,
+      abilityProvider = _ref2.abilityProvider;
     _classCallCheck(this, FcrUIPhoneAudioConnectorProviderImpl);
     _defineProperty(this, _ref, (_initProto(this), new AgoraObservable()));
     _defineProperty(this, "_disposers", []);
@@ -125,13 +128,16 @@ export var FcrUIPhoneAudioConnectorProviderImpl = /*#__PURE__*/function () {
     _classPrivateFieldInitSpec(this, _H, _init_outgoingCall(this, false));
     _classPrivateFieldInitSpec(this, _I, _init_isHangup(this, false));
     _classPrivateFieldInitSpec(this, _J, _init_hasPstnStream(this, false));
-    _classPrivateFieldInitSpec(this, _K, _init_hasOwnPstnStream(this, false));
-    _classPrivateFieldInitSpec(this, _L, _init_hasNeedMergedStream(this, false));
+    _classPrivateFieldInitSpec(this, _K, _init_hasVolteStream(this, false));
+    _classPrivateFieldInitSpec(this, _L, _init_hasOwnPstnStream(this, false));
+    _classPrivateFieldInitSpec(this, _M, _init_hasOwnVolteStream(this, false));
+    _classPrivateFieldInitSpec(this, _N, _init_hasNeedMergedStream(this, false));
     this._roomControl = roomControl;
     this._messageProvider = messageProvider;
     this._deviceProvider = deviceProvider;
     this._streamControl = roomControl.getStreamControl();
     this._userControl = roomControl.getUserControl();
+    this._abilityProvider = abilityProvider;
     this._roomControl.getRoomConnectorControl().addObserver(this._roomOberver);
     this._streamControl.addObserver(this._streamObserver);
     this.getConnectorInfo();
@@ -226,7 +232,7 @@ export var FcrUIPhoneAudioConnectorProviderImpl = /*#__PURE__*/function () {
       _classPrivateFieldSet(_J, this, v);
     }
   }, {
-    key: "hasOwnPstnStream",
+    key: "hasVolteStream",
     get: function get() {
       return _classPrivateFieldGet(_K, this);
     },
@@ -234,13 +240,29 @@ export var FcrUIPhoneAudioConnectorProviderImpl = /*#__PURE__*/function () {
       _classPrivateFieldSet(_K, this, v);
     }
   }, {
-    key: "hasNeedMergedStream",
+    key: "hasOwnPstnStream",
     get: function get() {
       return _classPrivateFieldGet(_L, this);
     },
     set: function set(v) {
       _classPrivateFieldSet(_L, this, v);
     }
+  }, {
+    key: "hasOwnVolteStream",
+    get: function get() {
+      return _classPrivateFieldGet(_M, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_M, this, v);
+    }
+  }, {
+    key: "hasNeedMergedStream",
+    get: function get() {
+      return _classPrivateFieldGet(_N, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_N, this, v);
+    }
   }, {
     key: "connectType",
     get: function get() {
@@ -282,8 +304,8 @@ export var FcrUIPhoneAudioConnectorProviderImpl = /*#__PURE__*/function () {
   }, {
     key: "startCall",
     value: function () {
-      var _startCall = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(phoneNumber) {
-        var _this$_userControl$ge, phoneUserId, userName;
+      var _startCall = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(phoneNumber, callOutType) {
+        var _this$_userControl$ge, phoneUserId, userName, type;
         return _regeneratorRuntime.wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -297,11 +319,13 @@ export var FcrUIPhoneAudioConnectorProviderImpl = /*#__PURE__*/function () {
               }
               return _context2.abrupt("return");
             case 1:
+              type = callOutType !== null && callOutType !== void 0 ? callOutType : this.getPhoneCallOutType();
               _context2.next = 2;
               return this._roomControl.getRoomConnectorControl().startSessionByPhone({
                 phoneNumber: phoneNumber,
                 userName: userName,
-                phoneUserId: phoneUserId
+                phoneUserId: phoneUserId,
+                type: type
               });
             case 2:
               this._sessionId = _context2.sent;
@@ -311,11 +335,40 @@ export var FcrUIPhoneAudioConnectorProviderImpl = /*#__PURE__*/function () {
           }
         }, _callee2, this);
       }));
-      function startCall(_x) {
+      function startCall(_x, _x2) {
         return _startCall.apply(this, arguments);
       }
       return startCall;
     }()
+  }, {
+    key: "getCallOutTypeArray",
+    value: function getCallOutTypeArray() {
+      var _permissionInfo$info$, _permissionInfo$info;
+      var permissionInfo = this._roomControl.getPrivilegeControl().getLocalUserPermissionInfo(FcrPermissionAction.CallOut);
+      if (!permissionInfo.enable) {
+        return [];
+      }
+      var types = (_permissionInfo$info$ = (_permissionInfo$info = permissionInfo.info) === null || _permissionInfo$info === void 0 || (_permissionInfo$info = _permissionInfo$info.params) === null || _permissionInfo$info === void 0 ? void 0 : _permissionInfo$info.type) !== null && _permissionInfo$info$ !== void 0 ? _permissionInfo$info$ : [];
+      return types;
+    }
+  }, {
+    key: "getPhoneCallOutType",
+    value: function getPhoneCallOutType() {
+      var types = this.getCallOutTypeArray();
+      var isSupportVolte = types.find(function (item) {
+        return item === FcrPhoneConnectorSessionTypeToStringMap[FcrPhoneConnectorSessionType.VOLTE];
+      }) && this._abilityProvider.isCallOutVolteAbilitySupported();
+      var volte = isSupportVolte ? FcrPhoneConnectorSessionType.VOLTE : null;
+      var isSupportPstn = types.find(function (item) {
+        return item === FcrPhoneConnectorSessionTypeToStringMap[FcrPhoneConnectorSessionType.PSTN];
+      }) && this._abilityProvider.isCallOutAbilitySupported();
+      var pstn = isSupportPstn ? FcrPhoneConnectorSessionType.PSTN : null;
+      var type = volte || pstn;
+      if (!type) {
+        throw new Error('You are not allowed to call out');
+      }
+      return type;
+    }
   }, {
     key: "stopCall",
     value: function () {
@@ -434,16 +487,22 @@ export var FcrUIPhoneAudioConnectorProviderImpl = /*#__PURE__*/function () {
         var connectorType = _ref3.connectorType;
         return connectorType === FcrRoomConnectorType.PSTN;
       };
+      var matchVOLTE = function matchVOLTE(_ref4) {
+        var connectorType = _ref4.connectorType;
+        return connectorType === FcrRoomConnectorType.VOLTE;
+      };
       var _this$_userControl$ge2 = this._userControl.getLocalUser(),
         userId = _this$_userControl$ge2.userId;
       var myStreams = this._streamControl.getStreamsByUserId(userId);
       var allStreams = this._streamControl.getStreamList();
       this.hasPstnStream = allStreams.some(matchPSTN);
+      this.hasVolteStream = allStreams.some(matchVOLTE);
       this.hasOwnPstnStream = myStreams.some(matchPSTN);
+      this.hasOwnVolteStream = myStreams.some(matchVOLTE);
       this.hasNeedMergedStream = allStreams.some(function (stream) {
-        return stream.owner.connectorType === FcrRoomConnectorType.PSTN && stream.connectorType === FcrRoomConnectorType.PSTN;
+        return stream.owner.connectorType === FcrRoomConnectorType.PSTN && stream.connectorType === FcrRoomConnectorType.PSTN || stream.owner.connectorType === FcrRoomConnectorType.VOLTE && stream.connectorType === FcrRoomConnectorType.VOLTE;
       });
-      if (this.hasOwnPstnStream) {
+      if (this.hasOwnPstnStream || this.hasOwnVolteStream) {
         this._deviceProvider.setConnectType(FcrUIConnectType.PHONE);
       }
       return {
@@ -468,7 +527,7 @@ export var FcrUIPhoneAudioConnectorProviderImpl = /*#__PURE__*/function () {
       try {
         var _loop = function _loop() {
             var modifiedStream = _step.value.modifiedStream;
-            if (modifiedStream.connectorType !== FcrRoomConnectorType.PSTN) return {
+            if (modifiedStream.connectorType !== FcrRoomConnectorType.PSTN && modifiedStream.connectorType !== FcrRoomConnectorType.VOLTE) return {
               v: void 0
             };
             if (modifiedStream.owner.userId === userId && _this3._deviceProvider.connectType === FcrUIConnectType.PHONE) {
@@ -501,8 +560,8 @@ export var FcrUIPhoneAudioConnectorProviderImpl = /*#__PURE__*/function () {
   }]);
 }();
 _FcrUIPhoneAudioConnectorProviderImpl = FcrUIPhoneAudioConnectorProviderImpl;
-var _applyDecs$e = _applyDecs(_FcrUIPhoneAudioConnectorProviderImpl, [[observable, 1, "accepted"], [observable, 1, "connectionPhoneInfos"], [observable, 1, "connectInfo"], [observable, 1, "phoneCallState"], [observable, 1, "phoneCallReason"], [observable, 1, "connectSession"], [observable, 1, "calling"], [observable, 1, "outgoingCall"], [observable, 1, "isHangup"], [observable, 1, "hasPstnStream"], [observable, 1, "hasOwnPstnStream"], [observable, 1, "hasNeedMergedStream"], [computed, 3, "connectType"], [_getConnectorInfoDecs, 18, "getConnectorInfo"], [_setConnectionInfoDecs, 18, "setConnectionInfo"], [_startCallDecs, 18, "startCall"], [_stopCallDecs, 18, "stopCall"], [bound, 2, "_setResetTimer"], [_phoneCallUpdatedDecs, 18, "_phoneCallUpdated"], [_phoneCallReasonDecs, 18, "_phoneCallReason"], [_setStreamStateDecs, 18, "_setStreamState"], [_handleStreamsAddedOrUpdatedDecs, 18, "_handleStreamsAddedOrUpdated"], [_handleStreamsRemovedDecs, 18, "_handleStreamsRemoved"]], []).e;
-var _applyDecs$e2 = _slicedToArray(_applyDecs$e, 13);
+var _applyDecs$e = _applyDecs(_FcrUIPhoneAudioConnectorProviderImpl, [[observable, 1, "accepted"], [observable, 1, "connectionPhoneInfos"], [observable, 1, "connectInfo"], [observable, 1, "phoneCallState"], [observable, 1, "phoneCallReason"], [observable, 1, "connectSession"], [observable, 1, "calling"], [observable, 1, "outgoingCall"], [observable, 1, "isHangup"], [observable, 1, "hasPstnStream"], [observable, 1, "hasVolteStream"], [observable, 1, "hasOwnPstnStream"], [observable, 1, "hasOwnVolteStream"], [observable, 1, "hasNeedMergedStream"], [computed, 3, "connectType"], [_getConnectorInfoDecs, 18, "getConnectorInfo"], [_setConnectionInfoDecs, 18, "setConnectionInfo"], [_startCallDecs, 18, "startCall"], [_getCallOutTypeArrayDecs, 18, "getCallOutTypeArray"], [_getPhoneCallOutTypeDecs, 18, "getPhoneCallOutType"], [_stopCallDecs, 18, "stopCall"], [bound, 2, "_setResetTimer"], [_phoneCallUpdatedDecs, 18, "_phoneCallUpdated"], [_phoneCallReasonDecs, 18, "_phoneCallReason"], [_setStreamStateDecs, 18, "_setStreamState"], [_handleStreamsAddedOrUpdatedDecs, 18, "_handleStreamsAddedOrUpdated"], [_handleStreamsRemovedDecs, 18, "_handleStreamsRemoved"]], []).e;
+var _applyDecs$e2 = _slicedToArray(_applyDecs$e, 15);
 _init_accepted = _applyDecs$e2[0];
 _init_connectionPhoneInfos = _applyDecs$e2[1];
 _init_connectInfo = _applyDecs$e2[2];
@@ -513,7 +572,9 @@ _init_calling = _applyDecs$e2[6];
 _init_outgoingCall = _applyDecs$e2[7];
 _init_isHangup = _applyDecs$e2[8];
 _init_hasPstnStream = _applyDecs$e2[9];
-_init_hasOwnPstnStream = _applyDecs$e2[10];
-_init_hasNeedMergedStream = _applyDecs$e2[11];
-_initProto = _applyDecs$e2[12];
+_init_hasVolteStream = _applyDecs$e2[10];
+_init_hasOwnPstnStream = _applyDecs$e2[11];
+_init_hasOwnVolteStream = _applyDecs$e2[12];
+_init_hasNeedMergedStream = _applyDecs$e2[13];
+_initProto = _applyDecs$e2[14];
 _applyDecs$e;

package/lib-es/scenes/main-scene.js

@@ -30,7 +30,7 @@ import { ChatDialog, electronWindowConfig as chatDialogWindowConfig, webDialogCo
 import { ConnectionGatewayDialog, electronWindowConfig as connectionGatewayDialogWindowConfig, webDialogConfig as connectionGatewayWebDialogConfig } from '../modules/dialog/dialogs/connection-gateway';
 import { ControlBarDialog, electronWindowConfig as controlBarDialogWindowConfig } from '../modules/dialog/dialogs/control-bar';
 import { InterpreterDialog, electronWindowConfig as interpreterDialogWindowConfig, webDialogConfig as interpreterWebDialogConfig } from '../modules/dialog/dialogs/interpreter';
-import { InviteDialog, electronWindowConfig as inviteDialogWindowConfig } from '../modules/dialog/dialogs/invite';
+import { InviteDialog, electronWindowConfig as inviteDialogWindowConfig, webDialogConfig as inviteWebDialogConfig } from '../modules/dialog/dialogs/invite';
 import { LiveStreamingDialog, electronWindowConfig as liveStreamingDialogWindowConfig } from '../modules/dialog/dialogs/live-streaming';
 import { ParticipantDialog, electronWindowConfig as participantDialogWindowConfig, webDialogConfig as participantWebDialogConfig } from '../modules/dialog/dialogs/participant';
 import { electronRevokeHostWindowConfig, webRevokeHostWindowConfig, SystemPreferenceDialog } from '../modules/dialog/dialogs/system-preference';
@@ -328,7 +328,8 @@ export var FcrMainUIScene = /*#__PURE__*/function (_FcrBaseUIScene) {
             })
           }, dialogId);
         },
-        electronWindowConfig: inviteDialogWindowConfig
+        electronWindowConfig: inviteDialogWindowConfig,
+        webDialogConfig: inviteWebDialogConfig
       }, {
         key: FcrUIDialogKey.CHAT,
         component: function component(_ref0) {

package/lib-es/shared-data/chat-data.js

@@ -43,7 +43,7 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _FcrUISharedChatDataSourceImpl;
-var _initProto, _init_newMessageCount, _init_latestMessage, _init_activeTab, _handleNewMessageEventDecs, _init__handleNewMessageEvent, _ref;
+var _initProto, _init_newMessageCount, _init_latestMessage, _init_activeTab, _init_mainRoomConnectionState, _init_waitingRoomConnectionState, _handleNewMessageEventDecs, _init__handleNewMessageEvent, _handleConnectionStateUpdatedDecs, _init__handleConnectionStateUpdated, _setConnectionStateDecs, _ref;
 import "core-js/modules/es.array.iterator.js";
 import "core-js/modules/es.number.constructor.js";
 import "core-js/modules/es.object.to-string.js";
@@ -64,12 +64,15 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _setFunctionName(e, t, n) { "symbol" == _typeof(t) && (t = (t = t.description) ? "[" + t + "]" : ""); try { Object.defineProperty(e, "name", { configurable: !0, value: n ? n + " " + t : t }); } catch (e) {} return e; }
 function _checkInRHS(e) { if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (null !== e ? _typeof(e) : "null")); return e; }
-import { action, observable } from 'mobx';
+import { action, observable, computed } from 'mobx';
 import { FcrUIRoomType } from '../type';
+import { FcrChatRoomConnectionState } from 'fcr-core/lib/room-control/chatroom-control/type';
 var _A = /*#__PURE__*/new WeakMap();
 var _B = /*#__PURE__*/new WeakMap();
 var _C = /*#__PURE__*/new WeakMap();
-_ref = (_handleNewMessageEventDecs = [action, action.bound], "newMessageCount");
+var _D = /*#__PURE__*/new WeakMap();
+var _E = /*#__PURE__*/new WeakMap();
+_ref = (_handleNewMessageEventDecs = [action, action.bound], _handleConnectionStateUpdatedDecs = [action, action.bound], _setConnectionStateDecs = [action, action.bound], "newMessageCount");
 export var FcrUISharedChatDataSourceImpl = /*#__PURE__*/function () {
   function FcrUISharedChatDataSourceImpl(_chatProvider) {
     var _this = this;
@@ -77,6 +80,8 @@ export var FcrUISharedChatDataSourceImpl = /*#__PURE__*/function () {
     _classPrivateFieldInitSpec(this, _A, (_initProto(this), _init_newMessageCount(this, _defineProperty({}, FcrUIRoomType.MAIN_ROOM, 0))));
     _classPrivateFieldInitSpec(this, _B, _init_latestMessage(this));
     _classPrivateFieldInitSpec(this, _C, _init_activeTab(this, FcrUIRoomType.MAIN_ROOM));
+    _classPrivateFieldInitSpec(this, _D, _init_mainRoomConnectionState(this, FcrChatRoomConnectionState.Disconnected));
+    _classPrivateFieldInitSpec(this, _E, _init_waitingRoomConnectionState(this, FcrChatRoomConnectionState.Disconnected));
     _defineProperty(this, "_handleNewMessageEvent", _init__handleNewMessageEvent(this, function (info) {
       var _msgObj$currentRoomTy;
       var msgObj = _objectSpread({}, _this.newMessageCount);
@@ -88,9 +93,13 @@ export var FcrUISharedChatDataSourceImpl = /*#__PURE__*/function () {
       _this.newMessageCount = _objectSpread({}, msgObj);
       _this.latestMessage = latestMessage;
     }));
+    _defineProperty(this, "_handleConnectionStateUpdated", _init__handleConnectionStateUpdated(this, function (_, state, roomType) {
+      _this.setConnectionState(roomType, state);
+    }));
     this._chatProvider = _chatProvider;
     this._chatProvider.addObserver({
-      onUnReadMessageUpdated: this._handleNewMessageEvent
+      onUnReadMessageUpdated: this._handleNewMessageEvent,
+      onChatRoomConnectionStateUpdated: this._handleConnectionStateUpdated
     });
   }
   return _createClass(FcrUISharedChatDataSourceImpl, [{
@@ -119,17 +128,55 @@ export var FcrUISharedChatDataSourceImpl = /*#__PURE__*/function () {
     set: function set(v) {
       _classPrivateFieldSet(_C, this, v);
     }
+  }, {
+    key: "mainRoomConnectionState",
+    get: function get() {
+      return _classPrivateFieldGet(_D, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_D, this, v);
+    }
+  }, {
+    key: "waitingRoomConnectionState",
+    get: function get() {
+      return _classPrivateFieldGet(_E, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_E, this, v);
+    }
   }, {
     key: "release",
     value: function release() {}
+  }, {
+    key: "setConnectionState",
+    value: function setConnectionState(roomType, state) {
+      if (roomType === FcrUIRoomType.MAIN_ROOM) {
+        this.mainRoomConnectionState = state;
+      } else if (roomType === FcrUIRoomType.WAITING_ROOM) {
+        this.waitingRoomConnectionState = state;
+      }
+    }
+  }, {
+    key: "getConnectionState",
+    value: function getConnectionState(roomType) {
+      return roomType === FcrUIRoomType.MAIN_ROOM ? this.mainRoomConnectionState : this.waitingRoomConnectionState;
+    }
+  }, {
+    key: "currentConnectionState",
+    get: function get() {
+      return this.getConnectionState(this.activeTab);
+    }
   }]);
 }();
 _FcrUISharedChatDataSourceImpl = FcrUISharedChatDataSourceImpl;
-var _applyDecs$e = _applyDecs(_FcrUISharedChatDataSourceImpl, [[observable, 1, "newMessageCount"], [observable, 1, "latestMessage"], [observable, 1, "activeTab"], [_handleNewMessageEventDecs, 16, "_handleNewMessageEvent"]], []).e;
-var _applyDecs$e2 = _slicedToArray(_applyDecs$e, 5);
+var _applyDecs$e = _applyDecs(_FcrUISharedChatDataSourceImpl, [[observable, 1, "newMessageCount"], [observable, 1, "latestMessage"], [observable, 1, "activeTab"], [observable, 1, "mainRoomConnectionState"], [observable, 1, "waitingRoomConnectionState"], [_setConnectionStateDecs, 18, "setConnectionState"], [computed, 3, "currentConnectionState"], [_handleNewMessageEventDecs, 16, "_handleNewMessageEvent"], [_handleConnectionStateUpdatedDecs, 16, "_handleConnectionStateUpdated"]], []).e;
+var _applyDecs$e2 = _slicedToArray(_applyDecs$e, 8);
 _init_newMessageCount = _applyDecs$e2[0];
 _init_latestMessage = _applyDecs$e2[1];
 _init_activeTab = _applyDecs$e2[2];
-_init__handleNewMessageEvent = _applyDecs$e2[3];
-_initProto = _applyDecs$e2[4];
+_init_mainRoomConnectionState = _applyDecs$e2[3];
+_init_waitingRoomConnectionState = _applyDecs$e2[4];
+_init__handleNewMessageEvent = _applyDecs$e2[5];
+_init__handleConnectionStateUpdated = _applyDecs$e2[6];
+_initProto = _applyDecs$e2[7];
 _applyDecs$e;