fcr-ui-scene 3.5.0 → 3.5.1

package/lib/modules/action-bar/action-bar-collapes-items.d.ts

@@ -1,20 +0,0 @@
-import { PropsWithChildren } from 'react';
-import './index.css';
-import { AppItemProps } from './apps/app-item';
-interface Item {
-    name: string;
-    width: number;
-    order: number;
-}
-type ActionBarCollapseContext = {
-    setItem: (id: string, item: Item) => void;
-    visibleList: string[];
-    collapseList?: string[];
-    toggleLayoutBarLock: (state: boolean) => void;
-};
-export declare const actionBarCollapseContext: import("react").Context<ActionBarCollapseContext>;
-export declare const midActionOrderMap: import("react/jsx-runtime").JSX.Element[];
-export declare const ActionBarCollapseItems: ({ children, appItemOptions }: PropsWithChildren<{
-    appItemOptions: AppItemProps[];
-}>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/modules/action-bar/action-bar-collapes-items.js

@@ -1,225 +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.midActionOrderMap = exports.actionBarCollapseContext = exports.ActionBarCollapseItems = void 0;
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.array.find.js");
-require("core-js/modules/es.array.from.js");
-require("core-js/modules/es.array.includes.js");
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.array.join.js");
-require("core-js/modules/es.array.map.js");
-require("core-js/modules/es.array.reduce.js");
-require("core-js/modules/es.function.name.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.string.includes.js");
-require("core-js/modules/es.string.iterator.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.async-iterator.reduce.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");
-require("core-js/modules/esnext.iterator.map.js");
-require("core-js/modules/esnext.iterator.reduce.js");
-require("core-js/modules/web.dom-collections.iterator.js");
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _debounce = _interopRequireDefault(require("lodash/debounce"));
-var _mobx = require("mobx");
-var _mobxReact = require("mobx-react");
-var _react = require("react");
-var _chat = require("./chat");
-var _store = require("./store");
-var _more = require("./more");
-var _participants = require("./participants");
-var _record = require("./record");
-var _screenShare = require("./screen-share");
-var _security = require("./security");
-var _settings = require("./settings");
-var _switchOutputLanguageRoom = require("./switch-output-language-room");
-var _apps = require("./apps");
-require("./index.css");
-var _jsxRuntime = require("react/jsx-runtime");
-// import { LiveStreaming } from './live-streaming';
-var MidActionOrderMapKey = /*#__PURE__*/function (MidActionOrderMapKey) {
-  MidActionOrderMapKey["SwitchOutputLanguageRoomKey"] = "SwitchOutputLanguageRoom";
-  MidActionOrderMapKey["Apps"] = "Apps";
-  return MidActionOrderMapKey;
-}(MidActionOrderMapKey || {});
-var actionBarCollapseContext = exports.actionBarCollapseContext = /*#__PURE__*/(0, _react.createContext)({
-  setItem: function setItem() {},
-  visibleList: [],
-  toggleLayoutBarLock: function toggleLayoutBarLock() {}
-});
-var midActionOrderMap = exports.midActionOrderMap = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_security.Security, {
-  id: "Security",
-  order: 1
-}, "Security"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_participants.Participants, {
-  id: "Participants",
-  order: 2
-}, "Participants"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_screenShare.ScreenShare, {
-  id: "ScreenShare",
-  order: 3
-}, "ScreenShare"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_chat.Chat, {
-  id: "Chat",
-  order: 4
-}, "Chat"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_record.Record, {
-  id: "Record",
-  order: 5
-}, "Record"),
-/*#__PURE__*/
-// <Board id="Whiteboard" key="Whiteboard" order={6} />,
-// <BreakoutRoom id="BreakoutRoom" key="BreakoutRoom" order={7} />,
-// <Respond id="Respond" key="Respond" order={8} />,
-// <LiveStreaming id="LiveStreaming" key="LiveStreaming" order={9} />,
-(0, _jsxRuntime.jsx)(_settings.Settings, {
-  id: "Settings",
-  order: 10
-}, "Settings"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_switchOutputLanguageRoom.SwitchOutputLanguageRoom, {
-  id: MidActionOrderMapKey.SwitchOutputLanguageRoomKey,
-  order: 11
-}, MidActionOrderMapKey.SwitchOutputLanguageRoomKey), /*#__PURE__*/(0, _jsxRuntime.jsx)(_apps.Apps, {
-  id: MidActionOrderMapKey.Apps,
-  order: 12
-}, MidActionOrderMapKey.Apps), /*#__PURE__*/(0, _jsxRuntime.jsx)(_more.More, {
-  id: "More",
-  order: 13
-}, "More")];
-var ActionBarCollapseItems = exports.ActionBarCollapseItems = (0, _mobxReact.observer)(function (_ref) {
-  var children = _ref.children,
-    appItemOptions = _ref.appItemOptions;
-  var _useContext = (0, _react.useContext)(_store.ActionBarContext),
-    hasStartScreenSharePermission = _useContext.hasStartScreenSharePermission,
-    hasStartLiveStreamingPermission = _useContext.hasStartLiveStreamingPermission,
-    toggleLayoutBarLock = _useContext.toggleLayoutBarLock,
-    hasEnableStartSharePermission = _useContext.hasEnableStartSharePermission,
-    hasAllowChatPermission = _useContext.hasAllowChatPermission,
-    hasEnableStartAudioPermission = _useContext.hasEnableStartAudioPermission,
-    hasEnableChangeNamePermission = _useContext.hasEnableChangeNamePermission,
-    hasEnableStartVideoPermission = _useContext.hasEnableStartVideoPermission,
-    hasLockRoomPermission = _useContext.hasLockRoomPermission,
-    interpreterState = _useContext.interpreterState;
-  var _useState = (0, _react.useState)(function () {
-      return _mobx.observable.map();
-    }),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 1),
-    items = _useState2[0];
-  var _useState3 = (0, _react.useState)(midActionOrderMap.map(function (item) {
-      return item.props.id;
-    })),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    visibleList = _useState4[0],
-    setVisibleList = _useState4[1];
-  var _useState5 = (0, _react.useState)(true),
-    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-    alignCenter = _useState6[0],
-    setAlignCenter = _useState6[1];
-  var ref = (0, _react.useRef)(null);
-  var hasSecurityPermissions = hasEnableStartSharePermission || hasAllowChatPermission || hasEnableStartAudioPermission || hasEnableChangeNamePermission || hasEnableStartVideoPermission || hasLockRoomPermission;
-  var itemKeys = Array.from(items.keys()).join(',');
-  var whenCoverIconOffset = 60;
-  var filteredItems = (0, _react.useMemo)(function () {
-    var filter = function filter(item) {
-      switch (item.name) {
-        // case 'Record':
-        //   return hasStartCloudRecordingPermission;
-        // case 'ScreenShare':
-        //   return hasStartScreenSharePermission;
-        case 'Security':
-          return hasSecurityPermissions;
-        // case 'LiveStreaming':
-        //   return hasStartLiveStreamingPermission;
-        case MidActionOrderMapKey.SwitchOutputLanguageRoomKey:
-          return interpreterState;
-        case MidActionOrderMapKey.Apps:
-          return appItemOptions.length > 0;
-        default:
-          return true;
-      }
-    };
-    return Array.from(items.values()).filter(filter);
-  }, [hasStartScreenSharePermission, hasStartLiveStreamingPermission, hasSecurityPermissions, itemKeys, interpreterState, appItemOptions]);
-  // if container width is not enough, collapse the items by order
-  // if container width is enough, show all items
-  // detect container width change by resize observer
-  // More button is always visible
-
-  (0, _react.useEffect)(function () {
-    if (ref.current) {
-      var resizeObserver = new ResizeObserver((0, _debounce["default"])(function (entries) {
-        var computeVisibleList = function computeVisibleList(rect, filteredItems) {
-          var more = filteredItems.find(function (item) {
-            return item.name === 'More';
-          });
-          var containerWidth = rect.width - (more ? more.width : 0) - whenCoverIconOffset;
-          var totalWidth = filteredItems.filter(function (i) {
-            return i.name !== 'More';
-          }).reduce(function (prev, curr) {
-            return prev + curr.width;
-          }, 0);
-          if (containerWidth <= totalWidth) {
-            setAlignCenter(false);
-            var total = 0;
-            var list = filteredItems.filter(function (item) {
-              if (item.name === 'More') {
-                return true;
-              }
-              total += item.width;
-              return total < containerWidth;
-            });
-            setVisibleList(list.map(function (item) {
-              return item.name;
-            }));
-          } else {
-            setAlignCenter(true);
-            setVisibleList(filteredItems.map(function (item) {
-              return item.name;
-            }));
-          }
-        };
-        var rect = entries[0].contentRect;
-        computeVisibleList(rect, filteredItems);
-      }, 0));
-      resizeObserver.observe(ref.current);
-      return function () {
-        resizeObserver.disconnect();
-      };
-    }
-  }, [itemKeys, filteredItems, interpreterState]);
-  var collapseList = filteredItems.filter(function (item) {
-    return !visibleList.includes(item.name);
-  }).map(function (item) {
-    return item.name;
-  });
-  var setItem = function setItem(id, item) {
-    (0, _mobx.runInAction)(function () {
-      items.set(id, item);
-    });
-    return function () {
-      (0, _mobx.runInAction)(function () {
-        items["delete"](id);
-      });
-    };
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    ref: ref,
-    className: "fcr-action-bar-collapse",
-    style: {
-      justifyContent: alignCenter ? 'center' : 'flex-end'
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(actionBarCollapseContext.Provider, {
-      value: {
-        visibleList: visibleList,
-        collapseList: collapseList,
-        setItem: setItem,
-        toggleLayoutBarLock: toggleLayoutBarLock
-      },
-      children: children
-    })
-  });
-});

package/lib/modules/action-bar/apps/app-item/index.css

@@ -1,35 +0,0 @@
-.fcr-action-apps-item-wrapper {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  margin-top: 22px;
-  width: 82px;
-}
-.fcr-action-apps-item-icon {
-  width: 58px;
-  height: 58px;
-  border-radius: var(--fcr_cornerradius_m);
-  background: var(--fcr_mobile_ui_scene_color_popup_block2);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-bottom: 8px;
-}
-.fcr-action-apps-item-text {
-  font-size: 12px;
-  font-weight: 400;
-  line-height: 18px;
-  text-align: center;
-  color: var(--fcr_ui_scene_icontext1);
-  height: 18px;
-}
-.fcr-action-apps-item-wrapper:hover .fcr-action-apps-item-text {
-  color: var(--fcr_web_ui_scene_mainicon2,);
-}
-.fcr-action-apps-item-wrapper:hover .fcr-action-apps-item-icon {
-  background: var(--fcr_web_ui_scene_hover);
-}
-.fcr-action-apps-item-wrapper:hover .fcr-action-apps-item-icon path {
-  fill: var(--fcr_web_ui_scene_mainicon2);
-}

package/lib/modules/action-bar/apps/app-item/index.d.ts

@@ -1,12 +0,0 @@
-import { ToolTipProps } from 'agora-ui-foundation/lib/components/tooltip';
-import { MouseEventHandler } from 'react';
-import { FcrIconProps } from 'agora-ui-foundation/lib/components/icon';
-import './index.css';
-export interface AppItemProps {
-    name: string;
-    onClick: MouseEventHandler<HTMLDivElement>;
-    fcrToolTipProps?: ToolTipProps;
-    fcrIconProps: FcrIconProps;
-    permission: boolean;
-}
-export declare const Appitem: (props: AppItemProps) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/action-bar/apps/app-item/index.js

@@ -1,61 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.symbol.js");
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.array.for-each.js");
-require("core-js/modules/es.array.push.js");
-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/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");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Appitem = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-require("core-js/modules/es.function.name.js");
-var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
-var _icon = require("agora-ui-foundation/lib/components/icon");
-var _classnames = _interopRequireDefault(require("classnames"));
-require("./index.css");
-var _jsxRuntime = require("react/jsx-runtime");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Appitem = exports.Appitem = function Appitem(props) {
-  var name = props.name,
-    onClick = props.onClick,
-    fcrToolTipProps = props.fcrToolTipProps,
-    fcrIconProps = props.fcrIconProps;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, _objectSpread(_objectSpread({
-    mouseEnterDelay: 0
-  }, fcrToolTipProps ? fcrToolTipProps : {
-    visible: false
-  }), {}, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _classnames["default"])('fcr-action-apps-item-wrapper'),
-      onClick: onClick,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "fcr-action-apps-item-icon",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, _objectSpread(_objectSpread({
-          size: 32
-        }, fcrIconProps), {}, {
-          colors: {
-            iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
-          }
-        }))
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "fcr-action-apps-item-text",
-        children: name
-      })]
-    })
-  }));
-};

package/lib/modules/action-bar/apps/appitems.d.ts

@@ -1,5 +0,0 @@
-import './index.css';
-export interface AppItemsPorps {
-    closeActionBarItemWithPopover?: (visible: boolean) => void;
-}
-export declare const AppItems: (props: AppItemsPorps) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/action-bar/apps/appitems.js

@@ -1,45 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.symbol.js");
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.array.for-each.js");
-require("core-js/modules/es.array.push.js");
-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/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");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AppItems = 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/esnext.iterator.map.js");
-var _mobxReact = require("mobx-react");
-var _appItem = require("./app-item");
-var _useAppItemOptions = _interopRequireDefault(require("./useAppItemOptions"));
-require("./index.css");
-var _jsxRuntime = require("react/jsx-runtime");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var AppItems = exports.AppItems = (0, _mobxReact.observer)(function (props) {
-  var closeActionBarItemWithPopover = props.closeActionBarItemWithPopover;
-  var options = (0, _useAppItemOptions["default"])(closeActionBarItemWithPopover);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "action-bar-apps-container",
-    children: options.map(function (config) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_appItem.Appitem, _objectSpread({}, config), config.name);
-    })
-  });
-});

package/lib/modules/action-bar/apps/index.css

@@ -1,8 +0,0 @@
-.action-bar-apps-container {
-  display: flex;
-  padding: 2px 22px 24px;
-  width: 372px;
-  flex-wrap: wrap;
-  justify-content: left;
-  min-height: 132px;
-}

package/lib/modules/action-bar/apps/index.d.ts

@@ -1,4 +0,0 @@
-export declare const Apps: ({ id, order }: {
-    id: string;
-    order: number;
-}) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/action-bar/apps/index.js

@@ -1,57 +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.Apps = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _type = require("agora-ui-foundation/lib/components/icon/type");
-var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
-var _item = require("../item");
-var _react = require("react");
-var _store = require("../store");
-var _mobxReact = require("mobx-react");
-var _appitems = require("./appitems");
-var _jsxRuntime = require("react/jsx-runtime");
-var Apps = exports.Apps = (0, _mobxReact.observer)(function (_ref) {
-  var id = _ref.id,
-    order = _ref.order;
-  var _useContext = (0, _react.useContext)(_store.ActionBarContext),
-    toggleLayoutBarLock = _useContext.toggleLayoutBarLock;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    visible = _useState2[0],
-    setVisible = _useState2[1];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-    content: 'Apps',
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.ActionBarItemWithPopover, {
-      popoverProps: {
-        trigger: 'click',
-        visible: visible,
-        content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_appitems.AppItems, {
-          closeActionBarItemWithPopover: setVisible
-        }),
-        overlayClassName: 'attendee__footer-more-actions',
-        overlayInnerStyle: {
-          boxShadow: 'var(--fcr_web_light_dropup_m)',
-          border: 'none',
-          width: 'auto',
-          height: 'auto'
-        },
-        onVisibleChange: function onVisibleChange(visible) {
-          toggleLayoutBarLock(visible);
-          setVisible(visible);
-        }
-      },
-      id: id,
-      order: order,
-      icon: _type.FcrIconType.FCR_MOREAPP,
-      title: 'Apps',
-      iconColors: {
-        iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
-      }
-    })
-  });
-});

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

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

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

@@ -1,29 +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;
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.async-iterator.filter.js");
-require("core-js/modules/esnext.iterator.constructor.js");
-require("core-js/modules/esnext.iterator.filter.js");
-var _react = require("react");
-var _useInterpreter = _interopRequireDefault(require("./useInterpreter"));
-var _useLiveStreaming = _interopRequireDefault(require("./useLiveStreaming"));
-var _useBeautyBackground = _interopRequireDefault(require("./useBeautyBackground"));
-var useAppItemOptions = function useAppItemOptions(closeActionBarItemWithPopover) {
-  var interpreter = (0, _useInterpreter["default"])(closeActionBarItemWithPopover);
-  var liveStreaming = (0, _useLiveStreaming["default"])(closeActionBarItemWithPopover);
-  var beautyBackground = (0, _useBeautyBackground["default"])(closeActionBarItemWithPopover);
-  var options = (0, _react.useMemo)(function () {
-    return [interpreter, liveStreaming, beautyBackground].filter(function (appItem) {
-      return appItem.permission;
-    });
-  }, [[interpreter, liveStreaming, beautyBackground]]);
-  return options;
-};
-var _default = exports["default"] = useAppItemOptions;

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

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

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

@@ -1,34 +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 useLiveStreaming = function useLiveStreaming(closeActionBarItemWithPopover) {
-  var _useContext = (0, _react.useContext)(_store.ActionBarContext),
-    hasStartLiveStreamingPermission = _useContext.hasStartLiveStreamingPermission,
-    openDeviceSettingDialog = _useContext.openDeviceSettingDialog;
-  var onClick = function onClick() {
-    openDeviceSettingDialog({
-      activeTab: _store2.DeviceSettingTab.VIDEO,
-      videoActiveTab: 'virtual-background'
-    });
-    closeActionBarItemWithPopover && closeActionBarItemWithPopover(false);
-  };
-  return (0, _react.useMemo)(function () {
-    return {
-      name: '背景和美颜',
-      onClick: onClick,
-      fcrIconProps: {
-        type: _type.FcrIconType.FCR_BACKGROUND2
-      },
-      permission: true
-    };
-  }, [hasStartLiveStreamingPermission]);
-};
-var _default = exports["default"] = useLiveStreaming;

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

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

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

@@ -1,35 +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 useInterpreter = function useInterpreter(closeActionBarItemWithPopover) {
-  var _useContext = (0, _react.useContext)(_store.ActionBarContext),
-    hasEnableInterpreterPermission = _useContext.hasEnableInterpreterPermission,
-    interpreterState = _useContext.interpreterState,
-    openInterpreterDialog = _useContext.openInterpreterDialog;
-  var onClick = function onClick() {
-    openInterpreterDialog();
-    closeActionBarItemWithPopover && closeActionBarItemWithPopover(false);
-  };
-  return (0, _react.useMemo)(function () {
-    return {
-      name: '同声传译',
-      onClick: onClick,
-      fcrToolTipProps: {
-        content: interpreterState ? '关闭同声传译' : '开启同声传译'
-      },
-      fcrIconProps: {
-        type: interpreterState ? _type.FcrIconType.FCR_SIMULTANEOUSINTERPRETATION_ON : _type.FcrIconType.FCR_SIMULTANEOUSINTERPRETATION_OFF,
-        iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
-      },
-      permission: hasEnableInterpreterPermission
-    };
-  }, [hasEnableInterpreterPermission, interpreterState]);
-};
-var _default = exports["default"] = useInterpreter;

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

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