fcr-ui-scene 3.2.0 → 3.3.1

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

@@ -22,59 +22,82 @@ var _mobxReact = require("mobx-react");
 var _context = require("./context");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _jsxRuntime = require("react/jsx-runtime");
-var FcrActionBar = exports.FcrActionBar = (0, _mobxReact.observer)(function (props) {
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    opened = _useState2[0],
-    setOpenState = _useState2[1];
-  var _useContext = (0, _react.useContext)(_context.ActionBarContext),
-    toggleFold = _useContext.toggleFold,
-    folded = _useContext.folded,
-    setShowArrow = _useContext.setShowArrow,
-    showArrow = _useContext.showArrow;
+/**
+ * @param toggleFold 用于点击折叠底部操作栏
+ * @returns
+ */
+var ToggleToolbarBtn = function ToggleToolbarBtn(_ref) {
+  var className = _ref.className,
+    toggleFold = _ref.toggleFold,
+    mouseLeaveFn = _ref.mouseLeaveFn;
   var transI18n = (0, _i18n.useI18n)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames["default"])('fcr-action-bar', {
-      'fcr-action-bar-fold-style': folded
-    }),
-    onMouseEnter: function onMouseEnter() {
-      setShowArrow(true);
-    },
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames["default"])('fcr-action-bar--fold-wrap', className),
     onMouseLeave: function onMouseLeave() {
-      setShowArrow(false);
+      return mouseLeaveFn();
     },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "fcr-action-bar--fold-hotarea"
-    }), !folded && showArrow && /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-      placement: "top",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
       content: transI18n('fmt_settings_options_toolbarcollapse'),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "fcr-action-bar--fold",
-        onClick: toggleFold,
+        className: "fcr-action-bar--fold-btn",
+        onClick: function onClick() {
+          return toggleFold();
+        },
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+          className: "fcr-action-bar--fold",
           type: _type.FcrIconType.FCR_DROPDOWN,
           colors: {
-            iconPrimary: 'black'
+            iconPrimary: '#4262ff99'
           }
         })
       })
-    }), folded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_smaller.SmallerActionbar, {}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_itemPlacement.ActionBarItemPlacement, {
-        placement: "left",
-        children: !opened && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_device.MicrophoneDevice, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_device.CameraDevice, {})]
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_itemPlacement.ActionBarItemPlacement, {
-        placement: "mid",
-        children: !opened && /*#__PURE__*/(0, _jsxRuntime.jsx)(_actionBarCollapesItems.ActionBarCollapseItems, {
-          children: _actionBarCollapesItems.midActionOrderMap
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_itemPlacement.ActionBarItemPlacement, {
-        placement: "right",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_leave.End, {
-          onPopoverChanged: setOpenState
-        })
-      })]
+    })
+  });
+};
+var FcrActionBar = exports.FcrActionBar = (0, _mobxReact.observer)(function (props) {
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    opened = _useState2[0],
+    setOpenState = _useState2[1];
+  var _useContext = (0, _react.useContext)(_context.ActionBarContext),
+    folded = _useContext.folded,
+    setShowArrow = _useContext.setShowArrow,
+    showArrow = _useContext.showArrow,
+    toggleFold = _useContext.toggleFold,
+    isMainRoom = _useContext.isMainRoom;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [!folded && showArrow ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ToggleToolbarBtn, {
+      toggleFold: toggleFold,
+      mouseLeaveFn: function mouseLeaveFn() {
+        setShowArrow(false);
+      }
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "fcr-action-bar--fold-hotarea"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames["default"])('fcr-action-bar', {
+        'fcr-action-bar-fold-style': folded
+      }),
+      onMouseEnter: function onMouseEnter() {
+        setShowArrow(true);
+      },
+      children: folded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_smaller.SmallerActionbar, {}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_itemPlacement.ActionBarItemPlacement, {
+          placement: "left",
+          children: !opened && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_device.MicrophoneDevice, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_device.CameraDevice, {})]
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_itemPlacement.ActionBarItemPlacement, {
+          placement: "mid",
+          children: !opened && isMainRoom && /*#__PURE__*/(0, _jsxRuntime.jsx)(_actionBarCollapesItems.ActionBarCollapseItems, {
+            children: _actionBarCollapesItems.midActionOrderMap
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_itemPlacement.ActionBarItemPlacement, {
+          placement: "right",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_leave.End, {
+            onPopoverChanged: setOpenState
+          })
+        })]
+      })
     })]
   });
 });

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

@@ -72,9 +72,12 @@ var MessageBar = exports.MessageBar = (0, _mobxReact.observer)(function (_ref) {
     setTips(selectedUserId === _store.USER_ALL ? t('fmt_chat_labels_sendto') : t('fmt_chats_label_privatechat'));
   }, [selectedUserId]);
   var _useContext = (0, _react.useContext)(_contex.StoreContext),
-    chatLevel = _useContext.chatLevel,
-    privateTargetUser = _useContext.privateTargetUser,
-    localIsManager = _useContext.localIsManager;
+    chatRoomStores = _useContext.chatRoomStores,
+    activeTabIndex = _useContext.activeTabIndex;
+  var _ref2 = chatRoomStores[activeTabIndex],
+    chatLevel = _ref2.chatLevel,
+    privateTargetUser = _ref2.privateTargetUser,
+    localIsManager = _ref2.localIsManager;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: cls,
     style: _objectSpread({}, styles),
@@ -99,32 +102,41 @@ var MessageBar = exports.MessageBar = (0, _mobxReact.observer)(function (_ref) {
         selectedUid: selectedUserId,
         onSelect: handleSelected
       }),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_textBubble.TextBubble, {
-        styles: {
-          padding: '4px 1px 4px 4px',
-          borderRadius: 6,
-          backgroundColor: 'var(--fcr_web_ui_scene_fill2)'
-        },
-        txt: /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconText.IconText, {
-          classnames: {
-            'fcr-break-one-line fcr-word-break': true,
-            'fcr-msg-bar-break-max-width': true
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        onClick: function onClick() {
+          if ((users === null || users === void 0 ? void 0 : users.length) <= 1) {
+            return;
           }
-          // TODO: 当选中的 uid 为 None 时，需要提示选择管理员
-          ,
-          txt: privateTargetUser.userId === _store.USER_NONE && !localIsManager ? t('fmt_chat_tips_selecthost') : (_users$find$userName = (_users$find = users.find(function (user) {
-            return user.userId === selectedUserId;
-          })) === null || _users$find === void 0 ? void 0 : _users$find.userName) !== null && _users$find$userName !== void 0 ? _users$find$userName : _store.USER_ALL,
-          icon: _type.FcrIconType.FCR_DROPDOWN,
-          colors: {
-            iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
-          },
-          iconTransform: popoverOpened,
-          enable: true,
-          onClick: function onClick() {
-            setPopoverOpened(!popoverOpened);
+          setPopoverOpened(!popoverOpened);
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_textBubble.TextBubble, {
+          styles: {
+            padding: '4px 1px 4px 4px',
+            borderRadius: 6,
+            backgroundColor: 'var(--fcr_web_ui_scene_fill2)'
           },
-          iconReverse: true
+          txt: /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconText.IconText, {
+            classnames: {
+              'fcr-break-one-line fcr-word-break': true,
+              'fcr-msg-bar-break-max-width': true
+            }
+            // TODO: 当选中的 uid 为 None 时，需要提示选择管理员
+            ,
+            txt: privateTargetUser.userId === _store.USER_NONE && !localIsManager ? t('fmt_chat_tips_selecthost') : (_users$find$userName = (_users$find = users.find(function (user) {
+              return user.userId === selectedUserId;
+            })) === null || _users$find === void 0 ? void 0 : _users$find.userName) !== null && _users$find$userName !== void 0 ? _users$find$userName : _store.USER_ALL,
+            icon: _type.FcrIconType.FCR_DROPDOWN,
+            colors: {
+              iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
+            },
+            iconTransform: popoverOpened,
+            enable: true,
+            isHideIcon: (users === null || users === void 0 ? void 0 : users.length) <= 1,
+            onClick: function onClick() {
+              setPopoverOpened(!popoverOpened);
+            },
+            iconReverse: true
+          })
         })
       })
     })]

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

@@ -1,9 +1,15 @@
 .leave-container {
   position: relative;
-  padding: 20px;
+  padding: 8px 20px 20px;
   max-height: 368px;
 }
 
+.fcr-dialog-body .leave-container {
+  position: relative;
+  max-height: 368px;
+  padding: 0px;
+}
+
 .leave-confirm {
   width: 100%;
   height: 36px;
@@ -58,16 +64,17 @@
   align-items: center;
   cursor: pointer;
   width: 215px !important;
-
+  border-radius: var(--fcr_cornerradius_l);
+}
+.candidate-container-selected:hover,
+.candidate-container:hover {
   background: var(--fcr_web_ui_scene_hover);
-  border-radius: var(--fcr_cornerradius_s);
 }
 
 .candidate-avatar {
   width: 26px;
   height: 26px;
   border-radius: var(--fcr_cornerradius_s);
-
   background: var(--for_head5);
   display: flex;
   justify-content: center;
@@ -80,6 +87,9 @@
   font-weight: 700;
   line-height: 14px;
 }
+.candidate-avatar .fcr-avatar {
+  border-radius: var(--fcr_cornerradius_m);
+}
 
 .candidate-avatar-all {
   background: var(--for_head1);

package/lib/modules/chat/chat.d.ts

@@ -1,11 +1,10 @@
-export declare const Chat: ({ updateReadIndex, sendMsg, userId: localUserId, isHost, singling, handleClickUploadImage, }: {
+export declare const Chat: ({ updateReadIndex, sendMsg, userId: localUserId, singling, handleClickUploadImage, }: {
     updateReadIndex: (data?: {
         index: number;
         msgId: string;
     }) => void;
     sendMsg: (msg: string) => void;
     userId: string;
-    isHost: boolean;
     singling?: boolean;
     handleClickUploadImage: () => void;
 }) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/chat/chat.js

@@ -62,12 +62,15 @@ var _copyText = require("../../utilities/copyText");
 var _chatManager = require("agora-ui-foundation/lib/components/chat-manager");
 var _type2 = require("agora-edu-core/lib/room-control/chatroom-control/type");
 var _agoraEduCore = require("agora-edu-core");
+var _tabs = require("agora-ui-foundation/lib/components/tabs");
+var _constant = require("../../utilities/constant");
+var _fcr_chat_reddot = _interopRequireDefault(require("../../../public/assets/fcr_chat_reddot.svg"));
 var _jsxRuntime = require("react/jsx-runtime");
 var Chat = exports.Chat = (0, _mobxReact.observer)(function (_ref) {
+  var _chatRoomStores$RoomT, _chatRoomStores$RoomT2, _chatRoomStores$RoomT3, _chatRoomStores$RoomT4, _chatRoomStores$RoomT5, _chatRoomStores$RoomT6;
   var updateReadIndex = _ref.updateReadIndex,
     sendMsg = _ref.sendMsg,
     localUserId = _ref.userId,
-    isHost = _ref.isHost,
     singling = _ref.singling,
     handleClickUploadImage = _ref.handleClickUploadImage;
   var t = (0, _i18n.useI18n)();
@@ -82,20 +85,29 @@ var Chat = exports.Chat = (0, _mobxReact.observer)(function (_ref) {
     forbiddenTxt = defaultProps.forbiddenTxt,
     errorMsg = defaultProps.errorMsg;
   var _useContext = (0, _react.useContext)(_contex.StoreContext),
-    allowChat = _useContext.allowChat,
-    setTargetUser = _useContext.setTargetUser,
-    privateTargetUser = _useContext.privateTargetUser,
-    remoteUsers = _useContext.remoteUsers,
-    targetUserIsOnline = _useContext.targetUserIsOnline,
-    localIsManager = _useContext.localIsManager,
-    chatLevel = _useContext.chatLevel,
-    messageList = _useContext.messageList,
-    textMsg = _useContext.textMsg,
-    updateChatTextMsg = _useContext.updateChatTextMsg,
-    privateTargetList = _useContext.privateTargetList,
-    resetTargetUser = _useContext.resetTargetUser,
-    handleToast = _useContext.handleToast,
-    chatRoomState = _useContext.chatRoomState;
+    chatRoomStores = _useContext.chatRoomStores,
+    hasWaitingRoomPermission = _useContext.hasWaitingRoomPermission,
+    activeTabIndex = _useContext.activeTabIndex,
+    handlerActiveTab = _useContext.handlerActiveTab;
+  var _ref2 = chatRoomStores[activeTabIndex],
+    setTargetUser = _ref2.setTargetUser,
+    privateTargetUser = _ref2.privateTargetUser,
+    remoteUsers = _ref2.remoteUsers,
+    targetUserIsOnline = _ref2.targetUserIsOnline,
+    localIsManager = _ref2.localIsManager,
+    chatLevel = _ref2.chatLevel,
+    messageList = _ref2.messageList,
+    textMsg = _ref2.textMsg,
+    updateChatTextMsg = _ref2.updateChatTextMsg,
+    privateTargetList = _ref2.privateTargetList,
+    resetTargetUser = _ref2.resetTargetUser,
+    handleToast = _ref2.handleToast,
+    chatRoomState = _ref2.chatRoomState,
+    isHost = _ref2.isHost,
+    hasChatPermission = _ref2.hasChatPermission,
+    hasChatSendPrivatePermission = _ref2.hasChatSendPrivatePermission,
+    filterChatMember = _ref2.filterChatMember,
+    hasSendMessagePermission = _ref2.hasSendMessagePermission;
   var handleTargetChange = function handleTargetChange(user) {
     setTargetUser(user);
   };
@@ -117,7 +129,7 @@ var Chat = exports.Chat = (0, _mobxReact.observer)(function (_ref) {
     setTargetList = _useState8[1];
   (0, _react.useEffect)(function () {
     var _users$;
-    var users = (0, _toConsumableArray2["default"])(targetList);
+    var users = (0, _toConsumableArray2["default"])(remoteUsers);
     if (((_users$ = users[0]) === null || _users$ === void 0 ? void 0 : _users$.userId) === _store.USER_ALL) {
       if (chatLevel !== 'everyone' && chatLevel !== 'public' && !localIsManager) {
         users.shift();
@@ -148,10 +160,11 @@ var Chat = exports.Chat = (0, _mobxReact.observer)(function (_ref) {
         return u.userId === user.userId;
       })) !== null && _remoteUsers$find !== void 0 ? _remoteUsers$find : user;
     });
+    users = filterChatMember((0, _toConsumableArray2["default"])(users));
     setTargetList((0, _toConsumableArray2["default"])(users));
-  }, [privateTargetList, chatLevel, remoteUsers]);
+  }, [chatLevel, remoteUsers]);
   var handleMultiCopyMsg = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+    var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
       var msgHandled, msgIndex;
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -186,7 +199,7 @@ var Chat = exports.Chat = (0, _mobxReact.observer)(function (_ref) {
       }, _callee);
     }));
     return function handleMultiCopyMsg() {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }();
   (0, _react.useEffect)(function () {
@@ -209,107 +222,173 @@ var Chat = exports.Chat = (0, _mobxReact.observer)(function (_ref) {
       }
     });
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_chatWrapper.ChatWrapper, {
-    styles: styles,
-    errorMsg: errorMsg,
-    forbiddenTxt: forbiddenTxt,
-    singling: singling,
-    forbidden: !localIsManager && !allowChat,
-    isHost: isHost,
-    handMsg: function handMsg(msg) {
-      if (chatRoomState !== _type2.FcrChatRoomConnectionState.Connected) {
-        handleToast({
-          id: 'send-msg-offline',
-          toastProps: {
-            type: 'error',
-            content: t('fmt_chat_tips_Networkconnect'),
-            size: 'small'
-          }
-        });
-        return;
-      }
-      if (!localIsManager) {
-        if (privateTargetUser.userId === _store.USER_NONE) {
-          handleToast({
-            id: 'send-msg-to-none',
-            toastProps: {
-              type: 'normal',
-              content: t('fmt_chat_tips_selectchat'),
-              size: 'small'
-            }
-          });
-          return;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "chat-tabs-container",
+      children: chatRoomStores[_constant.RoomType.WAITING_ROOM] && chatRoomStores[_constant.RoomType.MAIN_ROOM] && chatRoomStores[_constant.RoomType.WAITING_ROOM].userCount > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_tabs.FcrTabs, {
+        items: [{
+          label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "chat-container-icon",
+            children: [((_chatRoomStores$RoomT = chatRoomStores[_constant.RoomType.MAIN_ROOM]) === null || _chatRoomStores$RoomT === void 0 ? void 0 : _chatRoomStores$RoomT.unReadMsgCount) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "fcr-action-bar-chat-unread-count",
+              children: ((_chatRoomStores$RoomT2 = chatRoomStores[_constant.RoomType.MAIN_ROOM]) === null || _chatRoomStores$RoomT2 === void 0 ? void 0 : _chatRoomStores$RoomT2.unReadMsgCount) > 99 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+                src: _fcr_chat_reddot["default"]
+              }) : (_chatRoomStores$RoomT3 = chatRoomStores[_constant.RoomType.MAIN_ROOM]) === null || _chatRoomStores$RoomT3 === void 0 ? void 0 : _chatRoomStores$RoomT3.unReadMsgCount
+            }), t('fmt_waitingroom_sidebar_chat_label_meeting', {
+              reason1: chatRoomStores[_constant.RoomType.MAIN_ROOM].userCount
+            })]
+          }),
+          key: _constant.RoomType.MAIN_ROOM
+        }, {
+          label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "chat-container-icon",
+            children: [((_chatRoomStores$RoomT4 = chatRoomStores[_constant.RoomType.WAITING_ROOM]) === null || _chatRoomStores$RoomT4 === void 0 ? void 0 : _chatRoomStores$RoomT4.unReadMsgCount) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "fcr-action-bar-chat-unread-count",
+              children: ((_chatRoomStores$RoomT5 = chatRoomStores[_constant.RoomType.WAITING_ROOM]) === null || _chatRoomStores$RoomT5 === void 0 ? void 0 : _chatRoomStores$RoomT5.unReadMsgCount) > 99 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+                src: _fcr_chat_reddot["default"]
+              }) : (_chatRoomStores$RoomT6 = chatRoomStores[_constant.RoomType.WAITING_ROOM]) === null || _chatRoomStores$RoomT6 === void 0 ? void 0 : _chatRoomStores$RoomT6.unReadMsgCount
+            }), t('fmt_waitingroom_sidebar_label_waiting', {
+              reason1: chatRoomStores[_constant.RoomType.WAITING_ROOM].userCount
+            })]
+          }),
+          key: _constant.RoomType.WAITING_ROOM
+        }],
+        activeKey: activeTabIndex,
+        onChange: function onChange(key) {
+          handlerActiveTab(key);
         }
-        if (chatLevel === 'no_one' || chatLevel !== 'everyone' && privateTargetUser.userId !== _store.USER_ALL && !(0, _store.isManager)(privateTargetUser.userRole)) {
+      }) : null
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_chatWrapper.ChatWrapper, {
+      styles: styles,
+      errorMsg: errorMsg,
+      forbiddenTxt: forbiddenTxt,
+      singling: singling,
+      forbidden: !localIsManager && !hasChatPermission && !hasChatSendPrivatePermission,
+      isHost: isHost,
+      handMsg: function handMsg(msg) {
+        if (chatRoomState !== _type2.FcrChatRoomConnectionState.Connected) {
           handleToast({
-            id: 'send-msg-to-none',
+            id: 'send-msg-offline',
             toastProps: {
-              type: 'normal',
-              content: t('fmt_chat_tips_permissionchange'),
+              type: 'error',
+              content: t('fmt_chat_tips_Networkconnect'),
               size: 'small'
             }
           });
-          resetTargetUser();
           return;
         }
-      }
-      sendMsg(msg);
-    },
-    handleClickUploadImage: handleClickUploadImage,
-    msgBarElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_chatBar.MessageBar, {
-      selectedUserId: privateTargetUser.userId,
-      users: (0, _toConsumableArray2["default"])(targetList.filter(function (user) {
-        return localIsManager || chatLevel === 'everyone' || user.userId === _store.USER_ALL || user.userId === privateTargetUser.userId || chatLevel !== 'no_one' && (0, _store.isManager)(user.userRole);
-      })),
-      onTargetChange: handleTargetChange,
-      title: chatSelectNoTitle ? undefined : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "assign-host-title",
-        children: chatLevel === 'public' ? t('fmt_chat_option_onlypublic') : t('fmt_chat_option_onlyprivate')
-      })
-    }),
-    targetUserIsOnline: targetUserIsOnline,
-    privateTarget: privateTargetUser.userId,
-    selectTargetNickname: privateTargetUser.userName,
-    multiSelectActive: multiSelectActive,
-    selectCnt: selectCnt,
-    onSelectCancel: function onSelectCancel() {
-      resetMultiSelectStates();
-    },
-    onSelectConfirm: /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
-      return _regenerator["default"].wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            _context2.next = 2;
-            return handleMultiCopyMsg();
-          case 2:
-            resetMultiSelectStates();
-            copyTips();
-          case 4:
-          case "end":
-            return _context2.stop();
+        if (!localIsManager) {
+          if (privateTargetUser.userId === _store.USER_NONE) {
+            handleToast({
+              id: 'send-msg-to-none',
+              toastProps: {
+                type: 'normal',
+                content: t('fmt_chat_tips_selectchat'),
+                size: 'small'
+              }
+            });
+            return;
+          }
+
+          // if (
+          //   chatLevel === 'no_one' ||
+          //   (chatLevel !== 'everyone' &&
+          //     privateTargetUser.userId !== USER_ALL &&
+          //     !isManager(privateTargetUser.userRole))
+          // ) {
+          //   handleToast({
+          //     id: 'send-msg-to-none',
+          //     toastProps: {
+          //       type: 'normal',
+          //       content: t('fmt_chat_tips_permissionchange'),
+          //       size: 'small',
+          //     },
+          //   });
+          //   resetTargetUser();
+          //   return;
+          // }
+
+          if (privateTargetUser.userId === _store.USER_ALL && !hasSendMessagePermission()) {
+            handleToast({
+              id: 'send-msg-to-none',
+              toastProps: {
+                type: 'normal',
+                content: t('fmt_chat_tips_permissionchange'),
+                size: 'small'
+              }
+            });
+            return;
+          } else if (privateTargetUser.userId !== _store.USER_ALL && !hasChatSendPrivatePermission) {
+            handleToast({
+              id: 'send-msg-to-none',
+              toastProps: {
+                type: 'normal',
+                content: t('fmt_chat_tips_permissionchange'),
+                size: 'small'
+              }
+            });
+            resetTargetUser();
+            return;
+          }
         }
-      }, _callee2);
-    })),
-    defaultMsg: textMsg,
-    updateChatTextMsg: updateChatTextMsg,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_messageList.MessageList, {
-      updateReadMsgIndex: updateReadIndex,
-      userId: localUserId,
-      setMultiSelectActive: setMultiSelectActive,
+        sendMsg(msg);
+      },
+      handleClickUploadImage: handleClickUploadImage,
+      msgBarElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_chatBar.MessageBar, {
+        selectedUserId: privateTargetUser.userId,
+        users: targetList,
+        onTargetChange: handleTargetChange,
+        title: chatSelectNoTitle ? undefined : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "assign-host-title",
+          children: chatLevel === 'public' ? t('fmt_chat_option_onlypublic') : t('fmt_chat_option_onlyprivate')
+        })
+      }),
+      targetUserIsOnline: targetUserIsOnline,
+      privateTarget: privateTargetUser.userId,
+      selectTargetNickname: privateTargetUser.userName,
       multiSelectActive: multiSelectActive,
-      copyMap: copyMap,
-      setCopyMap: setCopyMap,
       selectCnt: selectCnt,
-      copyTips: copyTips
-    })
+      onSelectCancel: function onSelectCancel() {
+        resetMultiSelectStates();
+      },
+      onSelectConfirm: /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+        return _regenerator["default"].wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.next = 2;
+              return handleMultiCopyMsg();
+            case 2:
+              resetMultiSelectStates();
+              copyTips();
+            case 4:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2);
+      })),
+      defaultMsg: textMsg,
+      updateChatTextMsg: updateChatTextMsg,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_messageList.MessageList, {
+        updateReadMsgIndex: updateReadIndex,
+        userId: localUserId,
+        setMultiSelectActive: setMultiSelectActive,
+        multiSelectActive: multiSelectActive,
+        copyMap: copyMap,
+        setCopyMap: setCopyMap,
+        selectCnt: selectCnt,
+        copyTips: copyTips
+      })
+    })]
   });
 });
 var ChatAction = exports.ChatAction = (0, _mobxReact.observer)(function () {
   var _useContext2 = (0, _react.useContext)(_contex.StoreContext),
-    isHostOrCoHost = _useContext2.isHostOrCoHost,
-    setAllowChat = _useContext2.setAllowChat,
-    setAllowChatWithPayload = _useContext2.setAllowChatWithPayload,
-    chatLevel = _useContext2.chatLevel;
+    chatRoomStores = _useContext2.chatRoomStores;
+  var _ref5 = chatRoomStores[_constant.RoomType.MAIN_ROOM],
+    isHostOrCoHost = _ref5.isHostOrCoHost,
+    setAllowChat = _ref5.setAllowChat,
+    setAllowChatWithPayload = _ref5.setAllowChatWithPayload,
+    chatLevel = _ref5.chatLevel;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_chatManager.ChatManager, {
     isManager: isHostOrCoHost,
     setAllowChat: setAllowChat,