fcr-ui-scene 3.6.2 → 3.6.4

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

@@ -37,17 +37,41 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MemberWindowActionsStoreContext = exports.MemberWindowActionsStore = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.set.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.set.add-all.js");
+require("core-js/modules/esnext.set.delete-all.js");
+require("core-js/modules/esnext.set.difference.v2.js");
+require("core-js/modules/esnext.set.difference.js");
+require("core-js/modules/esnext.set.every.js");
+require("core-js/modules/esnext.set.filter.js");
+require("core-js/modules/esnext.set.find.js");
+require("core-js/modules/esnext.set.intersection.v2.js");
+require("core-js/modules/esnext.set.intersection.js");
+require("core-js/modules/esnext.set.is-disjoint-from.v2.js");
+require("core-js/modules/esnext.set.is-disjoint-from.js");
+require("core-js/modules/esnext.set.is-subset-of.v2.js");
+require("core-js/modules/esnext.set.is-subset-of.js");
+require("core-js/modules/esnext.set.is-superset-of.v2.js");
+require("core-js/modules/esnext.set.is-superset-of.js");
+require("core-js/modules/esnext.set.join.js");
+require("core-js/modules/esnext.set.map.js");
+require("core-js/modules/esnext.set.reduce.js");
+require("core-js/modules/esnext.set.some.js");
+require("core-js/modules/esnext.set.symmetric-difference.v2.js");
+require("core-js/modules/esnext.set.symmetric-difference.js");
+require("core-js/modules/esnext.set.union.v2.js");
+require("core-js/modules/esnext.set.union.js");
 require("core-js/modules/esnext.weak-map.delete-all.js");
 require("core-js/modules/esnext.weak-map.emplace.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/web.timers.js");
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _react = require("react");
 var _mobx = require("mobx");
 var _fcrCore = require("fcr-core");
@@ -65,6 +89,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 MEETING_CONNECTOR_TYPES = new Set([_fcrCore.FcrRoomConnectorType.SIP, _fcrCore.FcrRoomConnectorType.H323]);
 var _A = /*#__PURE__*/new WeakMap();
 var _B = /*#__PURE__*/new WeakMap();
 var _C = /*#__PURE__*/new WeakMap();
@@ -142,6 +167,11 @@ var MemberWindowActionsStore = exports.MemberWindowActionsStore = /*#__PURE__*/f
       var _this$_windowData3;
       return (_this$_windowData3 = this._windowData) === null || _this$_windowData3 === void 0 ? void 0 : _this$_windowData3.isMySelf;
     }
+  }, {
+    key: "isMeeting",
+    get: function get() {
+      return MEETING_CONNECTOR_TYPES.has(this.connectorType);
+    }
   }, {
     key: "ownerRoleType",
     get: function get() {
@@ -159,29 +189,59 @@ var MemberWindowActionsStore = exports.MemberWindowActionsStore = /*#__PURE__*/f
       var _this$_windowData5;
       return (_this$_windowData5 = this._windowData) === null || _this$_windowData5 === void 0 ? void 0 : _this$_windowData5.hasVideoStream;
     }
+
+    /**
+     * 是否有屏幕共享。
+     * 屏幕共享的 windowData、屏幕共享人的 windowData 上的 hasScreenSharing 属性都为 ture，
+     * 所以不能通过此属性判断是屏幕共享窗口，还是屏幕共享人的视频窗口。
+     * 如果需要判断是否是屏幕共享窗口，请使用 isScreenSharingWindow 属性。
+     * 如果需要判断是否是屏幕共享人的视频窗口，请使用 isScreenSharingPeopleVideoWindow 属性。
+     */
   }, {
     key: "hasScreenSharing",
     get: function get() {
-      var _this$_windowData6;
-      return (_this$_windowData6 = this._windowData) === null || _this$_windowData6 === void 0 ? void 0 : _this$_windowData6.hasScreenSharing;
+      var _this$_windowData6, _this$_windowData7;
+      // 因为开启白板共享时，hasScreenSharing 和 hasBoardSharing 都为 true，
+      // 所以这里区分一下，如果有屏幕共享，并且没有白板共享时，才认为是屏幕共享。
+      return ((_this$_windowData6 = this._windowData) === null || _this$_windowData6 === void 0 ? void 0 : _this$_windowData6.hasScreenSharing) && !((_this$_windowData7 = this._windowData) !== null && _this$_windowData7 !== void 0 && _this$_windowData7.hasBoardSharing);
+    }
+
+    /**
+     * 是否有白板共享。
+     * 参考 hasScreenSharing 的注释。
+     */
+  }, {
+    key: "hasBoardSharing",
+    get: function get() {
+      var _this$_windowData8;
+      return (_this$_windowData8 = this._windowData) === null || _this$_windowData8 === void 0 ? void 0 : _this$_windowData8.hasBoardSharing;
+    }
+
+    /**
+     * 是否有共享（屏幕、白板）。
+     */
+  }, {
+    key: "hasSharing",
+    get: function get() {
+      return this.hasScreenSharing || this.hasBoardSharing;
     }
   }, {
     key: "isPin",
     get: function get() {
-      var _this$_windowData7;
-      return (_this$_windowData7 = this._windowData) === null || _this$_windowData7 === void 0 ? void 0 : _this$_windowData7.isPin;
+      var _this$_windowData9;
+      return (_this$_windowData9 = this._windowData) === null || _this$_windowData9 === void 0 ? void 0 : _this$_windowData9.isPin;
     }
   }, {
     key: "hasMicrophoneAudioStream",
     get: function get() {
-      var _this$_windowData8;
-      return (_this$_windowData8 = this._windowData) === null || _this$_windowData8 === void 0 ? void 0 : _this$_windowData8.hasMicrophoneAudioStream;
+      var _this$_windowData0;
+      return (_this$_windowData0 = this._windowData) === null || _this$_windowData0 === void 0 ? void 0 : _this$_windowData0.hasMicrophoneAudioStream;
     }
   }, {
     key: "audioStreamConnectorType",
     get: function get() {
-      var _this$_windowData9;
-      return (_this$_windowData9 = this._windowData) === null || _this$_windowData9 === void 0 ? void 0 : _this$_windowData9.audioStreamConnectorType;
+      var _this$_windowData1;
+      return (_this$_windowData1 = this._windowData) === null || _this$_windowData1 === void 0 ? void 0 : _this$_windowData1.audioStreamConnectorType;
     }
   }, {
     key: "videoStreamConnectorType",
@@ -238,11 +298,58 @@ var MemberWindowActionsStore = exports.MemberWindowActionsStore = /*#__PURE__*/f
     get: function get() {
       return this.hasScreenSharing && this.windowType === _type.FcrUIWindowType.VIDEO;
     }
+
+    /**
+     * 是否是屏幕共享人的视频窗口。
+     * 如果有屏幕共享，并且视频源类型是 CAMERA，则认为是屏幕共享人的视频窗口。
+     */
+  }, {
+    key: "isScreenSharingPeopleVideoWindow",
+    get: function get() {
+      var _this$_windowData15;
+      return this.hasScreenSharing && ((_this$_windowData15 = this._windowData) === null || _this$_windowData15 === void 0 ? void 0 : _this$_windowData15.videoSourceType) === _fcrCore.FcrVideoSourceType.CAMERA;
+    }
+
+    /**
+     * 是否是白板共享人的视频窗口。
+     * 如果有白板共享，并且 windowType 是 VIDEO， 则认为是白板共享人的视频窗口。
+     */
+  }, {
+    key: "isBoardSharingPeopleVideoWindow",
+    get: function get() {
+      var _this$_windowData16;
+      return ((_this$_windowData16 = this._windowData) === null || _this$_windowData16 === void 0 ? void 0 : _this$_windowData16.hasBoardSharing) && this.windowType === _type.FcrUIWindowType.VIDEO;
+    }
+
+    /**
+     * 是否是共享（屏幕、白板）人的视频窗口。
+     */
+  }, {
+    key: "isSharingPeopleVideoWindow",
+    get: function get() {
+      return this.isScreenSharingPeopleVideoWindow || this.isBoardSharingPeopleVideoWindow;
+    }
   }, {
-    key: "isWhiteboardSharing",
+    key: "isWhiteboardSharingWindow",
     get: function get() {
       return this.windowType === _type.FcrUIWindowType.BOARD;
     }
+  }, {
+    key: "isScreenSharingWindow",
+    get: function get() {
+      var _this$_windowData17;
+      return ((_this$_windowData17 = this._windowData) === null || _this$_windowData17 === void 0 ? void 0 : _this$_windowData17.videoSourceType) === _fcrCore.FcrVideoSourceType.SCREEN;
+    }
+
+    /**
+     * 是否是共享窗口（屏幕、白板）。
+     * 如果是白板共享窗口，或者是屏幕共享窗口，则认为是共享窗口。
+     */
+  }, {
+    key: "isSharingWindow",
+    get: function get() {
+      return this.isWhiteboardSharingWindow || this.isScreenSharingWindow;
+    }
   }, {
     key: "hasLoopbackAudioStream",
     get: function get() {
@@ -298,7 +405,7 @@ var MemberWindowActionsStore = exports.MemberWindowActionsStore = /*#__PURE__*/f
   }]);
 }();
 _MemberWindowActionsStore = MemberWindowActionsStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_MemberWindowActionsStore, [[_mobx.observable, 1, "isOnlyShowVideoStream"], [_mobx.observable, 1, "isShowDropMenu"], [_mobx.observable, 1, "timerRef"], [_mobx.observable, 1, "interpreterUser"], [_mobx.computed, 3, "windowData"], [_mobx.computed, 3, "userId"], [_mobx.computed, 3, "userName"], [_mobx.computed, 3, "isMySelf"], [_mobx.computed, 3, "ownerRoleType"], [_mobx.computed, 3, "isManager"], [_mobx.computed, 3, "hasVideoStream"], [_mobx.computed, 3, "hasScreenSharing"], [_mobx.computed, 3, "isPin"], [_mobx.computed, 3, "hasMicrophoneAudioStream"], [_mobx.computed, 3, "audioStreamConnectorType"], [_mobx.computed, 3, "videoStreamConnectorType"], [_mobx.computed, 3, "videoStreamId"], [_mobx.computed, 3, "audioStreamId"], [_mobx.computed, 3, "phoneMicEnabled"], [_mobx.computed, 3, "windowType"], [_mobx.computed, 3, "connectorType"], [_mobx.computed, 3, "isPhone"], [_mobx.computed, 3, "isInterpreter"], [_mobx.computed, 3, "isPurePhone"], [_mobx.computed, 3, "isScreenSharing"], [_mobx.computed, 3, "isWhiteboardSharing"], [_mobx.computed, 3, "hasLoopbackAudioStream"], [_setOnlyShowVideoStreamDecs, 18, "setOnlyShowVideoStream"], [_setIsShowDropMenuDecs, 18, "setIsShowDropMenu"], [_onVisibleChangeDecs, 18, "onVisibleChange"], [_decorator.bound, 2, "sendParticipantEvent"], [_decorator.bound, 2, "muteAudio"], [_decorator.bound, 2, "handleRename"], [_decorator.bound, 2, "release"]], []).e, 5);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_MemberWindowActionsStore, [[_mobx.observable, 1, "isOnlyShowVideoStream"], [_mobx.observable, 1, "isShowDropMenu"], [_mobx.observable, 1, "timerRef"], [_mobx.observable, 1, "interpreterUser"], [_mobx.computed, 3, "windowData"], [_mobx.computed, 3, "userId"], [_mobx.computed, 3, "userName"], [_mobx.computed, 3, "isMySelf"], [_mobx.computed, 3, "isMeeting"], [_mobx.computed, 3, "ownerRoleType"], [_mobx.computed, 3, "isManager"], [_mobx.computed, 3, "hasVideoStream"], [_mobx.computed, 3, "hasScreenSharing"], [_mobx.computed, 3, "hasBoardSharing"], [_mobx.computed, 3, "hasSharing"], [_mobx.computed, 3, "isPin"], [_mobx.computed, 3, "hasMicrophoneAudioStream"], [_mobx.computed, 3, "audioStreamConnectorType"], [_mobx.computed, 3, "videoStreamConnectorType"], [_mobx.computed, 3, "videoStreamId"], [_mobx.computed, 3, "audioStreamId"], [_mobx.computed, 3, "phoneMicEnabled"], [_mobx.computed, 3, "windowType"], [_mobx.computed, 3, "connectorType"], [_mobx.computed, 3, "isPhone"], [_mobx.computed, 3, "isInterpreter"], [_mobx.computed, 3, "isPurePhone"], [_mobx.computed, 3, "isScreenSharing"], [_mobx.computed, 3, "isScreenSharingPeopleVideoWindow"], [_mobx.computed, 3, "isBoardSharingPeopleVideoWindow"], [_mobx.computed, 3, "isSharingPeopleVideoWindow"], [_mobx.computed, 3, "isWhiteboardSharingWindow"], [_mobx.computed, 3, "isScreenSharingWindow"], [_mobx.computed, 3, "isSharingWindow"], [_mobx.computed, 3, "hasLoopbackAudioStream"], [_setOnlyShowVideoStreamDecs, 18, "setOnlyShowVideoStream"], [_setIsShowDropMenuDecs, 18, "setIsShowDropMenu"], [_onVisibleChangeDecs, 18, "onVisibleChange"], [_decorator.bound, 2, "sendParticipantEvent"], [_decorator.bound, 2, "muteAudio"], [_decorator.bound, 2, "handleRename"], [_decorator.bound, 2, "release"]], []).e, 5);
 _init_isOnlyShowVideoStream = _applyDecs$e[0];
 _init_isShowDropMenu = _applyDecs$e[1];
 _init_timerRef = _applyDecs$e[2];

package/lib/modules/components/member-window/components/video-player/components/local-video-player.d.ts

@@ -1,4 +1,7 @@
 import { AgoraRtcRenderMode } from 'fcr-core/lib/imports';
+import { FcrVideoSourceType } from 'fcr-core';
 export declare const FcrUILocalVideoPlayer: (props: {
     renderMode: AgoraRtcRenderMode;
+    hasScreenSharing: boolean;
+    videoSourceType: FcrVideoSourceType;
 }) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/components/member-window/components/video-player/components/local-video-player.js

@@ -8,9 +8,12 @@ exports.FcrUILocalVideoPlayer = void 0;
 var _mobxReact = require("mobx-react");
 var _react = require("react");
 var _videoTrackRenderContext = require("../../../../../../utilities/video-track-render-context");
+var _fcrCore = require("fcr-core");
 var _jsxRuntime = require("react/jsx-runtime");
 var FcrUILocalVideoPlayer = exports.FcrUILocalVideoPlayer = (0, _mobxReact.observer)(function (props) {
-  var renderMode = props.renderMode;
+  var renderMode = props.renderMode,
+    hasScreenSharing = props.hasScreenSharing,
+    videoSourceType = props.videoSourceType;
   var divRef = (0, _react.useRef)(null);
   var context = (0, _react.useContext)(_videoTrackRenderContext.FcrVideoTrackRenderContext);
   var _ref = context.localVideoRenderProvider || {},
@@ -18,11 +21,18 @@ var FcrUILocalVideoPlayer = exports.FcrUILocalVideoPlayer = (0, _mobxReact.obser
     cameraId = _ref.cameraId,
     startCameraPreview = _ref.startCameraPreview,
     stopCameraPreview = _ref.stopCameraPreview,
+    startScreenPreview = _ref.startScreenPreview,
+    stopScreenPreview = _ref.stopScreenPreview,
     currentMirror = _ref.currentMirror;
   (0, _react.useEffect)(function () {
     var dom = divRef.current;
     if (dom) {
-      if (cameraEnabled) {
+      if (hasScreenSharing && videoSourceType === _fcrCore.FcrVideoSourceType.SCREEN) {
+        startScreenPreview(dom, {
+          renderMode: renderMode,
+          isMirror: currentMirror
+        });
+      } else if (cameraEnabled) {
         startCameraPreview === null || startCameraPreview === void 0 || startCameraPreview(dom, {
           renderMode: renderMode,
           isMirror: currentMirror
@@ -30,7 +40,10 @@ var FcrUILocalVideoPlayer = exports.FcrUILocalVideoPlayer = (0, _mobxReact.obser
       }
     }
     return function () {
-      dom && (stopCameraPreview === null || stopCameraPreview === void 0 ? void 0 : stopCameraPreview(dom));
+      if (dom) {
+        stopScreenPreview === null || stopScreenPreview === void 0 || stopScreenPreview(dom);
+        stopCameraPreview === null || stopCameraPreview === void 0 || stopCameraPreview(dom);
+      }
     };
   }, [cameraEnabled, cameraId, startCameraPreview, stopCameraPreview, currentMirror]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/modules/components/member-window/components/video-player/index.d.ts

@@ -1,9 +1,11 @@
 import { AgoraRtcRenderMode, AgoraRtcVideoStreamType } from 'fcr-core/lib/imports';
+import { FcrVideoSourceType } from 'fcr-core';
 export declare const FcrUIVideoPlayer: (props: {
     isLocal: boolean;
     streamId: string;
     hasVideoStream: boolean;
     videoStreamType: AgoraRtcVideoStreamType;
+    videoSourceType: FcrVideoSourceType;
     renderMode: AgoraRtcRenderMode;
     hasScreenSharing: boolean;
     scalcValue: number;

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

@@ -10,8 +10,6 @@ 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");
@@ -33,6 +31,8 @@ var FcrUIVideoPlayer = exports.FcrUIVideoPlayer = function FcrUIVideoPlayer(prop
   var isLocal = props.isLocal,
     others = (0, _objectWithoutProperties2["default"])(props, _excluded);
   return isLocal ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_localVideoPlayer.FcrUILocalVideoPlayer, {
-    renderMode: others.renderMode
+    renderMode: others.renderMode,
+    hasScreenSharing: others.hasScreenSharing,
+    videoSourceType: others.videoSourceType
   }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_remoteVideoPlayer.FcrUIRemoteVideoPlayer, _objectSpread({}, others));
 };

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

@@ -13,30 +13,39 @@
   position: relative;
   overflow: hidden;
 }
+
 .fcr-member-window button,
 .fcr-member-board button {
   border: none;
   outline: none;
 }
+
 .fcr-member-window button:focus,
 .fcr-member-board button:focus {
   border: none;
   outline: none;
 }
+
 .fcr-member-board {
   width: 100%;
   height: 100%;
   position: relative;
+  cursor:
+    url('data:image/svg+xml,%3Csvg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_71146_163811)"%3E%3Cg filter="url(%23filter0_d_71146_163811)"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4.95701 14.2575L1.05431 2.41514C0.867777 1.84912 1.1772 1.23963 1.74543 1.05381C1.96805 0.981012 2.20837 0.982105 2.43032 1.05693L14.264 5.04624C14.8305 5.23722 15.1343 5.84949 14.9426 6.4138C14.8422 6.70924 14.6183 6.94694 14.3288 7.0656L9.3004 9.12601C9.08832 9.21291 8.92123 9.38255 8.83806 9.59543L6.99502 14.3123C6.77809 14.8675 6.15043 15.1423 5.59309 14.9263C5.29135 14.8093 5.058 14.5639 4.95701 14.2575Z" fill="%234262FF"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4.95701 14.2575L1.05431 2.41514C0.867777 1.84912 1.1772 1.23963 1.74543 1.05381C1.96805 0.981012 2.20837 0.982105 2.43032 1.05693L14.264 5.04624C14.8305 5.23722 15.1343 5.84949 14.9426 6.4138C14.8422 6.70924 14.6183 6.94694 14.3288 7.0656L9.3004 9.12601C9.08832 9.21291 8.92123 9.38255 8.83806 9.59543L6.99502 14.3123C6.77809 14.8675 6.15043 15.1423 5.59309 14.9263C5.29135 14.8093 5.058 14.5639 4.95701 14.2575Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_d_71146_163811" x="-2.5" y="-1.5" width="23" height="23" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset dx="1" dy="2"/%3E%3CfeGaussianBlur stdDeviation="2"/%3E%3CfeComposite in2="hardAlpha" operator="out"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0"/%3E%3CfeBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_71146_163811"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_71146_163811" result="shape"/%3E%3C/filter%3E%3CclipPath id="clip0_71146_163811"%3E%3Crect width="18" height="18" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E'),
+    auto;
 }
+
 .fcr-member-board-mask {
   display: none;
   position: absolute;
   inset: 0;
   z-index: 2;
 }
+
 .fcr-member-board-mask-show {
   display: block;
 }
+
 /* .fcr-member-window.fcr-member-window-suspend {
   background-color: var(--fcr_ui_scene_video_s);
   border-radius: 0;
@@ -51,6 +60,7 @@
   pointer-events: none;
   visibility: hidden;
 }
+
 .fcr-member-window-is-broken {
   visibility: visible;
 }
@@ -72,6 +82,7 @@
   inset: 0;
   font-size: 0;
 }
+
 .fcr-member-window-body-render-video-loading {
   border-radius: 10px;
   position: absolute;
@@ -88,6 +99,7 @@
   align-items: center;
   justify-content: center;
 }
+
 .fcr-member-window-body-render-video-loading span {
   color: #fff;
   font-size: 14px;
@@ -96,6 +108,7 @@
   text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
   white-space: pre-wrap;
 }
+
 .fcr-member-window-body-render-video-loading .render-video-loading-icon {
   animation: loading-rotate 1s linear infinite;
 }
@@ -104,16 +117,20 @@
   from {
     transform: rotate(0deg);
   }
+
   to {
     transform: rotate(360deg);
   }
 }
+
 .fcr-member-window-body.fcr-member-window-body-video-remote {
   visibility: hidden;
 }
+
 .fcr-member-window-body.fcr-member-window-body-video-remote-render {
   visibility: visible;
 }
+
 .fcr-member-window-excitation {
   position: absolute;
   inset: 0;
@@ -121,9 +138,11 @@
   border: 3px solid var(--fcr_ui_scene_ramp_green6);
   opacity: 0;
 }
+
 .fcr-member-window-excitation-show {
   opacity: 1;
 }
+
 .fcr-member-window-pin {
   display: none;
   justify-content: center;
@@ -139,14 +158,17 @@
   /* transition: opacity 0.2s; */
   z-index: 11;
 }
+
 .fcr-member-window-pin-show {
   /* opacity: 1; */
   display: flex;
 }
+
 .fcr-member-board:hover .fcr-user-window-actions-top,
 .fcr-member-window:hover .fcr-user-window-actions-top {
   opacity: 1;
 }
+
 .fcr-member-window-members-sharebtn {
   display: none;
   align-items: center;
@@ -157,6 +179,7 @@
   height: 18px;
   margin-right: 2px;
 }
+
 .fcr-member-window-members-shareSound {
   display: none;
   align-items: center;
@@ -166,6 +189,7 @@
   height: 18px;
   margin-right: 2px;
 }
+
 .fcr-member-window-members-sharebtn-show {
   margin-left: 0px;
   display: flex;
@@ -175,6 +199,7 @@
   height: 24px;
   margin-right: 6px;
 }
+
 /* fcr-member-window-action start */
 
 .fcr-user-window-actions {
@@ -217,6 +242,7 @@
   bottom: 20px;
   z-index: 1;
 }
+
 .fcr-user-window-actions-bottom-layout {
   color: var(--fcr_ui_scene_icontext1);
   font-weight: var(--fcr_font_weight_m);
@@ -226,6 +252,7 @@
   align-items: center;
   overflow: hidden;
 }
+
 .fcr-user-window-actions-bottom-layout-info {
   border-radius: var(--fcr_cornerradius_xs);
   background-color: var(--fcr_ui_scene_view_toast);
@@ -233,17 +260,21 @@
   align-items: center;
   overflow: hidden;
 }
+
 .fcr-user-window-actions-bottom-interpreter-tag {
   margin-left: 8px;
 }
+
 .fcr-member-board .fcr-user-window-actions-bottom-show,
 .fcr-member-window .fcr-user-window-actions-bottom-show {
   opacity: 1;
 }
+
 .fcr-member-board:hover .fcr-user-window-actions-bottom,
 .fcr-member-window:hover .fcr-user-window-actions-bottom {
   opacity: 1;
 }
+
 .fcr-member-window-gallery .fcr-user-window-actions-bottom {
   height: 24px;
   font-size: 12px;
@@ -320,6 +351,7 @@
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
+
 .fcr-user-window-actions-tag:has(~ .fcr-user-window-actions-microphone) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
@@ -383,9 +415,11 @@
   transition: opacity 0.2s;
   z-index: 10;
 }
+
 .fcr-member-window .fcr-user-window-actions-top-active {
   opacity: 1;
 }
+
 .fcr-user-window-actions-more {
   padding: 3px;
   border-radius: var(--fcr_cornerradius_xxs);
@@ -435,13 +469,16 @@
 .fcr-user-window-actions-tag_large {
   margin-bottom: 8px;
 }
+
 .fcr-user-window-actions-bottom .fcr-device-settings-video__video-flip-container {
   position: static;
   margin-left: 2px;
 }
+
 .fcr-user-window-actions-bottom .fcr-device-settings-video__video-flip-container:hover {
   background: var(--fcr_ui_scene_white10);
 }
+
 .fcr-user-window-actions-bottom
   .fcr-device-settings-video__video-flip-container
   .fcr-clickable-icon-small {

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

@@ -148,6 +148,7 @@ var MemberWindow = exports.MemberWindow = (0, _mobxReact.observer)(function (_re
     }), !isVideoSuspended && /*#__PURE__*/(0, _jsxRuntime.jsx)(_videoPlayer.FcrUIVideoPlayer, {
       isLocal: isMySelf,
       streamId: windowId,
+      videoSourceType: videoSourceType,
       videoStreamType: videoStreamType,
       renderMode: videoRenderMode,
       hasVideoStream: hasVideoStream,

package/lib/modules/components/security-menu/index.js

@@ -7,9 +7,6 @@ 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.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");
@@ -23,7 +20,7 @@ require("core-js/modules/es.array.filter.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.map.js");
+require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _dropMenu = require("agora-ui-foundation/lib/components/drop-menu");
 var _checkbox = require("agora-ui-foundation/lib/components/checkbox");

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

@@ -9,8 +9,6 @@ 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.async-iterator.for-each.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");
@@ -23,8 +21,6 @@ require("core-js/modules/es.array.find.js");
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.function.bind.js");
 require("core-js/modules/es.object.to-string.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.find.js");
 require("core-js/modules/esnext.iterator.map.js");

package/lib/modules/connection-gateway/components/phone/components/callinfo/index.js

@@ -7,7 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.array.slice.js");
-require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _select = require("agora-ui-foundation/lib/components/select");
 require("./index.css");

package/lib/modules/connection-gateway/components/phone/index.js

@@ -7,7 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 require("core-js/modules/es.array.map.js");
-require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -66,9 +67,9 @@ var ConnectFromPhone = (0, _mobxReact.observer)(function () {
     isRingingState = _useState8[0],
     setRingingState = _useState8[1];
   var _useState9 = (0, _react.useState)(false),
-    _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-    isAcceptingState = _useState10[0],
-    setAcceptingState = _useState10[1];
+    _useState0 = (0, _slicedToArray2["default"])(_useState9, 2),
+    isAcceptingState = _useState0[0],
+    setAcceptingState = _useState0[1];
   var validateNumberHandler = function validateNumberHandler(value) {
     if (!value) {
       setErrorMessage(transI18n('fmt_PSTN_tips_unempty'));

package/lib/modules/connection-gateway/index.js

@@ -28,8 +28,7 @@ var _view = require("./view");
 require("./index.css");
 var _constant = require("../../utilities/constant");
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var ConnectionGatewayUIModule = exports.ConnectionGatewayUIModule = /*#__PURE__*/function (_UIModule) {