fcr-ui-scene 3.5.0 → 3.5.1

package/lib/modules/action-bar/apps/useLiveStreaming.js

@@ -1,41 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = require("react");
-var _store = require("../store");
-var _type = require("agora-ui-foundation/lib/components/icon/type");
-var _type2 = require("fcr-core/lib/type");
-var _i18n = require("agora-ui-foundation/lib/i18n");
-var useLiveStreaming = function useLiveStreaming(closeActionBarItemWithPopover) {
-  var _useContext = (0, _react.useContext)(_store.ActionBarContext),
-    hasStartLiveStreamingPermission = _useContext.hasStartLiveStreamingPermission,
-    liveStreamingState = _useContext.liveStreamingState,
-    openLiveStreamingDialog = _useContext.openLiveStreamingDialog;
-  var transI18n = (0, _i18n.useI18n)();
-  var onClick = function onClick() {
-    openLiveStreamingDialog();
-    closeActionBarItemWithPopover && closeActionBarItemWithPopover(false);
-  };
-  return (0, _react.useMemo)(function () {
-    var isStarted = liveStreamingState === _type2.FcrLiveStreamingState.STARTED;
-    return {
-      name: isStarted ? transI18n('fmt_tips_button_Stopolive') : transI18n('fmt_tips_button_Golive'),
-      onClick: onClick,
-      fcrToolTipProps: {
-        content: isStarted ? transI18n('fmt_actionbar_livestreaming_option_livenow') : transI18n('fmt_actionbar_livestreaming_option_customlive')
-      },
-      fcrIconProps: {
-        type: _type.FcrIconType.FCR_LIVE2,
-        iconColors: {
-          iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
-        }
-      },
-      permission: hasStartLiveStreamingPermission
-    };
-  }, [hasStartLiveStreamingPermission, liveStreamingState]);
-};
-var _default = exports["default"] = useLiveStreaming;

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 _store = require("../store");
-var _fcr_chat_reddot = _interopRequireDefault(require("../../../../public/assets/fcr_chat_reddot.svg"));
-var _mobxReact = require("mobx-react");
-var _type2 = require("fcr-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)(_store.ActionBarContext),
-    toggleChat = _useContext.toggleChat,
-    latestMessage = _useContext.latestMessage,
-    newMessageTooltipVisible = _useContext.newMessageTooltipVisible,
-    hideNewMessageTooltip = _useContext.hideNewMessageTooltip,
-    allNewMessage = _useContext.allNewMessage;
-  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: [allNewMessage > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "fcr-action-bar-chat-unread-count",
-      children: allNewMessage > 99 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-        src: _fcr_chat_reddot["default"]
-      }) : allNewMessage
-    }), /*#__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/leave/assign-host.d.ts

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

package/lib/modules/action-bar/components/leave/assign-host.js

@@ -1,64 +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.AssignHost = void 0;
-require("core-js/modules/es.array.index-of.js");
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _mobxReact = require("mobx-react");
-var _react = require("react");
-require("./index.css");
-var _chatSelect = require("../../../chat/components/chat-select");
-var _i18n = require("agora-ui-foundation/lib/i18n");
-var _jsxRuntime = require("react/jsx-runtime");
-var AssignHost = exports.AssignHost = (0, _mobxReact.observer)(function (props) {
-  var remoteUsers = props.remoteUsers,
-    assignHost = props.assignHost;
-  var _useState = (0, _react.useState)(0),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    selected = _useState2[0],
-    setSelected = _useState2[1];
-  var t = (0, _i18n.useI18n)();
-  var handleLeave = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
-      var user;
-      return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            user = remoteUsers[selected];
-            assignHost(user);
-            props.setPopoverOpened(false);
-            props.handleKeepConnect();
-          case 4:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function handleLeave() {
-      return _ref.apply(this, arguments);
-    };
-  }();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_chatSelect.ChatSelect, {
-    type: "assign-host",
-    title: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "assign-host-title",
-      children: t('fmt_toolbar_button_assignnewhost')
-    }),
-    bottomBar: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "assign-host-bottom",
-      onClick: handleLeave,
-      children: t('fmt_toolbar_button_assignleave')
-    }),
-    candidateUsers: remoteUsers,
-    selectedUid: remoteUsers[selected].userId,
-    onSelect: function onSelect(user) {
-      setSelected(remoteUsers.indexOf(user));
-    }
-  });
-});

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

@@ -1,126 +0,0 @@
-.leave-title {
-  width: 100%;
-  height: 39px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  font-family: Verdana;
-  font-size: 14px;
-  font-weight: 700;
-  line-height: 18.2px;
-  text-align: center;
-
-  color: var(--fcr_ui_scene_icontext1, rgba(255, 255, 255, 1));
-}
-
-.fcr-action-bar--leave-popover {
-  max-width: 255px;
-}
-
-.fcr-action-bar--leave-popover .fcr-tooltip-inner {
-  margin: 0;
-}
-
-.assistant-leave-lock-info {
-  width: 100%;
-  height: 16px;
-
-  font-family: Helvetica Neue;
-  font-size: 16px;
-  font-weight: 700;
-  line-height: 16px;
-  text-align: center;
-  color: var(--fcr_ui_scene_icontext1, rgba(55, 60, 66, 1));
-}
-
-.assistant-lock-leave-title {
-  width: 100%;
-  margin-top: 15px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  font-family: Verdana;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 18.2px;
-  text-align: center;
-
-  color: var(--fcr_ui_scene_icontext1, rgba(255, 255, 255, 1));
-}
-
-.leave-cancel {
-  width: 100%;
-  height: 36px;
-  margin-top: 15px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--fcr_ui_scene_ramp_red6, rgba(251, 88, 78, 1));
-  border-radius: var(--fcr_cornerradius_l);
-  border: 1px solid var(--fcr_ui_scene_ramp_red6);
-
-  font-family: Verdana;
-  font-size: 13px;
-  font-weight: 400;
-  line-height: 24px;
-  text-align: center;
-
-  cursor: pointer;
-}
-
-.assign-host-title {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  height: 20px;
-  padding-left: 5px;
-
-  font-family: Verdana;
-  font-size: 12px;
-  font-weight: 700;
-  line-height: 12px;
-  text-align: left;
-  color: var(--fcr_ui_scene_icontext1, rgba(255, 255, 255, 1));
-}
-
-.assign-host-bottom {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  width: 215px;
-  height: 32px;
-  margin-top: 20px;
-  border-radius: var(--fcr_cornerradius_l);
-
-  font-family: Helvetica Neue;
-  font-size: 13px;
-  font-weight: 400;
-  line-height: 24px;
-
-  color: var(--fcr_ui_scene_white10);
-  background: var(--fcr_ui_scene_ramp_red6);
-  cursor: pointer;
-}
-.leave-connect-check {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.leave-container .leave-confirm-disabled {
-  background-color: var(--fcr_web_ui_scene_fill3);
-  color: var(--fcr_ui_scene_icontext3);
-  cursor: not-allowed;
-}
-.fcr-action-bar--leave-meeting-portal {
-  width: 255px;
-  position: absolute;
-  top: 2px;
-  left: 10px;
-  z-index: 999;
-  background-color: var(--fcr_ui_scene_white10);
-  border-radius: var(--fcr_cornerradius_l);
-  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
-}

package/lib/modules/action-bar/components/leave/leave-meeting.d.ts

@@ -1,3 +0,0 @@
-import './index.css';
-import { LeaveMeetingProps } from '../../types';
-export declare const LeaveMeeting: import("react").ForwardRefExoticComponent<LeaveMeetingProps & import("react").RefAttributes<unknown>>;