fcr-ui-scene 3.4.4 → 3.4.5

package/lib/modules/action-bar/notification-bar/components/interpreter/index.js

@@ -1,100 +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["default"] = interpreterNotification;
-require("core-js/modules/es.array.concat.js");
-require("core-js/modules/es.array.join.js");
-require("core-js/modules/es.array.map.js");
-require("core-js/modules/esnext.async-iterator.map.js");
-require("core-js/modules/esnext.iterator.map.js");
-require("core-js/modules/web.timers.js");
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _button = require("agora-ui-foundation/lib/components/button");
-require("./index.css");
-var _type = require("agora-ui-foundation/lib/components/icon/type");
-var _i18n = require("agora-ui-foundation/lib/i18n");
-var _jsxRuntime = require("react/jsx-runtime");
-function interpreterNotification(props) {
-  var onClose = props.onClose,
-    onAssign = props.onAssign,
-    _props$offline = props.offline,
-    offline = _props$offline === void 0 ? [] : _props$offline,
-    _props$reenter = props.reenter,
-    reenter = _props$reenter === void 0 ? [] : _props$reenter;
-  var _useState = (0, _react.useState)(5),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    second = _useState2[0],
-    setSecond = _useState2[1];
-  var transI18n = (0, _i18n.useI18n)();
-  var text = (0, _react.useMemo)(function () {
-    return transI18n('fmt_interpretation_popup_label_set', {
-      reason1: offline.map(function (interpreter) {
-        return interpreter.userName;
-      }).join('、')
-    });
-  }, [offline]);
-  var reEnterText = (0, _react.useMemo)(function () {
-    return transI18n('fmt_interpretation_popup_toast_label_return_meeting', {
-      reason1: reenter.map(function (interpreter) {
-        return interpreter.userName;
-      }).join('、')
-    });
-  }, [reenter]);
-  (0, _react.useEffect)(function () {
-    if (second === 0) {
-      if (offline.length === 0) {
-        onClose && onClose();
-      }
-      return;
-    }
-    var timer = setInterval(function () {
-      setSecond(function (second) {
-        return second - 1;
-      });
-    }, 1000);
-    return function () {
-      clearInterval(timer);
-    };
-  }, [second]);
-  (0, _react.useEffect)(function () {
-    reenter.length > 0 && setSecond(5);
-  }, [reEnterText]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "interpreter-notification",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "interpreter-notification-close",
-      onClick: onClose,
-      children: "\xD7"
-    }), second > 0 && reenter.length > 0 && offline.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "interpreter-notification-backtext",
-      children: [reEnterText, "(", second, "s)"]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "interpreter-notification-inner",
-      children: [offline.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "interpreter-notification-header",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          children: transI18n('fmt_interpretation_pupup_interpreter_offline')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
-          preIcon: _type.FcrIconType.FCR_SETTING2,
-          preIconProps: {
-            colors: {
-              iconPrimary: 'var(--fcr_ui_scene_white10)'
-            },
-            size: 18
-          },
-          size: "XXS",
-          onClick: onAssign,
-          children: transI18n('fmt_interpretation_popup_button_set')
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "interpreter-notification-content",
-        children: offline.length > 0 ? text : "".concat(reEnterText, "(").concat(second, "s)")
-      })]
-    })]
-  });
-}

package/lib/modules/action-bar/notification-bar/components/virtual-image/index.css

@@ -1,56 +0,0 @@
-.interpreter-virtual-image-container {
-  position: absolute;
-  width: 60px;
-  height: 72px;
-  right: 0;
-  bottom: 3px;
-  transition: all 0.2s;
-  z-index: 20;
-  animation: say-hi 1s;
-  animation-iteration-count: 1;
-}
-
-.interpreter-virtual-image-hidden {
-  height: 20px;
-}
-
-.interpreter-virtual-image-close {
-  width: 18px;
-  height: 18px;
-  border-radius: 50%;
-  background: var(--fcr_ui_scene_white7);
-  position: absolute;
-  right: -8px;
-  top: 0;
-  text-align: center;
-  line-height: 16px;
-  z-index: 10;
-}
-
-.interpreter-virtual-image-close:hover {
-  background-color: var(--fcr_ui_scene_white10);
-  cursor: pointer;
-}
-
-.interpreter-virtual-image {
-  height: 100%;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  overflow: hidden;
-}
-.interpreter-virtual-image:focus {
-  outline: none;
-}
-
-@keyframes say-hi {
-  0% {
-    height: 72px;
-  }
-  50% {
-    height: 57.6px;
-  }
-  100% {
-    height: 72px;
-  }
-}

package/lib/modules/action-bar/notification-bar/components/virtual-image/index.d.ts

@@ -1,5 +0,0 @@
-import './index.css';
-export default function VirtualImage(props: {
-    hidden: boolean;
-    onClick: () => void;
-}): import("react/jsx-runtime").JSX.Element;

package/lib/modules/action-bar/notification-bar/components/virtual-image/index.js

@@ -1,33 +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["default"] = VirtualImage;
-var _dome = _interopRequireDefault(require("../../dome.png"));
-require("./index.css");
-var _jsxRuntime = require("react/jsx-runtime");
-function VirtualImage(props) {
-  var _onClick = props.onClick,
-    hidden = props.hidden;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "interpreter-virtual-image-container ".concat(hidden ? 'interpreter-virtual-image-hidden' : ''),
-    children: [!hidden && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "interpreter-virtual-image-close",
-      onClick: _onClick,
-      children: "\xD7"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-      onClick: function onClick() {
-        return _onClick();
-      },
-      className: "interpreter-virtual-image",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-        className: "notification-icon",
-        src: _dome["default"],
-        draggable: "false"
-      })
-    })]
-  });
-}

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

@@ -1,74 +0,0 @@
-.notification-bar {
-  position: absolute;
-  right: 20px;
-  bottom: 52px;
-  z-index: 9999;
-  /* height: 60px; */
-  /* display: flex;
-  justify-content:space-between;
-  align-items: center;
-  background: var(--fcr_ui_scene_white8); */
-  /* border-radius: 30px; */
-  /* padding: 5px; */
-  transition: all 0.2s;
-}
-.notification-bar-hidden {
-  bottom: 62px;
-}
-.notification-icon {
-  width: 60px;
-  height: 103px;
-}
-
-.notification-action {
-  /* width: 50%; */
-  height: 100%;
-  padding: 3px;
-}
-.notification-action-bg {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  height: 100%;
-  width: 100%;
-  padding: 8.5px 19.5px;
-}
-
-.notification-action-icon {
-  width: 25px;
-  height: 25px;
-  border-radius: 50%;
-  background: rgba(63, 59, 83, 1);
-}
-
-.notification-action__checked {
-  border-radius: 25px;
-  border: 1px solid var(--fcr_ui_scene_card3);
-  border-radius: 25px;
-}
-.notification-action__checked .notification-action-bg {
-  border-radius: 25px;
-  background: linear-gradient(
-    180deg,
-    #00cae0 0%,
-    #15d5ea 4.76%,
-    #6ae7f5 8.48%,
-    #64e8f7 25.6%,
-    #64e8f7 48%,
-    #00cae0 77.38%,
-    #00cae0 100%
-  );
-  box-shadow: 0px 4px 4px 0px rgba(4, 173, 191, 1) inset;
-}
-.notification-action__checked .notification-action-icon {
-  background: rgba(217, 217, 217, 1);
-}
-.notification-action-text {
-  color: var(--fcr_ui_scene_black10);
-  font-size: 20px;
-  margin-left: 8px;
-}
-
-.notification-action__checked .notification-action-text {
-  color: var(--fcr_ui_scene_white10);
-}

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

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

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

@@ -1,99 +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.NotificationBar = void 0;
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.array.includes.js");
-require("core-js/modules/es.array.map.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.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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
-require("./index.css");
-var _interpreter = _interopRequireDefault(require("./components/interpreter"));
-var _virtualImage = _interopRequireDefault(require("./components/virtual-image"));
-var _store = require("../store");
-var _mobxReact = require("mobx-react");
-var _jsxRuntime = require("react/jsx-runtime");
-var NotificationBar = exports.NotificationBar = (0, _mobxReact.observer)(function () {
-  var _useContext = (0, _react.useContext)(_store.ActionBarContext),
-    openInterpreterDialog = _useContext.openInterpreterDialog,
-    users = _useContext.users,
-    interpreterUsers = _useContext.interpreterUsers,
-    interpreterUsersOffline = _useContext.interpreterUsersOffline,
-    folded = _useContext.folded;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    showNotification = _useState2[0],
-    setShowNotification = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    hidden = _useState4[0],
-    setHidden = _useState4[1];
-  var shareScreenBarRef = (0, _react.useRef)(null);
-  var _useState5 = (0, _react.useState)([]),
-    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-    interpreterOffline = _useState6[0],
-    setInterpreterOffline = _useState6[1];
-  var _useState7 = (0, _react.useState)([]),
-    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-    reEnterInterperter = _useState8[0],
-    setReEnterInterperter = _useState8[1];
-  (0, _react.useEffect)(function () {
-    var offline = (interpreterUsers === null || interpreterUsers === void 0 ? void 0 : interpreterUsers.filter(function (user) {
-      return !users.map(function (u) {
-        return u.userId;
-      }).includes(user.userId);
-    })) || [];
-    setInterpreterOffline(offline);
-    if (offline.length > 0) {
-      setShowNotification(true);
-    }
-  }, [users, interpreterUsers]);
-  (0, _react.useEffect)(function () {
-    var reEnter = (interpreterOffline === null || interpreterOffline === void 0 ? void 0 : interpreterOffline.filter(function (user) {
-      return users.map(function (u) {
-        return u.userId;
-      }).includes(user.userId);
-    })) || [];
-    setReEnterInterperter(reEnter);
-  }, [users]);
-  (0, _react.useEffect)(function () {
-    if (showNotification) {
-      setReEnterInterperter([]);
-    }
-  }, [showNotification]);
-  var show = showNotification && (reEnterInterperter.length > 0 || interpreterOffline.length > 0);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    ref: shareScreenBarRef,
-    className: (0, _classnames["default"])('notification-bar', {
-      'notification-bar-hidden': folded
-    }),
-    children: [show && /*#__PURE__*/(0, _jsxRuntime.jsx)(_interpreter["default"], {
-      offline: interpreterOffline,
-      reenter: reEnterInterperter,
-      onClose: function onClose() {
-        return setShowNotification(!showNotification);
-      },
-      onAssign: function onAssign() {
-        openInterpreterDialog();
-      }
-    }), (interpreterUsersOffline || show) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_virtualImage["default"], {
-      hidden: hidden,
-      onClick: function onClick() {
-        setShowNotification(!showNotification);
-        setHidden(showNotification);
-      }
-    })]
-  });
-});

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

@@ -1,9 +0,0 @@
-.fcr-action-bar-participants-wrapper {
-  position: relative;
-}
-.fcr-action-bar-participants-user-count {
-  position: absolute;
-  top: -2px;
-  left: 51px;
-  color: var(--fcr_web_ui_scene_mainicon1);
-}

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

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

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

@@ -1,75 +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.Participants = void 0;
-require("core-js/modules/es.array.includes.js");
-require("core-js/modules/es.string.includes.js");
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _i18n = require("agora-ui-foundation/lib/i18n");
-var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
-var _item = require("../item");
-var _type = require("agora-ui-foundation/lib/components/icon/type");
-var _context = require("../context");
-var _mobxReact = require("mobx-react");
-require("./index.css");
-var _actionBarCollapesItems = require("../action-bar-collapes-items");
-var _jsxRuntime = require("react/jsx-runtime");
-var Participants = exports.Participants = (0, _mobxReact.observer)(function (_ref) {
-  var id = _ref.id,
-    order = _ref.order;
-  var transI18n = (0, _i18n.useI18n)();
-  var _useContext = (0, _react.useContext)(_actionBarCollapesItems.actionBarCollapseContext),
-    visibleList = _useContext.visibleList;
-  var _useContext2 = (0, _react.useContext)(_context.ActionBarContext),
-    toggleParticipants = _useContext2.toggleParticipants,
-    totalUser = _useContext2.totalUser;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    tooltipVisible = _useState2[0],
-    setTooltipVisible = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    dialogTooltipVisible = _useState4[0],
-    setDialogTooltipVisible = _useState4[1];
-  var title = transI18n('fmt_screenshare_controlbar_button_participant');
-  var tooltip = transI18n('fmt_screenshare_controlbar_button_participant');
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-    visible: tooltipVisible,
-    onVisibleChange: function onVisibleChange(visible) {
-      if (dialogTooltipVisible) {
-        setTooltipVisible(false);
-      } else {
-        setTooltipVisible(visible);
-      }
-    },
-    content: tooltip,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "fcr-action-bar-participants-wrapper",
-      style: {
-        display: visibleList.includes('Participants') ? 'flex' : 'none'
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "fcr-action-bar-participants-user-count",
-        children: totalUser > 999 ? '999+' : totalUser
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.ActionBarItem, {
-        id: id,
-        order: order,
-        onClick: toggleParticipants,
-        icon: _type.FcrIconType.FCR_PEOPLE,
-        iconColors: {
-          iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
-        },
-        title: title,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "fcr-action-bar-participants-user-count",
-          children: totalUser > 999 ? '999+' : totalUser
-        })
-      })]
-    })
-  });
-});

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

@@ -1,39 +0,0 @@
-.fcr-status-bar-record-starting {
-  animation: breath 1.5s linear infinite;
-}
-@keyframes breath {
-  from {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-.fcr-action-bar-record-btn-group {
-  width: 64px;
-  height: 32px;
-  font-size: 0;
-  display: grid;
-  align-items: stretch;
-  justify-content: stretch;
-  grid-template-columns: repeat(2, 1fr);
-}
-
-.fcr-action-bar-item-disabled .fcr-action-bar-record-btn-group {
-  opacity: 0.5;
-}
-
-.fcr-action-bar-record-btn-group > button {
-}
-
-.fcr-record-popover-content {
-  z-index: 100;
-}
-
-.fcr-stop-cloud-recording-popover .fcr-tooltip-inner {
-  width: 255px !important;
-}

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

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

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

@@ -1,161 +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.Record = void 0;
-require("core-js/modules/es.array.concat.js");
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _mobxReact = require("mobx-react");
-var _react = require("react");
-var _type = require("agora-edu-core/lib/type");
-var _icon = require("agora-ui-foundation/lib/components/icon");
-var _type2 = require("agora-ui-foundation/lib/components/icon/type");
-var _popover = require("agora-ui-foundation/lib/components/popover");
-var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
-var _i18n = require("agora-ui-foundation/lib/i18n");
-var _context = require("../context");
-var _item = require("../item");
-require("./index.css");
-var _stopRecordDialog = require("./stop-record-dialog");
-var _jsxRuntime = require("react/jsx-runtime");
-var Record = exports.Record = (0, _mobxReact.observer)(function (_ref) {
-  var id = _ref.id,
-    order = _ref.order;
-  var t = (0, _i18n.useI18n)();
-  var _useContext = (0, _react.useContext)(_context.ActionBarContext),
-    hasStartCloudRecordingPermission = _useContext.hasStartCloudRecordingPermission,
-    state = _useContext.cloudRecordingState,
-    pauseCloudRecording = _useContext.pauseCloudRecording,
-    resumeCloudRecording = _useContext.resumeCloudRecording,
-    stopCloudRecording = _useContext.stopCloudRecording,
-    toggleLayoutBarLock = _useContext.toggleLayoutBarLock;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    visible = _useState2[0],
-    setVisible = _useState2[1];
-  var isButtonGroup = state === _type.FcrRecordingState.Started || state === _type.FcrRecordingState.Paused;
-  var colors = {
-    iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
-  };
-  var icon = isButtonGroup ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "fcr-action-bar-record-btn-group",
-    children: [state === _type.FcrRecordingState.Started ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-      content: t('fmt_record_button_pauserecording'),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-        onClick: pauseCloudRecording,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-          type: _type2.FcrIconType.FCR_PAUSE2,
-          colors: colors
-        })
-      })
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-      content: t('fmt_record_button_Cloudrecording_restore'),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-        onClick: resumeCloudRecording,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-          type: _type2.FcrIconType.FCR_RECORDING_ON,
-          colors: colors
-        })
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_stopRecordDialog.StopCloudRecording, {
-      stopCloudRecording: stopCloudRecording,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-        content: t('fmt_record_button_Cloudrecording_stop'),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-            type: _type2.FcrIconType.FCR_STOP3,
-            colors: colors
-          })
-        })
-      })
-    })]
-  }) : _type2.FcrIconType.FCR_RECORDING_ON;
-  var title = hasStartCloudRecordingPermission ? state === _type.FcrRecordingState.Started ? t('fmt_record_button_Cloudrecording_stop') : state === _type.FcrRecordingState.Paused ? t('fmt_record_button_Cloudrecording_restore') : t('fmt_record_button_Cloudrecording') : t('fmt_recording_button_rrecording');
-  var innerItem = /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.ActionBarItem, {
-    id: id,
-    order: order,
-    onClick: function onClick() {
-      return setVisible(function (visible) {
-        return !visible;
-      });
-    },
-    icon: icon,
-    title: title,
-    disabled: state === _type.FcrRecordingState.Starting,
-    iconColors: colors
-  });
-  if (!hasStartCloudRecordingPermission) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-      content: "".concat(t('fmt_screenshare_button_localrecordingmiss'), " (").concat(t('fmt_screenshare_not_open_yet'), ")"),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.ActionBarItem, {
-        id: id,
-        order: order,
-        icon: _type2.FcrIconType.FCR_RECORDING_ON,
-        title: title,
-        disabled: true,
-        iconColors: colors
-      })
-    });
-  }
-  return isButtonGroup ? innerItem : /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-    content: t('fmt_record_button_Cloudrecording'),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.FcrPopover, {
-      trigger: "click",
-      overlayClassName: "fcr-action-bar--more-popover",
-      visible: visible,
-      onVisibleChange: function onVisibleChange(visible) {
-        toggleLayoutBarLock(visible);
-        setVisible(visible);
-      },
-      content: /*#__PURE__*/(0, _jsxRuntime.jsx)(RecordPopoverContent, {
-        onClick: function onClick() {
-          return setVisible(false);
-        }
-      }),
-      children: innerItem
-    })
-  });
-});
-var RecordPopoverContent = (0, _mobxReact.observer)(function (_ref2) {
-  var _onClick = _ref2.onClick;
-  var _useContext2 = (0, _react.useContext)(_context.ActionBarContext),
-    hasStartCloudRecordingPermission = _useContext2.hasStartCloudRecordingPermission,
-    state = _useContext2.cloudRecordingState,
-    startCloudRecording = _useContext2.startCloudRecording,
-    openDeviceSettingDialog = _useContext2.openDeviceSettingDialog;
-  var t = (0, _i18n.useI18n)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "fcr-more-popover-content",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "fcr-more-popover-content__group",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
-        className: "fcr-more-popover-content__group-item contain-icon",
-        onClick: function onClick() {
-          _onClick();
-          if (state === _type.FcrRecordingState.Stopped) startCloudRecording();
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-          type: _type2.FcrIconType.FCR_CLOUDRECORD,
-          size: 24
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          children: t('fmt_screenshare_controlbar_button_more_cloudRecord')
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
-        disabled: true,
-        className: "fcr-more-popover-content__group-item contain-icon",
-        onClick: function onClick() {
-          _onClick();
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-          type: _type2.FcrIconType.FCR_RECORDING_ON,
-          size: 24
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-          children: [t('fmt_record_button_Localrecording'), " (", t('fmt_screenshare_not_open_yet'), ")"]
-        })]
-      })]
-    })
-  });
-});