@linktr.ee/messaging-react 1.24.1 → 1.24.2-rc-1773232561

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/messaging-react",
-  "version": "1.24.1",
+  "version": "1.24.2-rc-1773232561",
   "description": "React messaging components built on messaging-core for web applications",
   "type": "module",
   "main": "dist/index.js",

package/src/components/ChannelList/index.tsx

@@ -63,6 +63,7 @@ export const ChannelList = React.memo<ChannelListProps>(
               filters={filters}
               sort={sort}
               options={{ limit: 30 }}
+              allowNewMessagesFromUnfilteredChannels={false}
               Preview={CustomChannelPreview}
               EmptyStateIndicator={customEmptyStateIndicator}
             />

package/src/components/MessagingShell/channelFilters.test.ts

@@ -0,0 +1,41 @@
+import type { ChannelFilters } from 'stream-chat'
+import { describe, expect, it } from 'vitest'
+
+import { buildChannelFilters } from './channelFilters'
+
+describe('buildChannelFilters', () => {
+  it('includes base filters and has_visitor_message when userId is present', () => {
+    const result = buildChannelFilters('user-123')
+
+    expect(result).toEqual({
+      type: 'messaging',
+      last_message_at: { $exists: true },
+      members: { $in: ['user-123'] },
+      hidden: false,
+      has_visitor_message: true,
+    })
+  })
+
+  it('omits members and hidden when userId is undefined', () => {
+    const result = buildChannelFilters(undefined)
+
+    expect(result).toEqual({
+      type: 'messaging',
+      last_message_at: { $exists: true },
+      has_visitor_message: true,
+    })
+  })
+
+  it('merges consumer filters and allows overrides', () => {
+    const consumerFilters = {
+      type: 'custom-type',
+      custom_field: 'value',
+    } as ChannelFilters
+
+    const result = buildChannelFilters('user-123', consumerFilters)
+
+    expect(result).toHaveProperty('type', 'custom-type')
+    expect(result).toHaveProperty('custom_field', 'value')
+    expect(result).toHaveProperty('has_visitor_message', true)
+  })
+})

package/src/components/MessagingShell/channelFilters.ts

@@ -0,0 +1,21 @@
+import type { ChannelFilters } from 'stream-chat'
+
+export function buildChannelFilters(
+  userId: string | undefined,
+  consumerFilters?: ChannelFilters
+): ChannelFilters {
+  const baseFilters = {
+    type: 'messaging',
+    last_message_at: { $exists: true },
+    ...(userId && {
+      members: { $in: [userId] },
+      hidden: false,
+    }),
+    has_visitor_message: true,
+  }
+
+  return {
+    ...baseFilters,
+    ...consumerFilters,
+  } as ChannelFilters
+}

package/src/components/MessagingShell/index.tsx

@@ -8,6 +8,7 @@ import { ChannelList } from '../ChannelList'
 import { ChannelView } from '../ChannelView'
 import { ParticipantPicker } from '../ParticipantPicker'
 
+import { buildChannelFilters } from './channelFilters'
 import { EmptyState } from './EmptyState'
 import { ErrorState } from './ErrorState'
 import { LoadingState } from './LoadingState'
@@ -71,27 +72,10 @@ export const MessagingShell: React.FC<MessagingShellProps> = ({
     showDeleteConversation = true,
   } = capabilities
 
-  // Create default filters and merge with provided filters
-  const channelFilters = React.useMemo(() => {
-    const userId = client?.userID
-
-    // Base filters that should always be present
-    const baseFilters = {
-      type: 'messaging',
-      last_message_at: { $exists: true },
-      ...(userId && {
-        members: { $in: [userId] },
-        hidden: false,
-      }),
-    }
-
-    // Merge provided filters with base filters
-    // Provided filters can override base filters if needed
-    return {
-      ...baseFilters,
-      ...filters,
-    }
-  }, [filters, client?.userID])
+  const channelFilters = React.useMemo(
+    () => buildChannelFilters(client?.userID, filters),
+    [filters, client?.userID]
+  )
 
   // Track if we've already synced channels to prevent repeated API calls
   const syncedRef = useRef<string | null>(null)