@linktr.ee/messaging-react 3.12.3-rc-1784036626 → 3.12.3-rc-1784084417

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BB78YkWG.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.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-DSxpS5J9.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.d.ts

@@ -1465,6 +1465,8 @@ export declare type OfficialCtaAttachment = Attachment & {
     type: 'linktree_official_cta';
 };
 
+export declare function optimizeMessagingAttachmentUrl(url: string | undefined | null): string | undefined;
+
 /**
  * Generic participant interface for different host environments
  */

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 u, i as c, j as L, k as h, l as d, m as p, 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, y, z as B, B as S, D as q, E as z, G as D, H as E, I as V } from "./index-5kR8BcYv.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-B2BrYTjw.js";
 export {
   e as ActionButton,
   t as Avatar,
@@ -10,12 +10,12 @@ export {
   g as FaqListItem,
   l as LinkAttachment,
   M as LockedAttachment,
-  u as MediaMessage,
-  c as MessageAttachment,
+  c as MediaMessage,
+  u as MessageAttachment,
   L as MessageBubble,
   h as MessageVoteButtons,
-  d as MessagingProvider,
-  p as MessagingShell,
+  p as MessagingProvider,
+  d as MessagingShell,
   v as buildCompactMetaLabel,
   C as formatFileSize,
   A as formatRelativeTime,
@@ -25,13 +25,14 @@ export {
   P as isUuidLike,
   f as messageAttachmentGroupPositionFromStream,
   x as normalizeLanguageCode,
-  y as resolveConversationParticipant,
+  y as optimizeMessagingAttachmentUrl,
+  z as resolveConversationParticipant,
   B as resolveLinkAttachment,
   S as resolveMediaFromMessage,
   q as resolveParticipantDisplayName,
-  z as useComposerLocked,
-  D as useCustomMessage,
-  E as useMessageVote,
-  V as useMessaging
+  D as useComposerLocked,
+  E as useCustomMessage,
+  V as useMessageVote,
+  w as useMessaging
 };
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/messaging-react",
-  "version": "3.12.3-rc-1784036626",
+  "version": "3.12.3-rc-1784084417",
   "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-1784036626",
+    "@linktr.ee/messaging-core": "2.3.0-rc-1784084417",
     "@phosphor-icons/react": "^2.1.10"
   },
   "devDependencies": {

package/src/components/ChannelView.test.tsx

@@ -8,6 +8,7 @@ import { ChannelView } from './ChannelView'
 
 let activeChannel: unknown
 let activeChannelProps: Record<string, unknown> = {}
+let activeComponentOverrides: Record<string, unknown> = {}
 
 vi.mock('stream-chat-react', () => ({
   Channel: (props: {
@@ -25,9 +26,16 @@ vi.mock('stream-chat-react', () => ({
   MessageList: ({ head }: { head?: React.ReactElement }) => (
     <div data-testid="message-list">{head}</div>
   ),
-  WithComponents: ({ children }: { children: React.ReactNode }) => (
-    <>{children}</>
-  ),
+  WithComponents: ({
+    children,
+    overrides,
+  }: {
+    children: React.ReactNode
+    overrides?: Record<string, unknown>
+  }) => {
+    activeComponentOverrides = overrides ?? {}
+    return <>{children}</>
+  },
   useMessageContext: () => ({ message: { id: 'message-1', text: 'hello' } }),
   useChannelStateContext: () => ({ channel: activeChannel }),
   useChatContext: () => ({
@@ -162,6 +170,7 @@ describe('ChannelView', () => {
   beforeEach(() => {
     activeChannel = undefined
     activeChannelProps = {}
+    activeComponentOverrides = {}
     avatarRenderCalls.length = 0
     channelActionsMenuProps.length = 0
     messageInputProps.length = 0
@@ -301,6 +310,17 @@ describe('ChannelView', () => {
     ).toBeGreaterThan(0)
   })
 
+  it('suppresses stream unread message UI overrides', () => {
+    renderWithProviders(<ChannelView channel={createChannel()} />)
+
+    expect(activeComponentOverrides.UnreadMessagesSeparator).toBeTypeOf(
+      'function'
+    )
+    expect(activeComponentOverrides.UnreadMessagesNotification).toBeTypeOf(
+      'function'
+    )
+  })
+
   it('hides the actions menu (both desktop and mobile) when showChannelInfo is false', () => {
     renderWithProviders(
       <ChannelView channel={createChannel()} showChannelInfo={false} />

package/src/components/ChannelView.tsx

@@ -523,6 +523,7 @@ const ChannelViewInner: React.FC<{
         overrides={{
           Message: MessageOverride,
           MessageActions: CustomMessageActions,
+          UnreadMessagesNotification: () => null,
           UnreadMessagesSeparator: () => null,
         }}
       >

package/src/index.test.ts

@@ -0,0 +1,13 @@
+import { describe, expect, it } from 'vitest'
+
+import { optimizeMessagingAttachmentUrl } from './index'
+
+describe('messaging-react public utils', () => {
+  it('exports optimizeMessagingAttachmentUrl from the package root', () => {
+    expect(
+      optimizeMessagingAttachmentUrl('https://assets.linktr.ee/photo.jpg')
+    ).toBe(
+      'https://assets.linktr.ee/photo.jpg?io=true&size=messaging-attachment-v1_0'
+    )
+  })
+})

package/src/index.ts

@@ -48,6 +48,7 @@ export {
 } from './utils/resolveParticipantDisplayName'
 export type { ParticipantDisplayUser } from './utils/resolveParticipantDisplayName'
 export { resolveConversationParticipant } from './utils/resolveConversationParticipant'
+export { optimizeMessagingAttachmentUrl } from './utils/cdnImageUrl'
 
 // Types
 export type {