fcr-ui-scene 3.4.4 → 3.4.5

package/lib/modules/action-bar/board/index.d.ts

@@ -1,4 +0,0 @@
-export declare const Board: ({ id, order }: {
-    id: string;
-    order: number;
-}) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/action-bar/board/index.js

@@ -1,34 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Board = void 0;
-var _i18n = require("agora-ui-foundation/lib/i18n");
-var _type = require("agora-ui-foundation/lib/components/icon/type");
-var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
-var _item = require("../item");
-var _jsxRuntime = require("react/jsx-runtime");
-var Board = exports.Board = function Board(_ref) {
-  var id = _ref.id,
-    order = _ref.order;
-  var transI18n = (0, _i18n.useI18n)();
-  var handleClick = function handleClick() {};
-  var icon = true ? _type.FcrIconType.FCR_WHITEBOARD_ON : _type.FcrIconType.FCR_WHITEBOARD;
-  var title = 'Board';
-  var tooltip = 'Board';
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-    content: tooltip,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.ActionBarItem, {
-      id: id,
-      order: order,
-      icon: icon,
-      title: title,
-      onClick: handleClick,
-      iconColors: {
-        iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
-      }
-    })
-  });
-};

package/lib/modules/action-bar/breakout-room/index.d.ts

@@ -1,4 +0,0 @@
-export declare const BreakoutRoom: ({ id, order }: {
-    id: string;
-    order: number;
-}) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/action-bar/breakout-room/index.js

@@ -1,32 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BreakoutRoom = void 0;
-var _i18n = require("agora-ui-foundation/lib/i18n");
-var _type = require("agora-ui-foundation/lib/components/icon/type");
-var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
-var _item = require("../item");
-var _jsxRuntime = require("react/jsx-runtime");
-var BreakoutRoom = exports.BreakoutRoom = function BreakoutRoom(_ref) {
-  var id = _ref.id,
-    order = _ref.order;
-  var transI18n = (0, _i18n.useI18n)();
-  var title = 'BreakoutRoom';
-  var tooltip = 'BreakoutRoom';
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-    content: tooltip,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.ActionBarItem, {
-      id: id,
-      order: order,
-      icon: _type.FcrIconType.FCR_V2_BREAKROOM,
-      title: title,
-      onClick: function onClick() {},
-      iconColors: {
-        iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
-      }
-    })
-  });
-};

package/lib/modules/action-bar/chat/index.css

@@ -1,80 +0,0 @@
-.fcr-action-bar-chat {
-  position: relative;
-}
-.fcr-chatroom-tooltip-content {
-  display: flex;
-  gap: 12px;
-  position: relative;
-  min-width: 260px;
-}
-.fcr-chatroom-tooltip-content-close {
-  position: absolute;
-  width: 16px;
-  height: 16px;
-  border-radius: var(--fcr_cornerradius_round);
-  right: -7px;
-  top: -9px;
-  background: transparent;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.fcr-chatroom-tooltip-content-close:hover {
-  background: var(--fcr_web_ui_scene_hover);
-}
-.fcr-chatroom-tooltip-content-from {
-  color: var(--fcr_ui_scene_icontext1);
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 12px;
-}
-.fcr-chatroom-tooltip-content-from span {
-  font-weight: 600;
-}
-.fcr-chatroom-tooltip-content-from,
-.fcr-chatroom-tooltip-content-msg {
-  text-align: left;
-}
-.fcr-chatroom-tooltip-content-msg {
-  padding-top: 5px;
-  color: var(--fcr_ui_scene_icontext1);
-
-  font-size: 13px;
-  line-height: 17px;
-  word-break: break-all;
-}
-.fcr-chatroom-tooltip-content-msg-break {
-  white-space: normal;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  word-break: break-all;
-}
-.fcr-chatroom-tooltip {
-  max-width: 450px;
-}
-
-.fcr-action-bar-chat-wrapper {
-  position: relative;
-}
-.fcr-action-bar-chat-unread-count {
-  border-radius: var(--fcr_cornerradius_xs);
-  border-color: var(--fcr_web_ui_scene_fill2);
-  border-style: solid;
-  border-width: 2px;
-  height: 14px;
-  width: 18px;
-  background: var(--fcr_ui_scene_ramp_red6);
-  color: var(--fcr_ui_scene_white10);
-  position: absolute;
-  top: 0;
-  left: 42px;
-  font-size: 10px;
-  box-sizing: content-box;
-  z-index: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}

package/lib/modules/action-bar/chat/index.d.ts

@@ -1,5 +0,0 @@
-import './index.css';
-export declare const Chat: ({ id, order }: {
-    id: string;
-    order: number;
-}) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/action-bar/chat/index.js

@@ -1,152 +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.Chat = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
-var _item = require("../item");
-require("./index.css");
-var _react = require("react");
-var _icon = require("agora-ui-foundation/lib/components/icon");
-var _type = require("agora-ui-foundation/lib/components/icon/type");
-var _i18n = require("agora-ui-foundation/lib/i18n");
-var _avatar = require("agora-ui-foundation/lib/components/avatar");
-var _context = require("../context");
-var _fcr_chat_reddot = _interopRequireDefault(require("../../../../public/assets/fcr_chat_reddot.svg"));
-var _mobxReact = require("mobx-react");
-var _type2 = require("agora-edu-core/lib/room-control/chatroom-control/type");
-var _jsxRuntime = require("react/jsx-runtime");
-var Chat = exports.Chat = (0, _mobxReact.observer)(function (_ref) {
-  var id = _ref.id,
-    order = _ref.order;
-  var transI18n = (0, _i18n.useI18n)();
-  var title = transI18n('fmt_screenshare_controlbar_button_more_chat');
-  var tooltip = transI18n('fmt_screenshare_controlbar_button_more_chat');
-  var _useContext = (0, _react.useContext)(_context.ActionBarContext),
-    toggleChat = _useContext.toggleChat,
-    newMessageCount = _useContext.newMessageCount,
-    latestMessage = _useContext.latestMessage,
-    newMessageTooltipVisible = _useContext.newMessageTooltipVisible,
-    hideNewMessageTooltip = _useContext.hideNewMessageTooltip;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    tooltipVisible = _useState2[0],
-    setTooltipVisible = _useState2[1];
-  var handleTooltipVisibleChange = function handleTooltipVisibleChange(visible) {
-    if (visible && newMessageTooltipVisible) {
-      setTooltipVisible(false);
-    } else {
-      setTooltipVisible(visible);
-    }
-  };
-  (0, _react.useEffect)(function () {
-    if (newMessageTooltipVisible) {
-      setTooltipVisible(false);
-    }
-  }, [newMessageTooltipVisible]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "fcr-action-bar-chat-wrapper",
-    children: [newMessageCount > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "fcr-action-bar-chat-unread-count",
-      children: newMessageCount > 99 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-        src: _fcr_chat_reddot["default"]
-      }) : newMessageCount
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-      overlayClassName: "fcr-chatroom-tooltip",
-      overlayInnerStyle: {
-        padding: '15px 12px',
-        background: 'var(--fcr_mobile_ui_scene_color_popup_fill1)',
-        border: "1px solid var(--fcr_ui_scene_line2)",
-        boxShadow: 'none'
-      },
-      arrowContent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-        colors: {
-          iconPrimary: 'var(--fcr_mobile_ui_scene_color_popup_fill1)',
-          iconSecondary: 'var(--fcr_ui_scene_line2)'
-        },
-        type: _type.FcrIconType.FCR_TOOLTIP_ARROW,
-        size: 16
-      }),
-      visible: newMessageTooltipVisible,
-      content: /*#__PURE__*/(0, _jsxRuntime.jsx)(FcrChatroomTooltipContent, {
-        onClick: toggleChat,
-        message: latestMessage,
-        onClose: hideNewMessageTooltip
-      }),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-        onVisibleChange: handleTooltipVisibleChange,
-        visible: tooltipVisible,
-        content: tooltip,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.ActionBarItem, {
-          onClick: toggleChat,
-          id: id,
-          order: order,
-          className: "fcr-action-bar-chat",
-          icon: _type.FcrIconType.FCR_WEB_CHAT,
-          title: title,
-          iconColors: {
-            iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
-          }
-        })
-      })
-    })]
-  });
-});
-var FcrChatroomTooltipContent = function FcrChatroomTooltipContent(_ref2) {
-  var message = _ref2.message,
-    onClick = _ref2.onClick,
-    onClose = _ref2.onClose;
-  var transI18n = (0, _i18n.useI18n)();
-  var isPrivateMessage = false;
-  var nickName = (message === null || message === void 0 ? void 0 : message.from.userName) || '';
-  var msg = (message === null || message === void 0 ? void 0 : message.type) === _type2.FcrChatRoomMessageType.Text ? message.content : '';
-  msg = (0, _react.useMemo)(function () {
-    return msg;
-  }, [msg]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "fcr-chatroom-tooltip-content",
-    onClick: onClick,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "fcr-chatroom-tooltip-content-close",
-      onClick: function onClick(e) {
-        e.preventDefault();
-        e.stopPropagation();
-        onClose();
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-        type: _type.FcrIconType.FCR_CLOSE,
-        size: 10,
-        colors: {
-          iconPrimary: 'var(--fcr_ui_scene_icontext1)'
-        }
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_avatar.FcrAvatar, {
-      size: 32,
-      textSize: 15,
-      nickName: nickName
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "fcr-chatroom-tooltip-content-text",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "fcr-chatroom-tooltip-content-from",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-          children: [transI18n('fmt_chats_label_from'), " \xA0", /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            children: nickName
-          })]
-        }), isPrivateMessage && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: "fcr-chatroom-tooltip-content-from-private",
-          children: "\xA0"
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "fcr-chatroom-tooltip-content-msg",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: "fcr-chatroom-tooltip-content-msg-break",
-          children: msg
-        })
-      })]
-    })]
-  });
-};

package/lib/modules/action-bar/components/apps/useWidgetList.d.ts

@@ -1,7 +0,0 @@
-declare const useWidgetList: (closeActionBarItemWithPopover?: (visible: boolean) => void) => {
-    name: string;
-    onClick: () => void;
-    imgSrc: string;
-    permission: boolean;
-}[];
-export default useWidgetList;

package/lib/modules/action-bar/components/apps/useWidgetList.js

@@ -1,43 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-require("core-js/modules/es.array.for-each.js");
-require("core-js/modules/es.array.map.js");
-require("core-js/modules/es.array.push.js");
-require("core-js/modules/es.object.to-string.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.for-each.js");
-require("core-js/modules/web.dom-collections.for-each.js");
-var _react = require("react");
-var _store = require("../../store");
-var useWidgetList = function useWidgetList(closeActionBarItemWithPopover) {
-  var _useContext = (0, _react.useContext)(_store.ActionBarContext),
-    registeredWidgetConfigs = _useContext.registeredWidgetConfigs,
-    openWidget = _useContext.openWidget;
-  var _onClick = function onClick(widgetId) {
-    openWidget(widgetId);
-    closeActionBarItemWithPopover && closeActionBarItemWithPopover(false);
-  };
-  return (0, _react.useMemo)(function () {
-    var widgetConfigs = [];
-    registeredWidgetConfigs.forEach(function (widgetConfig) {
-      widgetConfigs.push(widgetConfig);
-    });
-    return widgetConfigs.map(function (widgetConfig) {
-      return {
-        name: widgetConfig.id,
-        onClick: function onClick() {
-          _onClick(widgetConfig.id);
-        },
-        imgSrc: widgetConfig.icon,
-        permission: true
-      };
-    });
-  }, [registeredWidgetConfigs]);
-};
-var _default = exports["default"] = useWidgetList;

package/lib/modules/action-bar/components/device/index.css

@@ -1,162 +0,0 @@
-.fcr-action-bar-device {
-  border-radius: var(--fcr_cornerradius_s);
-  position: relative;
-  min-width: 71px;
-  cursor: pointer;
-}
-.fcr-action-bar-device:hover {
-  background: var(--fcr_web_ui_scene_hover2);
-}
-.fcr-action-bar-device-inner {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.fcr-action-bar-device-inner > div {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.fcr-action-bar-device-inner .fcr-microphone path:first-of-type {
-  fill: var(--fcr_web_ui_scene_mainicon1);
-}
-.fcr-action-bar-device-inner .fcr-microphone stop:nth-of-type(1),
-.fcr-action-bar-device-inner .fcr-microphone stop:nth-of-type(2) {
-  stop-color: var(--fcr_web_ui_scene_mainicon1);
-}
-.fcr-action-bar-device-text {
-  color: var(--fcr_ui_scene_icontext2);
-  line-height: 12px;
-  font-size: 12px;
-  text-align: center;
-  font-weight: 400;
-}
-.fcr-action-bar-device-extra,
-.fcr-action-bar-extra {
-  border-radius: var(--fcr_cornerradius_xs);
-  position: absolute;
-  right: 3px;
-  top: 3px;
-  width: 18px;
-  height: 30px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.fcr-action-bar-device-extra:hover,
-.fcr-action-bar-extra:hover {
-  background: var(--fcr_web_ui_scene_hover2);
-}
-.fcr-action-bar-device-extra:hover svg,
-.fcr-action-bar-extra:hover svg {
-  transform: translateY(-3px);
-  transition: all 0.2s;
-}
-
-.fcr-action-bar--device-popover .fcr-tooltip-inner {
-  border-radius: var(--fcr_cornerradius_l);
-  border: 0.5px solid var(--fcr_ui_scene_line1);
-  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
-  box-shadow: var(--fcr_web_light_dropup_m) !important;
-  text-align: left !important;
-  margin-left: 10px;
-}
-
-.fcr-device-popover-content-device {
-  padding: 8px 10px;
-}
-.fcr-device-popover-content-device:not(:first-child) {
-  border-top-width: 1px;
-  border-top-style: solid;
-}
-.fcr-device-popover-content-device-label {
-  color: var(--fcr_ui_scene_icontext1);
-  font-size: 12px;
-  line-height: 32px;
-  padding-left: 13px;
-}
-.fcr-device-popover-content-device-options {
-  margin-top: 8px;
-}
-.fcr-device-popover-content-device-options .fcr-radio {
-  border-radius: var(--fcr_cornerradius_xxs);
-  height: 32px;
-  width: 100%;
-  padding: 0 6px;
-  transition: all 0.2s ease;
-}
-.fcr-device-popover-content-device-options .fcr-radio:hover {
-  background: var(--fcr_web_ui_scene_hover);
-}
-.fcr-device-popover-content-device-options .fcr-radio:hover .fcr-radio-label {
-  color: var(--fcr_web_ui_scene_mainicon2);
-}
-.fcr-device-popover-content-device-options .fcr-radio:hover .fcr-radio-inner svg path {
-  fill: var(--fcr_web_ui_scene_mainicon2);
-}
-.fcr-device-popover-content-device-options .fcr-radio-inner {
-  width: 14px;
-  height: 14px;
-}
-.fcr-device-popover-content-device-options .fcr-radio-inner svg {
-  width: 14px;
-  height: 14px;
-}
-.fcr-device-popover-content-device-options .fcr-radio-inner svg path {
-  fill: var(--fcr_ui_scene_icontext1);
-  transition: all 0.1s ease;
-}
-.fcr-device-popover-content-device-options .fcr-radio-label {
-  padding-left: 8px;
-  color: var(--fcr_ui_scene_icontext1);
-  font-size: 13px;
-  line-height: 100%;
-  transition: all 0.1s ease;
-}
-.fcr-device-popover-content-more {
-  border-top-width: 1px;
-  border-top-style: solid;
-  padding: 8px 10px;
-}
-.fcr-device-popover-content-more-item {
-  border-radius: var(--fcr_cornerradius_xxs);
-  height: 32px;
-  width: 100%;
-  padding: 4px 6px 4px 36px;
-  font-size: 13px;
-  line-height: 100%;
-  color: var(--fcr_ui_scene_icontext1, #373c42);
-  cursor: pointer;
-  transition: all 0.2s ease;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.fcr-device-popover-content-more-item.contain-icon {
-  padding: 4px 6px;
-}
-.fcr-device-popover-content-more-item:hover {
-  color: var(--fcr_web_ui_scene_mainicon2);
-  background: var(--fcr_web_ui_scene_hover);
-}
-.fcr-device-popover-content-more-item:hover path {
-  fill: var(--fcr_web_ui_scene_mainicon2);
-}
-.fcr-device-popover-content-more-item svg {
-  flex-shrink: 0;
-}
-.fcr-device-popover-content-more-item path {
-  fill: var(--fcr_ui_scene_icontext5);
-  transition: all 0.2s ease;
-}
-.fcr-device-popover-content-more-item span {
-  min-width: 0;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.fcr-device-popover-content-more-item--danger:hover {
-  color: var(--fcr_ui_scene_ramp_red6);
-  background: var(--fcr_ui_scene_ramp_red1);
-}

package/lib/modules/action-bar/components/device/index.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-import './index.css';
-export declare const AudioRecordinDeviceIcon: ({ size, micEnabled }: {
-    size?: number;
-    micEnabled?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const MicrophoneDevice: FC;
-export declare const CameraDevice: FC;