fcr-ui-scene 3.7.8 → 3.8.0-alpha

package/lib/modules/subtitles-history/components/list.js

@@ -0,0 +1,182 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SubtitlesHistoryList = void 0;
+require("core-js/modules/web.timers.js");
+var _env = require("agora-foundation/lib/utilities/env");
+var _imports = require("agora-rte-sdk/lib/imports");
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _reactVirtualized = require("react-virtualized");
+var _listItem = require("./list-item");
+var _icon = require("agora-ui-foundation/lib/components/icon");
+var _type = require("agora-ui-foundation/lib/components/icon/type");
+var _iconAnimation = require("agora-ui-foundation/lib/components/icon-animation");
+var _type2 = require("agora-ui-foundation/lib/components/icon-animation/type");
+var _lodash = require("lodash");
+var _jsxRuntime = require("react/jsx-runtime");
+var genRequestAnimationFrame = function genRequestAnimationFrame(cb) {
+  return (0, _imports.isElectron)() && (0, _env.isWindows)() ? setTimeout(cb, 0) : requestAnimationFrame(cb);
+};
+var SubtitlesHistoryList = exports.SubtitlesHistoryList = (0, _mobxReact.observer)(function (props) {
+  var list = props.list,
+    isOpen = props.isOpen,
+    translateLanguage = props.translateLanguage,
+    isTwoLineTranscribingEnabled = props.isTwoLineTranscribingEnabled;
+  var rowCount = list.length;
+  var cache = (0, _react.useRef)(new _reactVirtualized.CellMeasurerCache({}));
+  var listRef = (0, _react.useRef)(null);
+  var listFirstId = (0, _react.useRef)('');
+  var listLastId = (0, _react.useRef)('');
+  var listSizeRef = (0, _react.useRef)({
+    width: 0,
+    height: 0
+  });
+  var lastRenderedStopIndexRef = (0, _react.useRef)(0);
+  var scrollParamsRef = (0, _react.useRef)({
+    scrollTop: 0,
+    scrollHeight: 0,
+    clientHeight: 0
+  });
+  var handleScroll = function handleScroll(params) {
+    var scrollTop = params.scrollTop,
+      scrollHeight = params.scrollHeight,
+      clientHeight = params.clientHeight;
+    scrollParamsRef.current = {
+      scrollTop: scrollTop,
+      scrollHeight: scrollHeight,
+      clientHeight: clientHeight
+    };
+  };
+  var handleRowsRendered = function handleRowsRendered(_ref) {
+    var stopIndex = _ref.stopIndex;
+    lastRenderedStopIndexRef.current = stopIndex;
+  };
+  var getIsScrollInBottom = function getIsScrollInBottom() {
+    var _scrollParamsRef$curr = scrollParamsRef.current,
+      scrollTop = _scrollParamsRef$curr.scrollTop,
+      scrollHeight = _scrollParamsRef$curr.scrollHeight,
+      clientHeight = _scrollParamsRef$curr.clientHeight;
+    if (clientHeight === 0) {
+      return true;
+    }
+    if (scrollHeight < clientHeight) {
+      return true;
+    }
+    return Math.abs(scrollHeight - scrollTop - clientHeight) < 3;
+  };
+  var scrollTargetIndex = function scrollTargetIndex(index) {
+    genRequestAnimationFrame(function () {
+      var _listRef$current;
+      (_listRef$current = listRef.current) === null || _listRef$current === void 0 || _listRef$current.scrollToRow(index);
+    });
+  };
+  var scrollToBottom = function scrollToBottom() {
+    scrollTargetIndex(rowCount - 1);
+  };
+  (0, _react.useEffect)(function () {
+    var lastItem = list[rowCount - 1];
+    if (!lastItem || !listRef.current) return;
+    var isScrollInBottom = getIsScrollInBottom();
+    if (listFirstId.current !== list[0].id) {
+      listFirstId.current = list[0].id;
+      cache.current.clearAll();
+      listRef.current.recomputeRowHeights();
+      if (!isScrollInBottom) {
+        scrollTargetIndex(lastRenderedStopIndexRef.current);
+      }
+    } else if (listLastId.current === lastItem.id) {
+      cache.current.clear(rowCount - 1, 0);
+      listRef.current.recomputeRowHeights(rowCount - 1);
+    }
+    if (isScrollInBottom) {
+      scrollToBottom();
+    }
+    listLastId.current = lastItem.id;
+  }, [list[rowCount - 1]]);
+  (0, _react.useEffect)(function () {
+    var _listRef$current2;
+    cache.current.clearAll();
+    (_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 || _listRef$current2.recomputeRowHeights();
+  }, [translateLanguage, isTwoLineTranscribingEnabled]);
+  var onResize = (0, _react.useCallback)((0, _lodash.debounce)(function (info) {
+    var _listRef$current3;
+    if (listSizeRef.current.width === info.width) {
+      return;
+    }
+    listSizeRef.current = info;
+    cache.current.clearAll();
+    (_listRef$current3 = listRef.current) === null || _listRef$current3 === void 0 || _listRef$current3.recomputeRowHeights();
+  }, 50), []);
+  var onResizeIndex = (0, _react.useCallback)(function (index) {
+    var _listRef$current4;
+    cache.current.clear(index, 0);
+    (_listRef$current4 = listRef.current) === null || _listRef$current4 === void 0 || _listRef$current4.recomputeRowHeights(index);
+  }, []);
+  var rowRenderer = function rowRenderer(_ref2) {
+    var index = _ref2.index,
+      key = _ref2.key,
+      style = _ref2.style,
+      parent = _ref2.parent;
+    var item = list[index];
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactVirtualized.CellMeasurer, {
+      cache: cache.current,
+      parent: parent,
+      columnIndex: 0,
+      rowIndex: index,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_listItem.SubtitlesHistoryListItem, {
+        rowIndex: index,
+        item: item,
+        style: style,
+        showTwoLine: isTwoLineTranscribingEnabled,
+        isTranslateLanguageOpened: translateLanguage !== null,
+        onResizeIndex: onResizeIndex,
+        isLast: index === rowCount - 1
+      })
+    }, item.id);
+  };
+  var noRowsRenderer = function noRowsRenderer() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "fcr-subtitles-history__waiting-input",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+        type: _type.FcrIconType.FCR_HOST,
+        size: 32,
+        colors: {
+          iconPrimary: 'var(--fcr_ui_scene_white10)'
+        },
+        style: {
+          backgroundColor: 'var(--fcr_ui_scene_ramp_purple4)',
+          borderRadius: 'var(--fcr_cornerradius_m)'
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconAnimation.FcrIconAnimation, {
+        type: _type2.FcrIconAnimationType.FCR_SUBTITLES_HISTORY_ANIMATION,
+        style: {
+          marginLeft: 10
+        }
+      })]
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactVirtualized.AutoSizer, {
+    onResize: onResize,
+    children: function children(_ref3) {
+      var height = _ref3.height,
+        width = _ref3.width;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactVirtualized.List, {
+        ref: listRef,
+        className: "fcr-subtitles-history__list",
+        height: height,
+        width: width,
+        rowCount: rowCount,
+        onRowsRendered: handleRowsRendered,
+        noRowsRenderer: noRowsRenderer,
+        onScroll: handleScroll,
+        rowRenderer: rowRenderer,
+        rowHeight: cache.current.rowHeight,
+        deferredMeasurementCache: cache.current
+      });
+    }
+  });
+});

package/lib/modules/subtitles-history/components/respond-dialog-content.d.ts

@@ -0,0 +1,5 @@
+export declare const RespondDialogContent: (props: {
+    name: string;
+    initialChecked?: boolean;
+    onChange: (checked: boolean) => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/subtitles-history/components/respond-dialog-content.js

@@ -0,0 +1,44 @@
+"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.RespondDialogContent = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.function.name.js");
+var _checkbox = require("agora-ui-foundation/lib/components/checkbox");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+var RespondDialogContent = exports.RespondDialogContent = function RespondDialogContent(props) {
+  var name = props.name,
+    _onChange = props.onChange,
+    _props$initialChecked = props.initialChecked,
+    initialChecked = _props$initialChecked === void 0 ? false : _props$initialChecked;
+  var t = (0, _i18n.useI18n)();
+  var _useState = (0, _react.useState)(initialChecked),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    checked = _useState2[0],
+    setChecked = _useState2[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      style: {
+        marginBottom: 20
+      },
+      children: t('fmt_ai_rtt_window_label_enable_request_content', {
+        reason1: name
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+        label: t('fmt_ai_rtt_window_option_decline_all_request'),
+        checked: checked,
+        onChange: function onChange() {
+          setChecked(!checked);
+          _onChange(!checked);
+        }
+      })
+    })]
+  });
+};

package/lib/modules/subtitles-history/components/settings/index.css

@@ -0,0 +1,5 @@
+.fcr-subtitles-history-settings__icon.frc-window-header__icon:hover svg,
+.fcr-subtitles-history-settings__icon.frc-window-header__icon:hover path {
+  stroke: var(--fcr_ui_scene_ramp_brand6);
+  fill: transparent;
+}

package/lib/modules/subtitles-history/components/settings/index.d.ts

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

package/lib/modules/subtitles-history/components/settings/index.js

@@ -0,0 +1,53 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.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/es.object.to-string.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.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.SubtitlesHistorySettings = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _type = require("agora-ui-foundation/lib/components/icon/type");
+var _popover = require("agora-ui-foundation/lib/components/popover");
+var _captionMenu = require("../../../components/caption-menu");
+var _iconButton = require("agora-ui-foundation/lib/components/icon-button");
+require("./index.css");
+var _store = require("../../store.base");
+var _react = require("react");
+var _mobxReact = require("mobx-react");
+var _translationSettingOptions = require("../../../components/caption-menu/translation-setting-options");
+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 SubtitlesHistorySettings = exports.SubtitlesHistorySettings = (0, _mobxReact.observer)(function () {
+  var _useContext = (0, _react.useContext)(_store.SubtitlesHistoryContext),
+    settingProps = _useContext.settingProps;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.FcrPopover, {
+    showArrow: false,
+    trigger: "click",
+    content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_captionMenu.CaptionMenu, _objectSpread({
+      menuType: _translationSettingOptions.FcrUICaptionMenuType.TRANSCRIBING
+    }, settingProps)),
+    placement: "bottomLeft",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconButton.FcrIconButton, {
+      className: "fcr-subtitles-history-settings__icon frc-window-header__icon fcr-no-drag ",
+      icon: _type.FcrIconType.FCR_SETTING2,
+      iconColors: {
+        iconPrimary: 'var(--fcr_ui_scene_icontext1)'
+      }
+    })
+  });
+});

package/lib/modules/subtitles-history/components/timer.d.ts

@@ -0,0 +1,3 @@
+export declare const Timer: (props: {
+    handleTimeOver: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/subtitles-history/components/timer.js

@@ -0,0 +1,44 @@
+"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.Timer = void 0;
+require("core-js/modules/web.timers.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+var Timer = exports.Timer = function Timer(props) {
+  var handleTimeOver = props.handleTimeOver;
+  var _useState = (0, _react.useState)(10),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    seconds = _useState2[0],
+    setSeconds = _useState2[1];
+  var timerId = (0, _react.useRef)(null);
+  var secondsRef = (0, _react.useRef)(seconds);
+  (0, _react.useEffect)(function () {
+    var _timer = function timer() {
+      timerId.current = window.setTimeout(function () {
+        if (secondsRef.current <= 0) {
+          timerId.current = null;
+          handleTimeOver();
+        } else {
+          secondsRef.current -= 1;
+          setSeconds(secondsRef.current);
+          _timer();
+        }
+      }, 1000);
+    };
+    _timer();
+    return function () {
+      if (timerId.current) {
+        clearTimeout(timerId.current);
+      }
+    };
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    children: seconds
+  });
+};

package/lib/modules/subtitles-history/components/title.d.ts

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

package/lib/modules/subtitles-history/components/title.js

@@ -0,0 +1,15 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Title = void 0;
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _jsxRuntime = require("react/jsx-runtime");
+var Title = exports.Title = function Title() {
+  var transI18n = (0, _i18n.useI18n)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    children: transI18n('fmt_ai_transcriptions_toolbar_button_realtime_transcription')
+  });
+};

package/lib/modules/subtitles-history/empty.d.ts

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

package/lib/modules/subtitles-history/empty.js

@@ -0,0 +1,22 @@
+"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"] = void 0;
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _fcr_defaultpage = _interopRequireDefault(require("../../../public/assets/fcr_defaultpage.png"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _default = exports["default"] = function _default() {
+  var t = (0, _i18n.useI18n)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "fcr-no-data-subtitles-history",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+      src: _fcr_defaultpage["default"]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: t('fmt_ai_summary_detail_label_no_content')
+    })]
+  });
+};

package/lib/modules/subtitles-history/index.css

@@ -0,0 +1,129 @@
+.fcr-subtitles-history__header {
+  display: flex;
+  align-items: center;
+  padding: 7px 12px;
+  font-size: 12px;
+  line-height: 16px;
+  color: var(--fcr_ui_scene_icontext1);
+  background-color: var(--fcr_web_ui_scene_fill4_popup);
+  border-radius: var(--fcr_cornerradius_s);
+}
+
+.fcr-no-data-subtitles-history {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-grow: 1;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+
+.fcr-no-data-subtitles-history img {
+  width: 138px;
+  height: 100;
+  object-fit: contain;
+  margin-bottom: 20px;
+}
+
+.fcr-no-data-subtitles-history span {
+  font-weight: 400;
+  font-size: 13px;
+  line-height: 14px;
+  font-family: PingFang HK;
+  color: var(--fcr_ui_scene_icontext2);
+}
+
+.fcr-subtitles-history-wrapper {
+  padding: 5px 15px 0 15px;
+  height: 100%;
+}
+
+.fcr-dialog-container .fcr-subtitles-history-wrapper-electron {
+  height: calc(100% - 46px);
+}
+
+.fcr-subtitles-history-container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.fcr-subtitles-history__content {
+  margin: 24px 0 12px 0;
+  flex-grow: 1;
+  overflow-y: auto;
+}
+
+.fcr-subtitles-history__waiting-input {
+  display: flex;
+  align-items: center;
+}
+
+.fcr-subtitles-history__list__item {
+  display: flex;
+  padding-bottom: 24px;
+}
+
+.fcr-subtitles-history__list__item__action {
+  margin: 0 auto;
+  width: 128px;
+  height: 30px;
+  color: var(--fcr_ui_scene_icontext1);
+  font-weight: 300;
+  font-size: 12px;
+  line-height: 30px;
+  text-align: center;
+  background: var(--fcr_chat_bg);
+  border-radius: var(--fcr_cornerradius_xxxxl);
+}
+
+.fcr-subtitles-history__list__item__head-icon {
+  margin-right: 12px;
+}
+
+.fcr-subtitles-history__list__item__info {
+  display: flex;
+  margin-bottom: 6px;
+  font-size: 12px;
+  line-height: 1;
+}
+.fcr-subtitles-history__list__item__info__name {
+  margin-right: 8px;
+  color: var(--fcr_ui_scene_icontext1);
+}
+.fcr-subtitles-history__list__item__info__time {
+  color: var(--fcr_ui_scene_icontext3);
+}
+
+.fcr-subtitles-history__list__item__text,
+.fcr-subtitles-history__list__item__text--translation {
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 1.3;
+  color: var(--fcr_ui_scene_icontext1);
+}
+
+.fcr-subtitles-history__list__item__text--translation {
+  margin-top: 6px;
+  color: var(--fcr_ui_scene_icontext2);
+}
+
+.fcr-subtitles-history__footer {
+  display: flex;
+  justify-content: space-between;
+  padding: 10px 0;
+}
+
+.fcr-subtitles-history__footer__btn {
+  width: 100%;
+}
+
+.fcr-ui-subtitles-history-request-dialog .fcr-confirm-content-title {
+  text-align: center;
+}
+
+.fcr-ui-subtitles-history-request-dialog .fcr-button {
+  width: 50%;
+  flex-shrink: 1;
+}

package/lib/modules/subtitles-history/index.d.ts

@@ -0,0 +1,13 @@
+import { UIModule } from '../../base';
+import './index.css';
+import SubtitlesHistoryStoryBase from './store.base';
+export declare class SubtitlesHistoryUIModule extends UIModule {
+    private _store;
+    get store(): SubtitlesHistoryStoryBase;
+    onNodeWillActive(): void;
+    onNodeWillInactive(): void;
+    getComponent(): import("react/jsx-runtime").JSX.Element;
+    getHeaderComponent(): import("react/jsx-runtime").JSX.Element;
+    getActionsComponent(): import("react/jsx-runtime").JSX.Element;
+    getSettingsComponent(): import("react/jsx-runtime").JSX.Element;
+}

package/lib/modules/{event-confirm → subtitles-history}/index.js

@@ -15,40 +15,56 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.EventConfirmUIModule = void 0;
+exports.SubtitlesHistoryUIModule = void 0;
+require("core-js/modules/es.error.cause.js");
+require("core-js/modules/es.error.to-string.js");
+require("core-js/modules/es.array.concat.js");
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _env = require("agora-foundation/lib/utilities/env");
 var _base = require("../../base");
-var _store = require("../components/leave-meeting/store");
-var _store2 = _interopRequireWildcard(require("./store"));
+var _actions = require("./components/actions");
+var _settings = require("./components/settings");
+var _title = require("./components/title");
+require("./index.css");
+var _store = _interopRequireWildcard(require("./store.base"));
+var _store2 = _interopRequireDefault(require("./store.electron"));
 var _view = require("./view");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var EventConfirmUIModule = exports.EventConfirmUIModule = /*#__PURE__*/function (_UIModule) {
-  function EventConfirmUIModule() {
-    (0, _classCallCheck2["default"])(this, EventConfirmUIModule);
-    return _callSuper(this, EventConfirmUIModule, arguments);
+var SubtitlesHistoryUIModule = exports.SubtitlesHistoryUIModule = /*#__PURE__*/function (_UIModule) {
+  function SubtitlesHistoryUIModule() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, SubtitlesHistoryUIModule);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, SubtitlesHistoryUIModule, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "_store", null);
+    return _this;
   }
-  (0, _inherits2["default"])(EventConfirmUIModule, _UIModule);
-  return (0, _createClass2["default"])(EventConfirmUIModule, [{
+  (0, _inherits2["default"])(SubtitlesHistoryUIModule, _UIModule);
+  return (0, _createClass2["default"])(SubtitlesHistoryUIModule, [{
+    key: "store",
+    get: function get() {
+      if (!this._store) {
+        throw new Error('SubtitlesHistory store is not initialized');
+      }
+      return this._store;
+    }
+  }, {
     key: "onNodeWillActive",
     value: function onNodeWillActive() {
-      if (this.eventProvider && this.dialogProvider && this.sharedScreenShareSharedDataSource && this.sharedConfirmDataSource) {
-        var _this$currentRoomCont;
-        this._store = new _store2["default"]({
-          uiEventStore: this.eventProvider,
-          dialogProvider: this.dialogProvider,
-          sharedScreenShareSharedDataSource: this.sharedScreenShareSharedDataSource,
-          screenShareProvider: this.screenShareProvider,
-          sharedConfirmDataSource: this.sharedConfirmDataSource
-        });
-        this._leaveMeetingStore = new _store.LeaveMeetingStore(this.privilegeProvider, this.roomProvider, (_this$currentRoomCont = this.currentRoomControlProvider) === null || _this$currentRoomCont === void 0 ? void 0 : _this$currentRoomCont.currentRoomControl, this.sharedMemberDataSource, this.abilityProvider, this.dialogProvider);
-      }
+      var args = {
+        objectManager: this.objectManager
+      };
+      this._store = (0, _env.isElectron)() ? new _store2["default"](args) : new _store["default"](args);
     }
   }, {
     key: "onNodeWillInactive",
@@ -58,19 +74,34 @@ var EventConfirmUIModule = exports.EventConfirmUIModule = /*#__PURE__*/function
     }
   }, {
     key: "getComponent",
-    value: function getComponent(scene) {
-      var _this$_store2;
-      (_this$_store2 = this._store) === null || _this$_store2 === void 0 || _this$_store2.log("[EventConfirmUIModule]: [getComponent], scene: ".concat(scene));
-      if (!this._store) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
-      }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store2.StoreContext.Provider, {
-        value: this._store,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.LeaveMeetingStoreContext.Provider, {
-          value: this._leaveMeetingStore,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.View, {})
+    value: function getComponent() {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.SubtitlesHistoryContext.Provider, {
+        value: this.store,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.SubtitlesHistory, {})
+      });
+    }
+  }, {
+    key: "getHeaderComponent",
+    value: function getHeaderComponent() {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_title.Title, {});
+    }
+  }, {
+    key: "getActionsComponent",
+    value: function getActionsComponent() {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.SubtitlesHistoryContext.Provider, {
+        value: this.store,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_actions.Actions, {
+          settingSlot: /*#__PURE__*/(0, _jsxRuntime.jsx)(_settings.SubtitlesHistorySettings, {})
         })
       });
     }
+  }, {
+    key: "getSettingsComponent",
+    value: function getSettingsComponent() {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.SubtitlesHistoryContext.Provider, {
+        value: this.store,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_settings.SubtitlesHistorySettings, {})
+      });
+    }
   }]);
 }(_base.UIModule);