fcr-ui-scene 3.4.4 → 3.4.5

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

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

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

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

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

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

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

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

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

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

package/lib/modules/participant/context.d.ts

@@ -1,2 +0,0 @@
-import ParticipantStore from './store';
-export declare const StoreContext: import("react").Context<ParticipantStore>;

package/lib/modules/participant/context.js

@@ -1,9 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StoreContext = void 0;
-var _react = require("react");
-var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);

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

@@ -1,19 +0,0 @@
-.room-control-drop-with-under-line {
-  position: relative;
-  /* margin: 8px 0; */
-}
-
-.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/room-control-drop-menu/index.d.ts

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

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

@@ -1,188 +0,0 @@
-"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 _context = require("../context");
-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 _useContext = (0, _react.useContext)(_context.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 t = (0, _i18n.useI18n)();
-  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",
-      onChange: function onChange(checked) {
-        console.log(t('fmt_security_options_silence'));
-        handlerRoomControlAction(_constant.RoomControlType.JOIN_WITH_MUTE_AUDIO, checked);
-      }
-    }),
-    key: 'join_room_with_mute',
-    type: 'primary'
-  }, {
-    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",
-      onChange: function onChange(checked) {
-        handlerRoomControlAction(_constant.RoomControlType.ENABLE_WAITING_ROOM, checked);
-      }
-    }),
-    key: 'enable_waiting_room',
-    type: 'disabled',
-    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: allowUnmuteSelfAudio,
-      label: t('fmt_screenshare_controlbar_security_list_participant_unmute'),
-      styleType: "white",
-      onChange: function onChange(checked) {
-        handlerRoomControlAction(_constant.RoomControlType.ALLOW_ATTENDEE_TO_UNMUTE, checked);
-      }
-    }),
-    key: 'unmute_yourself',
-    type: 'primary'
-  }, {
-    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
-      checked: allowUnmuteSelfVideo,
-      label: t('fmt_security_options_openvideo'),
-      styleType: "white",
-      onChange: function onChange(checked) {
-        handlerRoomControlAction(_constant.RoomControlType.ALLOW_ATTENDEE_TO_OPEN_CAMERA, checked);
-      }
-    }),
-    key: 'start_video',
-    type: 'primary',
-    onButtonClick: function onButtonClick() {}
-  }, {
-    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
-      checked: allowChangeSelfName,
-      label: t('fmt_screenshare_controlbar_security_list_participant_changeName'),
-      styleType: "white",
-      onChange: function onChange(checked) {
-        handlerRoomControlAction(_constant.RoomControlType.RENAME, checked);
-      }
-    }),
-    key: 'rename',
-    type: 'disabled',
-    classNames: 'room-control-drop-with-under-line'
-  }, {
-    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
-      checked: false,
-      label: "".concat(t('fmt_security_options_removemultiple'), "..."),
-      styleType: "white"
-    }),
-    key: 'remove_participants',
-    type: 'danger',
-    onButtonClick: function 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() {
-        handlerRoomControlAction(_constant.RoomControlType.REVOKE_HOST);
-      },
-      classNames: 'room-control-drop-with-under-line'
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropMenu.FcrDropMenu, {
-    options: allActions.filter(function (v) {
-      return v.type !== 'disabled';
-    }).map(function (v) {
-      if (v.type === 'primary') {
-        return _objectSpread(_objectSpread({}, v), {}, {
-          title: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "security-drop-menu-checkbox",
-            children: v.title
-          })
-        });
-      }
-      return _objectSpread({}, v);
-    })
-  });
-});

package/lib/modules/setting/context.d.ts

@@ -1,2 +0,0 @@
-import DeviceSettingsStore from './store';
-export declare const StoreContext: import("react").Context<DeviceSettingsStore>;

package/lib/modules/setting/context.js

@@ -1,9 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StoreContext = void 0;
-var _react = require("react");
-var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);

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

@@ -1,70 +0,0 @@
-.draggable {
-  -webkit-app-region: drag;
-}
-
-.share-selection-window-control {
-  width: 100%;
-  display: flex;
-  flex-direction: row-reverse;
-}
-
-.share-selection-window-control button {
-  -webkit-app-region: no-drag;
-}
-
-.share-selection-window {
-  width: 100%;
-  height: 100%;
-  min-height: 550px;
-  overflow: hidden;
-  -webkit-app-region: no-drag;
-  background-color: #fff;
-  border-radius: var(--fcr_cornerradius_l);
-  display: flex;
-  flex-direction: column;
-}
-
-.share-selection-window__share-content {
-  width: 100%;
-  height: 458px;
-  padding: 10px 20px;
-  overflow-y: scroll;
-  -webkit-app-region: no-drag;
-}
-
-.share-selection-window__header {
-  height: 46px;
-}
-
-.share-selection-window__footer {
-  width: 100%;
-  border-top: 1px solid var(--fcr_ui_scene_line1);
-  background-color: var(--fcr_mobile_ui_scene_color_popup_fill2);
-  display: flex;
-  flex-direction: row;
-  gap: 30px;
-  align-items: center;
-  height: 46px;
-  padding: 0 10px 0 20px;
-}
-
-.share-selection-window__footer .share-selection-window__footer-action {
-  width: 100%;
-  background-color: var(--fcr_mobile_ui_scene_color_popup_fill2);
-  display: flex;
-  flex-direction: row;
-  gap: 30px;
-}
-
-.share-selection-window__footer-start-share-txt {
-  color: var(--fcr_ui_scene_white10);
-  font-size: 12px;
-}
-
-.share-selection-window__share-windows,
-.share-selection-window__share-application {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  gap: 8px;
-}

package/lib/modules/share-screen/selection/index.d.ts

@@ -1,9 +0,0 @@
-import { AgoraRtcDisplayInfo, AgoraRtcWindowInfo } from 'agora-rte-sdk';
-import './index.css';
-export interface ShareSelectionWindowProps {
-    currentShareType: string;
-    onChangeShareType: (type: string) => void;
-    screens: AgoraRtcWindowInfo[];
-    applications: AgoraRtcDisplayInfo[];
-}
-export declare const ShareSelection: () => import("react/jsx-runtime").JSX.Element;