@linktr.ee/messaging-react 3.16.0-rc-1785214411 → 3.16.0

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-2STuN782.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-CyH3LHVq.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-vYOR0x6o.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-BB32JkPv.js";
 export {
   e as ActionButton,
   t as Avatar,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/messaging-react",
-  "version": "3.16.0-rc-1785214411",
+  "version": "3.16.0",
   "description": "React messaging components built on messaging-core for web applications",
   "type": "module",
   "main": "dist/index.cjs",
@@ -50,7 +50,7 @@
   },
   "dependencies": {
     "@linktr.ee/component-library": "11.8.6",
-    "@linktr.ee/messaging-core": "2.3.0-rc-1785214411",
+    "@linktr.ee/messaging-core": "^2.2.0",
     "@phosphor-icons/react": "^2.1.10"
   },
   "devDependencies": {

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

@@ -9,13 +9,13 @@ import { renderWithProviders, screen, within } from '../../test/utils'
 
 import { SentMessageDeliveryStatus } from './SentMessageDeliveryStatus'
 
-// stream-chat-react's `MessageStatus` owns the outer gating (own message, not
-// error, not in a thread) and only exposes a terminal state once a message is
-// stored — Stream's tested code. What this component owns is the "Delivered"
-// label wired into the terminal slots (sent/delivered/read), its "latest
-// message in the thread" gate derived from live channel state. Mock
-// `MessageStatus` to render the slots it was handed,
-// and the context hooks the label reads.
+// stream-chat-react's `MessageStatus` owns own-message / not-error gating and
+// only exposes a terminal state once a message is stored — Stream's tested
+// code. Its threadList guard skips `sending`, so this component owns
+// thread-list suppression plus the "Delivered"/"Sending" labels and the
+// "latest message in the thread" gate from live channel state. Mock
+// `MessageStatus` to render the slots it was handed, and the context hooks
+// the label reads.
 vi.mock('stream-chat-react', () => ({
   useMessageContext: vi.fn(),
   useChannelStateContext: vi.fn(),
@@ -138,6 +138,7 @@ describe('SentMessageDeliveryStatus', () => {
   it('renders "Sending" in the sending slot for the latest message', () => {
     mockedUseMessageContext.mockReturnValue({
       message: { id: 'own-2', status: 'sending' },
+      threadList: false,
     } as never)
 
     renderWithProviders(<SentMessageDeliveryStatus />)
@@ -148,6 +149,7 @@ describe('SentMessageDeliveryStatus', () => {
   it('does not render "Sending" for an earlier message', () => {
     mockedUseMessageContext.mockReturnValue({
       message: { id: 'own-1', status: 'sending' },
+      threadList: false,
     } as never)
 
     renderWithProviders(<SentMessageDeliveryStatus />)
@@ -155,6 +157,22 @@ describe('SentMessageDeliveryStatus', () => {
     expect(screen.getByTestId('sending-slot')).toBeEmptyDOMElement()
   })
 
+  it('does not render "Sending" inside a thread list', () => {
+    // Stream's MessageStatus still invokes MessageSendingStatus when
+    // threadList is true; we suppress the stamp ourselves.
+    mockedUseMessageContext.mockReturnValue({
+      message: { id: 'own-2', status: 'sending' },
+      threadList: true,
+    } as never)
+
+    renderWithProviders(<SentMessageDeliveryStatus />)
+
+    expect(screen.queryByTestId('sending-slot')).not.toBeInTheDocument()
+    expect(
+      screen.queryByTestId('sent-message-sending-status')
+    ).not.toBeInTheDocument()
+  })
+
   it('renders "Failed to send" for every own failed message', () => {
     mockedUseMessageContext.mockReturnValue({
       message: { id: 'own-1', status: 'failed', type: 'regular' },

package/src/components/CustomMessage/SentMessageDeliveryStatus.tsx

@@ -105,23 +105,30 @@ const FailedStatus = () => (
  * a right-aligned "✓✓ Delivered" that appears once Stream confirms the
  * message is stored and updates live.
  *
- * Built on stream-chat-react's `MessageStatus`, which owns the gating we keep
- * — own message, not an error, not inside a thread — and only surfaces a
- * terminal (sending/sent/delivered/read) state once the message is stored.
- * Sending uses the same latest-message-in-thread gate, while failed messages
- * bypass `MessageStatus` because it has no failed slot and are shown on every
- * own, non-thread failed message.
+ * Built on stream-chat-react's `MessageStatus`, which owns the own-message /
+ * not-error gating and only surfaces a terminal (sending/sent/delivered/read)
+ * state once the message is stored. Stream's `threadList` guard covers
+ * sent/delivered/read only — not `sending` — so we suppress the whole stamp
+ * (including failed) in thread lists ourselves. Sending uses the same
+ * latest-message-in-thread gate; failed messages bypass `MessageStatus`
+ * because it has no failed slot and are shown on every own, non-thread
+ * failed message.
  */
 export const SentMessageDeliveryStatus = () => {
   const { isMyMessage, message, threadList } = useMessageContext(
     'SentMessageDeliveryStatus'
   )
 
+  // Stream's MessageStatus still mounts MessageSendingStatus when
+  // threadList is true; keep all of our stamps out of thread replies.
+  if (threadList) {
+    return null
+  }
+
   if (
     message.status === 'failed' &&
     isMyMessage() &&
-    message.type !== 'error' &&
-    !threadList
+    message.type !== 'error'
   ) {
     return <FailedStatus />
   }