fcr-ui-scene 3.4.0 → 3.4.2

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/types.d.ts

@@ -0,0 +1,94 @@
+import { FcrIconProps } from 'agora-ui-foundation/lib/components/icon';
+import { FcrIconType } from 'agora-ui-foundation/lib/components/icon/type';
+import { PopoverProps } from 'agora-ui-foundation/lib/components/popover';
+import { ToolTipProps } from 'agora-ui-foundation/lib/components/tooltip';
+import { FcrRoomType } from 'fcr-core/lib/room-control/type';
+import { FcrUserInfo, FcrUserRole } from 'fcr-core/lib/type';
+import { MouseEventHandler } from 'react';
+export interface Item {
+    name: string;
+    width: number;
+    order: number;
+}
+export type ActionBarItemPlacementProps = {
+    placement: 'left' | 'mid' | 'right';
+};
+export type FcrActionBarProps = {};
+export type ActionBarCollapseContext = {
+    setItem: (id: string, item: Item) => void;
+    visibleList: string[];
+    collapseList?: string[];
+    toggleLayoutBarLock: (state: boolean) => void;
+};
+export interface ActionBarItemProps extends React.ComponentProps<'div'> {
+    className?: string;
+    icon: FcrIconType | React.ReactNode;
+    iconColors: FcrIconProps['colors'];
+    active?: boolean;
+    onClick?: () => void;
+    disabled?: boolean;
+    title: string;
+    order?: number;
+    id: string;
+    moreVisible?: boolean;
+}
+export interface ActionBarItemWithPopoverProps extends ActionBarItemProps {
+    popoverProps?: PopoverProps;
+}
+export interface AppItemProps {
+    name: string;
+    onClick: MouseEventHandler<HTMLDivElement>;
+    fcrToolTipProps?: ToolTipProps;
+    fcrIconProps: FcrIconProps;
+    permission: boolean;
+}
+export interface AppItemsPorps {
+    closeActionBarItemWithPopover?: (visible: boolean) => void;
+}
+export interface InterpreterPropsType {
+    id: string;
+    order: number;
+}
+export interface AssignHostProps {
+    remoteUsers: FcrUserInfo[];
+    assignHost: (user: FcrUserInfo) => void;
+    setPopoverOpened: React.Dispatch<React.SetStateAction<boolean>>;
+    handleKeepConnect?: () => void;
+    loading?: boolean;
+}
+export interface LeaveMeetingProps {
+    setPopoverOpened: React.Dispatch<React.SetStateAction<boolean>>;
+    end: () => void;
+    leave: () => void;
+    isLocked: boolean;
+    keepPhoneAudioConnection: () => void;
+    localUserRole: FcrUserRole;
+    remoteUsers: FcrUserInfo[];
+    hasAssignHostBeforeLeavingPermission: boolean;
+    hasEndRoomPermission: boolean;
+    isPstnUser: boolean;
+    assignHost: (user: FcrUserInfo) => void;
+    setHeight?: () => void;
+}
+export interface MenuItemProps {
+    setVisible: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export interface StopCloudRecordingProps {
+    stopCloudRecording: () => void;
+}
+export interface guideTooltipPropsRef {
+    setShow: React.Dispatch<React.SetStateAction<boolean>>;
+    show: boolean;
+}
+export interface GuideTooltipProps {
+    children: React.ReactNode;
+    guideContent: string | React.ReactNode;
+    content: string;
+}
+export interface FcrCloudRecordingParams {
+    action: 'start' | 'pause' | 'resume' | 'stop';
+}
+export type ChatRoomStoreMap = {
+    [K in FcrRoomType]?: number;
+};
+export type RoomTypeKeys = keyof typeof FcrRoomType;

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

@@ -0,0 +1,6 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/modules/action-bar/view.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
 import './index.css';
-type FcrActionBarProps = {};
+import { FcrActionBarProps } from './types';
 export declare const FcrActionBar: FC<FcrActionBarProps>;
-export {};

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

@@ -9,21 +9,21 @@ exports.FcrActionBar = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _itemPlacement = require("./item-placement");
-var _actionBarCollapesItems = require("./action-bar-collapes-items");
+var _placement = require("./components/placement");
+var _collapse = require("./components/collapse");
 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 _smaller = require("./components/smaller");
 var _mobxReact = require("mobx-react");
 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 _triggerOutputLanguage = require("./components/trigger-output-language");
+var _notificationBar = require("./components/notification-bar");
 var _deviceControl = _interopRequireDefault(require("../components/device-control"));
-var _useAppItemOptions = _interopRequireDefault(require("./apps/useAppItemOptions"));
+var _useAppItemOptions = _interopRequireDefault(require("./components/apps/useAppItemOptions"));
+var _leave = require("./components/leave");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * @param toggleFold 用于点击折叠底部操作栏
@@ -50,7 +50,7 @@ var ToggleToolbarBtn = function ToggleToolbarBtn(_ref) {
           className: "fcr-action-bar--fold",
           type: _type.FcrIconType.FCR_DROPDOWN,
           colors: {
-            iconPrimary: 'var(--fcr_ui_scene_ramp_brand6)'
+            iconPrimary: 'var(--fcr_web_ui_scene_mainicon2)'
           }
         })
       })
@@ -96,22 +96,22 @@ var FcrActionBar = exports.FcrActionBar = (0, _mobxReact.observer)(function (pro
           })
         })]
       }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_itemPlacement.ActionBarItemPlacement, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_placement.ActionBarItemPlacement, {
           placement: "left",
           children: !opened && /*#__PURE__*/(0, _jsxRuntime.jsx)(_deviceControl["default"], {})
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_itemPlacement.ActionBarItemPlacement, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_placement.ActionBarItemPlacement, {
           placement: "mid",
-          children: !opened && isMainRoom && /*#__PURE__*/(0, _jsxRuntime.jsx)(_actionBarCollapesItems.ActionBarCollapseItems, {
+          children: !opened && isMainRoom && /*#__PURE__*/(0, _jsxRuntime.jsx)(_collapse.ActionBarCollapseItems, {
             appItemOptions: appItemOptions,
-            children: _actionBarCollapesItems.midActionOrderMap
+            children: _collapse.midActionOrderMap
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_itemPlacement.ActionBarItemPlacement, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_placement.ActionBarItemPlacement, {
           placement: "right",
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_leave.End, {
             onPopoverChanged: setOpenState
           })
         })]
       })
-    }), interpreter && interpreterState && /*#__PURE__*/(0, _jsxRuntime.jsx)(_switchInputLanguageRoom.SwitchInputLanguageRoom, {}), hasEnableInterpreterPermission && hasDisableInterpreterPermission && interpreterState && /*#__PURE__*/(0, _jsxRuntime.jsx)(_notificationBar.NotificationBar, {})]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_triggerOutputLanguage.TriggerOutputLanguage, {}), hasEnableInterpreterPermission && hasDisableInterpreterPermission && interpreterState && /*#__PURE__*/(0, _jsxRuntime.jsx)(_notificationBar.NotificationBar, {})]
   });
 });

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

@@ -1,34 +1,33 @@
-import { UIModule } from '../../base';
-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';
+import { FcrUINode, FcrUIRootNode, UIModule } from '../../base';
+import { FcrUIInterpreterProvider } from '../../providers/interpreter-provider';
+import { FcrUIEventProvider } from '../../providers/event-provider';
+import { FcrUIDeviceProvider } from '../../providers/device-provider';
+import { FcrUIDeviceStreamProvider } from '../../providers/device-stream-provider';
+import { FcrUIMainRoomControlProvider } from '../../providers/room-provider';
 export declare class AudioStreamUIModule extends UIModule {
+    protected parentNode: FcrUINode;
+    protected rootNode: FcrUIRootNode;
     private _streamControl;
     private _userControl;
-    private _deviceStreamStore;
     private _isPstn;
     private _disposers;
     private _streamObserver;
-    private _uiEventObserver;
-    private _roomObserver;
-    private _uiEventStore;
-    private _roomStore;
-    private _deviceStore;
+    private _eventObserver;
+    private _deviceObserver;
+    private _interpreterObserver;
+    private _interpreterProvider;
+    private _eventProvider;
+    private _deviceProvider;
     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;
-    });
-    protected onUnload(): void;
+    mainRoomControlProvider?: FcrUIMainRoomControlProvider;
+    interpreterProvider?: FcrUIInterpreterProvider;
+    eventProvider?: FcrUIEventProvider;
+    deviceProvider?: FcrUIDeviceProvider;
+    deviceStreamProvider?: FcrUIDeviceStreamProvider;
+    constructor(parentNode: FcrUINode, rootNode: FcrUIRootNode);
+    onNodeWillActive(): void;
+    nodeWillInactive(): void;
     private _turnOnMainRoomAudio;
     private _turnOffMainRoomAudio;
     getComponent(): null;