@convokitapp/vue-ui 0.4.1 → 0.5.0

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-import { Conversation as Conversation$1, MessageListOptions, Message, SendMessageInput, RealtimeConnectionHandlers, RealtimeSubscription, MessageEvent, MessageDeletedEvent, ReadEvent, TypingEvent, MessageMedia, ConvoKitClient } from '@convokitapp/sdk';
+import { Conversation as Conversation$1, MessageListOptions, Message, SendMessageInput, MarkConversationReadOptions, RealtimeConnectionHandlers, RealtimeSubscription, MessageEvent, MessageDeletedEvent, ReadEvent, TypingEvent, ReadPosition, MessageMedia, ConvoKitClient } from '@convokitapp/sdk';
 import * as vue from 'vue';
 import { CSSProperties, HTMLAttributes, Ref, VNodeChild, PropType, MaybeRefOrGetter, TextareaHTMLAttributes } from 'vue';
 
@@ -17,7 +17,11 @@ interface ConvoKitUiClient {
     /** Complete authorized message, including related media absent from raw row events. */
     getMessage(id: string): Promise<Message>;
     sendMessage(input: SendMessageInput): Promise<Message>;
-    markConversationRead(conversationId: string): Promise<void>;
+    /** Acknowledge through `options.throughMessageId` (the newest rendered row). Custom adapters must forward it
+     * and reject a missing target with `code: 'MESSAGE_NOT_FOUND'` (or a 404 without a code); the UI never sends a
+     * request without a target. Membership failures keep their error code, if any, so they surface as errors.
+     */
+    markConversationRead(conversationId: string, options?: MarkConversationReadOptions): Promise<void>;
     sendTyping(input: {
         conversationId: string;
         isTyping: boolean;
@@ -58,7 +62,10 @@ interface ConversationState {
     conversation: Readonly<Ref<Conversation$1 | null>>;
     messages: Readonly<Ref<Message[]>>;
     typingUserIds: Readonly<Ref<ReadonlySet<string>>>;
+    /** Last acknowledgement time per user; kept for custom renderers. */
     readAtByUserId: Readonly<Ref<ReadonlyMap<string, Date>>>;
+    /** Monotonic read-through position per user; `readerIdsFor` prefers it over `readAtByUserId`. */
+    readPositionByUserId: Readonly<Ref<ReadonlyMap<string, ReadPosition>>>;
     isInitialLoading: Readonly<Ref<boolean>>;
     isLoadingOlder: Readonly<Ref<boolean>>;
     isReconciling: Readonly<Ref<boolean>>;
@@ -171,7 +178,10 @@ interface ConversationController extends ConversationState {
         text?: string;
         media?: MessageMedia[];
     }): Promise<Message | null>;
+    /** Acknowledge through the newest rendered message now; no request is sent while nothing is rendered. */
     markRead(): Promise<void>;
+    /** Automatic acknowledgements pause while hidden and resume when the view becomes visible again. */
+    setVisible(visible: boolean): void;
     updateTyping(isTyping: boolean): Promise<void>;
     dispose(): Promise<void>;
 }
@@ -185,6 +195,7 @@ interface ConversationViewProps extends ConvoKitAppearanceProps {
     onSendMessage: (text: string) => boolean | void | Promise<boolean | void>;
     typingUserIds?: ReadonlySet<string>;
     readAtByUserId?: ReadonlyMap<string, Date>;
+    readPositionByUserId?: ReadonlyMap<string, ReadPosition>;
     readersResolver?: (message: Message) => ReadonlySet<string>;
     onBack?: () => void;
     onRefresh?: () => void | Promise<void>;
@@ -239,6 +250,10 @@ declare const ConversationView: vue.DefineComponent<vue.ExtractPropTypes<{
         readonly type: PropType<ReadonlyMap<string, Date>>;
         readonly default: () => Map<any, any>;
     };
+    readonly readPositionByUserId: {
+        readonly type: PropType<ReadonlyMap<string, ReadPosition>>;
+        readonly default: () => Map<any, any>;
+    };
     readonly readersResolver: {
         readonly type: PropType<(message: Message) => ReadonlySet<string>>;
         readonly default: undefined;
@@ -382,6 +397,10 @@ declare const ConversationView: vue.DefineComponent<vue.ExtractPropTypes<{
         readonly type: PropType<ReadonlyMap<string, Date>>;
         readonly default: () => Map<any, any>;
     };
+    readonly readPositionByUserId: {
+        readonly type: PropType<ReadonlyMap<string, ReadPosition>>;
+        readonly default: () => Map<any, any>;
+    };
     readonly readersResolver: {
         readonly type: PropType<(message: Message) => ReadonlySet<string>>;
         readonly default: undefined;
@@ -510,6 +529,7 @@ declare const ConversationView: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     readonly typingUserIds: ReadonlySet<string>;
     readonly readAtByUserId: ReadonlyMap<string, Date>;
+    readonly readPositionByUserId: ReadonlyMap<string, ReadPosition>;
     readonly isInitialLoading: boolean;
     readonly isLoadingOlder: boolean;
     readonly isSending: boolean;
@@ -538,7 +558,7 @@ declare const ConversationView: vue.DefineComponent<vue.ExtractPropTypes<{
     readonly defaultDraft: string;
     readonly onDraftChange: (value: string) => void;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-interface ConversationProps extends Omit<ConversationViewProps, 'conversation' | 'messages' | 'currentUserId' | 'onSendMessage' | 'typingUserIds' | 'readAtByUserId' | 'onRefresh' | 'onLoadOlder' | 'onTypingChange' | 'isInitialLoading' | 'isLoadingOlder' | 'isSending' | 'hasOlderMessages' | 'error'>, Omit<UseConversationOptions, 'client' | 'conversationId'> {
+interface ConversationProps extends Omit<ConversationViewProps, 'conversation' | 'messages' | 'currentUserId' | 'onSendMessage' | 'typingUserIds' | 'readAtByUserId' | 'readPositionByUserId' | 'onRefresh' | 'onLoadOlder' | 'onTypingChange' | 'isInitialLoading' | 'isLoadingOlder' | 'isSending' | 'hasOlderMessages' | 'error'>, Omit<UseConversationOptions, 'client' | 'conversationId'> {
     client: ConvoKitUiClient;
     conversationId: string;
     onControllerChange?: (controller: ConversationController) => void;
@@ -601,6 +621,10 @@ declare const Conversation: vue.DefineComponent<vue.ExtractPropTypes<{
         readonly type: PropType<ReadonlyMap<string, Date>>;
         readonly default: () => Map<any, any>;
     };
+    readPositionByUserId: {
+        readonly type: PropType<ReadonlyMap<string, ReadPosition>>;
+        readonly default: () => Map<any, any>;
+    };
     readersResolver: {
         readonly type: PropType<(message: Message) => ReadonlySet<string>>;
         readonly default: undefined;
@@ -776,6 +800,10 @@ declare const Conversation: vue.DefineComponent<vue.ExtractPropTypes<{
         readonly type: PropType<ReadonlyMap<string, Date>>;
         readonly default: () => Map<any, any>;
     };
+    readPositionByUserId: {
+        readonly type: PropType<ReadonlyMap<string, ReadPosition>>;
+        readonly default: () => Map<any, any>;
+    };
     readersResolver: {
         readonly type: PropType<(message: Message) => ReadonlySet<string>>;
         readonly default: undefined;
@@ -907,6 +935,7 @@ declare const Conversation: vue.DefineComponent<vue.ExtractPropTypes<{
     conversation: Conversation$1;
     typingUserIds: ReadonlySet<string>;
     readAtByUserId: ReadonlyMap<string, Date>;
+    readPositionByUserId: ReadonlyMap<string, ReadPosition>;
     isInitialLoading: boolean;
     isLoadingOlder: boolean;
     isSending: boolean;
@@ -1349,7 +1378,10 @@ interface MessageListViewProps extends ConvoKitAppearanceProps {
     conversation: Conversation$1;
     messages: readonly Message[];
     currentUserId: string;
+    /** Acknowledgement times; the fallback for users without a read position. */
     readAtByUserId?: ReadonlyMap<string, Date>;
+    /** Read-through positions; a user's position decides their receipts whenever one is present. */
+    readPositionByUserId?: ReadonlyMap<string, ReadPosition>;
     readersResolver?: (message: Message) => ReadonlySet<string>;
     onLoadOlder?: () => void | Promise<void>;
     hasOlderMessages?: boolean;
@@ -1384,6 +1416,10 @@ declare const MessageListView: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<ReadonlyMap<string, Date>>;
         default: () => Map<any, any>;
     };
+    readPositionByUserId: {
+        type: PropType<ReadonlyMap<string, ReadPosition>>;
+        default: () => Map<any, any>;
+    };
     readersResolver: {
         type: PropType<(message: Message) => ReadonlySet<string>>;
         default: undefined;
@@ -1467,6 +1503,10 @@ declare const MessageListView: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<ReadonlyMap<string, Date>>;
         default: () => Map<any, any>;
     };
+    readPositionByUserId: {
+        type: PropType<ReadonlyMap<string, ReadPosition>>;
+        default: () => Map<any, any>;
+    };
     readersResolver: {
         type: PropType<(message: Message) => ReadonlySet<string>>;
         default: undefined;
@@ -1537,6 +1577,7 @@ declare const MessageListView: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     reverse: boolean;
     readAtByUserId: ReadonlyMap<string, Date>;
+    readPositionByUserId: ReadonlyMap<string, ReadPosition>;
     isLoadingOlder: boolean;
     hasOlderMessages: boolean;
     readersResolver: (message: Message) => ReadonlySet<string>;
@@ -1552,7 +1593,7 @@ declare const MessageListView: vue.DefineComponent<vue.ExtractPropTypes<{
     density: ConvoKitUiDensity;
     unstyled: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare function defaultReadersResolver(readAtByUserId: ReadonlyMap<string, Date>): (message: Message) => ReadonlySet<string>;
+declare function defaultReadersResolver(readAtByUserId: ReadonlyMap<string, Date>, readPositionByUserId?: ReadonlyMap<string, ReadPosition>): (message: Message) => ReadonlySet<string>;
 
 interface ConvoKitTheme {
     background: string;
@@ -1611,7 +1652,11 @@ declare function matchesConversation(conversation: Conversation$1, filter: Conve
 declare function applyConversationFilter(conversations: readonly Conversation$1[], filter: ConversationFilter): Conversation$1[];
 declare function mergeConversations(current: readonly Conversation$1[], incoming: readonly Conversation$1[]): Conversation$1[];
 declare function mergeMessages(current: readonly Message[], incoming: readonly Message[]): Message[];
-declare function readerIdsFor(message: Message, readAtByUserId: ReadonlyMap<string, Date>): ReadonlySet<string>;
+/** Readers of a message under the unified rule: a user's read position (createdAt, id) wins when present,
+ * otherwise the acknowledgement time is compared with createdAt (legacy participants, empty-room acknowledgements).
+ * The sender and pending rows never have readers.
+ */
+declare function readerIdsFor(message: Message, readAtByUserId: ReadonlyMap<string, Date>, readPositionByUserId?: ReadonlyMap<string, ReadPosition>): ReadonlySet<string>;
 declare function formatFileSize(size: number | undefined): string | null;
 
 export { type BaseViewProps, type ComposerSlotProps, Conversation, type ConversationController, type ConversationFilter, type ConversationItemSlotProps, ConversationList, type ConversationListController, type ConversationListProps, type ConversationListState, ConversationListView, type ConversationListViewProps, type ConversationPageLoader, type ConversationPageRequest, type ConversationProps, type ConversationState, ConversationView, type ConversationViewProps, type ConvoKitAppearanceProps, ConvoKitAvatar, type ConvoKitTheme, ConvoKitThemeProvider, type ConvoKitUiClient, type ConvoKitUiDensity, type ConvoKitUiPart, type ErrorSlot, type ErrorSlotProps, type MediaSlotProps, MessageListView, type MessageListViewProps, type MessageSlotProps, type ReadReceiptSlotProps, type ScrollOptions, type StateSlot, type TypingSlotProps, type UseConversationListOptions, type UseConversationOptions, applyConversationFilter, createConvoKitUiClient, defaultConvoKitTheme, defaultReadersResolver, formatFileSize, isConvoKitPendingMessage, matchesConversation, mergeConversations, mergeMessages, readerIdsFor, useConversation, useConversationList, useConvoKitTheme };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { Conversation as Conversation$1, MessageListOptions, Message, SendMessageInput, RealtimeConnectionHandlers, RealtimeSubscription, MessageEvent, MessageDeletedEvent, ReadEvent, TypingEvent, MessageMedia, ConvoKitClient } from '@convokitapp/sdk';
+import { Conversation as Conversation$1, MessageListOptions, Message, SendMessageInput, MarkConversationReadOptions, RealtimeConnectionHandlers, RealtimeSubscription, MessageEvent, MessageDeletedEvent, ReadEvent, TypingEvent, ReadPosition, MessageMedia, ConvoKitClient } from '@convokitapp/sdk';
 import * as vue from 'vue';
 import { CSSProperties, HTMLAttributes, Ref, VNodeChild, PropType, MaybeRefOrGetter, TextareaHTMLAttributes } from 'vue';
 
@@ -17,7 +17,11 @@ interface ConvoKitUiClient {
     /** Complete authorized message, including related media absent from raw row events. */
     getMessage(id: string): Promise<Message>;
     sendMessage(input: SendMessageInput): Promise<Message>;
-    markConversationRead(conversationId: string): Promise<void>;
+    /** Acknowledge through `options.throughMessageId` (the newest rendered row). Custom adapters must forward it
+     * and reject a missing target with `code: 'MESSAGE_NOT_FOUND'` (or a 404 without a code); the UI never sends a
+     * request without a target. Membership failures keep their error code, if any, so they surface as errors.
+     */
+    markConversationRead(conversationId: string, options?: MarkConversationReadOptions): Promise<void>;
     sendTyping(input: {
         conversationId: string;
         isTyping: boolean;
@@ -58,7 +62,10 @@ interface ConversationState {
     conversation: Readonly<Ref<Conversation$1 | null>>;
     messages: Readonly<Ref<Message[]>>;
     typingUserIds: Readonly<Ref<ReadonlySet<string>>>;
+    /** Last acknowledgement time per user; kept for custom renderers. */
     readAtByUserId: Readonly<Ref<ReadonlyMap<string, Date>>>;
+    /** Monotonic read-through position per user; `readerIdsFor` prefers it over `readAtByUserId`. */
+    readPositionByUserId: Readonly<Ref<ReadonlyMap<string, ReadPosition>>>;
     isInitialLoading: Readonly<Ref<boolean>>;
     isLoadingOlder: Readonly<Ref<boolean>>;
     isReconciling: Readonly<Ref<boolean>>;
@@ -171,7 +178,10 @@ interface ConversationController extends ConversationState {
         text?: string;
         media?: MessageMedia[];
     }): Promise<Message | null>;
+    /** Acknowledge through the newest rendered message now; no request is sent while nothing is rendered. */
     markRead(): Promise<void>;
+    /** Automatic acknowledgements pause while hidden and resume when the view becomes visible again. */
+    setVisible(visible: boolean): void;
     updateTyping(isTyping: boolean): Promise<void>;
     dispose(): Promise<void>;
 }
@@ -185,6 +195,7 @@ interface ConversationViewProps extends ConvoKitAppearanceProps {
     onSendMessage: (text: string) => boolean | void | Promise<boolean | void>;
     typingUserIds?: ReadonlySet<string>;
     readAtByUserId?: ReadonlyMap<string, Date>;
+    readPositionByUserId?: ReadonlyMap<string, ReadPosition>;
     readersResolver?: (message: Message) => ReadonlySet<string>;
     onBack?: () => void;
     onRefresh?: () => void | Promise<void>;
@@ -239,6 +250,10 @@ declare const ConversationView: vue.DefineComponent<vue.ExtractPropTypes<{
         readonly type: PropType<ReadonlyMap<string, Date>>;
         readonly default: () => Map<any, any>;
     };
+    readonly readPositionByUserId: {
+        readonly type: PropType<ReadonlyMap<string, ReadPosition>>;
+        readonly default: () => Map<any, any>;
+    };
     readonly readersResolver: {
         readonly type: PropType<(message: Message) => ReadonlySet<string>>;
         readonly default: undefined;
@@ -382,6 +397,10 @@ declare const ConversationView: vue.DefineComponent<vue.ExtractPropTypes<{
         readonly type: PropType<ReadonlyMap<string, Date>>;
         readonly default: () => Map<any, any>;
     };
+    readonly readPositionByUserId: {
+        readonly type: PropType<ReadonlyMap<string, ReadPosition>>;
+        readonly default: () => Map<any, any>;
+    };
     readonly readersResolver: {
         readonly type: PropType<(message: Message) => ReadonlySet<string>>;
         readonly default: undefined;
@@ -510,6 +529,7 @@ declare const ConversationView: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     readonly typingUserIds: ReadonlySet<string>;
     readonly readAtByUserId: ReadonlyMap<string, Date>;
+    readonly readPositionByUserId: ReadonlyMap<string, ReadPosition>;
     readonly isInitialLoading: boolean;
     readonly isLoadingOlder: boolean;
     readonly isSending: boolean;
@@ -538,7 +558,7 @@ declare const ConversationView: vue.DefineComponent<vue.ExtractPropTypes<{
     readonly defaultDraft: string;
     readonly onDraftChange: (value: string) => void;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-interface ConversationProps extends Omit<ConversationViewProps, 'conversation' | 'messages' | 'currentUserId' | 'onSendMessage' | 'typingUserIds' | 'readAtByUserId' | 'onRefresh' | 'onLoadOlder' | 'onTypingChange' | 'isInitialLoading' | 'isLoadingOlder' | 'isSending' | 'hasOlderMessages' | 'error'>, Omit<UseConversationOptions, 'client' | 'conversationId'> {
+interface ConversationProps extends Omit<ConversationViewProps, 'conversation' | 'messages' | 'currentUserId' | 'onSendMessage' | 'typingUserIds' | 'readAtByUserId' | 'readPositionByUserId' | 'onRefresh' | 'onLoadOlder' | 'onTypingChange' | 'isInitialLoading' | 'isLoadingOlder' | 'isSending' | 'hasOlderMessages' | 'error'>, Omit<UseConversationOptions, 'client' | 'conversationId'> {
     client: ConvoKitUiClient;
     conversationId: string;
     onControllerChange?: (controller: ConversationController) => void;
@@ -601,6 +621,10 @@ declare const Conversation: vue.DefineComponent<vue.ExtractPropTypes<{
         readonly type: PropType<ReadonlyMap<string, Date>>;
         readonly default: () => Map<any, any>;
     };
+    readPositionByUserId: {
+        readonly type: PropType<ReadonlyMap<string, ReadPosition>>;
+        readonly default: () => Map<any, any>;
+    };
     readersResolver: {
         readonly type: PropType<(message: Message) => ReadonlySet<string>>;
         readonly default: undefined;
@@ -776,6 +800,10 @@ declare const Conversation: vue.DefineComponent<vue.ExtractPropTypes<{
         readonly type: PropType<ReadonlyMap<string, Date>>;
         readonly default: () => Map<any, any>;
     };
+    readPositionByUserId: {
+        readonly type: PropType<ReadonlyMap<string, ReadPosition>>;
+        readonly default: () => Map<any, any>;
+    };
     readersResolver: {
         readonly type: PropType<(message: Message) => ReadonlySet<string>>;
         readonly default: undefined;
@@ -907,6 +935,7 @@ declare const Conversation: vue.DefineComponent<vue.ExtractPropTypes<{
     conversation: Conversation$1;
     typingUserIds: ReadonlySet<string>;
     readAtByUserId: ReadonlyMap<string, Date>;
+    readPositionByUserId: ReadonlyMap<string, ReadPosition>;
     isInitialLoading: boolean;
     isLoadingOlder: boolean;
     isSending: boolean;
@@ -1349,7 +1378,10 @@ interface MessageListViewProps extends ConvoKitAppearanceProps {
     conversation: Conversation$1;
     messages: readonly Message[];
     currentUserId: string;
+    /** Acknowledgement times; the fallback for users without a read position. */
     readAtByUserId?: ReadonlyMap<string, Date>;
+    /** Read-through positions; a user's position decides their receipts whenever one is present. */
+    readPositionByUserId?: ReadonlyMap<string, ReadPosition>;
     readersResolver?: (message: Message) => ReadonlySet<string>;
     onLoadOlder?: () => void | Promise<void>;
     hasOlderMessages?: boolean;
@@ -1384,6 +1416,10 @@ declare const MessageListView: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<ReadonlyMap<string, Date>>;
         default: () => Map<any, any>;
     };
+    readPositionByUserId: {
+        type: PropType<ReadonlyMap<string, ReadPosition>>;
+        default: () => Map<any, any>;
+    };
     readersResolver: {
         type: PropType<(message: Message) => ReadonlySet<string>>;
         default: undefined;
@@ -1467,6 +1503,10 @@ declare const MessageListView: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<ReadonlyMap<string, Date>>;
         default: () => Map<any, any>;
     };
+    readPositionByUserId: {
+        type: PropType<ReadonlyMap<string, ReadPosition>>;
+        default: () => Map<any, any>;
+    };
     readersResolver: {
         type: PropType<(message: Message) => ReadonlySet<string>>;
         default: undefined;
@@ -1537,6 +1577,7 @@ declare const MessageListView: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     reverse: boolean;
     readAtByUserId: ReadonlyMap<string, Date>;
+    readPositionByUserId: ReadonlyMap<string, ReadPosition>;
     isLoadingOlder: boolean;
     hasOlderMessages: boolean;
     readersResolver: (message: Message) => ReadonlySet<string>;
@@ -1552,7 +1593,7 @@ declare const MessageListView: vue.DefineComponent<vue.ExtractPropTypes<{
     density: ConvoKitUiDensity;
     unstyled: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare function defaultReadersResolver(readAtByUserId: ReadonlyMap<string, Date>): (message: Message) => ReadonlySet<string>;
+declare function defaultReadersResolver(readAtByUserId: ReadonlyMap<string, Date>, readPositionByUserId?: ReadonlyMap<string, ReadPosition>): (message: Message) => ReadonlySet<string>;
 
 interface ConvoKitTheme {
     background: string;
@@ -1611,7 +1652,11 @@ declare function matchesConversation(conversation: Conversation$1, filter: Conve
 declare function applyConversationFilter(conversations: readonly Conversation$1[], filter: ConversationFilter): Conversation$1[];
 declare function mergeConversations(current: readonly Conversation$1[], incoming: readonly Conversation$1[]): Conversation$1[];
 declare function mergeMessages(current: readonly Message[], incoming: readonly Message[]): Message[];
-declare function readerIdsFor(message: Message, readAtByUserId: ReadonlyMap<string, Date>): ReadonlySet<string>;
+/** Readers of a message under the unified rule: a user's read position (createdAt, id) wins when present,
+ * otherwise the acknowledgement time is compared with createdAt (legacy participants, empty-room acknowledgements).
+ * The sender and pending rows never have readers.
+ */
+declare function readerIdsFor(message: Message, readAtByUserId: ReadonlyMap<string, Date>, readPositionByUserId?: ReadonlyMap<string, ReadPosition>): ReadonlySet<string>;
 declare function formatFileSize(size: number | undefined): string | null;
 
 export { type BaseViewProps, type ComposerSlotProps, Conversation, type ConversationController, type ConversationFilter, type ConversationItemSlotProps, ConversationList, type ConversationListController, type ConversationListProps, type ConversationListState, ConversationListView, type ConversationListViewProps, type ConversationPageLoader, type ConversationPageRequest, type ConversationProps, type ConversationState, ConversationView, type ConversationViewProps, type ConvoKitAppearanceProps, ConvoKitAvatar, type ConvoKitTheme, ConvoKitThemeProvider, type ConvoKitUiClient, type ConvoKitUiDensity, type ConvoKitUiPart, type ErrorSlot, type ErrorSlotProps, type MediaSlotProps, MessageListView, type MessageListViewProps, type MessageSlotProps, type ReadReceiptSlotProps, type ScrollOptions, type StateSlot, type TypingSlotProps, type UseConversationListOptions, type UseConversationOptions, applyConversationFilter, createConvoKitUiClient, defaultConvoKitTheme, defaultReadersResolver, formatFileSize, isConvoKitPendingMessage, matchesConversation, mergeConversations, mergeMessages, readerIdsFor, useConversation, useConversationList, useConvoKitTheme };