fcr-ui-scene 3.4.5 → 3.5.1

package/lib/modules/participant/components/participants/components/participants/components/user-row/index.js

@@ -0,0 +1,70 @@
+"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.iterator.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/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");
+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.for-each.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.userRowRenderer = exports.cache = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _CellMeasurer = _interopRequireWildcard(require("react-virtualized/dist/es/CellMeasurer"));
+var _attendee = require("../attendee");
+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 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; }
+var cache = exports.cache = new _CellMeasurer.CellMeasurerCache({
+  fixedWidth: true,
+  defaultHeight: 52
+});
+var userRowRenderer = exports.userRowRenderer = function userRowRenderer(userList, userRenderer, hasPinnedStream, toggleParticipantAction) {
+  return function (renderProps) {
+    var key = renderProps.key,
+      parent = renderProps.parent,
+      index = renderProps.index,
+      style = renderProps.style;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CellMeasurer["default"], {
+      cache: cache,
+      parent: parent,
+      columnIndex: 0,
+      rowIndex: index,
+      children: function children(_ref) {
+        var measure = _ref.measure;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          style: _objectSpread(_objectSpread({}, style), {}, {
+            pointerEvents: 'all'
+          }),
+          onLoad: measure,
+          children: userRenderer ? userRenderer(userList[index]) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_attendee.FcrParticipant, {
+            hasPinnedStream: hasPinnedStream,
+            user: userList[index],
+            onParticipantsButtonClick: toggleParticipantAction
+          })
+        });
+      }
+    }, key);
+  };
+};

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

@@ -0,0 +1,104 @@
+.fcr-participant {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  min-width: 320px;
+  min-height: 560px;
+}
+
+.fcr-participant__search-and-invite {
+  display: flex;
+  align-items: center;
+  /* margin-bottom: 15px; */
+  gap: 8px;
+  width: 100%;
+  padding: 5px 15px;
+}
+
+.fcr-participant__search-and-invite .fcr-input {
+  height: 32px;
+  flex: 1;
+}
+
+.fcr-participant__search-and-invite .fcr-button-secondary {
+  border: 0.5px solid var(--fcr_web_ui_scene_line4);
+  color: var(--fcr_ui_scene_icontext1);
+}
+
+.fcr-participant__list {
+  flex: 1;
+}
+
+.fcr-participant__list div:focus {
+  outline: none;
+}
+.fcr-participant__footer {
+  display: flex;
+  justify-content: space-between;
+  padding: 4px 15px 10px 15px;
+  gap: 8px;
+  width: 100%;
+  background-color: var(--fcr_mobile_ui_scene_color_popup_fill2);
+}
+
+.fcr-participant__footer button {
+  border-radius: var(--fcr_cornerradius_s);
+}
+
+.fcr-participant__footer .fcr-button-posticon {
+  width: 16px;
+}
+
+.fcr-participant__footer .fcr-button-posticon path {
+  fill: var(--fcr_ui_scene_icontext1);
+}
+
+.fcr-participant__footer .fcr-button:hover {
+  /* border-color: var(--fcr_ui_scene_ramp_brand6); */
+}
+.fcr-participant__footer .fcr-button:hover path {
+  fill: var(--fcr_web_ui_scene_mainicon2);
+}
+
+.fcr-participant__search-and-invite input {
+  border-radius: var(--fcr_cornerradius_s);
+}
+
+.attendee__more-actions,
+.attendee__footer-more-actions {
+  border: 0;
+  box-shadow: var(--fcr_web_light_dropup_m);
+  border-radius: var(--fcr_cornerradius_l);
+  max-width: fit-content;
+}
+
+.attendee__footer-more-actions .fcr-tooltip-inner {
+  max-width: 364px;
+  min-width: 302px;
+  width: auto !important;
+}
+
+.attendee__more-actions .fcr-checkbox-input-wrapper,
+.attendee__footer-more-actions .fcr-checkbox-input-wrapper {
+  border: 0;
+}
+
+.attendee__more-actions .fcr-checkbox-input-wrapper .fcr-btn-click-effect,
+.attendee__footer-more-actions .fcr-checkbox-input-wrapper .fcr-btn-click-effect {
+  height: 24px;
+  width: 24px;
+  background: transparent;
+}
+
+.attendee__footer-more-actions .fcr-checkbox {
+  width: 100%;
+}
+
+.attendee__footer-more-actions .fcr-drop-menu-option {
+  width: auto;
+}
+
+.fcr_participants_button_invite {
+  min-width: 70px !important;
+}

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

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

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

@@ -0,0 +1,110 @@
+"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.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");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FcrParticipants = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _reactVirtualized = require("react-virtualized");
+var _react = require("react");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _input = require("agora-ui-foundation/lib/components/input");
+var _type = require("agora-ui-foundation/lib/components/icon/type");
+var _button = require("agora-ui-foundation/lib/components/button");
+var _userRow = require("./components/user-row");
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var FcrParticipants = exports.FcrParticipants = function FcrParticipants(props) {
+  var _props = _objectSpread({}, props),
+    searchText = _props.searchText,
+    onSearch = _props.onSearch,
+    userList = _props.userList,
+    userRenderer = _props.userRenderer,
+    onInvite = _props.onInvite,
+    hasPinnedStream = _props.hasPinnedStream,
+    toggleParticipantAction = _props.toggleParticipantAction,
+    toggleRoomControlAction = _props.toggleRoomControlAction,
+    footer = _props.footer,
+    header = _props.header,
+    hasInvite = _props.hasInvite;
+
+  // 使用 useMemo 初始化 value 状态
+  var _useState = (0, _react.useState)((0, _react.useMemo)(function () {
+      return searchText || '';
+    }, [searchText])),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var t = (0, _i18n.useI18n)();
+  var handleChange = function handleChange(val) {
+    setValue(val);
+    onSearch(val);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "fcr-participant",
+    children: [header, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "fcr-participant__search-and-invite",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_input.FcrInput, {
+        size: "small",
+        placeholder: t('fmt_attendies_button_serach'),
+        value: value,
+        shape: "rounded",
+        onChange: handleChange,
+        maxLength: 21,
+        style: {
+          background: 'var(--fcr_ui_scene_input2)'
+        }
+        // autoFocus
+        ,
+        iconPrefix: {
+          type: _type.FcrIconType.FCR_V2_SEARCH,
+          colors: {
+            iconPrimary: 'var(--fcr_ui_scene_icontext1)'
+          }
+        }
+      }), hasInvite && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
+        className: "fcr_participants_button_invite",
+        type: "secondary-bordered",
+        shape: "rounded",
+        size: "XS",
+        onClick: onInvite,
+        children: t('fmt_participants_button_invite')
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "fcr-participant__list",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactVirtualized.AutoSizer, {
+        children: function children(_ref) {
+          var height = _ref.height,
+            width = _ref.width;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactVirtualized.List, {
+            width: width,
+            height: height,
+            rowCount: userList.length,
+            rowHeight: _userRow.cache.rowHeight,
+            rowRenderer: (0, _userRow.userRowRenderer)(userList, userRenderer, hasPinnedStream, toggleParticipantAction)
+          });
+        }
+      })
+    }), footer ? footer : null]
+  });
+};

package/lib/modules/participant/components/participants/components/render-tab/index.d.ts

@@ -0,0 +1,2 @@
+declare const RenderTabs: () => import("react/jsx-runtime").JSX.Element | null;
+export default RenderTabs;

package/lib/modules/participant/components/participants/components/render-tab/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _tabs = require("agora-ui-foundation/lib/components/tabs");
+var _react = require("react");
+var _store = require("../../../../store");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _mobxReact = require("mobx-react");
+var _type = require("../../../../../../type");
+var _jsxRuntime = require("react/jsx-runtime");
+var RenderTabs = (0, _mobxReact.observer)(function () {
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
+    waitingRoomUserCount = _useContext.waitingRoomUserCount,
+    isNewWaitingRoomUserEnter = _useContext.isNewWaitingRoomUserEnter,
+    activeTab = _useContext.activeTab,
+    handleActiveTab = _useContext.handleActiveTab;
+  var transI18n = (0, _i18n.useI18n)();
+  var renderTabs = (0, _react.useCallback)(function () {
+    if (waitingRoomUserCount > 0) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tabs.FcrTabs, {
+        items: [{
+          label: transI18n('fmt_waitingroom_sidebar_chat_label_meeting'),
+          key: _type.FcrUIRoomType.MAIN_ROOM
+        }, {
+          label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "participants-container-icon",
+            children: [isNewWaitingRoomUserEnter ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "participants-container-red"
+            }) : null, transI18n('fmt_waitingroom_sidebar_label_waiting', {
+              reason1: waitingRoomUserCount
+            })]
+          }),
+          key: _type.FcrUIRoomType.WAITING_ROOM
+        }],
+        activeKey: activeTab,
+        onChange: function onChange(key) {
+          handleActiveTab(key);
+        }
+      });
+    }
+    return null;
+  }, [waitingRoomUserCount, isNewWaitingRoomUserEnter, transI18n, activeTab, handleActiveTab]);
+  return renderTabs();
+});
+var _default = exports["default"] = RenderTabs;

package/lib/modules/participant/components/participants/components/render-user/components/attendee/components/interpreter-tag/index.d.ts

@@ -0,0 +1,3 @@
+export declare const ParticipantAttendeeinterpreterTag: ({ userId }: {
+    userId: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/participant/components/participants/components/render-user/components/attendee/components/interpreter-tag/index.js

@@ -0,0 +1,48 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ParticipantAttendeeinterpreterTag = void 0;
+require("core-js/modules/es.array.find.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.async-iterator.find.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.find.js");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _store = require("../../../../../../../../store");
+var _useLanguageConfig = require("../../../../../../../../../interpreter/interpreter-list/interpreter-item/components/pick-language/useLanguageConfig");
+var _jsxRuntime = require("react/jsx-runtime");
+var ParticipantAttendeeinterpreterTag = exports.ParticipantAttendeeinterpreterTag = (0, _mobxReact.observer)(function (_ref) {
+  var _interpreterInputLang;
+  var userId = _ref.userId;
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
+    interpreterUserList = _useContext.interpreterUserList,
+    isInterpreterOpened = _useContext.isInterpreterEnabled,
+    interpreterInputLanguageList = _useContext.interpreterInputLanguageList;
+  var userInterpreterInputLanguage = (_interpreterInputLang = interpreterInputLanguageList.find(function (inputLanguageByUserId) {
+    return inputLanguageByUserId.userId === userId;
+  })) === null || _interpreterInputLang === void 0 ? void 0 : _interpreterInputLang.language;
+  var t = (0, _i18n.useI18n)();
+  var isUserIdInterpreter = (0, _react.useMemo)(function () {
+    return interpreterUserList === null || interpreterUserList === void 0 ? void 0 : interpreterUserList.find(function (ele) {
+      return ele.userId === userId;
+    });
+  }, [interpreterUserList]);
+  var getLanguageConfig = (0, _useLanguageConfig.useLanguageConfig)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: isInterpreterOpened && isUserIdInterpreter && userInterpreterInputLanguage && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "attendee__host-badge attendee__interpreter-tag-bg",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "attendee__interpreter-tag-user",
+        children: t('fmt_ai_transcriptions_setting_label_translator')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "attendee__interpreter-tag-language",
+        children: getLanguageConfig(userInterpreterInputLanguage).abbr
+      })]
+    })
+  });
+});

package/lib/modules/participant/components/participants/components/render-user/components/attendee/components/microphone-indicator/index.d.ts

@@ -0,0 +1,6 @@
+export declare const MicrophoneIndicator: ({ audioDeviceType, hasAudio, isLocal, userId, }: {
+    hasAudio: boolean;
+    audioDeviceType: "none" | "computer-mic" | "phone-mic";
+    isLocal: boolean;
+    userId: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/participant/components/participants/components/render-user/components/attendee/components/microphone-indicator/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MicrophoneIndicator = void 0;
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _microphoneState = require("agora-ui-foundation/lib/components/room-screen-share-state-bar/microphone-state");
+var _store = require("../../../../../../../../store");
+var _jsxRuntime = require("react/jsx-runtime");
+var MicrophoneIndicator = exports.MicrophoneIndicator = (0, _mobxReact.observer)(function (_ref) {
+  var audioDeviceType = _ref.audioDeviceType,
+    hasAudio = _ref.hasAudio,
+    isLocal = _ref.isLocal,
+    userId = _ref.userId;
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
+    audioVolumeMap = _useContext.audioVolumeMap,
+    localMicVolume = _useContext.localMicVolume;
+  var volume = isLocal ? localMicVolume : audioVolumeMap.get(userId);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_microphoneState.MicrophoneState, {
+    isMicrophoneMuted: !hasAudio,
+    size: 28,
+    isPhoneMic: audioDeviceType === 'phone-mic',
+    voicePercent: volume || 0
+  });
+});

package/lib/modules/participant/components/participants/components/render-user/components/attendee/components/user-avatar/index.d.ts

@@ -0,0 +1,7 @@
+export declare const userAvatar: (userType: string) => {
+    icon: import("react/jsx-runtime").JSX.Element;
+    backgroundColor: string;
+} | {
+    icon: null;
+    backgroundColor: string;
+};

package/lib/modules/participant/components/participants/components/render-user/components/attendee/components/user-avatar/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.userAvatar = void 0;
+var _icon = require("agora-ui-foundation/lib/components/icon");
+var _type = require("agora-ui-foundation/lib/components/icon/type");
+var _jsxRuntime = require("react/jsx-runtime");
+var userAvatar = exports.userAvatar = function userAvatar(userType) {
+  if (userType === 'meeting-system') {
+    return {
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+        type: _type.FcrIconType.FCR_SIPDEVICE,
+        colors: {
+          iconPrimary: 'var(--fcr_ui_scene_white10)',
+          iconSecondary: 'var(--fcr_ui_scene_ramp_green6)'
+        }
+      }),
+      backgroundColor: 'var(--fcr_ui_scene_ramp_purple7)'
+    };
+  }
+  if (userType === 'phone') {
+    return {
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+        type: _type.FcrIconType.FCR_PHONECALL3,
+        colors: {
+          iconPrimary: 'var(--fcr_ui_scene_white10)'
+        }
+      }),
+      backgroundColor: 'var(--fcr_ui_scene_ramp_green6)'
+    };
+  }
+  return {
+    icon: null,
+    backgroundColor: ''
+  };
+};

package/lib/modules/participant/components/participants/components/render-user/components/attendee/index.css

@@ -0,0 +1,69 @@
+.attendee__user-info-avatar_speakerSpotlight {
+  position: relative;
+}
+.attendee__user-info-avatar_speakerSpotlight::before {
+  content: '';
+  display: block;
+  position: absolute;
+  top: -4px;
+  left: -4px;
+  width: calc(100% + 8px);
+  height: calc(100% + 8px);
+  border: 2px solid var(--fcr_ui_scene_ramp_green6);
+  border-radius: var(--fcr_cornerradius_l);
+}
+.attendee__more-actions {
+  max-width: 300px;
+  padding: 0;
+}
+
+.operate-waiting-room-dialog-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background: white;
+  padding: 20px;
+  border-radius: 20px;
+}
+
+.operate-waiting-room-dialog-title {
+  font-weight: 600;
+  font-size: 16px;
+  margin-bottom: 10px;
+}
+
+.operate-waiting-room-dialog-tooltip {
+  margin-bottom: 10px;
+}
+
+.operate-waiting-room-dialog-confirm {
+  display: flex;
+}
+
+.operate-waiting-room-dialog-btns {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  margin-top: 10px;
+}
+
+.operate-waiting-room-dialog-btns .fcr-button-normal {
+  width: 48%;
+}
+
+.operate-waiting-room-dialog-btns .fcr-button-white {
+  background-color: var(--fcr_ui_scene_btn2);
+  color: var(--fcr_ui_scene_icontext2);
+  width: 48%;
+}
+
+.operate-waiting-room-dialog-btns .fcr-button-white:hover {
+  background-color: var(--fcr_ui_scene_btn2) !important;
+  color: var(--fcr_ui_scene_icontext2) !important;
+  width: 48%;
+}
+
+.operate-waiting-room-dialog-btns .fcr-button-danger {
+  width: 48%;
+}

package/lib/modules/participant/components/participants/components/render-user/components/attendee/index.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+import './index.css';
+import './index.css';
+import { ParticipantAttendeeProps } from '../../../../../../type';
+export declare const ParticipantAttendee: (props: PropsWithChildren<ParticipantAttendeeProps>) => import("react/jsx-runtime").JSX.Element;