@anakin824/prdg-chat-ui 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,671 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import * as _tanstack_react_query from '@tanstack/react-query';
+import { QueryClient } from '@tanstack/react-query';
+import * as _tanstack_query_core from '@tanstack/query-core';
+
+type ChatTheme = {
+    primary?: string;
+    bubbleSent?: string;
+    bubbleReceived?: string;
+    textOnSent?: string;
+    textOnReceived?: string;
+    fontFamily?: string;
+    radius?: string;
+    surface?: string;
+    border?: string;
+    /** Input / icon button fill (e.g. rgba) */
+    mutedFill?: string;
+    /** Optional shadow for the message composer bar */
+    composerShadow?: string;
+};
+/** e.g. order-linked chat — pass as ChatPanel / StandaloneChatPage `entityContext` */
+type EntityConversationContext = {
+    entity_ref: string;
+    entity_uuid: string;
+    title?: string;
+    members?: string[];
+};
+type Conversation = {
+    id: string;
+    kind: string;
+    title?: string | null;
+    updated_at: string;
+    /** Defaults true when omitted (older payloads). */
+    list_in_inbox?: boolean;
+    entity_ref?: string | null;
+    entity_uuid?: string | null;
+    /** Truncated body of the most recent non-deleted message (≤80 chars). */
+    last_message_preview?: string | null;
+    /** ISO timestamp of the most recent message (may differ from updated_at). */
+    last_message_at?: string | null;
+    /** For direct conversations: the other participant's display name. */
+    peer_display_name?: string | null;
+};
+type MessageAttachment = {
+    id: string;
+    storage_key: string;
+    mime_type: string;
+    byte_size: number;
+    width?: number | null;
+    height?: number | null;
+    duration_seconds?: number | null;
+    thumbnail_storage_key?: string | null;
+};
+type Message = {
+    id: string;
+    conversation_id: string;
+    sender_id: string;
+    body?: string | null;
+    created_at: string;
+    edited_at?: string | null;
+    deleted_at?: string | null;
+    attachments?: MessageAttachment[];
+    mentioned_user_ids?: string[];
+    /** Client-only — not present on server messages. Tracks optimistic send state. */
+    _status?: "sending" | "failed";
+};
+/** Server → browser over WebSocket (JSON). Pushed by a Conduitly consumer into NATS subjects. */
+type WSServerEvent = {
+    type: "message.new";
+    data: Message;
+} | {
+    type: "message.edited";
+    data: Message;
+} | {
+    type: "message.deleted";
+    data: {
+        id: string;
+        conversation_id: string;
+        deleted_at: string;
+    };
+} | {
+    type: "typing.start";
+    data: {
+        user_id: string;
+        conversation_id: string;
+    };
+} | {
+    type: "typing.stop";
+    data: {
+        user_id: string;
+        conversation_id: string;
+    };
+} | {
+    type: "read";
+    data: {
+        user_id: string;
+        conversation_id: string;
+        message_id: string;
+    };
+} | {
+    type: "conversation.updated";
+    data: Conversation;
+} | {
+    type: "conversation.member_added";
+    data: {
+        conversation_id: string;
+        added_user_ids: string[];
+        actor_user_id: string;
+    };
+} | {
+    type: "conversation.member_removed";
+    data: {
+        conversation_id: string;
+        removed_user_id: string;
+        actor_user_id: string;
+    };
+};
+type ChatConfig = {
+    apiUrl: string;
+    token: string;
+    userId: string;
+    tenantId: string;
+    /** Polling when WS down (ms). 0 = off */
+    pollIntervalMs?: number;
+    /**
+     * When true, standalone layout shows the Calls tab and voice/video actions in the chat header.
+     * Default false; enable when your host integrates calling.
+     */
+    callEnabled?: boolean;
+};
+
+type ChatProviderProps = {
+    apiUrl: string;
+    /** Current bearer token (HDS JWT in integrated mode, prdg-chat JWT in standalone). */
+    token: string;
+    /** prdg-chat user UUID — identifies the current user for own-message display, mentions, etc. */
+    userId: string;
+    /** Internal prdg-chat tenant UUID (JWT / API). */
+    tenantId: string;
+    /**
+     * Conduitly `tenant_id` for NATS (`chat.{conduitly_tenant_id}.user.*`). Set via `conduitly_tenant_id` in dev.json or `NEXT_PUBLIC_CONDUITLY_TENANT_ID`; do not rely on internal prdg-chat tenant UUID.
+     */
+    conduitlyTenantId?: string;
+    theme?: ChatTheme;
+    pollIntervalMs?: number;
+    onUnreadChange?: (n: number) => void;
+    /**
+     * Called when a request returns 401 (token expired). Should refresh the token and return
+     * the new string, or return null if refresh is not possible (user will be logged out by host).
+     * ChatProvider also uses the returned token for all subsequent requests without remounting.
+     */
+    onTokenRefresh?: () => Promise<string | null>;
+    /**
+     * When true, standalone UI shows Calls tab and audio/video header buttons. Default false.
+     */
+    callEnabled?: boolean;
+    /**
+     * NATS WebSocket URL(s) for `nats.ws`: a single `ws://`/`wss://` URL or comma-separated list.
+     * Broker-style `nats://host:port` entries are converted to `ws://` for the browser.
+     * When set, the client subscribes to chat subjects and turns off REST polling while connected.
+     */
+    natsWsUrl?: string;
+    /** Optional NATS auth token (when the server uses token authentication). */
+    natsToken?: string;
+    children: ReactNode;
+};
+declare function ChatProvider({ apiUrl, token, userId, tenantId, conduitlyTenantId, theme, pollIntervalMs, onUnreadChange: _onUnreadChange, onTokenRefresh, callEnabled, natsWsUrl, natsToken, children, }: ChatProviderProps): react.JSX.Element;
+
+type ListConversationsRes = {
+    items: Conversation[];
+    next_cursor: string;
+};
+type ListMessagesRes = {
+    items: Message[];
+    next_cursor: string;
+};
+type AppUser = {
+    id: string;
+    tenant_id: string;
+    display_name: string;
+    email?: string | null;
+    ext_user_id?: string | null;
+};
+type PresignPutRes = {
+    upload_url: string;
+    key: string;
+    bucket: string;
+    expires_in: number;
+};
+type PresignGetRes = {
+    url: string;
+    expires_in: number;
+};
+declare class ChatAPI {
+    private baseUrl;
+    private getToken;
+    /**
+     * Called when a request returns 401. Should refresh the token and return the new one,
+     * or return null if refresh is impossible. ChatAPI retries the failed request once with
+     * the returned token. The provider also updates its token ref for future requests.
+     */
+    private onAuthError?;
+    constructor(baseUrl: string, getToken: () => string | null, 
+    /**
+     * Called when a request returns 401. Should refresh the token and return the new one,
+     * or return null if refresh is impossible. ChatAPI retries the failed request once with
+     * the returned token. The provider also updates its token ref for future requests.
+     */
+    onAuthError?: (() => Promise<string | null>) | undefined);
+    private headers;
+    private json;
+    listConversations(cursor?: string, limit?: number): Promise<ListConversationsRes>;
+    listMessages(conversationId: string, cursor?: string, limit?: number): Promise<ListMessagesRes>;
+    findOrCreateDirect(peerUserId: string): Promise<Conversation>;
+    createGroup(title: string, members: string[]): Promise<Conversation>;
+    findOrCreateEntity(input: {
+        title: string;
+        entity_ref: string;
+        entity_uuid: string;
+        members?: string[];
+    }): Promise<Conversation>;
+    listConversationMembers(conversationId: string): Promise<AppUser[]>;
+    listContacts(q?: string, limit?: number): Promise<AppUser[]>;
+    sendMessage(conversationId: string, body: {
+        body?: string | null;
+        client_id?: string | null;
+        reply_to_message_id?: string | null;
+        mentioned_user_ids?: string[];
+        attachments?: Array<{
+            storage_key: string;
+            mime_type: string;
+            byte_size: number;
+            original_filename?: string | null;
+            width?: number | null;
+            height?: number | null;
+            duration_seconds?: number | null;
+            thumbnail_storage_key?: string | null;
+        }>;
+    }): Promise<Message>;
+    presignPut(filename: string, contentType: string): Promise<PresignPutRes>;
+    presignGet(key: string): Promise<PresignGetRes>;
+}
+
+type ChatContextValue = {
+    api: ChatAPI;
+    config: ChatConfig;
+    /** Resolved theme tokens (defaults merged) */
+    theme: ChatTheme;
+    queryClient: QueryClient;
+    /** prdg-chat user UUID for the current session — used to identify own messages, mentions, etc. */
+    userId: string;
+    /** Internal prdg-chat tenant UUID (API scope). */
+    tenantId: string;
+    /**
+     * Conduitly tenant id for NATS subjects (`chat.{natsTenantId}.user.*`) — matches `tenant.slug` / Conduitly `tenant_id` in events.
+     */
+    natsTenantId: string;
+    wsConnected: boolean;
+    sendTyping: (conversationId: string) => void;
+    sendTypingStop: (conversationId: string) => void;
+    sendRead: (conversationId: string, messageId: string) => void;
+    /**
+     * Per-conversation map of user IDs currently typing.
+     * Key: conversationId. Value: array of user IDs (never includes the current user).
+     */
+    typingByConversation: Record<string, string[]>;
+};
+declare function useChat(): ChatContextValue;
+
+type ChatPanelProps = {
+    conversationId?: string;
+    peerUserId?: string;
+    entityContext?: EntityConversationContext;
+    showNewChat?: boolean;
+    onConversationChange?: (conversationId: string | null) => void;
+};
+declare function useChatPanelController({ conversationId: initialId, peerUserId, entityContext, showNewChat, onConversationChange, }: ChatPanelProps): {
+    selectedId: string | null;
+    setSelected: (id: string | null) => void;
+    newChatOpen: boolean;
+    setNewChatOpen: react.Dispatch<react.SetStateAction<boolean>>;
+    refreshFromServer: () => void;
+    convItems: Conversation[];
+    messages: Message[];
+    loadMsg: boolean;
+    fetchOlderMessages: () => Promise<void>;
+    isFetchingOlder: boolean;
+    hasMoreMessages: boolean;
+    typingNames: string[];
+    showNewChat: boolean;
+    membersForSelected: AppUser[];
+};
+
+declare function ChatPanel(props: ChatPanelProps): react.JSX.Element;
+
+type ChatWidgetProps = ChatPanelProps & {
+    position?: "bottom-right" | "bottom-left";
+    defaultOpen?: boolean;
+};
+declare function ChatWidget({ position, defaultOpen, conversationId, peerUserId, showNewChat, onConversationChange, }: ChatWidgetProps): react.JSX.Element;
+
+type StandaloneChatPageProps = ChatPanelProps;
+declare function StandaloneChatPage(props: ChatPanelProps): react.JSX.Element;
+
+type Props$5 = {
+    messages: Message[];
+    /** Override default thread container (e.g. full-height flex child) */
+    threadClassName?: string;
+    fetchOlderMessages?: () => void;
+    isFetchingOlder?: boolean;
+    hasMoreMessages?: boolean;
+};
+declare function MessageThread({ messages, threadClassName, fetchOlderMessages, isFetchingOlder, hasMoreMessages, }: Props$5): react.JSX.Element;
+
+type Props$4 = {
+    conversationId: string;
+};
+declare function MessageInput({ conversationId }: Props$4): react.JSX.Element;
+
+type Props$3 = {
+    items: Conversation[];
+    selectedId: string | null;
+    onSelect: (id: string) => void;
+};
+declare function ConversationList({ items, selectedId, onSelect }: Props$3): react.JSX.Element;
+
+type Props$2 = {
+    message: Message;
+    compact?: boolean;
+    /** Fade-in animation for messages that arrive from other senders via NATS. */
+    animateIn?: boolean;
+};
+declare function MessageBubble({ message, compact, animateIn }: Props$2): react.JSX.Element;
+
+type ChatConversationViewProps = {
+    /** Active conversation — wire `useChatPanelController({ conversationId })` or entity resolution first. */
+    conversationId: string;
+    /** Optional block above the scrollable thread (order title, breadcrumbs, etc.). */
+    header?: ReactNode;
+    className?: string;
+    threadAreaClassName?: string;
+    /** Passed to `MessageThread` (default: `chatStyles.threadFlex`). */
+    threadClassName?: string;
+    inputAreaClassName?: string;
+    /** @default true */
+    showTyping?: boolean;
+    loadingFallback?: ReactNode;
+};
+/**
+ * Self-contained thread + typing + composer for a single conversation (e.g. entity / order chat).
+ * Compose your own layout, or use `StandaloneChatPage` for the full inbox + thread experience.
+ */
+declare function ChatConversationView({ conversationId, header, className, threadAreaClassName, threadClassName, inputAreaClassName, showTyping, loadingFallback, }: ChatConversationViewProps): react.JSX.Element;
+
+type SidebarTab = "recent" | "groups" | "calls";
+type ChatInboxSidebarProps = {
+    q: string;
+    setQ: (q: string) => void;
+    tab: SidebarTab;
+    setTab: (t: SidebarTab) => void;
+    tabDefs: [SidebarTab, string][];
+    filtered: Conversation[];
+    activeRows: Conversation[];
+    restRows: Conversation[];
+    selectedId: string | null;
+    onSelectConversation: (id: string) => void;
+    onRefresh: () => void;
+    showNewChat: boolean;
+    onNewChat: () => void;
+};
+/**
+ * Full inbox sidebar (search, tabs, conversation rows, FAB). Styles use `standalone-chat.module.css`.
+ * Pair with `ChatMainColumn` or your own main area; or use `StandaloneChatPage` for the full layout.
+ */
+declare function ChatInboxSidebar({ q, setQ, tab, setTab, tabDefs, filtered, activeRows, restRows, selectedId, onSelectConversation, onRefresh, showNewChat, onNewChat, }: ChatInboxSidebarProps): react.JSX.Element;
+
+type ChatMainColumnProps = {
+    selectedId: string | null;
+    headerTitle: string;
+    headerStatus: string;
+    messages: Message[];
+    loadMsg: boolean;
+    fetchOlderMessages?: () => void;
+    isFetchingOlder?: boolean;
+    hasMoreMessages?: boolean;
+    typingNames: string[];
+    /** When nothing is selected */
+    emptyMessage?: string;
+    threadClassName?: string;
+};
+/**
+ * Main chat column: header, scrollable thread, typing line, composer. Use with `ChatInboxSidebar` or a custom picker.
+ * For a **single** conversation (entity / order), prefer `ChatConversationView` instead.
+ */
+declare function ChatMainColumn({ selectedId, headerTitle, headerStatus, messages, loadMsg, fetchOlderMessages, isFetchingOlder, hasMoreMessages, typingNames, emptyMessage, threadClassName, }: ChatMainColumnProps): react.JSX.Element;
+
+/** Primary display name for a conversation in the list. */
+declare function convDisplayName(c: Conversation): string;
+/** For header / controller use (title, not the peer name). */
+declare function convLabel(c: Conversation): string;
+declare function formatConvTime(iso: string): string;
+declare function initials(name: string): string;
+
+type Props$1 = {
+    open: boolean;
+    onClose: () => void;
+    /** Called after a conversation is created or opened. */
+    onConversationReady: (conversationId: string) => void;
+};
+declare function NewChatModal({ open, onClose, onConversationReady }: Props$1): react.JSX.Element | null;
+
+type Props = {
+    /** Display names of users currently typing (already resolved from member list). */
+    names: string[];
+};
+declare function TypingIndicator({ names }: Props): react.JSX.Element | null;
+
+/** Stable React Query keys for chat — use with invalidateQueries / host integrations. */
+declare const chatKeys: {
+    all: readonly ["chat"];
+    conversations: () => readonly ["chat", "conversations"];
+    messages: (conversationId: string | null) => readonly ["chat", "messages", string | null];
+    members: (conversationId: string) => readonly ["chat", "members", string];
+    contacts: (q: string) => readonly ["chat", "contacts", string];
+};
+
+declare function useConversations(): _tanstack_react_query.UseQueryResult<ListConversationsRes, Error>;
+
+type MessagePage = {
+    items: Message[];
+    next_cursor: string;
+};
+/**
+ * REST is authoritative; merge in any client-only rows (WS-delivered before fetch,
+ * or optimistic local-* ids) and dedupe by message id. Newest-first order.
+ */
+declare function mergeMessagePages(server: MessagePage, prev: MessagePage | undefined): MessagePage;
+
+/** First page size for `GET /conversations/:id/messages` (newest first). Older pages use `next_cursor`. */
+declare const INITIAL_MESSAGE_PAGE_SIZE = 30;
+declare function useMessages(conversationId: string | null): {
+    fetchOlderMessages: () => Promise<void>;
+    isFetchingOlder: boolean;
+    hasMoreMessages: boolean;
+    data: MessagePage;
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: true;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<MessagePage, Error>>;
+    fetchStatus: _tanstack_query_core.FetchStatus;
+    promise: Promise<MessagePage>;
+} | {
+    fetchOlderMessages: () => Promise<void>;
+    isFetchingOlder: boolean;
+    hasMoreMessages: boolean;
+    data: MessagePage;
+    error: null;
+    isError: false;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    isPlaceholderData: false;
+    status: "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<MessagePage, Error>>;
+    fetchStatus: _tanstack_query_core.FetchStatus;
+    promise: Promise<MessagePage>;
+} | {
+    fetchOlderMessages: () => Promise<void>;
+    isFetchingOlder: boolean;
+    hasMoreMessages: boolean;
+    data: undefined;
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: true;
+    isRefetchError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<MessagePage, Error>>;
+    fetchStatus: _tanstack_query_core.FetchStatus;
+    promise: Promise<MessagePage>;
+} | {
+    fetchOlderMessages: () => Promise<void>;
+    isFetchingOlder: boolean;
+    hasMoreMessages: boolean;
+    data: undefined;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoading: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<MessagePage, Error>>;
+    fetchStatus: _tanstack_query_core.FetchStatus;
+    promise: Promise<MessagePage>;
+} | {
+    fetchOlderMessages: () => Promise<void>;
+    isFetchingOlder: boolean;
+    hasMoreMessages: boolean;
+    data: undefined;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isLoading: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<MessagePage, Error>>;
+    fetchStatus: _tanstack_query_core.FetchStatus;
+    promise: Promise<MessagePage>;
+} | {
+    fetchOlderMessages: () => Promise<void>;
+    isFetchingOlder: boolean;
+    hasMoreMessages: boolean;
+    data: MessagePage;
+    isError: false;
+    error: null;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    isPlaceholderData: true;
+    status: "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<MessagePage, Error>>;
+    fetchStatus: _tanstack_query_core.FetchStatus;
+    promise: Promise<MessagePage>;
+};
+
+/** Orchestrated mutations + cache invalidation for host UIs and internal widgets. */
+declare function useChatActions(): {
+    api: ChatAPI;
+    openOrCreateDirect: (peerUserId: string) => Promise<Conversation>;
+    createGroup: (title: string, members: string[]) => Promise<Conversation>;
+    findOrCreateEntity: (input: {
+        title: string;
+        entity_ref: string;
+        entity_uuid: string;
+        members?: string[];
+    }) => Promise<Conversation>;
+    invalidateConversations: () => Promise<void>;
+    invalidateMessages: (conversationId: string) => Promise<void>;
+    invalidateMembers: (conversationId: string) => Promise<void>;
+    invalidateAllChat: () => Promise<void>;
+};
+
+declare function useConversationMembers(conversationId: string | null): _tanstack_react_query.UseQueryResult<AppUser[], Error>;
+
+type UploadedPart = {
+    storage_key: string;
+    mime_type: string;
+    byte_size: number;
+    original_filename?: string;
+    width?: number;
+    height?: number;
+    duration_seconds?: number;
+    thumbnail_storage_key?: string;
+};
+declare function useUpload(): {
+    uploadFile: (file: File, meta?: Partial<UploadedPart>) => Promise<UploadedPart>;
+};
+
+declare function usePresignedUrl(storageKey: string | undefined | null): {
+    url: string | null;
+    error: Error | null;
+};
+
+declare function useVoiceRecorder(): {
+    recording: boolean;
+    start: () => Promise<void>;
+    stop: () => Promise<{
+        blob: Blob;
+        mimeType: string;
+    } | null>;
+};
+
+export { type AppUser, ChatAPI, MessageInput as ChatComposer, type ChatConfig, type ChatContextValue, ChatConversationView, type ChatConversationViewProps, ChatInboxSidebar, type ChatInboxSidebarProps, ChatMainColumn, type ChatMainColumnProps, ChatPanel, type ChatPanelProps, ChatProvider, type ChatProviderProps, type ChatTheme, ChatWidget, type ChatWidgetProps, type Conversation, ConversationList, type EntityConversationContext as EntityContext, INITIAL_MESSAGE_PAGE_SIZE, type Message, type MessageAttachment, MessageBubble, MessageInput, type MessagePage, MessageThread, NewChatModal, type SidebarTab, StandaloneChatPage, type StandaloneChatPageProps, TypingIndicator, type WSServerEvent, chatKeys, convDisplayName, convLabel, formatConvTime, initials, mergeMessagePages, useChat, useChatActions, useChatPanelController, useConversationMembers, useConversations, useMessages, usePresignedUrl, useUpload, useVoiceRecorder };