fcr-ui-scene 3.4.3 → 3.4.5

package/lib/modules/participant/can-moveable/index.js

@@ -1,68 +0,0 @@
-"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.Moveable = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _reactRnd = require("react-rnd");
-var _jsxRuntime = require("react/jsx-runtime");
-var Moveable = exports.Moveable = function Moveable(_ref) {
-  var children = _ref.children;
-  var _useState = (0, _react.useState)(0),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    currentCoordinateX = _useState2[0],
-    setCurrentCoordinateX = _useState2[1];
-  var _useState3 = (0, _react.useState)(0),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    currentCoordinateY = _useState4[0],
-    setCurrentCoordinateY = _useState4[1];
-  var rndRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    if (rndRef.current) {
-      var width = rndRef.current.offsetWidth;
-      var x = window.innerWidth - width;
-      setCurrentCoordinateX(x);
-    }
-  }, [rndRef.current]);
-  var handleDragStop = function handleDragStop(_, data) {
-    var x = data.lastX,
-      y = data.lastY;
-    setCurrentCoordinateX(x);
-    setCurrentCoordinateY(y);
-  };
-  var handleResize = (0, _react.useCallback)(function () {
-    console.log('window.innerWidth < currentCoordinateX', window.innerWidth < currentCoordinateX, window.innerWidth, currentCoordinateX);
-    if (window.innerWidth < currentCoordinateX - rndRef.current) {
-      setCurrentCoordinateX(0);
-    }
-  }, [currentCoordinateX]);
-  (0, _react.useEffect)(function () {
-    window.addEventListener('resize', handleResize);
-    return function () {
-      window.removeEventListener('resize', handleResize);
-    };
-  }, [currentCoordinateX]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRnd.Rnd, {
-    bounds: "window",
-    onDragStop: handleDragStop,
-    minHeight: 560,
-    minWidth: 360,
-    maxHeight: 700,
-    maxWidth: 620,
-    enableUserSelectHack: true,
-    position: {
-      x: currentCoordinateX,
-      y: currentCoordinateY
-    },
-    dragHandleClassName: "can-draggable",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      ref: rndRef,
-      className: "participants-container participants-moveable",
-      children: children
-    })
-  });
-};

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,56 +0,0 @@
-.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 {
-  width: 104px;
-  height: 24px;
-  display: flex;
-  background-color: var(--fcr_mobile_ui_scene_fill1);
-  align-items: center;
-  padding: 2px;
-}
-
-.room-control-options-watermark-btn {
-  width: 50px;
-  height: 20px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  color: var(--fcr_ui_scene_icontext1);
-  font-size: 12px;
-  background-color: transparent;
-}
-.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/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,68 +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);
-}
-
-.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;