fcr-ui-scene 3.5.1 → 3.6.1

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

@@ -21,7 +21,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.View = void 0;
+require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.date.to-json.js");
+require("core-js/modules/es.json.stringify.js");
 require("core-js/modules/esnext.async-iterator.map.js");
 require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.timers.js");
@@ -38,8 +41,6 @@ var _react2 = require("@use-gesture/react");
 var _env = require("agora-foundation/lib/utilities/env");
 var _tools = require("../../utilities/tools");
 var _platform = require("../../utilities/platform");
-var _dialogs = require("../dialog/dialogs");
-var _constant = require("../../utilities/constant");
 var _jsxRuntime = require("react/jsx-runtime");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -72,7 +73,9 @@ var ConfirmWindow = (0, _mobxReact.observer)(function (_ref2) {
   var _rndRef$current;
   var confirm = _ref2.confirm;
   var _useContext2 = (0, _react.useContext)(_store.StoreContext),
-    isSeizeScreen = _useContext2.isSeizeScreen;
+    screenBounds = _useContext2.screenBounds,
+    calculateMethods = _useContext2.calculateMethods,
+    log = _useContext2.log;
   var _ref3 = (0, _env.isElectron)() ? (0, _react.useContext)(_useElectron.DialogInstanceContext) : {},
     browserWindow = _ref3.browserWindow;
   var rndRef = (0, _react.useRef)(null);
@@ -81,48 +84,35 @@ var ConfirmWindow = (0, _mobxReact.observer)(function (_ref2) {
     width: confirm.width || 320,
     height: confirm.height ? confirm.height : ((_rndRef$current = rndRef.current) === null || _rndRef$current === void 0 ? void 0 : _rndRef$current.getBoundingClientRect().height) || (confirm.icon ? 160 : 150)
   };
-  var baseBounds = {
-    x: window.innerWidth / 2 - defaultSize.width / 2,
-    y: window.innerHeight / 2 - defaultSize.height / 2,
-    width: window.innerWidth,
-    height: window.innerHeight
-  };
-  var _useMemo = (0, _react.useMemo)(function () {
-      var mainWindowBounds = (0, _env.isElectron)() ? window.runtime.browserWindow.getBounds() : baseBounds;
-      var controlbar = _dialogs.dialogWindows.get(_constant.FcrUIDialogKey.CONTROL_BAR);
-      // 按当前的窗口管理方式，在关闭 controlbar 的时候，controlbar 实际上是隐藏了自己，所以，依然能够通过 controlbar 访问到，所以需要判断是否是 visible 状态
-      // 屏幕抢占时，需要判断是否是抢占屏幕，决定是取 controlbar 的位置计算热区，还是走原有逻辑
-      var needControlbar = controlbar && (isSeizeScreen || controlbar.isVisible());
-      var nearDisplay = (0, _env.isElectron)() ? window.runtime.screen.getDisplayNearestPoint(needControlbar ? controlbar === null || controlbar === void 0 ? void 0 : controlbar.getBounds() : mainWindowBounds).bounds // 如果有 controlbar，就以 controlbar 的位置展示 confirm
-      : baseBounds;
-      return {
-        nearDisplay: nearDisplay,
-        controlbar: controlbar,
-        mainWindowBounds: mainWindowBounds,
-        needControlbar: needControlbar
-      };
-    }, []),
-    nearDisplay = _useMemo.nearDisplay,
-    controlbar = _useMemo.controlbar,
-    mainWindowBounds = _useMemo.mainWindowBounds,
-    needControlbar = _useMemo.needControlbar;
-  var x = nearDisplay.width / 2 - defaultSize.width / 2;
-  var y = nearDisplay.height / 2 - defaultSize.height / 2;
+  var baseBounds = (0, _react.useMemo)(function () {
+    var _ref4 = screenBounds || {
+        width: window.innerWidth,
+        height: window.innerHeight
+      },
+      width = _ref4.width,
+      height = _ref4.height;
+    return {
+      x: width / 2 - defaultSize.width / 2,
+      y: height / 2 - defaultSize.height / 2,
+      width: width,
+      height: height
+    };
+  }, [screenBounds]);
   var _useState = (0, _react.useState)({
-      x: x,
-      y: y
+      x: baseBounds.x,
+      y: baseBounds.y
     }),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     bounds = _useState2[0],
     setBounds = _useState2[1];
-  var bind = (0, _react2.useDrag)(function (_ref4) {
-    var _ref4$delta = (0, _slicedToArray2["default"])(_ref4.delta, 2),
-      dx = _ref4$delta[0],
-      dy = _ref4$delta[1];
+  var bind = (0, _react2.useDrag)(function (_ref5) {
+    var _ref5$delta = (0, _slicedToArray2["default"])(_ref5.delta, 2),
+      dx = _ref5$delta[0],
+      dy = _ref5$delta[1];
     var x = bounds.x + dx;
     var y = bounds.y + dy;
-    var maxX = nearDisplay.width - defaultSize.width;
-    var maxY = nearDisplay.height - defaultSize.height;
+    var maxX = baseBounds.width - defaultSize.width;
+    var maxY = baseBounds.height - defaultSize.height;
     var coord = {
       x: Math.max(0, Math.min(maxX, x)),
       y: Math.max(0, Math.min(maxY, y))
@@ -130,29 +120,48 @@ var ConfirmWindow = (0, _mobxReact.observer)(function (_ref2) {
     setBounds(coord);
   });
   var ignoreMouseTimer = (0, _react.useRef)();
-  function recalclate() {
-    if ((0, _env.isElectron)() && (0, _platform.isWindows)() && browserWindow && rndRef.current) {
-      var screenBounds = window.runtime.screen.getDisplayNearestPoint(needControlbar ? controlbar === null || controlbar === void 0 ? void 0 : controlbar.getBounds() : mainWindowBounds).bounds;
+  function recalculate(bounds) {
+    if (windowFocusTimerRef.current) {
+      clearTimeout(windowFocusTimerRef.current);
+      windowFocusTimerRef.current = undefined;
+    }
+    log("call handle checkMouseOver condition:  ".concat((0, _env.isElectron)(), " && ").concat((0, _platform.isWindows)(), " && ").concat(browserWindow, " && ").concat(rndRef.current, " && ").concat(JSON.stringify(screenBounds)));
+    if ((0, _env.isElectron)() && (0, _platform.isWindows)() && browserWindow && rndRef.current && screenBounds) {
+      log("handleCheckMouseOver called , the bounds is ".concat(JSON.stringify(bounds || screenBounds)));
       (0, _tools.handleCheckMouseOver)({
         elem: rndRef.current,
         browserWindow: browserWindow,
-        screenBounds: screenBounds,
+        screenBounds: bounds || screenBounds,
         callback: function callback(timerId) {
           windowFocusTimerRef.current = timerId;
         }
       });
     }
   }
+  var handleRecalculate = function handleRecalculate() {
+    return recalculate();
+  };
   (0, _react.useEffect)(function () {
-    browserWindow === null || browserWindow === void 0 || browserWindow.setIgnoreMouseEvents(false);
-    recalclate();
-    (0, _env.isElectron)() && (0, _platform.isWindows)() && window.runtime.screen.addListener('display-removed', recalclate);
+    browserWindow === null || browserWindow === void 0 || browserWindow.setIgnoreMouseEvents(true, {
+      forward: true
+    });
+    recalculate();
+    !calculateMethods.has(confirm) && calculateMethods.set(confirm, recalculate);
+    (0, _env.isElectron)() && (0, _platform.isWindows)() && window.runtime.screen.addListener('display-removed', handleRecalculate);
     return function () {
       clearTimeout(windowFocusTimerRef.current);
+      calculateMethods["delete"](confirm);
       ignoreMouseTimer.current && clearInterval(ignoreMouseTimer.current);
-      (0, _env.isElectron)() && (0, _platform.isWindows)() && window.runtime.screen.removeListener('display-removed', recalclate);
+      (0, _env.isElectron)() && (0, _platform.isWindows)() && window.runtime.screen.removeListener('display-removed', handleRecalculate);
     };
   }, [rndRef.current /** hack 处理 windows 下，弹出窗口层级不对的问题 */]);
+  (0, _react.useEffect)(function () {
+    log("when screen bounds changed ".concat(JSON.stringify(screenBounds)));
+    (0, _platform.isWindows)() && setBounds({
+      x: baseBounds.x,
+      y: baseBounds.y
+    });
+  }, [screenBounds]);
   var handleMouseEnter = function handleMouseEnter() {
     ignoreMouseTimer.current && clearInterval(ignoreMouseTimer.current);
     if ((0, _env.isElectron)()) {

package/lib/modules/{sound-effect → event-sound}/index.d.ts

@@ -1,7 +1,8 @@
 import { UIModule } from '../../base';
 import { FcrUIDeviceProvider } from '../../providers/device-provider';
 import { FcrUIConnectionProvider } from '../../providers/room-provider';
-declare enum SoundEffectType {
+import { FcrUISharedSettingDataSource } from '../../shared-data-source/setting';
+export declare enum SoundEffectType {
     INCOMMING_MESSAGE = "incomming_message",
     INCOMMING_PRIVATE_MESSAGE = "incomming_private_message",
     REMOTE_USER_JOINED = "remote_user_joined",
@@ -20,6 +21,7 @@ export declare class SoundEffectUIModule extends UIModule {
     private _userControl;
     private _deviceStore;
     private _connectionControl;
+    sharedSettingDataSource: FcrUISharedSettingDataSource | undefined;
     deviceProvider: FcrUIDeviceProvider | undefined;
     connectionProvider: FcrUIConnectionProvider | undefined;
     private _duration;
@@ -45,4 +47,3 @@ export declare class SoundEffectUIModule extends UIModule {
     private _handleUserJoined;
     handlePlaySoundEffect(name: SoundEffectType): void;
 }
-export {};

package/lib/modules/{sound-effect → event-sound}/index.js

@@ -29,7 +29,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SoundEffectUIModule = void 0;
+exports.SoundEffectUIModule = exports.SoundEffectType = void 0;
 require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.array.for-each.js");
 require("core-js/modules/es.array.iterator.js");
@@ -80,7 +80,7 @@ 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; }
-var SoundEffectType = /*#__PURE__*/function (SoundEffectType) {
+var SoundEffectType = exports.SoundEffectType = /*#__PURE__*/function (SoundEffectType) {
   SoundEffectType["INCOMMING_MESSAGE"] = "incomming_message";
   SoundEffectType["INCOMMING_PRIVATE_MESSAGE"] = "incomming_private_message";
   SoundEffectType["REMOTE_USER_JOINED"] = "remote_user_joined";
@@ -90,7 +90,7 @@ var SoundEffectType = /*#__PURE__*/function (SoundEffectType) {
   SoundEffectType["SCREEN_SHARING_STARTED"] = "screen_sharing_started";
   SoundEffectType["BOARD_SHARING_STARTED"] = "board_sharing_started";
   return SoundEffectType;
-}(SoundEffectType || {});
+}({});
 var SoundEffectUIModule = exports.SoundEffectUIModule = /*#__PURE__*/function (_UIModule) {
   function SoundEffectUIModule() {
     var _this;
@@ -100,7 +100,7 @@ var SoundEffectUIModule = exports.SoundEffectUIModule = /*#__PURE__*/function (_
     }
     _this = _callSuper(this, SoundEffectUIModule, [].concat(args));
     (0, _defineProperty2["default"])(_this, "currentRoomControlProvider", void _initProto(_this));
-    (0, _defineProperty2["default"])(_this, "_duration", 5000);
+    (0, _defineProperty2["default"])(_this, "_duration", 15000);
     (0, _defineProperty2["default"])(_this, "_soundEffectTimer", new Map());
     (0, _defineProperty2["default"])(_this, "_soundEffectPlayerMap", new Map());
     (0, _defineProperty2["default"])(_this, "_engineObserver", {
@@ -295,7 +295,11 @@ var SoundEffectUIModule = exports.SoundEffectUIModule = /*#__PURE__*/function (_
   }, {
     key: "handlePlaySoundEffect",
     value: function handlePlaySoundEffect(name) {
-      var _this5 = this;
+      var _this$sharedSettingDa,
+        _this5 = this;
+      if (!((_this$sharedSettingDa = this.sharedSettingDataSource) !== null && _this$sharedSettingDa !== void 0 && _this$sharedSettingDa.setting.isPlaySound)) {
+        return;
+      }
       var soundEffect = this._findSoundEffectByName(name);
       if (soundEffect) {
         var timer = this._soundEffectTimer.get(name);

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

@@ -68,6 +68,7 @@ var _toast = require("agora-ui-foundation/lib/components/toast");
 var _react = require("react");
 var _env = require("agora-foundation/lib/utilities/env");
 var _logger = require("../../utilities/logger");
+var _tools = require("../../utilities/tools");
 var _ToastStore;
 var _initProto, _init_toasts, _addToastDecs, _handleToastEventDecs, _ref;
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
@@ -103,7 +104,7 @@ var ToastStore = exports["default"] = /*#__PURE__*/function () {
     this._disposers.push((0, _mobx.reaction)(function () {
       return _this.toastsList;
     }, function () {
-      _this.toasts.forEach(function (value, key) {
+      _this.toasts.forEach(function (value) {
         value();
       });
     }));
@@ -166,6 +167,10 @@ var ToastStore = exports["default"] = /*#__PURE__*/function () {
         });
       }
       if (action === _constant.FcrUIAction.OPEN_DIALOG && params.dialogKey === _constant.FcrUIDialogKey.SHOW_TOAST) {
+        (0, _tools.followCorrectDisplay)({
+          dialogKey: _constant.FcrUIDialogKey.SHOW_TOAST,
+          alwaysFollowScreen: true
+        });
         var _params$params = params.params,
           _params$params$type = _params$params.type,
           type = _params$params$type === void 0 ? 'info' : _params$params$type,

package/lib/modules/interpreter/dialog-content/index.js

@@ -25,7 +25,10 @@ var DialogContent = exports.DialogContent = function DialogContent(props) {
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
         type: _type.FcrIconType.FCR_TRANSLANGUAGE,
         size: 24,
-        className: "fcr-interpreter-dialog-content-language-icon"
+        className: "fcr-interpreter-dialog-content-language-icon",
+        colors: {
+          iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
+        }
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_pickLanguage.ValueDom, {
         model: supportedLanguages[1]
       })]

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

@@ -3,6 +3,7 @@ import { FcrUIEventProvider } from '../../providers/event-provider';
 import { FcrUIInterpreterProvider } from '../../providers/interpreter-provider';
 import { FcrUIMainRoomControlProvider } from '../../providers/room-provider';
 import { FcrUISharedInterpreterDataSource } from '../../shared-data-source/interpreter';
+import { FcrUIDevicePrivilegeProvider } from '../../providers/device-privilege-provider';
 import { FcrUIMessageProvider } from '../../providers/message-provider';
 import { FcrUIDialogProvider } from '../../providers/dialog-provider';
 export declare class InterpreterUIModule extends UIModule {
@@ -13,6 +14,7 @@ export declare class InterpreterUIModule extends UIModule {
     sharedInterpreterDataSource?: FcrUISharedInterpreterDataSource;
     dialogProvider?: FcrUIDialogProvider;
     eventProvider?: FcrUIEventProvider;
+    devicePrivilegeProvider?: FcrUIDevicePrivilegeProvider;
     onNodeWillActive(): void;
     nodeWillInactive(): void;
     getComponent(): import("react/jsx-runtime").JSX.Element;

package/lib/modules/interpreter/index.js

@@ -91,7 +91,8 @@ var InterpreterUIModule = exports.InterpreterUIModule = /*#__PURE__*/function (_
         interpreterProvider: this.interpreterProvider,
         sharedInterpreterDataSource: this.sharedInterpreterDataSource,
         dialogProvider: this.dialogProvider,
-        eventProvider: this.eventProvider
+        eventProvider: this.eventProvider,
+        devicePrivilegeProvider: this.devicePrivilegeProvider
       });
     }
   }, {

package/lib/modules/interpreter/interpreter-list/interpreter-item/components/pick-language/index.js

@@ -156,6 +156,9 @@ var PickLanguage = function PickLanguage(props) {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
           type: _type.FcrIconType.FCR_TRANSLANGUAGE,
           size: 24,
+          colors: {
+            iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
+          },
           className: "fcr-simultaneous-interpretation__pick-Language-container-icon"
         })
       })

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

@@ -10,7 +10,7 @@ export default class InterpreterStore {
     private _interpreterProvider;
     private _sharedInterpreterDataSource;
     private _eventProvider;
-    private _dialogInfo;
+    private _devicePrivilegeProvider;
     private _confirmDialogs;
     private _interpreterProviderObserver;
     private _userControlObserver;
@@ -26,7 +26,7 @@ export default class InterpreterStore {
     get isFormValidationPassed(): boolean;
     get isAllInterpreterUsersOffline(): boolean;
     get languageList(): FcrLanguage[];
-    constructor({ mainRoomControl, messageProvider, dialogProvider, interpreterProvider, sharedInterpreterDataSource, eventProvider, }: InterpreterStoreProps);
+    constructor({ mainRoomControl, messageProvider, dialogProvider, interpreterProvider, sharedInterpreterDataSource, eventProvider, devicePrivilegeProvider, }: InterpreterStoreProps);
     openInterpreterState(): void;
     closeInterpreterState(): void;
     setInterpreterListEditState(): void;

package/lib/modules/interpreter/store.js

@@ -142,25 +142,12 @@ var InterpreterStore = exports["default"] = /*#__PURE__*/function () {
       dialogProvider = _ref2.dialogProvider,
       interpreterProvider = _ref2.interpreterProvider,
       sharedInterpreterDataSource = _ref2.sharedInterpreterDataSource,
-      eventProvider = _ref2.eventProvider;
+      eventProvider = _ref2.eventProvider,
+      devicePrivilegeProvider = _ref2.devicePrivilegeProvider;
     (0, _classCallCheck2["default"])(this, InterpreterStore);
     (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.createLogger)({
       prefix: 'InterpreterStore'
     })));
-    (0, _defineProperty2["default"])(this, "_dialogInfo", {
-      interpreterListUpdated: {
-        title: (0, _i18n.transI18n)('fmt_interpretation_interpreter_popup_label_language_change_attention'),
-        content: (0, _i18n.transI18n)('fmt_interpretation_interpreter_popup_label_language_change_by_controller')
-      },
-      localBecomeInterpreter: {
-        title: (0, _i18n.transI18n)('fmt_interpretation_mobile_interpreter_popup_label_as_interpreter'),
-        content: (0, _i18n.transI18n)('fmt_interpretation_mobile_interpreter_popup_label_open_microphone')
-      },
-      localNotInterpreter: {
-        title: (0, _i18n.transI18n)('fmt_interpretation_mobile_interpreter_popup_label_permission_revoke'),
-        content: (0, _i18n.transI18n)('fmt_interpretation_mobile_interpreter_popup_label_status_cancel')
-      }
-    });
     (0, _defineProperty2["default"])(this, "_confirmDialogs", new Set());
     (0, _defineProperty2["default"])(this, "_interpreterProviderObserver", {
       onLocalBecameInterpreter: function onLocalBecameInterpreter(supportedLanguages, outputLanguage) {
@@ -170,17 +157,29 @@ var InterpreterStore = exports["default"] = /*#__PURE__*/function () {
       },
       onLocalNotInterpreter: function onLocalNotInterpreter() {
         //本地用户翻译官被取消
-        _this._openInofDialog(_this._dialogInfo.localNotInterpreter);
+        var localNotInterpreter = {
+          title: (0, _i18n.transI18n)('fmt_interpretation_mobile_interpreter_popup_label_permission_revoke'),
+          content: (0, _i18n.transI18n)('fmt_interpretation_mobile_interpreter_popup_label_status_cancel')
+        };
+        _this._openInofDialog(localNotInterpreter);
         _this._updatePublishAudioPrivilegeOfStreams(true);
       },
       onLocalBecomeInterpreter: function onLocalBecomeInterpreter(supportedLanguages, outputLanguage) {
         //本地用户被指定为翻译官
-        _this._openInofDialog(_this._dialogInfo.localBecomeInterpreter, supportedLanguages);
+        var localBecomeInterpreter = {
+          title: (0, _i18n.transI18n)('fmt_interpretation_mobile_interpreter_popup_label_as_interpreter'),
+          content: (0, _i18n.transI18n)('fmt_interpretation_mobile_interpreter_popup_label_open_microphone')
+        };
+        _this._openInofDialog(localBecomeInterpreter, supportedLanguages);
         _this._updatePublishAudioPrivilegeOfStreams(false);
       },
       onLocalInterpreterUpdated: function onLocalInterpreterUpdated(supportedLanguages, outputLanguage) {
         // 本地翻译官语言变更
-        _this._openInofDialog(_this._dialogInfo.interpreterListUpdated, supportedLanguages);
+        var interpreterListUpdated = {
+          title: (0, _i18n.transI18n)('fmt_interpretation_interpreter_popup_label_language_change_attention'),
+          content: (0, _i18n.transI18n)('fmt_interpretation_interpreter_popup_label_language_change_by_controller')
+        };
+        _this._openInofDialog(interpreterListUpdated, supportedLanguages);
       },
       onInterpreterListUpdated: function onInterpreterListUpdated(interpreterList, operatorUser) {
         // 查询同声传译列表
@@ -262,6 +261,7 @@ var InterpreterStore = exports["default"] = /*#__PURE__*/function () {
     this._messageProvider = messageProvider;
     this._interpreterProvider = interpreterProvider;
     this._sharedInterpreterDataSource = sharedInterpreterDataSource;
+    this._devicePrivilegeProvider = devicePrivilegeProvider;
 
     // 初始化历史参会者列表
     this._getInitUsers();
@@ -589,7 +589,7 @@ var InterpreterStore = exports["default"] = /*#__PURE__*/function () {
     key: "_updatePublishAudioPrivilegeOfStreams",
     value: function () {
       var _updatePublishAudioPrivilegeOfStreams2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(open) {
-        var mainStreamControl, localStreamList, micStreams, streamId, streamInfo, hasAudioPublishPrivilege, streamsConfig;
+        var mainStreamControl, localStreamList, micStreams, streamId, hasOpenMicrophonePrivilege, streamsConfig;
         return _regenerator["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -599,10 +599,16 @@ var InterpreterStore = exports["default"] = /*#__PURE__*/function () {
                 return ele.audioSourceType === _type5.AgoraRteAudioSourceType.MICROPHONE;
               });
               streamId = !!micStreams.length ? micStreams[0].streamId : null;
-              if (streamId) {
-                streamInfo = mainStreamControl.getStreamByStreamId(streamId);
-                hasAudioPublishPrivilege = streamInfo && (streamInfo.streamType === _fcrCore.FcrStreamType.BOTH || streamInfo.streamType === _fcrCore.FcrStreamType.AUDIO);
-                if (hasAudioPublishPrivilege) {
+              if (!streamId) {
+                _context.next = 9;
+                break;
+              }
+              _context.next = 7;
+              return this._devicePrivilegeProvider.hasOpenMicrophonePrivilege();
+            case 7:
+              hasOpenMicrophonePrivilege = _context.sent;
+              if (hasOpenMicrophonePrivilege) {
+                if (!open) {
                   streamsConfig = (0, _defineProperty2["default"])({}, streamId, {
                     audioPrivilege: open ? _fcrCore.FcrStreamPrivilegeOperation.HAS_PRIVILEGE : _fcrCore.FcrStreamPrivilegeOperation.NOPRIVILEGE,
                     videoPrivilege: _fcrCore.FcrStreamPrivilegeOperation.NOOPERATION
@@ -610,7 +616,7 @@ var InterpreterStore = exports["default"] = /*#__PURE__*/function () {
                   mainStreamControl.updatePublishPrivilegeOfStreams(streamsConfig);
                 }
               }
-            case 5:
+            case 9:
             case "end":
               return _context.stop();
           }

package/lib/modules/interpreter/type.d.ts

@@ -5,6 +5,7 @@ import { FcrUIInterpreterProvider } from '../../providers/interpreter-provider';
 import { FcrUISharedInterpreterDataSource } from '../../shared-data-source/interpreter';
 import { FcrUIMessageProvider } from '../../providers/message-provider';
 import { FcrUIDialogProvider } from '../../providers/dialog-provider';
+import { FcrUIDevicePrivilegeProvider } from '../../providers/device-privilege-provider';
 export declare enum UpdateType {
     JOIN = "join",
     LEFT = "left"
@@ -25,4 +26,5 @@ export interface InterpreterStoreProps {
     dialogProvider: FcrUIDialogProvider;
     messageProvider: FcrUIMessageProvider;
     eventProvider: FcrUIEventProvider;
+    devicePrivilegeProvider: FcrUIDevicePrivilegeProvider;
 }

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

@@ -34,8 +34,6 @@ var _zonePhone = require("agora-ui-foundation/lib/components/zone-phone");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _errorTips = require("./error-tips");
 var _enums = require("../enums");
-var _tools = require("../../../utilities/tools");
-var _meetingDetail = require("../../../utilities/meeting-detail");
 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; }
@@ -73,14 +71,7 @@ var PSTNInvite = exports.PSTNInvite = (0, _mobxReact.observer)(function () {
     pstnCountryCodeList = _useContext.pstnCountryCodeList,
     stopSession = _useContext.stopSession,
     showToast = _useContext.showToast,
-    _useContext$roomInfo = _useContext.roomInfo,
-    inviteLink = _useContext$roomInfo.inviteLink,
-    password = _useContext$roomInfo.password,
-    roomId = _useContext$roomInfo.roomId,
-    roomName = _useContext$roomInfo.roomName,
-    userName = _useContext.localUser.userName,
-    meetingId = _useContext.meetingId,
-    roomSchedule = _useContext.roomSchedule;
+    roomDetailCopyText = _useContext.roomDetailCopyText;
   var _useState13 = (0, _react.useState)(pstnCountryCodeList.length ? pstnCountryCodeList[0].text : ''),
     _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
     invitePhoneZone = _useState14[0],
@@ -95,22 +86,8 @@ var PSTNInvite = exports.PSTNInvite = (0, _mobxReact.observer)(function () {
   var checkInput = (0, _react.useCallback)(function (input, setError) {
     setError(input.trim().length === 0);
   }, []);
-  var getShareLink = function getShareLink() {
-    var info = {
-      roomId: roomId,
-      roomName: roomName,
-      userName: userName
-    };
-    var baseLink = "".concat(inviteLink);
-    return baseLink;
-  };
-  var shareLink = (0, _react.useMemo)(function () {
-    return getShareLink();
-  }, []);
-  var displayMeetingId = (0, _tools.renderMeetingId)(meetingId, roomId);
-  var detailText = (0, _meetingDetail.generateMeetingDetail)(userName, roomName, (0, _meetingDetail.generateMeetingDuration)((roomSchedule === null || roomSchedule === void 0 ? void 0 : roomSchedule.startTime) || 0, (roomSchedule === null || roomSchedule === void 0 ? void 0 : roomSchedule.duration) || 0), shareLink, displayMeetingId, password || '');
   var handleCopyMeetingDetail = (0, _react.useCallback)(function () {
-    (0, _copyText.copyText)(detailText).then(function () {
+    (0, _copyText.copyText)(roomDetailCopyText).then(function () {
       showToast({
         type: 'info',
         message: transI18n('fmt_statusbar_status_coppied')

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

@@ -0,0 +1,26 @@
+.fcr_invite_btn {
+  width: 127px;
+  height: 42px;
+  border-radius: var(--fcr_cornerradius_m);
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+
+.h323_btn {
+  background-color: var(--fcr_ui_scene_ramp_purple6);
+}
+
+.sip_btn {
+  background-color: var(--fcr_ui_scene_ramp_orange6);
+}
+
+.fcr_invite_btn_label {
+  color: var(--fcr_ui_scene_white10);
+  font-size: 14px;
+  margin-left: 18px;
+  width: 70px;
+  height: 18px;
+  display: inline-block;
+  line-height: 18px;
+}

package/lib/modules/invite/components/voip-invite.d.ts

@@ -1 +1,2 @@
+import './voip-invite.css';
 export declare const VoipInvite: React.FC;

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

@@ -26,6 +26,7 @@ var _type2 = require("fcr-core/lib/room-control/room-connector-control/type");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _errorTips = require("./error-tips");
 var _enums = require("../enums");
+require("./voip-invite.css");
 var _jsxRuntime = require("react/jsx-runtime");
 var VoipInvite = exports.VoipInvite = (0, _mobxReact.observer)(function () {
   var _calledVoipInfo$state;
@@ -138,7 +139,7 @@ var VoipInvite = exports.VoipInvite = (0, _mobxReact.observer)(function () {
       }), currentTab === _enums.CallType.OUTGOING && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_input.FcrInput, {
           placeholder: t('fmt_sip_inputtips_sip_323'),
-          size: "small",
+          size: "medium",
           shape: "rounded",
           value: callVoip,
           onChange: function onChange(val) {
@@ -158,29 +159,25 @@ var VoipInvite = exports.VoipInvite = (0, _mobxReact.observer)(function () {
           onChange: function onChange(value) {
             setCurrentVoipType(value);
           },
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_button.FcrButton, {
-            type: "primary",
-            size: "M",
-            shape: "rounded",
-            className: "invite__voip-invite__voip_type__h323-button",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "fcr_invite_btn h323_btn",
             onClick: function onClick() {
               return setCurrentVoipType(_enums.VoipType.H323);
             },
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "fcr_invite_btn_label",
               children: "H323"
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.FcrRadio, {
               styleType: "white",
               value: _enums.VoipType.H323
             })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_button.FcrButton, {
-            type: "primary",
-            size: "M",
-            shape: "rounded",
-            className: "invite__voip-invite__voip_type__sip-button",
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "fcr_invite_btn sip_btn",
             onClick: function onClick() {
               return setCurrentVoipType(_enums.VoipType.SIP);
             },
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "fcr_invite_btn_label",
               children: "SIP"
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.FcrRadio, {
               styleType: "white",

package/lib/modules/invite/index.css

@@ -41,6 +41,17 @@
   margin: 30px 0;
 }
 
+.invite__pstn-invite .fcr-input-m {
+  height: 36px !important;
+  border-radius: 8px !important;
+}
+
+.invite__pstn-invite .fcr-select-phone-top,
+.invite__pstn-invite .fcr-select-phone.fcr-select-phone-s,
+.invite__pstn-invite .fcr-select-wrapper-s {
+  height: 36px !important;
+}
+
 .invite__pstn-invite_edit_phone {
   height: 116px;
 }
@@ -195,11 +206,13 @@
   flex: 50%;
 }
 .invite__voip-invite__edit-content-title {
-  font-size: 14px;
-  font-weight: var(--fcr_font_weight_l);
+  font-size: 15px;
+  font-weight: 700;
   margin: 12px 0 30px 0;
+  text-align: center;
+  color: var(--fcr_ui_scene_icontext1);
 }
-.invite__voip-invite__voip_type button p {
+.invite__voip-invite__voip_type button > div {
   display: flex;
   flex-direction: row;
   align-items: center;

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

@@ -1,7 +1,7 @@
 import { UIModule } from '../../base';
 import './index.css';
 import { FcrUIEventProvider } from '../../providers/event-provider';
-import { FcrUIMainRoomControlProvider } from '../../providers/room-provider';
+import { FcrUIMainRoomControlProvider, FcrUIRoomProvider } from '../../providers/room-provider';
 import { FcrUIMemberSharedDataSource } from '../../shared-data-source/member-data';
 import { FcrUIMeetingTimeSharedDataSource } from '../../shared-data-source/meeting-time';
 export declare class InviteUIModule extends UIModule {
@@ -10,6 +10,7 @@ export declare class InviteUIModule extends UIModule {
     eventProvider?: FcrUIEventProvider;
     sharedMemberDataSource?: FcrUIMemberSharedDataSource;
     sharedMeetingTimeDataSource?: FcrUIMeetingTimeSharedDataSource;
+    roomProvider?: FcrUIRoomProvider;
     onNodeWillActive(): void;
     onNodeWillInactive(): void;
     getComponent(): import("react/jsx-runtime").JSX.Element;