fcr-ui-scene 3.4.1 → 3.4.3

package/lib/modules/interpreter/store.js

@@ -0,0 +1,584 @@
+"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-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/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.StoreContext = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.every.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.find.js");
+require("core-js/modules/es.array.find-index.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.array.sort.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.set.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.every.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.find.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/esnext.iterator.map.js");
+require("core-js/modules/esnext.set.add-all.js");
+require("core-js/modules/esnext.set.delete-all.js");
+require("core-js/modules/esnext.set.difference.v2.js");
+require("core-js/modules/esnext.set.difference.js");
+require("core-js/modules/esnext.set.every.js");
+require("core-js/modules/esnext.set.filter.js");
+require("core-js/modules/esnext.set.find.js");
+require("core-js/modules/esnext.set.intersection.v2.js");
+require("core-js/modules/esnext.set.intersection.js");
+require("core-js/modules/esnext.set.is-disjoint-from.v2.js");
+require("core-js/modules/esnext.set.is-disjoint-from.js");
+require("core-js/modules/esnext.set.is-subset-of.v2.js");
+require("core-js/modules/esnext.set.is-subset-of.js");
+require("core-js/modules/esnext.set.is-superset-of.v2.js");
+require("core-js/modules/esnext.set.is-superset-of.js");
+require("core-js/modules/esnext.set.join.js");
+require("core-js/modules/esnext.set.map.js");
+require("core-js/modules/esnext.set.reduce.js");
+require("core-js/modules/esnext.set.some.js");
+require("core-js/modules/esnext.set.symmetric-difference.v2.js");
+require("core-js/modules/esnext.set.symmetric-difference.js");
+require("core-js/modules/esnext.set.union.v2.js");
+require("core-js/modules/esnext.set.union.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 _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 _i18n = require("agora-ui-foundation/lib/i18n");
+var _type = require("fcr-core/lib/type");
+var _uuid = require("uuid");
+var _dialogContent = require("./dialog-content");
+var _constant = require("../../utilities/constant");
+var _type2 = require("agora-rte-sdk/lib/core/scene/type");
+var _logger = require("agora-foundation/lib/logger");
+var _react = require("react");
+var _useLanguageConfig = require("./interpreter-list/interpreter-item/components/pick-language/useLanguageConfig");
+var _type3 = require("./type");
+var _utils = require("./utils");
+var _type4 = require("../../type");
+var _excluded = ["randomKey"];
+var _InterpreterStore;
+var _initProto, _init_localInterpreterUsers, _init_interpreterUsersEditState, _init_initUsers, _init_currentDialogId, _openInterpreterStateDecs, _closeInterpreterStateDecs, _setInterpreterListEditStateDecs, _addInterpreterUsersDecs, _deleteInterpreterUsersDecs, _updateInterpreterUsersDecs, _queryInterpreterUsersDecs, _getInterpreterStateDecs, _openUpdateInterpreterStateToastDecs, _updateInterpreterUsersToastDecs, _interpreterUsersJoinToastDecs, _closeConfirmDialogDecs, _openInofDialogDecs, _getInitUsersDecs, _updateUsersDecs, _closeInterpreterDialogDecs, _handleUiEventsDecs, _ref;
+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; }
+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();
+var _B = /*#__PURE__*/new WeakMap();
+var _C = /*#__PURE__*/new WeakMap();
+var _D = /*#__PURE__*/new WeakMap();
+_ref = (_openInterpreterStateDecs = [_mobx.action, _mobx.action.bound], _closeInterpreterStateDecs = [_mobx.action, _mobx.action.bound], _setInterpreterListEditStateDecs = [_mobx.action, _mobx.action.bound], _addInterpreterUsersDecs = [_mobx.action, _mobx.action.bound], _deleteInterpreterUsersDecs = [_mobx.action, _mobx.action.bound], _updateInterpreterUsersDecs = [_mobx.action, _mobx.action.bound], _queryInterpreterUsersDecs = [_mobx.action, _mobx.action.bound], _getInterpreterStateDecs = [_mobx.action, _mobx.action.bound], _openUpdateInterpreterStateToastDecs = [_mobx.action, _mobx.action.bound], _updateInterpreterUsersToastDecs = [_mobx.action, _mobx.action.bound], _interpreterUsersJoinToastDecs = [_mobx.action, _mobx.action.bound], _closeConfirmDialogDecs = [_mobx.action, _mobx.action.bound], _openInofDialogDecs = [_mobx.action, _mobx.action.bound], _getInitUsersDecs = [_mobx.action, _mobx.action.bound], _updateUsersDecs = [_mobx.action, _mobx.action.bound], _closeInterpreterDialogDecs = [_mobx.action, _mobx.action.bound], _handleUiEventsDecs = [_mobx.action, _mobx.action.bound], "logger");
+var InterpreterStore = exports["default"] = /*#__PURE__*/function () {
+  function InterpreterStore(_ref2) {
+    var _this = this;
+    var mainRoomControl = _ref2.mainRoomControl,
+      eventProvider = _ref2.eventProvider,
+      interpreterProvider = _ref2.interpreterProvider,
+      sharedInterpreterDataSource = _ref2.sharedInterpreterDataSource;
+    (0, _classCallCheck2["default"])(this, InterpreterStore);
+    (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.getLogger)()));
+    (0, _defineProperty2["default"])(this, "_dialogInfo", {
+      interpreterListUpdated: {
+        title: (0, _i18n.transI18n)('fmt_interpretation_interpreter_popup_label_language_change_attention'),
+        content: (0, _i18n.transI18n)('fmt_interpretation_interpreter_popup_label_language_change_by_controller')
+      },
+      localBecomeInterpreter: {
+        title: (0, _i18n.transI18n)('fmt_interpretation_mobile_interpreter_popup_label_as_interpreter'),
+        content: (0, _i18n.transI18n)('fmt_interpretation_mobile_interpreter_popup_label_open_microphone')
+      },
+      localNotInterpreter: {
+        title: (0, _i18n.transI18n)('fmt_interpretation_mobile_interpreter_popup_label_permission_revoke'),
+        content: (0, _i18n.transI18n)('fmt_interpretation_mobile_interpreter_popup_label_status_cancel')
+      }
+    });
+    (0, _defineProperty2["default"])(this, "_confirmDialogs", new Set());
+    (0, _defineProperty2["default"])(this, "_interpreterProviderObserver", {
+      onLocalBecameInterpreter: function onLocalBecameInterpreter(supportedLanguages, outputLanguage) {
+        // 本地用户为翻译官进入房间
+        _this._interpreterUsersJoinToast(outputLanguage);
+      },
+      onLocalNotInterpreter: function onLocalNotInterpreter() {
+        //本地用户翻译官被取消
+        _this._openInofDialog(_this._dialogInfo.localNotInterpreter);
+      },
+      onLocalBecomeInterpreter: function onLocalBecomeInterpreter(supportedLanguages, outputLanguage) {
+        //本地用户被指定为翻译官
+        _this._openInofDialog(_this._dialogInfo.localBecomeInterpreter, supportedLanguages);
+      },
+      onLocalInterpreterUpdated: function onLocalInterpreterUpdated(supportedLanguages, outputLanguage) {
+        // 本地翻译官语言变更
+        _this._openInofDialog(_this._dialogInfo.interpreterListUpdated, supportedLanguages);
+      },
+      onInterpreterListUpdated: function onInterpreterListUpdated(interpreterList, operatorUser) {
+        // 查询同声传译列表
+        _this.queryInterpreterUsers();
+
+        // 关闭弹窗
+        _this.closeInterpreterDialog();
+
+        // 同声传译列表更新提醒
+        _this._updateInterpreterUsersToast(operatorUser);
+      },
+      onInterpretationEnabled: function onInterpretationEnabled(interpreterList, operatorUser) {
+        // 查询同声传译列表
+        _this.queryInterpreterUsers();
+
+        // 关闭弹窗
+        _this.closeInterpreterDialog();
+
+        // 同声传译开启提醒
+        _this._openUpdateInterpreterStateToast({
+          enable: true
+        }, operatorUser);
+      },
+      onInterpretationDisabled: function onInterpretationDisabled(operatorUser) {
+        // 查询同声传译列表
+        _this.queryInterpreterUsers();
+
+        // 关闭弹窗
+        _this.closeInterpreterDialog();
+
+        // 同声传译关闭提醒
+        _this._openUpdateInterpreterStateToast({
+          enable: false
+        }, operatorUser);
+
+        // 关闭消息提示框
+        _this._closeConfirmDialog();
+      }
+    });
+    (0, _defineProperty2["default"])(this, "_userControlObserver", {
+      //成员加入
+      onRemoteUsersJoined: function onRemoteUsersJoined(roomId, events) {
+        _this._updateUsers({
+          roomId: roomId,
+          events: events
+        }, _type3.UpdateType.JOIN);
+      },
+      //成员离开
+      onRemoteUsersLeft: function onRemoteUsersLeft(roomId, events) {
+        _this._updateUsers({
+          roomId: roomId,
+          events: events
+        }, _type3.UpdateType.LEFT);
+      },
+      onUserInfoUpdated: function onUserInfoUpdated(roomId, event) {
+        _this._updateUsers({
+          roomId: roomId,
+          events: [event]
+        });
+      }
+    });
+    (0, _defineProperty2["default"])(this, "_eventProviderObserver", {
+      onEvent: this._handleUiEvents
+    });
+    _classPrivateFieldInitSpec(this, _A, _init_localInterpreterUsers(this, []));
+    //  本地同声传译列表
+    _classPrivateFieldInitSpec(this, _B, _init_interpreterUsersEditState(this, false));
+    // 同声传译列表-编辑状态
+    _classPrivateFieldInitSpec(this, _C, _init_initUsers(this, []));
+    // 历史用户列表
+    _classPrivateFieldInitSpec(this, _D, _init_currentDialogId(this, null));
+    this._mainRoomControl = mainRoomControl;
+    this._userControl = this._mainRoomControl.getUserControl();
+    this._eventProvider = eventProvider;
+    this._interpreterProvider = interpreterProvider;
+    this._sharedInterpreterDataSource = sharedInterpreterDataSource;
+
+    // 初始化历史参会者列表
+    this._getInitUsers();
+    this._interpreterProvider.addObserver(this._interpreterProviderObserver);
+
+    //  监听参会者人员变化
+    this._userControl.addObserver(this._userControlObserver);
+    this._eventProvider.addObserver(this._eventProviderObserver);
+
+    // @ts-ignore
+    window._interpreterStore = this;
+  }
+  return (0, _createClass2["default"])(InterpreterStore, [{
+    key: "localInterpreterUsers",
+    get: function get() {
+      return _classPrivateFieldGet(_A, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_A, this, v);
+    }
+  }, {
+    key: "interpreterUsersEditState",
+    get: function get() {
+      return _classPrivateFieldGet(_B, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_B, this, v);
+    }
+  }, {
+    key: "initUsers",
+    get: function get() {
+      return _classPrivateFieldGet(_C, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_C, this, v);
+    }
+  }, {
+    key: "currentDialogId",
+    get: function get() {
+      return _classPrivateFieldGet(_D, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_D, this, v);
+    }
+  }, {
+    key: "interpreterOff",
+    get: function get() {
+      return this._sharedInterpreterDataSource.interpreterOff;
+    }
+  }, {
+    key: "hasEnableInterpreterPermission",
+    get: function get() {
+      return this._interpreterProvider.canEnableInterpretation();
+    }
+
+    // 同声传译列表-表单校验是否通过
+  }, {
+    key: "interpreterUsersCheckPass",
+    get: function get() {
+      var remainingKeys = ['userId', 'userName', 'sourceLanguage', 'targetLanguage'];
+      return this.localInterpreterUsers.every(function (obj) {
+        return remainingKeys.every(function (key) {
+          return obj[key] !== null && obj[key] !== undefined && obj[key] !== '';
+        });
+      });
+    }
+
+    // 同声传译列表-翻译官是否全部离线
+  }, {
+    key: "interpreterUsersAllOffLine",
+    get: function get() {
+      var _this2 = this;
+      return this.localInterpreterUsers.every(function (ele) {
+        var _this2$initUsers$find;
+        return (_this2$initUsers$find = _this2.initUsers.find(function (item) {
+          return item.userId === ele.userId;
+        })) === null || _this2$initUsers$find === void 0 ? void 0 : _this2$initUsers$find.isOffLine;
+      });
+    }
+
+    // 语言列表
+  }, {
+    key: "languageList",
+    get: function get() {
+      return this._interpreterProvider.getOutputLanguageOptionList();
+    }
+  }, {
+    key: "openInterpreterState",
+    value: function
+    // 开启同声传译
+    openInterpreterState() {
+      var interpreterUsers = this.localInterpreterUsers.map(function (ele) {
+        var randomKey = ele.randomKey,
+          res = (0, _objectWithoutProperties2["default"])(ele, _excluded);
+        return res;
+      });
+      this._interpreterProvider.setInterpreterUsers(interpreterUsers);
+    }
+  }, {
+    key: "closeInterpreterState",
+    value: function
+    // 关闭同声传译
+    closeInterpreterState() {
+      this._interpreterProvider.disableInterpretation();
+    }
+  }, {
+    key: "setInterpreterListEditState",
+    value: function
+    // 传译列表-设置编辑状态
+    setInterpreterListEditState() {
+      this.interpreterUsersEditState = !this.interpreterUsersEditState;
+    }
+  }, {
+    key: "addInterpreterUsers",
+    value: function
+    //传译列表-增加
+    addInterpreterUsers() {
+      this.localInterpreterUsers = [].concat((0, _toConsumableArray2["default"])(this.localInterpreterUsers), [(0, _utils.getInterpreterItem)()]);
+    }
+  }, {
+    key: "deleteInterpreterUsers",
+    value: function
+    //传译列表-删除
+    deleteInterpreterUsers(data) {
+      this.localInterpreterUsers = this.localInterpreterUsers.filter(function (ele) {
+        return ele.randomKey !== data.randomKey;
+      });
+    }
+  }, {
+    key: "updateInterpreterUsers",
+    value: function
+    //传译列表-更新
+    updateInterpreterUsers(data) {
+      var index = this.localInterpreterUsers.findIndex(function (ele) {
+        return ele.randomKey === data.randomKey;
+      });
+      var updateInterpreterListModel = (0, _toConsumableArray2["default"])(this.localInterpreterUsers);
+      if (index > -1) {
+        updateInterpreterListModel[index] = data;
+      } else {
+        updateInterpreterListModel.push(data);
+      }
+      this.localInterpreterUsers = updateInterpreterListModel;
+    }
+  }, {
+    key: "queryInterpreterUsers",
+    value: function
+    //传译列表-查询
+    queryInterpreterUsers() {
+      var _this$_interpreterPro;
+      var interpreterUsers = ((_this$_interpreterPro = this._interpreterProvider.getInterpreterList()) === null || _this$_interpreterPro === void 0 ? void 0 : _this$_interpreterPro.map(function (ele) {
+        return _objectSpread(_objectSpread({}, ele), {}, {
+          randomKey: (0, _uuid.v4)()
+        });
+      })) || [];
+      this.localInterpreterUsers = interpreterUsers.length > 0 ? interpreterUsers : [(0, _utils.getInterpreterItem)()];
+    }
+  }, {
+    key: "getInterpreterState",
+    value: function getInterpreterState() {
+      return this._interpreterProvider.getInterpretationState();
+    }
+  }, {
+    key: "_openUpdateInterpreterStateToast",
+    value: function _openUpdateInterpreterStateToast(state, operatorUser) {
+      var _this3 = this;
+      var isSelfOperation = operatorUser.userId === this._userControl.getLocalUser().userId;
+      if (!isSelfOperation) {
+        if (state.enable) {
+          this._eventProvider.showNotification({
+            type: _type4.FcrUINotificationContentType.INTERPRETER_STATUS,
+            placement: 'topLeft',
+            onClose: function onClose() {
+              _this3._eventProvider.sendEvent(_constant.FcrUIAction.COLSE_NOTIFICATION, _type4.FcrUINotificationContentType.INTERPRETER_STATUS);
+            },
+            data: {
+              operatorUser: operatorUser,
+              interpreterUserList: this._interpreterProvider.getInterpreterList()
+            }
+          });
+        } else {
+          this._eventProvider.showToast({
+            type: 'info',
+            message: operatorUser.userRole === _type.FcrUserRole.HOST ? (0, _i18n.transI18n)('fmt_interpretation_mainwindow_toast_label_interpret_offline_controller', {
+              reason1: operatorUser.userName
+            }) : (0, _i18n.transI18n)('fmt_interpretation_interpreter_popup_label_language_change_by_cocontroller', {
+              reason1: operatorUser.userName
+            })
+          });
+        }
+      }
+    }
+  }, {
+    key: "_updateInterpreterUsersToast",
+    value: function _updateInterpreterUsersToast(operatorUser) {
+      this._eventProvider.showToast({
+        type: 'info',
+        message: operatorUser.userRole === _type.FcrUserRole.HOST ? (0, _i18n.transI18n)('fmt_interpretation_mainwindow_toast_label_update_language', {
+          reason1: operatorUser.userName
+        }) : (0, _i18n.transI18n)('fmt_interpretation_mobile_toast_controller_toast_label_update_interpreter_by_cocontroller', {
+          reason1: operatorUser.userName
+        })
+      });
+    }
+  }, {
+    key: "_interpreterUsersJoinToast",
+    value: function _interpreterUsersJoinToast(outputLanguage) {
+      this._eventProvider.showToast({
+        type: 'info',
+        message: (0, _i18n.transI18n)('fmt_interpretation_interpreter_toast_label_return_channel', {
+          reason1: outputLanguage ? _useLanguageConfig.baseLanguageConfig[outputLanguage].text : ''
+        })
+      });
+    }
+  }, {
+    key: "_closeConfirmDialog",
+    value: function _closeConfirmDialog() {
+      var _this4 = this;
+      this._confirmDialogs.forEach(function (dialogId) {
+        dialogId && _this4._eventProvider.closeConfirm(dialogId);
+        _this4._confirmDialogs["delete"](dialogId);
+      });
+    }
+
+    // infoDialog
+  }, {
+    key: "_openInofDialog",
+    value: function _openInofDialog(params, supportedLanguages) {
+      var _this5 = this;
+      var content = params.content,
+        title = params.title;
+      this._closeConfirmDialog();
+      var dialogId = this._eventProvider.openConfirmDialog({
+        title: title,
+        content: (0, _dialogContent.DialogContent)({
+          content: content,
+          supportedLanguages: supportedLanguages
+        }),
+        alignCenter: true,
+        onOk: function onOk() {
+          _this5._eventProvider.closeConfirm(dialogId);
+          _this5._confirmDialogs["delete"](dialogId);
+        },
+        closable: false,
+        showCancel: false,
+        okText: (0, _i18n.transI18n)('fmt_interpretation_interpreter_popup_button_i_know'),
+        width: 321,
+        height: 234
+      });
+      this._confirmDialogs.add(dialogId);
+    }
+
+    //  历史参会者列表------------------------------------
+  }, {
+    key: "_getInitUsers",
+    value: function _getInitUsers() {
+      var mainRoomUsers = this._userControl.getUserList();
+      if (mainRoomUsers) {
+        this.initUsers = mainRoomUsers.filter(function (user) {
+          return user.connectorType === _type2.AgoraRteRoomConnectorType.NONE;
+        }).map(function (ele) {
+          return _objectSpread(_objectSpread({}, ele), {}, {
+            isOffLine: false
+          });
+        });
+      }
+    }
+  }, {
+    key: "_updateUsers",
+    value: function _updateUsers(_ref3, type) {
+      var roomId = _ref3.roomId,
+        events = _ref3.events;
+      var initUsersCopy = (0, _toConsumableArray2["default"])(this.initUsers);
+      events.forEach(function (joinedEvent) {
+        var modifiedUser = joinedEvent.modifiedUser;
+        var index = initUsersCopy.findIndex(function (item) {
+          return item.userId === modifiedUser.userId;
+        });
+        if (index > -1) {
+          if (initUsersCopy[index]) {
+            if (type) {
+              initUsersCopy[index] = _objectSpread(_objectSpread(_objectSpread({}, initUsersCopy[index]), modifiedUser), {}, {
+                isOffLine: _type3.UpdateType.LEFT === type
+              });
+            } else {
+              initUsersCopy[index] = _objectSpread(_objectSpread({}, initUsersCopy[index]), modifiedUser);
+            }
+          }
+        } else if (modifiedUser.connectorType === _type2.AgoraRteRoomConnectorType.NONE) {
+          initUsersCopy.push(_objectSpread(_objectSpread({}, modifiedUser), {}, {
+            isOffLine: _type3.UpdateType.LEFT === type
+          }));
+        }
+      });
+      var collator = new Intl.Collator('zh');
+      var sortedUsers = initUsersCopy.sort(function (preUser, nextUser) {
+        if (preUser.userRole === nextUser.userRole) {
+          return collator.compare(preUser.userName, nextUser.userName);
+        } else {
+          return preUser.userRole - nextUser.userRole;
+        }
+      });
+      this.initUsers = sortedUsers;
+    }
+  }, {
+    key: "closeInterpreterDialog",
+    value: function
+    // 关闭弹窗
+    closeInterpreterDialog() {
+      if (this.currentDialogId) {
+        this._eventProvider.closeDialog(this.currentDialogId);
+        this.currentDialogId = null;
+        if (this.interpreterUsersEditState) {
+          this.setInterpreterListEditState();
+        }
+      }
+    }
+  }, {
+    key: "_handleUiEvents",
+    value: function _handleUiEvents(action, payload) {
+      if (action === _constant.FcrUIAction.OPEN_INTERPRETER_DIALOG) {
+        this.currentDialogId = this._eventProvider.openDialog(_constant.FcrUIDialogKey.INTERPRETER);
+      }
+    }
+  }, {
+    key: "release",
+    value: function release() {
+      this._interpreterProvider.removeObserver(this._interpreterProviderObserver);
+      this._userControl.removeObserver(this._userControlObserver);
+      this._eventProvider.removeObserver(this._eventProviderObserver);
+    }
+  }]);
+}(); // #endregion
+_InterpreterStore = InterpreterStore;
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_InterpreterStore, [[_mobx.observable, 1, "localInterpreterUsers"], [_mobx.observable, 1, "interpreterUsersEditState"], [_mobx.observable, 1, "initUsers"], [_mobx.observable, 1, "currentDialogId"], [_mobx.computed, 3, "hasEnableInterpreterPermission"], [_mobx.computed, 3, "interpreterUsersCheckPass"], [_mobx.computed, 3, "interpreterUsersAllOffLine"], [_mobx.computed, 3, "languageList"], [_openInterpreterStateDecs, 18, "openInterpreterState"], [_closeInterpreterStateDecs, 18, "closeInterpreterState"], [_setInterpreterListEditStateDecs, 18, "setInterpreterListEditState"], [_addInterpreterUsersDecs, 18, "addInterpreterUsers"], [_deleteInterpreterUsersDecs, 18, "deleteInterpreterUsers"], [_updateInterpreterUsersDecs, 18, "updateInterpreterUsers"], [_queryInterpreterUsersDecs, 18, "queryInterpreterUsers"], [_getInterpreterStateDecs, 18, "getInterpreterState"], [_openUpdateInterpreterStateToastDecs, 18, "_openUpdateInterpreterStateToast"], [_updateInterpreterUsersToastDecs, 18, "_updateInterpreterUsersToast"], [_interpreterUsersJoinToastDecs, 18, "_interpreterUsersJoinToast"], [_closeConfirmDialogDecs, 18, "_closeConfirmDialog"], [_openInofDialogDecs, 18, "_openInofDialog"], [_getInitUsersDecs, 18, "_getInitUsers"], [_updateUsersDecs, 18, "_updateUsers"], [_closeInterpreterDialogDecs, 18, "closeInterpreterDialog"], [_handleUiEventsDecs, 18, "_handleUiEvents"]], []).e, 5);
+_init_localInterpreterUsers = _applyDecs$e[0];
+_init_interpreterUsersEditState = _applyDecs$e[1];
+_init_initUsers = _applyDecs$e[2];
+_init_currentDialogId = _applyDecs$e[3];
+_initProto = _applyDecs$e[4];
+var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);

package/lib/modules/interpreter/type.d.ts

@@ -0,0 +1,24 @@
+import { FcrInterpreterRoomControl, FcrInterpreterUserInfo, FcrLanguage } from 'fcr-core/lib/room-control/interpreter-control/types';
+import { FcrMainRoomControl } from 'fcr-core/lib/room-control/type';
+import { FcrUIEventProvider } from '../../providers/event-provider';
+import { FcrUIInterpreterProvider } from '../../providers/interpreter-provider';
+import { FcrUISharedInterpreterDataSource } from '../../shared-data-source/interpreter';
+export declare enum UpdateType {
+    JOIN = "join",
+    LEFT = "left"
+}
+export interface InterpreterUserInfoItem extends Partial<FcrInterpreterUserInfo> {
+    randomKey: string;
+}
+export interface LanguageRoomType {
+    control: FcrInterpreterRoomControl;
+    status: UpdateType;
+    roomId: string;
+    language: FcrLanguage;
+}
+export interface InterpreterStoreProps {
+    mainRoomControl: FcrMainRoomControl;
+    eventProvider: FcrUIEventProvider;
+    interpreterProvider: FcrUIInterpreterProvider;
+    sharedInterpreterDataSource: FcrUISharedInterpreterDataSource;
+}

package/lib/modules/interpreter/type.js

@@ -0,0 +1,12 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UpdateType = void 0;
+var UpdateType = exports.UpdateType = /*#__PURE__*/function (UpdateType) {
+  UpdateType["JOIN"] = "join";
+  UpdateType["LEFT"] = "left";
+  return UpdateType;
+}({});

package/lib/modules/{Interpreter → interpreter}/utils.d.ts

@@ -1,12 +1,8 @@
-export declare const mergeArrays: <T>(arr1: Array<T>, arr2: Array<T>, key: keyof T) => any[];
+export declare const mergeArrays: <T>(arr1: Array<T>, arr2: Array<T>, key: keyof T) => T[];
 export declare const retryTask: (task: Function, _retryTask: {
     timerId: NodeJS.Timeout | null;
     isAllowRetry: boolean;
 }, delay?: number) => Promise<any>;
 export declare const getInterpreterItem: () => {
     randomKey: string;
-    userId: string;
-    sourceLanguage: import("fcr-core/lib/room-control/interpreter-control/types").FcrLanguage | null;
-    targetLanguage: import("fcr-core/lib/room-control/interpreter-control/types").FcrLanguage | null;
-    userName: string;
 };