fcr-ui-scene 3.4.3 → 3.4.4

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/audio-stream/index.js

@@ -15,6 +15,9 @@ require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.map.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/esnext.async-iterator.find.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.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.find.js");
 require("core-js/modules/esnext.iterator.for-each.js");

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

@@ -26,6 +26,7 @@
 .fcr-message-bar > span:first-child {
   margin-right: 4px;
   font-size: 12px;
+  font-weight: 300;
 }
 
 .fcr-message-bar > .fcr-select-wrapper {
@@ -78,3 +79,7 @@
 .fcr-msg-bar-break-max-width {
   max-width: 75px;
 }
+
+.fcr-message-bar .fcr-text-bubble {
+  font-weight: 300;
+}

package/lib/modules/chat/chat-bar/index.js

@@ -1,7 +1,6 @@
 "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");
@@ -9,11 +8,7 @@ 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");
@@ -21,6 +16,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MessageBar = 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _type = require("agora-ui-foundation/lib/components/icon/type");
@@ -34,12 +34,11 @@ var _chatSelect = require("../chat-select");
 var _store = require("../store");
 var _mobxReact = require("mobx-react");
 var _i18n = require("agora-ui-foundation/lib/i18n");
-var _type2 = require("fcr-core/lib/room-control/type");
 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 MessageBar = exports.MessageBar = (0, _mobxReact.observer)(function (_ref) {
-  var _selectedUser$userId, _selectedUser$userNam;
+  var _users$filter, _selectedUser$userId, _selectedUser$userNam;
   var styles = _ref.styles,
     _ref$users = _ref.users,
     users = _ref$users === void 0 ? [] : _ref$users,
@@ -57,7 +56,13 @@ var MessageBar = exports.MessageBar = (0, _mobxReact.observer)(function (_ref) {
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
     popoverOpened = _useState4[0],
     setPopoverOpened = _useState4[1];
+  var hasParticipant = users === null || users === void 0 || (_users$filter = users.filter(function (user) {
+    return user.userId !== _store.USER_ALL;
+  })) === null || _users$filter === void 0 ? void 0 : _users$filter.length;
   var onPopoverChanged = function onPopoverChanged(visible) {
+    if (!hasParticipant) {
+      return;
+    }
     setPopoverOpened(visible);
   };
   var selectedUserId = (_selectedUser$userId = selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.userId) !== null && _selectedUser$userId !== void 0 ? _selectedUser$userId : _store.USER_ALL;
@@ -101,12 +106,6 @@ var MessageBar = exports.MessageBar = (0, _mobxReact.observer)(function (_ref) {
         onSelect: handleSelected
       }),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        onClick: function onClick() {
-          if ((users === null || users === void 0 ? void 0 : users.length) <= 1) {
-            return;
-          }
-          setPopoverOpened(!popoverOpened);
-        },
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_textBubble.TextBubble, {
           styles: {
             padding: '4px 1px 4px 4px',
@@ -129,8 +128,11 @@ var MessageBar = exports.MessageBar = (0, _mobxReact.observer)(function (_ref) {
             fontSize: "medium",
             iconTransform: popoverOpened,
             enable: true,
-            isHideIcon: roomType === _type2.FcrRoomType.Mainroom ? (users === null || users === void 0 ? void 0 : users.length) <= 1 : false,
+            isHideIcon: !hasParticipant,
             onClick: function onClick() {
+              if (!hasParticipant) {
+                return;
+              }
               setPopoverOpened(!popoverOpened);
             },
             iconReverse: true

package/lib/modules/chat/chat-room-store.js

@@ -41,6 +41,10 @@ require("core-js/modules/es.object.entries.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.find.js");
+require("core-js/modules/esnext.async-iterator.for-each.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.find.js");

package/lib/modules/chat/chat-select/index.css

@@ -57,6 +57,7 @@
   align-items: center;
   cursor: pointer;
   width: 215px !important;
+  border-radius: var(--fcr_cornerradius_l);
 }
 
 .candidate-container-selected {
@@ -72,20 +73,20 @@
 }
 
 .candidate-avatar {
-  width: 26px;
-  height: 26px;
+  width: 32px;
+  height: 32px;
   border-radius: var(--fcr_cornerradius_s);
   background: var(--for_head5);
   display: flex;
   justify-content: center;
   align-items: center;
-  margin: 0 5px;
   /* text */
   color: var(--fcr_ui_scene_white10);
   font-family: Verdana;
   font-size: 14px;
   font-weight: 700;
   line-height: 14px;
+  margin-right: 5px;
 }
 .candidate-avatar .fcr-avatar {
   border-radius: var(--fcr_cornerradius_m);
@@ -93,6 +94,8 @@
 
 .candidate-avatar-all {
   background: var(--for_head1);
+  width: 32px;
+  height: 32px;
 }
 
 .candidate {

package/lib/modules/chat/chat-select/index.js

@@ -1,11 +1,21 @@
 "use strict";
 
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.for-each.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/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/web.dom-collections.for-each.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChatSelect = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.array.includes.js");
@@ -36,6 +46,8 @@ var _i18n = require("agora-ui-foundation/lib/i18n");
 var _fcr_defaultpage = _interopRequireDefault(require("../../../../public/assets/fcr_defaultpage.png"));
 var _helper = require("agora-ui-foundation/lib/components/avatar/helper");
 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; }
 function highlightMatches(str, matchStr) {
   var result = [];
   var matchLen = matchStr.length;
@@ -104,7 +116,9 @@ var ChatSelect = exports.ChatSelect = (0, _mobxReact.observer)(function (_ref) {
     }
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: selectedUid === users[index].userId ? 'candidate-container-selected' : 'candidate-container',
-      style: style,
+      style: _objectSpread(_objectSpread({}, style), {}, {
+        pointerEvents: 'all'
+      }),
       onClick: function onClick(_) {
         var user = filterUsers[index];
         onSelect(user);

package/lib/modules/chat/chat.js

@@ -72,21 +72,22 @@ var Chat = exports.Chat = (0, _mobxReact.observer)(function (_ref) {
     singling = _ref.singling,
     handleClickUploadImage = _ref.handleClickUploadImage;
   var t = (0, _i18n.useI18n)();
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
+    chatRoomStores = _useContext.chatRoomStores,
+    hasWaitingRoomPermission = _useContext.hasWaitingRoomPermission,
+    activeTabIndex = _useContext.activeTabIndex,
+    handlerActiveTab = _useContext.handlerActiveTab;
   var defaultProps = {
     errorMsg: t('fmt_chat_tips_exceedlimit'),
     forbiddenTxt: t('fmt_chat_button_muteall'),
     styles: {
-      display: 'flex'
+      display: 'flex',
+      height: chatRoomStores[_constant.RoomType.WAITING_ROOM] && chatRoomStores[_constant.RoomType.WAITING_ROOM].userCount > 0 ? 'calc(100% - 28px)' : '100%'
     }
   };
   var styles = defaultProps.styles,
     forbiddenTxt = defaultProps.forbiddenTxt,
     errorMsg = defaultProps.errorMsg;
-  var _useContext = (0, _react.useContext)(_store.StoreContext),
-    chatRoomStores = _useContext.chatRoomStores,
-    hasWaitingRoomPermission = _useContext.hasWaitingRoomPermission,
-    activeTabIndex = _useContext.activeTabIndex,
-    handlerActiveTab = _useContext.handlerActiveTab;
   var _ref2 = chatRoomStores[activeTabIndex],
     setTargetUser = _ref2.setTargetUser,
     privateTargetUser = _ref2.privateTargetUser,

package/lib/modules/chat/components/chat-bar/index.js

@@ -8,6 +8,7 @@ require("core-js/modules/es.object.define-property.js");
 require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/web.dom-collections.for-each.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -17,6 +18,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.MessageBar = 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

package/lib/modules/chat/components/chat-select/index.js

@@ -7,6 +7,7 @@ require("core-js/modules/es.object.define-property.js");
 require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/web.dom-collections.for-each.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -22,6 +23,8 @@ require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.array.slice.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.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.map.js");

package/lib/modules/chat/components/chat-select/select-input/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type ISelectInput = {
+    handleFilterChange: (search: string) => void;
+    searchTxt: string;
+};
+declare const _default: React.MemoExoticComponent<(props: ISelectInput) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/lib/modules/chat/components/chat-select/select-input/index.js

@@ -0,0 +1,35 @@
+"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 _type = require("agora-ui-foundation/lib/components/icon/type");
+var _input = require("agora-ui-foundation/lib/components/input");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _default = exports["default"] = /*#__PURE__*/_react["default"].memo(function (props) {
+  var handleFilterChange = props.handleFilterChange,
+    filterKey = props.searchTxt;
+  var t = (0, _i18n.useI18n)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "assign-host-search",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.FcrInput, {
+      iconPrefix: {
+        colors: {
+          iconPrimary: 'var(--fcr_ui_scene_icontext1)'
+        },
+        type: _type.FcrIconType.FCR_V2_SEARCH
+      },
+      onChange: function onChange(value) {
+        handleFilterChange(value);
+      },
+      placeholder: t('fmt_attendies_button_serach'),
+      shape: "rounded",
+      value: filterKey
+    })
+  });
+});

package/lib/modules/chat/components/chat-select/select-item/index.d.ts

@@ -0,0 +1,12 @@
+import { FcrUserInfo } from 'fcr-core/lib/type';
+type ISelectItem = {
+    key: string;
+    style: React.CSSProperties | undefined;
+    onSelect: (user: FcrUserInfo) => void;
+    type: 'assign-host' | 'private-chat';
+    isSelf: boolean;
+    currentUser: FcrUserInfo;
+    filterKey: string;
+};
+declare const _default: (props: ISelectItem) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/modules/chat/components/chat-select/select-item/index.js

@@ -0,0 +1,153 @@
+"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.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["default"] = void 0;
+require("core-js/modules/es.array.index-of.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.array.slice.js");
+require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/esnext.iterator.map.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _type = require("fcr-core/lib/type");
+var _mobxReact = require("mobx-react");
+var _helper = require("agora-ui-foundation/lib/components/avatar/helper");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _types = require("../../../types");
+var _textBubble = require("agora-ui-foundation/lib/components/text-bubble");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _type2 = require("agora-ui-foundation/lib/components/icon/type");
+var _avatar = require("agora-ui-foundation/lib/components/avatar");
+var _icon = require("agora-ui-foundation/lib/components/icon");
+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 _default = exports["default"] = (0, _mobxReact.observer)(function (props) {
+  var key = props.key,
+    style = props.style,
+    onSelect = props.onSelect,
+    type = props.type,
+    isSelf = props.isSelf,
+    currentUser = props.currentUser,
+    filterKey = props.filterKey;
+  var t = (0, _i18n.useI18n)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: isSelf ? 'candidate-container-selected' : 'candidate-container',
+    style: _objectSpread(_objectSpread({}, style), {}, {
+      pointerEvents: 'all'
+    }),
+    onClick: function onClick(_) {
+      onSelect(currentUser);
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        background: (0, _helper.getNameColor)(currentUser.userName)
+      },
+      className: (0, _classnames["default"])('candidate-avatar', {
+        'candidate-avatar-all': currentUser.userId === _types.USER_ALL
+      }),
+      children: type === 'private-chat' && currentUser.userName === _types.USER_ALL ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+        size: 16,
+        type: _type2.FcrIconType.FCR_USERS,
+        colors: {
+          iconPrimary: 'var(--fcr_ui_scene_white10)'
+        }
+      }) :
+      /*#__PURE__*/
+      // currentUser.userName.charAt(0).toLocaleUpperCase()
+      (0, _jsxRuntime.jsx)(_avatar.FcrAvatar, {
+        isShowFirstLetter: true,
+        size: 32,
+        nickName: currentUser.userName,
+        textSize: 14
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "candidate",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "candidate-info",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: (0, _classnames["default"])('candidate-name', {
+            'candidate-name-active': isSelf
+          }),
+          style: {
+            color: (0, _helper.getNameColor)(currentUser.userName)
+          },
+          children: highlightMatches(currentUser.userName, filterKey).map(function (value, i) {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: value !== null && value !== void 0 && value.isHighlight ? 'candidate-highlight' : '',
+              children: value.data
+            }, "".concat(i));
+          })
+        }), currentUser.userId !== _types.USER_ALL && (currentUser.userRole === _type.FcrUserRole.COHOST || currentUser.userRole === _type.FcrUserRole.HOST) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_textBubble.TextBubble, {
+          txt: t(currentUser.userRole === _type.FcrUserRole.HOST ? 'fmt_role_host' : 'fmt_role_cohost'),
+          styles: {
+            width: 'fit-content'
+          },
+          type: "gray",
+          lineHeight: "small",
+          classnames: currentUser.userRole === _type.FcrUserRole.HOST ? 'host' : 'cohost'
+        })]
+      }), isSelf ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "candidate-select",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+          type: _type2.FcrIconType.FCR_CHOOSEIT,
+          size: 24,
+          colors: {
+            iconPrimary: 'var(--fcr_web_ui_scene_mainicon2)'
+          }
+        })
+      }) : null]
+    })]
+  }, key);
+});
+function highlightMatches(str, matchStr) {
+  var result = [];
+  var matchLen = matchStr.length;
+  var start = 0;
+  if (matchStr.length === 0) {
+    return [{
+      data: str,
+      isHighlight: false
+    }];
+  }
+  while (start < str.length) {
+    var matchStart = str.indexOf(matchStr, start);
+    if (matchStart === -1) {
+      result.push({
+        data: str.slice(start),
+        isHighlight: false
+      });
+      break;
+    }
+    if (start !== matchStart) {
+      result.push({
+        data: str.slice(start, matchStart),
+        isHighlight: false
+      });
+    }
+    result.push({
+      data: matchStr,
+      isHighlight: true
+    });
+    start = matchStart + matchLen;
+  }
+  return result;
+}

package/lib/modules/chat/components/chat-tabs/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;