fcr-ui-scene 3.4.0 → 3.4.2

package/lib/modules/action-bar/components/trigger-subscribe-language/index.js

@@ -0,0 +1,209 @@
+"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.TriggerSubscribeLanguagePopoverContent = exports.TriggerSubscribeLanguage = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.array.map.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.string.includes.js");
+require("core-js/modules/esnext.async-iterator.filter.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.filter.js");
+require("core-js/modules/esnext.iterator.map.js");
+require("core-js/modules/esnext.iterator.some.js");
+var _type = require("agora-ui-foundation/lib/components/icon/type");
+var _react = require("react");
+var _store = require("../../store");
+var _mobxReact = require("mobx-react");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _guideTooltip = require("./guide-tooltip");
+var _item = require("../item");
+var _loadingWrapper = require("../../../interpreter/loading-wrapper");
+var _interpreter = require("../../../../shared-data-source/interpreter");
+var _useLanguageConfig = require("../../../interpreter/interpreter-list/interpreter-item/components/pick-language/useLanguageConfig");
+var _radio = require("agora-ui-foundation/lib/components/radio");
+var _jsxRuntime = require("react/jsx-runtime");
+var useSubscribeLanguageOptionList = function useSubscribeLanguageOptionList() {
+  var _useContext = (0, _react.useContext)(_store.ActionBarContext),
+    subscribeLanguageOptionList = _useContext.subscribeLanguageOptionList;
+  var transI18n = (0, _i18n.useI18n)();
+  var origin = {
+    label: transI18n('fmt_interpretation_mobile_attendnees_popup_option_off'),
+    value: _interpreter.ORIGIN
+  };
+  var getLanguageConfig = (0, _useLanguageConfig.useLanguageConfig)();
+  return (0, _react.useMemo)(function () {
+    return subscribeLanguageOptionList.map(function (language) {
+      return {
+        label: language === _interpreter.ORIGIN ? origin.label : getLanguageConfig(language).name,
+        value: language
+      };
+    });
+  }, [subscribeLanguageOptionList]);
+};
+var usesSubscribeMainRoom = function usesSubscribeMainRoom() {
+  var _useContext2 = (0, _react.useContext)(_store.ActionBarContext),
+    subscribeLanguageList = _useContext2.subscribeLanguageList;
+  var transI18n = (0, _i18n.useI18n)();
+  var label = transI18n('fmt_interpretation_mobile_attendnees_popup_label_original_aswell');
+  return (0, _react.useMemo)(function () {
+    var checked = subscribeLanguageList.includes(_interpreter.ORIGIN);
+    var languageList = subscribeLanguageList.filter(function (language) {
+      return language !== _interpreter.ORIGIN;
+    });
+    var isShow = languageList.length > 0;
+    return {
+      checked: checked,
+      isShow: isShow,
+      label: label
+    };
+  }, [subscribeLanguageList]);
+};
+var TriggerSubscribeLanguagePopoverContent = exports.TriggerSubscribeLanguagePopoverContent = (0, _mobxReact.observer)(function () {
+  var _useContext3 = (0, _react.useContext)(_store.ActionBarContext),
+    subscribeLanguage = _useContext3.subscribeLanguage,
+    setSubscribeMainRoom = _useContext3.setSubscribeMainRoom,
+    subscribeLanguageList = _useContext3.subscribeLanguageList;
+  var optionList = useSubscribeLanguageOptionList();
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var subscribeMainRoom = usesSubscribeMainRoom();
+  var clickSubscribeLanguageRoom = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(language) {
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setLoading(true);
+            _context.next = 3;
+            return subscribeLanguage(language);
+          case 3:
+            setLoading(false);
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function clickSubscribeLanguageRoom(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var clickSubscribeMainRoom = function clickSubscribeMainRoom() {
+    setSubscribeMainRoom(!subscribeMainRoom.checked);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "fcr-device-popover-content",
+    onClick: function onClick(e) {
+      e.stopPropagation();
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_loadingWrapper.LoadingWrapper, {
+      loading: loading,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "fcr-device-popover-content-device-list",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "fcr-device-popover-content-device",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "fcr-device-popover-content-device-options",
+            children: optionList.map(function (option) {
+              var value = option.value,
+                label = option.label;
+              var checked = value === _interpreter.ORIGIN && subscribeLanguageList.length > 1 ? false : subscribeLanguageList.includes(value);
+              return /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.FcrRadio, {
+                name: "mic",
+                styleType: "transparent",
+                checked: checked,
+                label: label,
+                onChange: function onChange() {
+                  clickSubscribeLanguageRoom(value);
+                }
+              }, value);
+            })
+          })
+        }), subscribeMainRoom.isShow && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "fcr-device-popover-content-device",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "fcr-device-popover-content-device-options",
+            onClick: clickSubscribeMainRoom,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.FcrRadio, {
+              name: "speaker",
+              styleType: "transparent",
+              checked: subscribeMainRoom.checked,
+              label: subscribeMainRoom.label
+            })
+          })
+        })]
+      })
+    })
+  });
+});
+var useGuideContent = function useGuideContent() {
+  var _useContext4 = (0, _react.useContext)(_store.ActionBarContext),
+    preSubscribeLanguageList = _useContext4.preSubscribeLanguageList,
+    subscribeLanguageOptionList = _useContext4.subscribeLanguageOptionList;
+  var transI18n = (0, _i18n.useI18n)();
+  var content = transI18n('fmt_interpretation_sidebar_toast_hover_choose_language');
+  var guideContent = transI18n('fmt_interpretation_mobile_toast_controller_label_interpret_in_process');
+  var removeGuideContent = transI18n('fmt_interpretation_attendness_sidbar_popup_toast_label_channel_close');
+  var isRemove = preSubscribeLanguageList.some(function (ele) {
+    return !subscribeLanguageOptionList.includes(ele);
+  });
+  return (0, _react.useMemo)(function () {
+    return {
+      content: content,
+      guideContent: !!isRemove ? removeGuideContent : guideContent
+    };
+  }, [preSubscribeLanguageList, subscribeLanguageOptionList]);
+};
+var TriggerSubscribeLanguage = exports.TriggerSubscribeLanguage = (0, _mobxReact.observer)(function (_ref2) {
+  var id = _ref2.id,
+    order = _ref2.order;
+  var transI18n = (0, _i18n.useI18n)();
+  var title = transI18n('fmt_interpretation_mobile_setting_controller_option_interpret');
+  var _useContext5 = (0, _react.useContext)(_store.ActionBarContext),
+    interpreterState = _useContext5.interpreterState;
+  var _useGuideContent = useGuideContent(),
+    content = _useGuideContent.content,
+    guideContent = _useGuideContent.guideContent;
+  if (!interpreterState) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_guideTooltip.GuideTooltip, {
+    content: content,
+    guideContent: guideContent,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.ActionBarItemWithPopover, {
+        popoverProps: {
+          trigger: 'click',
+          content: /*#__PURE__*/(0, _jsxRuntime.jsx)(TriggerSubscribeLanguagePopoverContent, {}),
+          overlayClassName: 'attendee__footer-more-actions',
+          overlayInnerStyle: {
+            boxShadow: 'var(--fcr_web_light_dropup_m)',
+            border: 'none',
+            width: '256px'
+          }
+        },
+        id: id,
+        order: order,
+        icon: _type.FcrIconType.FCR_INTERPRETATION2,
+        title: title,
+        iconColors: {
+          iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
+        }
+      })
+    })
+  });
+});

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

@@ -1,7 +1,7 @@
 .fcr-action-bar-device {
   border-radius: var(--fcr_cornerradius_s);
   position: relative;
-  min-width: 71px;
+  width: 71px;
   cursor: pointer;
 }
 .fcr-action-bar-device:hover {
@@ -25,7 +25,7 @@
   stop-color: var(--fcr_web_ui_scene_mainicon1);
 }
 .fcr-action-bar-device-text {
-  color: var(--fcr_ui_scene_icontext2);
+  color: var(--fcr_ui_scene_icontext1);
   line-height: 12px;
   font-size: 12px;
   text-align: center;
@@ -155,8 +155,3 @@
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-
-.fcr-device-popover-content-more-item--danger:hover {
-  color: var(--fcr_ui_scene_ramp_red6);
-  background: var(--fcr_ui_scene_ramp_red1);
-}

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

@@ -19,18 +19,18 @@ var _icon = require("agora-ui-foundation/lib/components/icon");
 var _popover = require("agora-ui-foundation/lib/components/popover");
 var _radio = require("agora-ui-foundation/lib/components/radio");
 var _mobxReact = require("mobx-react");
-var _store = require("../store");
-var _store2 = require("../../setting/store");
+var _context = require("../context");
+var _store = require("../../setting/store");
+var _type2 = require("../type");
 var _mic = require("agora-ui-foundation/lib/components/icon/mic");
 var _iconPhoneCall = require("agora-ui-foundation/lib/components/icon-phone-call");
-var _deviceStore = require("../../../common/device-store");
 var _jsxRuntime = require("react/jsx-runtime");
 var AudioRecordinDeviceIcon = exports.AudioRecordinDeviceIcon = (0, _mobxReact.observer)(function (_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 32 : _ref$size,
     _ref$micEnabled = _ref.micEnabled,
     micEnabled = _ref$micEnabled === void 0 ? false : _ref$micEnabled;
-  var _useContext = (0, _react.useContext)(_store.ActionBarContext),
+  var _useContext = (0, _react.useContext)(_context.ActionBarContext),
     microphoneVolumeLevel = _useContext.microphoneVolumeLevel;
   var muteColor = {
     iconPrimary: "var(--fcr_ui_scene_ramp_red6)",
@@ -48,13 +48,15 @@ var AudioRecordinDeviceIcon = exports.AudioRecordinDeviceIcon = (0, _mobxReact.o
   });
 });
 var MicrophoneDevice = exports.MicrophoneDevice = (0, _mobxReact.observer)(function () {
-  var _useContext2 = (0, _react.useContext)(_store.ActionBarContext),
+  var _useContext2 = (0, _react.useContext)(_context.ActionBarContext),
     microphoneEnabled = _useContext2.microphoneEnabled,
     enableMicrophone = _useContext2.enableMicrophone,
     toggleLayoutBarLock = _useContext2.toggleLayoutBarLock,
+    toggleConnection = _useContext2.toggleConnection,
     openConnection = _useContext2.openConnection,
     connectType = _useContext2.connectType,
     microphoneList = _useContext2.microphoneList,
+    microphoneVolumeLevel = _useContext2.microphoneVolumeLevel,
     phoneMicEnabled = _useContext2.phoneMicEnabled;
   var _useDeviceTooltipVisi = useDeviceTooltipVisible(toggleLayoutBarLock),
     tooltipVisible = _useDeviceTooltipVisi.tooltipVisible,
@@ -83,7 +85,7 @@ var MicrophoneDevice = exports.MicrophoneDevice = (0, _mobxReact.observer)(funct
         className: "fcr-action-bar-device",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "fcr-action-bar-device-inner",
-          children: [connectType === _deviceStore.ConnectType.NONE && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          children: [connectType === _type2.ConnectType.NONE && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             onClick: function onClick() {
               return openConnection('computer');
             },
@@ -98,7 +100,7 @@ var MicrophoneDevice = exports.MicrophoneDevice = (0, _mobxReact.observer)(funct
               className: "fcr-action-bar-device-text",
               children: transI18n('fmt_toolbar_label_connectaudio')
             })]
-          }), connectType === _deviceStore.ConnectType.COMPUTER && (!noMic ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          }), connectType === _type2.ConnectType.COMPUTER && (!noMic ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             onClick: function onClick() {
               enableMicrophone(!microphoneEnabled);
             },
@@ -117,7 +119,7 @@ var MicrophoneDevice = exports.MicrophoneDevice = (0, _mobxReact.observer)(funct
               className: "fcr-action-bar-device-text",
               children: transI18n('fmt_internalsetting_status_nodevice')
             })]
-          })), connectType === _deviceStore.ConnectType.PHONE && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          })), connectType === _type2.ConnectType.PHONE && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_iconPhoneCall.FcrIconPhoneCall, {
               isMuted: !phoneMicEnabled
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -131,17 +133,17 @@ var MicrophoneDevice = exports.MicrophoneDevice = (0, _mobxReact.observer)(funct
           onVisibleChange: handlePopoverVisibleChanged,
           trigger: "click",
           content: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [connectType === _deviceStore.ConnectType.NONE && /*#__PURE__*/(0, _jsxRuntime.jsx)(NoConnectionPopoverContent, {
+            children: [connectType === _type2.ConnectType.NONE && /*#__PURE__*/(0, _jsxRuntime.jsx)(NoConnectionPopoverContent, {
               onItemClick: function onItemClick() {
                 handlePopoverVisibleChanged(false);
                 setPopoverOpened(false);
               }
-            }), connectType === _deviceStore.ConnectType.COMPUTER && /*#__PURE__*/(0, _jsxRuntime.jsx)(AudioDeviceListPopoverContent, {
+            }), connectType === _type2.ConnectType.COMPUTER && /*#__PURE__*/(0, _jsxRuntime.jsx)(AudioDeviceListPopoverContent, {
               setPopoverOpened: setPopoverOpened,
               onConnectClick: function onConnectClick() {
                 handlePopoverVisibleChanged(false);
               }
-            }), connectType === _deviceStore.ConnectType.PHONE && /*#__PURE__*/(0, _jsxRuntime.jsx)(PhonePopoverContent, {
+            }), connectType === _type2.ConnectType.PHONE && /*#__PURE__*/(0, _jsxRuntime.jsx)(PhonePopoverContent, {
               onItemClick: function onItemClick() {
                 handlePopoverVisibleChanged(false);
                 setPopoverOpened(false);
@@ -168,7 +170,7 @@ var MicrophoneDevice = exports.MicrophoneDevice = (0, _mobxReact.observer)(funct
 });
 var CameraDevice = exports.CameraDevice = (0, _mobxReact.observer)(function () {
   var transI18n = (0, _i18n.useI18n)();
-  var _useContext3 = (0, _react.useContext)(_store.ActionBarContext),
+  var _useContext3 = (0, _react.useContext)(_context.ActionBarContext),
     cameraEnabled = _useContext3.cameraEnabled,
     enableCamera = _useContext3.enableCamera,
     toggleLayoutBarLock = _useContext3.toggleLayoutBarLock,
@@ -290,7 +292,7 @@ var VideoDeviceListPopoverContent = (0, _mobxReact.observer)(function (_ref2) {
   var onMoreClick = _ref2.onMoreClick,
     setPopoverOpened = _ref2.setPopoverOpened;
   var transI18n = (0, _i18n.useI18n)();
-  var _useContext4 = (0, _react.useContext)(_store.ActionBarContext),
+  var _useContext4 = (0, _react.useContext)(_context.ActionBarContext),
     openDeviceSettingDialog = _useContext4.openDeviceSettingDialog,
     cameraList = _useContext4.cameraList,
     cameraId = _useContext4.cameraId,
@@ -304,7 +306,7 @@ var VideoDeviceListPopoverContent = (0, _mobxReact.observer)(function (_ref2) {
   var openDeviceSetting = function openDeviceSetting(videoActiveTab) {
     setPopoverOpened(false);
     openDeviceSettingDialog({
-      activeTab: _store2.DeviceSettingTab.VIDEO,
+      activeTab: _store.DeviceSettingTab.VIDEO,
       videoActiveTab: videoActiveTab
     });
   };
@@ -381,7 +383,7 @@ var AudioDeviceListPopoverContent = (0, _mobxReact.observer)(function (_ref3) {
   var onConnectClick = _ref3.onConnectClick,
     setPopoverOpened = _ref3.setPopoverOpened;
   var transI18n = (0, _i18n.useI18n)();
-  var _useContext5 = (0, _react.useContext)(_store.ActionBarContext),
+  var _useContext5 = (0, _react.useContext)(_context.ActionBarContext),
     openDeviceSettingDialog = _useContext5.openDeviceSettingDialog,
     microphoneId = _useContext5.microphoneId,
     setMicrophoneId = _useContext5.setMicrophoneId,
@@ -407,7 +409,7 @@ var AudioDeviceListPopoverContent = (0, _mobxReact.observer)(function (_ref3) {
   var openDeviceSetting = function openDeviceSetting() {
     setPopoverOpened(false);
     openDeviceSettingDialog({
-      activeTab: _store2.DeviceSettingTab.AUDIO
+      activeTab: _store.DeviceSettingTab.AUDIO
     });
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -477,8 +479,8 @@ var AudioDeviceListPopoverContent = (0, _mobxReact.observer)(function (_ref3) {
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "fcr-device-popover-content-more",
-      children: [connectType === _deviceStore.ConnectType.COMPUTER && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "fcr-device-popover-content-more-item fcr-device-popover-content-more-item--danger",
+      children: [connectType === _type2.ConnectType.COMPUTER && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fcr-device-popover-content-more-item",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           onClick: function onClick() {
             setMicrophoneId('');
@@ -515,13 +517,13 @@ var AudioDeviceListPopoverContent = (0, _mobxReact.observer)(function (_ref3) {
 var NoConnectionPopoverContent = (0, _mobxReact.observer)(function (_ref4) {
   var onItemClick = _ref4.onItemClick;
   var transI18n = (0, _i18n.useI18n)();
-  var _useContext6 = (0, _react.useContext)(_store.ActionBarContext),
+  var _useContext6 = (0, _react.useContext)(_context.ActionBarContext),
     openDeviceSettingDialog = _useContext6.openDeviceSettingDialog,
     openConnection = _useContext6.openConnection;
   var openDeviceSetting = function openDeviceSetting() {
     onItemClick();
     openDeviceSettingDialog({
-      activeTab: _store2.DeviceSettingTab.AUDIO
+      activeTab: _store.DeviceSettingTab.AUDIO
     });
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -567,13 +569,13 @@ var NoConnectionPopoverContent = (0, _mobxReact.observer)(function (_ref4) {
 var PhonePopoverContent = (0, _mobxReact.observer)(function (_ref5) {
   var onItemClick = _ref5.onItemClick;
   var transI18n = (0, _i18n.useI18n)();
-  var _useContext7 = (0, _react.useContext)(_store.ActionBarContext),
+  var _useContext7 = (0, _react.useContext)(_context.ActionBarContext),
     openDeviceSettingDialog = _useContext7.openDeviceSettingDialog,
     openConnection = _useContext7.openConnection;
   var openDeviceSetting = function openDeviceSetting() {
     onItemClick();
     openDeviceSettingDialog({
-      activeTab: _store2.DeviceSettingTab.AUDIO
+      activeTab: _store.DeviceSettingTab.AUDIO
     });
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

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

@@ -0,0 +1,23 @@
+export declare enum OpeneStateType {
+    CLOSE = 0,
+    OPEN = 1
+}
+export declare enum EventType {
+    START = "start",
+    STOP = "stop"
+}
+export declare enum MoreMenuType {
+    DEFAULT = 0,
+    SECURITY = 1,
+    APPS = 2,
+    TRIGGER_OUTPUT_LANGUAGE_ROOM = 3
+}
+export declare enum AudioConnectType {
+    NONE = 0,
+    COMPUTER = 1,
+    PHONE = 2
+}
+export declare enum MidActionOrderMapKey {
+    TriggerSubscribeLanguage = "TriggerSubscribeLanguage",
+    Apps = "Apps"
+}

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

@@ -0,0 +1,35 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OpeneStateType = exports.MoreMenuType = exports.MidActionOrderMapKey = exports.EventType = exports.AudioConnectType = void 0;
+var OpeneStateType = exports.OpeneStateType = /*#__PURE__*/function (OpeneStateType) {
+  OpeneStateType[OpeneStateType["CLOSE"] = 0] = "CLOSE";
+  OpeneStateType[OpeneStateType["OPEN"] = 1] = "OPEN";
+  return OpeneStateType;
+}({});
+var EventType = exports.EventType = /*#__PURE__*/function (EventType) {
+  EventType["START"] = "start";
+  EventType["STOP"] = "stop";
+  return EventType;
+}({});
+var MoreMenuType = exports.MoreMenuType = /*#__PURE__*/function (MoreMenuType) {
+  MoreMenuType[MoreMenuType["DEFAULT"] = 0] = "DEFAULT";
+  MoreMenuType[MoreMenuType["SECURITY"] = 1] = "SECURITY";
+  MoreMenuType[MoreMenuType["APPS"] = 2] = "APPS";
+  MoreMenuType[MoreMenuType["TRIGGER_OUTPUT_LANGUAGE_ROOM"] = 3] = "TRIGGER_OUTPUT_LANGUAGE_ROOM";
+  return MoreMenuType;
+}({});
+var AudioConnectType = exports.AudioConnectType = /*#__PURE__*/function (AudioConnectType) {
+  AudioConnectType[AudioConnectType["NONE"] = 0] = "NONE";
+  AudioConnectType[AudioConnectType["COMPUTER"] = 1] = "COMPUTER";
+  AudioConnectType[AudioConnectType["PHONE"] = 2] = "PHONE";
+  return AudioConnectType;
+}({});
+var MidActionOrderMapKey = exports.MidActionOrderMapKey = /*#__PURE__*/function (MidActionOrderMapKey) {
+  MidActionOrderMapKey["TriggerSubscribeLanguage"] = "TriggerSubscribeLanguage";
+  MidActionOrderMapKey["Apps"] = "Apps";
+  return MidActionOrderMapKey;
+}({});

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

@@ -167,16 +167,24 @@ html {
   align-items: center;
 }
 
+.fcr-action-bar--popover {
+  max-width: none;
+}
+
 .fcr-action-bar--popover .fcr-drop-menu {
   text-align: left;
 }
 
+.fcr-tooltip-arrow {
+  z-index: 1;
+}
+
 .fcr-action-bar--popover .fcr-checkbox-input-wrapper {
   border-color: transparent;
 }
 
 .fcr-action-bar--popover .fcr-tooltip-inner {
-  border: none;
+  border: none !important;
   box-shadow: var(--fcr_web_light_dropup_m) !important;
 }
 .fcr-screen-share--popover .fcr-button > p {
@@ -276,6 +284,16 @@ html {
   border-radius: var(--fcr_cornerradius_s);
 }
 
+.fcr-action-bar-smaller-micphone .device-control-extra {
+  display: none;
+}
+.fcr-action-bar-smaller-micphone .device-control {
+  min-width: none;
+}
+.fcr-action-bar-smaller-micphone .device-control:hover {
+  background: none;
+}
+
 .security-drop-menu-checkbox .fcr-checkbox-label {
   color: inherit;
 }
@@ -288,3 +306,7 @@ html {
   background-color: transparent;
   overflow: hidden;
 }
+
+.fcr-secuirty-tooltip {
+  max-width: unset !important;
+}

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

@@ -1,32 +1,42 @@
 import { UIModule } from '../../base';
 import './index.css';
-import { FcrDesktopMediaControl, FcrStreamControl, FcrUserControl } from 'fcr-core';
-import { FcrUIEventStore } from '../../common/event-store';
-import { FcrDeviceStore } from '../../common/device-store';
-import { FcrSecurityStore } from '../../common/security-store';
-import { FcrDeviceStreamStore } from '../../common/device-stream-store';
-import { FcrInterpreterControl } from 'fcr-core/lib/room-control/interpreter-control/types';
-import { FcrMainRoomControl, FcrWaitingRoomControl } from 'fcr-core/lib/room-control/type';
-import { FcrRoomStore } from '../../common/room-store';
-interface FcrActionBarUIModuleArgs {
-    roomControl: FcrMainRoomControl | FcrWaitingRoomControl;
-    userControl: FcrUserControl;
-    uiEventStore: FcrUIEventStore;
-    deviceStore: FcrDeviceStore;
-    deviceStreamStore: FcrDeviceStreamStore;
-    securityStore: FcrSecurityStore;
-    streamControl: FcrStreamControl;
-    mediaControl: FcrDesktopMediaControl;
-    interpreterControl?: FcrInterpreterControl;
-    roomStore: FcrRoomStore;
-}
+import { FcrUIEventProvider } from '../../providers/event-provider';
+import { FcrUICurrentRoomControlProvider, FcrUIMainRoomControlProvider, FcrUIRoomProvider, FcrUIWaitingRoomControlProvider } from '../../providers/room-provider';
+import { FcrUIDeviceProvider } from '../../providers/device-provider';
+import { FcrUIDeviceStreamProvider } from '../../providers/device-stream-provider';
+import { FcrUISharedLayoutDataSource } from '../../shared-data-source/layout-data';
+import { FcrUISharedInterpreterDataSource } from '../../shared-data-source/interpreter';
+import { FcrUISharedWaitingRoomDataSource } from '../../shared-data-source/waiting-room';
+import { FcrUIChatProvider } from '../../providers/chat-provider';
+import { FcrUIScreenShareProvider } from '../../providers/screen-share-provider';
+import { FcrUIDialogProvider } from '../../providers/dialog-provider';
+import { FcrUIMessageProvider } from '../../providers/message-provider';
+import { FcrUISharedChatDataSource } from '../../shared-data-source/chat-data';
+import { FcrUIInterpreterProvider } from '../../providers/interpreter-provider';
+import { FcrUISharedDevicePrivilegeDataSource } from '../../shared-data-source/device-privilege-data';
 export declare class FcrActionBarUIModule extends UIModule {
-    private _store;
-    private _securityStore;
-    private _deviceControlStore;
-    constructor(args: FcrActionBarUIModuleArgs);
+    private _store?;
+    private _deviceControlStore?;
+    private _leaveMeetingStore?;
+    currentRoomControlProvider?: FcrUICurrentRoomControlProvider;
+    mainRoomControlProvider?: FcrUIMainRoomControlProvider;
+    waitingRoomControlProvider?: FcrUIWaitingRoomControlProvider;
+    eventProvider?: FcrUIEventProvider;
+    deviceProvider?: FcrUIDeviceProvider;
+    roomProvider?: FcrUIRoomProvider;
+    deviceStreamProvider?: FcrUIDeviceStreamProvider;
+    sharedLayoutDataSource?: FcrUISharedLayoutDataSource;
+    screenShareProvider?: FcrUIScreenShareProvider;
+    sharedWaitingRoomDataSource?: FcrUISharedWaitingRoomDataSource;
+    chatProvider?: FcrUIChatProvider;
+    sharedInterpreterDataSource?: FcrUISharedInterpreterDataSource;
+    dialogProvider?: FcrUIDialogProvider;
+    messageProvider?: FcrUIMessageProvider;
+    sharedChatDataSource?: FcrUISharedChatDataSource;
+    interpreterProvider?: FcrUIInterpreterProvider;
+    sharedDevicePrivilegeDataSource?: FcrUISharedDevicePrivilegeDataSource;
+    onNodeWillActive(): void;
+    onNodeWillInactive(): void;
     getComponent(): import("react/jsx-runtime").JSX.Element;
     onProcessEvent(event: RendererCustomEvent): void;
-    onUnload(): void;
 }
-export {};

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

@@ -1 +0,0 @@
-export {};