fcr-ui-scene 3.7.4 → 3.7.6

package/lib/modules/control-bar/components/carmera/index.js

@@ -0,0 +1,147 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CameraControl = void 0;
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _type = require("agora-ui-foundation/lib/components/icon/type");
+var _icon = require("agora-ui-foundation/lib/components/icon");
+var _popover = require("agora-ui-foundation/lib/components/popover");
+var _videoMenu = _interopRequireDefault(require("../../../components/device-control/components/video-menu"));
+var _hooks = _interopRequireDefault(require("../../../components/device-control/hooks"));
+var _store = require("../../../components/device-control/store.base");
+var _boundaryDetector = require("../boundary-detector");
+var _store2 = require("../../store");
+var _context = require("../../context");
+var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
+var _jsxRuntime = require("react/jsx-runtime");
+var CameraControl = exports.CameraControl = (0, _mobxReact.observer)(function () {
+  var transI18n = (0, _i18n.useI18n)();
+  var _useContext = (0, _react.useContext)(_store.DeviceControlStoreContext),
+    cameraEnabled = _useContext.cameraEnabled,
+    enableCamera = _useContext.enableCamera,
+    cameraList = _useContext.cameraList,
+    checkMediaPermission = _useContext.checkMediaPermission;
+  var _useContext2 = (0, _react.useContext)(_store2.StoreContext),
+    setPopoverArea = _useContext2.setPopoverArea;
+  var _useContext3 = (0, _react.useContext)(_context.ControlBarCalculationContext),
+    isShareActionNavHidden = _useContext3.isShareActionNavHidden;
+  var _useDeviceTooltipVisi = (0, _hooks["default"])(),
+    popoverOpened = _useDeviceTooltipVisi.popoverOpened,
+    handlePopoverVisibleChanged = _useDeviceTooltipVisi.handlePopoverVisibleChanged,
+    _setPopoverOpened = _useDeviceTooltipVisi.setPopoverOpened;
+  var muteColor = {
+    iconPrimary: cameraEnabled ? "var(--fcr_web_ui_scene_mainicon1)" : 'var(--fcr_ui_scene_ramp_red6)',
+    iconSecondary: 'var(--fcr_ui_scene_ramp_red6)'
+  };
+  var icon = cameraEnabled ? _type.FcrIconType.FCR_CAMERA : _type.FcrIconType.FCR_CAMERAOFF;
+  var title = cameraEnabled ? transI18n('fmt_device_label_video_start') : transI18n('fmt_device_label_video_stop');
+  var noCam = cameraList.length === 0;
+  var noCamColor = {
+    iconPrimary: "var(--fcr_web_ui_scene_mainicon1)",
+    iconSecondary: 'var(--fcr_ui_scene_ramp_red6)'
+  };
+  var handleBoundariesChanged = (0, _react.useCallback)(function (boundaries) {
+    setPopoverArea(boundaries);
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (isShareActionNavHidden) {
+      _setPopoverOpened(false);
+      setPopoverArea({
+        x: 0,
+        y: 0,
+        width: 0,
+        height: 0
+      });
+    }
+  }, [isShareActionNavHidden]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "device-control-item-wrapper",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "device-control ".concat(popoverOpened ? 'active' : ''),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "device-control-inner",
+        children: !noCam ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          onClick: function onClick() {
+            enableCamera(!cameraEnabled);
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+            content: title,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+                type: icon,
+                colors: muteColor,
+                size: 32
+              })
+            })
+          })
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          onClick: function onClick() {
+            return checkMediaPermission('camera');
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+            content: transI18n('fmt_internalsetting_status_nodevice'),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+                type: _type.FcrIconType.FCR_CAMERACRASH,
+                colors: noCamColor,
+                size: 32
+              })
+            })
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.FcrPopover, {
+        showArrow: false,
+        visible: popoverOpened,
+        onVisibleChange: function onVisibleChange(visible) {
+          handlePopoverVisibleChanged(visible);
+          if (!visible) {
+            setPopoverArea({
+              x: 0,
+              y: 0,
+              width: 0,
+              height: 0
+            });
+          }
+        },
+        overlayClassName: "device-control--device-popover",
+        content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_boundaryDetector.BoundaryDetector, {
+          onBoundariesChanged: handleBoundariesChanged,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_videoMenu["default"], {
+            setPopoverOpened: function setPopoverOpened(opened) {
+              _setPopoverOpened(opened);
+              if (!opened) {
+                setPopoverArea({
+                  x: 0,
+                  y: 0,
+                  width: 0,
+                  height: 0
+                });
+              }
+            },
+            onMoreClick: function onMoreClick() {}
+          })
+        }),
+        trigger: "click",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          onClick: function onClick(e) {
+            e.stopPropagation();
+          },
+          className: "device-control-extra ".concat(popoverOpened ? 'active' : ''),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+            type: _type.FcrIconType.FCR_DROPUP4,
+            colors: {
+              iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
+            },
+            size: 24
+          })
+        })
+      })]
+    })
+  });
+});

package/lib/modules/control-bar/components/cloud-recording-buttons.js

@@ -25,6 +25,7 @@ var CloudRecordingButtons = exports.CloudRecordingButtons = (0, _mobxReact.obser
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "fcr-control-bar-cloud-recording-buttons",
     children: [cloudRecordingState === _type.FcrRecordingState.Paused ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+      mouseEnterDelay: 0,
       content: transI18n('fmt_record_button_Cloudrecording_restore'),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
         onClick: resumeCloudRecording,
@@ -37,6 +38,7 @@ var CloudRecordingButtons = exports.CloudRecordingButtons = (0, _mobxReact.obser
         })
       })
     }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+      mouseEnterDelay: 0,
       content: transI18n('fmt_settings_options_pausecloudrecording'),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
         onClick: pauseCloudRecording,
@@ -51,6 +53,7 @@ var CloudRecordingButtons = exports.CloudRecordingButtons = (0, _mobxReact.obser
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_stopRecordDialog.StopCloudRecording, {
       stopCloudRecording: stopCloudRecording,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+        mouseEnterDelay: 0,
         content: transI18n('fmt_record_button_Cloudrecording_stop'),
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {

package/lib/modules/control-bar/components/meeting-details/index.js

@@ -14,7 +14,6 @@ var _button = require("agora-ui-foundation/lib/components/button");
 var _icon = require("agora-ui-foundation/lib/components/icon");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _i18n = require("agora-ui-foundation/lib/i18n");
-var _copyText = require("../../../../utilities/copyText");
 var _tools = require("../../../../utilities/tools");
 var _mobxReact = require("mobx-react");
 var _react = require("react");
@@ -22,6 +21,7 @@ require("./index.css");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _store = require("../../store");
 var _enums = require("../../enums");
+var _browserApi = require("../../../../utilities/browser-api");
 var _jsxRuntime = require("react/jsx-runtime");
 var MeetingDetails = exports.MeetingDetails = (0, _mobxReact.observer)(function () {
   var t = (0, _i18n.useI18n)();
@@ -40,37 +40,29 @@ var MeetingDetails = exports.MeetingDetails = (0, _mobxReact.observer)(function
     password = _useContext$roomInfo.password,
     roomId = _useContext$roomInfo.roomId,
     roomName = _useContext$roomInfo.roomName,
-    userName = _useContext.localUser.userName,
-    setShowMeetingDetailPortal = _useContext.setShowMeetingDetailPortal,
+    localUserName = _useContext.localUserName,
     showToast = _useContext.showToast,
     meetingId = _useContext.meetingId,
     meetingTime = _useContext.meetingTime,
     roomDetailCopyText = _useContext.roomDetailCopyText;
   var getShareLink = function getShareLink() {
-    var info = {
-      roomId: roomId,
-      roomName: roomName,
-      userName: userName
-    };
     var baseLink = "".concat(inviteLink);
     return baseLink;
   };
   var shareLink = (0, _react.useMemo)(function () {
     return getShareLink();
   }, []);
-  if (!roomName || !userName) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
+  if (!roomName || !localUserName) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
   var displayMeetingId = (0, _tools.renderMeetingId)(meetingId, roomId);
   function handleCopyMeetingId(copyContent) {
     if (!copyContent) return;
     var content = meetingId ? copyContent : copyContent.replace(/\s+/g, '');
-    (0, _copyText.copyText)(content).then(function () {
-      setShowMeetingDetailPortal(false);
+    (0, _browserApi.copyText)(content).then(function () {
       showToast({
         type: 'info',
         content: t('fmt_statusbar_status_coppied')
       });
     })["catch"](function () {
-      setShowMeetingDetailPortal(false);
       showToast({
         type: 'warn',
         content: t('fmt_information_tips_numbercopyfailed')
@@ -78,14 +70,12 @@ var MeetingDetails = exports.MeetingDetails = (0, _mobxReact.observer)(function
     });
   }
   function handlerCopyMeetingShareLink(shareLink) {
-    (0, _copyText.copyText)(shareLink).then(function () {
-      setShowMeetingDetailPortal(false);
+    (0, _browserApi.copyText)(shareLink).then(function () {
       showToast({
         type: 'info',
         content: t('fmt_additional_tips_invitation')
       });
     })["catch"](function () {
-      setShowMeetingDetailPortal(false);
       showToast({
         type: 'warn',
         content: t('fmt_additional_tips_invitationfailed')
@@ -93,7 +83,7 @@ var MeetingDetails = exports.MeetingDetails = (0, _mobxReact.observer)(function
     });
   }
   function handleCopyMeetingPassword(password) {
-    (0, _copyText.copyText)(password).then(function () {
+    (0, _browserApi.copyText)(password).then(function () {
       showToast({
         type: 'info',
         content: t('fmt_uimanager_tips_passwordcopied')
@@ -117,7 +107,7 @@ var MeetingDetails = exports.MeetingDetails = (0, _mobxReact.observer)(function
       copyIcon: _type.FcrIconType.FCR_RESET,
       copyText: t('fmt_meeting_call_voice_call_button_copy_info')
     });
-    (0, _copyText.copyText)(roomDetailCopyText).then(function () {
+    (0, _browserApi.copyText)(roomDetailCopyText).then(function () {
       copyTimer = setTimeout(function () {
         setCopyInfoState({
           copyState: _enums.CopyState.COPIED,

package/lib/modules/control-bar/components/microphone/index.d.ts

@@ -0,0 +1,6 @@
+import { FcrUIMicrophoneState } from '../../../../type';
+export declare const AudioRecordinDeviceIcon: ({ size, state, }: {
+    size?: number;
+    state?: FcrUIMicrophoneState;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const MicrophoneControl: () => import("react/jsx-runtime").JSX.Element;

package/lib/modules/control-bar/components/microphone/index.js

@@ -0,0 +1,233 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MicrophoneControl = exports.AudioRecordinDeviceIcon = void 0;
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _icon = require("agora-ui-foundation/lib/components/icon");
+var _type = require("agora-ui-foundation/lib/components/icon/type");
+var _iconPhoneCall = require("agora-ui-foundation/lib/components/icon-phone-call");
+var _popover = require("agora-ui-foundation/lib/components/popover");
+var _mic = require("agora-ui-foundation/lib/components/icon/mic");
+var _micLoading = _interopRequireDefault(require("../../../../assets/mic-loading.gif"));
+var _type2 = require("../../../../type");
+var _audioMenu = _interopRequireDefault(require("../../../components/device-control/components/audio-menu"));
+var _noneMenu = _interopRequireDefault(require("../../../components/device-control/components/none-menu"));
+var _phoneMenu = _interopRequireDefault(require("../../../components/device-control/components/phone-menu"));
+var _hooks = _interopRequireDefault(require("../../../components/device-control/hooks"));
+var _store = require("../../../components/device-control/store.base");
+var _boundaryDetector = require("../boundary-detector");
+var _store2 = require("../../store");
+var _context = require("../../context");
+var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
+var _jsxRuntime = require("react/jsx-runtime");
+var AudioRecordinDeviceIcon = exports.AudioRecordinDeviceIcon = (0, _mobxReact.observer)(function (_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 32 : _ref$size,
+    _ref$state = _ref.state,
+    state = _ref$state === void 0 ? _type2.FcrUIMicrophoneState.MUTE : _ref$state;
+  var _useContext = (0, _react.useContext)(_store.DeviceControlStoreContext),
+    microphoneVolumeLevel = _useContext.microphoneVolumeLevel;
+  var muteColor = {
+    iconPrimary: "var(--fcr_ui_scene_ramp_red6)",
+    iconSecondary: 'var(--fcr_ui_scene_ramp_red6)'
+  };
+  if (state === _type2.FcrUIMicrophoneState.MUTE) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+      type: _type.FcrIconType.FCR_NOMUTE,
+      colors: muteColor,
+      size: size
+    });
+  } else if (state === _type2.FcrUIMicrophoneState.UNMUTE) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mic.FcrMicrophoneIndicator, {
+      size: size,
+      voicePercent: microphoneVolumeLevel
+    });
+  } else {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+      src: _micLoading["default"],
+      alt: "mic-loading",
+      width: size
+    });
+  }
+});
+var MicrophoneControl = exports.MicrophoneControl = (0, _mobxReact.observer)(function () {
+  var _useContext2 = (0, _react.useContext)(_store.DeviceControlStoreContext),
+    microphoneEnabled = _useContext2.microphoneEnabled,
+    enableMicrophone = _useContext2.enableMicrophone,
+    openConnection = _useContext2.openConnection,
+    microphoneList = _useContext2.microphoneList,
+    phoneMicEnabled = _useContext2.phoneMicEnabled,
+    checkMediaPermission = _useContext2.checkMediaPermission,
+    connectType = _useContext2.connectType,
+    microphoneState = _useContext2.microphoneState;
+  var _useContext3 = (0, _react.useContext)(_store2.StoreContext),
+    setPopoverArea = _useContext3.setPopoverArea;
+  var _useContext4 = (0, _react.useContext)(_context.ControlBarCalculationContext),
+    isShareActionNavHidden = _useContext4.isShareActionNavHidden;
+  var _useDeviceTooltipVisi = (0, _hooks["default"])(),
+    popoverOpened = _useDeviceTooltipVisi.popoverOpened,
+    _setPopoverOpened = _useDeviceTooltipVisi.setPopoverOpened,
+    handlePopoverVisibleChanged = _useDeviceTooltipVisi.handlePopoverVisibleChanged;
+  var transI18n = (0, _i18n.useI18n)();
+  var microphoneStateMapToTitle = (0, _react.useMemo)(function () {
+    if (microphoneState === _type2.FcrUIMicrophoneState.UNMUTE) {
+      return transI18n('fmt_device_label_audio_unmute');
+    }
+    if (microphoneState === _type2.FcrUIMicrophoneState.MUTE) {
+      return transI18n('fmt_device_label_audio_mute');
+    } else {
+      return transI18n('fmt_audio_popup_button_turning_on');
+    }
+  }, [microphoneState]);
+  var noMic = microphoneList.length === 0;
+  var noMicColor = {
+    iconPrimary: "var(--fcr_web_ui_scene_mainicon1)",
+    iconSecondary: 'var(--fcr_ui_scene_ramp_red6)'
+  };
+  var handleBoundariesChanged = (0, _react.useCallback)(function (boundaries) {
+    setPopoverArea(boundaries);
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (isShareActionNavHidden) {
+      _setPopoverOpened(false);
+      setPopoverArea({
+        x: 0,
+        y: 0,
+        width: 0,
+        height: 0
+      });
+    }
+  }, [isShareActionNavHidden]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "device-control-item-wrapper",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "device-control ".concat(popoverOpened ? 'active' : ''),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "device-control-inner",
+        children: [connectType === _type2.FcrUIConnectType.NONE && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          onClick: function onClick() {
+            return openConnection('computer');
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+            content: transI18n('fmt_toolbar_label_connectaudio'),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+                type: _type.FcrIconType.FCR_WEB_CONNECTSOUND,
+                size: 32,
+                colors: {
+                  iconPrimary: "var(--fcr_web_ui_scene_mainicon1)",
+                  iconSecondary: 'var(--fcr_ui_scene_ramp_green6)'
+                }
+              })
+            })
+          })
+        }), connectType === _type2.FcrUIConnectType.COMPUTER && (!noMic ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          onClick: function onClick() {
+            enableMicrophone(!microphoneEnabled);
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+            content: microphoneStateMapToTitle,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AudioRecordinDeviceIcon, {
+                state: microphoneState
+              })
+            })
+          })
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          onClick: function onClick() {
+            return checkMediaPermission('microphone');
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+            content: transI18n('fmt_internalsetting_status_nodevice'),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+                type: _type.FcrIconType.FCR_MUTECRASH,
+                colors: noMicColor,
+                size: 32
+              })
+            })
+          })
+        })), connectType === _type2.FcrUIConnectType.PHONE && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+            content: transI18n('fmt_device_label_audio_unmute'),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconPhoneCall.FcrIconPhoneCall, {
+                isMuted: !phoneMicEnabled
+              })
+            })
+          })
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.FcrPopover, {
+        showArrow: false,
+        overlayClassName: "device-control--device-popover",
+        visible: popoverOpened,
+        onVisibleChange: handlePopoverVisibleChanged,
+        trigger: "click",
+        content: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_boundaryDetector.BoundaryDetector, {
+          onBoundariesChanged: handleBoundariesChanged,
+          children: [connectType === _type2.FcrUIConnectType.NONE && /*#__PURE__*/(0, _jsxRuntime.jsx)(_noneMenu["default"], {
+            onItemClick: function onItemClick() {
+              handlePopoverVisibleChanged(false);
+              setPopoverArea({
+                x: 0,
+                y: 0,
+                width: 0,
+                height: 0
+              });
+            }
+          }), connectType === _type2.FcrUIConnectType.COMPUTER && /*#__PURE__*/(0, _jsxRuntime.jsx)(_audioMenu["default"], {
+            setPopoverOpened: function setPopoverOpened(opened) {
+              _setPopoverOpened(opened);
+              if (!opened) {
+                setPopoverArea({
+                  x: 0,
+                  y: 0,
+                  width: 0,
+                  height: 0
+                });
+              }
+            },
+            onConnectClick: function onConnectClick() {
+              handlePopoverVisibleChanged(false);
+              setPopoverArea({
+                x: 0,
+                y: 0,
+                width: 0,
+                height: 0
+              });
+            }
+          }), connectType === _type2.FcrUIConnectType.PHONE && /*#__PURE__*/(0, _jsxRuntime.jsx)(_phoneMenu["default"], {
+            onItemClick: function onItemClick() {
+              handlePopoverVisibleChanged(false);
+              setPopoverArea({
+                x: 0,
+                y: 0,
+                width: 0,
+                height: 0
+              });
+            }
+          })]
+        }),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          onClick: function onClick(e) {
+            e.stopPropagation();
+          },
+          className: "device-control-extra ".concat(popoverOpened ? 'active' : ''),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+            type: _type.FcrIconType.FCR_DROPUP4,
+            colors: {
+              iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
+            },
+            size: 24
+          })
+        })
+      })]
+    })
+  });
+});

package/lib/modules/control-bar/components/more-actions/index.d.ts

@@ -1,3 +1,3 @@
 import './index.css';
-import { MorePopoverContentProps } from '../../types';
+import { MorePopoverContentProps } from '../../type';
 export declare const MorePopoverContent: (props: MorePopoverContentProps) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/control-bar/components/more-actions/index.js

@@ -18,11 +18,9 @@ var _react = require("react");
 var _store = require("../../store");
 require("./index.css");
 var _type2 = require("fcr-core/lib/type");
-var _copyText = require("../../../../utilities/copyText");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _enums = require("../../enums");
-var _type3 = require("../../../../type");
 var _jsxRuntime = require("react/jsx-runtime");
 var MorePopoverContent = exports.MorePopoverContent = (0, _mobxReact.observer)(function (props) {
   var ref = (0, _react.useRef)(null);
@@ -30,36 +28,20 @@ var MorePopoverContent = exports.MorePopoverContent = (0, _mobxReact.observer)(f
     _props$closePopover = props.closePopover,
     closePopover = _props$closePopover === void 0 ? function () {} : _props$closePopover;
   var _useContext = (0, _react.useContext)(_store.StoreContext),
-    isHost = _useContext.isHost,
     handleMoreClick = _useContext.handleMoreClick,
     liveStreamingState = _useContext.liveStreamingState,
-    playUrl = _useContext.playUrl,
     cloudRecordingState = _useContext.cloudRecordingState,
     hasStartCloudRecordingPermission = _useContext.hasStartCloudRecordingPermission,
     hasStartLiveStreamingPermission = _useContext.hasStartLiveStreamingPermission,
     hasGetLiveStreamingUrlPermission = _useContext.hasGetLiveStreamingUrlPermission,
-    handleLeaveRoom = _useContext.handleLeaveRoom,
-    showToast = _useContext.showToast,
+    hasEndRoomPermission = _useContext.hasEndRoomPermission,
     newMessageCount = _useContext.newMessageCount,
-    isRoomDetailSupported = _useContext.isRoomDetailSupported,
-    roomDetailCopyText = _useContext.roomDetailCopyText;
+    isRoomDetailSupported = _useContext.isRoomDetailSupported;
   var transI18n = (0, _i18n.useI18n)();
   var onItemClick = function onItemClick(item) {
-    if (item.onClick) {
-      item.onClick();
-      return;
-    }
     closePopover();
     handleMoreClick(item.key);
   };
-  var handleCopyMeetingDetail = (0, _react.useCallback)(function () {
-    (0, _copyText.copyText)(roomDetailCopyText).then(function () {
-      showToast({
-        type: 'info',
-        content: transI18n('fmt_meeting_mainwindow_topbar_left_popup_toast_copy_done')
-      });
-    });
-  }, []);
 
   // 分割线
   var moreOptions = [{
@@ -69,13 +51,15 @@ var MorePopoverContent = exports.MorePopoverContent = (0, _mobxReact.observer)(f
     key: _enums.MoreAction.OPEN_CHAT,
     hasPermission: hasChatPermission,
     classNames: 'share-action-nav__media-list-item-with-divider'
-  }, {
-    icon: _type.FcrIconType.FCR_EMO,
-    text: transI18n('fmt_popup_label_expression'),
-    displayWhenNoPermission: 'hidden',
-    key: 'emoji',
-    hasPermission: false
-  }, {
+  },
+  // {
+  //   icon: FcrIconType.FCR_EMO,
+  //   text: transI18n('fmt_popup_label_expression'),
+  //   displayWhenNoPermission: 'hidden',
+  //   key: 'emoji',
+  //   hasPermission: false,
+  // },
+  {
     icon: _type.FcrIconType.FCR_CLOUDRECORD,
     classNames: 'share-action-nav__media-list-item-with-divider',
     text: transI18n('fmt_screenshare_controlbar_button_more_cloudRecord'),
@@ -92,25 +76,19 @@ var MorePopoverContent = exports.MorePopoverContent = (0, _mobxReact.observer)(f
   //     hasStartCloudRecordingPermission && cloudRecordingState === FcrRecordingState.Stopped,
   // },
   {
-    classNames: 'share-action-nav__media-list-item-with-divider',
     icon: _type.FcrIconType.FCR_LIVE,
+    classNames: 'share-action-nav__media-list-item-with-divider',
     text: transI18n('fmt_screenshare_controlbar_button_more_live'),
     displayWhenNoPermission: 'hidden',
-    key: 'liveStreaming',
-    hasPermission: hasStartLiveStreamingPermission && liveStreamingState === _type2.FcrLiveStreamingState.STOPPED,
-    onClick: function onClick() {
-      handleMoreClick(_enums.MoreAction.OPEN_LIVE_STEAMING_DIALOG);
-    }
+    key: _enums.MoreAction.OPEN_LIVE_STEAMING_DIALOG,
+    hasPermission: hasStartLiveStreamingPermission && liveStreamingState === _type2.FcrLiveStreamingState.STOPPED
   }, {
     icon: _type.FcrIconType.FCR_EXCLAMATIONMASK,
     text: transI18n('fmt_popup_button_meetinginfor'),
     classNames: 'share-action-nav__media-list-item-with-divider',
     displayWhenNoPermission: 'hidden',
-    key: 'copyMeetingInfo',
-    hasPermission: isRoomDetailSupported,
-    onClick: function onClick() {
-      handleCopyMeetingDetail();
-    }
+    key: _enums.MoreAction.COPY_MEETING_INFO,
+    hasPermission: isRoomDetailSupported
   }, {
     icon: _type.FcrIconType.FCR_SETTING,
     classNames: 'share-action-nav__media-list-item-with-divider',
@@ -123,28 +101,14 @@ var MorePopoverContent = exports.MorePopoverContent = (0, _mobxReact.observer)(f
     classNames: 'share-action-nav__media-list-item-with-divider',
     text: transI18n('fmt_live_label_copylink'),
     displayWhenNoPermission: 'hidden',
-    key: 'copyLiveLink',
-    hasPermission: liveStreamingState === _type2.FcrLiveStreamingState.STARTED && hasGetLiveStreamingUrlPermission,
-    onClick: function onClick() {
-      closePopover();
-      (0, _copyText.copyText)(playUrl).then(function () {
-        showToast({
-          type: 'info',
-          content: transI18n('fmt_statusbar_status_coppied')
-        });
-      });
-    }
+    key: _enums.MoreAction.COPY_INVITE_LINK,
+    hasPermission: liveStreamingState === _type2.FcrLiveStreamingState.STARTED && hasGetLiveStreamingUrlPermission
   }, {
     icon: _type.FcrIconType.FCR_ENDMEETING,
     key: _enums.MoreAction.LEAVE_ROOM,
     classNames: 'share-action-nav__popover-inner-content-leave-option',
-    text: isHost ? transI18n('fmt_popup_button_endmeeting') : transI18n('fmt_popup_button_leavemeeting'),
-    hasPermission: true,
-    onClick: function onClick() {
-      var _window$runtime$brows;
-      (_window$runtime$brows = window.runtime.browserWindow) === null || _window$runtime$brows === void 0 || _window$runtime$brows.setIgnoreMouseEvents(false);
-      handleLeaveRoom();
-    }
+    text: hasEndRoomPermission ? transI18n('fmt_popup_button_endmeeting') : transI18n('fmt_popup_button_leavemeeting'),
+    hasPermission: true
   }];
   (0, _react.useEffect)(function () {
     function handleClickOutside(event) {
@@ -160,7 +124,6 @@ var MorePopoverContent = exports.MorePopoverContent = (0, _mobxReact.observer)(f
   var moreOptionsFilter = moreOptions.filter(function (item) {
     return item.hasPermission;
   });
-  var count = newMessageCount[_type3.FcrUIRoomType.MAIN_ROOM] || 0;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ref: ref,
     className: "share-action-nav__popover-inner-content share-action-nav__not-draggable",
@@ -184,9 +147,9 @@ var MorePopoverContent = exports.MorePopoverContent = (0, _mobxReact.observer)(f
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             className: "share-action-nav__popover-inner-content-text",
             children: item.text
-          }), item.key === _enums.MoreAction.OPEN_CHAT && count > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          }), item.key === _enums.MoreAction.OPEN_CHAT && newMessageCount > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             className: "share-action-nav__popover-inner-content-chat-count",
-            children: count > 0 ? count : count > 99 ? '99+' : count
+            children: newMessageCount > 0 ? newMessageCount : newMessageCount > 99 ? '99+' : newMessageCount
           })]
         })
       }, item.key);