fcr-ui-scene 3.7.9-alpha → 3.8.0-alpha

package/lib/modules/subtitles-history/store.base.js

@@ -0,0 +1,786 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/es.symbol.to-primitive.js");
+require("core-js/modules/es.error.cause.js");
+require("core-js/modules/es.error.to-string.js");
+require("core-js/modules/es.array.is-array.js");
+require("core-js/modules/es.date.to-primitive.js");
+require("core-js/modules/es.function.bind.js");
+require("core-js/modules/es.function.name.js");
+require("core-js/modules/es.map.js");
+require("core-js/modules/es.number.constructor.js");
+require("core-js/modules/es.object.create.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/esnext.function.metadata.js");
+require("core-js/modules/esnext.map.delete-all.js");
+require("core-js/modules/esnext.map.emplace.js");
+require("core-js/modules/esnext.map.every.js");
+require("core-js/modules/esnext.map.filter.js");
+require("core-js/modules/esnext.map.find.js");
+require("core-js/modules/esnext.map.find-key.js");
+require("core-js/modules/esnext.map.includes.js");
+require("core-js/modules/esnext.map.key-of.js");
+require("core-js/modules/esnext.map.map-keys.js");
+require("core-js/modules/esnext.map.map-values.js");
+require("core-js/modules/esnext.map.merge.js");
+require("core-js/modules/esnext.map.reduce.js");
+require("core-js/modules/esnext.map.some.js");
+require("core-js/modules/esnext.map.update.js");
+require("core-js/modules/esnext.symbol.metadata.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.SubtitlesHistoryContext = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.date.now.js");
+require("core-js/modules/es.date.to-json.js");
+require("core-js/modules/es.json.stringify.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/esnext.weak-map.delete-all.js");
+require("core-js/modules/esnext.weak-map.emplace.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+var _logger = require("../../utilities/logger");
+var _react = require("react");
+var _decorator = require("agora-foundation/lib/decorator");
+var _objectManager = require("../../object-manager");
+var _constant = require("../../utilities/constant");
+var _type = require("../../providers/stt-provider/type");
+var _type2 = require("../participant/type");
+var _type3 = require("fcr-core/lib/type");
+var _timer = require("./components/timer");
+var _type4 = require("../../type");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _respondDialogContent = require("./components/respond-dialog-content");
+var _jsxRuntime = require("react/jsx-runtime");
+var _SubtitlesHistoryStoreBase;
+var _initProto, _init_isLoading, _toggleOpenDecs, _ref;
+function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
+function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
+function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
+function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
+function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
+function _applyDecs(e, t, r, n, o, a) { function i(e, t, r) { return function (n, o) { return r && r(n), e[t].call(n, o); }; } function c(e, t) { for (var r = 0; r < e.length; r++) e[r].call(t); return t; } function s(e, t, r, n) { if ("function" != typeof e && (n || void 0 !== e)) throw new TypeError(t + " must " + (r || "be") + " a function" + (n ? "" : " or undefined")); return e; } function applyDec(e, t, r, n, o, a, c, u, l, f, p, d, h) { function m(e) { if (!h(e)) throw new TypeError("Attempted to access private element on non-instance"); } var y, v = t[0], g = t[3], b = !u; if (!b) { r || Array.isArray(v) || (v = [v]); var w = {}, S = [], A = 3 === o ? "get" : 4 === o || d ? "set" : "value"; f ? (p || d ? w = { get: _setFunctionName(function () { return g(this); }, n, "get"), set: function set(e) { t[4](this, e); } } : w[A] = g, p || _setFunctionName(w[A], n, 2 === o ? "" : A)) : p || (w = Object.getOwnPropertyDescriptor(e, n)); } for (var P = e, j = v.length - 1; j >= 0; j -= r ? 2 : 1) { var D = v[j], E = r ? v[j - 1] : void 0, I = {}, O = { kind: ["field", "accessor", "method", "getter", "setter", "class"][o], name: n, metadata: a, addInitializer: function (e, t) { if (e.v) throw Error("attempted to call addInitializer after decoration was finished"); s(t, "An initializer", "be", !0), c.push(t); }.bind(null, I) }; try { if (b) (y = s(D.call(E, P, O), "class decorators", "return")) && (P = y);else { var k, F; O["static"] = l, O["private"] = f, f ? 2 === o ? k = function k(e) { return m(e), w.value; } : (o < 4 && (k = i(w, "get", m)), 3 !== o && (F = i(w, "set", m))) : (k = function k(e) { return e[n]; }, (o < 2 || 4 === o) && (F = function F(e, t) { e[n] = t; })); var N = O.access = { has: f ? h.bind() : function (e) { return n in e; } }; if (k && (N.get = k), F && (N.set = F), P = D.call(E, d ? { get: w.get, set: w.set } : w[A], O), d) { if ("object" == _typeof(P) && P) (y = s(P.get, "accessor.get")) && (w.get = y), (y = s(P.set, "accessor.set")) && (w.set = y), (y = s(P.init, "accessor.init")) && S.push(y);else if (void 0 !== P) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0"); } else s(P, (p ? "field" : "method") + " decorators", "return") && (p ? S.push(P) : w[A] = P); } } finally { I.v = !0; } } return (p || d) && u.push(function (e, t) { for (var r = S.length - 1; r >= 0; r--) t = S[r].call(e, t); return t; }), p || b || (f ? d ? u.push(i(w, "get"), i(w, "set")) : u.push(2 === o ? w[A] : i.call.bind(w[A])) : Object.defineProperty(e, n, w)), P; } function u(e, t) { return Object.defineProperty(e, Symbol.metadata || Symbol["for"]("Symbol.metadata"), { configurable: !0, enumerable: !0, value: t }); } if (arguments.length >= 6) var l = a[Symbol.metadata || Symbol["for"]("Symbol.metadata")]; var f = Object.create(null == l ? null : l), p = function (e, t, r, n) { var o, a, i = [], s = function s(t) { return _checkInRHS(t) === e; }, u = new Map(); function l(e) { e && i.push(c.bind(null, e)); } for (var f = 0; f < t.length; f++) { var p = t[f]; if (Array.isArray(p)) { var d = p[1], h = p[2], m = p.length > 3, y = 16 & d, v = !!(8 & d), g = 0 == (d &= 7), b = h + "/" + v; if (!g && !m) { var w = u.get(b); if (!0 === w || 3 === w && 4 !== d || 4 === w && 3 !== d) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + h); u.set(b, !(d > 2) || d); } applyDec(v ? e : e.prototype, p, y, m ? "#" + h : _toPropertyKey(h), d, n, v ? a = a || [] : o = o || [], i, v, m, g, 1 === d, v && m ? s : r); } } return l(o), l(a), i; }(e, t, o, f); return r.length || u(e, f), { e: p, get c() { var t = []; return r.length && [u(applyDec(e, [r], n, e.name, 5, f, t), f), c.bind(null, t, e)]; } }; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _setFunctionName(e, t, n) { "symbol" == _typeof(t) && (t = (t = t.description) ? "[" + t + "]" : ""); try { Object.defineProperty(e, "name", { configurable: !0, value: n ? n + " " + t : t }); } catch (e) {} return e; }
+function _checkInRHS(e) { if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (null !== e ? _typeof(e) : "null")); return e; }
+var _A = /*#__PURE__*/new WeakMap();
+_ref = (_toggleOpenDecs = [void 0, _mobx.action, _mobx.action, _mobx.action.bound], "logger");
+var SubtitlesHistoryStoreBase = exports["default"] = /*#__PURE__*/function () {
+  function SubtitlesHistoryStoreBase(args) {
+    var _this = this;
+    (0, _classCallCheck2["default"])(this, SubtitlesHistoryStoreBase);
+    (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.createLogger)({
+      prefix: 'SubtitlesHistoryStore'
+    })));
+    (0, _defineProperty2["default"])(this, "_disposer", []);
+    (0, _defineProperty2["default"])(this, "_roomSessionControlObserver", {
+      onRoomSessionReceived: this._onRoomSessionReceived
+    });
+    (0, _defineProperty2["default"])(this, "_dialogObserver", {
+      onDialogClose: this._handleDialogClose
+    });
+    (0, _defineProperty2["default"])(this, "_requestDialogId", null);
+    (0, _defineProperty2["default"])(this, "_respondDialogId", null);
+    /** 发起转写请求的用户 */
+    (0, _defineProperty2["default"])(this, "_requestTranscribingUser", null);
+    /** 自己发起转写请求时的 sessionId */
+    (0, _defineProperty2["default"])(this, "_selfRequestTranscribingSessionId", null);
+    /** 自己发起转写请求的时间 */
+    (0, _defineProperty2["default"])(this, "_requestTranscribingTimeBySelf", undefined);
+    /** 不在接收开启转写的请求 */
+    (0, _defineProperty2["default"])(this, "_notReceiveTranscribingRequest", false);
+    /** 关闭屏幕共享时, 是否需要转写视图从独立弹窗中移动到侧边栏显示 */
+    (0, _defineProperty2["default"])(this, "_hasMoveToAsideOnScreenShareStop", false);
+    _classPrivateFieldInitSpec(this, _A, _init_isLoading(this, false));
+    var objectManager = args.objectManager;
+    this._eventProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_EVENT_PROVIDER);
+    this._messageProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_MESSAGE_PROVIDER);
+    this._dialogProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_DIALOG_PROVIDER);
+    this._sharedSttSettingDataSource = objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_STT_SETTING_DATA_SOURCE);
+    this._sharedLayoutDataSource = objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_LAYOUT_DATA_SOURCE);
+    this._sttProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_STT_PROVIDER);
+    var roomProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_ROOM_PROVIDER);
+    this._roomSessionControl = roomProvider.currentRoomControl.getRoomSessionControl();
+    this._userControl = roomProvider.currentRoomControl.getUserControl();
+    this._privilegeProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_PRIVILEGE_PROVIDER);
+    this._applistProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_APPLIST_PROVIDER);
+    this._eventProvider.addObserver({
+      onEvent: this._onEvent
+    });
+    this._roomSessionControl.addObserver(this._roomSessionControlObserver);
+    this._dialogProvider.addObserver(this._dialogObserver);
+    this._disposer.push((0, _mobx.reaction)(function () {
+      return _this.isOpen;
+    }, function (isOpen) {
+      var user = _this._sttProvider.openOrStopTranscribingUser;
+      var isSelf = user ? user.isSelf : false;
+
+      // === 转写关闭时的处理 ===
+      if (!isOpen) {
+        _this._messageProvider.closeNotification(_type4.FcrUINotificationContentType.TRANSCRIBING);
+        _this._messageProvider.showToast({
+          type: isSelf ? 'normal' : 'info',
+          message: _this._getStopTranscribingTip(isSelf, _this.openOrStopTranscribingUserName)
+        });
+        return;
+      }
+
+      // === 转写开启时的处理 ===
+      // 转写开启时, 所有人都会显示一个转写开启的通知
+      _this._messageProvider.showNotification({
+        type: _type4.FcrUINotificationContentType.TRANSCRIBING,
+        onOk: function onOk() {
+          _this._openSubtitlesHistoryView();
+          _this._messageProvider.closeNotification(_type4.FcrUINotificationContentType.TRANSCRIBING);
+        },
+        data: {
+          message: _this._getStartTranscribingTip(isSelf, _this.openOrStopTranscribingUserName)
+        },
+        duration: 10,
+        showProgress: true,
+        placement: 'topLeft'
+      });
+      _this._requestTranscribingTimeBySelf = undefined;
+
+      // 当转写开启时, 如果自己发起过开启转写请求, 则清空该请求 sessionId
+      if (_this._selfRequestTranscribingSessionId) {
+        _this._roomSessionControl.stopRoomSession(_this._selfRequestTranscribingSessionId);
+        _this._selfRequestTranscribingSessionId = null;
+      }
+
+      // 当转写开启时, 如果自己有开启转写请求的对话框, 则关闭该对话框
+      if (_this._requestDialogId) {
+        _this._closeRequestDialog(_this._requestDialogId);
+      }
+
+      // 当转写开启时, 如果自己有响应转写请求的对话框, 则关闭该对话框
+      if (_this._respondDialogId) {
+        _this._closeRespondDialog(_this._respondDialogId);
+      }
+    }));
+  }
+  return (0, _createClass2["default"])(SubtitlesHistoryStoreBase, [{
+    key: "isLoading",
+    get: function get() {
+      return _classPrivateFieldGet(_A, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_A, this, v);
+    }
+  }, {
+    key: "isOpen",
+    get: function get() {
+      return this._sttProvider.transcribingState;
+    }
+  }, {
+    key: "list",
+    get: function get() {
+      return this._sttProvider.transcribingList;
+    }
+  }, {
+    key: "openOrStopTranscribingUserName",
+    get: function get() {
+      var user = this._sttProvider.openOrStopTranscribingUser;
+      if (user === null) {
+        return '';
+      }
+      if (_type3.FcrUserRole.HOST === user.userRole) {
+        return "".concat((0, _i18n.transI18n)('fmt_role_host'), " (").concat(user.userName, ") ");
+      }
+      if (_type3.FcrUserRole.COHOST === user.userRole) {
+        return "".concat((0, _i18n.transI18n)('fmt_role_cohost'), " (").concat(user.userName, ") ");
+      }
+      return "\u201C".concat(user.userName, "\u201D");
+    }
+  }, {
+    key: "hasStopTranscribePermission",
+    get: function get() {
+      return this._privilegeProvider.hasStopTranscribePermission();
+    }
+  }, {
+    key: "settingProps",
+    get: function get() {
+      return this._sharedSttSettingDataSource.captionMenuProps;
+    }
+  }, {
+    key: "isLocalUserScreenSharing",
+    get: function get() {
+      // browser 不需要处理屏幕共享相关逻辑, 直接返回 false
+      return false;
+    }
+  }, {
+    key: "translateLanguage",
+    get: function get() {
+      // 源语言和翻译语言相同, 则视为没有开启翻译
+      if (this._sttProvider.sourceLanguage === this._sttProvider.translateLanguage) {
+        return null;
+      }
+      return this._sttProvider.translateLanguage;
+    }
+  }, {
+    key: "isTwoLineTranscribingEnabled",
+    get: function get() {
+      return this._sharedSttSettingDataSource.isTwoLineTranscribingEnabled;
+    }
+  }, {
+    key: "release",
+    value: function release() {
+      this._eventProvider.removeObserver({
+        onEvent: this._onEvent
+      });
+      this._roomSessionControl.removeObserver(this._roomSessionControlObserver);
+      this._dialogProvider.removeObserver(this._dialogObserver);
+      this._disposer.forEach(function (disposer) {
+        return disposer();
+      });
+      this._disposer = [];
+      this._setIsLoading(false);
+      this._requestDialogId = null;
+      this._respondDialogId = null;
+      this._requestTranscribingUser = null;
+      this._notReceiveTranscribingRequest = false;
+      this._hasMoveToAsideOnScreenShareStop = false;
+      this._requestTranscribingTimeBySelf = undefined;
+      this._selfRequestTranscribingSessionId = null;
+
+      // 重置转写视图位置到侧边栏并隐藏
+      this._sharedLayoutDataSource.setAsideLayout({
+        subtitlesHistory: false
+      });
+      this._sharedLayoutDataSource.setSubtitlesHistoryRenderAt('aside');
+    }
+  }, {
+    key: "toggleOpen",
+    value: function () {
+      var _toggleOpen = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+        return _regenerator["default"].wrap(function (_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              this._setIsLoading(true);
+              if (!this.isOpen) {
+                _context.next = 2;
+                break;
+              }
+              _context.next = 1;
+              return this._stop();
+            case 1:
+              _context.next = 3;
+              break;
+            case 2:
+              _context.next = 3;
+              return this._start();
+            case 3:
+              this._setIsLoading(false);
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+      function toggleOpen() {
+        return _toggleOpen.apply(this, arguments);
+      }
+      return toggleOpen;
+    }()
+  }, {
+    key: "moveDialogToAside",
+    value: function moveDialogToAside() {
+      this._sharedLayoutDataSource.setSubtitlesHistoryRenderAt('aside');
+      this._dialogProvider.closeDialog(_constant.FcrUIDialogKey.SUBTITLES_HISTORY);
+    }
+  }, {
+    key: "moveAsideToDialog",
+    value: function moveAsideToDialog() {
+      this._sharedLayoutDataSource.setSubtitlesHistoryRenderAt('dialog');
+      this._dialogProvider.openDialog(_constant.FcrUIDialogKey.SUBTITLES_HISTORY);
+    }
+  }, {
+    key: "_setIsLoading",
+    value: function () {
+      var _setIsLoading2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(state) {
+        return _regenerator["default"].wrap(function (_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              this.isLoading = state;
+            case 1:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, this);
+      }));
+      function _setIsLoading(_x) {
+        return _setIsLoading2.apply(this, arguments);
+      }
+      return _setIsLoading;
+    }()
+  }, {
+    key: "_start",
+    value: function () {
+      var _start2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
+        var _t;
+        return _regenerator["default"].wrap(function (_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              if (this._privilegeProvider.hasStartTranscribePermission()) {
+                _context3.next = 1;
+                break;
+              }
+              this.logger.warn('start: no privilege to start transcribing');
+              this._showRequestDialog();
+              return _context3.abrupt("return");
+            case 1:
+              _context3.prev = 1;
+              _context3.next = 2;
+              return this._sttProvider.startTranscribing();
+            case 2:
+              _context3.next = 4;
+              break;
+            case 3:
+              _context3.prev = 3;
+              _t = _context3["catch"](1);
+              this.logger.error('start transcribing failed', _t);
+            case 4:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3, this, [[1, 3]]);
+      }));
+      function _start() {
+        return _start2.apply(this, arguments);
+      }
+      return _start;
+    }()
+  }, {
+    key: "_stop",
+    value: function () {
+      var _stop2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
+        var _t2;
+        return _regenerator["default"].wrap(function (_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              if (this._privilegeProvider.hasStopTranscribePermission()) {
+                _context4.next = 1;
+                break;
+              }
+              this.logger.warn('no privilege to stop transcribing');
+              return _context4.abrupt("return");
+            case 1:
+              _context4.prev = 1;
+              _context4.next = 2;
+              return this._sttProvider.stopTranscribing();
+            case 2:
+              _context4.next = 4;
+              break;
+            case 3:
+              _context4.prev = 3;
+              _t2 = _context4["catch"](1);
+              this.logger.error('stop transcribing failed', _t2);
+            case 4:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4, this, [[1, 3]]);
+      }));
+      function _stop() {
+        return _stop2.apply(this, arguments);
+      }
+      return _stop;
+    }()
+  }, {
+    key: "_closeRequestDialog",
+    value: function _closeRequestDialog(id) {
+      this._dialogProvider.closeConfirmDialog(id);
+      this._requestDialogId = null;
+    }
+
+    // 显示发起转写请求的对话框
+  }, {
+    key: "_showRequestDialog",
+    value: function _showRequestDialog() {
+      var _this2 = this;
+      var id = this._dialogProvider.openConfirmDialog({
+        key: "".concat(_type2.FcrUISessionKey.REQUEST_OPEN_TRANSCRIBING, "_request"),
+        title: (0, _i18n.transI18n)('fmt_ai_subtitles_window_label_request_enable_rtt'),
+        content: (0, _i18n.transI18n)('fmt_ai_subtitles_window_label_request_enable_rtt_content'),
+        okText: (0, _i18n.transI18n)('fmt_ai_subtitles_window_button_send'),
+        cancelText: (0, _i18n.transI18n)('fmt_ai_subtitles_window_button_cancel'),
+        closable: false,
+        className: 'fcr-ui-subtitles-history-request-dialog',
+        onOk: function () {
+          var _onOk = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5() {
+            var sessionId, _t3;
+            return _regenerator["default"].wrap(function (_context5) {
+              while (1) switch (_context5.prev = _context5.next) {
+                case 0:
+                  _this2._closeRequestDialog(id);
+                  _this2._messageProvider.showToast({
+                    type: 'normal',
+                    message: (0, _i18n.transI18n)('fmt_ai_subtitles_toast_rtt_request_sent')
+                  });
+                  _context5.prev = 1;
+                  _context5.next = 2;
+                  return _this2._sttProvider.requestOpenTranscribing();
+                case 2:
+                  sessionId = _context5.sent;
+                  _this2._selfRequestTranscribingSessionId = sessionId;
+                  _this2._requestTranscribingTimeBySelf = Date.now();
+                  _context5.next = 4;
+                  break;
+                case 3:
+                  _context5.prev = 3;
+                  _t3 = _context5["catch"](1);
+                  _this2.logger.error("_showRequestDialog-onOk: ".concat(JSON.stringify(_t3)));
+                case 4:
+                case "end":
+                  return _context5.stop();
+              }
+            }, _callee5, null, [[1, 3]]);
+          }));
+          function onOk() {
+            return _onOk.apply(this, arguments);
+          }
+          return onOk;
+        }(),
+        onCancel: function onCancel() {
+          _this2._closeRequestDialog(id);
+        }
+      });
+      this._requestDialogId = id;
+    }
+  }, {
+    key: "_closeRespondDialog",
+    value: function _closeRespondDialog(id) {
+      this._dialogProvider.closeConfirmDialog(id);
+      this._respondDialogId = null;
+      this._requestTranscribingUser = null;
+    }
+
+    // 显示响应开启转写请求的对话框
+  }, {
+    key: "_showRespondDialog",
+    value: function _showRespondDialog(session) {
+      var _this3 = this;
+      var userName = '';
+      if (this._requestTranscribingUser) {
+        userName = this._requestTranscribingUser.userName;
+      } else {
+        this.logger.error('_showRespondDialog: requestTranscribingUser is null');
+      }
+
+      // 默认不勾选 “ 不再接收实时转写请求 ”
+      var checked = false;
+      var rejectRequestAndCloseDialog = /*#__PURE__*/function () {
+        var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6(id) {
+          var _t4;
+          return _regenerator["default"].wrap(function (_context6) {
+            while (1) switch (_context6.prev = _context6.next) {
+              case 0:
+                _this3._closeRespondDialog(id);
+                _context6.prev = 1;
+                _context6.next = 2;
+                return _this3._sttProvider.rejectOpenTranscribing(session);
+              case 2:
+                _context6.next = 4;
+                break;
+              case 3:
+                _context6.prev = 3;
+                _t4 = _context6["catch"](1);
+                _this3.logger.error("_showRespondDialog-onCancel: ".concat(JSON.stringify(_t4)));
+              case 4:
+              case "end":
+                return _context6.stop();
+            }
+          }, _callee6, null, [[1, 3]]);
+        }));
+        return function rejectRequestAndCloseDialog(_x2) {
+          return _ref2.apply(this, arguments);
+        };
+      }();
+      var id = this._dialogProvider.openConfirmDialog({
+        key: "".concat(_type2.FcrUISessionKey.REQUEST_OPEN_TRANSCRIBING, "_respond"),
+        title: (0, _i18n.transI18n)('fmt_ai_rtt_window_label_enable_request'),
+        content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_respondDialogContent.RespondDialogContent, {
+          name: userName,
+          initialChecked: checked,
+          onChange: function onChange(value) {
+            checked = value;
+          }
+        }),
+        okText: (0, _i18n.transI18n)('fmt_ai_rtt_window_button_approve'),
+        cancelText: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            children: (0, _i18n.transI18n)('fmt_ai_rtt_window_button_reject')
+          }), ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)(_timer.Timer, {
+            handleTimeOver: function handleTimeOver() {
+              _this3._notReceiveTranscribingRequest = checked;
+              rejectRequestAndCloseDialog(id);
+            }
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            children: "s"
+          })]
+        }),
+        onOk: function () {
+          var _onOk2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee7() {
+            var _t5;
+            return _regenerator["default"].wrap(function (_context7) {
+              while (1) switch (_context7.prev = _context7.next) {
+                case 0:
+                  _this3._notReceiveTranscribingRequest = checked;
+                  _this3._closeRespondDialog(id);
+                  _context7.prev = 1;
+                  _this3._setIsLoading(true);
+                  _context7.next = 2;
+                  return _this3._sttProvider.acceptOpenTranscribing(session);
+                case 2:
+                  _context7.next = 4;
+                  break;
+                case 3:
+                  _context7.prev = 3;
+                  _t5 = _context7["catch"](1);
+                  _this3.logger.error("_showRespondDialog-onOk: ".concat(JSON.stringify(_t5)));
+                case 4:
+                  _context7.prev = 4;
+                  _this3._setIsLoading(false);
+                  return _context7.finish(4);
+                case 5:
+                case "end":
+                  return _context7.stop();
+              }
+            }, _callee7, null, [[1, 3, 4, 5]]);
+          }));
+          function onOk() {
+            return _onOk2.apply(this, arguments);
+          }
+          return onOk;
+        }(),
+        onCancel: function () {
+          var _onCancel = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee8() {
+            return _regenerator["default"].wrap(function (_context8) {
+              while (1) switch (_context8.prev = _context8.next) {
+                case 0:
+                  _this3._notReceiveTranscribingRequest = checked;
+                  rejectRequestAndCloseDialog(id);
+                case 1:
+                case "end":
+                  return _context8.stop();
+              }
+            }, _callee8);
+          }));
+          function onCancel() {
+            return _onCancel.apply(this, arguments);
+          }
+          return onCancel;
+        }(),
+        onClose: function onClose() {
+          _this3._notReceiveTranscribingRequest = checked;
+          _this3._closeRespondDialog(id);
+        }
+      });
+      this._respondDialogId = id;
+    }
+
+    /** 切换转写视图 */
+  }, {
+    key: "_toggleSubtitlesHistoryView",
+    value: function _toggleSubtitlesHistoryView(state) {
+      var visible = this._sharedLayoutDataSource.asideLayout.subtitlesHistory;
+      if (state === undefined) {
+        visible ? this._closeSubtitlesHistoryView() : this._openSubtitlesHistoryView();
+      } else if (state === true) {
+        this._openSubtitlesHistoryView();
+      } else if (state === false) {
+        this._closeSubtitlesHistoryView();
+      } else {
+        this.logger.error('invalid state to toggle subtitles history view:', state);
+      }
+    }
+
+    /** 打开转写视图 */
+  }, {
+    key: "_openSubtitlesHistoryView",
+    value: function _openSubtitlesHistoryView() {
+      if (!this._sttProvider.hasEverEnabledTranscribing && !this._privilegeProvider.hasStartTranscribePermission()) {
+        this.logger.warn('openSubtitlesHistoryView: no privilege to start transcribing');
+        this._showRequestDialog();
+        return;
+      }
+      if (!this._sttProvider.hasEverEnabledTranscribing && !this.isOpen) {
+        this.toggleOpen();
+      }
+      var renderAt = this._sharedLayoutDataSource.subtitlesHistoryRenderAt;
+      if (this.isLocalUserScreenSharing && renderAt === 'aside') {
+        renderAt = 'dialog';
+        this._hasMoveToAsideOnScreenShareStop = true;
+        this._sharedLayoutDataSource.setSubtitlesHistoryRenderAt('dialog');
+      }
+      if (renderAt === 'dialog') {
+        this._dialogProvider.openDialog(_constant.FcrUIDialogKey.SUBTITLES_HISTORY);
+      }
+      this._sharedLayoutDataSource.setAsideLayout({
+        subtitlesHistory: true
+      });
+    }
+
+    /** 关闭转写视图 */
+  }, {
+    key: "_closeSubtitlesHistoryView",
+    value: function _closeSubtitlesHistoryView() {
+      var visible = this._sharedLayoutDataSource.asideLayout.subtitlesHistory;
+      var renderAt = this._sharedLayoutDataSource.subtitlesHistoryRenderAt;
+      if (!visible) return;
+      if (renderAt === 'dialog') {
+        this._dialogProvider.closeDialog(_constant.FcrUIDialogKey.SUBTITLES_HISTORY);
+      }
+      this._sharedLayoutDataSource.setAsideLayout({
+        subtitlesHistory: false
+      });
+      if (this._hasMoveToAsideOnScreenShareStop) {
+        this._hasMoveToAsideOnScreenShareStop = false;
+        this._sharedLayoutDataSource.setSubtitlesHistoryRenderAt('aside');
+      }
+    }
+  }, {
+    key: "_onEvent",
+    value: function _onEvent(action, payload) {
+      switch (action) {
+        case _constant.FcrUIAction.TOGGLE_SUBTITLES_HISTORY_VIEW:
+          this._toggleSubtitlesHistoryView(payload);
+          break;
+        case _constant.FcrUIAction.STOP_SUBTITLES_HISTORY:
+          this._stop();
+          break;
+      }
+    }
+  }, {
+    key: "_onRoomSessionReceived",
+    value: function _onRoomSessionReceived(roomId, session) {
+      var localUser = this._userControl.getLocalUser();
+      var localUserId = localUser.userId;
+      var senderUser = this._userControl.getUser(session.senderId);
+      if (localUserId === session.senderId) {
+        return;
+      }
+      if (session.sessionKey === _type2.FcrUISessionKey.REQUEST_OPEN_TRANSCRIBING) {
+        if ([_type3.FcrUserRole.HOST].includes(localUser.userRole) === false) {
+          // 不是主持人, 无需响应请求
+          return;
+        }
+        if (this._notReceiveTranscribingRequest) {
+          this.logger.info('_onRoomSessionReceived: have set not to receive transcribing request, ignore this request');
+          return;
+        }
+        if (this._respondDialogId) {
+          // 多人一起提交申请时, 只处理第一个请求, 在处理期间忽略后续请求
+          this.logger.info('_onRoomSessionReceived: respond dialog is already opened, ignore this request');
+          return;
+        }
+        if (!this._privilegeProvider.hasStartTranscribePermission()) {
+          this.logger.error("no privilege to start transcribing, can not respond request, local user: ".concat(JSON.stringify(localUser)));
+          return;
+        }
+        if (this.isOpen) {
+          this.logger.error("already started transcribing, no need to respond request, senderId ".concat(session.senderId));
+          return;
+        }
+        if (!senderUser) {
+          this.logger.error("_onRoomSessionReceived: can not find sender user: ".concat(session.senderId));
+          senderUser = {
+            userId: session.senderId,
+            userName: session.senderId
+          };
+        }
+        this._requestTranscribingUser = senderUser;
+        this._showRespondDialog(session);
+      }
+      if (session.sessionKey === _type2.FcrUISessionKey.REJECT_OPEN_TRANSCRIBING) {
+        var isSelfRequest = this._requestTranscribingTimeBySelf && Date.now() - this._requestTranscribingTimeBySelf < _type.FcrUiSttConstants.REQUEST_OPEN_TRANSCRIBING_DURATION;
+        if (!(isSelfRequest || [_type3.FcrUserRole.HOST, _type3.FcrUserRole.COHOST].includes(localUser.userRole))) {
+          // 不是申请开启转写的用户，或者是主持人或联席主持人，无需处理该拒绝通知
+          return;
+        }
+        this._requestTranscribingTimeBySelf = undefined;
+        if (this._selfRequestTranscribingSessionId) {
+          this._roomSessionControl.stopRoomSession(this._selfRequestTranscribingSessionId);
+          this._selfRequestTranscribingSessionId = null;
+        }
+        var _senderUser = this._userControl.getUser(session.senderId);
+        if (!_senderUser) {
+          this.logger.error("_onRoomSessionReceived: can not find sender user: ".concat(session.senderId));
+          return;
+        }
+        if (this._respondDialogId) {
+          this._closeRespondDialog(this._respondDialogId);
+        }
+        this._messageProvider.showToast({
+          type: 'info',
+          message: (0, _i18n.transI18n)('fmt_ai_subtitles_toast_rtt_host_declined_request', {
+            reason1: _senderUser.userName
+          })
+        });
+      }
+    }
+  }, {
+    key: "_handleDialogClose",
+    value: function _handleDialogClose(dialogKey) {
+      // 直接点击点 dialog 的关闭按钮关闭时，更新显示状态为 false
+      if (dialogKey === _constant.FcrUIDialogKey.SUBTITLES_HISTORY && this._sharedLayoutDataSource.subtitlesHistoryRenderAt === 'dialog' && this._sharedLayoutDataSource.asideLayout.subtitlesHistory) {
+        this._sharedLayoutDataSource.setAsideLayout({
+          subtitlesHistory: false
+        });
+      }
+    }
+
+    /** 获取停止转写的提示文本 */
+  }, {
+    key: "_getStopTranscribingTip",
+    value: function _getStopTranscribingTip(isSelf, name) {
+      if (isSelf) {
+        return (0, _i18n.transI18n)('fmt_ai_subtitles_label_stopped_transcription_self');
+      } else {
+        return (0, _i18n.transI18n)('fmt_ai_subtitles_toast_stopped_transcription', {
+          reason1: name
+        });
+      }
+    }
+
+    /** 获取开始转写的提示文本 */
+  }, {
+    key: "_getStartTranscribingTip",
+    value: function _getStartTranscribingTip(isSelf, name) {
+      if (isSelf) {
+        return (0, _i18n.transI18n)('fmt_ai_subtitles_label_started_transcription_self');
+      } else {
+        return (0, _i18n.transI18n)('fmt_ai_subtitles_toast_started_transcription', {
+          reason1: name
+        });
+      }
+    }
+  }]);
+}();
+_SubtitlesHistoryStoreBase = SubtitlesHistoryStoreBase;
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_SubtitlesHistoryStoreBase, [[_mobx.observable, 1, "isLoading"], [_mobx.computed, 3, "isOpen"], [_mobx.computed, 3, "list"], [_mobx.computed, 3, "openOrStopTranscribingUserName"], [_mobx.computed, 3, "hasStopTranscribePermission"], [_mobx.computed, 3, "settingProps"], [_mobx.computed, 3, "isLocalUserScreenSharing"], [_mobx.computed, 3, "translateLanguage"], [_mobx.computed, 3, "isTwoLineTranscribingEnabled"], [_toggleOpenDecs, 18, "toggleOpen"], [_decorator.bound, 2, "moveDialogToAside"], [_decorator.bound, 2, "moveAsideToDialog"], [_mobx.action, 2, "_setIsLoading"], [_decorator.bound, 2, "_onEvent"], [_decorator.bound, 2, "_onRoomSessionReceived"], [_decorator.bound, 2, "_handleDialogClose"]], []).e, 2);
+_init_isLoading = _applyDecs$e[0];
+_initProto = _applyDecs$e[1];
+var SubtitlesHistoryContext = exports.SubtitlesHistoryContext = /*#__PURE__*/(0, _react.createContext)(null);