@linktr.ee/messaging-react 4.1.6-rc-1787118265 → 4.1.6

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-iaHRPEFz.cjs");exports.ActionButton=e.ActionButton;exports.Avatar=e.Avatar;exports.ChannelEmptyState=e.ChannelEmptyState;exports.ChannelList=e.ChannelList;exports.ChannelView=e.ChannelView;exports.CustomMessageProvider=e.CustomMessageProvider;exports.FaqList=e.FaqList;exports.FaqListItem=e.FaqListItem;exports.LinkAttachment=e.LinkAttachment;exports.LockedAttachment=e.LockedAttachment;exports.MediaMessage=e.MediaMessage;exports.MessageAttachment=e.MessageAttachment;exports.MessageBubble=e.MessageBubble;exports.MessagingProvider=e.MessagingProvider;exports.MessagingShell=e.MessagingShell;exports.RichCard=e.RichCard;exports.TipMessage=e.TipMessage;exports.buildCompactMetaLabel=e.buildCompactMetaLabel;exports.formatFileSize=e.formatFileSize;exports.formatRelativeTime=e.formatRelativeTime;exports.getFileExtensionLabel=e.getFileExtensionLabel;exports.getMessageDisplayText=e.getMessageDisplayText;exports.isLinkAttachment=e.isLinkAttachment;exports.isTipMessage=e.isTipMessage;exports.isUuidLike=e.isUuidLike;exports.messageAttachmentGroupPositionFromStream=e.bubbleGroupPositionFromStream;exports.normalizeLanguageCode=e.normalizeLanguageCode;exports.optimizeMessagingAttachmentUrl=e.optimizeMessagingAttachmentUrl;exports.resolveConversationParticipant=e.resolveConversationParticipant;exports.resolveLinkAttachment=e.resolveLinkAttachment;exports.resolveMediaFromMessage=e.resolveMediaFromMessage;exports.resolveParticipantDisplayName=e.resolveParticipantDisplayName;exports.useComposerLocked=e.useComposerLocked;exports.useCustomMessage=e.useCustomMessage;exports.useMessaging=e.useMessaging;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BE8tWSEx.cjs");exports.ActionButton=e.ActionButton;exports.Avatar=e.Avatar;exports.ChannelEmptyState=e.ChannelEmptyState;exports.ChannelList=e.ChannelList;exports.ChannelView=e.ChannelView;exports.CustomMessageProvider=e.CustomMessageProvider;exports.FaqList=e.FaqList;exports.FaqListItem=e.FaqListItem;exports.LinkAttachment=e.LinkAttachment;exports.LockedAttachment=e.LockedAttachment;exports.MediaMessage=e.MediaMessage;exports.MessageAttachment=e.MessageAttachment;exports.MessageBubble=e.MessageBubble;exports.MessagingProvider=e.MessagingProvider;exports.MessagingShell=e.MessagingShell;exports.RichCard=e.RichCard;exports.TipMessage=e.TipMessage;exports.buildCompactMetaLabel=e.buildCompactMetaLabel;exports.formatFileSize=e.formatFileSize;exports.formatRelativeTime=e.formatRelativeTime;exports.getFileExtensionLabel=e.getFileExtensionLabel;exports.getMessageDisplayText=e.getMessageDisplayText;exports.isLinkAttachment=e.isLinkAttachment;exports.isTipMessage=e.isTipMessage;exports.isUuidLike=e.isUuidLike;exports.messageAttachmentGroupPositionFromStream=e.bubbleGroupPositionFromStream;exports.normalizeLanguageCode=e.normalizeLanguageCode;exports.optimizeMessagingAttachmentUrl=e.optimizeMessagingAttachmentUrl;exports.resolveConversationParticipant=e.resolveConversationParticipant;exports.resolveLinkAttachment=e.resolveLinkAttachment;exports.resolveMediaFromMessage=e.resolveMediaFromMessage;exports.resolveParticipantDisplayName=e.resolveParticipantDisplayName;exports.useComposerLocked=e.useComposerLocked;exports.useCustomMessage=e.useCustomMessage;exports.useMessaging=e.useMessaging;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -1,4 +1,4 @@
-import { a as e, b as t, C as i, c as n, d as o, e as m, F as r, f as g, L as l, h as M, M as c, i as h, j as p, k as L, l as u, R as d, T as C, m as v, n as A, p as k, q as F, s as b, t as P, u as T, v as f, w as x, x as y, o as z, y as S, z as q, B, D, E, G as R, H as w } from "./index-Ca3WKKZr.js";
+import { a as e, b as t, C as i, c as n, d as o, e as m, F as r, f as g, L as l, h as M, M as c, i as h, j as p, k as L, l as u, R as d, T as C, m as v, n as A, p as k, q as F, s as b, t as P, u as T, v as f, w as x, x as y, o as z, y as S, z as q, B, D, E, G as R, H as w } from "./index-xcIpBghu.js";
 export {
   e as ActionButton,
   t as Avatar,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/messaging-react",
-  "version": "4.1.6-rc-1787118265",
+  "version": "4.1.6",
   "description": "React messaging components built on messaging-core for web applications",
   "type": "module",
   "main": "dist/index.cjs",
@@ -50,7 +50,7 @@
     "chromatic:local": "yarn storybook:build && chromatic"
   },
   "dependencies": {
-    "@linktr.ee/messaging-core": "2.4.0-rc-1787118265",
+    "@linktr.ee/messaging-core": "^2.4.0",
     "@linktr.ee/messaging-taxonomy": "^0.10.0",
     "@phosphor-icons/react": "^2.1.10"
   },

package/src/components/CustomMessage/CustomMessage.test.tsx

@@ -5,6 +5,7 @@ import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { renderWithProviders, screen } from '../../test/utils'
 
 import { OutboundContext } from './OutboundContext'
+import { isTipMessage } from './TipMessage'
 
 import { CustomMessage } from './index'
 
@@ -65,7 +66,7 @@ vi.mock('./MessageTag', () => ({
 
 vi.mock('./TipMessage', () => ({
   TipMessage: () => null,
-  isTipMessage: () => false,
+  isTipMessage: vi.fn(() => false),
 }))
 
 vi.mock('./LockedAttachment', () => ({
@@ -83,9 +84,11 @@ vi.mock('../MediaMessage', () => ({
 
 const mockedUseChannelStateContext = vi.mocked(useChannelStateContext)
 const mockedUseMessageContext = vi.mocked(useMessageContext)
+const mockedIsTipMessage = vi.mocked(isTipMessage)
 
 describe('CustomMessage', () => {
   beforeEach(() => {
+    mockedIsTipMessage.mockReturnValue(false)
     mockedUseChannelStateContext.mockReturnValue({
       messages: [{ id: 'message-1', user: { id: 'me' } }],
     } as never)
@@ -211,4 +214,51 @@ describe('CustomMessage', () => {
       screen.getByTestId('sent-message-outbound-status')
     ).toHaveTextContent('July 9th Class absentee')
   })
+
+  it('does not render an accompanying text bubble for a whitespace-only tip message', () => {
+    mockedIsTipMessage.mockReturnValue(true)
+    mockedUseMessageContext.mockReturnValue({
+      message: {
+        id: 'message-1',
+        text: '   \n  ',
+        type: 'regular',
+        status: 'received',
+        user: { id: 'me', name: 'Me' },
+        metadata: {},
+      },
+      isMyMessage: () => true,
+      threadList: false,
+      editing: false,
+      endOfGroup: true,
+      firstOfGroup: true,
+      groupedByUser: true,
+      handleAction: vi.fn(),
+      handleOpenThread: vi.fn(),
+      handleRetry: vi.fn(),
+      highlighted: false,
+      renderText: undefined,
+      isMessageAIGenerated: undefined,
+    } as never)
+
+    renderWithProviders(
+      <OutboundContext.Provider value={{}}>
+        <CustomMessage />
+      </OutboundContext.Provider>
+    )
+
+    expect(screen.queryByText('Message')).not.toBeInTheDocument()
+  })
+
+  it('renders an accompanying text bubble for a tip message with real text', () => {
+    mockedIsTipMessage.mockReturnValue(true)
+    // Default mocked message.text ('Hello') from beforeEach.
+
+    renderWithProviders(
+      <OutboundContext.Provider value={{}}>
+        <CustomMessage />
+      </OutboundContext.Provider>
+    )
+
+    expect(screen.getByText('Message')).toBeInTheDocument()
+  })
 })

package/src/components/CustomMessage/index.tsx

@@ -322,7 +322,7 @@ const CustomMessageWithContext = (props: CustomMessageWithContextProps) => {
           {isTip ? (
             <div className="str-chat__message-bubble-wrapper message-tip-wrapper">
               <TipMessage message={message} />
-              {message.text && accompanyingTextBubble}
+              {message.text?.trim() && accompanyingTextBubble}
             </div>
           ) : isTextAttachmentMessage(message) ? (
             <div className="str-chat__message-bubble-wrapper">