fcr-ui-scene 3.3.1 → 3.4.1

package/lib/modules/participant/attendee/participants-more-action.js

@@ -0,0 +1,278 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ParticipantsMoreActions = void 0;
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.includes.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+var _dropMenu = require("agora-ui-foundation/lib/components/drop-menu");
+var _icon = require("agora-ui-foundation/lib/components/icon");
+var _type = require("agora-ui-foundation/lib/components/icon/type");
+var _cameraState = require("agora-ui-foundation/lib/components/room-screen-share-state-bar/camera-state");
+var _constant = require("../../../utilities/constant");
+var _type2 = require("../../../type");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _jsxRuntime = require("react/jsx-runtime");
+var ParticipantsMoreActions = exports.ParticipantsMoreActions = function ParticipantsMoreActions(props) {
+  var t = (0, _i18n.useI18n)();
+  var isMe = props.isMe,
+    userId = props.userId,
+    hasVideo = props.hasVideo,
+    hasAudio = props.hasAudio,
+    onParticipantsButtonClick = props.onParticipantsButtonClick,
+    userName = props.userName,
+    userRole = props.userRole,
+    isPin = props.isPin,
+    hasPinnedStream = props.hasPinnedStream,
+    allowedOperations = props.allowedOperations,
+    audioDeviceType = props.audioDeviceType,
+    userType = props.userType;
+  var disableOperationMenu = [{
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+      type: _type.FcrIconType.FCR_LOWER_HAND,
+      size: 20,
+      colors: {
+        iconPrimary: 'var(--fcr_ui_scene_icontext1)',
+        iconSecondary: 'var(--fcr_ui_scene_ramp_red6)'
+      }
+    }),
+    title: t('fmt_attendies_button_handsdown'),
+    key: 'put_down_hand',
+    type: 'disabled',
+    onButtonClick: function onButtonClick() {
+      onParticipantsButtonClick(_constant.ParticipantType.STOP_RAISE_HAND, userId);
+    }
+  }, {
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+      type: _type.FcrIconType.FCR_FOCUSONHIM,
+      size: 20,
+      colors: {
+        iconPrimary: 'var(--fcr_ui_scene_icontext5)'
+      }
+    }),
+    title: t('fmt_attendies_options_setfocus'),
+    key: 'set_as_focus_video',
+    type: 'disabled',
+    onButtonClick: function onButtonClick() {
+      onParticipantsButtonClick(_constant.ParticipantType.SET_MAIN_SPEAKER, userId);
+    }
+  }, {
+    title: t('fmt_attendies_options_allowlocalrecord'),
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+      type: _type.FcrIconType.FCR_PINPAGE,
+      size: 20,
+      colors: {
+        iconPrimary: 'var(--fcr_ui_scene_icontext5)'
+      }
+    }),
+    key: 'allow_record_local_video',
+    type: 'disabled',
+    onButtonClick: function onButtonClick() {
+      onParticipantsButtonClick(_constant.ParticipantType.ALL_RECORDING_LOCAL_VIDEO, userId);
+    },
+    classNames: 'fcr-drop-menu-option-with-under-line'
+  }, {
+    title: t('fmt_attendies_options_putinwaitingroom'),
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+      type: _type.FcrIconType.FCR_PINPAGE,
+      size: 20,
+      colors: {
+        iconPrimary: 'var(--fcr_ui_scene_icontext5)'
+      }
+    }),
+    key: 'put_into_waiting_room',
+    type: 'disabled',
+    role: ['host'],
+    onButtonClick: function onButtonClick() {
+      onParticipantsButtonClick(_constant.ParticipantType.PUT_IN_WAITING_ROOM, userId);
+    },
+    classNames: 'fcr-drop-menu-option-with-under-line'
+  }, {
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+      type: _type.FcrIconType.FCR_RENAME,
+      size: 20,
+      colors: {
+        iconPrimary: 'var(--fcr_ui_scene_icontext5)'
+      }
+    }),
+    title: t('fmt_attendies_button_rename'),
+    key: 'rename',
+    type: 'disabled',
+    onButtonClick: function onButtonClick() {
+      onParticipantsButtonClick(_constant.ParticipantType.RENAME, userId);
+    },
+    classNames: 'fcr-drop-menu-option-with-under-line'
+  }];
+  var allOperationMenu = [{
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_cameraState.CameraState, {
+      isCameraMuted: true
+    }),
+    title: t('fmt_device_label_video_start'),
+    key: 'start_video',
+    type: 'primary',
+    canOperation: !hasVideo && userType !== 'phone',
+    onButtonClick: function onButtonClick() {
+      onParticipantsButtonClick(_constant.ParticipantType.UNMUTE_VIDEO, userId);
+    },
+    classNames: 'fcr-drop-menu-option-with-under-line'
+  }, {
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_cameraState.CameraState, {
+      isCameraMuted: true
+    }),
+    title: t('fmt_sip_button_opencamera'),
+    key: 'request_start_video',
+    type: 'primary',
+    canOperation: !hasVideo && !isMe && userType !== 'phone',
+    onButtonClick: function onButtonClick() {
+      onParticipantsButtonClick(_constant.ParticipantType.UNMUTE_VIDEO, userId);
+    },
+    classNames: 'fcr-drop-menu-option-with-under-line'
+  }, {
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_cameraState.CameraState, {
+      isCameraMuted: false
+    }),
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      style: {
+        color: 'var(--fcr_ui_scene_ramp_red6)'
+      },
+      children: t('fmt_device_label_video_stop')
+    }),
+    key: 'stop_video',
+    type: 'primary',
+    canOperation: hasVideo && userType !== 'phone',
+    onButtonClick: function onButtonClick() {
+      onParticipantsButtonClick(_constant.ParticipantType.MUTE_VIDEO, userId);
+    },
+    classNames: 'fcr-drop-menu-option-with-under-line'
+  }, {
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+      type: _type.FcrIconType.FCR_MOBILE_CHAT3,
+      size: 20,
+      colors: {
+        iconPrimary: 'var(--fcr_ui_scene_icontext5)'
+      }
+    }),
+    title: t('fmt_attendies_label_privatechat'),
+    key: 'private_chat',
+    type: 'primary',
+    canOperation: !isMe && userType !== 'phone',
+    onButtonClick: function onButtonClick() {
+      onParticipantsButtonClick(_constant.ParticipantType.PRIVATE_CHAT, userId);
+    }
+  }, {
+    icon: isPin ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+      type: _type.FcrIconType.FCR_UNPIN,
+      size: 20
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+      type: _type.FcrIconType.FCR_PINPAGE,
+      size: 20,
+      colors: {
+        iconPrimary: 'var(--fcr_ui_scene_icontext5)'
+      }
+    }),
+    title: isPin ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      style: {
+        color: 'var(--fcr_ui_scene_ramp_red6)'
+      },
+      children: t('fmt_attendies_options_cancelfixed')
+    }) : hasPinnedStream ? t('fmt_attendies_options_replacefixed') : t('fmt_attendies_options_fixfirst'),
+    key: 'pin',
+    type: 'primary',
+    canOperation: userType === 'normal' || userType === 'meeting-system' && hasVideo,
+    onButtonClick: function onButtonClick() {
+      onParticipantsButtonClick(isPin ? _constant.ParticipantType.REMOVE_PIN : _constant.ParticipantType.ADD_PIN, userId);
+    },
+    classNames: 'fcr-drop-menu-option-with-under-line'
+  }, {
+    title: t('fmt_attendies_options_sethost'),
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+      type: _type.FcrIconType.FCR_HOST2,
+      size: 20,
+      colors: {
+        iconPrimary: 'var(--fcr_ui_scene_icontext5)'
+      }
+    }),
+    key: 'set_as_host',
+    canOperation: userRole !== _type2.FcrUserRole.HOST && userType === 'normal',
+    onButtonClick: function onButtonClick() {
+      onParticipantsButtonClick(_constant.ParticipantType.SET_AS_HOST, userId);
+    }
+  }, {
+    title: t('fmt_attendies_options_setcohost'),
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+      type: _type.FcrIconType.FCR_COHOST2,
+      size: 20,
+      colors: {
+        iconPrimary: 'var(--fcr_ui_scene_icontext5)'
+      }
+    }),
+    key: 'set_as_co_host',
+    type: 'primary',
+    canOperation: userRole !== _type2.FcrUserRole.COHOST && userType === 'normal',
+    onButtonClick: function onButtonClick() {
+      onParticipantsButtonClick(_constant.ParticipantType.SET_AS_CO_HOST, userId);
+    }
+  }, {
+    title: t('fmt_attendies_options_revokecohost'),
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+      type: _type.FcrIconType.FCR_PINPAGE,
+      size: 20,
+      colors: {
+        iconPrimary: 'var(--fcr_ui_scene_icontext5)'
+      }
+    }),
+    key: 'revoke_co_host',
+    type: 'danger',
+    canOperation: userRole === _type2.FcrUserRole.COHOST && userType === 'normal',
+    onButtonClick: function onButtonClick() {
+      onParticipantsButtonClick(_constant.ParticipantType.SET_AS_ATTENDEE, userId);
+    }
+  }, {
+    title: t('fmt_modules_tips_mergevideo'),
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+      type: _type.FcrIconType.FCR_MOBILE_CAMERA2,
+      size: 20,
+      colors: {
+        iconPrimary: 'var(--fcr_ui_scene_icontext5)'
+      }
+    }),
+    key: 'merge_video',
+    type: 'primary',
+    canOperation: userType === 'phone',
+    onButtonClick: function onButtonClick() {
+      onParticipantsButtonClick(_constant.ParticipantType.MERGE_VIDEO, userId);
+    }
+  }, {
+    title: t('fmt_attendies_button_remove'),
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+      type: _type.FcrIconType.FCR_SETTING_NONE,
+      size: 20,
+      colors: {
+        iconPrimary: 'var(--fcr_ui_scene_ramp_red6)'
+      }
+    }),
+    key: 'kick_out',
+    type: 'danger',
+    canOperation: true,
+    onButtonClick: function onButtonClick() {
+      onParticipantsButtonClick(_constant.ParticipantType.KICK_OUT, userId);
+    }
+  }];
+  var currentActions = allOperationMenu.filter(function (item) {
+    return allowedOperations.includes(item.key) && item.canOperation;
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "participants-more-action",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropMenu.FcrDropMenu, {
+      title: userName,
+      options: currentActions
+    })
+  });
+};

package/lib/modules/participant/components/drop-menu/index.css

@@ -0,0 +1,60 @@
+.room-control-drop-with-under-line {
+  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 {
+  min-width: 104px;
+  height: 24px;
+  display: flex;
+  background-color: var(--fcr_mobile_ui_scene_fill1);
+  align-items: center;
+  padding: 2px;
+  margin-left: 80px;
+}
+
+.room-control-options-watermark-btn {
+  min-width: 50px;
+  height: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: var(--fcr_ui_scene_icontext1);
+  font-size: 12px;
+  background-color: transparent;
+  padding: 0px 4px;
+  width: auto !important;
+  border-radius: var(--fcr_cornerradius_xxs);
+}
+.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: '';
+  position: absolute;
+  left: -10px;
+  right: -10px;
+  bottom: -12px;
+  border-top: 1px solid var(--fcr_ui_scene_line1);
+  margin: 8px 0;
+}
+
+.room-control-drop-disable {
+  opacity: 0.5;
+  cursor: not-allowed;
+}

package/lib/modules/participant/components/drop-menu/index.d.ts

@@ -0,0 +1,2 @@
+import './index.css';
+export declare const RoomControlDropMenu: () => import("react/jsx-runtime").JSX.Element;

package/lib/modules/participant/components/drop-menu/index.js

@@ -0,0 +1,189 @@
+"use strict";
+
+require("core-js/modules/es.symbol.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/esnext.async-iterator.for-each.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.RoomControlDropMenu = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.unshift.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.map.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.map.js");
+var _checkbox = require("agora-ui-foundation/lib/components/checkbox");
+var _dropMenu = require("agora-ui-foundation/lib/components/drop-menu");
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _constant = require("../../../../utilities/constant");
+var _store = require("../../store");
+require("./index.css");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+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 RoomControlDropMenu = exports.RoomControlDropMenu = (0, _mobxReact.observer)(function () {
+  var t = (0, _i18n.useI18n)();
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
+    allowUnmuteSelfAudio = _useContext.allowUnmuteSelfAudio,
+    allowJoinWithMuteAudio = _useContext.allowJoinWithMuteAudio,
+    isLockRoomEnabled = _useContext.isLockRoomEnabled,
+    isWaitingRoomEnabled = _useContext.isWaitingRoomEnabled,
+    allowChangeSelfName = _useContext.allowChangeSelfName,
+    allowUnmuteSelfVideo = _useContext.allowUnmuteSelfVideo,
+    allowChat = _useContext.allowChat,
+    allowShareScreen = _useContext.allowShareScreen,
+    handlerRoomControlAction = _useContext.handlerRoomControlAction,
+    hasRevokeHostPermission = _useContext.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',
+    classNames: 'room-control-drop-with-under-line'
+  }, {
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+      checked: allowJoinWithMuteAudio,
+      label: t('fmt_security_options_silence'),
+      styleType: "white"
+    }),
+    key: 'join_room_with_mute',
+    type: 'primary',
+    onButtonClick: function onButtonClick() {
+      handlerRoomControlAction(_constant.RoomControlType.JOIN_WITH_MUTE_AUDIO, !allowJoinWithMuteAudio);
+    }
+  }, {
+    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() {
+      handlerRoomControlAction(_constant.RoomControlType.PLAY_JOIN_LEAVE_SOUND);
+    }
+  }, {
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+      checked: isLockRoomEnabled,
+      label: t('fmt_screenshare_controlbar_security_list_lock'),
+      styleType: "white"
+    }),
+    key: 'lock_room',
+    type: 'primary',
+    onButtonClick: function onButtonClick() {
+      handlerRoomControlAction(_constant.RoomControlType.LOCK_ROOM, !isLockRoomEnabled);
+    }
+  }, {
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+      checked: isWaitingRoomEnabled,
+      label: t('fmt_screenshare_options_allow'),
+      styleType: "white"
+    }),
+    key: 'enable_waiting_room',
+    type: 'disabled',
+    classNames: 'room-control-drop-with-under-line',
+    onButtonClick: function onButtonClick() {
+      handlerRoomControlAction(_constant.RoomControlType.ENABLE_WAITING_ROOM, !isWaitingRoomEnabled);
+    }
+  }, {
+    title: t('fmt_screenshare_options_allow'),
+    key: 'allow_attendee_title',
+    type: 'title'
+  }, {
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+      checked: allowUnmuteSelfAudio,
+      label: t('fmt_screenshare_controlbar_security_list_participant_unmute'),
+      styleType: "white"
+    }),
+    key: 'unmute_yourself',
+    type: 'primary',
+    onButtonClick: function onButtonClick() {
+      handlerRoomControlAction(_constant.RoomControlType.ALLOW_ATTENDEE_TO_UNMUTE, !allowUnmuteSelfAudio);
+    }
+  }, {
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+      checked: allowUnmuteSelfVideo,
+      label: t('fmt_security_options_openvideo'),
+      styleType: "white"
+    }),
+    key: 'start_video',
+    type: 'primary',
+    onButtonClick: function onButtonClick() {
+      handlerRoomControlAction(_constant.RoomControlType.ALLOW_ATTENDEE_TO_OPEN_CAMERA, !allowUnmuteSelfVideo);
+    }
+  }, {
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+      checked: allowChangeSelfName,
+      label: t('fmt_additional_label_change_name_self'),
+      styleType: "white"
+    }),
+    key: 'change_name',
+    type: 'primary',
+    onButtonClick: function onButtonClick() {
+      handlerRoomControlAction(_constant.RoomControlType.RENAME, !allowChangeSelfName);
+    }
+  }
+  // {
+  //   title: (
+  //     <FcrCheckbox
+  //       checked={false}
+  //       label={`${t('fmt_security_options_removemultiple')}...`}
+  //       styleType="white"
+  //     />
+  //   ),
+  //   key: 'remove_participants',
+  //   type: 'danger',
+  //   onButtonClick: () => {},
+  //   classNames: 'room-control-drop-disable',
+  // },
+  ];
+  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() {
+        return handlerRoomControlAction(_constant.RoomControlType.REVOKE_HOST);
+      },
+      classNames: 'room-control-drop-with-under-line'
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropMenu.FcrDropMenu, {
+    options: allActions.filter(function (action) {
+      return action.type !== 'disabled';
+    }).map(function (action) {
+      if (action.type === 'primary') {
+        return _objectSpread(_objectSpread({}, action), {}, {
+          title: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "security-drop-menu-checkbox",
+            children: action.title
+          })
+        });
+      }
+      return action;
+    })
+  });
+});

package/lib/modules/participant/components/footer/buttons.d.ts

@@ -0,0 +1,7 @@
+import { DialogKey } from '../../../../utilities/constant';
+import { OperateWaitingRoomMemberDialogProps } from '../../attendee';
+type ParticipantWaitingRoomFooterBtnListProps = {
+    openRemoveAdmitWaitingRoomDialog: (dialogKey: DialogKey, params: OperateWaitingRoomMemberDialogProps) => void;
+};
+declare const ParticipantWaitingRoomFooterBtnList: ({ openRemoveAdmitWaitingRoomDialog, }: ParticipantWaitingRoomFooterBtnListProps) => import("react/jsx-runtime").JSX.Element;
+export default ParticipantWaitingRoomFooterBtnList;

package/lib/modules/participant/components/footer/buttons.js

@@ -0,0 +1,53 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _constant = require("../../../../utilities/constant");
+var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
+var _button = require("agora-ui-foundation/lib/components/button");
+var _jsxRuntime = require("react/jsx-runtime");
+var ParticipantWaitingRoomFooterBtnList = function ParticipantWaitingRoomFooterBtnList(_ref) {
+  var openRemoveAdmitWaitingRoomDialog = _ref.openRemoveAdmitWaitingRoomDialog;
+  var t = (0, _i18n.useI18n)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "fcr-participant__footer fcr-participant__footer_waiting_room",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+      content: t('fmt_waitingroom_sidebar_button_removeall'),
+      mouseEnterDelay: 0,
+      trigger: "hover",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
+        type: "secondary-bordered",
+        size: "XS",
+        onClick: function onClick() {
+          openRemoveAdmitWaitingRoomDialog(_constant.DialogKey.WAITING_ROOM_ALL_REMOVE, {
+            title: t('fmt_waitingroom_sidebar_popup_removeall'),
+            type: 'removeAll',
+            tooltip: t('fmt_waitingroom_mobile_memberlist_popup_label_sure_to_remove_all')
+          });
+        },
+        children: t('fmt_waitingroom_sidebar_button_removeall')
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+      content: t('fmt_waitingroom_sidebar_button_admitall'),
+      mouseEnterDelay: 0,
+      trigger: "hover",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
+        type: "secondary-bordered",
+        size: "XS",
+        onClick: function onClick() {
+          openRemoveAdmitWaitingRoomDialog(_constant.DialogKey.WAITING_ROOM_ALL_ADMIT, {
+            title: t('fmt_waitingroom_mobile_memberlist_popup_label_admit_all'),
+            type: 'admitAll',
+            tooltip: t('fmt_waitingroom_mobile_memberlist_popup_label_sure_to_admit_all')
+          });
+        },
+        children: t('fmt_waitingroom_sidebar_button_admitall')
+      })
+    })]
+  });
+};
+var _default = exports["default"] = ParticipantWaitingRoomFooterBtnList;

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

@@ -0,0 +1,4 @@
+declare const ParticipantFooter: ({ handlerRoomControlClick, }: {
+    handlerRoomControlClick: (action: string, userId?: string) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ParticipantFooter;

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

@@ -0,0 +1,37 @@
+"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["default"] = void 0;
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _store = require("../../store");
+var _constant = require("../../../../utilities/constant");
+var _footer = require("agora-ui-foundation/lib/components/participants/footer");
+var _dropMenu = require("../drop-menu");
+var _buttons = _interopRequireDefault(require("./buttons"));
+var _jsxRuntime = require("react/jsx-runtime");
+var ParticipantFooter = (0, _mobxReact.observer)(function (_ref) {
+  var handlerRoomControlClick = _ref.handlerRoomControlClick;
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
+    activeTab = _useContext.activeTab,
+    hasRevokeHostPermission = _useContext.hasRevokeHostPermission,
+    currentPerspectiveType = _useContext.currentPerspectiveType,
+    kickOutWaitingRoomAllMember = _useContext.kickOutWaitingRoomAllMember,
+    moveToMainRoomAllMember = _useContext.moveToMainRoomAllMember,
+    openRemoveAdmitWaitingRoomDialog = _useContext.openRemoveAdmitWaitingRoomDialog;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: activeTab === _constant.RoomType.MAIN_ROOM ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_footer.FcrParticipantsFooter, {
+      hasRevokeHostPermission: hasRevokeHostPermission,
+      onRoomControlClick: handlerRoomControlClick,
+      type: currentPerspectiveType,
+      moreDropMenu: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropMenu.RoomControlDropMenu, {})
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_buttons["default"], {
+      openRemoveAdmitWaitingRoomDialog: openRemoveAdmitWaitingRoomDialog
+    })
+  });
+});
+var _default = exports["default"] = ParticipantFooter;

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

@@ -0,0 +1,11 @@
+declare const MergeConfrimDialog: ({ getContainer, showMergeConfirmDialog, onClose, onOk, mergeUserInfo, }: {
+    getContainer?: () => HTMLElement;
+    showMergeConfirmDialog: boolean;
+    onClose: () => void;
+    onOk: () => void;
+    mergeUserInfo: {
+        userName: string;
+        userId: string;
+    } | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default MergeConfrimDialog;