fcr-ui-scene 3.7.9-alpha → 3.8.0-alpha

package/lib/utilities/ui-resources.js

@@ -1,13 +1,29 @@
 "use strict";
 
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.object.define-properties.js");
 require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.object.to-string.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");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getNormalDownloadResources = exports.BUILTIN_VIRTUAL_BACKGROUND_VIDEO_URL_LIST = exports.BUILTIN_VIRTUAL_BACKGROUND_IMAGE_URL_LIST = exports.BUILTIN_SOUND_EFFECT_URL_LIST = void 0;
+exports.getNormalDownloadResources = exports.BUILTIN_VIRTUAL_BACKGROUND_VIDEO_URL_LIST = exports.BUILTIN_VIRTUAL_BACKGROUND_IMAGE_URL_LIST = exports.BUILTIN_SOUND_EFFECT_URL_MAP = void 0;
 require("core-js/modules/es.array.concat.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // Asset types:
 // Electron
 // 1. Built-in assets: packaged with the app, no need to download
@@ -37,31 +53,39 @@ var BUILTIN_VIRTUAL_BACKGROUND_VIDEO_URL_LIST = exports.BUILTIN_VIRTUAL_BACKGROU
 // 'https://solutions-apaas.agora.io/fcr-ui-scene/video/common/default8.mp4',
 // 'https://solutions-apaas.agora.io/fcr-ui-scene/video/common/default9.mp4',
 ];
-var BUILTIN_SOUND_EFFECT_URL_LIST = exports.BUILTIN_SOUND_EFFECT_URL_LIST = [
-// Built-in assets URL
-'https://solutions-apaas.agora.io/fcr-ui-scene/audio/common/sound_effect_audios.zip'
+var BUILTIN_SOUND_EFFECT_URL_MAP = exports.BUILTIN_SOUND_EFFECT_URL_MAP = {
+  // Built-in assets URL
+  cloudRecording: 'https://solutions-apaas.agora.io/fcr-ui-scene/audio/common/sound_effect_audios.zip',
+  userJoin: 'https://solutions-apaas.agora.io/fcr-ui-scene/audio/common/sound_effect_audios.zip'
+  // Use built-in mp3 for speaker test
+  // speakerTest: 'https://solutions-apaas.agora.io/fcr-ui-scene/audio/common/sound_effect_audios.zip',
 
-// browser mp3
-// 'https://solutions-apaas.agora.io/fcr-ui-scene/audio/common/remote_user_joined.mp3',
-// 'https://solutions-apaas.agora.io/fcr-ui-scene/audio/common/speaker_test.mp3',
-// 'https://solutions-apaas.agora.io/fcr-ui-scene/audio/common/recording_started.mp3',
-];
+  // browser mp3
+  // cloudRecording:
+  //   'https://solutions-apaas.agora.io/fcr-ui-scene/audio/common/recording_started.mp3',
+  // userJoin: 'https://solutions-apaas.agora.io/fcr-ui-scene/audio/common/remote_user_joined.mp3',
+  // speakerTest: 'https://solutions-apaas.agora.io/fcr-ui-scene/audio/common/speaker_test.mp3',
+};
 var getNormalDownloadResources = exports.getNormalDownloadResources = function getNormalDownloadResources(customResource) {
   var _ref = customResource !== null && customResource !== void 0 ? customResource : {
       virtualBackgroundImages: [],
       virtualBackgroundVideos: [],
-      soundEffectAudios: []
+      soundEffectAudios: {}
     },
     _ref$virtualBackgroun = _ref.virtualBackgroundImages,
     virtualBackgroundImages = _ref$virtualBackgroun === void 0 ? [] : _ref$virtualBackgroun,
     _ref$virtualBackgroun2 = _ref.virtualBackgroundVideos,
     virtualBackgroundVideos = _ref$virtualBackgroun2 === void 0 ? [] : _ref$virtualBackgroun2,
     _ref$soundEffectAudio = _ref.soundEffectAudios,
-    soundEffectAudios = _ref$soundEffectAudio === void 0 ? [] : _ref$soundEffectAudio;
+    soundEffectAudios = _ref$soundEffectAudio === void 0 ? {} : _ref$soundEffectAudio;
   var uiResources = {
     virtualBackgroundImages: [].concat(BUILTIN_VIRTUAL_BACKGROUND_IMAGE_URL_LIST, (0, _toConsumableArray2["default"])(virtualBackgroundImages)),
     virtualBackgroundVideos: [].concat(BUILTIN_VIRTUAL_BACKGROUND_VIDEO_URL_LIST, (0, _toConsumableArray2["default"])(virtualBackgroundVideos)),
-    soundEffectAudios: [].concat(BUILTIN_SOUND_EFFECT_URL_LIST, (0, _toConsumableArray2["default"])(soundEffectAudios))
+    soundEffectAudios: _objectSpread({
+      userJoin: BUILTIN_SOUND_EFFECT_URL_MAP.userJoin,
+      // speakerTest: BUILTIN_SOUND_EFFECT_URL_MAP.speakerTest,
+      cloudRecording: BUILTIN_SOUND_EFFECT_URL_MAP.cloudRecording
+    }, soundEffectAudios)
   };
   return uiResources;
 };

package/package.json

@@ -1,10 +1,14 @@
 {
   "name": "fcr-ui-scene",
-  "version": "3.7.9-alpha",
+  "version": "3.8.0-alpha",
   "main": "lib/index.js",
   "repository": "ssh://git@git.agoralab.co/aduc/fcr-ui-scene-desktop.git",
   "author": "agora.io",
   "license": "MIT",
+  "files": [
+    "lib",
+    "public"
+  ],
   "scripts": {
     "prepare": "husky",
     "dev": "agora-tc-dev-server",
@@ -21,14 +25,15 @@
     "@electron/remote": "2.0.1",
     "@react-spring/web": "^9.7.3",
     "@use-gesture/react": "^10.3.1",
-    "agora-electron-sdk": "4.3.2-build.201-rc.1",
-    "agora-foundation": "3.7.9-alpha",
-    "agora-ui-foundation": "3.7.9-alpha",
+    "agora-electron-sdk": "4.3.2-build.163-rc.3",
+    "agora-foundation": "3.8.0-alpha",
+    "agora-ui-foundation": "3.8.0-alpha",
     "classnames": "^2.5.1",
     "core-js": "^3.33.3",
     "dayjs": "^1.10.4",
     "electron-screenshots": "^0.5.26",
-    "fcr-core": "3.7.9-alpha",
+    "fcr-core": "3.8.0-alpha",
+    "fcr-ui-widget-sdk": "^3.8.0-alpha",
     "js-md5": "^0.8.3",
     "jszip": "^3.10.1",
     "lodash": "^4.17.21",
@@ -59,7 +64,7 @@
     "@types/react-dom": "^17.0.11",
     "@types/react-virtualized": "^9.21.30",
     "@types/tinycolor2": "^1.4.6",
-    "agora-toolchain": "3.7.9-alpha",
+    "agora-toolchain": "3.8.0-alpha",
     "core-js": "^3.33.3",
     "electron": "22.3.27",
     "husky": "^9.0.11",

package/public/index.html

@@ -178,5 +178,6 @@
       }
     };
   </script>
+
   <script src="meeting-manager.js"></script>
 </html>

package/public/meeting-manager.js

@@ -27,6 +27,16 @@ class MeetingManager {
     }
   }
 
+
+  releaseCreator() {
+    if (this.creator) {
+      this.logInfo('Creator exists, releasing previous creator');
+      this.releasePreviousScene();
+      this.creator.release();
+      this.creator = undefined;
+    }
+  }
+
   /**
    * 创建或初始化创建者
    * @param {Object} config - 配置对象
@@ -34,12 +44,7 @@ class MeetingManager {
   createOrInitCreator(config) {
     try {
       // 如果存在旧的创建者，先释放
-      if (this.creator) {
-        this.logInfo('Creator exists, releasing previous creator');
-        this.releasePreviousScene();
-        this.creator.release();
-        this.creator = undefined;
-      }
+      this.releaseCreator();
     } catch (error) {
       this.logError('Failed to release creator:', error);
     }
@@ -75,6 +80,7 @@ class MeetingManager {
     if (initParamsFromMainProcess !== this.lastInitParams) {
       this.logInfo('Init params changed, reloading creator');
       this.lastInitParams = initParamsFromMainProcess;
+      this.releaseCreator();
       this.reloadCreator(initParamsFromMainProcess);
     }
 
@@ -105,8 +111,8 @@ class MeetingManager {
     try {
       if (this.uiScene) {
         this.logInfo('Cleaning up previous UI scene');
-        this.uiScene.exit();
         this.sendExitedEventFlag = false;
+        this.uiScene.exit();
       }
     } catch (error) {
       this.logError('Error during scene cleanup:', error);
@@ -146,9 +152,17 @@ class MeetingManager {
 
     this.uiScene = this.creator.launch(
       others,
-      () => {
+      async () => {
         this.logInfo('UI scene closed callback');
-        window.runtime.getCurrentBrowserWindow().hide();
+        const currentBrowserWindow = window.runtime.getCurrentBrowserWindow();
+        if(currentBrowserWindow.isFullScreen()) {
+          currentBrowserWindow.setFullScreen(false);
+          await new Promise(resolve => setTimeout(resolve, 500));
+        }
+        
+        if (currentBrowserWindow) {
+          currentBrowserWindow.hide();
+        }
       },
       () => { }, // 空回调
       () => { }, // 空回调

package/installer/mac/entitlements.mac.plist

@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
-<plist version="1.0">
-  <dict>
-    <key>com.apple.security.cs.allow-jit</key>
-    <true/>
-    <key>com.apple.security.cs.allow-unsigned-executable-memory</key>
-    <true/>
-    <key>com.apple.security.cs.allow-dyld-environment-variables</key>
-    <true/>
-    <key>com.apple.security.device.audio-input</key>
-    <true/>
-    <key>com.apple.security.device.camera</key>
-    <true/>
-  </dict>
-</plist>

package/lib/modules/participant/components/participants/components/footer/components/footer/index.css

@@ -1,17 +0,0 @@
-.fcr-participant__footer-placeholder {
-  flex: 30%;
-}
-.footer-more-actions {
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  padding: 0 1rem;
-  height: 100%;
-}
-.fcr-participant__footer-creator button {
-  flex: 1;
-}
-
-.fcr-participant__footer-creator button {
-  padding: 0 !important;
-}

package/lib/modules/participant/components/participants/components/footer/components/footer/index.d.ts

@@ -1,5 +0,0 @@
-import { ParticipantsFooterParticipantProps, ParticipantsHostFooterProps } from '../../../../types';
-import './index.css';
-export declare const FcrParticipantsFooter: (props: ParticipantsHostFooterProps) => import("react/jsx-runtime").JSX.Element;
-export declare const FcrParticipantsFooterRename: ({ onRoomControlClick, }: ParticipantsFooterParticipantProps) => import("react/jsx-runtime").JSX.Element;
-export declare const FcrParticipantsFooterWithRevokeHost: ({ type, onRoomControlClick, }: ParticipantsFooterParticipantProps) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/participant/components/participants/components/footer/components/footer/index.js

@@ -1,242 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FcrParticipantsFooterWithRevokeHost = exports.FcrParticipantsFooterRename = exports.FcrParticipantsFooter = void 0;
-require("core-js/modules/es.array.unshift.js");
-var _i18n = require("agora-ui-foundation/lib/i18n");
-var _checkbox = require("agora-ui-foundation/lib/components/checkbox");
-var _dropMenu = require("agora-ui-foundation/lib/components/drop-menu");
-var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
-var _button = require("agora-ui-foundation/lib/components/button");
-var _popover = require("agora-ui-foundation/lib/components/popover");
-var _type = require("agora-ui-foundation/lib/components/icon/type");
-require("./index.css");
-var _jsxRuntime = require("react/jsx-runtime");
-// 提取常量
-var ACTION_MUTE_ALL_AUDIO = 'MUTE_ALL_AUDIO';
-var ACTION_UNMUTE_ALL_AUDIO = 'UNMUTE_ALL_AUDIO';
-var ACTION_REVOKE_HOST = 'REVOKE_HOST';
-var ACTION_PLAY_JOIN_LEAVE_SOUND = 'PLAY_JOIN_LEAVE_SOUND';
-var ACTION_LOCK_ROOM = 'LOCK_ROOM';
-var ACTION_ENABLE_WAITING_ROOM = 'ENABLE_WAITING_ROOM';
-var ACTION_ALLOW_ATTENDEE_TO_UNMUTE = 'ALLOW_ATTENDEE_TO_UNMUTE';
-var ACTION_RENAME = 'RENAME';
-var ACTION_ALLOW_ATTENDEE_TO_OPEN_CAMERA = 'ALLOW_ATTENDEE_TO_OPEN_CAMERA';
-var ACTION_REVOKE_HOST_BY_TICKET = 'ACTION_REVOKE_HOST_BY_TICKET';
-var ACTION_CHANGE_NAME = 'ACTION_CHANGE_NAME';
-
-// 提取创建下拉菜单数据的函数
-var createAllActions = function createAllActions(t, onRoomControlClick, hasRevokeHostPermission) {
-  var allActions = [{
-    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
-      checked: false,
-      label: t('fmt_security_buttons_allhandsdown'),
-      styleType: "white"
-    }),
-    key: 'mute_all',
-    type: 'disabled',
-    onButtonClick: function onButtonClick() {},
-    classNames: 'room-control-drop-with-under-line'
-  }, {
-    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
-      checked: true,
-      label: t('fmt_security_options_silence'),
-      styleType: "white"
-    }),
-    key: 'join_room_with_mute',
-    type: 'primary',
-    onButtonClick: function onButtonClick() {
-      onRoomControlClick(ACTION_MUTE_ALL_AUDIO);
-    }
-  }, {
-    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
-      checked: false,
-      label: t('fmt_security_options_playnotification'),
-      styleType: "white"
-    }),
-    key: 'play_join_leave_sound',
-    type: 'disabled',
-    onButtonClick: function onButtonClick() {
-      onRoomControlClick(ACTION_PLAY_JOIN_LEAVE_SOUND);
-    }
-  }, {
-    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
-      checked: false,
-      label: t('fmt_screenshare_controlbar_security_list_lock'),
-      styleType: "white"
-    }),
-    key: 'lock_room',
-    type: 'disabled',
-    onButtonClick: function onButtonClick() {
-      onRoomControlClick(ACTION_LOCK_ROOM);
-    }
-  }, {
-    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
-      checked: false,
-      label: t('fmt_security_options_activatewaitingroom'),
-      styleType: "white"
-    }),
-    key: 'enable_waiting_room',
-    type: 'disabled',
-    onButtonClick: function onButtonClick() {
-      onRoomControlClick(ACTION_ENABLE_WAITING_ROOM);
-    },
-    classNames: 'room-control-drop-with-under-line'
-  }, {
-    title: t('fmt_screenshare_options_allow'),
-    key: 'allow_attendee_title',
-    type: 'title'
-  }, {
-    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
-      checked: false,
-      label: t('fmt_screenshare_controlbar_security_list_participant_unmute'),
-      styleType: "white"
-    }),
-    key: 'unmute_yourself',
-    type: 'primary',
-    onButtonClick: function onButtonClick() {
-      onRoomControlClick(ACTION_ALLOW_ATTENDEE_TO_UNMUTE);
-    }
-  }, {
-    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
-      checked: false,
-      label: t('fmt_screenshare_controlbar_security_list_participant_changeName'),
-      styleType: "white"
-    }),
-    key: 'rename',
-    type: 'disabled',
-    onButtonClick: function onButtonClick() {
-      onRoomControlClick(ACTION_RENAME);
-    }
-  }, {
-    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
-      checked: false,
-      label: t('fmt_security_start_video'),
-      styleType: "white"
-    }),
-    key: 'start_video',
-    type: 'primary',
-    onButtonClick: function onButtonClick() {
-      onRoomControlClick(ACTION_ALLOW_ATTENDEE_TO_OPEN_CAMERA);
-    },
-    classNames: 'room-control-drop-with-under-line'
-  }];
-  if (hasRevokeHostPermission) {
-    allActions.unshift({
-      title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
-        checked: false,
-        label: t('fmt_security_options_restract'),
-        styleType: "white"
-      }),
-      key: 'revoke_host',
-      type: 'primary',
-      onButtonClick: function onButtonClick() {
-        onRoomControlClick(ACTION_REVOKE_HOST);
-      },
-      classNames: 'room-control-drop-with-under-line'
-    });
-  }
-  return allActions;
-};
-var FcrParticipantsFooter = exports.FcrParticipantsFooter = function FcrParticipantsFooter(props) {
-  var _props$onRoomControlC = props.onRoomControlClick,
-    onRoomControlClick = _props$onRoomControlC === void 0 ? function () {} : _props$onRoomControlC,
-    moreDropMenu = props.moreDropMenu,
-    hasRevokeHostPermission = props.hasRevokeHostPermission,
-    openMuteAllDialog = props.openMuteAllDialog;
-  var t = (0, _i18n.useI18n)();
-  var ParticipantsFooterMore = function ParticipantsFooterMore() {
-    var allActions = createAllActions(t, onRoomControlClick, !!hasRevokeHostPermission);
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropMenu.FcrDropMenu, {
-      options: allActions
-    });
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "fcr-participant__footer",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-      content: t('fmt_participants_options_allmute'),
-      mouseEnterDelay: 0,
-      trigger: "hover",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
-        type: "secondary-bordered",
-        size: "XS",
-        onClick: function onClick() {
-          return openMuteAllDialog();
-        },
-        children: t('fmt_participants_options_allmute')
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-      content: t('fmt_participants_options_allunmute'),
-      mouseEnterDelay: 0,
-      trigger: "hover",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
-        type: "secondary-bordered",
-        size: "XS",
-        onClick: function onClick() {
-          return onRoomControlClick(ACTION_UNMUTE_ALL_AUDIO);
-        },
-        children: t('fmt_participants_button_unmuteAll')
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.FcrPopover, {
-      showArrow: false,
-      trigger: "click",
-      overlayClassName: "attendee__footer-more-actions",
-      mouseEnterDelay: 0,
-      overlayInnerStyle: {
-        boxShadow: 'none',
-        border: 'none',
-        minWidth: '256px',
-        width: 'auto',
-        maxWidth: '300px'
-      },
-      content: moreDropMenu ? moreDropMenu : /*#__PURE__*/(0, _jsxRuntime.jsx)(ParticipantsFooterMore, {}),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
-        type: "secondary-bordered",
-        size: "XS",
-        postIcon: _type.FcrIconType.FCR_DROPDOWN,
-        children: t('fmt_participants_button_meetingManagement')
-      })
-    })]
-  });
-};
-var FcrParticipantsFooterRename = exports.FcrParticipantsFooterRename = function FcrParticipantsFooterRename(_ref) {
-  var onRoomControlClick = _ref.onRoomControlClick;
-  var t = (0, _i18n.useI18n)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-    content: t('fmt_additional_option_rename_in_meeting'),
-    mouseEnterDelay: 0,
-    trigger: "hover",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
-      type: "secondary-bordered",
-      shape: "rounded",
-      size: "XS",
-      onClick: function onClick() {
-        return onRoomControlClick === null || onRoomControlClick === void 0 ? void 0 : onRoomControlClick(ACTION_CHANGE_NAME);
-      },
-      children: t('fmt_additional_option_rename_in_meeting')
-    })
-  });
-};
-
-// 如果当前不是host只是participant,并且有revoke的权限
-var FcrParticipantsFooterWithRevokeHost = exports.FcrParticipantsFooterWithRevokeHost = function FcrParticipantsFooterWithRevokeHost(_ref2) {
-  var type = _ref2.type,
-    onRoomControlClick = _ref2.onRoomControlClick;
-  var t = (0, _i18n.useI18n)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-    content: t(type === 'revoke' ? 'fmt_hostkey_participant_button_reclaim_host' : 'fmt_hostkey_participant_button_claim_host'),
-    mouseEnterDelay: 0,
-    trigger: "hover",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
-      type: "secondary-bordered",
-      size: "XS",
-      onClick: function onClick() {
-        return onRoomControlClick === null || onRoomControlClick === void 0 ? void 0 : onRoomControlClick(type === 'revoke' ? ACTION_REVOKE_HOST : ACTION_REVOKE_HOST_BY_TICKET);
-      },
-      children: type === 'revoke' ? t('fmt_hostkey_participant_button_reclaim_host') : t('fmt_hostkey_participant_button_claim_host')
-    })
-  });
-};

package/lib/modules/participant/components/participants/components/participants/components/attendee/index.css

@@ -1,192 +0,0 @@
-.attendee {
-  border-radius: var(--fcr_cornerradius_s);
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-  max-width: 100%;
-  justify-content: space-between;
-  min-height: 52px;
-  padding: 10px 10px 10px 6px;
-  margin: 0 10px;
-  position: relative;
-}
-
-.attendee::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 0%;
-  margin: 0 10px;
-}
-
-.attendee:hover,
-.attendee-active {
-  background-color: var(--fcr_web_ui_scene_hover);
-}
-
-.attendee:hover::after {
-  border-top: none;
-}
-
-.attendee__user-info {
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-  gap: 10px;
-  flex: 1;
-}
-.attendee__user-info .fcr-avatar {
-  background-color: var(--for_head2);
-}
-
-.attendee__user-info-identity {
-  max-width: 80%;
-  width: 80%;
-}
-
-.attendee__name {
-  color: var(--for_head2);
-  display: -webkit-box;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  word-wrap: break-word;
-  word-break: break-all;
-  font-size: 12px;
-}
-
-.attendee__host-badge {
-  color: var(--fcr_ui_scene_inverse);
-  background-color: var(--fcr_ui_scene_icontext5);
-  width: fit-content;
-  padding: 2px 4px;
-  border-radius: var(--fcr_cornerradius_xxxxs);
-  font-size: 12px;
-  height: 16px;
-  display: flex;
-  align-items: center;
-  line-height: 16px;
-  margin-right: 8px;
-}
-
-.attendee__tag-group {
-  display: flex;
-  justify-content: center;
-  justify-content: left;
-}
-
-.attendee__cohost-tag-bg {
-  /* zxq-TODO: 颜色未定义 */
-  /* background-color: var(--fcr_card_green); */
-  background: #83bc53;
-}
-
-.attendee__interpreter-tag-bg {
-  font-weight: 400;
-  background: rgba(0, 0, 0, 1);
-  padding-left: 0;
-  margin-left: 0px;
-  border-radius: 8px;
-  background: var(--fcr_mobile_ui_scene_color_popup_fill3);
-}
-.attendee__interpreter-tag-user {
-  padding-left: 4px;
-  padding-right: 4px;
-  font-size: 12px;
-  background: var(--fcr_ui_scene_ramp_purple6);
-  border-radius: var(--fcr_cornerradius_xxxs) 0px var(--fcr_cornerradius_m)
-    var(--fcr_cornerradius_xxxs);
-}
-.attendee__interpreter-tag-language {
-  padding: 0px 5px 0 5px;
-  color: var(--fcr_ui_scene_icontext7);
-}
-
-.attendee .fcr-button-posticon {
-  width: 24px;
-}
-
-.fcr-participant__footer button:not(:last-child) {
-  flex: 1;
-  min-width: 30%;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.fcr-participant__footer button {
-  padding: 0;
-}
-
-.fcr-participant__footer button:last-child {
-  width: fit-content;
-  padding: 0;
-}
-
-.attendee__user-media,
-.attendee__user-action {
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-  gap: 8px;
-}
-
-.attendee__user-action {
-  position: absolute;
-  right: 14px;
-  opacity: 0;
-}
-
-.attendee:hover .attendee__user-action {
-  /* background-color: var(--fcr_web_ui_scene_hover); */
-  opacity: 1;
-}
-.attendee__footer-more-actions .fcr-tooltip-inner {
-  max-width: 364px !important;
-  min-width: auto !important;
-  width: auto !important;
-}
-
-.attendee__footer-more-actions .fcr-drop-menu-option {
-  width: auto !important;
-}
-.attendee__footer-more-actions .fcr-checkbox-label {
-  font-size: 13px;
-}
-
-.attendee__more-actions .fcr-drop-menu-title,
-.attendee__footer-more-actions .fcr-drop-menu-title {
-  color: var(--fcr_ui_scene_icontext1);
-  font-size: 12px;
-  text-align: left;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-weight: 700;
-}
-
-.attendee__more-actions {
-  width: fit-content;
-}
-
-.attendee__more-actions .fcr-drop-menu-option-primary {
-  color: var(--fcr_ui_scene_icontext1);
-}
-
-.attendee__more-actions .fcr-drop-menu-option-primary:hover {
-  color: var(--fcr_web_ui_scene_mainicon2);
-}
-
-.attendee__more-actions .fcr-drop-menu-option-primary:hover ~ .attendee__user-action,
-.attendee__user-action-hovered {
-  opacity: 1;
-}
-
-.attendee__danger-operate {
-  color: var(--fcr_web_ui_scene_mainicon3_red);
-}
-
-.attendee__more-actions button {
-}