fcr-ui-scene 3.3.1 → 3.4.1

package/lib/modules/action-bar/trigger-output-language-room/useChangeOutputRoomTool.d.ts

@@ -0,0 +1,12 @@
+import { LanguageRoomOption, LanguageRoomOptionValue } from './constant';
+declare const useChangeOutputRoomTool: () => {
+    mainRoomState: boolean;
+    setMainRoomState: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    languageRoomState: LanguageRoomOptionValue;
+    setLanguageRoomState: import("react").Dispatch<import("react").SetStateAction<LanguageRoomOptionValue>>;
+    loading: boolean;
+    setLoading: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    languageRoomOptions: LanguageRoomOption[];
+    guideContent: string;
+};
+export default useChangeOutputRoomTool;

package/lib/modules/action-bar/trigger-output-language-room/useChangeOutputRoomTool.js

@@ -0,0 +1,138 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+require("core-js/modules/es.array.concat.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.some.js");
+require("core-js/modules/es.function.name.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/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/esnext.async-iterator.some.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/esnext.iterator.map.js");
+require("core-js/modules/esnext.iterator.some.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/web.dom-collections.for-each.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _constant = require("./constant");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _useLanguageConfig = require("../../interpreter/interpreter-list/interpreter-item/components/pick-language/useLanguageConfig");
+var _store = require("../store");
+var useChangeOutputRoomTool = function useChangeOutputRoomTool() {
+  var transI18n = (0, _i18n.useI18n)();
+  var guideContent1 = transI18n('fmt_interpretation_mobile_toast_controller_label_interpret_in_process');
+  var guideContent2 = transI18n('fmt_interpretation_attendness_sidbar_popup_toast_label_channel_close');
+  var closeAlllanguageBtn = {
+    text: transI18n('fmt_interpretation_mobile_attendnees_popup_option_off'),
+    // text: '原声',
+    value: _constant.CLOSE_ALL_LANGUAGE_ROOM
+  };
+  var _useState = (0, _react.useState)(guideContent1),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    guideContent = _useState2[0],
+    setGuideContent = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var _useState5 = (0, _react.useState)(true),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    mainRoomState = _useState6[0],
+    setMainRoomState = _useState6[1];
+  var _useState7 = (0, _react.useState)(closeAlllanguageBtn.value),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    languageRoomState = _useState8[0],
+    setLanguageRoomState = _useState8[1];
+  var _useContext = (0, _react.useContext)(_store.ActionBarContext),
+    interpreterUsers = _useContext.interpreterUsers,
+    triggerOutputLanguage = _useContext.triggerOutputLanguage,
+    interpreterState = _useContext.interpreterState;
+  var getLanguageConfig = (0, _useLanguageConfig.useLanguageConfig)();
+  var languageRoomOptions = (0, _react.useMemo)(function () {
+    var languageRoomList = [];
+    interpreterUsers === null || interpreterUsers === void 0 || interpreterUsers.forEach(function (ele) {
+      languageRoomList.push(ele.sourceLanguage, ele.targetLanguage);
+    });
+    var languageBtnList = (0, _toConsumableArray2["default"])(new Set(languageRoomList)).map(function (ele) {
+      return {
+        text: getLanguageConfig(ele).name,
+        value: ele
+      };
+    });
+    return [closeAlllanguageBtn].concat((0, _toConsumableArray2["default"])(languageBtnList));
+  }, [interpreterUsers]);
+  (0, _react.useEffect)(function () {
+    var isE = languageRoomOptions.some(function (ele) {
+      return ele.value === languageRoomState;
+    });
+    if (!isE) {
+      setLoading(true);
+      var open = !mainRoomState;
+      setLanguageRoomState(_constant.CLOSE_ALL_LANGUAGE_ROOM);
+      setLoading(false);
+      setGuideContent(guideContent2);
+      setMainRoomState(open);
+      triggerOutputLanguage({
+        language: _constant.CLOSE_ALL_LANGUAGE_ROOM,
+        orgLanguage: languageRoomState,
+        isChangeOutputByMainRoom: open,
+        callback: function callback(res) {
+          setLoading(false);
+        }
+      });
+    }
+  }, [languageRoomOptions]);
+  (0, _react.useEffect)(function () {
+    if (interpreterState) {
+      setGuideContent(guideContent1);
+    }
+  }, [interpreterState]);
+  return {
+    mainRoomState: mainRoomState,
+    setMainRoomState: setMainRoomState,
+    languageRoomState: languageRoomState,
+    setLanguageRoomState: setLanguageRoomState,
+    loading: loading,
+    setLoading: setLoading,
+    languageRoomOptions: languageRoomOptions,
+    guideContent: guideContent
+  };
+};
+var _default = exports["default"] = useChangeOutputRoomTool;

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

@@ -10,17 +10,20 @@ 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");
 var _icon = require("agora-ui-foundation/lib/components/icon");
 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 _triggerInputLanguageRoom = require("./trigger-input-language-room");
+var _notificationBar = require("./notification-bar");
+var _deviceControl = _interopRequireDefault(require("../components/device-control"));
+var _useAppItemOptions = _interopRequireDefault(require("./components/apps/useAppItemOptions"));
+var _leave = require("./components/leave");
 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_web_ui_scene_mainicon2)'
           }
         })
       })
@@ -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
           })
         })]
       })
-    })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_triggerInputLanguageRoom.TriggerInputLanguageRoom, {}), hasEnableInterpreterPermission && hasDisableInterpreterPermission && interpreterState && /*#__PURE__*/(0, _jsxRuntime.jsx)(_notificationBar.NotificationBar, {})]
   });
 });

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

@@ -1,21 +1,31 @@
 import { UIModule } from '../../base';
-import { FcrStreamControl, FcrUserControl } from 'agora-edu-core';
-import { FcrDeviceStreamStore } from '../../common/device-stream-store';
+import { StoreConfig } from '../../type';
 export declare class AudioStreamUIModule extends UIModule {
     private _streamControl;
     private _userControl;
     private _deviceStreamStore;
-    constructor({ streamControl, userControl, deviceStreamStore, }: {
-        streamControl: FcrStreamControl;
-        userControl: FcrUserControl;
-        deviceStreamStore: FcrDeviceStreamStore;
-    });
-    init(): void;
-    getComponent(): null;
+    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, }: StoreConfig);
     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;
 }