fcr-ui-scene 3.4.3 → 3.4.4

package/lib/modules/participant/components/user-action/audio-button/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AudioButton = void 0;
+var _action = require("agora-ui-foundation/lib/components/button/action");
+var _attendee = require("agora-ui-foundation/lib/components/participants/attendee");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _jsxRuntime = require("react/jsx-runtime");
+// 处理音频按钮点击的组件
+var AudioButton = exports.AudioButton = function AudioButton(props) {
+  var hasAudio = props.hasAudio,
+    userId = props.userId,
+    onParticipantsButtonClick = props.onParticipantsButtonClick,
+    actionAudioTag = props.actionAudioTag;
+  var t = (0, _i18n.useI18n)();
+  var handleAudioButtonClick = function handleAudioButtonClick() {
+    var action = hasAudio ? _attendee.ParticipantActionType.MUTE_AUDIO : _attendee.ParticipantActionType.UNMUTE_AUDIO;
+    onParticipantsButtonClick(action, userId);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_action.FcrActionButton, {
+    size: "small",
+    onClick: handleAudioButtonClick,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: hasAudio ? 'attendee__danger-operate' : 'attendee__normal-operate',
+      children: t(actionAudioTag)
+    })
+  });
+};

package/lib/modules/participant/components/user-action/index.js

@@ -10,6 +10,8 @@ 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");

package/lib/modules/participant/components/user-action/move-actions-popover/index.d.ts

@@ -0,0 +1,12 @@
+import { ParticipantActionType, User } from 'agora-ui-foundation/lib/components/participants/attendee';
+interface MoreActionsPopoverPropsType {
+    isShowDropMenu: boolean;
+    setIsShowDropMenu: React.Dispatch<React.SetStateAction<boolean>>;
+    clickRef: (dom: HTMLElement | null) => void;
+    handleMoreActionsClick: (action: ParticipantActionType, userId: string) => void;
+    user: User;
+    waitingRoomParticipateActionsNeedHiden: string[];
+    mainRoomParticipateActionsNeedHiden: string[];
+}
+export declare const MoreActionsPopover: (props: MoreActionsPopoverPropsType) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/modules/participant/components/user-action/move-actions-popover/index.js

@@ -0,0 +1,82 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MoreActionsPopover = void 0;
+require("core-js/modules/web.timers.js");
+var _action = require("agora-ui-foundation/lib/components/button/action");
+var _type = require("agora-ui-foundation/lib/components/icon/type");
+var _participantsMore = require("agora-ui-foundation/lib/components/participants/participants-more");
+var _popover = require("agora-ui-foundation/lib/components/popover");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _type2 = require("fcr-core/lib/room-control/type");
+var _react = require("react");
+var _store = require("../../../store");
+var _jsxRuntime = require("react/jsx-runtime");
+// 处理更多操作弹出框的组件
+var MoreActionsPopover = exports.MoreActionsPopover = function MoreActionsPopover(props) {
+  var isShowDropMenu = props.isShowDropMenu,
+    setIsShowDropMenu = props.setIsShowDropMenu,
+    clickRef = props.clickRef,
+    handleMoreActionsClick = props.handleMoreActionsClick,
+    waitingRoomParticipateActionsNeedHiden = props.waitingRoomParticipateActionsNeedHiden,
+    mainRoomParticipateActionsNeedHiden = props.mainRoomParticipateActionsNeedHiden,
+    user = props.user;
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
+    activeTab = _useContext.activeTab,
+    hasPinnedStream = _useContext.hasPinnedStream;
+  var t = (0, _i18n.useI18n)();
+  var timeoutId = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    return function () {
+      if (timeoutId.current) {
+        clearTimeout(timeoutId.current);
+      }
+    };
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.FcrPopover, {
+    visible: isShowDropMenu,
+    overlayInnerStyle: {
+      border: 0,
+      boxShadow: '0px 0px 15px var(--fcr_web_light_dropup_m)',
+      borderRadius: 'var(--fcr_cornerradius_l)',
+      minWidth: '210px',
+      maxWidth: '300px',
+      width: 'fit-content'
+    },
+    overlayClassName: "attendee__more-actions",
+    mouseEnterDelay: 0,
+    content: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ref: clickRef,
+      onMouseEnter: function onMouseEnter() {
+        if (timeoutId.current) {
+          clearTimeout(timeoutId.current);
+        }
+      },
+      onMouseLeave: function onMouseLeave() {
+        timeoutId.current = setTimeout(function () {
+          setIsShowDropMenu(false);
+        }, 200);
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_participantsMore.FcrParticipantsMoreActions, {
+        onParticipantsButtonClick: handleMoreActionsClick,
+        user: user,
+        hasPinnedStream: hasPinnedStream,
+        hideActions: activeTab === _type2.FcrRoomType.Mainroom ? mainRoomParticipateActionsNeedHiden : waitingRoomParticipateActionsNeedHiden
+      })
+    }),
+    placement: "bottomRight",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_action.FcrActionButton, {
+      onClick: function onClick() {
+        if (!isShowDropMenu) {
+          setIsShowDropMenu(true);
+        }
+      },
+      size: "small",
+      iconType: _type.FcrIconType.FCR_DROPDOWN,
+      children: t('fmt_participants_member_button_more')
+    })
+  });
+};

package/lib/modules/participant/components/user-action/move-to-mainroom-button/index.d.ts

@@ -0,0 +1,4 @@
+export declare const MoveToMainRoomButton: (props: {
+    userId: string;
+    moveToMainRoomByUserIds: (userId: string[]) => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/participant/components/user-action/move-to-mainroom-button/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MoveToMainRoomButton = void 0;
+var _action = require("agora-ui-foundation/lib/components/button/action");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _jsxRuntime = require("react/jsx-runtime");
+// 处理移入主房间按钮点击的组件
+var MoveToMainRoomButton = exports.MoveToMainRoomButton = function MoveToMainRoomButton(props) {
+  var userId = props.userId,
+    moveToMainRoomByUserIds = props.moveToMainRoomByUserIds;
+  var t = (0, _i18n.useI18n)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_action.FcrActionButton, {
+    size: "small",
+    onClick: function onClick() {
+      return moveToMainRoomByUserIds([userId]);
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: 'attendee__normal-operate',
+      children: t('fmt_waitingroom_sidebar_button_admit')
+    })
+  });
+};

package/lib/modules/participant/index.js

@@ -14,6 +14,8 @@ require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.reflect.construct.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.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");

package/lib/modules/participant/member-list-data-source.js

@@ -18,6 +18,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.map.delete-all.js");
@@ -53,6 +54,8 @@ require("core-js/modules/es.array.splice.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.find.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.find.js");
 require("core-js/modules/esnext.iterator.for-each.js");

package/lib/modules/participant/room-control-drop-menu/index.css

@@ -2,43 +2,6 @@
   position: relative;
   /* margin: 8px 0; */
 }
-.room-control-options-box {
-  display: flex;
-  justify-content: space-between;
-}
-.room-control-options-box .fcr-checkbox {
-  width: fit-content;
-}
-
-.room-control-options-watermark-btns {
-  width: 104px;
-  height: 24px;
-  display: flex;
-  background-color: var(--fcr_mobile_ui_scene_fill1);
-  align-items: center;
-  padding: 2px;
-}
-
-.room-control-options-watermark-btn {
-  width: 50px;
-  height: 20px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  color: var(--fcr_ui_scene_icontext1);
-  font-size: 12px;
-  background-color: transparent;
-}
-.room-control-options-watermark-btn--active {
-  background-color: #ffffff;
-  color: var(--fcr_ui_scene_ramp_brand6);
-}
-
-.room-control-options-watermark-title-box {
-  display: flex;
-  align-items: center;
-  font-size: 13px;
-}
 
 .room-control-drop-with-under-line::after {
   content: '';

package/lib/modules/participant/store.js

@@ -41,6 +41,11 @@ require("core-js/modules/es.set.js");
 require("core-js/modules/es.string.includes.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.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.for-each.js");
+require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/esnext.async-iterator.some.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/pc-audio-connect/store.js

@@ -43,6 +43,7 @@ require("core-js/modules/es.array.iterator.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.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.weak-map.delete-all.js");

package/lib/modules/phone-audio-connect/components/callinfo/index.js

@@ -7,8 +7,7 @@ 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/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");
 require("./index.css");

package/lib/modules/phone-audio-connect/store.js

@@ -48,6 +48,9 @@ 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.filter.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.async-iterator.some.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");

package/lib/modules/phone-audio-connect/view.js

@@ -7,8 +7,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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));

package/lib/modules/setting/audio-settings/audio-settings.js

@@ -12,7 +12,7 @@ require("core-js/modules/es.date.to-string.js");
 require("core-js/modules/es.number.constructor.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.regexp.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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");

package/lib/modules/setting/minutes-settings/minutes-settings.js

@@ -7,8 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.MinutesSettings = 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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");

package/lib/modules/setting/state/index.js

@@ -8,6 +8,8 @@ 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");
@@ -26,6 +28,8 @@ require("core-js/modules/es.date.to-json.js");
 require("core-js/modules/es.json.stringify.js");
 require("core-js/modules/es.number.to-fixed.js");
 require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/esnext.async-iterator.reduce.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/esnext.iterator.reduce.js");

package/lib/modules/setting/store.js

@@ -61,6 +61,11 @@ 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.filter.js");
+require("core-js/modules/esnext.async-iterator.find.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.async-iterator.reduce.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");
@@ -119,11 +124,10 @@ var DeviceSettingTab = exports.DeviceSettingTab = /*#__PURE__*/function (DeviceS
   DeviceSettingTab["GENERAL"] = "general";
   DeviceSettingTab["AUDIO"] = "audio";
   DeviceSettingTab["VIDEO"] = "video";
-  // STORAGE = 'storage',
-  DeviceSettingTab["STATE"] = "state"; // TRANSLATE = 'translate',
-  // MINUTES = 'minutes',
+  DeviceSettingTab["STATE"] = "state";
   return DeviceSettingTab;
-}({});
+}({}); // TRANSLATE = 'translate',
+// MINUTES = 'minutes',
 var mapDevice2Option = function mapDevice2Option(deviceList) {
   return deviceList.map(function (item) {
     return {

package/lib/modules/setting/translate-settings/translate-settings.js

@@ -12,7 +12,7 @@ require("core-js/modules/es.date.to-string.js");
 require("core-js/modules/es.number.constructor.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.regexp.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 _i18n = require("agora-ui-foundation/lib/i18n");

package/lib/modules/share-screen/components/selection/index.js

@@ -47,7 +47,7 @@ require("core-js/modules/es.typed-array.with.js");
 require("core-js/modules/esnext.array-buffer.detached.js");
 require("core-js/modules/esnext.array-buffer.transfer.js");
 require("core-js/modules/esnext.array-buffer.transfer-to-fixed-length.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");
 require("core-js/modules/esnext.typed-array.filter-reject.js");
 require("core-js/modules/esnext.typed-array.group-by.js");

package/lib/modules/share-screen/selection/index.css

@@ -20,6 +20,8 @@
   -webkit-app-region: no-drag;
   background-color: #fff;
   border-radius: var(--fcr_cornerradius_l);
+  display: flex;
+  flex-direction: column;
 }
 
 .share-selection-window__share-content {

package/lib/modules/share-screen/selection/index.js

@@ -60,19 +60,17 @@ var _card = require("agora-ui-foundation/lib/components/card");
 var _type = require("agora-rte-sdk/lib/core/rtc/type");
 var _button = require("agora-ui-foundation/lib/components/button");
 var _shareAudio = require("agora-ui-foundation/lib/components/room-screen-share-state-bar/share-audio");
-var _tabs = require("agora-ui-foundation/lib/components/tabs");
-var _windowsControl = require("agora-ui-foundation/lib/components/windows-control");
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
 var _mobxReact = require("mobx-react");
 var _react = require("react");
 var _tools = require("../../../utilities/tools");
-var _platform = require("../../../utilities/platform");
 var _type2 = require("../../../type");
 var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 require("./index.css");
 var _store = require("../store");
 var _icon = require("agora-ui-foundation/lib/components/icon");
+var _tabFrame = _interopRequireDefault(require("../../components/tab-frame"));
 var _jsxRuntime = require("react/jsx-runtime");
 var ShareSelectionWindowType = /*#__PURE__*/function (ShareSelectionWindowType) {
   ShareSelectionWindowType["BASIC"] = "basic";
@@ -149,103 +147,91 @@ var ShareSelection = exports.ShareSelection = (0, _mobxReact.observer)(function
   var transI18n = (0, _i18n.useI18n)();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "share-selection-window",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "share-selection-window-control draggable",
-      children: (0, _platform.isWindows)() && /*#__PURE__*/(0, _jsxRuntime.jsx)(_windowsControl.FcrWindowControl, {
-        onClose: closeShareScreenSelection,
-        enableMinimize: false,
-        enableMaximize: false
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "share-selection-window__header  fcr-flex-center draggable",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tabs.FcrTabs, {
-        items: [{
-          label: transI18n('fmt_screenshare_window_tab_basic'),
-          key: ShareSelectionWindowType.BASIC
-        }, {
-          label: transI18n('fmt_screenshare_window_tab_advanced'),
-          key: ShareSelectionWindowType.ADVANCED
-        }],
-        activeKey: ShareSelectionWindowType.BASIC,
-        onChange: function onChange(key) {
-          // throw new Error('Function not implemented.');
-        }
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "share-selection-window__share-content frc-flex",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "share-selection-window__share-windows share-selection-window__share-card",
-        children: screenCaptureSources.map(function (screen) {
-          var type = _type.AgoraRtcScreenCaptureType.SCREEN;
-          var isWhiteboard = screen.id.split('-')[0] === 'whiteboard';
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_card.FcrCard, {
-            disabled: isWhiteboard && !!(boardOwnerUser !== null && boardOwnerUser !== void 0 && boardOwnerUser.userId),
-            title: isWhiteboard ? t('fmt_share_options_whiteboard') : screen.title,
-            active: currentSelectionType === type && screen.id === currentSelection || screen.id === currentSelection,
-            onCardClick: function onCardClick() {
-              handleChooseScreen(screen.id, type);
-            },
-            onDoubleClickCard: function onDoubleClickCard() {
-              if (boardOwnerUser) return;
-              handleStartShare(screen.id, type, shareWithAudio);
-            },
-            content: screen.image instanceof Uint8Array ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-              src: (0, _tools.uint8ArrayToImageData)({
-                buffer: screen.image,
-                width: screen.imageWidth,
-                height: screen.imageHeight
-              }),
-              alt: screen.title
-            }) : [_type2.FcrUserRole.HOST, _type2.FcrUserRole.COHOST].includes(localUserRole) && isWhiteboard && (boardOwnerUser === null || boardOwnerUser === void 0 ? void 0 : boardOwnerUser.userId) !== (localUser === null || localUser === void 0 ? void 0 : localUser.userId) && boardOwnerUser ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-              trigger: "hover",
-              content: transI18n('fmt_screenshare_tips_alreadyopened'),
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
-                styleType: "danger",
-                size: "XXS",
-                shape: "rounded",
-                onClick: handlerBoardShareStop,
-                children: transI18n('fmt_screenshare_button_stopshare')
-              })
-            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-              type: screen.image,
-              size: 48,
-              colors: {
-                iconPrimary: '#4262FF'
-              }
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_tabFrame["default"], {
+      activeKey: ShareSelectionWindowType.BASIC,
+      tabs: [{
+        label: transI18n('fmt_screenshare_window_tab_basic'),
+        key: ShareSelectionWindowType.BASIC,
+        content: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "share-selection-window__share-content frc-flex",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "share-selection-window__share-windows share-selection-window__share-card",
+            children: screenCaptureSources.map(function (screen) {
+              var type = _type.AgoraRtcScreenCaptureType.SCREEN;
+              var isWhiteboard = screen.id.split('-')[0] === 'whiteboard';
+              return /*#__PURE__*/(0, _jsxRuntime.jsx)(_card.FcrCard, {
+                disabled: isWhiteboard && !!(boardOwnerUser !== null && boardOwnerUser !== void 0 && boardOwnerUser.userId),
+                title: isWhiteboard ? t('fmt_share_options_whiteboard') : screen.title,
+                active: currentSelectionType === type && screen.id === currentSelection || screen.id === currentSelection,
+                onCardClick: function onCardClick() {
+                  handleChooseScreen(screen.id, type);
+                },
+                onDoubleClickCard: function onDoubleClickCard() {
+                  if (boardOwnerUser) return;
+                  handleStartShare(screen.id, type, shareWithAudio);
+                },
+                content: screen.image instanceof Uint8Array ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+                  src: (0, _tools.uint8ArrayToImageData)({
+                    buffer: screen.image,
+                    width: screen.imageWidth,
+                    height: screen.imageHeight
+                  }),
+                  alt: screen.title
+                }) : [_type2.FcrUserRole.HOST, _type2.FcrUserRole.COHOST].includes(localUserRole) && isWhiteboard && (boardOwnerUser === null || boardOwnerUser === void 0 ? void 0 : boardOwnerUser.userId) !== (localUser === null || localUser === void 0 ? void 0 : localUser.userId) && boardOwnerUser ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+                  trigger: "hover",
+                  content: transI18n('fmt_screenshare_tips_alreadyopened'),
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
+                    styleType: "danger",
+                    size: "XXS",
+                    shape: "rounded",
+                    onClick: handlerBoardShareStop,
+                    children: transI18n('fmt_screenshare_button_stopshare')
+                  })
+                }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+                  type: screen.image,
+                  size: 48,
+                  colors: {
+                    iconPrimary: '#4262FF'
+                  }
+                })
+              }, "screen-".concat(screen.id));
             })
-          }, "screen-".concat(screen.id));
-        })
-      }), !!applicationCaptureSources.length && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "frc-flex",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          style: {
-            marginTop: '38px'
-          },
-          children: transI18n('fmt_uimanager_labels_Application')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "share-selection-window__share-application share-selection-window__share-card",
-          children: applicationCaptureSources.map(function (application) {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_card.FcrCard, {
-              active: currentSelectionType === _type.AgoraRtcScreenCaptureType.WINDOW && application.id === currentSelection,
-              onCardClick: function onCardClick() {
-                handleChooseScreen(application.id, _type.AgoraRtcScreenCaptureType.WINDOW);
-              },
-              onDoubleClickCard: function onDoubleClickCard() {
-                handleStartShare(application.id, _type.AgoraRtcScreenCaptureType.WINDOW, shareWithAudio);
+          }), !!applicationCaptureSources.length && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "frc-flex",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              style: {
+                marginTop: '38px'
               },
-              title: application.title,
-              content: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-                src: (0, _tools.uint8ArrayToImageData)({
-                  buffer: application.image,
-                  width: application.imageWidth,
-                  height: application.imageHeight
-                }),
-                alt: application.title
+              children: transI18n('fmt_uimanager_labels_Application')
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "share-selection-window__share-application share-selection-window__share-card",
+              children: applicationCaptureSources.map(function (application) {
+                return /*#__PURE__*/(0, _jsxRuntime.jsx)(_card.FcrCard, {
+                  active: currentSelectionType === _type.AgoraRtcScreenCaptureType.WINDOW && application.id === currentSelection,
+                  onCardClick: function onCardClick() {
+                    handleChooseScreen(application.id, _type.AgoraRtcScreenCaptureType.WINDOW);
+                  },
+                  onDoubleClickCard: function onDoubleClickCard() {
+                    handleStartShare(application.id, _type.AgoraRtcScreenCaptureType.WINDOW, shareWithAudio);
+                  },
+                  title: application.title,
+                  content: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+                    src: (0, _tools.uint8ArrayToImageData)({
+                      buffer: application.image,
+                      width: application.imageWidth,
+                      height: application.imageHeight
+                    }),
+                    alt: application.title
+                  })
+                }, "application-".concat(application.id));
               })
-            }, "application-".concat(application.id));
-          })
-        })]
-      })]
+            })]
+          })]
+        })
+      }, {
+        label: transI18n('fmt_screenshare_window_tab_advanced'),
+        key: ShareSelectionWindowType.ADVANCED
+      }]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "share-selection-window__footer",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/modules/share-screen/store.js

@@ -53,6 +53,10 @@ require("core-js/modules/es.promise.finally.js");
 require("core-js/modules/es.string.includes.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.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.for-each.js");
+require("core-js/modules/esnext.async-iterator.some.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/sound-effect/index.js

@@ -36,6 +36,7 @@ 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");