@ermis-network/ermis-chat-react 1.0.8 → 1.0.9

package/dist/index.cjs

@@ -6748,6 +6748,7 @@ var MessageInput = import_react55.default.memo(({
   const editableRef = import_react55.default.useRef(null);
   const [hasContent, setHasContent] = (0, import_react55.useState)(false);
   const { role, isGroupChannel: isTeamChannel, hasCapability } = useChannelCapabilities();
+  const isTopic = isTopicChannel(activeChannel);
   const isClosedTopic = activeChannel?.data?.is_closed_topic === true;
   const [memberMessageCooldown, setMemberMessageCooldown] = (0, import_react55.useState)(Number(activeChannel?.data?.member_message_cooldown) || 0);
   (0, import_react55.useEffect)(() => {
@@ -6892,7 +6893,7 @@ var MessageInput = import_react55.default.memo(({
     toggleEmojiPicker
   } = useEmojiPicker({ editableRef, setHasContent });
   const members = (0, import_react55.useMemo)(() => {
-    if (!isTeamChannel) return [];
+    if (!(isTeamChannel || isTopic)) return [];
     const list = [];
     const stateMembers = activeChannel?.state?.members;
     if (stateMembers && typeof stateMembers === "object") {
@@ -6906,7 +6907,7 @@ var MessageInput = import_react55.default.memo(({
       }
     }
     return list;
-  }, [activeChannel, isTeamChannel]);
+  }, [activeChannel, isTeamChannel, isTopic]);
   const {
     showSuggestions,
     filteredMembers,
@@ -6938,7 +6939,7 @@ var MessageInput = import_react55.default.memo(({
     setFiles,
     hasContent,
     setHasContent,
-    isTeamChannel,
+    isTeamChannel: isTeamChannel || isTopic,
     buildPayload,
     reset,
     syncMessages,
@@ -6968,11 +6969,11 @@ var MessageInput = import_react55.default.memo(({
     const content = el?.textContent?.trim() ?? "";
     setHasContent(content.length > 0 || files.length > 0);
     setKeywordError(null);
-    if (isTeamChannel && !disableMentions) {
+    if ((isTeamChannel || isTopic) && !disableMentions) {
       mentionHandleInput();
     }
     activeChannel?.keystroke();
-  }, [isTeamChannel, disableMentions, mentionHandleInput, files.length, activeChannel]);
+  }, [isTeamChannel, isTopic, disableMentions, mentionHandleInput, files.length, activeChannel]);
   const handleKeyDown = (0, import_react55.useCallback)(
     (e) => {
       if (e.nativeEvent.isComposing) return;
@@ -6986,7 +6987,7 @@ var MessageInput = import_react55.default.memo(({
           return;
         }
       }
-      if (isTeamChannel && !disableMentions) {
+      if ((isTeamChannel || isTopic) && !disableMentions) {
         const consumed = mentionHandleKeyDown(e);
         if (consumed) return;
       }
@@ -6997,7 +6998,7 @@ var MessageInput = import_react55.default.memo(({
         }
       }
     },
-    [isTeamChannel, disableMentions, mentionHandleKeyDown, handleSend, editingMessage, quotedMessage, setEditingMessage, setQuotedMessage, reset]
+    [isTeamChannel, isTopic, disableMentions, mentionHandleKeyDown, handleSend, editingMessage, quotedMessage, setEditingMessage, setQuotedMessage, reset]
   );
   const handlePaste = (0, import_react55.useCallback)((e) => {
     e.preventDefault();
@@ -7075,7 +7076,7 @@ var MessageInput = import_react55.default.memo(({
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: `ermis-message-input__row${!canSendMessage || isSlowModeBlocked || keywordError ? " ermis-message-input__row--banners-active" : ""}`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "ermis-message-input__editable-wrapper", children: [
-        canSendMessage && isTeamChannel && !disableMentions && showSuggestions && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        canSendMessage && (isTeamChannel || isTopic) && !disableMentions && showSuggestions && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           MentionSuggestionsComponent,
           {
             members: filteredMembers,