@linktr.ee/messaging-react 4.2.0-rc-1787181256 → 4.2.0-rc-1787239893

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 g, F as r, f as m, L as l, h as M, M as c, i as L, j as h, k as p, l as u, m as d, R as v, T as C, 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, y as z, o as S, z as q, B, D, E, G as R, H as w, I as G, J as I } from "./index-pjcNrxVo.js";
+import { a as e, b as t, C as i, c as n, d as o, e as g, F as r, f as m, L as l, h as M, M as c, i as L, j as h, k as p, l as u, m as d, R as v, T as C, 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, y as z, o as S, z as q, B, D, E, G as R, H as w, I as G, J as I } from "./index-CT_7H4Gc.js";
 export {
   e as ActionButton,
   t as Avatar,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/messaging-react",
-  "version": "4.2.0-rc-1787181256",
+  "version": "4.2.0-rc-1787239893",
   "description": "React messaging components built on messaging-core for web applications",
   "type": "module",
   "main": "dist/index.cjs",
@@ -40,8 +40,8 @@
     "test:ci": "vitest run",
     "test:ui": "vitest --ui",
     "test:coverage": "vitest --coverage",
-    "lint": "npx --no-install eslint .",
-    "lint:fix": "npx --no-install eslint . --fix",
+    "lint": "cd \"$PROJECT_CWD\" && npx --no-install eslint packages/messaging-react",
+    "lint:fix": "cd \"$PROJECT_CWD\" && npx --no-install eslint packages/messaging-react --fix",
     "verify": "yarn type-check && yarn lint && yarn test:ci && yarn build",
     "storybook": "storybook dev -p 6006",
     "storybook:build": "storybook build --stats-json",
@@ -50,7 +50,7 @@
     "chromatic:local": "yarn storybook:build && chromatic"
   },
   "dependencies": {
-    "@linktr.ee/messaging-core": "2.5.0-rc-1787181256",
+    "@linktr.ee/messaging-core": "2.5.0-rc-1787239893",
     "@linktr.ee/messaging-taxonomy": "^0.10.0",
     "@phosphor-icons/react": "^2.1.10"
   },
@@ -71,7 +71,7 @@
     "@types/react": "^18.3.24",
     "@types/react-dom": "^18.3.7",
     "@vitejs/plugin-react": "^4.2.1",
-    "@vitest/ui": "^1.0.4",
+    "@vitest/ui": "^4.1.10",
     "autoprefixer": "^10.4.20",
     "chromatic": "^17.4.0",
     "classnames": "^2.3.2",
@@ -87,7 +87,7 @@
     "typescript": "5.9.2",
     "vite": "^6.0.7",
     "vite-plugin-dts": "^3.7.0",
-    "vitest": "^1.0.4"
+    "vitest": "^4.1.10"
   },
   "peerDependencies": {
     "classnames": "^2.3.2",

package/src/components/AttachmentCard/utils/icons.ts

@@ -18,13 +18,12 @@ import React from 'react'
 import { getDocumentIconType, getSourceType } from './mimeType'
 import type { AttachmentSourceType } from './mimeType'
 
-const MEDIA_TYPE_ICON: Record<AttachmentSourceType, React.ElementType> =
-  {
-    video: VideoCameraIcon,
-    audio: SpeakerHighIcon,
-    image: ImageIcon,
-    document: FileIcon,
-  }
+const MEDIA_TYPE_ICON: Record<AttachmentSourceType, React.ElementType> = {
+  video: VideoCameraIcon,
+  audio: SpeakerHighIcon,
+  image: ImageIcon,
+  document: FileIcon,
+}
 
 const DOCUMENT_ICON_COMPONENT = {
   pdf: FilePdfIcon,

package/src/components/ChannelView.test.tsx

@@ -223,10 +223,14 @@ describe('ChannelView', () => {
 
   it('widens the content column in the official (read-only) channel via the width var', () => {
     const { container } = renderWithProviders(
-      <ChannelView channel={createChannel({ channelType: OFFICIAL_CHANNEL_TYPE })} />
+      <ChannelView
+        channel={createChannel({ channelType: OFFICIAL_CHANNEL_TYPE })}
+      />
     )
 
-    const root = container.querySelector('.messaging-channel-view') as HTMLElement
+    const root = container.querySelector(
+      '.messaging-channel-view'
+    ) as HTMLElement
     expect(root.style.getPropertyValue('--lt-msg-card-width')).toBe('368px')
   })
 
@@ -235,7 +239,9 @@ describe('ChannelView', () => {
       <ChannelView channel={createChannel({ channelType: 'messaging' })} />
     )
 
-    const root = container.querySelector('.messaging-channel-view') as HTMLElement
+    const root = container.querySelector(
+      '.messaging-channel-view'
+    ) as HTMLElement
     expect(root.style.getPropertyValue('--lt-msg-card-width')).toBe('')
   })
 

package/src/components/CustomMessage/StreamAttachmentMessage.tsx

@@ -155,9 +155,7 @@ export function buildOrderedAttachmentSegments(
   return segments
 }
 
-function countMediaSegmentBubbles(
-  segments: AttachmentSegment[]
-): number {
+function countMediaSegmentBubbles(segments: AttachmentSegment[]): number {
   return segments.filter((segment) => segment.type === 'media').length
 }
 
@@ -245,7 +243,9 @@ function buildMediaClusterRenderProps(
 ): Record<string, unknown> {
   if (attachments.length > 1) {
     return {
-      items: attachments.map((attachment) => mediaItemForKind(kind, attachment)),
+      items: attachments.map((attachment) =>
+        mediaItemForKind(kind, attachment)
+      ),
     }
   }
 
@@ -318,8 +318,7 @@ const StreamAttachmentMessage: React.FC<StreamAttachmentMessageProps> = ({
     : groupPosition
   // The trailing caption bubble carries the tail on single / last-in-run
   // messages, matching the in-channel text bubbles.
-  const captionShowsTail =
-    groupPosition === 'single' || groupPosition === 'end'
+  const captionShowsTail = groupPosition === 'single' || groupPosition === 'end'
 
   const pushLinkRow = (
     attachment: Attachment,

package/src/components/CustomSystemMessage/index.tsx

@@ -19,8 +19,9 @@ const DM_AGENT_SYSTEM_MESSAGE_FALLBACK_TEXT: Record<DmAgentSystemType, string> =
  * explicitly added. Keep in sync with the mobile client (cerberus
  * `CustomMessageSystem`); there is no shared package between the two surfaces.
  */
-const SHOW_SYSTEM_MESSAGE_TIMESTAMP_TYPES: readonly AgeSafetySystemType[] =
-  ['SYSTEM_AGE_SAFETY_BLOCKED']
+const SHOW_SYSTEM_MESSAGE_TIMESTAMP_TYPES: readonly AgeSafetySystemType[] = [
+  'SYSTEM_AGE_SAFETY_BLOCKED',
+]
 
 const AGE_SAFETY_SYSTEM_MESSAGE_FALLBACK_TEXT: Record<
   AgeSafetySystemType,

package/src/components/RichCard/RichCard.test.tsx

@@ -29,7 +29,9 @@ describe('RichCard', () => {
     renderWithProviders(
       <RichCard.Received
         title="Welcome"
-        subtitle={'👋 Say hello as people arrive\n✨ Spark conversations\n💬 Add automated FAQs'}
+        subtitle={
+          '👋 Say hello as people arrive\n✨ Spark conversations\n💬 Add automated FAQs'
+        }
         subtitleLines={6}
         images={[HERO]}
       />

package/src/providers/MessagingProvider.test.tsx

@@ -22,7 +22,9 @@ vi.mock('stream-chat-react', () => ({
 // The provider constructs the Chat client via `new StreamChat(apiKey)` and
 // injects it into the service. Stub the constructor so <Chat> sees an instance.
 vi.mock('stream-chat', () => ({
-  StreamChat: vi.fn().mockImplementation(() => ({ userID: 'mock' })),
+  StreamChat: vi.fn().mockImplementation(function () {
+    return { userID: 'mock' }
+  }),
 }))
 
 const setupServiceMock = () => {

package/src/stories/customMessageStoryTemplate.tsx

@@ -16,7 +16,10 @@ import {
 } from 'stream-chat-react'
 
 import { CustomMessage } from '../components/CustomMessage'
-import { OutboundContext, buildOutboundsByRecordId } from '../components/CustomMessage/OutboundContext'
+import {
+  OutboundContext,
+  buildOutboundsByRecordId,
+} from '../components/CustomMessage/OutboundContext'
 import CustomTypingIndicator from '../components/CustomTypingIndicator'
 import { createMockStreamChatClient } from '../testing/createMockStreamChatClient'
 import type { OutboundResolver } from '../types'

package/src/styles.css

@@ -934,7 +934,8 @@
 /* Tighter gap for the locked-attachment card + text bubble and the tip
    pill + text bubble — same margin-top mechanism, smaller value. Must come
    after the rule above: equal specificity, so source order decides. */
-.message-locked-attachment-wrapper > .str-chat__message-bubble:not(:first-child),
+.message-locked-attachment-wrapper
+  > .str-chat__message-bubble:not(:first-child),
 .message-tip-wrapper > .str-chat__message-bubble:not(:first-child) {
   margin-top: 2px;
 }