@linktr.ee/messaging-react 3.15.2 → 3.15.3

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DBu8nDLG.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.MessageVoteButtons=e.MessageVoteButtons;exports.MessagingProvider=e.MessagingProvider;exports.MessagingShell=e.MessagingShell;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.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.useMessageVote=e.useMessageVote;exports.useMessaging=e.useMessaging;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BfEoDUXO.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.MessageVoteButtons=e.MessageVoteButtons;exports.MessagingProvider=e.MessagingProvider;exports.MessagingShell=e.MessagingShell;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.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.useMessageVote=e.useMessageVote;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 o, d as n, e as m, F as r, f as g, L as l, h as M, M as c, i as u, j as L, k as h, l as p, m as d, n as v, p as C, q as A, s as k, t as F, u as b, v as P, w as f, x, o as y, y as z, z as B, B as S, D as q, E as D, G as E, H as V, I as w } from "./index-CGWNR062.js";
+import { a as e, b as t, C as i, c as o, d as n, e as m, F as r, f as g, L as l, h as M, M as c, i as u, j as L, k as h, l as p, m as d, n as v, p as C, q as A, s as k, t as F, u as b, v as P, w as f, x, o as y, y as z, z as B, B as S, D as q, E as D, G as E, H as V, I as w } from "./index-B5xEngCd.js";
 export {
   e as ActionButton,
   t as Avatar,

package/package.json

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

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

@@ -100,6 +100,51 @@ describe('MessageTag', () => {
     expect(tipTag.closest('.message-tag--tip')).not.toBeNull()
   })
 
+  it('renders tip standalone label for textless tip messages', () => {
+    renderWithProviders(
+      <MessageTag
+        message={createMockMessage({
+          text: '',
+          metadata: { custom_type: 'MESSAGE_TIP', amount_text: '$50.00' },
+        })}
+        standalone
+      />
+    )
+
+    const tipTag = screen.getByText('$50.00 tip')
+    expect(tipTag.closest('.message-tip-standalone')).not.toBeNull()
+  })
+
+  it('renders paid footer tag with message copy, not tip copy', () => {
+    renderWithProviders(
+      <MessageTag
+        message={createMockMessage({
+          metadata: { custom_type: 'MESSAGE_PAID', amount_text: '$10.00' },
+        })}
+      />
+    )
+
+    const paidTag = screen.getByText('Delivered with $10.00 message')
+    expect(paidTag.closest('.message-tag--tip')).not.toBeNull()
+    expect(screen.queryByText(/tip/i)).toBeNull()
+  })
+
+  it('renders paid standalone label for textless paid messages', () => {
+    renderWithProviders(
+      <MessageTag
+        message={createMockMessage({
+          text: '',
+          metadata: { custom_type: 'MESSAGE_PAID', amount_text: '$25.00' },
+        })}
+        standalone
+      />
+    )
+
+    const paidTag = screen.getByText('$25.00 message')
+    expect(paidTag.closest('.message-tip-standalone')).not.toBeNull()
+    expect(screen.queryByText(/tip/i)).toBeNull()
+  })
+
   it('returns null for non-custom messages', () => {
     const { container } = renderWithProviders(
       <MessageTag message={createMockMessage()} />

package/src/components/CustomMessage/MessageTag.tsx

@@ -48,14 +48,20 @@ export const isAttachmentMessage = (message: LocalMessage): boolean => {
 }
 
 export const isTextAttachmentMessage = (message: LocalMessage): boolean => {
-  return isAttachmentMessage(message) && message.metadata?.attachment_content_type === 'text'
+  return (
+    isAttachmentMessage(message) &&
+    message.metadata?.attachment_content_type === 'text'
+  )
 }
 
 export const isMediaAttachmentMessage = (message: LocalMessage): boolean => {
-  return isAttachmentMessage(message) && message.metadata?.attachment_content_type !== 'text'
+  return (
+    isAttachmentMessage(message) &&
+    message.metadata?.attachment_content_type !== 'text'
+  )
 }
 
-/** Check if a message has a tip/paid tag (both render the same) */
+/** Check if a message has a tip or paid tag (shared layout, distinct copy) */
 export const isTipOrPaidMessage = (message: LocalMessage): boolean => {
   return isTipMessage(message) || isPaidMessage(message)
 }
@@ -86,9 +92,10 @@ export const MessageTag = ({
       ? 'message-tip-standalone'
       : 'message-tag message-tag--tip'
 
+    const amountLabel = isPaidMessage(message) ? 'message' : 'tip'
     const label = standalone
-      ? `${amountText} tip`
-      : `Delivered with ${amountText} tip`
+      ? `${amountText} ${amountLabel}`
+      : `Delivered with ${amountText} ${amountLabel}`
 
     return (
       <div className={className}>