fcr-ui-scene 3.4.4 → 3.4.5

package/lib/fragments/control-bar/more-actions/index.js

@@ -1,264 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MorePopoverContent = void 0;
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.array.map.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 _button = require("agora-ui-foundation/lib/components/button");
-var _dialog = require("agora-ui-foundation/lib/components/dialog");
-var _icon = require("agora-ui-foundation/lib/components/icon");
-var _type = require("agora-ui-foundation/lib/components/icon/type");
-var _mobxReact = require("mobx-react");
-var _react = require("react");
-var _constant = require("../../../utilities/constant");
-var _context = require("../context");
-require("./index.css");
-var _type2 = require("agora-edu-core/lib/type");
-var _copyText = require("../../../utilities/copyText");
-var _toast = require("agora-ui-foundation/lib/components/toast");
-var _i18n = require("agora-ui-foundation/lib/i18n");
-var _jsxRuntime = require("react/jsx-runtime");
-var MorePopoverContent = exports.MorePopoverContent = (0, _mobxReact.observer)(function (props) {
-  var ref = (0, _react.useRef)(null);
-  var hasChatPermission = props.hasChatPermission,
-    _props$closePopover = props.closePopover,
-    closePopover = _props$closePopover === void 0 ? function () {} : _props$closePopover;
-  var _useContext = (0, _react.useContext)(_context.StoreContext),
-    isHost = _useContext.isHost,
-    handleMoreClick = _useContext.handleMoreClick,
-    liveStreamingState = _useContext.liveStreamingState,
-    playUrl = _useContext.playUrl,
-    cloudRecordingState = _useContext.cloudRecordingState,
-    hasStartCloudRecordingPermission = _useContext.hasStartCloudRecordingPermission,
-    hasStartLiveStreamingPermission = _useContext.hasStartLiveStreamingPermission,
-    hasGetLiveStreamingUrlPermission = _useContext.hasGetLiveStreamingUrlPermission,
-    hasStopLiveStreamingPermission = _useContext.hasStopLiveStreamingPermission;
-  var transI18n = (0, _i18n.useI18n)();
-  var onItemClick = function onItemClick(item) {
-    if (item.onClick) {
-      item.onClick();
-      return;
-    }
-    closePopover();
-    handleMoreClick(item.key);
-  };
-  var LeaveRoomContent = function LeaveRoomContent() {
-    closePopover();
-    if (isHost) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "leave-room-dialog-content",
-        onMouseEnter: function onMouseEnter() {
-          window.runtime.browserWindow.setIgnoreMouseEvents(false);
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "leave-room-dialog-title",
-          children: transI18n('fmt_popup_tips_endplenarymeeting')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
-          styleType: "danger",
-          size: "S",
-          onClick: function onClick() {
-            _dialog.FcrDialogApi.close('leave-room');
-            window.runtime.browserWindow.setIgnoreMouseEvents(true, {
-              forward: true
-            });
-            handleMoreClick(_constant.RendererEventAction.END_ROOM);
-          },
-          children: transI18n('fmt_popup_button_endmeeting')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
-          size: "S",
-          onClick: function onClick() {
-            _dialog.FcrDialogApi.close('leave-room');
-            window.runtime.browserWindow.setIgnoreMouseEvents(true, {
-              forward: true
-            });
-            handleMoreClick(_constant.RendererEventAction.LEAVE_ROOM);
-          },
-          children: transI18n('fmt_popup_button_leavemeeting')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
-          size: "S",
-          onClick: function onClick() {
-            window.runtime.browserWindow.setIgnoreMouseEvents(true, {
-              forward: true
-            });
-            _dialog.FcrDialogApi.close('leave-room');
-          },
-          children: transI18n('fmt_security_buttons_cancel')
-        })]
-      });
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "leave-room-dialog-content",
-      onMouseEnter: function onMouseEnter() {
-        window.runtime.browserWindow.setIgnoreMouseEvents(false);
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "leave-room-dialog-title",
-        children: transI18n('fmt_popup_tips_leavenow')
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
-        styleType: "danger",
-        size: "S",
-        onClick: function onClick() {
-          _dialog.FcrDialogApi.close('leave-room');
-          handleMoreClick(_constant.RendererEventAction.LEAVE_ROOM);
-        },
-        children: transI18n('fmt_popup_button_leavemeeting')
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
-        type: "secondary-bordered",
-        size: "S",
-        onClick: function onClick() {
-          _dialog.FcrDialogApi.close('leave-room');
-        },
-        children: transI18n('fmt_security_buttons_cancel')
-      })]
-    });
-  };
-  var moreOptions = [{
-    text: transI18n('fmt_chat_label_chat'),
-    displayWhenNoPermission: 'hidden',
-    key: _constant.RendererEventAction.OPEN_CHAT,
-    hasPermission: hasChatPermission
-  }, {
-    icon: _type.FcrIconType.FCR_EMO,
-    text: transI18n('fmt_popup_label_expression'),
-    displayWhenNoPermission: 'hidden',
-    key: 'emoji',
-    hasPermission: false
-  }, {
-    text: transI18n('fmt_screenshare_controlbar_button_more_cloudRecord'),
-    displayWhenNoPermission: 'hidden',
-    key: cloudRecordingState === _type2.FcrRecordingState.Stopped ? _constant.RendererEventAction.CLOUD_RECORDING_START : _constant.RendererEventAction.CLOUD_RECORDING_STOP,
-    hasPermission: hasStartCloudRecordingPermission && cloudRecordingState === _type2.FcrRecordingState.Stopped
-  },
-  // {
-  //   icon: null,
-  //   text: transI18n('fmt_record_button_Localrecording'),
-  //   displayWhenNoPermission: 'hidden',
-  //   key: 'localRecord',
-  //   hasPermission:
-  //     hasStartCloudRecordingPermission && cloudRecordingState === FcrRecordingState.Stopped,
-  // },
-  {
-    icon: _type.FcrIconType.FCR_LIVE,
-    text: transI18n('fmt_screenshare_controlbar_button_more_live'),
-    displayWhenNoPermission: 'hidden',
-    key: 'liveStreaming',
-    hasPermission: hasStartLiveStreamingPermission && liveStreamingState === _type2.FcrLiveStreamingState.STOPPED,
-    onClick: function onClick() {
-      window.runtime.browserWindow.setIgnoreMouseEvents(true, {
-        forward: true
-      });
-      handleMoreClick(_constant.RendererEventAction.OPEN_LIVE_STEAMING_DIALOG);
-    }
-  }, {
-    icon: _type.FcrIconType.FCR_SETTING,
-    text: transI18n('fmt_screenshare_controlbar_button_more_setting'),
-    displayWhenNoPermission: 'hidden',
-    key: _constant.RendererEventAction.OPEN_SETTING,
-    hasPermission: true
-  }, {
-    icon: _type.FcrIconType.FCR_ATTACH,
-    text: transI18n('fmt_live_label_copylink'),
-    displayWhenNoPermission: 'hidden',
-    key: 'copyLiveLink',
-    hasPermission: liveStreamingState === _type2.FcrLiveStreamingState.STARTED && hasGetLiveStreamingUrlPermission,
-    onClick: function onClick() {
-      closePopover();
-      (0, _copyText.copyText)(playUrl).then(function () {
-        _toast.FcrToastApi.open({
-          toastProps: {
-            type: 'info',
-            content: transI18n('fmt_statusbar_status_coppied')
-          }
-        });
-      });
-    }
-  }, {
-    icon: _type.FcrIconType.FCR_ATTACH,
-    text: transI18n('fmt_popup_button_meetinginfor'),
-    displayWhenNoPermission: 'hidden',
-    key: 'copyMeetingInfo',
-    hasPermission: false,
-    onClick: function onClick() {
-      closePopover();
-      (0, _copyText.copyText)('TODO 会议信息').then(function () {
-        _toast.FcrToastApi.open({
-          id: 'copy-live-link',
-          toastProps: {
-            type: 'info',
-            content: transI18n('fmt_statusbar_status_coppied')
-          }
-        });
-      });
-    }
-  }
-  // {
-  //   icon: FcrIconType.FCR_ENDMEETING,
-  //   key: RendererEventAction.LEAVE_ROOM,
-  //   text: isHost ? '结束会议' : '离开会议',
-  //   hasPermission: true,
-  //   onClick: () => {
-  //     window.runtime.browserWindow.setIgnoreMouseEvents(false);
-  //     FcrDialogApi.info({
-  //       id: 'leave-room',
-  //       dialogProps: {
-  //         content: <LeaveRoomContent />,
-  //         width: 256,
-  //         closable: false,
-  //         rootClassName: 'leave-room-dialog',
-  //       },
-  //     });
-  //   },
-  // },
-  ];
-  (0, _react.useEffect)(function () {
-    function handleClickOutside(event) {
-      if (ref.current && !ref.current.contains(event.target)) {
-        closePopover();
-      }
-    }
-    document.addEventListener('mousedown', handleClickOutside);
-    return function () {
-      document.removeEventListener('mousedown', handleClickOutside);
-    };
-  }, [ref.current]);
-  var moreOptionsFilter = moreOptions.filter(function (item) {
-    return item.hasPermission;
-  });
-  console.log('moreOptionsFilter', moreOptionsFilter);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    ref: ref,
-    className: "share-action-nav__popover-inner-content share-action-nav__not-draggable",
-    children: moreOptionsFilter.map(function (item, index) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "share-action-nav__media-list-group",
-        onClick: function onClick(e) {
-          e.stopPropagation();
-          onItemClick(item);
-        },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "fcr-flex fcr-items-center share-action-nav__popover-option-media-setting share-action-nav__popover-option",
-          children: [item.icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-            type: item.icon,
-            size: 24,
-            colors: {
-              iconPrimary: 'var(--fcr_ui_scene_icontext5)'
-            }
-          }, item.key) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "icon-placeholder-symbol"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            children: item.text
-          })]
-        })
-      }, item.key);
-    })
-  });
-});

package/lib/fragments/control-bar/security-content/index.css

@@ -1,24 +0,0 @@
-.security-content {
-}
-.security-content .fcr-checkbox-input-wrapper {
-  border: none;
-}
-.security-content .fcr-checkbox {
-  width: auto;
-}
-.security-content .fcr-drop-menu-title {
-  text-align: left;
-}
-.security-content .fcr-checkbox-inner {
-  background-color: transparent;
-  height: 24px;
-  width: 24px;
-}
-.security-content .fcr-drop-menu-option-text {
-  width: auto;
-}
-
-.security-content .fcr-checkbox-label {
-  display: inline-block;
-  flex: 1;
-}

package/lib/fragments/control-bar/security-content/index.d.ts

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

package/lib/fragments/control-bar/security-content/index.js

@@ -1,148 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SecurityContent = void 0;
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.async-iterator.filter.js");
-require("core-js/modules/esnext.iterator.constructor.js");
-require("core-js/modules/esnext.iterator.filter.js");
-var _dropMenu = require("agora-ui-foundation/lib/components/drop-menu");
-var _react = require("react");
-var _context = require("../context");
-var _checkbox = require("agora-ui-foundation/lib/components/checkbox");
-require("./index.css");
-var _mobxReact = require("mobx-react");
-var _i18n = require("agora-ui-foundation/lib/i18n");
-var _jsxRuntime = require("react/jsx-runtime");
-var SecurityContent = exports.SecurityContent = (0, _mobxReact.observer)(function () {
-  var _useContext = (0, _react.useContext)(_context.StoreContext),
-    updateLockRoomEnabled = _useContext.updateLockRoomEnabled,
-    isLockRoomEnabled = _useContext.isLockRoomEnabled,
-    allowShareScreen = _useContext.allowShareScreen,
-    updateAllowShareScreen = _useContext.updateAllowShareScreen,
-    allowChat = _useContext.allowChat,
-    updateAllowChat = _useContext.updateAllowChat,
-    allowUnmuteSelfAudio = _useContext.allowUnmuteSelfAudio,
-    updateAllowUnmuteSelfAudio = _useContext.updateAllowUnmuteSelfAudio,
-    allowUnmuteSelfVideo = _useContext.allowUnmuteSelfVideo,
-    updateAllowUnmuteSelfVideo = _useContext.updateAllowUnmuteSelfVideo,
-    hasEnableStartScreenSharePermission = _useContext.hasEnableStartScreenSharePermission,
-    hasPermissionToControlAllowSendAll = _useContext.hasPermissionToControlAllowSendAll,
-    hasEnableStartAudioPermission = _useContext.hasEnableStartAudioPermission,
-    hasEnableChangeNamePermission = _useContext.hasEnableChangeNamePermission,
-    hasEnableStartVideoPermission = _useContext.hasEnableStartVideoPermission,
-    hasLockRoomPermission = _useContext.hasLockRoomPermission;
-  var transI18n = (0, _i18n.useI18n)();
-  var allActions = [{
-    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
-      checked: isLockRoomEnabled,
-      label: transI18n('fmt_screenshare_controlbar_security_list_lock'),
-      styleType: "white"
-    }),
-    key: 'lock_room',
-    type: 'primary',
-    hasPermission: hasLockRoomPermission,
-    onButtonClick: function onButtonClick() {
-      updateLockRoomEnabled(!isLockRoomEnabled);
-    }
-  }, {
-    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
-      checked: false,
-      label: transI18n('fmt_security_options_activatewaitingroom'),
-      styleType: "white"
-    }),
-    key: 'enable_waiting_room',
-    type: 'disabled',
-    hasPermission: true,
-    onButtonClick: function onButtonClick() {},
-    classNames: 'room-control-drop-with-under-line'
-  }, {
-    title: transI18n('fmt_screenshare_options_allow'),
-    key: 'allow_attendee_title',
-    type: 'title',
-    hasPermission: true
-  }, {
-    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
-      checked: allowShareScreen,
-      label: transI18n('fmt_screenshare_controlbar_security_list_participant_screenshare'),
-      styleType: "white"
-    }),
-    key: 'share_screen',
-    type: 'primary',
-    hasPermission: hasEnableStartScreenSharePermission,
-    onButtonClick: function onButtonClick() {
-      updateAllowShareScreen(!allowShareScreen);
-    }
-  }, {
-    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
-      checked: allowChat,
-      label: transI18n('fmt_chat_label_chat'),
-      styleType: "white"
-    }),
-    key: 'chat',
-    type: 'primary',
-    hasPermission: hasPermissionToControlAllowSendAll,
-    onButtonClick: function onButtonClick() {
-      updateAllowChat(!allowChat);
-    }
-  }, {
-    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
-      checked: allowUnmuteSelfAudio,
-      label: transI18n('fmt_screenshare_controlbar_security_list_participant_unmute'),
-      styleType: "white"
-    }),
-    key: 'unmute_yourself',
-    type: 'primary',
-    hasPermission: hasEnableStartAudioPermission,
-    onButtonClick: function onButtonClick() {
-      updateAllowUnmuteSelfAudio(!allowUnmuteSelfAudio);
-    }
-  }, {
-    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
-      checked: false,
-      label: transI18n('fmt_screenshare_controlbar_security_list_participant_changeName'),
-      styleType: "white"
-    }),
-    key: 'rename',
-    type: 'disabled',
-    hasPermission: hasEnableChangeNamePermission,
-    onButtonClick: function onButtonClick() {}
-  }, {
-    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
-      checked: allowUnmuteSelfVideo,
-      label: transI18n('fmt_security_options_openvideo'),
-      styleType: "white"
-    }),
-    key: 'start_video',
-    type: 'primary',
-    hasPermission: hasEnableStartVideoPermission,
-    onButtonClick: function onButtonClick() {
-      updateAllowUnmuteSelfVideo(!allowUnmuteSelfVideo);
-    },
-    classNames: 'room-control-drop-with-under-line'
-  }, {
-    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
-      checked: false,
-      label: transI18n('fmt_security_options_removemultiple'),
-      styleType: "white"
-    }),
-    key: 'remove_fcr-participants',
-    type: 'danger',
-    hasPermission: true,
-    onButtonClick: function onButtonClick() {},
-    classNames: 'room-control-drop-disable'
-  }];
-  var securityHasPermissionActions = allActions.filter(function (item) {
-    return item.hasPermission;
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "security-content",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropMenu.FcrDropMenu, {
-      options: securityHasPermissionActions
-    })
-  });
-});

package/lib/fragments/control-bar/share-state-nav/index.css

@@ -1,70 +0,0 @@
-.share-state-nav {
-  height: 30px;
-  background-color: var(--fcr_ui_scene_ramp_green6);
-  width: fit-content;
-  margin: 0 auto;
-  padding-left: 8px;
-  gap: 6px;
-  box-sizing: border-box;
-  overflow: hidden;
-  font-size: 12px;
-  color: var(--fcr_ui_scene_black8);
-}
-
-.share-state-nav-top {
-  border-radius: 0 0 var(--fcr_cornerradius_xs) var(--fcr_cornerradius_xs);
-}
-.share-state-nav-bottom {
-  border-radius: var(--fcr_cornerradius_xs) var(--fcr_cornerradius_xs) 0 0;
-}
-
-.share-action-nav__hidden .share-state-nav-top,
-.share-action-nav__hidden .share-state-nav-bottom {
-  border-radius: var(--fcr_cornerradius_xs);
-}
-.share-state-nav__drag-icon {
-  transform: rotate(90deg);
-}
-
-.share-state-nav__drag-button,
-.share-state-nav__transfer-position {
-  border-radius: var(--fcr_cornerradius_xs);
-}
-
-.share-state-nav__drag-button:hover,
-.share-state-nav__transfer-position:hover {
-  background-color: var(--fcr_ui_scene_white4);
-}
-
-.share-state-nav__stop-share {
-  background-color: var(--fcr_ui_scene_ramp_red6);
-  height: 100%;
-  padding: 0 6px;
-  color: var(--fcr_ui_scene_white10);
-  font-size: 12px;
-  cursor: pointer;
-}
-
-.share-state-nav__stop-share:active {
-  background-color: var(--fcr_ui_scene_ramp_red8);
-}
-
-.share-state-nav__state-text {
-  margin-right: 28px;
-}
-
-.fcr-control-bar-recoding-on-icon {
-  animation: breath 1.5s linear infinite;
-}
-
-@keyframes breath {
-  from {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}

package/lib/fragments/control-bar/share-state-nav/index.d.ts

@@ -1,10 +0,0 @@
-import { TransferPosition } from '../transfer-position-icon';
-import './index.css';
-interface IShareStateNav {
-    onShareStateNavTransferPosition: (targetPosition: TransferPosition) => void;
-    onStopShare: () => void;
-    currentPosition: TransferPosition;
-}
-export declare const DragIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const ShareStateNav: (props: IShareStateNav) => import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/fragments/control-bar/share-state-nav/index.js

@@ -1,134 +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.ShareStateNav = exports.DragIcon = void 0;
-var _icon = require("agora-ui-foundation/lib/components/icon");
-var _type = require("agora-ui-foundation/lib/components/icon/type");
-var _microphoneState = require("agora-ui-foundation/lib/components/room-screen-share-state-bar/microphone-state");
-var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
-var _transferPositionIcon = require("../transfer-position-icon");
-require("./index.css");
-var _mobxReact = require("mobx-react");
-var _context = require("../context");
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _type2 = require("agora-edu-core/lib/type");
-var _i18n = require("agora-ui-foundation/lib/i18n");
-var _meetingTime = require("../../../hooks/meeting-time");
-var _jsxRuntime = require("react/jsx-runtime");
-var DragIcon = exports.DragIcon = function DragIcon() {
-  var transI18n = (0, _i18n.useI18n)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-    content: transI18n('fmt_popup_button_drag'),
-    trigger: "hover",
-    mouseEnterDelay: 0,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "share-state-nav__drag-button",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-        type: _type.FcrIconType.FCR_WHITEBOARD_MOVE,
-        className: "share-state-nav__drag-icon",
-        colors: {
-          iconPrimary: 'var(--fcr_ui_scene_black8)'
-        },
-        size: 20
-      })
-    })
-  });
-};
-var ShareStateNav = exports.ShareStateNav = (0, _mobxReact.observer)(function (props) {
-  var onShareStateNavTransferPosition = props.onShareStateNavTransferPosition,
-    currentPosition = props.currentPosition;
-  var _useContext = (0, _react.useContext)(_context.StoreContext),
-    roomDuration = _useContext.roomDuration,
-    startTime = _useContext.startTime,
-    isMuteAudio = _useContext.isMuteAudio,
-    cloudRecordingState = _useContext.cloudRecordingState;
-  var _useMeetingTime = (0, _meetingTime.useMeetingTime)({
-      duration: roomDuration,
-      startTime: startTime
-    }),
-    meetingTime = _useMeetingTime.meetingTime,
-    totalHourText = _useMeetingTime.totalHourText,
-    totalMinuteText = _useMeetingTime.totalMinuteText;
-  var totalMins = (0, _react.useMemo)(function () {
-    return Math.floor(roomDuration / 1000 / 60);
-  }, [roomDuration]);
-  var transI18n = (0, _i18n.useI18n)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "share-state-nav fcr-flex fcr-items-center \n                 fcr-justify-center share-action-nav__can-draggable \n                ".concat(currentPosition === _transferPositionIcon.TransferPosition.TOP ? 'share-state-nav-top' : 'share-state-nav-bottom'),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(DragIcon, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_transferPositionIcon.TransferPositionIcon, {
-      onTransferPositionButtonClick: onShareStateNavTransferPosition,
-      currentPosition: currentPosition
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "share-state-nav__state-text",
-      children: transI18n('fmt_settings_tips_sharing')
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-      trigger: "hover",
-      mouseEnterDelay: 0,
-      content: isMuteAudio ? transI18n('fmt_popup_label_muted') : transI18n('fmt_popup_label_turnedon'),
-      placement: "bottom",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_microphoneState.MicrophoneState, {
-          isMicrophoneMuted: isMuteAudio
-        })
-      })
-    }), cloudRecordingState !== _type2.FcrRecordingState.Stopped && cloudRecordingState !== _type2.FcrRecordingState.Paused && /*#__PURE__*/(0, _jsxRuntime.jsx)(RecordingOn, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "share-state-nav__meeting-elapsed-time",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: (0, _classnames["default"])(),
-        children: meetingTime
-      }), roomDuration > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-        trigger: "hover",
-        mouseEnterDelay: 0,
-        content: transI18n('fmt_popup_label_meetingduration', {
-          reason1: totalMins
-        }),
-        placement: "bottom",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-          children: ["(", totalHourText, totalMinuteText, ")"]
-        })
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "share-state-nav__stop-share fcr-flex fcr-items-center fcr-justify-center",
-      onClick: props.onStopShare,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-        type: _type.FcrIconType.FCR_RECORDING_STOP,
-        size: 20,
-        colors: {
-          iconPrimary: 'var(--fcr_ui_scene_white10)'
-        }
-      }), transI18n('fmt_screenshare_controlbar_button_stop')]
-    })]
-  });
-});
-var RecordingOn = /*#__PURE__*/(0, _react.memo)(function () {
-  var transI18n = (0, _i18n.useI18n)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-    content: transI18n('fmt_record_tips_Cloudrecording'),
-    placement: "bottom",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "fcr-control-bar-recoding-on",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-        width: 20,
-        height: 20,
-        viewBox: "0 0 48 48",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M36.3 24C36.3 30.7931 30.7931 36.3 24 36.3C17.2069 36.3 11.7 30.7931 11.7 24C11.7 17.2069 17.2069 11.7 24 11.7C30.7931 11.7 36.3 17.2069 36.3 24ZM39 24C39 32.2843 32.2843 39 24 39C15.7157 39 9 32.2843 9 24C9 15.7157 15.7157 9 24 9C32.2843 9 39 15.7157 39 24Z",
-          fill: "var(--fcr_ui_scene_black8)"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-          className: "fcr-control-bar-recoding-on-icon",
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M24 32C28.4183 32 32 28.4183 32 24C32 19.5817 28.4183 16 24 16C19.5817 16 16 19.5817 16 24C16 28.4183 19.5817 32 24 32Z",
-          fill: "var(--fcr_ui_scene_ramp_red6)"
-        })]
-      })
-    })
-  });
-});

package/lib/fragments/control-bar/stop-live-streaming/index.d.ts

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