@linktr.ee/messaging-react 1.17.0 → 1.17.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/messaging-react",
-  "version": "1.17.0",
+  "version": "1.17.1",
   "description": "React messaging components built on messaging-core for web applications",
   "type": "module",
   "main": "dist/index.js",

package/src/components/CustomMessage/index.tsx

@@ -2,19 +2,15 @@ import classNames from 'classnames'
 import React, { useMemo, useState } from 'react'
 import {
   Attachment as DefaultAttachment,
-  Avatar as DefaultAvatar,
   EditMessageModal as DefaultEditMessageModal,
   MessageBounceModal,
   MessageBouncePrompt as DefaultMessageBouncePrompt,
   MessageBlocked as DefaultMessageBlocked,
   MessageDeleted as DefaultMessageDeleted,
-  MessageEditedTimestamp,
   MessageErrorIcon,
   MessageIsThreadReplyInChannelButtonIndicator as DefaultMessageIsThreadReplyInChannelButtonIndicator,
   MessageRepliesCountButton as DefaultMessageRepliesCountButton,
-  MessageStatus as DefaultMessageStatus,
   MessageText,
-  MessageTimestamp as DefaultMessageTimestamp,
   Poll,
   ReminderNotification as DefaultReminderNotification,
   StreamedMessageText as DefaultStreamedMessageText,
@@ -22,18 +18,18 @@ import {
   isDateSeparatorMessage,
   isMessageBlocked,
   isMessageBounced,
-  isMessageEdited,
   messageHasAttachments,
   messageHasReactions,
   useComponentContext,
   useChatContext,
   useMessageContext,
   useMessageReminder,
-  useTranslationContext,
   type MessageContextValue,
   type MessageUIComponentProps,
 } from 'stream-chat-react'
 
+import { Avatar } from '../Avatar'
+
 import { MessageTag, isTipOnlyMessage } from './MessageTag'
 
 type CustomMessageWithContextProps = MessageContextValue
@@ -52,29 +48,22 @@ const CustomMessageWithContext = (props: CustomMessageWithContextProps) => {
     isMessageAIGenerated,
     isMyMessage,
     message,
-    onUserClick,
-    onUserHover,
     renderText,
     threadList,
   } = props
 
   const { client } = useChatContext('CustomMessage')
-  const { t } = useTranslationContext('CustomMessage')
   const [isBounceDialogOpen, setIsBounceDialogOpen] = useState(false)
-  const [isEditedTimestampOpen, setEditedTimestampOpen] = useState(false)
   const reminder = useMessageReminder(message.id)
 
   const {
     Attachment = DefaultAttachment,
-    Avatar = DefaultAvatar,
     EditMessageModal = DefaultEditMessageModal,
     MessageBlocked = DefaultMessageBlocked,
     MessageBouncePrompt = DefaultMessageBouncePrompt,
     MessageDeleted = DefaultMessageDeleted,
     MessageIsThreadReplyInChannelButtonIndicator = DefaultMessageIsThreadReplyInChannelButtonIndicator,
     MessageRepliesCountButton = DefaultMessageRepliesCountButton,
-    MessageStatus = DefaultMessageStatus,
-    MessageTimestamp = DefaultMessageTimestamp,
     ReminderNotification = DefaultReminderNotification,
     StreamedMessageText = DefaultStreamedMessageText,
     PinIndicator,
@@ -108,23 +97,18 @@ const CustomMessageWithContext = (props: CustomMessageWithContextProps) => {
     return <MessageBlocked />
   }
 
-  const showMetadata = !groupedByUser || endOfGroup
   const showReplyCountButton = !threadList && !!message.reply_count
   const showIsReplyInChannel =
     !threadList && message.show_in_channel && message.parent_id
   const allowRetry =
     message.status === 'failed' && message.error?.status !== 403
   const isBounced = isMessageBounced(message)
-  const isEdited = isMessageEdited(message) && !isAIGenerated
-
   let handleClick: (() => void) | undefined = undefined
 
   if (allowRetry) {
     handleClick = () => handleRetry(message)
   } else if (isBounced) {
     handleClick = () => setIsBounceDialogOpen(true)
-  } else if (isEdited) {
-    handleClick = () => setEditedTimestampOpen((prev) => !prev)
   }
 
   const rootClassName = classNames(
@@ -172,11 +156,10 @@ const CustomMessageWithContext = (props: CustomMessageWithContextProps) => {
         {!!reminder && <ReminderNotification reminder={reminder} />}
         {message.user && (
           <Avatar
+            className="str-chat__avatar str-chat__message-sender-avatar"
+            id={message.user.id}
             image={message.user.image}
             name={message.user.name || message.user.id}
-            onClick={onUserClick}
-            onMouseOver={onUserHover}
-            user={message.user}
           />
         )}
         {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}
@@ -233,25 +216,6 @@ const CustomMessageWithContext = (props: CustomMessageWithContextProps) => {
         {showIsReplyInChannel && (
           <MessageIsThreadReplyInChannelButtonIndicator />
         )}
-        {showMetadata && (
-          <div className="str-chat__message-metadata">
-            <MessageStatus />
-            {!isMyMessage() && !!message.user && (
-              <span className="str-chat__message-simple-name">
-                {message.user.name || message.user.id}
-              </span>
-            )}
-            <MessageTimestamp customClass="str-chat__message-simple-timestamp" />
-            {isEdited && (
-              <span className="str-chat__mesage-simple-edited">
-                {t('Edited')}
-              </span>
-            )}
-            {isEdited && (
-              <MessageEditedTimestamp calendar open={isEditedTimestampOpen} />
-            )}
-          </div>
-        )}
       </div>
     </>
   )