@linktr.ee/messaging-react 1.38.0 → 1.39.0

package/dist/index.d.ts

@@ -58,9 +58,6 @@ export declare const ChannelList: default_2.NamedExoticComponent<ChannelListProp
 export declare interface ChannelListProps {
     onChannelSelect: (channel: Channel) => void;
     selectedChannel?: Channel;
-    showStartConversation?: boolean;
-    onStartConversation?: () => void;
-    participantLabel?: string;
     className?: string;
     filters: ChannelFilters;
     /**
@@ -363,9 +360,6 @@ declare interface MessageVoteButtonsProps {
  * Messaging capabilities configuration
  */
 export declare interface MessagingCapabilities {
-    showStartConversation?: boolean;
-    participantSource?: ParticipantSource;
-    participantLabel?: string;
     /**
      * Show the "Delete Conversation" button in channel info dialog.
      * Defaults to true for backward compatibility.
@@ -416,7 +410,6 @@ export declare interface MessagingShellProps extends ChannelViewPassthroughProps
     capabilities?: MessagingCapabilities;
     className?: string;
     onChannelSelect?: (channel: Channel) => void;
-    onParticipantSelect?: (participant: Participant) => void;
     /**
      * Auto-select a conversation with this participant on mount.
      * Useful for deep-linking to a specific conversation (e.g., /messages/[accountUuid])
@@ -480,41 +473,6 @@ export declare interface Participant {
     metadata?: Record<string, unknown>;
 }
 
-/**
- * Generic participant picker component for starting conversations
- */
-export declare const ParticipantPicker: default_2.FC<ParticipantPickerProps>;
-
-/**
- * ParticipantPicker component props
- */
-export declare interface ParticipantPickerProps {
-    participantSource: ParticipantSource;
-    onSelectParticipant: (participant: Participant) => void;
-    onClose: () => void;
-    existingParticipantIds?: Set<string>;
-    participantLabel?: string;
-    searchPlaceholder?: string;
-    className?: string;
-}
-
-/**
- * Source for loading participants (followers, team members, etc.)
- */
-export declare interface ParticipantSource {
-    loadParticipants: (options?: {
-        search?: string;
-        limit?: number;
-        cursor?: string;
-    }) => Promise<{
-        participants: Participant[];
-        hasMore: boolean;
-        nextCursor?: string;
-    }>;
-    totalCount?: number;
-    loading?: boolean;
-}
-
 /**
  * Message metadata for paid messaging and chatbot flows.
  * Used to identify message types and payment status.
@@ -548,24 +506,6 @@ declare interface UseMessageVoteResult {
  */
 export declare const useMessaging: () => MessagingContextValue;
 
-/**
- * Hook for managing participant loading with search and pagination
- */
-export declare const useParticipants: (participantSource: ParticipantSource, options?: {
-    initialSearch?: string;
-    pageSize?: number;
-}) => {
-    participants: Participant[];
-    loading: boolean;
-    error: string | null;
-    searchQuery: string;
-    hasMore: boolean;
-    totalCount: number | undefined;
-    loadMore: () => void;
-    search: (query: string) => void;
-    refresh: () => void;
-};
-
 export declare interface VisitorCardProps extends LockedAttachmentBaseProps {
     /**
      * Called when the visitor clicks Unlock on an unpaid attachment.

package/dist/index.js

@@ -1,25 +1,23 @@
-import { b as e, c as t, C as i, d as n, e as o, f as r, F as g, g as M, L as m, M as l, h as u, i as c, j as h, P as d, k as v, r as C, l as L, u as P, m as k, n as p, o as A } from "./index-B_4pciGp.js";
+import { b as a, c as t, C as i, d as n, e as o, f as g, F as r, g as M, L as m, M as l, h as u, i as h, j as d, k as v, r as C, l as L, u as c, m as A, n as F } from "./index-j4j9UfK1.js";
 export {
-  e as ActionButton,
+  a as ActionButton,
   t as Avatar,
   i as ChannelEmptyState,
   n as ChannelList,
   o as ChannelView,
-  r as CustomMessageProvider,
-  g as FaqList,
+  g as CustomMessageProvider,
+  r as FaqList,
   M as FaqListItem,
   m as LockedAttachment,
   l as MediaMessage,
   u as MessageVoteButtons,
-  c as MessagingProvider,
-  h as MessagingShell,
-  d as ParticipantPicker,
+  h as MessagingProvider,
+  d as MessagingShell,
   v as formatRelativeTime,
   C as resolveLinkAttachment,
   L as resolveMediaFromMessage,
-  P as useCustomMessage,
-  k as useMessageVote,
-  p as useMessaging,
-  A as useParticipants
+  c as useCustomMessage,
+  A as useMessageVote,
+  F as useMessaging
 };
 //# sourceMappingURL=index.js.map

package/package.json

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

package/src/components/ChannelList/ChannelList.stories.tsx

@@ -35,16 +35,11 @@ const Template: StoryFn<ComponentProps> = (args) => {
 export const Default: StoryFn<ComponentProps> = Template.bind({})
 Default.args = {
   onChannelSelect: (channel) => console.log('Channel selected:', channel.id),
-  participantLabel: 'participants',
 }
 
-export const WithStartConversation: StoryFn<ComponentProps> = Template.bind({})
-WithStartConversation.args = {
+export const WithSelection: StoryFn<ComponentProps> = Template.bind({})
+WithSelection.args = {
   onChannelSelect: (channel) => console.log('Channel selected:', channel.id),
-  showStartConversation: true,
-  onStartConversation: () => console.log('Start conversation clicked'),
-  participantLabel: 'followers',
 }
 
 
-

package/src/components/MessagingShell/index.tsx

@@ -3,10 +3,9 @@ import React, { useState, useCallback, useRef, useEffect } from 'react'
 import type { Channel } from 'stream-chat'
 
 import { useMessaging } from '../../hooks/useMessaging'
-import type { MessagingShellProps, Participant } from '../../types'
+import type { MessagingShellProps } from '../../types'
 import { ChannelList } from '../ChannelList'
 import { ChannelView } from '../ChannelView'
-import { ParticipantPicker } from '../ParticipantPicker'
 
 import { EmptyState } from './EmptyState'
 import { ErrorState } from './ErrorState'
@@ -21,7 +20,6 @@ export const MessagingShell: React.FC<MessagingShellProps> = ({
   renderMessageInputActions,
   renderConversationFooter,
   onChannelSelect,
-  onParticipantSelect,
   initialParticipantFilter,
   initialParticipantData,
   CustomChannelEmptyState,
@@ -57,21 +55,12 @@ export const MessagingShell: React.FC<MessagingShellProps> = ({
   const [selectedChannel, setSelectedChannel] = useState<Channel | null>(null)
   const [hasChannels, setHasChannels] = useState(false)
   const [channelsLoaded, setChannelsLoaded] = useState(false)
-  const [_showParticipantPicker, setShowParticipantPicker] = useState(false)
-  const [existingParticipantIds, setExistingParticipantIds] = useState<
-    Set<string>
-  >(new Set())
-  const [pickerKey, _setPickerKey] = useState(0) // Key to force remount of ParticipantPicker
   const [directConversationMode, setDirectConversationMode] = useState(false)
   const [directConversationError, setDirectConversationError] = useState<
     string | null
   >(null)
 
-  const participantPickerRef = useRef<HTMLDialogElement>(null)
-
   const {
-    participantSource,
-    participantLabel = 'participants',
     showDeleteConversation = true,
   } = capabilities
 
@@ -121,27 +110,6 @@ export const MessagingShell: React.FC<MessagingShellProps> = ({
         { limit: 100 }
       )
 
-      const memberIds = new Set<string>()
-      channels.forEach((channel: Channel) => {
-        const members = channel.state.members
-        Object.values(members).forEach((member) => {
-          const memberId = member.user?.id
-          if (memberId && memberId !== userId) {
-            memberIds.add(memberId)
-          }
-        })
-      })
-
-      // Only update if the set contents have changed to prevent re-renders
-      setExistingParticipantIds((prev) => {
-        if (
-          prev.size === memberIds.size &&
-          [...prev].every((id) => memberIds.has(id))
-        ) {
-          return prev
-        }
-        return memberIds
-      })
       setHasChannels(channels.length > 0)
       setChannelsLoaded(true)
       syncedRef.current = userId // Mark as synced for this user
@@ -149,7 +117,6 @@ export const MessagingShell: React.FC<MessagingShellProps> = ({
       if (debug) {
         console.log('[MessagingShell] Channels synced successfully:', {
           channelCount: channels.length,
-          memberCount: memberIds.size,
         })
       }
     } catch (error) {
@@ -158,7 +125,7 @@ export const MessagingShell: React.FC<MessagingShellProps> = ({
     }
   }, [client, isConnected, debug])
 
-  // Sync existing channels to track which participants we can already message
+  // Sync existing channels to drive empty-state behavior.
   useEffect(() => {
     if (!client || !isConnected) return
 
@@ -303,58 +270,6 @@ export const MessagingShell: React.FC<MessagingShellProps> = ({
     setSelectedChannel(null)
   }, [directConversationMode])
 
-  const handleSelectParticipant = useCallback(
-    async (participant: Participant) => {
-      if (!service) return
-
-      try {
-        if (debug) {
-          console.log(
-            '[MessagingShell] Starting conversation with:',
-            participant.id
-          )
-        }
-
-        const channel = await service.startChannelWithParticipant({
-          id: participant.id,
-          name: participant.name,
-          email: participant.email,
-          phone: participant.phone,
-        })
-
-        // Show the channel
-        try {
-          await channel.show()
-        } catch (error) {
-          console.warn('[MessagingShell] Failed to unhide channel:', error)
-        }
-
-        setSelectedChannel(channel)
-        setShowParticipantPicker(false)
-        participantPickerRef.current?.close()
-
-        onParticipantSelect?.(participant)
-      } catch (error) {
-        console.error('[MessagingShell] Failed to start conversation:', error)
-      }
-    },
-    [service, onParticipantSelect, debug]
-  )
-
-  const handleCloseParticipantPicker = useCallback(() => {
-    setShowParticipantPicker(false)
-    participantPickerRef.current?.close()
-  }, [])
-
-  const handleDialogBackdropClick = useCallback(
-    (e: React.MouseEvent<HTMLDialogElement>) => {
-      if (e.target === participantPickerRef.current) {
-        handleCloseParticipantPicker()
-      }
-    },
-    [handleCloseParticipantPicker]
-  )
-
   const handleLeaveConversation = useCallback(
     async (channel: Channel) => {
       if (debug) {
@@ -520,29 +435,6 @@ export const MessagingShell: React.FC<MessagingShellProps> = ({
           )}
         </div>
       </div>
-
-      {/* Participant Picker Dialog */}
-      {participantSource && (
-        // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
-        <dialog
-          ref={participantPickerRef}
-          className="mes-dialog"
-          onClick={handleDialogBackdropClick}
-          onClose={handleCloseParticipantPicker}
-        >
-          <div className="h-full w-full bg-white shadow-max-elevation-light">
-            <ParticipantPicker
-              key={pickerKey}
-              participantSource={participantSource}
-              onSelectParticipant={handleSelectParticipant}
-              onClose={handleCloseParticipantPicker}
-              existingParticipantIds={existingParticipantIds}
-              participantLabel={participantLabel}
-              searchPlaceholder={`Search ${participantLabel}...`}
-            />
-          </div>
-        </dialog>
-      )}
     </div>
   )
 }

package/src/index.ts

@@ -7,7 +7,6 @@ export { ChannelList } from './components/ChannelList'
 export { ChannelView } from './components/ChannelView'
 export { default as ActionButton } from './components/ActionButton'
 export { default as LockedAttachment } from './components/LockedAttachment'
-export { ParticipantPicker } from './components/ParticipantPicker'
 export { Avatar } from './components/Avatar'
 export { FaqList } from './components/FaqList'
 export { FaqListItem } from './components/FaqList/FaqListItem'
@@ -26,7 +25,6 @@ export { CustomMessageProvider } from './components/CustomMessage/context'
 
 // Hooks
 export { useMessaging } from './hooks/useMessaging'
-export { useParticipants } from './hooks/useParticipants'
 export { useMessageVote } from './hooks/useMessageVote'
 export { useCustomMessage } from './components/CustomMessage/context'
 
@@ -38,10 +36,8 @@ export type {
   MessagingShellProps,
   ChannelListProps,
   ChannelViewProps,
-  ParticipantPickerProps,
   MessagingProviderProps,
   MessagingCapabilities,
-  ParticipantSource,
   Participant,
   LockedAttachmentSource,
 } from './types'

package/src/types.ts

@@ -32,30 +32,10 @@ export interface Participant {
   metadata?: Record<string, unknown>
 }
 
-/**
- * Source for loading participants (followers, team members, etc.)
- */
-export interface ParticipantSource {
-  loadParticipants: (options?: {
-    search?: string
-    limit?: number
-    cursor?: string
-  }) => Promise<{
-    participants: Participant[]
-    hasMore: boolean
-    nextCursor?: string
-  }>
-  totalCount?: number
-  loading?: boolean
-}
-
 /**
  * Messaging capabilities configuration
  */
 export interface MessagingCapabilities {
-  showStartConversation?: boolean
-  participantSource?: ParticipantSource
-  participantLabel?: string // e.g., "followers", "team members"
   /**
    * Show the "Delete Conversation" button in channel info dialog.
    * Defaults to true for backward compatibility.
@@ -69,9 +49,6 @@ export interface MessagingCapabilities {
 export interface ChannelListProps {
   onChannelSelect: (channel: Channel) => void
   selectedChannel?: Channel
-  showStartConversation?: boolean
-  onStartConversation?: () => void
-  participantLabel?: string
   className?: string
   filters: ChannelFilters
   /**
@@ -281,7 +258,6 @@ export interface MessagingShellProps extends ChannelViewPassthroughProps {
   capabilities?: MessagingCapabilities
   className?: string
   onChannelSelect?: (channel: Channel) => void
-  onParticipantSelect?: (participant: Participant) => void
 
   /**
    * Auto-select a conversation with this participant on mount.
@@ -342,19 +318,6 @@ export interface MessagingShellProps extends ChannelViewPassthroughProps {
   ) => React.ReactNode
 }
 
-/**
- * ParticipantPicker component props
- */
-export interface ParticipantPickerProps {
-  participantSource: ParticipantSource
-  onSelectParticipant: (participant: Participant) => void
-  onClose: () => void
-  existingParticipantIds?: Set<string>
-  participantLabel?: string
-  searchPlaceholder?: string
-  className?: string
-}
-
 /**
  * MessagingProvider component props
  */