fcr-ui-scene 3.5.0 → 3.6.0

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

@@ -16,6 +16,7 @@ require("core-js/modules/es.object.define-property.js");
 require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
 require("core-js/modules/esnext.function.metadata.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.symbol.metadata.js");
@@ -31,11 +32,15 @@ require("core-js/modules/es.array.from.js");
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.date.to-json.js");
 require("core-js/modules/es.function.bind.js");
+require("core-js/modules/es.json.stringify.js");
 require("core-js/modules/es.map.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.async-iterator.map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.iterator.map.js");
@@ -67,8 +72,12 @@ var _mobx = require("mobx");
 var _constant = require("../../utilities/constant");
 var _react = require("react");
 var _logger = require("../../utilities/logger");
+var _decorator = require("agora-foundation/lib/decorator");
+var _tools = require("../../utilities/tools");
+var _dialogs = require("../dialog/dialogs");
+var _env = require("agora-foundation/lib/utilities/env");
 var _ConfirmStore;
-var _initProto, _init_isReplaceShare, _init_confirms, _addConfirmDecs, _resetIsReplaceDecs, _handleConfirmEventDecs, _ref;
+var _initProto, _init_isReplaceShare, _init_calculateMethods, _init_reposition, _init_confirms, _init_screenBounds, _addConfirmDecs, _resetIsReplaceDecs, _handleConfirmEventDecs, _ref;
 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; }
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
@@ -83,13 +92,17 @@ 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();
+var _D = /*#__PURE__*/new WeakMap();
+var _E = /*#__PURE__*/new WeakMap();
 _ref = (_addConfirmDecs = [_mobx.action, _mobx.action.bound], _resetIsReplaceDecs = [_mobx.action, _mobx.action.bound], _handleConfirmEventDecs = [_mobx.action, _mobx.action.bound], "logger");
 var ConfirmStore = exports["default"] = /*#__PURE__*/function () {
   function ConfirmStore(_ref2) {
     var _this = this;
     var uiEventStore = _ref2.uiEventStore,
       dialogProvider = _ref2.dialogProvider,
-      screenShareProvider = _ref2.screenShareProvider;
+      screenShareProvider = _ref2.screenShareProvider,
+      screenShareDataSource = _ref2.screenShareDataSource;
     (0, _classCallCheck2["default"])(this, ConfirmStore);
     (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.createLogger)({
       prefix: 'ConfirmStore'
@@ -99,10 +112,14 @@ var ConfirmStore = exports["default"] = /*#__PURE__*/function () {
       onEvent: this._handleConfirmEvent.bind(this)
     });
     _classPrivateFieldInitSpec(this, _A, _init_isReplaceShare(this, false));
-    _classPrivateFieldInitSpec(this, _B, _init_confirms(this, new Map()));
+    _classPrivateFieldInitSpec(this, _B, _init_calculateMethods(this, new Map()));
+    _classPrivateFieldInitSpec(this, _C, _init_reposition(this, 0));
+    _classPrivateFieldInitSpec(this, _D, _init_confirms(this, new Map()));
+    _classPrivateFieldInitSpec(this, _E, _init_screenBounds(this, (0, _env.isElectron)() ? window.runtime.browserWindow.getBounds() : null));
     this._uiEventProvider = uiEventStore;
     this._dialogProvider = dialogProvider;
     this._screenShareProvider = screenShareProvider;
+    this._screenShareDataSource = screenShareDataSource;
     this._uiEventProvider.addObserver(this._handleConfirmEventObserver);
     this._dialogProvider.addObserver(this._handleConfirmEventObserver);
     this._disposers.push((0, _mobx.reaction)(function () {
@@ -112,6 +129,34 @@ var ConfirmStore = exports["default"] = /*#__PURE__*/function () {
         var _value$timer;
         value === null || value === void 0 || (_value$timer = value.timer) === null || _value$timer === void 0 || _value$timer.call(value);
       });
+    }), (0, _mobx.reaction)(function () {
+      var _this$_screenShareDat;
+      return (_this$_screenShareDat = _this._screenShareDataSource) === null || _this$_screenShareDat === void 0 ? void 0 : _this$_screenShareDat.currentShareBounds;
+    }, function (bounds) {
+      if (bounds) {
+        var _dialogWindows$get;
+        (_dialogWindows$get = _dialogs.dialogWindows.get(_constant.FcrUIDialogKey.CONFIRM)) === null || _dialogWindows$get === void 0 || _dialogWindows$get.setBounds(bounds);
+        _this.calculateMethods.forEach(function (method) {
+          return method(bounds);
+        });
+        _this.logger.info("new sharing bounds is ".concat(JSON.stringify(bounds)));
+        _this.screenBounds = bounds;
+      } else {
+        _this.logger.error("there is have no bounds ".concat(JSON.stringify(bounds)));
+      }
+    }), (0, _mobx.reaction)(function () {
+      return _this.isSeizeScreen;
+    }, function (isSeize) {
+      if (isSeize && (0, _env.isElectron)()) {
+        var _ref3 = (0, _tools.followCorrectDisplay)(_constant.FcrUIDialogKey.CONFIRM, isSeize),
+          _bounds = _ref3.bounds;
+        _this.screenBounds = _bounds;
+        _this.logger.info("new sharing bounds is ".concat(JSON.stringify(_bounds), ", when seize screen emit"));
+      }
+    }), (0, _mobx.reaction)(function () {
+      return _this.screenBounds;
+    }, function (bounds) {
+      _this.logger.debug("the bounds is  changed=>", bounds);
     }));
   }
   return (0, _createClass2["default"])(ConfirmStore, [{
@@ -123,13 +168,37 @@ var ConfirmStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_A, this, v);
     }
   }, {
-    key: "confirms",
+    key: "calculateMethods",
     get: function get() {
       return _classPrivateFieldGet(_B, this);
     },
     set: function set(v) {
       _classPrivateFieldSet(_B, this, v);
     }
+  }, {
+    key: "reposition",
+    get: function get() {
+      return _classPrivateFieldGet(_C, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_C, this, v);
+    }
+  }, {
+    key: "confirms",
+    get: function get() {
+      return _classPrivateFieldGet(_D, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_D, this, v);
+    }
+  }, {
+    key: "screenBounds",
+    get: function get() {
+      return _classPrivateFieldGet(_E, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_E, this, v);
+    }
   }, {
     key: "confirmList",
     get: function get() {
@@ -166,7 +235,11 @@ var ConfirmStore = exports["default"] = /*#__PURE__*/function () {
         }),
         timer: timer
       };
-      if (!this.confirms.get(dialogId)) {
+      if (this.confirms.has(dialogId)) {
+        this.calculateMethods.forEach(function (method) {
+          return method(_this2.screenBounds);
+        });
+      } else {
         this.confirms.set(dialogId, confirmParams);
       }
       var confirmInstance = this.confirms.get(dialogId);
@@ -207,18 +280,31 @@ var ConfirmStore = exports["default"] = /*#__PURE__*/function () {
     key: "release",
     value: function release() {
       this.confirms.clear();
+      this.calculateMethods.clear();
       this._disposers.forEach(function (disposer) {
         return disposer();
       });
       this._dialogProvider.removeObserver(this._handleConfirmEventObserver);
       this._uiEventProvider.removeObserver(this._handleConfirmEventObserver);
     }
+  }, {
+    key: "log",
+    value: function log(_log) {
+      this.logger.info(_log);
+    }
   }, {
     key: "_handleConfirmEvent",
     value: function _handleConfirmEvent(action, payload) {
       if ((payload === null || payload === void 0 ? void 0 : payload.dialogKey) === _constant.FcrUIDialogKey.CONFIRM) {
         switch (action) {
           case _constant.FcrUIAction.OPEN_DIALOG:
+            if (this.screenBounds) {
+              var _dialogWindows$get2;
+              (_dialogWindows$get2 = _dialogs.dialogWindows.get(_constant.FcrUIDialogKey.CONFIRM)) === null || _dialogWindows$get2 === void 0 || _dialogWindows$get2.setBounds(this.screenBounds);
+              this.logger.info("open confirm dialog with bounds ".concat(JSON.stringify(this.screenBounds)));
+            } else {
+              this.logger.error("the screen bounds is ".concat(JSON.stringify(this.screenBounds)));
+            }
             this.addConfirm(payload);
             break;
           case _constant.FcrUIAction.CLOSE_DIALOG:
@@ -230,8 +316,11 @@ var ConfirmStore = exports["default"] = /*#__PURE__*/function () {
   }]);
 }();
 _ConfirmStore = ConfirmStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ConfirmStore, [[_mobx.observable, 1, "isReplaceShare"], [_mobx.observable, 1, "confirms"], [_mobx.computed, 3, "confirmList"], [_addConfirmDecs, 18, "addConfirm"], [_resetIsReplaceDecs, 18, "resetIsReplace"], [_handleConfirmEventDecs, 18, "_handleConfirmEvent"]], []).e, 3);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ConfirmStore, [[_mobx.observable, 1, "isReplaceShare"], [_mobx.observable, 1, "calculateMethods"], [_mobx.observable, 1, "reposition"], [_mobx.observable, 1, "confirms"], [_mobx.observable, 1, "screenBounds"], [_mobx.computed, 3, "confirmList"], [_addConfirmDecs, 18, "addConfirm"], [_resetIsReplaceDecs, 18, "resetIsReplace"], [_decorator.bound, 2, "log"], [_handleConfirmEventDecs, 18, "_handleConfirmEvent"]], []).e, 6);
 _init_isReplaceShare = _applyDecs$e[0];
-_init_confirms = _applyDecs$e[1];
-_initProto = _applyDecs$e[2];
+_init_calculateMethods = _applyDecs$e[1];
+_init_reposition = _applyDecs$e[2];
+_init_confirms = _applyDecs$e[3];
+_init_screenBounds = _applyDecs$e[4];
+_initProto = _applyDecs$e[5];
 var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);

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

@@ -9,6 +9,10 @@ require("core-js/modules/es.object.define-property.js");
 require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/web.dom-collections.for-each.js");
@@ -17,9 +21,11 @@ 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.object.to-string.js");
-require("core-js/modules/esnext.iterator.constructor.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");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -35,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; }
@@ -69,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);
@@ -78,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))
@@ -127,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,13 +29,14 @@ 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");
 require("core-js/modules/es.map.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.map.delete-all.js");
@@ -79,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";
@@ -89,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;
@@ -99,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", {
@@ -294,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

@@ -33,6 +33,8 @@ require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.async-iterator.map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.iterator.map.js");
@@ -66,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); }
@@ -164,6 +167,7 @@ var ToastStore = exports["default"] = /*#__PURE__*/function () {
         });
       }
       if (action === _constant.FcrUIAction.OPEN_DIALOG && params.dialogKey === _constant.FcrUIDialogKey.SHOW_TOAST) {
+        (0, _tools.followCorrectDisplay)(_constant.FcrUIDialogKey.SHOW_TOAST);
         var _params$params = params.params,
           _params$params$type = _params$params.type,
           type = _params$params$type === void 0 ? 'info' : _params$params$type,

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

@@ -9,8 +9,7 @@ exports.View = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.array.map.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.async-iterator.map.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _toast = require("agora-ui-foundation/lib/components/toast");
 var _mobxReact = require("mobx-react");

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/index.js

@@ -3,6 +3,7 @@
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.object.define-property.js");
 require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
 require("core-js/modules/esnext.weak-map.delete-all.js");
@@ -15,8 +16,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 require("core-js/modules/es.array.map.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.async-iterator.map.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _react = require("react");
 var _mobxReact = require("mobx-react");

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

@@ -9,6 +9,10 @@ require("core-js/modules/es.object.define-property.js");
 require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/web.dom-collections.for-each.js");
@@ -20,8 +24,7 @@ exports["default"] = exports.ValueDom = exports.OptionItem = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.function.name.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.async-iterator.map.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _select = require("agora-ui-foundation/lib/components/select");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
@@ -153,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/interpreter-list/interpreter-item/components/pick-language/useLanguageConfig/index.js

@@ -7,6 +7,7 @@ require("core-js/modules/es.object.define-properties.js");
 require("core-js/modules/es.object.define-property.js");
 require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
 require("core-js/modules/esnext.iterator.filter.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
@@ -16,6 +17,7 @@ exports.useLanguageConfig = exports.baseLanguageConfig = void 0;
 require("core-js/modules/es.array.for-each.js");
 require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/web.dom-collections.for-each.js");

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

@@ -7,6 +7,7 @@ require("core-js/modules/es.object.define-property.js");
 require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/web.dom-collections.for-each.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -20,6 +21,9 @@ require("core-js/modules/es.array.find.js");
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.find.js");
+require("core-js/modules/esnext.async-iterator.map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.find.js");

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;