@scalemule/chat 0.0.8 → 0.0.9

package/dist/react.d.cts

@@ -0,0 +1,229 @@
+import { f as Attachment, e as ChatMessage, d as Conversation, p as ReactionSummary, C as ChatConfig, R as ReadStatus, S as SendMessageOptions, A as ApiResponse, b as ConnectionStatus } from './types-COPVrm3K.cjs';
+export { G as GetMessagesOptions, L as ListConversationsOptions, M as MessagesResponse, U as UnreadTotalResponse } from './types-COPVrm3K.cjs';
+import React, { ReactNode } from 'react';
+import { C as ChatClient } from './ChatClient-DQPHdUHX.cjs';
+
+interface ChatInputProps {
+    onSend: (content: string, attachments?: Attachment[]) => void | Promise<void>;
+    onTypingChange?: (isTyping: boolean) => void;
+    onUploadAttachment?: (file: File | Blob, onProgress?: (percent: number) => void, signal?: AbortSignal) => Promise<{
+        data: Attachment | null;
+        error: {
+            message: string;
+        } | null;
+    } | undefined>;
+    onDeleteAttachment?: (fileId: string) => void | Promise<void>;
+    onValidateFile?: (file: File) => {
+        valid: boolean;
+        error?: string;
+    };
+    placeholder?: string;
+    disabled?: boolean;
+    maxAttachments?: number;
+    accept?: string;
+}
+declare function ChatInput({ onSend, onTypingChange, onUploadAttachment, onDeleteAttachment, onValidateFile, placeholder, disabled, maxAttachments, accept, }: ChatInputProps): React.JSX.Element;
+
+interface UserProfile$2 {
+    display_name: string;
+    username?: string;
+    avatar_url?: string;
+}
+interface ChatMessageItemProps {
+    message: ChatMessage;
+    currentUserId?: string;
+    conversationId?: string;
+    profile?: UserProfile$2;
+    onAddReaction?: (messageId: string, emoji: string) => void | Promise<void>;
+    onRemoveReaction?: (messageId: string, emoji: string) => void | Promise<void>;
+    onEdit?: (messageId: string, content: string) => void | Promise<void>;
+    onDelete?: (messageId: string) => void | Promise<void>;
+    onReport?: (messageId: string) => void;
+    onFetchAttachmentUrl?: (fileId: string) => Promise<string>;
+    isOwnMessage?: boolean;
+    highlight?: boolean;
+}
+declare function ChatMessageItem({ message, currentUserId, conversationId, profile, onAddReaction, onRemoveReaction, onEdit, onDelete, onReport, onFetchAttachmentUrl, isOwnMessage: isOwnMessageProp, highlight, }: ChatMessageItemProps): React.JSX.Element;
+
+interface UserProfile$1 {
+    display_name: string;
+    username?: string;
+    avatar_url?: string;
+}
+interface ChatMessageListProps {
+    messages: ChatMessage[];
+    currentUserId?: string;
+    conversationId?: string;
+    profiles?: Map<string, UserProfile$1>;
+    hasMore?: boolean;
+    isLoading?: boolean;
+    onLoadMore?: () => void;
+    onAddReaction?: (messageId: string, emoji: string) => void | Promise<void>;
+    onRemoveReaction?: (messageId: string, emoji: string) => void | Promise<void>;
+    onEdit?: (messageId: string, content: string) => void | Promise<void>;
+    onDelete?: (messageId: string) => void | Promise<void>;
+    onReport?: (messageId: string) => void;
+    onFetchAttachmentUrl?: (fileId: string) => Promise<string>;
+    firstUnreadMessageId?: string;
+    /** @deprecated use firstUnreadMessageId instead */
+    unreadSince?: string;
+    isNearBottom?: boolean;
+    onReachBottom?: () => void;
+    emptyState?: React.ReactNode;
+}
+declare function ChatMessageList({ messages, currentUserId, conversationId, profiles, hasMore, isLoading, onLoadMore, onAddReaction, onRemoveReaction, onEdit, onDelete, onReport, onFetchAttachmentUrl, firstUnreadMessageId, unreadSince, isNearBottom: isNearBottomProp, onReachBottom, emptyState, }: ChatMessageListProps): React.JSX.Element;
+
+interface ChatTheme {
+    primary?: string;
+    ownBubble?: string;
+    ownText?: string;
+    otherBubble?: string;
+    otherText?: string;
+    surface?: string;
+    surfaceMuted?: string;
+    borderColor?: string;
+    textColor?: string;
+    mutedText?: string;
+    borderRadius?: number | string;
+    fontFamily?: string;
+}
+
+interface UserProfile {
+    display_name: string;
+    username?: string;
+    avatar_url?: string;
+}
+interface ChatThreadProps {
+    conversationId: string;
+    theme?: ChatTheme;
+    currentUserId?: string;
+    profiles?: Map<string, UserProfile>;
+    title?: string;
+    subtitle?: string;
+    onFetchAttachmentUrl?: (fileId: string) => Promise<string>;
+}
+declare function ChatThread({ conversationId, theme, currentUserId, profiles, title, subtitle, onFetchAttachmentUrl, }: ChatThreadProps): React.JSX.Element;
+
+interface ConversationListProps {
+    conversationType?: Conversation['conversation_type'];
+    selectedConversationId?: string | null;
+    onSelect?: (conversation: Conversation) => void;
+    theme?: ChatTheme;
+    title?: string;
+}
+declare function ConversationList({ conversationType, selectedConversationId, onSelect, theme, title, }: ConversationListProps): React.JSX.Element;
+
+interface EmojiPickerProps {
+    onSelect: (emoji: string) => void;
+    onClose: () => void;
+    anchorRef: React.RefObject<HTMLButtonElement | null>;
+    emojis?: string[];
+}
+declare function EmojiPicker({ onSelect, onClose, anchorRef, emojis, }: EmojiPickerProps): React.JSX.Element | null;
+interface EmojiPickerTriggerProps {
+    onSelect: (emoji: string) => void;
+    emojis?: string[];
+}
+declare function EmojiPickerTrigger({ onSelect, emojis, }: EmojiPickerTriggerProps): React.JSX.Element;
+
+interface ReactionBarProps {
+    reactions: ReactionSummary[];
+    currentUserId?: string;
+    onToggleReaction: (emoji: string) => void;
+}
+declare function ReactionBar({ reactions, currentUserId, onToggleReaction, }: ReactionBarProps): React.JSX.Element | null;
+
+declare const REPORT_REASONS: readonly [{
+    readonly value: "spam";
+    readonly label: "Spam";
+}, {
+    readonly value: "harassment";
+    readonly label: "Harassment";
+}, {
+    readonly value: "hate";
+    readonly label: "Hate speech";
+}, {
+    readonly value: "violence";
+    readonly label: "Violence";
+}, {
+    readonly value: "other";
+    readonly label: "Other";
+}];
+type ReportReason = (typeof REPORT_REASONS)[number]['value'];
+interface ReportDialogProps {
+    messageId: string;
+    onSubmit: (data: {
+        messageId: string;
+        reason: ReportReason;
+        description?: string;
+    }) => void | Promise<void>;
+    onClose: () => void;
+}
+declare function ReportDialog({ messageId, onSubmit, onClose, }: ReportDialogProps): React.JSX.Element;
+
+interface ChatProviderProps {
+    config: ChatConfig;
+    children: ReactNode;
+}
+declare function ChatProvider({ config, children }: ChatProviderProps): React.JSX.Element;
+/** Direct access to the ChatClient instance for custom event subscriptions (e.g., support:new). */
+declare function useChatClient(): ChatClient;
+declare function useChatConfig(): ChatConfig;
+declare function useConnection(): {
+    status: ConnectionStatus;
+    connect: () => void;
+    disconnect: () => void;
+};
+declare function useChat(conversationId?: string): {
+    messages: ChatMessage[];
+    readStatuses: ReadStatus[];
+    isLoading: boolean;
+    error: string | null;
+    hasMore: boolean;
+    sendMessage: (content: string, options?: Partial<SendMessageOptions>) => Promise<ApiResponse<ChatMessage> | undefined>;
+    loadMore: () => Promise<void>;
+    editMessage: (messageId: string, content: string) => Promise<ApiResponse<void>>;
+    deleteMessage: (messageId: string) => Promise<ApiResponse<void>>;
+    addReaction: (messageId: string, emoji: string) => Promise<ApiResponse<void>>;
+    removeReaction: (messageId: string, emoji: string) => Promise<ApiResponse<void>>;
+    uploadAttachment: (file: File | Blob, onProgress?: (percent: number) => void, signal?: AbortSignal) => Promise<ApiResponse<Attachment>>;
+    refreshAttachmentUrl: (messageId: string, fileId: string) => Promise<ApiResponse<{
+        url: string;
+    }>>;
+    reportMessage: (messageId: string, reason: "spam" | "harassment" | "hate" | "violence" | "other", description?: string) => Promise<ApiResponse<{
+        reported: boolean;
+    }>>;
+    muteConversation: (mutedUntil?: string) => Promise<ApiResponse<{
+        muted: boolean;
+    }> | undefined>;
+    unmuteConversation: () => Promise<ApiResponse<{
+        muted: boolean;
+    }> | undefined>;
+    getReadStatus: () => Promise<ApiResponse<{
+        statuses: ReadStatus[];
+    }> | undefined>;
+    markRead: () => Promise<void>;
+};
+declare function usePresence(conversationId?: string): {
+    members: {
+        userId: string;
+        status: string;
+        userData?: unknown;
+    }[];
+};
+declare function useTyping(conversationId?: string): {
+    typingUsers: string[];
+    sendTyping: (isTyping?: boolean) => void;
+};
+declare function useConversations(options?: {
+    conversationType?: string;
+}): {
+    conversations: Conversation[];
+    isLoading: boolean;
+    refresh: () => Promise<void>;
+};
+declare function useUnreadCount(): {
+    totalUnread: number;
+};
+
+export { ApiResponse, ChatClient, ChatConfig, ChatInput, ChatMessage, ChatMessageItem, ChatMessageList, ChatProvider, type ChatTheme, ChatThread, ConnectionStatus, Conversation, ConversationList, EmojiPicker, EmojiPickerTrigger, ReactionBar, ReactionSummary, ReadStatus, ReportDialog, SendMessageOptions, useChat, useChatClient, useChatConfig, useConnection, useConversations, usePresence, useTyping, useUnreadCount };

package/dist/react.d.ts

@@ -0,0 +1,72 @@
+import React, { type ReactNode } from 'react';
+import { ChatClient } from './core/ChatClient';
+import type { ChatConfig, ChatMessage, ConnectionStatus, Conversation, ApiResponse, ReadStatus, SendMessageOptions } from './types';
+interface ChatProviderProps {
+    config: ChatConfig;
+    children: ReactNode;
+}
+export declare function ChatProvider({ config, children }: ChatProviderProps): React.JSX.Element;
+/** Direct access to the ChatClient instance for custom event subscriptions (e.g., support:new). */
+export declare function useChatClient(): ChatClient;
+export declare function useChatConfig(): ChatConfig;
+export declare function useConnection(): {
+    status: ConnectionStatus;
+    connect: () => void;
+    disconnect: () => void;
+};
+export declare function useChat(conversationId?: string): {
+    messages: ChatMessage[];
+    readStatuses: ReadStatus[];
+    isLoading: boolean;
+    error: string | null;
+    hasMore: boolean;
+    sendMessage: (content: string, options?: Partial<SendMessageOptions>) => Promise<ApiResponse<ChatMessage> | undefined>;
+    loadMore: () => Promise<void>;
+    editMessage: (messageId: string, content: string) => Promise<ApiResponse<void>>;
+    deleteMessage: (messageId: string) => Promise<ApiResponse<void>>;
+    addReaction: (messageId: string, emoji: string) => Promise<ApiResponse<void>>;
+    removeReaction: (messageId: string, emoji: string) => Promise<ApiResponse<void>>;
+    uploadAttachment: (file: File | Blob, onProgress?: (percent: number) => void, signal?: AbortSignal) => Promise<ApiResponse<import("./types").Attachment>>;
+    refreshAttachmentUrl: (messageId: string, fileId: string) => Promise<ApiResponse<{
+        url: string;
+    }>>;
+    reportMessage: (messageId: string, reason: "spam" | "harassment" | "hate" | "violence" | "other", description?: string) => Promise<ApiResponse<{
+        reported: boolean;
+    }>>;
+    muteConversation: (mutedUntil?: string) => Promise<ApiResponse<{
+        muted: boolean;
+    }> | undefined>;
+    unmuteConversation: () => Promise<ApiResponse<{
+        muted: boolean;
+    }> | undefined>;
+    getReadStatus: () => Promise<ApiResponse<{
+        statuses: ReadStatus[];
+    }> | undefined>;
+    markRead: () => Promise<void>;
+};
+export declare function usePresence(conversationId?: string): {
+    members: {
+        userId: string;
+        status: string;
+        userData?: unknown;
+    }[];
+};
+export declare function useTyping(conversationId?: string): {
+    typingUsers: string[];
+    sendTyping: (isTyping?: boolean) => void;
+};
+export declare function useConversations(options?: {
+    conversationType?: string;
+}): {
+    conversations: Conversation[];
+    isLoading: boolean;
+    refresh: () => Promise<void>;
+};
+export declare function useUnreadCount(): {
+    totalUnread: number;
+};
+export { ChatInput, ChatMessageItem, ChatMessageList, ChatThread, ConversationList, EmojiPicker, EmojiPickerTrigger, ReactionBar, ReportDialog, } from './react-components';
+export { ChatClient } from './core/ChatClient';
+export type { ChatConfig, ChatMessage, ConnectionStatus, Conversation, ApiResponse, SendMessageOptions, GetMessagesOptions, MessagesResponse, ReadStatus, ReactionSummary, UnreadTotalResponse, ListConversationsOptions, } from './types';
+export type { ChatTheme } from './react-components';
+//# sourceMappingURL=react.d.ts.map

package/dist/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAOZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,EACV,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,WAAW,EACX,UAAU,EACV,kBAAkB,EAGnB,MAAM,SAAS,CAAC;AAmBjB,UAAU,iBAAiB;IACzB,MAAM,EAAE,UAAU,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAUvF;AAID,mGAAmG;AACnG,wBAAgB,aAAa,IAAI,UAAU,CAE1C;AAED,wBAAgB,aAAa,IAAI,UAAU,CAE1C;AAID,wBAAgB,aAAa,IAAI;IAAE,MAAM,EAAE,gBAAgB,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAAC,UAAU,EAAE,MAAM,IAAI,CAAA;CAAE,CAoBzG;AAED,wBAAgB,OAAO,CAAC,cAAc,CAAC,EAAE,MAAM;;;;;;2BAuH3B,MAAM,YAAY,OAAO,CAAC,kBAAkB,CAAC;;6BAkB3C,MAAM,WAAW,MAAM;+BAWvB,MAAM;6BAWN,MAAM,SAAS,MAAM;gCAWrB,MAAM,SAAS,MAAM;6BAW1B,IAAI,GAAG,IAAI,eAAe,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,WAAW,WAAW;sCAWpE,MAAM,UAAU,MAAM;;;+BAY3B,MAAM,UACT,MAAM,GAAG,YAAY,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,gBAC/C,MAAM;;;oCAYF,MAAM;;;;;;;;;;EAyD7B;AAED,wBAAgB,WAAW,CAAC,cAAc,CAAC,EAAE,MAAM;;gBAGrC,MAAM;gBAAU,MAAM;mBAAa,OAAO;;EAmEvD;AAED,wBAAgB,SAAS,CAAC,cAAc,CAAC,EAAE,MAAM;;;EAqDhD;AAID,wBAAgB,gBAAgB,CAAC,OAAO,CAAC,EAAE;IAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAAE;;;;EA+CvE;AAID,wBAAgB,cAAc;;EAmC7B;AAED,OAAO,EACL,SAAS,EACT,eAAe,EACf,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,WAAW,EACX,YAAY,GACb,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,YAAY,EACV,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,mBAAmB,EACnB,wBAAwB,GACzB,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC"}