fcr-ui-scene 3.8.1 → 3.8.2

package/lib-es/modules/interpreter/store.js

@@ -0,0 +1,614 @@
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.symbol.description.js";
+import "core-js/modules/es.symbol.to-primitive.js";
+import "core-js/modules/es.error.cause.js";
+import "core-js/modules/es.error.to-string.js";
+import "core-js/modules/es.array.is-array.js";
+import "core-js/modules/es.date.to-primitive.js";
+import "core-js/modules/es.function.bind.js";
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.map.js";
+import "core-js/modules/es.number.constructor.js";
+import "core-js/modules/es.object.create.js";
+import "core-js/modules/es.object.define-properties.js";
+import "core-js/modules/es.object.define-property.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/esnext.function.metadata.js";
+import "core-js/modules/esnext.map.delete-all.js";
+import "core-js/modules/esnext.map.emplace.js";
+import "core-js/modules/esnext.map.every.js";
+import "core-js/modules/esnext.map.filter.js";
+import "core-js/modules/esnext.map.find.js";
+import "core-js/modules/esnext.map.find-key.js";
+import "core-js/modules/esnext.map.includes.js";
+import "core-js/modules/esnext.map.key-of.js";
+import "core-js/modules/esnext.map.map-keys.js";
+import "core-js/modules/esnext.map.map-values.js";
+import "core-js/modules/esnext.map.merge.js";
+import "core-js/modules/esnext.map.reduce.js";
+import "core-js/modules/esnext.map.some.js";
+import "core-js/modules/esnext.map.update.js";
+import "core-js/modules/esnext.symbol.metadata.js";
+import _typeof from "@babel/runtime/helpers/typeof";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["randomKey"];
+var _InterpreterStore;
+var _initProto, _init_localInterpreterUsers, _init_interpreterUsersEditState, _init_initUsers, _openInterpreterStateDecs, _closeInterpreterStateDecs, _setInterpreterListEditStateDecs, _addInterpreterUsersDecs, _deleteInterpreterUsersDecs, _updateInterpreterUsersDecs, _queryInterpreterUsersDecs, _getInterpreterStateDecs, _openUpdateInterpreterStateToastDecs, _updateInterpreterUsersToastDecs, _interpreterUsersJoinToastDecs, _closeConfirmDialogDecs, _openInofDialogDecs, _getInitUsersDecs, _updateUsersDecs, _closeInterpreterDialogDecs, _initInterpreterStatusDecs, _ref;
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+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) { _defineProperty(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; }
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.array.every.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.array.find.js";
+import "core-js/modules/es.array.find-index.js";
+import "core-js/modules/es.array.for-each.js";
+import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.array.push.js";
+import "core-js/modules/es.array.sort.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.set.js";
+import "core-js/modules/es.string.iterator.js";
+import "core-js/modules/es.weak-map.js";
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.every.js";
+import "core-js/modules/esnext.iterator.filter.js";
+import "core-js/modules/esnext.iterator.find.js";
+import "core-js/modules/esnext.iterator.for-each.js";
+import "core-js/modules/esnext.iterator.map.js";
+import "core-js/modules/esnext.set.add-all.js";
+import "core-js/modules/esnext.set.delete-all.js";
+import "core-js/modules/esnext.set.difference.v2.js";
+import "core-js/modules/esnext.set.difference.js";
+import "core-js/modules/esnext.set.every.js";
+import "core-js/modules/esnext.set.filter.js";
+import "core-js/modules/esnext.set.find.js";
+import "core-js/modules/esnext.set.intersection.v2.js";
+import "core-js/modules/esnext.set.intersection.js";
+import "core-js/modules/esnext.set.is-disjoint-from.v2.js";
+import "core-js/modules/esnext.set.is-disjoint-from.js";
+import "core-js/modules/esnext.set.is-subset-of.v2.js";
+import "core-js/modules/esnext.set.is-subset-of.js";
+import "core-js/modules/esnext.set.is-superset-of.v2.js";
+import "core-js/modules/esnext.set.is-superset-of.js";
+import "core-js/modules/esnext.set.join.js";
+import "core-js/modules/esnext.set.map.js";
+import "core-js/modules/esnext.set.reduce.js";
+import "core-js/modules/esnext.set.some.js";
+import "core-js/modules/esnext.set.symmetric-difference.v2.js";
+import "core-js/modules/esnext.set.symmetric-difference.js";
+import "core-js/modules/esnext.set.union.v2.js";
+import "core-js/modules/esnext.set.union.js";
+import "core-js/modules/esnext.weak-map.delete-all.js";
+import "core-js/modules/esnext.weak-map.emplace.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+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; }
+import { action, computed, observable } from 'mobx';
+import { transI18n } from 'agora-ui-foundation/lib/i18n';
+import { FcrUserRole } from 'fcr-core/lib/type';
+import { v4 } from 'uuid';
+import { DialogContent } from './dialog-content';
+import { FcrUIDialogKey } from '../../utilities/constant';
+import { FcrRoomConnectorType, FcrAudioSourceType } from 'fcr-core/lib/type';
+import { createContext } from 'react';
+import { baseLanguageConfig } from './interpreter-list/interpreter-item/components/pick-language/useLanguageConfig';
+import { UpdateType } from './type';
+import { getInterpreterItem } from './utils';
+import { FcrUINotificationContentType } from '../../type';
+import { FcrStreamPrivilegeOperation } from 'fcr-core';
+import { createLogger } from '../../utilities/logger';
+import { FcrUIObjectKeys } from '../../object-manager';
+var _A = /*#__PURE__*/new WeakMap();
+var _B = /*#__PURE__*/new WeakMap();
+var _C = /*#__PURE__*/new WeakMap();
+_ref = (_openInterpreterStateDecs = [action, action.bound], _closeInterpreterStateDecs = [action, action.bound], _setInterpreterListEditStateDecs = [action, action.bound], _addInterpreterUsersDecs = [action, action.bound], _deleteInterpreterUsersDecs = [action, action.bound], _updateInterpreterUsersDecs = [action, action.bound], _queryInterpreterUsersDecs = [action, action.bound], _getInterpreterStateDecs = [action, action.bound], _openUpdateInterpreterStateToastDecs = [action, action.bound], _updateInterpreterUsersToastDecs = [action, action.bound], _interpreterUsersJoinToastDecs = [action, action.bound], _closeConfirmDialogDecs = [action, action.bound], _openInofDialogDecs = [action, action.bound], _getInitUsersDecs = [action, action.bound], _updateUsersDecs = [action, action.bound], _closeInterpreterDialogDecs = [action, action.bound], _initInterpreterStatusDecs = [action, action.bound], "logger");
+var InterpreterStore = /*#__PURE__*/function () {
+  function InterpreterStore(_ref2) {
+    var _this = this;
+    var objectManager = _ref2.objectManager;
+    _classCallCheck(this, InterpreterStore);
+    _defineProperty(this, _ref, (_initProto(this), createLogger({
+      prefix: 'InterpreterStore'
+    })));
+    _defineProperty(this, "_confirmDialogs", new Set());
+    _defineProperty(this, "_interpreterProviderObserver", {
+      onLocalBecameInterpreter: function onLocalBecameInterpreter(supportedLanguages, outputLanguage) {
+        // 本地用户为翻译官进入房间
+        _this._interpreterUsersJoinToast(outputLanguage);
+        _this._updatePublishAudioPrivilegeOfStreams(false);
+      },
+      onLocalNotInterpreter: function onLocalNotInterpreter() {
+        //本地用户翻译官被取消
+        var localNotInterpreter = {
+          title: transI18n('fmt_interpretation_mobile_interpreter_popup_label_permission_revoke'),
+          content: transI18n('fmt_interpretation_mobile_interpreter_popup_label_status_cancel')
+        };
+        _this._openInofDialog(localNotInterpreter);
+        _this._updatePublishAudioPrivilegeOfStreams(true);
+      },
+      onLocalBecomeInterpreter: function onLocalBecomeInterpreter(supportedLanguages, outputLanguage) {
+        //本地用户被指定为翻译官
+        var localBecomeInterpreter = {
+          title: transI18n('fmt_interpretation_mobile_interpreter_popup_label_as_interpreter'),
+          content: transI18n('fmt_interpretation_mobile_interpreter_popup_label_open_microphone')
+        };
+        _this._openInofDialog(localBecomeInterpreter, supportedLanguages);
+        _this._updatePublishAudioPrivilegeOfStreams(false);
+      },
+      onLocalInterpreterUpdated: function onLocalInterpreterUpdated(supportedLanguages, outputLanguage) {
+        // 本地翻译官语言变更
+        var interpreterListUpdated = {
+          title: transI18n('fmt_interpretation_interpreter_popup_label_language_change_attention'),
+          content: transI18n('fmt_interpretation_interpreter_popup_label_language_change_by_controller')
+        };
+        _this._openInofDialog(interpreterListUpdated, supportedLanguages);
+      },
+      onInterpreterListUpdated: function onInterpreterListUpdated(interpreterList, operatorUser) {
+        // 查询同声传译列表
+        _this.queryInterpreterUsers();
+
+        // // 关闭弹窗
+        if (operatorUser.userId === _this._userControl.getLocalUser().userId) {
+          _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();
+        _this._updatePublishAudioPrivilegeOfStreams(true);
+      }
+    });
+    _defineProperty(this, "_userControlObserver", {
+      //成员加入
+      onRemoteUsersJoined: function onRemoteUsersJoined(roomId, events) {
+        _this._updateUsers({
+          userInfoList: events.map(function (ele) {
+            return ele.userInfo;
+          })
+        }, UpdateType.JOIN);
+      },
+      //成员离开
+      onRemoteUsersLeft: function onRemoteUsersLeft(roomId, events) {
+        _this._updateUsers({
+          userInfoList: events.map(function (ele) {
+            return ele.userInfo;
+          })
+        }, UpdateType.LEFT);
+      },
+      onUserInfoUpdated: function onUserInfoUpdated(roomId, event) {
+        _this._updateUsers({
+          userInfoList: [event.modifiedUser]
+        });
+      }
+    });
+    _classPrivateFieldInitSpec(this, _A, _init_localInterpreterUsers(this, []));
+    //  本地同声传译列表
+    _classPrivateFieldInitSpec(this, _B, _init_interpreterUsersEditState(this, false));
+    // 同声传译列表-编辑状态
+    _classPrivateFieldInitSpec(this, _C, _init_initUsers(this, []));
+    var mainRoomControlProvider = objectManager.getObject(FcrUIObjectKeys.P_MAIN_ROOM_CONTROL_PROVIDER);
+    var messageProvider = objectManager.getObject(FcrUIObjectKeys.P_MESSAGE_PROVIDER);
+    var interpreterProvider = objectManager.getObject(FcrUIObjectKeys.P_INTERPRETER_PROVIDER);
+    var sharedInterpreterDataSource = objectManager.getObject(FcrUIObjectKeys.S_SHARED_INTERPRETER_DATA_SOURCE);
+    var dialogProvider = objectManager.getObject(FcrUIObjectKeys.P_DIALOG_PROVIDER);
+    var devicePrivilegeProvider = objectManager.getObject(FcrUIObjectKeys.P_DEVICE_PRIVILEGE_PROVIDER);
+    this._mainRoomControl = mainRoomControlProvider.mainRoomControl;
+    this._userControl = this._mainRoomControl.getUserControl();
+    this._messageProvider = messageProvider;
+    this._dialogProvider = dialogProvider;
+    this._messageProvider = messageProvider;
+    this._interpreterProvider = interpreterProvider;
+    this._sharedInterpreterDataSource = sharedInterpreterDataSource;
+    this._devicePrivilegeProvider = devicePrivilegeProvider;
+
+    // 初始化历史参会者列表
+    this._getInitUsers();
+    this.queryInterpreterUsers();
+    this._interpreterProvider.addObserver(this._interpreterProviderObserver);
+
+    //  监听参会者人员变化
+    this._userControl.addObserver(this._userControlObserver);
+  }
+  return _createClass(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: "isInterpreterEnabled",
+    get: function get() {
+      return this._sharedInterpreterDataSource.isInterpreterEnabled;
+    }
+  }, {
+    key: "hasEnableInterpreterPermission",
+    get: function get() {
+      return this._interpreterProvider.canEnableInterpretation();
+    }
+
+    // 同声传译列表-表单校验是否通过
+  }, {
+    key: "isFormValidationPassed",
+    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: "isAllInterpreterUsersOffline",
+    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 interpreterUserList = this.localInterpreterUsers.map(function (ele) {
+        var randomKey = ele.randomKey,
+          res = _objectWithoutProperties(ele, _excluded);
+        return res;
+      });
+      this._interpreterProvider.setInterpreterUsers(interpreterUserList);
+    }
+  }, {
+    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(_toConsumableArray(this.localInterpreterUsers), [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 = _toConsumableArray(this.localInterpreterUsers);
+      if (index > -1) {
+        updateInterpreterListModel[index] = data;
+      } else {
+        updateInterpreterListModel.push(data);
+      }
+      this.localInterpreterUsers = updateInterpreterListModel;
+    }
+  }, {
+    key: "queryInterpreterUsers",
+    value: function
+    //传译列表-查询
+    queryInterpreterUsers() {
+      var _this$_interpreterPro;
+      var interpreterUserList = ((_this$_interpreterPro = this._interpreterProvider.getInterpreterList()) === null || _this$_interpreterPro === void 0 ? void 0 : _this$_interpreterPro.map(function (ele) {
+        return _objectSpread(_objectSpread({}, ele), {}, {
+          randomKey: v4()
+        });
+      })) || [];
+      this.localInterpreterUsers = interpreterUserList.length > 0 ? interpreterUserList : [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._messageProvider.showNotification({
+            type: FcrUINotificationContentType.INTERPRETER_STATUS,
+            placement: 'topLeft',
+            onClose: function onClose() {
+              _this3._messageProvider.closeNotification(FcrUINotificationContentType.INTERPRETER_STATUS);
+            },
+            data: {
+              operatorUser: operatorUser,
+              interpreterUserList: this._interpreterProvider.getInterpreterList()
+            }
+          });
+        } else {
+          this._messageProvider.showToast({
+            type: 'info',
+            message: operatorUser.userRole === FcrUserRole.HOST ? transI18n('fmt_interpretation_mainwindow_toast_label_interpret_offline_controller', {
+              reason1: operatorUser.userName
+            }) : transI18n('fmt_interpretation_interpreter_popup_label_language_change_by_cocontroller', {
+              reason1: operatorUser.userName
+            })
+          });
+        }
+      }
+    }
+  }, {
+    key: "_updateInterpreterUsersToast",
+    value: function _updateInterpreterUsersToast(operatorUser) {
+      this._messageProvider.showToast({
+        type: 'info',
+        message: operatorUser.userRole === FcrUserRole.HOST ? transI18n('fmt_interpretation_mainwindow_toast_label_update_language', {
+          reason1: operatorUser.userName
+        }) : transI18n('fmt_interpretation_mobile_toast_controller_toast_label_update_interpreter_by_cocontroller', {
+          reason1: operatorUser.userName
+        })
+      });
+    }
+  }, {
+    key: "_interpreterUsersJoinToast",
+    value: function _interpreterUsersJoinToast(outputLanguage) {
+      this._messageProvider.showToast({
+        type: 'info',
+        message: transI18n('fmt_interpretation_interpreter_toast_label_return_channel', {
+          reason1: outputLanguage ? baseLanguageConfig[outputLanguage].text : ''
+        })
+      });
+    }
+  }, {
+    key: "_closeConfirmDialog",
+    value: function _closeConfirmDialog() {
+      var _this4 = this;
+      this._confirmDialogs.forEach(function (dialogId) {
+        dialogId && _this4._dialogProvider.closeDialogById(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._dialogProvider.openConfirmDialog({
+        title: title,
+        content: DialogContent({
+          content: content,
+          supportedLanguages: supportedLanguages
+        }),
+        alignCenter: true,
+        onOk: function onOk() {
+          _this5._dialogProvider.closeConfirmDialog(dialogId);
+          _this5._confirmDialogs["delete"](dialogId);
+        },
+        closable: false,
+        showCancel: false,
+        okText: transI18n('fmt_interpretation_interpreter_popup_button_i_know'),
+        width: 321
+      });
+      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 === FcrRoomConnectorType.NONE;
+        }).map(function (ele) {
+          return _objectSpread(_objectSpread({}, ele), {}, {
+            isOffLine: false
+          });
+        });
+      }
+    }
+  }, {
+    key: "_updateUsers",
+    value: function _updateUsers(_ref3, type) {
+      var userInfoList = _ref3.userInfoList;
+      var initUsersCopy = _toConsumableArray(this.initUsers);
+      userInfoList.forEach(function (userInfo) {
+        var index = initUsersCopy.findIndex(function (item) {
+          return item.userId === userInfo.userId;
+        });
+        if (index > -1) {
+          if (initUsersCopy[index]) {
+            if (type) {
+              initUsersCopy[index] = _objectSpread(_objectSpread(_objectSpread({}, initUsersCopy[index]), userInfo), {}, {
+                isOffLine: UpdateType.LEFT === type
+              });
+            } else {
+              initUsersCopy[index] = _objectSpread(_objectSpread({}, initUsersCopy[index]), userInfo);
+            }
+          }
+        } else if (userInfo.connectorType === FcrRoomConnectorType.NONE) {
+          initUsersCopy.push(_objectSpread(_objectSpread({}, userInfo), {}, {
+            isOffLine: 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() {
+      this._dialogProvider.closeDialog(FcrUIDialogKey.INTERPRETER);
+      if (this.interpreterUsersEditState) {
+        this.setInterpreterListEditState();
+      }
+    }
+  }, {
+    key: "_updatePublishAudioPrivilegeOfStreams",
+    value: function () {
+      var _updatePublishAudioPrivilegeOfStreams2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(open) {
+        var mainStreamControl, localStreamList, micStreams, streamId, hasOpenMicrophonePrivilege, streamsConfig;
+        return _regeneratorRuntime.wrap(function (_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              mainStreamControl = this._mainRoomControl.getStreamControl();
+              localStreamList = mainStreamControl.getStreamsByUserId(this._userControl.getLocalUser().userId);
+              micStreams = localStreamList.filter(function (ele) {
+                return ele.audioSourceType === FcrAudioSourceType.MICROPHONE;
+              });
+              streamId = !!micStreams.length ? micStreams[0].streamId : null;
+              if (!streamId) {
+                _context.next = 2;
+                break;
+              }
+              _context.next = 1;
+              return this._devicePrivilegeProvider.hasOpenMicrophonePrivilege();
+            case 1:
+              hasOpenMicrophonePrivilege = _context.sent;
+              if (hasOpenMicrophonePrivilege) {
+                if (!open) {
+                  streamsConfig = _defineProperty({}, streamId, {
+                    audioPrivilege: open ? FcrStreamPrivilegeOperation.HAS_PRIVILEGE : FcrStreamPrivilegeOperation.NOPRIVILEGE,
+                    videoPrivilege: FcrStreamPrivilegeOperation.NOOPERATION
+                  });
+                  mainStreamControl.updatePublishPrivilegeOfStreams(streamsConfig);
+                }
+              }
+            case 2:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+      function _updatePublishAudioPrivilegeOfStreams(_x) {
+        return _updatePublishAudioPrivilegeOfStreams2.apply(this, arguments);
+      }
+      return _updatePublishAudioPrivilegeOfStreams;
+    }()
+  }, {
+    key: "initInterpreterStatus",
+    value: function initInterpreterStatus() {
+      this.queryInterpreterUsers();
+      if (this.interpreterUsersEditState) {
+        this.setInterpreterListEditState();
+      }
+    }
+  }, {
+    key: "release",
+    value: function release() {
+      this._interpreterProvider.removeObserver(this._interpreterProviderObserver);
+      this._userControl.removeObserver(this._userControlObserver);
+    }
+  }]);
+}(); // #endregion
+_InterpreterStore = InterpreterStore;
+var _applyDecs$e = _slicedToArray(_applyDecs(_InterpreterStore, [[observable, 1, "localInterpreterUsers"], [observable, 1, "interpreterUsersEditState"], [observable, 1, "initUsers"], [computed, 3, "hasEnableInterpreterPermission"], [computed, 3, "isFormValidationPassed"], [computed, 3, "isAllInterpreterUsersOffline"], [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"], [_initInterpreterStatusDecs, 18, "initInterpreterStatus"]], []).e, 4);
+_init_localInterpreterUsers = _applyDecs$e[0];
+_init_interpreterUsersEditState = _applyDecs$e[1];
+_init_initUsers = _applyDecs$e[2];
+_initProto = _applyDecs$e[3];
+export { InterpreterStore as default };
+export var StoreContext = /*#__PURE__*/createContext(null);

package/lib-es/modules/interpreter/tooltip-wrapper/index.js

@@ -0,0 +1,23 @@
+import { Fragment } from 'react';
+import { observer } from 'mobx-react';
+import { FcrToolTip } from 'agora-ui-foundation/lib/components/tooltip';
+import { useI18n } from 'agora-ui-foundation/lib/i18n';
+import { jsx as _jsx } from "react/jsx-runtime";
+var ToolTipWrapper = function ToolTipWrapper(props) {
+  var children = props.children,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled;
+  var transI18n = useI18n();
+  return disabled ? /*#__PURE__*/_jsx(FcrToolTip, {
+    mouseEnterDelay: 0,
+    trigger: "click",
+    placement: "top",
+    content: transI18n('fmt_interpretation_mobile_setting_controller_toast_label_complete_setting'),
+    children: /*#__PURE__*/_jsx("span", {
+      children: children
+    })
+  }) : /*#__PURE__*/_jsx(Fragment, {
+    children: children
+  });
+};
+export default observer(ToolTipWrapper);

package/lib-es/modules/interpreter/type.js

@@ -0,0 +1,5 @@
+export var UpdateType = /*#__PURE__*/function (UpdateType) {
+  UpdateType["JOIN"] = "join";
+  UpdateType["LEFT"] = "left";
+  return UpdateType;
+}({});