fcr-ui-scene 3.6.4 → 3.7.0

package/lib/utilities/screen-capture-permission.js

@@ -4,7 +4,7 @@ require("core-js/modules/es.object.define-property.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.hasScreenCapturePermission = void 0;
+exports.hasScreenCapturePermission = exports.hasDeniedScreenCapturePermission = void 0;
 var _env = require("agora-foundation/lib/utilities/env");
 var hasScreenCapturePermission = exports.hasScreenCapturePermission = function hasScreenCapturePermission() {
   if ((0, _env.isElectron)()) {
@@ -13,4 +13,12 @@ var hasScreenCapturePermission = exports.hasScreenCapturePermission = function h
     return systemPreferences.getMediaAccessStatus('screen') === 'granted';
   }
   return true;
+};
+var hasDeniedScreenCapturePermission = exports.hasDeniedScreenCapturePermission = function hasDeniedScreenCapturePermission() {
+  if ((0, _env.isElectron)()) {
+    var _window$require2 = window.require('@electron/remote'),
+      systemPreferences = _window$require2.systemPreferences;
+    return systemPreferences.getMediaAccessStatus('screen') === 'denied';
+  }
+  return false;
 };

package/lib/utilities/tools.d.ts

@@ -1,5 +1,3 @@
-import { FcrUIDialogKey } from './constant';
-import { CurrentShareBounds } from '../modules/control-bar/types';
 export declare const uint8ArrayToImageData: (target: {
     buffer?: Uint8Array;
     width?: number;
@@ -26,70 +24,6 @@ export declare const getLanguage: () => string | null;
 export declare const waitUntil: (prediction: () => boolean | Promise<boolean>, memo?: string, intervalMs?: number, timeout?: number) => Promise<void>;
 export declare const renderMeetingName: (meetingName: string) => string;
 export declare const renderMeetingId: (meetingId: string | undefined, roomId: string) => string;
-export declare function handleCheckMouseOver(params: {
-    /**
-     * 当前需要被设置为热区的元素
-     */
-    elem: HTMLDivElement;
-    /**
-     * 当前窗口的对象实例
-     */
-    browserWindow: Electron.BrowserWindow;
-    /** @param newRendererWindow 处理 controlbar 中的 popover */
-    newRendererWindow?: Window;
-    /**
-     * 当前主窗口所在的窗口 bounds 信息
-     */
-    screenBounds: CurrentShareBounds;
-    /**
-     * 回调函数，返回 timerId，用于清理定时器
-     */
-    callback?: (timerId: NodeJS.Timeout) => void;
-    /**
-     * 当前打开的 dialog key，如果是 control bar，会计算内部控制栏的边界信息，用于精确定位其位置
-     */
-    dialog?: FcrUIDialogKey;
-}): NodeJS.Timeout | undefined;
-export type CurrentShareScreenWorkArea = {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    displayId: number;
-    topOffset: number;
-    scaleFactor: number;
-};
-export declare function getCurrentSharingWorkArea(params: {
-    currentShareBounds: CurrentShareBounds;
-}): CurrentShareScreenWorkArea;
-export declare function followCorrectDisplay({ browserWindow, dialogKey, extraRefControlbarCondition, follow, alwaysFollowScreen, }: {
-    /**
-     * browserWindow 是 Electron 的窗口对象，如果传入，则直接设置 bounds，否则会根据 dialogKey 设置 bounds
-     */
-    browserWindow?: Electron.BrowserWindow;
-    /**
-     * 如果不使用 browserWindow ，则需要传入 dialogKey 设置 bounds，如果 browserWindow 和 dialogKey 都未传入，则抛出错误
-     */
-    dialogKey?: FcrUIDialogKey | FcrUIDialogKey[];
-    /**
-     * 始终 follow control bar 的位置，默认是 true
-     */
-    extraRefControlbarCondition?: boolean;
-    /**
-     * 根据屏幕或者应用主窗口居中显示，默认是 screen，如果需要跟随主窗口，则设置为 main-window,
-     * 在屏幕共享时，普通 dialog 窗口会以 controlbar 所在的屏幕为基准水平居中对齐
-     * 在非屏幕共享状态下，则会以主窗口为基准水平居中对齐
-     */
-    follow?: 'screen' | 'main-window';
-    /**
-     * 是否是全屏幕覆盖的透明窗口, 此设置主要针对 toast 和 confirm 弹窗
-     */
-    alwaysFollowScreen?: boolean;
-}): {
-    nearDisplayBounds: CurrentShareBounds;
-    nearDisplay: Electron.Display;
-    followControlbar: boolean;
-} | undefined;
 export declare function calcAnnotationAreaSize(
 /**
  * @param boardView {HTMLElement} 白板容器的 dom

package/lib/utilities/tools.js

@@ -7,21 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.PARTICIPANT_POSITION = exports.ASIDE_WIDTH = void 0;
 exports.calcAnnotationAreaSize = calcAnnotationAreaSize;
-exports.convertToFixedNumber = void 0;
-exports.followCorrectDisplay = followCorrectDisplay;
-exports.getBrowserLanguage = void 0;
-exports.getCurrentSharingWorkArea = getCurrentSharingWorkArea;
+exports.getBrowserLanguage = exports.convertToFixedNumber = void 0;
 exports.getFileNameWithoutExtension = getFileNameWithoutExtension;
-exports.getLanguage = void 0;
-exports.handleCheckMouseOver = handleCheckMouseOver;
-exports.waitUntil = exports.uint8ArrayToImageData = exports.storage = exports.setLanguage = exports.renderMeetingName = exports.renderMeetingId = exports.matchVirtualSoundCardPattern = exports.isZipUrl = exports.isPngOrJpg = exports.isMp4 = exports.isMp3OrWav = void 0;
+exports.waitUntil = exports.uint8ArrayToImageData = exports.storage = exports.setLanguage = exports.renderMeetingName = exports.renderMeetingId = exports.matchVirtualSoundCardPattern = exports.isZipUrl = exports.isPngOrJpg = exports.isMp4 = exports.isMp3OrWav = exports.getLanguage = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-require("core-js/modules/es.error.cause.js");
-require("core-js/modules/es.error.to-string.js");
 require("core-js/modules/es.array.concat.js");
-require("core-js/modules/es.array.for-each.js");
-require("core-js/modules/es.array.is-array.js");
-require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.array.reduce.js");
 require("core-js/modules/es.array.slice.js");
 require("core-js/modules/es.date.now.js");
@@ -35,20 +25,12 @@ require("core-js/modules/es.string.ends-with.js");
 require("core-js/modules/es.string.match.js");
 require("core-js/modules/es.string.replace.js");
 require("core-js/modules/es.string.starts-with.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/web.dom-collections.for-each.js");
-require("core-js/modules/web.timers.js");
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _schedule = require("agora-foundation/lib/schedule");
 var _logger = require("agora-foundation/lib/logger");
 var _platform = require("./platform");
-var _constant = require("./constant");
-var _env = require("agora-foundation/lib/utilities/env");
-var _dialogs = require("../modules/dialog/dialogs");
 var uint8ArrayToImageData = exports.uint8ArrayToImageData = function uint8ArrayToImageData(target) {
   var _target$buffer;
   if (!target || !(target !== null && target !== void 0 && (_target$buffer = target.buffer) !== null && _target$buffer !== void 0 && _target$buffer.length)) {
@@ -207,7 +189,13 @@ var renderMeetingName = exports.renderMeetingName = function renderMeetingName(m
 var renderMeetingId = exports.renderMeetingId = function renderMeetingId(meetingId, roomId) {
   var renderMeetingId = '';
   if (meetingId) {
-    renderMeetingId = meetingId.replace(/(.{3})/g, '$1 ');
+    // 检查meetingId是否为纯数字
+    var isNumeric = /^\d+$/.test(meetingId);
+    if (!isNumeric) {
+      renderMeetingId = meetingId;
+    } else {
+      renderMeetingId = meetingId.replace(/(.{3})/g, '$1 ');
+    }
   } else {
     if (roomId.endsWith('-waiting')) {
       renderMeetingId = roomId.slice(0, -8).replace(/(.{3})/g, '$1 ');
@@ -217,171 +205,6 @@ var renderMeetingId = exports.renderMeetingId = function renderMeetingId(meeting
   }
   return renderMeetingId;
 };
-// 修复 windows 无法响应 hover 的问题
-function handleCheckMouseOver(params) {
-  if (!(0, _env.isElectron)()) return;
-  var elem = params.elem,
-    browserWindow = params.browserWindow,
-    screenBounds = params.screenBounds,
-    callback = params.callback,
-    newRendererWindow = params.newRendererWindow,
-    dialog = params.dialog;
-  browserWindow.focus();
-  browserWindow.setIgnoreMouseEvents(true);
-  var MAX_HEIGHT = 430; // 内容最多的 popover 高度
-  var offsetHeight = 0;
-  if (newRendererWindow) {
-    var observer = new MutationObserver(function (mutationsList) {
-      mutationsList.forEach(function (mutation) {
-        if (mutation.type === 'childList') {
-          var popover = newRendererWindow.document.body.querySelector('.fcr-popover');
-          if (popover) {
-            offsetHeight = popover.offsetHeight > 0 ? popover.offsetHeight : MAX_HEIGHT;
-          } else {
-            offsetHeight = 0;
-          }
-        }
-      });
-    });
-    observer.observe(newRendererWindow.document.body, {
-      childList: true,
-      subtree: true
-    });
-  }
-  var timerId = setInterval(function () {
-    var _window$runtime$scree = window.runtime.screen.getCursorScreenPoint(),
-      mouse_x = _window$runtime$scree.x,
-      mouse_y = _window$runtime$scree.y;
-    var bar_w = elem.offsetWidth,
-      bar_h = elem.offsetHeight;
-    var _elem$getBoundingClie = elem.getBoundingClientRect(),
-      bar_left = _elem$getBoundingClie.left,
-      bar_top = _elem$getBoundingClie.top;
-    var screen_x = screenBounds.x,
-      screen_y = screenBounds.y;
-    var threshold = bar_h + offsetHeight >= bar_top;
-    var bar_x1 = bar_left + screen_x;
-    var bar_x2 = bar_left + bar_w + screen_x;
-    var bar_y1 = threshold ? bar_top + screen_y : bar_top + screen_y - offsetHeight;
-    var bar_y2 = threshold ? bar_top + bar_h + offsetHeight + screen_y : bar_top + bar_h + screen_y;
-
-    // controlbar 独有逻辑，获取 controlbar state nav 的位置，并计算其边界
-    var insideElem = elem.querySelector('.share-state-nav');
-    var _ref3 = insideElem || {
-        offsetHeight: 0,
-        offsetWidth: 0
-      },
-      inside_h = _ref3.offsetHeight,
-      inside_w = _ref3.offsetWidth;
-    var _ref4 = (insideElem === null || insideElem === void 0 ? void 0 : insideElem.getBoundingClientRect()) || {
-        left: 0,
-        top: 0
-      },
-      inside_x = _ref4.left,
-      inside_y = _ref4.top;
-    var inside_x1 = inside_x + screen_x;
-    var inside_x2 = inside_x + inside_w + screen_x;
-    var inside_y1 = inside_y + screen_y;
-    var inside_y2 = inside_y + inside_h + screen_y;
-    var barWrapBoundary = mouse_x > bar_x1 && mouse_x < bar_x2 && mouse_y > bar_y1 && mouse_y < bar_y2;
-    var barControlBoundary = mouse_x > inside_x1 && mouse_x < inside_x2 && mouse_y > inside_y1 && mouse_y < inside_y2;
-    var barWrapWithInsideBoundary = mouse_x > bar_x1 && mouse_x < bar_x2 && mouse_y > bar_y1 && mouse_y < bar_y2 - inside_h || barControlBoundary;
-    if (dialog === _constant.FcrUIDialogKey.CONTROL_BAR ? barWrapWithInsideBoundary : barWrapBoundary) {
-      browserWindow.setIgnoreMouseEvents(false);
-      // 因为当用户点击其他窗口时，鼠标返回热区窗口会自动聚焦返回到上层，经测试这个注释不会影响现有功能，先注释看有没有其它影响
-      // if (!browserWindow.isFocused()) {
-      //   browserWindow.focus();
-      // }
-    } else {
-      browserWindow.setIgnoreMouseEvents(true);
-    }
-  }, 50);
-  callback === null || callback === void 0 || callback(timerId);
-  return timerId;
-}
-function getCurrentSharingWorkArea(params) {
-  var currentShareBounds = params.currentShareBounds;
-  var _window$screen = window.screen,
-    availWidth = _window$screen.availWidth,
-    availHeight = _window$screen.availHeight;
-  var nearDisplay = (0, _env.isElectron)() ? window.runtime.screen.getDisplayNearestPoint(currentShareBounds) : null;
-  var dataStruct = {
-    bounds: {
-      x: 0,
-      y: 0,
-      width: availWidth,
-      height: availHeight
-    },
-    id: 0,
-    workArea: {
-      y: 0
-    },
-    scaleFactor: 1
-  };
-  var _ref5 = nearDisplay || dataStruct,
-    _ref5$bounds = _ref5.bounds,
-    x = _ref5$bounds.x,
-    y = _ref5$bounds.y,
-    width = _ref5$bounds.width,
-    height = _ref5$bounds.height,
-    displayId = _ref5.id,
-    scaleFactor = _ref5.scaleFactor,
-    workAreaY = _ref5.workArea.y;
-  return {
-    x: x,
-    y: y,
-    width: width,
-    height: height,
-    displayId: displayId,
-    topOffset: workAreaY - y,
-    // 此算法能确保显示器在不同的上下排列和主次组合时，获取到的偏移值始终正确。
-    scaleFactor: scaleFactor
-  };
-}
-function followCorrectDisplay(_ref6) {
-  var browserWindow = _ref6.browserWindow,
-    dialogKey = _ref6.dialogKey,
-    _ref6$extraRefControl = _ref6.extraRefControlbarCondition,
-    extraRefControlbarCondition = _ref6$extraRefControl === void 0 ? true : _ref6$extraRefControl,
-    _ref6$follow = _ref6.follow,
-    follow = _ref6$follow === void 0 ? 'screen' : _ref6$follow,
-    _ref6$alwaysFollowScr = _ref6.alwaysFollowScreen,
-    alwaysFollowScreen = _ref6$alwaysFollowScr === void 0 ? false : _ref6$alwaysFollowScr;
-  if (!(0, _env.isElectron)()) return;
-  if (!browserWindow && !dialogKey) throw new Error('browserWindow or dialogKey is required');
-  var objectDialog = dialogKey ? Array.isArray(dialogKey) ? dialogKey.map(function (dialog) {
-    return _dialogs.dialogWindows.get(dialog);
-  }) : _dialogs.dialogWindows.get(dialogKey) : browserWindow;
-  var controlbar = _dialogs.dialogWindows.get(_constant.FcrUIDialogKey.CONTROL_BAR);
-  var mainAppWindowBounds = window.runtime.browserWindow.getBounds();
-  // 按当前的窗口管理方式，在关闭 controlbar 的时候，controlbar 实际上是隐藏了自己，所以，依然能够通过 controlbar 访问到，所以需要判断是否是 visible 状态
-  var followControlbar = !!(controlbar && (extraRefControlbarCondition || controlbar.isVisible()));
-  // 屏幕抢占时，需要判断是否是抢占屏幕，决定是取 controlbar 所在屏幕计算热区，还是以主窗口所在屏幕计算热区，此类条件通过 extraRefControlbarCondition 传入
-  var nearestPoint = followControlbar ? controlbar === null || controlbar === void 0 ? void 0 : controlbar.getBounds() : mainAppWindowBounds;
-  var nearDisplay = window.runtime.screen.getDisplayNearestPoint(nearestPoint);
-  var nearBounds = nearDisplay.bounds;
-  var nearDisplayBounds = {
-    x: Math.floor(nearBounds.x),
-    y: Math.floor(nearBounds.y),
-    width: Math.floor(nearBounds.width),
-    height: Math.floor(nearBounds.height)
-  };
-  var followBounds = function followBounds(theWindowBounds) {
-    var targetBounds = follow === 'screen' || extraRefControlbarCondition ? nearBounds : mainAppWindowBounds;
-    return alwaysFollowScreen ? nearDisplayBounds : {
-      x: Math.floor(targetBounds.x + (targetBounds.width - theWindowBounds.width) / 2),
-      y: Math.floor(targetBounds.y + (targetBounds.height - theWindowBounds.height) / 2)
-    };
-  };
-  Array.isArray(objectDialog) ? objectDialog.forEach(function (dialog) {
-    return dialog === null || dialog === void 0 ? void 0 : dialog.setBounds(followBounds(dialog.getBounds()));
-  }) : objectDialog === null || objectDialog === void 0 ? void 0 : objectDialog.setBounds(followBounds(objectDialog.getBounds()));
-  return {
-    nearDisplayBounds: nearDisplayBounds,
-    nearDisplay: nearDisplay,
-    followControlbar: followControlbar
-  };
-}
 function calcAnnotationAreaSize(
 /**
  * @param boardView {HTMLElement} 白板容器的 dom

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fcr-ui-scene",
-  "version": "3.6.4",
+  "version": "3.7.0",
   "main": "lib/index.js",
   "repository": "ssh://git@git.agoralab.co/aduc/fcr-ui-scene-desktop.git",
   "author": "agora.io",
@@ -22,13 +22,13 @@
     "@react-spring/web": "^9.7.3",
     "@use-gesture/react": "^10.3.1",
     "agora-electron-sdk": "4.3.2-build.145-rc.4",
-    "agora-foundation": "~3.6.4",
-    "agora-ui-foundation": "~3.6.4",
+    "agora-foundation": "~3.7.0",
+    "agora-ui-foundation": "~3.7.0",
     "classnames": "^2.5.1",
     "core-js": "^3.33.3",
     "dayjs": "^1.10.4",
     "electron-screenshots": "^0.5.26",
-    "fcr-core": "~3.6.4",
+    "fcr-core": "~3.7.0",
     "js-md5": "^0.8.3",
     "jszip": "^3.10.1",
     "lodash": "^4.17.21",
@@ -36,7 +36,6 @@
     "mobx-react": "^9.1.1",
     "mobx-utils": "^6.0.8",
     "node-window-manager": "^2.2.4",
-    "pidusage": "^3.0.2",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-error-boundary": "^5.0.0",
@@ -61,7 +60,7 @@
     "@types/react-dom": "^17.0.11",
     "@types/react-virtualized": "^9.21.30",
     "@types/tinycolor2": "^1.4.6",
-    "agora-toolchain": "~3.6.4",
+    "agora-toolchain": "~3.7.0",
     "core-js": "^3.33.3",
     "electron": "22.3.27",
     "husky": "^9.0.11",

package/public/index.html

@@ -194,6 +194,10 @@
         creator.setParameters(parameters);
       };
 
+      window.runtime.onRenewUserToken = (token) => {
+        creator.renewUserToken(token);
+      };
+
       window.runtime.onLaunchMeeting = (launchOptions) => {
         setFullScreenFailureComp(false);
         setLoading(true);
@@ -218,7 +222,7 @@
           document.getElementById('root'),
         );
 
-        window.runtime.onCloseWindowBeforeLaunchSuccess = () => {
+        window.runtime.exitUiScene = () => {
           uiScene.exit();
         };
 
@@ -257,6 +261,12 @@
               window.runtime.browserWindow.hide();
             });
           },
+          onWidgetClicked: (widgetId) => {
+            window.runtime.onWidgetClicked(widgetId);
+          },
+          onUserTokenWillExpire: () => {
+            window.runtime.onUserTokenWillExpire();
+          },
         });
       };
     })();

package/lib/modules/action-bar/components/apps/app-list.d.ts

@@ -1,3 +0,0 @@
-import './index.css';
-import { AppListPorps } from '../../types';
-export declare const AppList: (props: AppListPorps) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/action-bar/components/apps/useAppItemOptions.d.ts

@@ -1,17 +0,0 @@
-declare const useAppItemOptions: (onAppClick?: () => void) => ({
-    name: string;
-    onClick: () => void;
-    fcrIconProps: {
-        type: import("agora-ui-foundation/lib/components/icon/type").FcrIconType;
-    };
-    permission: boolean;
-} | {
-    name: string;
-    fcrToolTipProps: {
-        content: string;
-    };
-    onClick: () => void;
-    imgSrc: string;
-    permission: boolean;
-})[];
-export default useAppItemOptions;

package/lib/modules/action-bar/components/apps/useAppItemOptions.js

@@ -1,30 +0,0 @@
-"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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-require("core-js/modules/es.array.concat.js");
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.object.to-string.js");
-var _react = require("react");
-var _useInterpreter = _interopRequireDefault(require("./useInterpreter"));
-var _useLiveStreaming = _interopRequireDefault(require("./useLiveStreaming"));
-var _useBeautyBackground = _interopRequireDefault(require("./useBeautyBackground"));
-var _useWidgetList = _interopRequireDefault(require("./useWidgetList"));
-var useAppItemOptions = function useAppItemOptions(onAppClick) {
-  var interpreter = (0, _useInterpreter["default"])(onAppClick);
-  var liveStreaming = (0, _useLiveStreaming["default"])(onAppClick);
-  var beautyBackground = (0, _useBeautyBackground["default"])(onAppClick);
-  var widgetList = (0, _useWidgetList["default"])(onAppClick);
-  var options = (0, _react.useMemo)(function () {
-    return [interpreter, liveStreaming, beautyBackground].concat((0, _toConsumableArray2["default"])(widgetList)).filter(function (appItem) {
-      return appItem.permission;
-    });
-  }, [[interpreter, liveStreaming, beautyBackground, widgetList]]);
-  return options;
-};
-var _default = exports["default"] = useAppItemOptions;

package/lib/modules/action-bar/components/apps/useBeautyBackground.d.ts

@@ -1,10 +0,0 @@
-import { FcrIconType } from 'agora-ui-foundation/lib/components/icon/type';
-declare const useLiveStreaming: (onAppClick?: () => void) => {
-    name: string;
-    onClick: () => void;
-    fcrIconProps: {
-        type: FcrIconType;
-    };
-    permission: boolean;
-};
-export default useLiveStreaming;

package/lib/modules/action-bar/components/apps/useBeautyBackground.js

@@ -1,36 +0,0 @@
-"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 _store = require("../../store");
-var _type = require("agora-ui-foundation/lib/components/icon/type");
-var _store2 = require("../../../setting/store");
-var _i18n = require("agora-ui-foundation/lib/i18n");
-var useLiveStreaming = function useLiveStreaming(onAppClick) {
-  var _useContext = (0, _react.useContext)(_store.ActionBarContext),
-    hasStartLiveStreamingPermission = _useContext.hasStartLiveStreamingPermission,
-    openDeviceSettingDialog = _useContext.openDeviceSettingDialog;
-  var transI18n = (0, _i18n.useI18n)();
-  var onClick = function onClick() {
-    openDeviceSettingDialog({
-      activeTab: _store2.DeviceSettingTab.VIDEO,
-      videoActiveTab: 'virtual-background'
-    });
-    onAppClick && onAppClick();
-  };
-  return (0, _react.useMemo)(function () {
-    return {
-      name: transI18n('fmt_internalsetting_beauty_background'),
-      onClick: onClick,
-      fcrIconProps: {
-        type: _type.FcrIconType.FCR_BACKGROUND2
-      },
-      permission: true
-    };
-  }, [hasStartLiveStreamingPermission]);
-};
-var _default = exports["default"] = useLiveStreaming;

package/lib/modules/action-bar/components/apps/useInterpreter.d.ts

@@ -1,14 +0,0 @@
-import { FcrIconType } from 'agora-ui-foundation/lib/components/icon/type';
-declare const useInterpreter: (onAppClick?: () => void) => {
-    name: string;
-    onClick: () => void;
-    fcrToolTipProps: {
-        content: string;
-    };
-    fcrIconProps: {
-        type: FcrIconType;
-        iconPrimary: string;
-    };
-    permission: boolean;
-};
-export default useInterpreter;

package/lib/modules/action-bar/components/apps/useInterpreter.js

@@ -1,37 +0,0 @@
-"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 _store = require("../../store");
-var _type = require("agora-ui-foundation/lib/components/icon/type");
-var _i18n = require("agora-ui-foundation/lib/i18n");
-var useInterpreter = function useInterpreter(onAppClick) {
-  var _useContext = (0, _react.useContext)(_store.ActionBarContext),
-    hasEnableInterpreterPermission = _useContext.hasEnableInterpreterPermission,
-    isInterpreterEnabled = _useContext.isInterpreterEnabled,
-    openInterpreterDialog = _useContext.openInterpreterDialog;
-  var onClick = function onClick() {
-    openInterpreterDialog();
-    onAppClick && onAppClick();
-  };
-  var transI18n = (0, _i18n.useI18n)();
-  return (0, _react.useMemo)(function () {
-    return {
-      name: transI18n('fmt_interpretation_setting_controller_option_simultaneous_interpretation'),
-      onClick: onClick,
-      fcrToolTipProps: {
-        content: isInterpreterEnabled ? transI18n('fmt_interpretation_setting_controller_toast_turn_off_simultaneous_interpretation') : transI18n('fmt_interpretation_setting_controller_toast_turn_on_simultaneous_interpretation')
-      },
-      fcrIconProps: {
-        type: isInterpreterEnabled ? _type.FcrIconType.FCR_SIMULTANEOUSINTERPRETATION_ON : _type.FcrIconType.FCR_SIMULTANEOUSINTERPRETATION_OFF,
-        iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
-      },
-      permission: hasEnableInterpreterPermission
-    };
-  }, [hasEnableInterpreterPermission, isInterpreterEnabled]);
-};
-var _default = exports["default"] = useInterpreter;

package/lib/modules/action-bar/components/apps/useLiveStreaming.d.ts

@@ -1,16 +0,0 @@
-import { FcrIconType } from 'agora-ui-foundation/lib/components/icon/type';
-declare const useLiveStreaming: (onAppClick?: () => void) => {
-    name: string;
-    onClick: () => void;
-    fcrToolTipProps: {
-        content: string;
-    };
-    fcrIconProps: {
-        type: FcrIconType;
-        iconColors: {
-            iconPrimary: string;
-        };
-    };
-    permission: boolean;
-};
-export default useLiveStreaming;

package/lib/modules/action-bar/components/apps/useLiveStreaming.js

@@ -1,41 +0,0 @@
-"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 _store = require("../../store");
-var _type = require("agora-ui-foundation/lib/components/icon/type");
-var _type2 = require("fcr-core/lib/type");
-var _i18n = require("agora-ui-foundation/lib/i18n");
-var useLiveStreaming = function useLiveStreaming(onAppClick) {
-  var _useContext = (0, _react.useContext)(_store.ActionBarContext),
-    hasStartLiveStreamingPermission = _useContext.hasStartLiveStreamingPermission,
-    liveStreamingState = _useContext.liveStreamingState,
-    openLiveStreamingDialog = _useContext.openLiveStreamingDialog;
-  var transI18n = (0, _i18n.useI18n)();
-  var onClick = function onClick() {
-    openLiveStreamingDialog();
-    onAppClick && onAppClick();
-  };
-  return (0, _react.useMemo)(function () {
-    var isStarted = liveStreamingState === _type2.FcrLiveStreamingState.STARTED;
-    return {
-      name: isStarted ? transI18n('fmt_tips_button_Stopolive') : transI18n('fmt_tips_button_Golive'),
-      onClick: onClick,
-      fcrToolTipProps: {
-        content: isStarted ? transI18n('fmt_actionbar_livestreaming_option_livenow') : transI18n('fmt_actionbar_livestreaming_option_customlive')
-      },
-      fcrIconProps: {
-        type: _type.FcrIconType.FCR_LIVE2,
-        iconColors: {
-          iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
-        }
-      },
-      permission: hasStartLiveStreamingPermission
-    };
-  }, [hasStartLiveStreamingPermission, liveStreamingState]);
-};
-var _default = exports["default"] = useLiveStreaming;

package/lib/modules/action-bar/components/apps/useWidgetList.d.ts

@@ -1,10 +0,0 @@
-declare const useWidgetList: (onAppClick?: () => void) => {
-    name: string;
-    fcrToolTipProps: {
-        content: string;
-    };
-    onClick: () => void;
-    imgSrc: string;
-    permission: boolean;
-}[];
-export default useWidgetList;