remove extra channel query

do not search empty query

add changelog

updates actions box to not show up if user has no available actions

remove conditional

5.1.0

Author: nhannah

docs/build/bundle.c41241d6.js renamed to docs/build/bundle.487833e0.js

@@ -1,6 +1,6 @@
 /*! exports provided: 0, 128, 130, 131, 132, 133, 134, 135, 136, 137, 138, 139, 140, 142, 145, 146, 147, 148, 149, 150, 151, 152, 153, 154, 155, 156, 158, 159, default */
 
-/*! exports provided: 1 reply, Attach files, Cancel, Channel Missing, Close, Close emoji picker, Commands matching, Connection failure, reconnecting now..., Delete, Delivered, Edit Message, Emoji matching, Empty message..., Error adding flag: Either the flag already exist or there is issue with network connection ..., Error connecting to chat, refresh the page to try again., Error muting a user ..., Error pinning message, Error removing message pin, Error unmuting a user ..., Error · Unsent, Error: {{ errorMessage }}, Flag, Message Failed · Click to try again, Message deleted, Message failed. Click to try again., Message has been successfully flagged, Message pinned, Mute, New, New Messages!, Nothing yet..., Only visible to you, Open emoji picker, People matching, Pick your emoji, Pin, Pinned by, Send, Sending..., Start of a new thread, This message was deleted..., Thread, Type your message, Unmute, Unpin, You have no channels currently, You've reached the maximum number of files, live, this content could not be displayed, {{ commaSeparatedUsers }} and {{ lastUser }} are typing..., {{ commaSeparatedUsers }} and {{ moreCount }} more, {{ commaSeparatedUsers }}, and {{ lastUser }}, {{ firstUser }} and {{ secondUser }}, {{ firstUser }} and {{ secondUser }} are typing..., {{ imageCount }} more, {{ memberCount }} members, {{ replyCount }} replies, {{ user }} has been muted, {{ user }} has been unmuted, {{ user }} is typing..., {{ watcherCount }} online, 🏙 Attachment..., default */
+/*! exports provided: 1 reply, Attach files, Cancel, Channel Missing, Close, Close emoji picker, Commands matching, Connection failure, reconnecting now..., Delete, Delivered, Edit Message, Emoji matching, Empty message..., Error adding flag: Either the flag already exist or there is issue with network connection ..., Error connecting to chat, refresh the page to try again., Error muting a user ..., Error pinning message, Error removing message pin, Error unmuting a user ..., Error · Unsent, Error: {{ errorMessage }}, Flag, Message Failed · Click to try again, Message Failed · Unauthorized, Message deleted, Message has been successfully flagged, Message pinned, Mute, New, New Messages!, Nothing yet..., Only visible to you, Open emoji picker, People matching, Pick your emoji, Pin, Pinned by, Send, Sending..., Start of a new thread, This message was deleted..., Thread, Type your message, Unmute, Unpin, You have no channels currently, You've reached the maximum number of files, live, this content could not be displayed, {{ commaSeparatedUsers }} and {{ lastUser }} are typing..., {{ commaSeparatedUsers }} and {{ moreCount }} more, {{ commaSeparatedUsers }}, and {{ lastUser }}, {{ firstUser }} and {{ secondUser }}, {{ firstUser }} and {{ secondUser }} are typing..., {{ imageCount }} more, {{ memberCount }} members, {{ replyCount }} replies, {{ user }} has been muted, {{ user }} has been unmuted, {{ user }} is typing..., {{ watcherCount }} online, 🏙 Attachment..., default */
 
 /*! exports provided: ACORN_OPTIONS, default */
 
@@ -44,7 +44,7 @@
 
 /*! exports provided: ChannelContext, ChannelProvider, useChannelContext, withChannelContext */
 
-/*! exports provided: ChannelContext, ChannelProvider, useChannelContext, withChannelContext, ChatContext, ChatProvider, useChatContext, withChatContext, isDayjs, isDate, isNumberOrString, TranslationContext, TranslationProvider, useTranslationContext, withTranslationContext */
+/*! exports provided: ChannelContext, ChannelProvider, useChannelContext, withChannelContext, ChatContext, ChatProvider, useChatContext, withChatContext, isDayOrMoment, isDate, isNumberOrString, TranslationContext, TranslationProvider, useTranslationContext, withTranslationContext */
 
 /*! exports provided: ChannelHeader */
 
@@ -448,7 +448,7 @@
 
 /*! exports provided: isBrowser, default */
 
-/*! exports provided: isDayjs, isDate, isNumberOrString, TranslationContext, TranslationProvider, useTranslationContext, withTranslationContext */
+/*! exports provided: isDayOrMoment, isDate, isNumberOrString, TranslationContext, TranslationProvider, useTranslationContext, withTranslationContext */
 
 /*! exports provided: isElement, isHTMLElement, isShadowRoot */
 
@@ -628,7 +628,7 @@
 
 /*! exports provided: v1, v3, v4, v5, NIL, version, validate, stringify, parse */
 
-/*! exports provided: validateAndGetMessage, isUserMuted, MESSAGE_ACTIONS, defaultPinPermissions, getMessageActions, areMessagePropsEqual, areMessageUIPropsEqual, messageHasReactions, messageHasAttachments, getImages, getNonImageAttachments, getReadByTooltipText */
+/*! exports provided: validateAndGetMessage, isUserMuted, MESSAGE_ACTIONS, defaultPinPermissions, getMessageActions, showMessageActionsBox, areMessagePropsEqual, areMessageUIPropsEqual, messageHasReactions, messageHasAttachments, getImages, getNonImageAttachments, getReadByTooltipText */
 
 /*! exports provided: walk, childKeys */
 

docs/build/bundle.c41241d6.js.LICENSE.txt renamed to docs/build/bundle.487833e0.js.LICENSE.txt

@@ -9,6 +9,6 @@
   </head>
   <body>
     <div id="rsg-root"></div>
-    <script src="build/bundle.c41241d6.js"></script>
+    <script src="build/bundle.487833e0.js"></script>
   </body>
 </html>

docs/index.html

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-react",
-  "version": "5.0.3",
+  "version": "5.1.0",
   "description": "React components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",

package.json

@@ -20,7 +20,7 @@ import {
   ReactionIcon,
   ThreadIcon,
 } from './icons';
-import { areMessageUIPropsEqual } from './utils';
+import { areMessageUIPropsEqual, showMessageActionsBox } from './utils';
 
 import { Attachment as DefaultAttachment } from '../Attachment';
 import { Avatar as DefaultAvatar } from '../Avatar';
@@ -356,6 +356,8 @@ const MessageLivestreamActions = <
   const messageDeletedAt = !!message.deleted_at;
   const messageWrapper = messageWrapperRef?.current;
 
+  const showActionsBox = showMessageActionsBox(getMessageActions());
+
   useEffect(() => {
     if (messageWrapper) {
       messageWrapper.addEventListener('mouseleave', hideOptions);
@@ -425,12 +427,14 @@ const MessageLivestreamActions = <
           <ThreadIcon />
         </span>
       )}
-      <MessageActions
-        {...props}
-        customWrapperClass={''}
-        getMessageActions={getMessageActions}
-        inline
-      />
+      {showActionsBox && (
+        <MessageActions
+          {...props}
+          customWrapperClass={''}
+          getMessageActions={getMessageActions}
+          inline
+        />
+      )}
     </div>
   );
 };

src/components/Message/MessageLivestream.tsx

@@ -12,6 +12,7 @@ import {
   getReadByTooltipText,
   messageHasAttachments,
   messageHasReactions,
+  showMessageActionsBox,
 } from './utils';
 
 import { Attachment as DefaultAttachment } from '../Attachment';
@@ -82,6 +83,7 @@ const MessageSimpleWithContext = <
     editing,
     EditMessageInput = DefaultEditMessageForm,
     formatDate,
+    getMessageActions,
     handleAction,
     handleOpenThread,
     handleReaction,
@@ -109,6 +111,8 @@ const MessageSimpleWithContext = <
     ? 'str-chat__message str-chat__message--me str-chat__message-simple str-chat__message-simple--me'
     : 'str-chat__message str-chat__message-simple';
 
+  const showActionsBox = showMessageActionsBox(getMessageActions());
+
   if (message.type === 'message.read' || message.type === 'message.date') {
     return null;
   }
@@ -208,6 +212,7 @@ const MessageSimpleWithContext = <
               <MessageText
                 {...props}
                 customOptionProps={{
+                  displayActions: showActionsBox,
                   handleOpenThread,
                   messageWrapperRef,
                 }}

src/components/Message/MessageSimple.tsx

@@ -11,7 +11,11 @@ import {
   ReactionIcon,
   ThreadIcon,
 } from './icons';
-import { areMessageUIPropsEqual, getReadByTooltipText } from './utils';
+import {
+  areMessageUIPropsEqual,
+  getReadByTooltipText,
+  showMessageActionsBox,
+} from './utils';
 
 import { Attachment as DefaultAttachment } from '../Attachment';
 import { Avatar as DefaultAvatar } from '../Avatar';
@@ -128,6 +132,8 @@ const MessageTeamWithContext = <
 
   const channelConfig = propChannelConfig || channel?.getConfig();
 
+  const showActionsBox = showMessageActionsBox(getMessageActions());
+
   const messageTextToRender =
     message.i18n?.[`${userLanguage}_text` as `${TranslationLanguages}_text`] ||
     message.text;
@@ -278,7 +284,7 @@ const MessageTeamWithContext = <
                       <ThreadIcon />
                     </span>
                   )}
-                  {getMessageActions().length > 0 && (
+                  {showActionsBox && (
                     <MessageActions
                       addNotification={addNotification}
                       customWrapperClass={''}

src/components/Message/MessageTeam.tsx

@@ -53,7 +53,12 @@ async function renderMessageLivestream(
           userLanguage: 'en',
         }}
       >
-        <MessageLivestream message={message} typing={false} {...props} />
+        <MessageLivestream
+          getMessageActions={() => []}
+          message={message}
+          typing={false}
+          {...props}
+        />
       </TranslationContext.Provider>
     </ChannelContext.Provider>,
   );

src/components/Message/__tests__/MessageLivestream.test.js

@@ -205,6 +205,29 @@ export const getMessageActions = (
   return messageActionsAfterPermission;
 };
 
+export const showMessageActionsBox = (actions: MessageActionsArray) => {
+  if (actions.length === 0) {
+    return false;
+  }
+
+  if (
+    actions.length === 1 &&
+    (actions.includes('react') || actions.includes('reply'))
+  ) {
+    return false;
+  }
+
+  if (
+    actions.length === 2 &&
+    actions.includes('react') &&
+    actions.includes('reply')
+  ) {
+    return false;
+  }
+
+  return true;
+};
+
 export const areMessagePropsEqual = <
   At extends DefaultAttachmentType = DefaultAttachmentType,
   Ch extends DefaultChannelType = DefaultChannelType,