fcr-ui-scene 3.9.0-alpha → 3.9.1-alpha

package/lib/creator/provider-initializer.browser.js

@@ -193,7 +193,8 @@ var FcrUIBrowserProviderInitializer = exports.FcrUIBrowserProviderInitializer =
       var phoneAudioConnectorProvider = new _phoneAudioProvider.FcrUIPhoneAudioConnectorProviderImpl({
         roomControl: mainRoomControl,
         messageProvider: messageProvider,
-        deviceProvider: deviceProvider
+        deviceProvider: deviceProvider,
+        abilityProvider: abilityProvider
       });
       objectManager.setObject(_objectManager.FcrUIObjectKeys.P_PHONE_AUDIO_CONNECTOR_PROVIDER, phoneAudioConnectorProvider);
       var sharedChatDataSource = new _chatData.FcrUISharedChatDataSourceImpl(chatProvider);
@@ -254,7 +255,8 @@ var FcrUIBrowserProviderInitializer = exports.FcrUIBrowserProviderInitializer =
         interpreterData: sharedInterpreterDataSource,
         deviceProvider: deviceProvider,
         screenShareProvider: screenShareProvider,
-        streamControl: streamControl
+        streamControl: streamControl,
+        volumeThreshold: 45
       });
       objectManager.setObject(_objectManager.FcrUIObjectKeys.P_USER_AUDIO_VOLUME_PROVIDER, userAudioVolumeProvider);
       var pinDataSource = new _pinData.FcrUISharedPinDataSourceImpl(messageProvider, videoWindowDataSource);

package/lib/creator/provider-initializer.electron.js

@@ -58,10 +58,13 @@ var _speakerSpotlight = require("../shared-data/speaker-spotlight");
 var _pinData = require("../shared-data/pin-data");
 var _logger = require("../utilities/logger");
 var _provider8 = require("../providers/mouse-detect/provider");
+var _provider9 = require("../providers/mouse-detect/provider.empty");
+var _env = require("agora-foundation/lib/utilities/env");
+var _os = require("../utilities/os");
 var _widgetData = require("../shared-data/widget-data");
 var _sttProvider = require("../providers/stt-provider/stt-provider");
 var _sttSetting = require("../shared-data/stt-setting.ts");
-var _provider9 = require("../providers/annotation/provider.electron");
+var _provider0 = require("../providers/annotation/provider.electron");
 var _userAudioVolume = require("../shared-data/user-audio-volume");
 var _userAudioVolumeProvider = require("../providers/user-audio-volume-provider");
 var FcrUIElectronProviderInitializer = exports.FcrUIElectronProviderInitializer = /*#__PURE__*/function () {
@@ -102,7 +105,10 @@ var FcrUIElectronProviderInitializer = exports.FcrUIElectronProviderInitializer
         renderer: renderer
       });
       objectManager.setObject(_objectManager.FcrUIObjectKeys.P_WINDOW_PROVIDER, windowProvider);
-      var mouseDetectProvider = new _provider8.FcrUIMouseDetectProviderImpl(objectManager);
+      var systemVersion = renderer.getSystemVersion();
+      var macMajor = (0, _os.parseMacOSMajorVersion)(systemVersion);
+      var useMouseDetect = (0, _env.isWindows)() || (0, _env.isMac)() && macMajor !== null && macMajor < 15;
+      var mouseDetectProvider = useMouseDetect ? new _provider8.FcrUIMouseDetectProviderImpl(objectManager) : new _provider9.FcrUIMouseDetectProviderEmptyImpl();
       objectManager.setObject(_objectManager.FcrUIObjectKeys.P_MOUSE_DETECT_PROVIDER, mouseDetectProvider);
       var eventProvider = new _eventProvider.FcrUIEventProviderImpl();
       objectManager.setObject(_objectManager.FcrUIObjectKeys.P_EVENT_PROVIDER, eventProvider);
@@ -218,7 +224,8 @@ var FcrUIElectronProviderInitializer = exports.FcrUIElectronProviderInitializer
       var phoneAudioConnectorProvider = new _phoneAudioProvider.FcrUIPhoneAudioConnectorProviderImpl({
         roomControl: mainRoomControl,
         messageProvider: messageProvider,
-        deviceProvider: deviceProvider
+        deviceProvider: deviceProvider,
+        abilityProvider: abilityProvider
       });
       objectManager.setObject(_objectManager.FcrUIObjectKeys.P_PHONE_AUDIO_CONNECTOR_PROVIDER, phoneAudioConnectorProvider);
       var sharedChatDataSource = new _chatData.FcrUISharedChatDataSourceImpl(chatProvider);
@@ -292,12 +299,13 @@ var FcrUIElectronProviderInitializer = exports.FcrUIElectronProviderInitializer
         interpreterData: sharedInterpreterDataSource,
         deviceProvider: deviceProvider,
         screenShareProvider: screenShareProvider,
-        streamControl: streamControl
+        streamControl: streamControl,
+        volumeThreshold: 35
       });
       objectManager.setObject(_objectManager.FcrUIObjectKeys.P_USER_AUDIO_VOLUME_PROVIDER, userAudioVolumeProvider);
       var pinDataSource = new _pinData.FcrUISharedPinDataSourceImpl(messageProvider, sharedVideoWindowDataSource);
       objectManager.setObject(_objectManager.FcrUIObjectKeys.S_SHARED_PIN_DATA_SOURCE, pinDataSource);
-      var annotationProvider = new _provider9.FcrUIAnnotationProviderImpl(objectManager, fcrUIMainWindowRenderer);
+      var annotationProvider = new _provider0.FcrUIAnnotationProviderImpl(objectManager, fcrUIMainWindowRenderer);
       objectManager.setObject(_objectManager.FcrUIObjectKeys.P_ANNOTATION_PROVIDER, annotationProvider);
     }
   }, {

package/lib/electron/injections.d.ts

@@ -27,6 +27,7 @@ export declare const openSystemPreferences: (mediaType: "microphone" | "camera"
 export declare const quitApp: () => void;
 export declare const getSystemMemorySize: () => number;
 export declare const getSystemCpuInfo: () => os.CpuInfo[];
+export declare const getSystemVersion: () => string;
 export declare const getNetworkType: () => Promise<NetworkType>;
 export declare const downloadAndExtractResourceFileFromZip: (zipUrl: string, type: FcrUiResourceType) => Promise<string[]>;
 export declare const downloadResourceFile: (fileUrl: string, type: FcrUiResourceType) => Promise<string>;

package/lib/electron/injections.js

@@ -6,7 +6,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.showItemInFolder = exports.setUserSettingData = exports.setFragmentOptions = exports.setFragmentBaseUrl = exports.sendEvent = exports.screen = exports.restartApp = exports.removeEventListener = exports.quitApp = exports.openSystemPreferences = exports.openRendererWindow = exports.openLinkInDefaultBrowser = exports.openDirectory = exports.open = exports.loadBuiltinResources = exports.initialize = exports.getWindowInfoList = exports.getUserSettingData = exports.getSystemMemorySize = exports.getSystemCpuInfo = exports.getPrimaryDisplay = exports.getNetworkType = exports.getMediaSourceIdList = exports.getDisplayNearestPoint = exports.getDisplayMatching = exports.getCursorScreenPoint = exports.getCurrentBrowserWindow = exports.getBrowserWindowById = exports.getBaseUrl = exports.getAllDisplays = exports.fileToBlob = exports.fileToBase64 = exports.downloadResourceFile = exports.downloadAndExtractResourceFileFromZip = exports.createBrowserWindowProxy = exports.close = exports.checkMediaPermission = exports.captureScreen = exports.addEventListener = void 0;
+exports.showItemInFolder = exports.setUserSettingData = exports.setFragmentOptions = exports.setFragmentBaseUrl = exports.sendEvent = exports.screen = exports.restartApp = exports.removeEventListener = exports.quitApp = exports.openSystemPreferences = exports.openRendererWindow = exports.openLinkInDefaultBrowser = exports.openDirectory = exports.open = exports.loadBuiltinResources = exports.initialize = exports.getWindowInfoList = exports.getUserSettingData = exports.getSystemVersion = exports.getSystemMemorySize = exports.getSystemCpuInfo = exports.getPrimaryDisplay = exports.getNetworkType = exports.getMediaSourceIdList = exports.getDisplayNearestPoint = exports.getDisplayMatching = exports.getCursorScreenPoint = exports.getCurrentBrowserWindow = exports.getBrowserWindowById = exports.getBaseUrl = exports.getAllDisplays = exports.fileToBlob = exports.fileToBase64 = exports.downloadResourceFile = exports.downloadAndExtractResourceFileFromZip = exports.createBrowserWindowProxy = exports.close = exports.checkMediaPermission = exports.captureScreen = exports.addEventListener = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
@@ -333,6 +333,9 @@ var getSystemMemorySize = exports.getSystemMemorySize = function getSystemMemory
 var getSystemCpuInfo = exports.getSystemCpuInfo = function getSystemCpuInfo() {
   return _os["default"].cpus();
 };
+var getSystemVersion = exports.getSystemVersion = function getSystemVersion() {
+  return _os["default"].release();
+};
 var getNetworkType = exports.getNetworkType = function getNetworkType() {
   var resolve = function resolve(res) {};
   var p = new Promise(function (_resolve) {

package/lib/electron/preload.js

@@ -35,6 +35,7 @@ var runtime = {
   loadBuiltinResources: _injections.loadBuiltinResources,
   getSystemCpuInfo: _injections.getSystemCpuInfo,
   getSystemMemorySize: _injections.getSystemMemorySize,
+  getSystemVersion: _injections.getSystemVersion,
   getCurrentBrowserWindow: _injections.getCurrentBrowserWindow,
   createBrowserWindowProxy: _injections.createBrowserWindowProxy,
   getBrowserWindowById: _injections.getBrowserWindowById,

package/lib/fragments/annotation/style.css

@@ -4,5 +4,6 @@
 }
 
 body {
+  margin: 0;
   background: rgba(0, 0, 0, 0.01);
 }

package/lib/fragments/whiteboard/style.css

@@ -1,3 +1,7 @@
+body {
+  margin: 0;
+}
+
 .fcr-fragment-whiteboard-view {
   width: 100vw;
   height: 100vh;

package/lib/modules/action-bar/main-scene/store.base.d.ts

@@ -97,6 +97,7 @@ export declare abstract class ActionBarMainSceneStoreBase implements FcrUIManage
     get localUserId(): string;
     get totalUser(): number;
     get isPstnUser(): boolean;
+    get isVolteUser(): boolean;
     get localInterpreterUserInfo(): import("fcr-core/lib/room-control/interpreter-control/types").FcrInterpreterUserInfo | null;
     get interpreterUserList(): import("fcr-core/lib/room-control/interpreter-control/types").FcrInterpreterUserInfo[] | null;
     get isInterpreterEnabled(): boolean;

package/lib/modules/action-bar/main-scene/store.base.js

@@ -408,6 +408,11 @@ var ActionBarMainSceneStoreBase = exports.ActionBarMainSceneStoreBase = /*#__PUR
     get: function get() {
       return this._sharedMemberDataSource.hasOwnPstnStream;
     }
+  }, {
+    key: "isVolteUser",
+    get: function get() {
+      return this._sharedMemberDataSource.hasOwnVolteStream;
+    }
   }, {
     key: "localInterpreterUserInfo",
     get: function get() {

package/lib/modules/audio-stream/index.d.ts

@@ -5,6 +5,7 @@ export declare class AudioStreamUIModule extends UIModule {
     private _streamControl;
     private _userControl;
     private _isPstn;
+    private _isVolte;
     private _disposers;
     private _streamObserver;
     private _eventObserver;
@@ -27,6 +28,7 @@ export declare class AudioStreamUIModule extends UIModule {
     private _handleRemoteAudio;
     private _handleStopAudio;
     private _hasLocalPstnStream;
+    private _hasLocalVolteStream;
     private _handleUiEvent;
     private _handleJoinInterpretingRoomSuccess;
     private _handleLeaveInterpretingRoom;

package/lib/modules/audio-stream/index.js

@@ -65,6 +65,7 @@ var AudioStreamUIModule = exports.AudioStreamUIModule = /*#__PURE__*/function (_
       prefix: 'AudioStreamUIModule'
     }));
     (0, _defineProperty2["default"])(_this, "_isPstn", false);
+    (0, _defineProperty2["default"])(_this, "_isVolte", false);
     (0, _defineProperty2["default"])(_this, "_disposers", []);
     (0, _defineProperty2["default"])(_this, "_indicateTimerId", null);
     (0, _defineProperty2["default"])(_this, "_volumeTimerId", null);
@@ -140,7 +141,7 @@ var AudioStreamUIModule = exports.AudioStreamUIModule = /*#__PURE__*/function (_
     (0, _defineProperty2["default"])(_this, "_handleRemoteAudio", function (streamControl, streams
     // key: string,
     ) {
-      if (_this._isPstn) {
+      if (_this._isPstn || _this._isVolte) {
         streamControl.getStreamList().forEach(function (stream) {
           // stop playing all remote audio streams
           if (stream.owner.userId !== _this._localUser.userId) {
@@ -180,6 +181,12 @@ var AudioStreamUIModule = exports.AudioStreamUIModule = /*#__PURE__*/function (_
       });
       return !!pstnStream;
     });
+    (0, _defineProperty2["default"])(_this, "_hasLocalVolteStream", function (streams) {
+      var volteStream = streams.find(function (stream) {
+        return stream.connectorType === _fcrCore.FcrRoomConnectorType.VOLTE && stream.owner.userId === _this._localUser.userId;
+      });
+      return !!volteStream;
+    });
     (0, _defineProperty2["default"])(_this, "_handleUiEvent", function (action, payload) {
       switch (action) {
         // 切换语言房间订阅  ( 翻译官切换收听语言房间 为输出的语音房间时 单独出发订阅订阅 )
@@ -215,6 +222,13 @@ var AudioStreamUIModule = exports.AudioStreamUIModule = /*#__PURE__*/function (_
           _this._deviceProvider.setMicrophoneEnabled(false);
           _this.logger.info('found local PSTN stream, stop play all remote audio');
           _this._handleRemoteAudio(streamControl, streamControl.getStreamList());
+        } else if (!_this._isVolte && _this._hasLocalVolteStream(streams)) {
+          _this.logger.info("VOLTE stream is created");
+          _this._isVolte = true;
+          _this.logger.info('found local VOLTE stream, close microphone');
+          // close microphone as audio input and output through mobile phone
+          _this._deviceProvider.setMicrophoneEnabled(false);
+          _this._handleRemoteAudio(streamControl, streamControl.getStreamList());
         } else {
           _this._handleRemoteAudio(streamControl, streams);
         }
@@ -233,6 +247,16 @@ var AudioStreamUIModule = exports.AudioStreamUIModule = /*#__PURE__*/function (_
           _this._handleRemoteAudio(streamControl, streamControl.getStreamList()
           // '_handleStreamsUpdated11111',
           );
+        } else if (!_this._isVolte && _this._hasLocalVolteStream(streams)) {
+          _this.logger.info('VOLTE stream is updated');
+          _this._isVolte = true;
+          _this.logger.info('found local VOLTE stream, close microphone');
+          // close microphone as audio input and output through mobile phone
+          _this._deviceProvider.setMicrophoneEnabled(false);
+          _this.logger.info('found local VOLTE stream, stop play all remote audio');
+          _this._handleRemoteAudio(streamControl, streamControl.getStreamList()
+          // '_handleStreamsUpdated11111',
+          );
         } else {
           _this._handleRemoteAudio(streamControl, streams
           // '_handleStreamsUpdated22222'
@@ -250,6 +274,13 @@ var AudioStreamUIModule = exports.AudioStreamUIModule = /*#__PURE__*/function (_
           // '_handleStreamsRemoved',
           );
         }
+        if (_this._hasLocalVolteStream(streams)) {
+          _this.logger.info('VOLTE stream is removed');
+          _this._isVolte = false;
+          _this._handleRemoteAudio(streamControl, streamControl.getStreamList()
+          // '_handleStreamsRemoved',
+          );
+        }
         events.forEach(function (event) {
           if (event.modifiedStream.owner.userId === _this._localUser.userId) {
             return;
@@ -357,6 +388,7 @@ var AudioStreamUIModule = exports.AudioStreamUIModule = /*#__PURE__*/function (_
       this._deviceProvider = deviceProvider;
       var streams = this._streamControl.getStreamList();
       this._isPstn = this._hasLocalPstnStream(streams);
+      this._isVolte = this._hasLocalVolteStream(streams);
       this._streamObserver = this._createStreamObserver(this._streamControl);
       this._deviceProvider.addObserver(this._deviceObserver);
       this._interpreterProvider.addObserver(this._interpreterObserver);

package/lib/modules/chat/chat-room-store.js

@@ -976,8 +976,10 @@ var ChatRoomStore = exports.ChatRoomStore = /*#__PURE__*/function () {
     }
   }, {
     key: "_handleConnectionUpdated",
-    value: function _handleConnectionUpdated(_, state) {
-      this.chatRoomState = state;
+    value: function _handleConnectionUpdated(_, state, roomType) {
+      if (roomType === this._type) {
+        this.chatRoomState = state;
+      }
     }
   }, {
     key: "_initChatRoomConnectionState",

package/lib/modules/chat/index.js

@@ -145,7 +145,7 @@ var ChatUIModule = exports.ChatUIModule = /*#__PURE__*/function (_UIModule) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mobxReact.Observer, {
         children: function children() {
           return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            children: _this3.store.chatRoomState
+            children: _this3.store.chatRoomTitle
           });
         }
       });

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

@@ -22,7 +22,7 @@ export default class ChatStore implements FcrUIManagedObject {
     accessor copyMap: Map<number, boolean>;
     constructor({ objectManager }: ChatStoreArgs);
     get isMainRoom(): boolean;
-    get chatRoomState(): string;
+    get chatRoomTitle(): string;
     getChatRoomStore(type: FcrUIRoomType): ChatRoomStore;
     get localUserId(): string;
     hasWaitingRoomPermission(): boolean;

package/lib/modules/chat/store.js

@@ -214,9 +214,11 @@ var ChatStore = exports["default"] = /*#__PURE__*/function () {
       return this._isMainRoom;
     }
   }, {
-    key: "chatRoomState",
+    key: "chatRoomTitle",
     get: function get() {
-      return this._chatProvider.chatConnectionState === _type2.FcrChatRoomConnectionState.Connected ? (0, _i18n.transI18n)('fmt_chat_label_chat') : (0, _i18n.transI18n)('fmt_aside_status_connecting');
+      var _this$_sharedChatData, _this$_sharedChatData2;
+      var connectionState = (_this$_sharedChatData = (_this$_sharedChatData2 = this._sharedChatDataSource) === null || _this$_sharedChatData2 === void 0 ? void 0 : _this$_sharedChatData2.currentConnectionState) !== null && _this$_sharedChatData !== void 0 ? _this$_sharedChatData : _type2.FcrChatRoomConnectionState.Disconnected;
+      return connectionState === _type2.FcrChatRoomConnectionState.Connected ? (0, _i18n.transI18n)('fmt_chat_label_chat') : (0, _i18n.transI18n)('fmt_aside_status_connecting');
     }
   }, {
     key: "getChatRoomStore",

package/lib/modules/components/device-control/store.base.d.ts

@@ -13,6 +13,7 @@ export declare abstract class DeviceControlStoreBase {
     private _streamControlObserver;
     accessor isPstnUser: boolean;
     accessor phoneMicEnabled: boolean;
+    accessor isVolteUser: boolean;
     get microphoneId(): string | null;
     get speakerId(): string;
     get speakerList(): import("agora-rte-sdk").AgoraRtcDeviceInfo[];

package/lib/modules/components/device-control/store.base.js

@@ -59,7 +59,7 @@ var _decorator = require("agora-foundation/lib/decorator");
 var _constant = require("../../../utilities/constant");
 var _objectManager = require("../../../object-manager");
 var _DeviceControlStoreBase;
-var _initProto, _init_isPstnUser, _init_phoneMicEnabled, _openDeviceSettingDialogDecs, _openConnectionDecs, _closeConnectionDecs, _checkMediaPermissionDecs, _setSpeakerIdDecs, _setMicrophoneIdDecs, _setCameraIdDecs, _ref;
+var _initProto, _init_isPstnUser, _init_phoneMicEnabled, _init_isVolteUser, _openDeviceSettingDialogDecs, _openConnectionDecs, _closeConnectionDecs, _checkMediaPermissionDecs, _setSpeakerIdDecs, _setMicrophoneIdDecs, _setCameraIdDecs, _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; }
@@ -72,6 +72,7 @@ function _setFunctionName(e, t, n) { "symbol" == _typeof(t) && (t = (t = t.descr
 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; }
 var _A = /*#__PURE__*/new WeakMap();
 var _B = /*#__PURE__*/new WeakMap();
+var _C = /*#__PURE__*/new WeakMap();
 _ref = (_openDeviceSettingDialogDecs = [_mobx.action, _mobx.action.bound], _openConnectionDecs = [_mobx.action, _mobx.action.bound], _closeConnectionDecs = [_mobx.action, _mobx.action.bound], _checkMediaPermissionDecs = [_mobx.action, _mobx.action.bound], _setSpeakerIdDecs = [_mobx.action, _mobx.action.bound], _setMicrophoneIdDecs = [_mobx.action, _mobx.action.bound], _setCameraIdDecs = [_mobx.action, _mobx.action.bound], "_deviceProvider");
 var DeviceControlStoreBase = exports.DeviceControlStoreBase = /*#__PURE__*/function () {
   function DeviceControlStoreBase(_ref2) {
@@ -85,6 +86,7 @@ var DeviceControlStoreBase = exports.DeviceControlStoreBase = /*#__PURE__*/funct
     });
     _classPrivateFieldInitSpec(this, _A, _init_isPstnUser(this, false));
     _classPrivateFieldInitSpec(this, _B, _init_phoneMicEnabled(this, false));
+    _classPrivateFieldInitSpec(this, _C, _init_isVolteUser(this, false));
     this._dialogProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_DIALOG_PROVIDER);
     this._deviceProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_DEVICE_PROVIDER);
     this._abilityProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_ABILITY_PROVIDER);
@@ -110,6 +112,14 @@ var DeviceControlStoreBase = exports.DeviceControlStoreBase = /*#__PURE__*/funct
     set: function set(v) {
       _classPrivateFieldSet(_B, this, v);
     }
+  }, {
+    key: "isVolteUser",
+    get: function get() {
+      return _classPrivateFieldGet(_C, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_C, this, v);
+    }
   }, {
     key: "microphoneId",
     get: function get() {
@@ -249,17 +259,26 @@ var DeviceControlStoreBase = exports.DeviceControlStoreBase = /*#__PURE__*/funct
         var connectorType = _ref3.connectorType;
         return connectorType === _fcrCore.FcrRoomConnectorType.PSTN;
       });
+      var volteStream = streams.find(function (_ref4) {
+        var connectorType = _ref4.connectorType;
+        return connectorType === _fcrCore.FcrRoomConnectorType.VOLTE;
+      });
       var hasPstnStream = !!pstnStream;
+      var hasVolteStream = !!volteStream;
       this.isPstnUser = hasPstnStream;
+      this.isVolteUser = hasVolteStream;
       if (hasPstnStream) {
         this.phoneMicEnabled = pstnStream.streamType === _type.FcrStreamType.BOTH || pstnStream.audioSourceState === _fcrCore.FcrMediaSourceState.OPEN;
+      } else if (hasVolteStream) {
+        this.phoneMicEnabled = volteStream.streamType === _type.FcrStreamType.BOTH || volteStream.audioSourceState === _fcrCore.FcrMediaSourceState.OPEN;
       }
     }
   }]);
 }();
 _DeviceControlStoreBase = DeviceControlStoreBase;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_DeviceControlStoreBase, [[_mobx.observable, 1, "isPstnUser"], [_mobx.observable, 1, "phoneMicEnabled"], [_mobx.computed, 3, "microphoneId"], [_mobx.computed, 3, "speakerId"], [_mobx.computed, 3, "speakerList"], [_mobx.computed, 3, "isCallOutAbilitySupported"], [_mobx.computed, 3, "isVirtualBackgroundSupported"], [_mobx.computed, 3, "isBeautyModeAbilitySupported"], [_mobx.computed, 3, "microphoneEnabled"], [_mobx.computed, 3, "microphoneState"], [_mobx.computed, 3, "microphoneDetecting"], [_mobx.computed, 3, "cameraId"], [_mobx.computed, 3, "cameraEnabled"], [_mobx.computed, 3, "microphoneVolumeLevel"], [_mobx.computed, 3, "microphoneList"], [_mobx.computed, 3, "cameraList"], [_mobx.computed, 3, "connectType"], [_openDeviceSettingDialogDecs, 18, "openDeviceSettingDialog"], [_openConnectionDecs, 18, "openConnection"], [_closeConnectionDecs, 18, "closeConnection"], [_checkMediaPermissionDecs, 18, "checkMediaPermission"], [_setSpeakerIdDecs, 18, "setSpeakerId"], [_setMicrophoneIdDecs, 18, "setMicrophoneId"], [_setCameraIdDecs, 18, "setCameraId"], [_decorator.bound, 2, "stopAudioByComputer"], [_decorator.bound, 2, "release"], [_decorator.bound, 2, "_handleStreamUpdate"]], []).e, 3);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_DeviceControlStoreBase, [[_mobx.observable, 1, "isPstnUser"], [_mobx.observable, 1, "phoneMicEnabled"], [_mobx.observable, 1, "isVolteUser"], [_mobx.computed, 3, "microphoneId"], [_mobx.computed, 3, "speakerId"], [_mobx.computed, 3, "speakerList"], [_mobx.computed, 3, "isCallOutAbilitySupported"], [_mobx.computed, 3, "isVirtualBackgroundSupported"], [_mobx.computed, 3, "isBeautyModeAbilitySupported"], [_mobx.computed, 3, "microphoneEnabled"], [_mobx.computed, 3, "microphoneState"], [_mobx.computed, 3, "microphoneDetecting"], [_mobx.computed, 3, "cameraId"], [_mobx.computed, 3, "cameraEnabled"], [_mobx.computed, 3, "microphoneVolumeLevel"], [_mobx.computed, 3, "microphoneList"], [_mobx.computed, 3, "cameraList"], [_mobx.computed, 3, "connectType"], [_openDeviceSettingDialogDecs, 18, "openDeviceSettingDialog"], [_openConnectionDecs, 18, "openConnection"], [_closeConnectionDecs, 18, "closeConnection"], [_checkMediaPermissionDecs, 18, "checkMediaPermission"], [_setSpeakerIdDecs, 18, "setSpeakerId"], [_setMicrophoneIdDecs, 18, "setMicrophoneId"], [_setCameraIdDecs, 18, "setCameraId"], [_decorator.bound, 2, "stopAudioByComputer"], [_decorator.bound, 2, "release"], [_decorator.bound, 2, "_handleStreamUpdate"]], []).e, 4);
 _init_isPstnUser = _applyDecs$e[0];
 _init_phoneMicEnabled = _applyDecs$e[1];
-_initProto = _applyDecs$e[2];
+_init_isVolteUser = _applyDecs$e[2];
+_initProto = _applyDecs$e[3];
 var DeviceControlStoreContext = exports.DeviceControlStoreContext = /*#__PURE__*/(0, _react.createContext)(null);

package/lib/modules/components/leave-meeting/index.js

@@ -24,6 +24,7 @@ var LeaveMeeting = exports.LeaveMeeting = (0, _mobxReact.observer)(function (pro
     isLocked = _useContext.isLocked,
     hasEndRoomPermission = _useContext.hasEndRoomPermission,
     isPstnUser = _useContext.isPstnUser,
+    isVolteUser = _useContext.isVolteUser,
     loading = _useContext.loading,
     exitMeeting = _useContext.exitMeeting,
     assignHost = _useContext.assignHost,
@@ -73,7 +74,7 @@ var LeaveMeeting = exports.LeaveMeeting = (0, _mobxReact.observer)(function (pro
         onChange: function onChange(checked) {
           return setKeepConnect(checked);
         },
-        isHidden: !isPstnUser
+        isHidden: !isPstnUser && !isVolteUser
       },
       confirmBtnProps: {
         text: t('fmt_popup_button_endmeeting'),
@@ -102,7 +103,7 @@ var LeaveMeeting = exports.LeaveMeeting = (0, _mobxReact.observer)(function (pro
       onChange: function onChange(checked) {
         return setKeepConnect(checked);
       },
-      isHidden: !isPstnUser
+      isHidden: !isPstnUser && !isVolteUser
     },
     confirmBtnProps: {
       text: t('fmt_actionbar__button_leaveyes'),

package/lib/modules/components/leave-meeting/main-scene/store.d.ts

@@ -10,5 +10,6 @@ export default class LeaveMeetingStoreMain extends LeaveMeetingStoreBase {
     get localUserRole(): import("fcr-core/lib/type").FcrUserRole;
     get hostAvailibleRemoteUsers(): import("fcr-core/lib/type").FcrUserInfo[];
     get isPstnUser(): boolean;
+    get isVolteUser(): boolean;
     isHostSupportedByPlatform(platform: FcrPlatform): boolean;
 }

package/lib/modules/components/leave-meeting/main-scene/store.js

@@ -101,6 +101,11 @@ var LeaveMeetingStoreMain = exports["default"] = /*#__PURE__*/function (_LeaveMe
     get: function get() {
       return this._sharedMemberDataSource.hasOwnPstnStream;
     }
+  }, {
+    key: "isVolteUser",
+    get: function get() {
+      return this._sharedMemberDataSource.hasOwnVolteStream;
+    }
   }, {
     key: "isHostSupportedByPlatform",
     value: function isHostSupportedByPlatform(platform) {
@@ -109,5 +114,5 @@ var LeaveMeetingStoreMain = exports["default"] = /*#__PURE__*/function (_LeaveMe
   }]);
 }(_store.LeaveMeetingStoreBase);
 _LeaveMeetingStoreMain = LeaveMeetingStoreMain;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_LeaveMeetingStoreMain, [[_mobx.computed, 3, "hostAvailibleRemoteUsers"], [_mobx.computed, 3, "isPstnUser"], [_isHostSupportedByPlatformDecs, 18, "isHostSupportedByPlatform"]], [], 0, void 0, _store.LeaveMeetingStoreBase).e, 1);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_LeaveMeetingStoreMain, [[_mobx.computed, 3, "hostAvailibleRemoteUsers"], [_mobx.computed, 3, "isPstnUser"], [_mobx.computed, 3, "isVolteUser"], [_isHostSupportedByPlatformDecs, 18, "isHostSupportedByPlatform"]], [], 0, void 0, _store.LeaveMeetingStoreBase).e, 1);
 _initProto = _applyDecs$e[0];

package/lib/modules/components/leave-meeting/store.base.d.ts

@@ -19,6 +19,7 @@ export declare abstract class LeaveMeetingStoreBase {
     get hasEndRoomPermission(): boolean;
     abstract get hostAvailibleRemoteUsers(): FcrUserInfo[];
     abstract get isPstnUser(): boolean;
+    abstract get isVolteUser(): boolean;
     get isAssignHostAvailable(): boolean;
     constructor({ objectManager }: LeaveMeetingStoreArgs);
     showEndConfirmDialog(): void;

package/lib/modules/components/leave-meeting/store.base.js

@@ -186,7 +186,7 @@ var LeaveMeetingStoreBase = exports.LeaveMeetingStoreBase = /*#__PURE__*/functio
               return this._checkIfQuitFullScreen();
             case 1:
               this.loading = true;
-              _t = this.keepConnect && this.isPstnUser;
+              _t = this.keepConnect && (this.isPstnUser || this.isVolteUser);
               if (!_t) {
                 _context2.next = 2;
                 break;

package/lib/modules/components/leave-meeting/waiting-scene/store.d.ts

@@ -9,5 +9,6 @@ export default class LeaveMeetingStoreWaiting extends LeaveMeetingStoreBase {
     get localUserRole(): FcrUserRole;
     get hostAvailibleRemoteUsers(): never[];
     get isPstnUser(): boolean;
+    get isVolteUser(): boolean;
     isHostSupportedByPlatform(platform: FcrPlatform): boolean;
 }

package/lib/modules/components/leave-meeting/waiting-scene/store.js

@@ -92,6 +92,11 @@ var LeaveMeetingStoreWaiting = exports["default"] = /*#__PURE__*/function (_Leav
     get: function get() {
       return false;
     }
+  }, {
+    key: "isVolteUser",
+    get: function get() {
+      return false;
+    }
   }, {
     key: "isHostSupportedByPlatform",
     value: function isHostSupportedByPlatform(platform) {
@@ -100,5 +105,5 @@ var LeaveMeetingStoreWaiting = exports["default"] = /*#__PURE__*/function (_Leav
   }]);
 }(_store.LeaveMeetingStoreBase);
 _LeaveMeetingStoreWaiting = LeaveMeetingStoreWaiting;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_LeaveMeetingStoreWaiting, [[_mobx.computed, 3, "hostAvailibleRemoteUsers"], [_mobx.computed, 3, "isPstnUser"], [_isHostSupportedByPlatformDecs, 18, "isHostSupportedByPlatform"]], [], 0, void 0, _store.LeaveMeetingStoreBase).e, 1);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_LeaveMeetingStoreWaiting, [[_mobx.computed, 3, "hostAvailibleRemoteUsers"], [_mobx.computed, 3, "isPstnUser"], [_mobx.computed, 3, "isVolteUser"], [_isHostSupportedByPlatformDecs, 18, "isHostSupportedByPlatform"]], [], 0, void 0, _store.LeaveMeetingStoreBase).e, 1);
 _initProto = _applyDecs$e[0];

package/lib/modules/components/member-window/components/member-actions/components/icon-status.js

@@ -13,8 +13,8 @@ var _i18n = require("agora-ui-foundation/lib/i18n");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _micVolume = require("../../mic-volume");
 var _iconButtons = require("./icon-buttons");
-var _iconPhoneCall = require("agora-ui-foundation/lib/components/icon-phone-call");
 var _provider = require("../provider");
+var _microphoneState = require("agora-ui-foundation/lib/components/room-screen-share-state-bar/microphone-state");
 var _jsxRuntime = require("react/jsx-runtime");
 var IconStatus = exports.IconStatus = (0, _mobxReact.observer)(function (_ref) {
   var iconSize = _ref.iconSize,
@@ -53,15 +53,12 @@ var IconStatus = exports.IconStatus = (0, _mobxReact.observer)(function (_ref) {
   };
   var renderPhoneStatus = function renderPhoneStatus() {
     if (!isPurePhone) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-        className: "fcr-user-window-actions-microphone",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconPhoneCall.FcrIconPhoneCall, {
-          size: iconSize,
-          isMuted: !phoneMicEnabled,
-          iconColors: {
-            iconPrimary: store.ownerRoleType === _fcrCore.FcrUserRole.HOST ? 'var(--fcr_ui_scene_white10)' : 'var(--fcr_ui_scene_ramp_lightgreen6)'
-          }
-        })
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_microphoneState.MicrophoneState, {
+        isPhoneMic: true,
+        isMicrophoneMuted: !phoneMicEnabled,
+        size: iconSize,
+        voicePercent: volume,
+        activeColor: store.ownerRoleType === _fcrCore.FcrUserRole.HOST ? 'var(--fcr_ui_scene_white10)' : 'var(--fcr_ui_scene_ramp_lightgreen6)'
       });
     }
   };

package/lib/modules/components/member-window/components/member-actions/components/more-actions.js

@@ -59,8 +59,8 @@ var MoreActions = exports.MoreActions = (0, _mobxReact.observer)(function (_ref)
     isShowActionAudio = _actionMute.isShowActionAudio,
     actionAudioTag = _actionMute.actionAudioTag;
   var connectorType = audioStreamConnectorType !== _fcrCore.FcrRoomConnectorType.NONE ? audioStreamConnectorType : videoStreamConnectorType;
-  var isPhone = connectorType === _fcrCore.FcrRoomConnectorType.PSTN;
-  var userType = audioStreamConnectorType === _fcrCore.FcrRoomConnectorType.PSTN && !hasVideoStream ? 'phone' : isMeeting ? 'meeting-system' : 'normal';
+  var isPhone = connectorType === _fcrCore.FcrRoomConnectorType.PSTN || connectorType === _fcrCore.FcrRoomConnectorType.VOLTE;
+  var userType = (audioStreamConnectorType === _fcrCore.FcrRoomConnectorType.PSTN || audioStreamConnectorType === _fcrCore.FcrRoomConnectorType.VOLTE) && !hasVideoStream ? 'phone' : isMeeting ? 'meeting-system' : 'normal';
   var isHost = ownerRoleType === _fcrCore.FcrUserRole.HOST;
   var audioDeviceType = isPhone ? 'phone-mic' : 'computer-mic';
   var userData = {

package/lib/modules/components/member-window/components/member-actions/index.js

@@ -9,7 +9,6 @@ require("core-js/modules/es.array.find.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.find.js");
-var _fcrCore = require("fcr-core");
 var _provider = require("./provider");
 var _index = require("./components/layout/index");
 var _moreActions = require("./components/more-actions");
@@ -45,12 +44,6 @@ var MemberWindowActions = exports.MemberWindowActions = function MemberWindowAct
     hasMutePermission = _ref.hasMutePermission,
     hasUnmutePermission = _ref.hasUnmutePermission,
     hasRequestStartAudioPermission = _ref.hasRequestStartAudioPermission;
-  var audioStreamConnectorType = windowData.audioStreamConnectorType,
-    videoStreamConnectorType = windowData.videoStreamConnectorType,
-    hasMicrophoneAudioStream = windowData.hasMicrophoneAudioStream,
-    phoneMicEnabled = windowData.phoneMicEnabled;
-  var connectorType = audioStreamConnectorType !== _fcrCore.FcrRoomConnectorType.NONE ? audioStreamConnectorType : videoStreamConnectorType;
-  var hideAudioConnectIcon = !!(connectorType === _fcrCore.FcrRoomConnectorType.NONE ? hasMicrophoneAudioStream : connectorType === _fcrCore.FcrRoomConnectorType.PSTN ? phoneMicEnabled : false);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_provider.MemberWindowActionsProvider, {
     windowData: windowData,
     sendParticipantEvent: sendParticipantEvent,

package/lib/modules/components/member-window/components/member-actions/store.js

@@ -303,7 +303,7 @@ var MemberWindowActionsStore = exports.MemberWindowActionsStore = /*#__PURE__*/f
   }, {
     key: "isPhone",
     get: function get() {
-      return this.connectorType === _fcrCore.FcrRoomConnectorType.PSTN;
+      return this.connectorType === _fcrCore.FcrRoomConnectorType.PSTN || this.connectorType === _fcrCore.FcrRoomConnectorType.VOLTE;
     }
   }, {
     key: "isInterpreter",

package/lib/modules/components/member-window/index.js

@@ -88,7 +88,7 @@ var MemberWindow = exports.MemberWindow = (0, _mobxReact.observer)(function (_re
     avatar = windowData.avatar;
   var t = (0, _i18n.useI18n)();
   var connectorType = audioStreamConnectorType !== _fcrCore.FcrRoomConnectorType.NONE ? audioStreamConnectorType : videoStreamConnectorType;
-  var isPhone = audioStreamConnectorType === _fcrCore.FcrRoomConnectorType.PSTN;
+  var isPhone = audioStreamConnectorType === _fcrCore.FcrRoomConnectorType.PSTN || audioStreamConnectorType === _fcrCore.FcrRoomConnectorType.VOLTE;
   var isPhoneOnlyAudio = isPhone && !videoStreamId;
   var isMeeting = meetingConnectorTypes.has(connectorType);
   var suffixedName = userName + (isMySelf ? t('fmt_attendies_labels_setting_mine') : '');

package/lib/modules/components/tab-frame/index.css

@@ -6,7 +6,7 @@
 }
 
 .fcr-tabs-frame-tabs {
-  padding: 9px 0;
+  padding: 6px 0;
   display: flex;
   justify-content: center;
   -webkit-app-region: drag;
@@ -38,3 +38,14 @@
   justify-content: center;
   padding: 0px 12px 12px 12px;
 }
+
+.fcr-tabs-frame-tabs-single {
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--fcr_ui_scene_icontext1);
+  height: 34px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

package/lib/modules/components/tab-frame/index.js

@@ -36,7 +36,7 @@ function FcrDialogTabFrame(props) {
       className: "fcr-tabs-frame-tabs"
       // {...bind?.()}
       ,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tabs.FcrTabs, {
+      children: tabs.length > 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_tabs.FcrTabs, {
         activeKey: currentKey,
         items: tabs,
         onChange: function onChange(key) {
@@ -45,6 +45,9 @@ function FcrDialogTabFrame(props) {
             return tab.key === key;
           })) === null || _tabs$find === void 0 ? void 0 : _tabs$find.content) && setCurrentKey(key);
         }
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fcr-tabs-frame-tabs-single",
+        children: tabs[0].label
       })
     }), tabs.map(function (_ref) {
       var key = _ref.key,