fcr-ui-scene 3.3.0 → 3.4.0

package/lib/modules/action-bar/switch-output-language-room/notification-bar/index.js

@@ -0,0 +1,99 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NotificationBar = void 0;
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.includes.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.map.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+require("./index.css");
+var _interpreter = _interopRequireDefault(require("./components/interpreter"));
+var _virtualImage = _interopRequireDefault(require("./components/virtual-image"));
+var _store = require("../../store");
+var _mobxReact = require("mobx-react");
+var _jsxRuntime = require("react/jsx-runtime");
+var NotificationBar = exports.NotificationBar = (0, _mobxReact.observer)(function () {
+  var _useContext = (0, _react.useContext)(_store.ActionBarContext),
+    openInterpreterDialog = _useContext.openInterpreterDialog,
+    users = _useContext.users,
+    interpreterUsers = _useContext.interpreterUsers,
+    interpreterUsersOffline = _useContext.interpreterUsersOffline,
+    folded = _useContext.folded;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    showNotification = _useState2[0],
+    setShowNotification = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    hidden = _useState4[0],
+    setHidden = _useState4[1];
+  var shareScreenBarRef = (0, _react.useRef)(null);
+  var _useState5 = (0, _react.useState)([]),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    interpreterOffline = _useState6[0],
+    setInterpreterOffline = _useState6[1];
+  var _useState7 = (0, _react.useState)([]),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    reEnterInterperter = _useState8[0],
+    setReEnterInterperter = _useState8[1];
+  (0, _react.useEffect)(function () {
+    var offline = (interpreterUsers === null || interpreterUsers === void 0 ? void 0 : interpreterUsers.filter(function (user) {
+      return !users.map(function (u) {
+        return u.userId;
+      }).includes(user.userId);
+    })) || [];
+    setInterpreterOffline(offline);
+    if (offline.length > 0) {
+      setShowNotification(true);
+    }
+  }, [users, interpreterUsers]);
+  (0, _react.useEffect)(function () {
+    var reEnter = (interpreterOffline === null || interpreterOffline === void 0 ? void 0 : interpreterOffline.filter(function (user) {
+      return users.map(function (u) {
+        return u.userId;
+      }).includes(user.userId);
+    })) || [];
+    setReEnterInterperter(reEnter);
+  }, [users]);
+  (0, _react.useEffect)(function () {
+    if (showNotification) {
+      setReEnterInterperter([]);
+    }
+  }, [showNotification]);
+  var show = showNotification && (reEnterInterperter.length > 0 || interpreterOffline.length > 0);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    ref: shareScreenBarRef,
+    className: (0, _classnames["default"])('notification-bar', {
+      'notification-bar-hidden': folded
+    }),
+    children: [show && /*#__PURE__*/(0, _jsxRuntime.jsx)(_interpreter["default"], {
+      offline: interpreterOffline,
+      reenter: reEnterInterperter,
+      onClose: function onClose() {
+        return setShowNotification(!showNotification);
+      },
+      onAssign: function onAssign() {
+        openInterpreterDialog();
+      }
+    }), (interpreterUsersOffline || show) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_virtualImage["default"], {
+      hidden: hidden,
+      onClick: function onClick() {
+        setShowNotification(!showNotification);
+        setHidden(showNotification);
+      }
+    })]
+  });
+});

package/lib/modules/action-bar/view.js

@@ -10,7 +10,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _itemPlacement = require("./item-placement");
-var _device = require("./device");
 var _actionBarCollapesItems = require("./action-bar-collapes-items");
 require("./index.css");
 var _leave = require("./leave");
@@ -19,8 +18,12 @@ var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
 var _smaller = require("./smaller");
 var _mobxReact = require("mobx-react");
-var _context = require("./context");
+var _store = require("./store");
 var _i18n = require("agora-ui-foundation/lib/i18n");
+var _switchInputLanguageRoom = require("./switch-input-language-room");
+var _notificationBar = require("./switch-output-language-room/notification-bar");
+var _deviceControl = _interopRequireDefault(require("../components/device-control"));
+var _useAppItemOptions = _interopRequireDefault(require("./apps/useAppItemOptions"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * @param toggleFold 用于点击折叠底部操作栏
@@ -47,7 +50,7 @@ var ToggleToolbarBtn = function ToggleToolbarBtn(_ref) {
           className: "fcr-action-bar--fold",
           type: _type.FcrIconType.FCR_DROPDOWN,
           colors: {
-            iconPrimary: '#4262ff99'
+            iconPrimary: 'var(--fcr_ui_scene_ramp_brand6)'
           }
         })
       })
@@ -59,12 +62,17 @@ var FcrActionBar = exports.FcrActionBar = (0, _mobxReact.observer)(function (pro
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     opened = _useState2[0],
     setOpenState = _useState2[1];
-  var _useContext = (0, _react.useContext)(_context.ActionBarContext),
+  var appItemOptions = (0, _useAppItemOptions["default"])();
+  var _useContext = (0, _react.useContext)(_store.ActionBarContext),
     folded = _useContext.folded,
     setShowArrow = _useContext.setShowArrow,
     showArrow = _useContext.showArrow,
     toggleFold = _useContext.toggleFold,
-    isMainRoom = _useContext.isMainRoom;
+    isMainRoom = _useContext.isMainRoom,
+    interpreterState = _useContext.interpreterState,
+    interpreter = _useContext.interpreter,
+    hasEnableInterpreterPermission = _useContext.hasEnableInterpreterPermission,
+    hasDisableInterpreterPermission = _useContext.hasDisableInterpreterPermission;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [!folded && showArrow ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ToggleToolbarBtn, {
       toggleFold: toggleFold,
@@ -78,17 +86,23 @@ var FcrActionBar = exports.FcrActionBar = (0, _mobxReact.observer)(function (pro
         'fcr-action-bar-fold-style': folded
       }),
       onMouseEnter: function onMouseEnter() {
-        setShowArrow(true);
+        isMainRoom && setShowArrow(true);
       },
-      children: folded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_smaller.SmallerActionbar, {}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: folded ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_smaller.SmallerActionbar, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "fcr-action-bar-small-end",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_leave.End, {
+            onPopoverChanged: function onPopoverChanged() {}
+          })
+        })]
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_itemPlacement.ActionBarItemPlacement, {
           placement: "left",
-          children: !opened && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_device.MicrophoneDevice, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_device.CameraDevice, {})]
-          })
+          children: !opened && /*#__PURE__*/(0, _jsxRuntime.jsx)(_deviceControl["default"], {})
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_itemPlacement.ActionBarItemPlacement, {
           placement: "mid",
           children: !opened && isMainRoom && /*#__PURE__*/(0, _jsxRuntime.jsx)(_actionBarCollapesItems.ActionBarCollapseItems, {
+            appItemOptions: appItemOptions,
             children: _actionBarCollapesItems.midActionOrderMap
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_itemPlacement.ActionBarItemPlacement, {
@@ -98,6 +112,6 @@ var FcrActionBar = exports.FcrActionBar = (0, _mobxReact.observer)(function (pro
           })
         })]
       })
-    })]
+    }), interpreter && interpreterState && /*#__PURE__*/(0, _jsxRuntime.jsx)(_switchInputLanguageRoom.SwitchInputLanguageRoom, {}), hasEnableInterpreterPermission && hasDisableInterpreterPermission && interpreterState && /*#__PURE__*/(0, _jsxRuntime.jsx)(_notificationBar.NotificationBar, {})]
   });
 });

package/lib/modules/audio-stream/index.d.ts

@@ -1,21 +1,44 @@
 import { UIModule } from '../../base';
-import { FcrStreamControl, FcrUserControl } from 'agora-edu-core';
+import { FcrStreamControl, FcrUserControl } from 'fcr-core';
 import { FcrDeviceStreamStore } from '../../common/device-stream-store';
+import { FcrRoomStore } from '../../common/room-store';
+import { FcrInterpreterControl } from 'fcr-core/lib/room-control/interpreter-control/types';
+import { FcrUIEventStore } from '../../common/event-store';
+import { FcrDeviceStore } from '../../common/device-store';
 export declare class AudioStreamUIModule extends UIModule {
     private _streamControl;
     private _userControl;
     private _deviceStreamStore;
-    constructor({ streamControl, userControl, deviceStreamStore, }: {
+    private _isPstn;
+    private _disposers;
+    private _streamObserver;
+    private _uiEventObserver;
+    private _roomObserver;
+    private _uiEventStore;
+    private _roomStore;
+    private _deviceStore;
+    private _streamObserverMap;
+    private get _localUser();
+    constructor({ streamControl, userControl, deviceStreamStore, roomStore, uiEventStore, deviceStore, }: {
         streamControl: FcrStreamControl;
         userControl: FcrUserControl;
         deviceStreamStore: FcrDeviceStreamStore;
+        roomStore: FcrRoomStore;
+        interpterControl: FcrInterpreterControl;
+        uiEventStore: FcrUIEventStore;
+        deviceStore: FcrDeviceStore;
     });
-    init(): void;
-    getComponent(): null;
     protected onUnload(): void;
-    private _handleStreamsAdded;
-    private _handleStreamsUpdated;
-    private _handleStreamsRemoved;
-    private _playRemoteAudio;
-    private _hasPstn;
+    private _turnOnMainRoomAudio;
+    private _turnOffMainRoomAudio;
+    getComponent(): null;
+    private _toggleMainRemoteAudio;
+    private _toggleInterperterRemoteAudio;
+    private _handleRemoteAudio;
+    private _handleStopAudio;
+    private _hasLocalPstnStream;
+    private _handleUiEvent;
+    private _handleJoinInterpretingRoomSuccess;
+    private _handleLeaveInterpretingRoom;
+    private _createStreamObserver;
 }

package/lib/modules/audio-stream/index.js

@@ -7,10 +7,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AudioStreamUIModule = void 0;
+require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.array.find.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.map.js");
 require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/esnext.async-iterator.find.js");
 require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.async-iterator.map.js");
@@ -18,7 +22,22 @@ require("core-js/modules/esnext.iterator.constructor.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.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/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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -26,100 +45,282 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _base = require("../../base");
-var _agoraEduCore = require("agora-edu-core");
+var _fcrCore = require("fcr-core");
+var _constant = require("../../utilities/constant");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var EventType = /*#__PURE__*/function (EventType) {
+  EventType["START"] = "start";
+  EventType["STOP"] = "stop";
+  return EventType;
+}(EventType || {});
 var AudioStreamUIModule = exports.AudioStreamUIModule = /*#__PURE__*/function (_UIModule) {
   function AudioStreamUIModule(_ref) {
     var _this;
-    var streamControl = _ref.streamControl,
+    var _streamControl = _ref.streamControl,
       userControl = _ref.userControl,
-      deviceStreamStore = _ref.deviceStreamStore;
+      deviceStreamStore = _ref.deviceStreamStore,
+      roomStore = _ref.roomStore,
+      uiEventStore = _ref.uiEventStore,
+      deviceStore = _ref.deviceStore;
     (0, _classCallCheck2["default"])(this, AudioStreamUIModule);
     _this = _callSuper(this, AudioStreamUIModule);
-    (0, _defineProperty2["default"])(_this, "_handleStreamsAdded", function (roomId, events) {
-      var streams = events.map(function (event) {
-        return event.modifiedStream;
-      });
-      _this._playRemoteAudio(streams);
+    (0, _defineProperty2["default"])(_this, "_isPstn", false);
+    (0, _defineProperty2["default"])(_this, "_disposers", []);
+    (0, _defineProperty2["default"])(_this, "_streamObserverMap", new Map());
+    (0, _defineProperty2["default"])(_this, "_turnOnMainRoomAudio", function () {
+      var streamControl = _this._streamControl;
+      var streamList = streamControl.getStreamList();
+      // 订阅主房间音频
+      _this._handleRemoteAudio(streamControl, streamList
+      //  'turnOnMainRoomAudio'
+      );
+      // 监听主房间音频
+      streamControl.addObserver(_this._streamObserver);
     });
-    (0, _defineProperty2["default"])(_this, "_handleStreamsUpdated", function (roomId, events) {
-      var streams = events.map(function (event) {
-        return event.modifiedStream;
-      });
-      _this._playRemoteAudio(streams);
+    (0, _defineProperty2["default"])(_this, "_turnOffMainRoomAudio", function () {
+      var streamControl = _this._streamControl;
+      var streamList = streamControl.getStreamList();
+      // 取消订阅主房间音频
+      _this._handleStopAudio(streamControl, streamList);
+      // 取消监听主房间音频
+      streamControl.removeObserver(_this._streamObserver);
     });
-    (0, _defineProperty2["default"])(_this, "_handleStreamsRemoved", function (roomId, events) {
-      events.forEach(function (event) {
-        if (event.modifiedStream.owner.userId === _this._userControl.getLocalUser().userId) {
-          return;
+    // 切换主房间音频
+    (0, _defineProperty2["default"])(_this, "_toggleMainRemoteAudio", function (event) {
+      // this._isMainRoomAudioOff = event !== EventType.START;
+      _this._deviceStore.setMainRoomAudioOff(event !== EventType.START);
+      if (_this._deviceStore.isAudioConnected) {
+        if (!_this._deviceStore.isMainRoomAudioOff) {
+          _this._turnOnMainRoomAudio();
+        } else {
+          _this._turnOffMainRoomAudio();
         }
-        _this.logger.info('stop play remote audio', event.modifiedStream.streamId);
-        _this._streamControl.stopPlayRemoteAudioStream(event.modifiedStream.streamId);
-      });
+      }
     });
-    (0, _defineProperty2["default"])(_this, "_playRemoteAudio", function (streams) {
-      var localStreams = _this._streamControl.getStreamsByUserId(_this._userControl.getLocalUser().userId);
-      if (_this._hasPstn(localStreams)) {
-        _this.logger.info('found local PSTN stream, close microphone');
-        // close microphone as audio input and output through mobile phone
-        _this._deviceStreamStore.enableMicrophoneWithStream(false);
-        _this.logger.info('found local PSTN stream, stop play all remote audio');
-        streams.forEach(function (stream) {
+    // 切换翻译官房间音频
+    (0, _defineProperty2["default"])(_this, "_toggleInterperterRemoteAudio", function (roomControl, event, key) {
+      var _ref2 = roomControl.getRoomInfo() || {},
+        roomId = _ref2.roomId;
+      var roomStreamControl = roomControl.getStreamControl();
+      if (roomId) {
+        if (event === EventType.START) {
+          _this.logger.info("".concat(roomId, "  addObserver ").concat(!_this._streamObserverMap.has(roomId) ? 'succeed' : 'fail', " "));
+          if (!_this._streamObserverMap.has(roomId)) {
+            var streamObserver = _this._createStreamObserver(roomStreamControl);
+            _this._streamObserverMap.set(roomId, streamObserver);
+            roomStreamControl.addObserver(streamObserver);
+          }
+          _this._handleRemoteAudio(roomStreamControl, roomStreamControl.getStreamList()
+          // `${key}_toggleInterperterRemoteAudio111`,
+          );
+        }
+        if (event === EventType.STOP) {
+          var _streamObserver = _this._streamObserverMap.get(roomId);
+          _this.logger.info("".concat(roomId, "  removeObserver ").concat(!!_streamObserver ? 'succeed' : 'fail', " "));
+          if (_streamObserver) {
+            roomStreamControl.removeObserver(_streamObserver);
+            _this._streamObserverMap["delete"](roomId);
+          }
+          _this._handleStopAudio(roomStreamControl, roomStreamControl.getStreamList());
+        }
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "_handleRemoteAudio", function (streamControl, streams
+    // key: string,
+    ) {
+      if (_this._isPstn) {
+        streamControl.getStreamList().forEach(function (stream) {
           // stop playing all remote audio streams
-          if (stream.owner.userId !== _this._userControl.getLocalUser().userId) {
+          if (stream.owner.userId !== _this._localUser.userId) {
             _this.logger.info('stop play remote audio', stream.streamId);
-            _this._streamControl.stopPlayRemoteAudioStream(stream.streamId);
+            _this.logger.info("interpreterLog- stop subscribe remote audio execution scenario  by this._isPstn=".concat(_this._isPstn, " "), stream.streamId
+            // key,
+            );
+            streamControl.stopPlayRemoteAudioStream(stream.streamId);
           }
         });
       } else {
         streams.forEach(function (stream) {
-          if (stream.owner.userId !== _this._userControl.getLocalUser().userId) {
-            if ((stream.streamType === _agoraEduCore.FcrStreamType.AUDIO || stream.streamType === _agoraEduCore.FcrStreamType.BOTH) && stream.audioSourceState === _agoraEduCore.FcrMediaSourceState.STARTED) {
+          if (stream.owner.userId !== _this._localUser.userId) {
+            var isAudioPublished = stream.streamType === _fcrCore.FcrStreamType.AUDIO || stream.streamType === _fcrCore.FcrStreamType.BOTH;
+            var isAudioDeviceStarted = stream.audioSourceState === _fcrCore.FcrMediaSourceState.OPEN;
+            if (isAudioPublished && isAudioDeviceStarted) {
               _this.logger.info('start play remote audio', stream.streamId);
-              _this._streamControl.startPlayRemoteAudioStream(stream.streamId);
+              _this.logger.info("interpreterLog- start subscribe remote audio execution scenario  by this._isPstn=".concat(_this._isPstn, "%isAudioPublished && isAudioDeviceStarted=").concat(isAudioPublished && isAudioDeviceStarted), stream.streamId
+              // key,
+              );
+              streamControl.startPlayRemoteAudioStream(stream.streamId);
             } else {
               _this.logger.info('stop play remote audio', stream.streamId);
-              _this._streamControl.stopPlayRemoteAudioStream(stream.streamId);
+              _this.logger.info("interpreterLog- stop subscribe remote audio execution scenario  by this._isPstn=".concat(_this._isPstn, "%isAudioPublished && isAudioDeviceStarted=").concat(isAudioPublished && isAudioDeviceStarted), stream.streamId
+              // key,
+              );
+              streamControl.stopPlayRemoteAudioStream(stream.streamId);
             }
           }
         });
       }
     });
-    _this._streamControl = streamControl;
+    (0, _defineProperty2["default"])(_this, "_handleStopAudio", function (streamControl, streams) {
+      streams.forEach(function (stream) {
+        if (stream.owner.userId === _this._localUser.userId) return;
+        _this.logger.info("interpreterLog- stop subscribe remote audio execution scenario  by _handleStopAudio", stream.streamId);
+        streamControl.stopPlayRemoteAudioStream(stream.streamId);
+      });
+    });
+    (0, _defineProperty2["default"])(_this, "_hasLocalPstnStream", function (streams) {
+      var pstnStream = streams.find(function (stream) {
+        return stream.connectorType === _fcrCore.FcrRoomConnectorType.PSTN && stream.owner.userId === _this._localUser.userId;
+      });
+      return !!pstnStream;
+    });
+    (0, _defineProperty2["default"])(_this, "_handleUiEvent", function (action, payload) {
+      switch (action) {
+        case _constant.UIAction.CONNECT_AUDIO:
+          // this._isAudioConnected = true;
+          _this._deviceStore.setAudioConnected(true);
+          if (!_this._deviceStore.isMainRoomAudioOff) {
+            _this._turnOnMainRoomAudio();
+          }
+          break;
+        case _constant.UIAction.DISCONNECT_AUDIO:
+          // this._isAudioConnected = false;
+          _this._deviceStore.setAudioConnected(false);
+          if (!_this._deviceStore.isMainRoomAudioOff) {
+            _this._turnOffMainRoomAudio();
+          }
+          break;
+        // 切换语言房间订阅  ( 翻译官切换收听语言房间 为输出的语音房间时 单独出发订阅订阅 )
+        case _constant.UIAction.TOGGLE_INTERPRETER_REMOTE_AUDIO:
+          _this._toggleInterperterRemoteAudio(payload.roomControl, payload.event, 'UIAction.TOGGLE_INTERPRETER_REMOTE_AUDIO');
+          break;
+        //  切换收主房间(原声)订阅
+        case _constant.UIAction.TOGGLE_MAINROOM_REMOTE_AUDIO:
+          _this._toggleMainRemoteAudio(payload.event);
+          break;
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "_handleJoinInterpretingRoomSuccess", function (param) {
+      if (param.isToggleInterperterRemoteAudio) {
+        _this._toggleInterperterRemoteAudio(param.control, EventType.START, '_handleJoinInterpretingRoomSuccess');
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "_handleLeaveInterpretingRoom", function (param) {
+      if (param.isToggleInterperterRemoteAudio) {
+        _this._toggleInterperterRemoteAudio(param.control, EventType.STOP, '_handleLeaveInterpretingRoom');
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "_createStreamObserver", function (streamControl) {
+      var onStreamsAdded = function onStreamsAdded(roomId, events) {
+        var streams = events.map(function (event) {
+          return event.modifiedStream;
+        });
+        if (!_this._isPstn && _this._hasLocalPstnStream(streams)) {
+          _this.logger.info("PSTN stream is created");
+          _this._isPstn = true;
+          _this.logger.info('found local PSTN stream, close microphone');
+          // close microphone as audio input and output through mobile phone
+          _this._deviceStreamStore.enableMicrophoneWithStream(false);
+          _this.logger.info('found local PSTN stream, stop play all remote audio');
+          _this._handleRemoteAudio(streamControl, streamControl.getStreamList()
+          // '_handleStreamsAdded1111',
+          );
+        } else {
+          _this._handleRemoteAudio(streamControl, streams
+          // '_handleStreamsAdded222'
+          );
+        }
+      };
+      var onStreamsUpdated = function onStreamsUpdated(roomId, events) {
+        var streams = events.map(function (event) {
+          return event.modifiedStream;
+        });
+        if (!_this._isPstn && _this._hasLocalPstnStream(streams)) {
+          _this.logger.info('PSTN stream is updated');
+          _this._isPstn = true;
+          _this.logger.info('found local PSTN stream, close microphone');
+          // close microphone as audio input and output through mobile phone
+          _this._deviceStreamStore.enableMicrophoneWithStream(false);
+          _this.logger.info('found local PSTN stream, stop play all remote audio');
+          _this._handleRemoteAudio(streamControl, streamControl.getStreamList()
+          // '_handleStreamsUpdated11111',
+          );
+        } else {
+          _this._handleRemoteAudio(streamControl, streams
+          // '_handleStreamsUpdated22222'
+          );
+        }
+      };
+      var onStreamsRemoved = function onStreamsRemoved(roomId, events) {
+        var streams = events.map(function (event) {
+          return event.modifiedStream;
+        });
+        if (_this._hasLocalPstnStream(streams)) {
+          _this.logger.info('PSTN stream is removed');
+          _this._isPstn = false;
+          _this._handleRemoteAudio(streamControl, streamControl.getStreamList()
+          // '_handleStreamsRemoved',
+          );
+        }
+        events.forEach(function (event) {
+          if (event.modifiedStream.owner.userId === _this._localUser.userId) {
+            return;
+          }
+          _this.logger.info('stop play remote audio', event.modifiedStream.streamId);
+          _this.logger.info("interpreterLog- stop subscribe remote audio execution scenario  by _handleStreamsRemoved", event.modifiedStream.streamId);
+          _this._streamControl.stopPlayRemoteAudioStream(event.modifiedStream.streamId);
+        });
+      };
+      return {
+        onStreamsAdded: onStreamsAdded,
+        onStreamsUpdated: onStreamsUpdated,
+        onStreamsRemoved: onStreamsRemoved
+      };
+    });
+    _this._streamControl = _streamControl;
     _this._userControl = userControl;
     _this._deviceStreamStore = deviceStreamStore;
-    _this.init();
-    streamControl.addObserver({
-      onStreamsAdded: _this._handleStreamsAdded,
-      onStreamsUpdated: _this._handleStreamsUpdated,
-      onStreamsRemoved: _this._handleStreamsRemoved
-    });
+    _this._roomStore = roomStore;
+    _this._uiEventStore = uiEventStore;
+    _this._deviceStore = deviceStore;
+    _this._streamObserver = _this._createStreamObserver(_this._streamControl);
+    _this._uiEventObserver = {
+      onEvent: _this._handleUiEvent
+    };
+    _this._roomObserver = {
+      onJoinInterpretingRoomSuccess: _this._handleJoinInterpretingRoomSuccess,
+      onLeaveInterpretingRoom: _this._handleLeaveInterpretingRoom
+    };
+    uiEventStore.addObserver(_this._uiEventObserver);
+    roomStore.addObserver(_this._roomObserver);
+    var _streams = _this._streamControl.getStreamList();
+    _this._isPstn = _this._hasLocalPstnStream(_streams);
+    if (!_this._deviceStore.isMainRoomAudioOff && _this._deviceStore.isAudioConnected) {
+      _this._turnOnMainRoomAudio();
+    }
     return _this;
   }
   (0, _inherits2["default"])(AudioStreamUIModule, _UIModule);
   return (0, _createClass2["default"])(AudioStreamUIModule, [{
-    key: "init",
-    value: function init() {
-      var streams = this._streamControl.getStreamList();
-      this._playRemoteAudio(streams);
+    key: "_localUser",
+    get: function get() {
+      return this._userControl.getLocalUser();
+    }
+  }, {
+    key: "onUnload",
+    value: function onUnload() {
+      this._disposers.forEach(function (disposer) {
+        return disposer();
+      });
+      this._uiEventStore.removeObserver(this._uiEventObserver);
+      this._roomStore.removeObserver(this._roomObserver);
+      this._streamControl.removeObserver(this._streamObserver);
     }
   }, {
     key: "getComponent",
     value: function getComponent() {
       return null;
     }
-  }, {
-    key: "onUnload",
-    value: function onUnload() {}
-  }, {
-    key: "_hasPstn",
-    value: function _hasPstn(streams) {
-      var _this2 = this;
-      var pstnStream = streams.find(function (stream) {
-        return stream.connectorType === _agoraEduCore.FcrRoomConnectorType.PSTN && stream.owner.userId === _this2._userControl.getLocalUser().userId;
-      });
-      return !!pstnStream;
-    }
   }]);
 }(_base.UIModule);

package/lib/modules/chat/chat-bar/index.css

@@ -25,6 +25,7 @@
 
 .fcr-message-bar > span:first-child {
   margin-right: 4px;
+  font-size: 12px;
 }
 
 .fcr-message-bar > .fcr-select-wrapper {

package/lib/modules/chat/chat-bar/index.d.ts

@@ -1,11 +1,11 @@
 import { CSSProperties } from 'react';
 import './index.css';
-import { FcrUserInfo } from 'agora-edu-core/lib/type';
+import { FcrUserInfo } from 'fcr-core/lib/type';
 export interface MessageBarProps {
     styles?: CSSProperties;
     users?: FcrUserInfo[];
     onTargetChange?: (target: FcrUserInfo) => void;
-    selectedUserId?: string;
+    selectedUser?: FcrUserInfo;
     title?: React.ReactNode;
 }
-export declare const MessageBar: ({ styles, users, selectedUserId, onTargetChange, title, }: React.PropsWithChildren<MessageBarProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const MessageBar: ({ styles, users, selectedUser, onTargetChange, title, }: React.PropsWithChildren<MessageBarProps>) => import("react/jsx-runtime").JSX.Element;