fcr-ui-scene 3.4.5 → 3.5.0

package/lib/modules/interpreter/footer/components/interpreter-btn/index.js

@@ -0,0 +1,53 @@
+"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;
+var _button = require("agora-ui-foundation/lib/components/button");
+var _store = require("../../../store");
+var _react = require("react");
+var _mobxReact = require("mobx-react");
+var _tooltipWrapper = _interopRequireDefault(require("../tooltip-wrapper"));
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _jsxRuntime = require("react/jsx-runtime");
+var InterpreterBtn = function InterpreterBtn(props) {
+  var className = props.className;
+  var transI18n = (0, _i18n.useI18n)();
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
+    openInterpreterState = _useContext.openInterpreterState,
+    interpreterState = _useContext.interpreterState,
+    interpreterUsersEditState = _useContext.interpreterUsersEditState,
+    interpreterUsersCheckPass = _useContext.interpreterUsersCheckPass,
+    localInterpreterUsers = _useContext.localInterpreterUsers,
+    closeInterpreterState = _useContext.closeInterpreterState,
+    interpreterUsersAllOffLine = _useContext.interpreterUsersAllOffLine,
+    closeInterpreterDialog = _useContext.closeInterpreterDialog;
+  if (interpreterUsersEditState) {
+    return null;
+  }
+  var disabled = !interpreterState && !interpreterUsersCheckPass || (interpreterState ? false : interpreterUsersAllOffLine);
+  var handleClick = function handleClick() {
+    if (interpreterState) {
+      closeInterpreterState();
+    } else {
+      !disabled && openInterpreterState();
+    }
+    closeInterpreterDialog();
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltipWrapper["default"], {
+    disabled: disabled,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
+      className: className,
+      shape: "rounded",
+      size: "XS",
+      onClick: handleClick,
+      styleType: interpreterState ? 'danger' : 'normal',
+      disabled: disabled,
+      children: interpreterState ? transI18n('fmt_interpretation_setting_popup_controller_option_stop_interpretation') : transI18n('fmt_interpretation_setting_popup_controller_option_turn_on_simultaneous')
+    })
+  });
+};
+var _default = exports["default"] = (0, _mobxReact.observer)(InterpreterBtn);

package/lib/modules/interpreter/footer/components/set-btn/index.d.ts

@@ -0,0 +1,5 @@
+interface SetButtonProps {
+    className?: string;
+}
+declare const _default: (props: SetButtonProps) => import("react/jsx-runtime").JSX.Element | null;
+export default _default;

package/lib/modules/interpreter/footer/components/set-btn/index.js

@@ -0,0 +1,49 @@
+"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;
+var _button = require("agora-ui-foundation/lib/components/button");
+var _store = require("../../../store");
+var _react = require("react");
+var _mobxReact = require("mobx-react");
+var _tooltipWrapper = _interopRequireDefault(require("../tooltip-wrapper"));
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _jsxRuntime = require("react/jsx-runtime");
+var SetBtn = function SetBtn(props) {
+  var className = props.className;
+  var transI18n = (0, _i18n.useI18n)();
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
+    openInterpreterState = _useContext.openInterpreterState,
+    interpreterState = _useContext.interpreterState,
+    setInterpreterListEditState = _useContext.setInterpreterListEditState,
+    interpreterUsersEditState = _useContext.interpreterUsersEditState,
+    interpreterUsersCheckPass = _useContext.interpreterUsersCheckPass,
+    interpreterUsersAllOffLine = _useContext.interpreterUsersAllOffLine;
+  if (!interpreterState) {
+    return null;
+  }
+  var handleClick = function handleClick() {
+    setInterpreterListEditState();
+    if (interpreterUsersEditState) {
+      openInterpreterState();
+    }
+  };
+  var disabled = interpreterUsersEditState && !interpreterUsersCheckPass || (interpreterUsersEditState ? interpreterUsersAllOffLine : false);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltipWrapper["default"], {
+    disabled: disabled,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
+      className: className,
+      shape: "rounded",
+      type: interpreterUsersEditState ? undefined : 'secondary-bordered',
+      size: "S",
+      onClick: handleClick,
+      disabled: disabled,
+      children: interpreterUsersEditState ? transI18n('fmt_interpretation_setting_popup_controller_option_change_comfirm') : transI18n('fmt_interpretation_setting_popup_controller_option_change')
+    })
+  });
+};
+var _default = exports["default"] = (0, _mobxReact.observer)(SetBtn);

package/lib/modules/interpreter/footer/components/tooltip-wrapper/index.d.ts

@@ -0,0 +1,6 @@
+interface PermissionWrapperProps {
+    children: React.ReactNode;
+    disabled?: boolean;
+}
+declare const _default: (props: PermissionWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/modules/interpreter/footer/components/tooltip-wrapper/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = require("react");
+var _mobxReact = require("mobx-react");
+var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _jsxRuntime = require("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 = (0, _i18n.useI18n)();
+  return disabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+    mouseEnterDelay: 0,
+    trigger: "click",
+    placement: "top",
+    content: transI18n('fmt_interpretation_mobile_setting_controller_toast_label_complete_setting'),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: children
+    })
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
+    children: children
+  });
+};
+var _default = exports["default"] = (0, _mobxReact.observer)(ToolTipWrapper);

package/lib/modules/interpreter/index.css

@@ -0,0 +1,15 @@
+.fcr-simultaneous-interpretation__layout {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  padding: 5px 20px 0px;
+  height: calc(100% - 46px);
+
+  overflow: auto;
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
+.fcr-simultaneous-interpretation__layout::-webkit-scrollbar {
+  display: none;
+}

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

@@ -3,12 +3,16 @@ import { FcrUIEventProvider } from '../../providers/event-provider';
 import { FcrUIInterpreterProvider } from '../../providers/interpreter-provider';
 import { FcrUIMainRoomControlProvider } from '../../providers/room-provider';
 import { FcrUISharedInterpreterDataSource } from '../../shared-data-source/interpreter';
+import { FcrUIMessageProvider } from '../../providers/message-provider';
+import { FcrUIDialogProvider } from '../../providers/dialog-provider';
 export declare class InterpreterUIModule extends UIModule {
     private _store?;
     mainRoomControlProvider?: FcrUIMainRoomControlProvider;
-    eventProvider?: FcrUIEventProvider;
+    messageProvider?: FcrUIMessageProvider;
     interpreterProvider?: FcrUIInterpreterProvider;
     sharedInterpreterDataSource?: FcrUISharedInterpreterDataSource;
+    dialogProvider?: FcrUIDialogProvider;
+    eventProvider?: FcrUIEventProvider;
     onNodeWillActive(): void;
     nodeWillInactive(): void;
     getComponent(): import("react/jsx-runtime").JSX.Element;

package/lib/modules/interpreter/index.js

@@ -87,9 +87,11 @@ var InterpreterUIModule = exports.InterpreterUIModule = /*#__PURE__*/function (_
       var _this$mainRoomControl;
       this._store = new _store["default"]({
         mainRoomControl: (_this$mainRoomControl = this.mainRoomControlProvider) === null || _this$mainRoomControl === void 0 ? void 0 : _this$mainRoomControl.mainRoomControl,
-        eventProvider: this.eventProvider,
+        messageProvider: this.messageProvider,
         interpreterProvider: this.interpreterProvider,
-        sharedInterpreterDataSource: this.sharedInterpreterDataSource
+        sharedInterpreterDataSource: this.sharedInterpreterDataSource,
+        dialogProvider: this.dialogProvider,
+        eventProvider: this.eventProvider
       });
     }
   }, {

package/lib/modules/interpreter/interpreter-list/index.js

@@ -3,7 +3,6 @@
 require("core-js/modules/es.array.iterator.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.to-string.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
 require("core-js/modules/esnext.weak-map.delete-all.js");
@@ -16,7 +15,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 require("core-js/modules/es.array.map.js");
-require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _react = require("react");
 var _mobxReact = require("mobx-react");

package/lib/modules/interpreter/interpreter-list/interpreter-item/components/pick-language/index.js

@@ -9,10 +9,6 @@ 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/es.object.to-string.js");
-require("core-js/modules/esnext.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
-require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/web.dom-collections.for-each.js");
@@ -24,7 +20,8 @@ exports["default"] = exports.ValueDom = exports.OptionItem = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.function.name.js");
-require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _select = require("agora-ui-foundation/lib/components/select");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
@@ -84,7 +81,7 @@ var PickLanguage = function PickLanguage(props) {
   var transI18n = (0, _i18n.useI18n)();
   var _useContext = (0, _react.useContext)(_store.StoreContext),
     updateInterpreterUsers = _useContext.updateInterpreterUsers,
-    interpreterOff = _useContext.interpreterOff,
+    isInterpreterEnabled = _useContext.isInterpreterEnabled,
     interpreterUsersEditState = _useContext.interpreterUsersEditState,
     languageList = _useContext.languageList;
   var handleChange = function handleChange(data) {
@@ -136,7 +133,7 @@ var PickLanguage = function PickLanguage(props) {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_select.FcrSelect, {
       className: "fcr-simultaneous-interpretation__pick-Language-container-select",
       options: targetOptions,
-      disabled: !interpreterUsersEditState && interpreterOff,
+      disabled: !interpreterUsersEditState && isInterpreterEnabled,
       value: targetValue,
       showSearch: true,
       onChange: function onChange(value) {
@@ -172,7 +169,7 @@ var PickLanguage = function PickLanguage(props) {
       placeholder: transI18n('fmt_interpretation_setting_popup_controller_labe_source_language') // 请选择设备
       ,
       styleType: "white",
-      disabled: !interpreterUsersEditState && interpreterOff
+      disabled: !interpreterUsersEditState && isInterpreterEnabled
     })]
   });
 };

package/lib/modules/interpreter/interpreter-list/interpreter-item/components/pick-language/useLanguageConfig/index.js

@@ -7,7 +7,6 @@ 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/esnext.async-iterator.filter.js");
 require("core-js/modules/esnext.iterator.filter.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
@@ -17,7 +16,6 @@ exports.useLanguageConfig = exports.baseLanguageConfig = void 0;
 require("core-js/modules/es.array.for-each.js");
 require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/web.dom-collections.for-each.js");

package/lib/modules/interpreter/interpreter-list/interpreter-item/components/pick-user/index.js

@@ -7,7 +7,6 @@ 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.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/web.dom-collections.for-each.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -21,9 +20,6 @@ require("core-js/modules/es.array.find.js");
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.find.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.find.js");
@@ -46,7 +42,7 @@ var PickUser = function PickUser(props) {
   var transI18n = (0, _i18n.useI18n)();
   var _useContext = (0, _react.useContext)(_store.StoreContext),
     updateInterpreterUsers = _useContext.updateInterpreterUsers,
-    interpreterOff = _useContext.interpreterOff,
+    isInterpreterEnabled = _useContext.isInterpreterEnabled,
     interpreterUsersEditState = _useContext.interpreterUsersEditState,
     initUsers = _useContext.initUsers,
     localInterpreterUsers = _useContext.localInterpreterUsers;
@@ -76,7 +72,8 @@ var PickUser = function PickUser(props) {
           userName: userName,
           userRole: _type.FcrUserRole.PARTICIPANT,
           connectorType: _type2.AgoraRteRoomConnectorType.NONE,
-          isOffLine: true
+          isOffLine: true,
+          platform: _type.FcrPlatform.WEB_DESKTOP
         });
       }
     }
@@ -106,11 +103,11 @@ var PickUser = function PickUser(props) {
       return option.value === value;
     });
     if (checkedItem) {
-      var interpreterUsers = _objectSpread(_objectSpread({}, model), {}, {
+      var interpreterUserList = _objectSpread(_objectSpread({}, model), {}, {
         userId: checkedItem.value,
         userName: checkedItem.text
       });
-      updateInterpreterUsers(interpreterUsers);
+      updateInterpreterUsers(interpreterUserList);
     }
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_select.FcrSelect, {
@@ -119,7 +116,7 @@ var PickUser = function PickUser(props) {
     options: options,
     value: model.userId,
     onChange: onChange,
-    disabled: !interpreterUsersEditState && interpreterOff,
+    disabled: !interpreterUsersEditState && isInterpreterEnabled,
     placeholder: transI18n('fmt_interpretation_setting_popup_controller_labe_search_name'),
     styleType: "white",
     tag: tag

package/lib/modules/interpreter/interpreter-list/interpreter-item/components/pick-user/option-Item.js

@@ -21,10 +21,10 @@ var OptionItem = (0, _mobxReact.observer)(function (props) {
   var transI18n = (0, _i18n.useI18n)();
   var userRole = (0, _react.useMemo)(function () {
     if (_fcrCore.FcrUserRole.HOST === model.userRole) {
-      return transI18n('fmt_interpretation_interpreter_popup_special_co_host');
+      return transI18n('fmt_role_host');
     }
     if (_fcrCore.FcrUserRole.COHOST === model.userRole) {
-      return transI18n('fmt_interpretation_interpreter_popup_special_host');
+      return transI18n('fmt_role_cohost');
     }
     return null;
   }, [model.userRole]);

package/lib/modules/interpreter/interpreter-list/interpreter-item/index.js

@@ -20,11 +20,11 @@ var InterpreterItem = function InterpreterItem(props) {
   var _useContext = (0, _react.useContext)(_store.StoreContext),
     interpreterUsersEditState = _useContext.interpreterUsersEditState,
     localInterpreterUsers = _useContext.localInterpreterUsers,
-    interpreterOff = _useContext.interpreterOff;
+    isInterpreterEnabled = _useContext.isInterpreterEnabled;
   var model = props.model,
     index = props.index;
   var t = (0, _i18n.useI18n)();
-  var isShow = localInterpreterUsers.length > 1 && (interpreterUsersEditState || !interpreterOff);
+  var isShow = localInterpreterUsers.length > 1 && (interpreterUsersEditState || !isInterpreterEnabled);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "fcr-simultaneous-interpretation__interpreter-Item-container",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

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

@@ -5,9 +5,11 @@ export default class InterpreterStore {
     protected logger: import("agora-foundation/lib/logger").Logger;
     private _mainRoomControl;
     private _userControl;
-    private _eventProvider;
+    private _messageProvider;
+    private _dialogProvider;
     private _interpreterProvider;
     private _sharedInterpreterDataSource;
+    private _eventProvider;
     private _dialogInfo;
     private _confirmDialogs;
     private _interpreterProviderObserver;
@@ -19,12 +21,12 @@ export default class InterpreterStore {
         isOffLine: boolean;
     }>;
     accessor currentDialogId: string | null;
-    get interpreterOff(): boolean;
+    get isInterpreterEnabled(): boolean;
     get hasEnableInterpreterPermission(): boolean;
-    get interpreterUsersCheckPass(): boolean;
-    get interpreterUsersAllOffLine(): boolean;
+    get isFormValidationPassed(): boolean;
+    get isAllInterpreterUsersOffline(): boolean;
     get languageList(): FcrLanguage[];
-    constructor({ mainRoomControl, eventProvider, interpreterProvider, sharedInterpreterDataSource, }: InterpreterStoreProps);
+    constructor({ mainRoomControl, messageProvider, dialogProvider, interpreterProvider, sharedInterpreterDataSource, eventProvider, }: InterpreterStoreProps);
     openInterpreterState(): void;
     closeInterpreterState(): void;
     setInterpreterListEditState(): void;
@@ -45,6 +47,7 @@ export default class InterpreterStore {
     private _updateUsers;
     closeInterpreterDialog(): void;
     private _handleUiEvents;
+    private _updatePublishAudioPrivilegeOfStreams;
     release(): void;
 }
 export declare const StoreContext: import("react").Context<InterpreterStore>;