@usechat/react-native 1.0.9 → 1.0.10

package/dist/index.js

@@ -4588,7 +4588,12 @@ var ChatItem = ({ item, onPress }) => {
 var ChatItem_default = ChatItem;
 
 // src/components/chat-list/ChatList.tsx
-var ChatListBase = ({ chats, onChatPress }) => {
+var ChatListBase = ({
+  chats,
+  onChatPress,
+  onRefresh,
+  refreshing = false
+}) => {
   const renderChatItem = ({ item }) => <ChatItem_default item={item} onPress={onChatPress} />;
   return <import_react_native21.FlatList
     data={chats}
@@ -4596,6 +4601,12 @@ var ChatListBase = ({ chats, onChatPress }) => {
     keyExtractor={(item) => item.id}
     showsVerticalScrollIndicator={false}
     style={{ flex: 1 }}
+    refreshControl={onRefresh ? <import_react_native21.RefreshControl
+      refreshing={refreshing}
+      onRefresh={onRefresh}
+      tintColor="#007AFF"
+      colors={["#007AFF"]}
+    /> : void 0}
   />;
 };
 var ChatList_default = ChatListBase;

package/dist/index.mjs

@@ -4341,7 +4341,7 @@ function requireAuthHook(hookFn) {
 }
 
 // src/components/chat-list/ChatList.tsx
-import { FlatList as FlatList2 } from "react-native";
+import { FlatList as FlatList2, RefreshControl } from "react-native";
 
 // src/components/chat-list/ChatItem.tsx
 import { View as View17, Text as Text12, TouchableOpacity as TouchableOpacity9 } from "react-native";
@@ -4498,7 +4498,12 @@ var ChatItem = ({ item, onPress }) => {
 var ChatItem_default = ChatItem;
 
 // src/components/chat-list/ChatList.tsx
-var ChatListBase = ({ chats, onChatPress }) => {
+var ChatListBase = ({
+  chats,
+  onChatPress,
+  onRefresh,
+  refreshing = false
+}) => {
   const renderChatItem = ({ item }) => <ChatItem_default item={item} onPress={onChatPress} />;
   return <FlatList2
     data={chats}
@@ -4506,6 +4511,12 @@ var ChatListBase = ({ chats, onChatPress }) => {
     keyExtractor={(item) => item.id}
     showsVerticalScrollIndicator={false}
     style={{ flex: 1 }}
+    refreshControl={onRefresh ? <RefreshControl
+      refreshing={refreshing}
+      onRefresh={onRefresh}
+      tintColor="#007AFF"
+      colors={["#007AFF"]}
+    /> : void 0}
   />;
 };
 var ChatList_default = ChatListBase;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usechat/react-native",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "description": "Modular React Native Chat UI SDK with keyboard handling, customizable components, and rich features",
   "license": "SEE LICENSE IN LICENSE",
   "author": "Lukasz Ko <hello@usechat.dev>",

package/dist/index.d.mts

@@ -1,662 +0,0 @@
-import * as React$1 from 'react';
-import React__default, { ReactNode, ComponentType } from 'react';
-import { NativeSyntheticEvent, TextInputContentSizeChangeEventData, TextInput } from 'react-native';
-
-interface Message$1 {
-    id: number;
-    text: string;
-    isMe: boolean;
-    timestamp: string;
-    status?: 'sent' | 'delivered' | 'read';
-    senderName?: string;
-    senderId?: string;
-    replyTo?: ReplyToMessage$1;
-    reactions?: MessageReaction$1[];
-    type?: 'text' | 'image';
-    attachments?: Attachment[];
-    deleted?: boolean;
-    imageData?: ImageAttachmentData$1;
-}
-interface ReplyToMessage$1 {
-    id: number;
-    text: string;
-    senderName?: string;
-    senderId?: string;
-    isMe: boolean;
-    timestamp?: string;
-    type?: 'text' | 'image';
-    imageData?: ImageAttachmentData$1;
-}
-interface MessageReaction$1 {
-    emoji: string;
-    count: number;
-    users: string[];
-}
-interface Attachment {
-    id: string;
-    type: 'image' | 'document' | 'location' | 'contact' | 'poll' | 'event';
-    data: any;
-    fileName?: string;
-    fileSize?: number;
-    mimeType?: string;
-    uploadStatus?: 'pending' | 'uploading' | 'completed' | 'failed';
-    uploadProgress?: number;
-}
-interface ImageAttachmentData$1 {
-    uri: string;
-    width: number;
-    height: number;
-    fileSize?: number;
-    fileName: string;
-}
-interface AttachmentResult {
-    id?: string;
-    type: 'image' | 'document' | 'location' | 'contact' | 'poll' | 'event';
-    data: any;
-}
-interface ChatScreenHeaderProps {
-    name?: string;
-    isOnline?: boolean;
-    onBack: () => void;
-    onVideoCall?: () => void;
-    onVoiceCall?: () => void;
-    onInfo?: () => void;
-    onSimulateTyping?: () => void;
-}
-interface MessageListProps {
-    messages: Message$1[];
-    onContentSizeChange?: () => void;
-    onMessageLongPress?: (message: Message$1, position?: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    }) => void;
-    onReactionPress?: (message: Message$1) => void;
-    isTyping?: boolean;
-    typingUserName?: string;
-    showScrollToBottom?: boolean;
-    isReplyActive?: boolean;
-}
-interface MessageInputProps {
-    value: string;
-    onChangeText: (text: string) => void;
-    onSend: () => void;
-    onFocus?: () => void;
-    height: number;
-    onContentSizeChange: (height: number) => void;
-    replyToMessage?: Message$1 | null;
-    onCancelReply?: () => void;
-    onAttachmentSend?: (attachmentResult: AttachmentResult, text?: string) => void;
-}
-interface MessageWithType$1 extends Message$1 {
-    listItemType: 'message';
-}
-interface DateSeparator$1 {
-    id: string;
-    listItemType: 'date-separator';
-    date: string;
-    displayDate: string;
-}
-type MessageListItem$1 = MessageWithType$1 | DateSeparator$1;
-interface UseAttachmentsReturn {
-    attachments: Attachment[];
-    openPicker: (type: 'image' | 'document' | 'location' | 'contact') => Promise<void>;
-    addAttachment: (attachment: Attachment) => void;
-    removeAttachment: (attachmentId: string) => void;
-    clearAttachments: () => void;
-    uploadAttachments: () => Promise<Attachment[]>;
-    isUploading: boolean;
-    uploadProgress: number;
-}
-interface RenderMessageProps {
-    message: Message$1;
-    onLongPress?: (message: Message$1, position?: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    }) => void;
-    onReactionPress?: (message: Message$1) => void;
-    onReactionRemove?: (messageId: number, emoji: string) => void;
-}
-interface RenderInputProps {
-    value: string;
-    onChangeText: (text: string) => void;
-    onSend: () => void;
-    onFocus?: () => void;
-    height: number;
-    onContentSizeChange: (height: number) => void;
-    replyToMessage?: Message$1 | null;
-    onCancelReply?: () => void;
-    attachments: Attachment[];
-    onAttachmentAdd: (attachment: Attachment) => void;
-    onAttachmentRemove: (attachmentId: string) => void;
-    onAttachmentUpload: () => Promise<Attachment[]>;
-}
-interface RenderActionSheetProps {
-    visible: boolean;
-    onClose: () => void;
-    isMyMessage: boolean;
-    selectedMessage?: Message$1;
-    messagePosition?: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    };
-    onActionPress: (action: string) => void;
-    onEmojiReact: (emoji: string) => void;
-}
-interface RenderReactionDetailsProps {
-    visible: boolean;
-    onClose: () => void;
-    reactions: MessageReaction$1[];
-    messageText: string;
-    onAddReaction: (emoji: string) => void;
-    onRemoveReaction: (emoji: string) => void;
-}
-interface AttachmentUploader {
-    upload: (file: File | any) => Promise<{
-        url: string;
-        metadata?: any;
-    }>;
-    validate?: (file: File | any) => boolean | string;
-}
-
-interface MessageInputRef {
-    focus: () => void;
-}
-
-interface ChatData {
-    id: string;
-    name: string;
-    message: string;
-    time: string;
-    avatar: string;
-    unreadCount?: number;
-    isOnline?: boolean;
-    hasAttachment?: boolean;
-}
-interface ChatItemProps {
-    item: ChatData;
-    onPress: (chat: ChatData) => void;
-}
-interface ChatListProps {
-    chats: ChatData[];
-    onChatPress: (chat: ChatData) => void;
-}
-interface ChatAvatarProps {
-    avatar: string;
-    isOnline?: boolean;
-    size?: 'small' | 'medium' | 'large';
-}
-interface ReplyToMessage {
-    id: number;
-    text: string;
-    senderName?: string;
-    isMe: boolean;
-    type?: 'text' | 'image';
-    imageData?: ImageAttachmentData;
-}
-interface MessageReaction {
-    emoji: string;
-    count: number;
-    users: string[];
-}
-interface Message {
-    id: number;
-    text: string;
-    isMe: boolean;
-    timestamp: string;
-    status?: 'sent' | 'delivered' | 'read';
-    senderName?: string;
-    replyTo?: ReplyToMessage;
-    reactions?: MessageReaction[];
-    type?: 'text' | 'image';
-    imageData?: ImageAttachmentData;
-    deleted?: boolean;
-}
-interface DateSeparator {
-    id: string;
-    listItemType: 'date-separator';
-    date: string;
-    displayDate: string;
-}
-interface MessageWithType extends Message {
-    listItemType: 'message';
-}
-type MessageListItem = MessageWithType | DateSeparator;
-interface AttachmentOption {
-    id: string;
-    label: string;
-    icon: any;
-    color: string;
-}
-interface AttachmentMenuProps {
-    onOptionSelect: (optionId: string) => void;
-    options: AttachmentOption[];
-}
-interface AttachmentMenuRef {
-    show: () => void;
-    hide: () => void;
-}
-interface ImageAttachmentData {
-    uri: string;
-    width: number;
-    height: number;
-    fileSize?: number;
-    fileName: string;
-}
-
-interface MessageInputState<T = string> {
-    value: T;
-    height: number;
-    isFocused: boolean;
-    replyToMessage: Message$1 | null;
-    attachments: AttachmentResult[];
-}
-interface MessageInputActions<T = string> {
-    setValue: (value: T) => void;
-    setHeight: (height: number) => void;
-    setFocus: (focused: boolean) => void;
-    setReplyToMessage: (message: Message$1 | null) => void;
-    addAttachment: (attachment: AttachmentResult) => void;
-    removeAttachment: (attachmentId: string) => void;
-    clearAttachments: () => void;
-    sendMessage: () => void;
-    cancelReply: () => void;
-    focusInput: () => void;
-    handleAttachmentSelected: (result: AttachmentResult) => void;
-    handleContentSizeChange: (event: NativeSyntheticEvent<TextInputContentSizeChangeEventData>) => void;
-    handleFocus: () => void;
-    handleBlur: () => void;
-}
-interface MessageInputConfig<T = string> {
-    initialValue?: T;
-    initialHeight?: number;
-    onValueChange?: (value: T) => void;
-    onHeightChange?: (height: number) => void;
-    onSend?: (value: T, attachments: AttachmentResult[], replyTo?: Message$1 | null) => void;
-    onAttachmentSend?: (attachmentResult: AttachmentResult, text?: T) => void;
-    onReplyCancel?: () => void;
-    onFocus?: () => void;
-    onBlur?: () => void;
-    maxHeight?: number;
-    minHeight?: number;
-    maxLength?: number;
-    placeholder?: string;
-}
-interface UseMessageInputReturn<T = string> {
-    state: MessageInputState<T>;
-    actions: MessageInputActions<T>;
-    refs: {
-        textInputRef: React__default.RefObject<TextInput>;
-    };
-}
-
-interface UseChatMessagesReturn {
-    messages: Message[];
-    sendMessage: (text: string, replyTo?: ReplyToMessage) => void;
-    sendImageMessage: (imageData: any, text?: string, replyTo?: ReplyToMessage) => void;
-    updateMessageStatus: (messageId: number, status: 'sent' | 'delivered' | 'read') => void;
-    addReaction: (messageId: number, emoji: string) => void;
-    deleteMessage: (messageId: number) => void;
-    removeReaction: (messageId: number, emoji: string) => void;
-}
-
-interface ChatSDKConfig {
-    initialMessages?: Message[];
-    enableOptimisticUpdates?: boolean;
-}
-interface ChatSDKReturn {
-    messages: Message[];
-    isTyping: boolean;
-    sendMessage: (text: string, replyTo?: Message) => void;
-    addReaction: (messageId: number, emoji: string) => void;
-    removeReaction: (messageId: number, emoji: string) => void;
-    setMessages: (messages: Message[]) => void;
-    addMessage: (message: Message) => void;
-    updateMessage: (messageId: number, updates: Partial<Message>) => void;
-    deleteMessage: (messageId: number) => void;
-    setTyping: (isTyping: boolean) => void;
-    resetChat: () => void;
-    getMessageById: (id: number) => Message | undefined;
-}
-
-interface UseAttachmentsOptions {
-    uploader?: AttachmentUploader;
-    maxAttachments?: number;
-    maxFileSize?: number;
-    allowedTypes?: string[];
-    onAttachmentAdd?: (attachment: Attachment) => void;
-    onAttachmentRemove?: (attachmentId: string) => void;
-    onAttachmentUpload?: (attachments: Attachment[]) => void;
-}
-
-interface MessageListConfig {
-    scrollThreshold?: number;
-    autoScrollToBottom?: boolean;
-    enableMessageActions?: boolean;
-    enableReactionDetails?: boolean;
-    initialNumToRender?: number;
-    maxToRenderPerBatch?: number;
-    windowSize?: number;
-}
-
-interface ActionState {
-    actionSheetVisible: boolean;
-    selectedMessage: Message$1 | null;
-    messagePosition?: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    };
-}
-
-interface ReactionState {
-    isReactionDetailsVisible: boolean;
-    selectedReactions: any[];
-    selectedMessageText: string;
-}
-
-interface ThemeColors {
-    primary: string;
-    secondary: string;
-    background: string;
-    surface: string;
-    surfaceSecondary: string;
-    text: string;
-    textSecondary: string;
-    textMuted: string;
-    border: string;
-    borderLight: string;
-    success: string;
-    error: string;
-    warning: string;
-    unread: string;
-    online: string;
-    messageBubble: {
-        sent: string;
-        received: string;
-        sentText: string;
-        receivedText: string;
-    };
-    gray: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    blue: {
-        50: string;
-        500: string;
-        600: string;
-    };
-    green: {
-        500: string;
-    };
-}
-interface ThemeSpacing {
-    xs: number;
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
-    xxl: number;
-}
-interface ThemeBorderRadius {
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
-    full: number;
-}
-interface ThemeTypography {
-    fontFamily: string;
-    fontSize: {
-        xs: number;
-        sm: number;
-        base: number;
-        lg: number;
-        xl: number;
-        xxl: number;
-    };
-    fontWeight: {
-        normal: '400' | 'normal';
-        medium: '500' | 'medium';
-        semibold: '600' | 'semibold';
-        bold: '700' | 'bold';
-    };
-    lineHeight: {
-        tight: number;
-        normal: number;
-        relaxed: number;
-    };
-}
-interface Theme {
-    colors: ThemeColors;
-    spacing: ThemeSpacing;
-    borderRadius: ThemeBorderRadius;
-    typography: ThemeTypography;
-}
-interface ThemeProviderProps {
-    children: React.ReactNode;
-    theme?: Partial<Theme>;
-}
-
-interface ChatHeaderProps {
-    title: string;
-}
-
-interface ChatListSearchBarProps {
-    value: string;
-    onChangeText: (text: string) => void;
-    onClear: () => void;
-    placeholder?: string;
-}
-
-interface TypingIndicatorProps {
-    isVisible: boolean;
-}
-
-interface ExtendedMessageListProps extends MessageListProps {
-    isTyping?: boolean;
-    typingUserName?: string;
-    onScroll?: (event: any) => void;
-    onContentSizeChange?: () => void;
-    showScrollToBottom?: boolean;
-    isReplyActive?: boolean;
-    scrollThreshold?: number;
-    autoScrollToBottom?: boolean;
-    onScrollToBottom?: () => void;
-    onScrollToTop?: () => void;
-    onScrollPositionChange?: (isNearBottom: boolean, isNearTop: boolean) => void;
-    onActionPress?: (action: string, message: Message$1) => void;
-    onReactionAdd?: (messageId: number, emoji: string) => void;
-    onReactionRemove?: (messageId: number, emoji: string) => void;
-    onMessageDelete?: (messageId: number) => void;
-    onReplyMessage?: (message: Message$1) => void;
-    onCancelReply?: () => void;
-    enableMessageActions?: boolean;
-    enableReactionDetails?: boolean;
-}
-interface MessageListRef {
-    scrollToEnd: (animated?: boolean) => void;
-    scrollToOffset: (offset: number, animated?: boolean) => void;
-    scrollToIndex: (index: number, animated?: boolean) => void;
-}
-
-interface ChatConfig {
-    keyboardBehavior?: 'padding' | 'height' | 'position';
-    keyboardVerticalOffset?: number;
-    enableReactionDetails?: boolean;
-    enableMessageActions?: boolean;
-    enableScrollToBottom?: boolean;
-    enableTypingIndicator?: boolean;
-    onMessageSend?: (text: string, replyTo?: Message) => void;
-    onReactionAdd?: (messageId: number, emoji: string) => void;
-    onReactionRemove?: (messageId: number, emoji: string) => void;
-}
-interface ChatProviderProps {
-    children: ReactNode;
-    config?: ChatConfig;
-}
-
-interface ChatInitConfig {
-    projectId: string;
-    apiUrl?: string;
-    debug?: boolean;
-}
-interface ChatInitResponse {
-    success: boolean;
-    message: string;
-    projectId: string;
-    activatedAt: string;
-}
-/**
- * Initialize the chat SDK with project verification
- *
- * This function validates the project ID with the API and sets up the SDK for use.
- * All UseChat components and hooks require this to be called first.
- *
- * @param config - Configuration object containing projectId and optional apiUrl
- * @returns Promise that resolves to ChatInitResponse or rejects with ChatInitError
- */
-declare const initChat: (config: ChatInitConfig) => Promise<ChatInitResponse>;
-
-/**
- * Simple Authentication System for UseChat SDK
- *
- * This system ensures initChat() is called before using any components or hooks.
- * No loading states - just immediate error throwing for better developer experience.
- */
-interface AuthState {
-    isInitialized: boolean;
-    projectId: string | null;
-    error: string | null;
-}
-/**
- * Get current authentication state (read-only)
- */
-declare const getAuthState: () => Readonly<AuthState>;
-/**
- * Get the current project ID (throws if not initialized)
- */
-declare const getProjectId: () => string;
-/**
- * Check if SDK is initialized (without throwing)
- */
-declare const isInitialized: () => boolean;
-
-interface ChatComponents {
-    MessageList?: ComponentType<MessageListProps>;
-    MessageInput?: ComponentType<MessageInputProps>;
-    MessageActionSheet?: ComponentType<any>;
-    ReactionDetailsSheet?: ComponentType<any>;
-    ScrollToBottomButton?: ComponentType<any>;
-}
-interface ChatRenderProps {
-    renderMessage?: (props: RenderMessageProps) => ReactNode;
-    renderInput?: (props: RenderInputProps) => ReactNode;
-    renderActionSheet?: (props: RenderActionSheetProps) => ReactNode;
-    renderReactionDetails?: (props: RenderReactionDetailsProps) => ReactNode;
-}
-interface ChatProps {
-    messages?: Message$1[];
-    components?: ChatComponents;
-    renderProps?: ChatRenderProps;
-    onMessageSend?: (message: Message$1) => void;
-    onReactionAdd?: (messageId: number, emoji: string) => void;
-    onReactionRemove?: (messageId: number, emoji: string) => void;
-    onMessageDelete?: (messageId: number) => void;
-    onActionPress?: (action: string, message: Message$1) => void;
-    attachmentUploader?: AttachmentUploader;
-    maxAttachments?: number;
-    maxFileSize?: number;
-    allowedFileTypes?: string[];
-    enableReactionDetails?: boolean;
-    enableMessageActions?: boolean;
-    enableScrollToBottom?: boolean;
-    enableTypingIndicator?: boolean;
-    isTyping?: boolean;
-    typingUserName?: string;
-    isLoading?: boolean;
-    loadingComponent?: ReactNode;
-}
-
-declare const defaultTheme: Theme;
-
-declare const Chat: React$1.ComponentType<ChatProps>;
-declare const ChatProvider: React$1.ComponentType<ChatProviderProps>;
-declare const useChatConfig: () => ChatConfig;
-
-declare const MessageList: React$1.ComponentType<ExtendedMessageListProps & React$1.RefAttributes<MessageListRef>>;
-declare const MessageInput: React$1.ComponentType<MessageInputProps & React$1.RefAttributes<MessageInputRef>>;
-
-declare const ChatScreenHeader: React$1.ComponentType<ChatScreenHeaderProps>;
-declare const TypingIndicator: React$1.ComponentType<TypingIndicatorProps>;
-
-declare const ChatList: React$1.ComponentType<ChatListProps>;
-declare const ChatItem: React$1.ComponentType<ChatItemProps>;
-declare const ChatHeader: React$1.ComponentType<ChatHeaderProps>;
-declare const ChatListSearchBar: React$1.ComponentType<ChatListSearchBarProps>;
-
-declare const ChatAvatar: React$1.ComponentType<ChatAvatarProps>;
-declare const AttachmentMenu: React$1.ComponentType<AttachmentMenuProps & React$1.RefAttributes<AttachmentMenuRef>>;
-declare const ThemeProvider: React$1.ComponentType<ThemeProviderProps>;
-
-declare const useTheme: () => Theme;
-
-declare const useChatSDK: (config?: ChatSDKConfig | undefined) => ChatSDKReturn;
-declare const useChatMessages: (senderName?: string | undefined) => UseChatMessagesReturn;
-declare const useMessageList: (messages: Message$1[], config?: MessageListConfig | undefined) => {
-    messageItems: MessageListItem[];
-    keyExtractor: (item: MessageListItem$1) => string;
-    flatListProps: {
-        initialNumToRender: number;
-        maxToRenderPerBatch: number;
-        windowSize: number;
-        inverted: boolean;
-        showsVerticalScrollIndicator: boolean;
-        keyboardShouldPersistTaps: "handled";
-        removeClippedSubviews: boolean;
-        scrollEventThrottle: number;
-    };
-};
-declare const useMessageActions: (config?: MessageListConfig | undefined) => {
-    actionState: ActionState;
-    handleMessageLongPress: (message: Message$1, position?: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    }) => void;
-    handleActionSheetClose: () => void;
-    handleActionPress: (action: string, callbacks?: {
-        onReply?: (message: Message$1) => void;
-        onDelete?: (messageId: number) => void;
-        onCopy?: (message: Message$1) => void;
-        onCustomAction?: (action: string, message: Message$1) => void;
-    }) => void;
-};
-declare const useMessageReactions: (config?: MessageListConfig | undefined) => {
-    reactionState: ReactionState;
-    selectedMessage: Message$1 | null;
-    handleReactionPress: (message: Message$1) => void;
-    handleReactionDetailsClose: () => void;
-    handleAddReaction: (emoji: string, onAdd?: (messageId: number, emoji: string) => void) => void;
-    handleRemoveReaction: (emoji: string, onRemove?: (messageId: number, emoji: string) => void) => void;
-    handleEmojiReact: (emoji: string, onAdd?: (messageId: number, emoji: string) => void) => void;
-};
-declare const useAttachments: (options?: UseAttachmentsOptions | undefined) => UseAttachmentsReturn;
-declare const useMessageInput: <T = string>(config?: MessageInputConfig<T> | undefined) => UseMessageInputReturn<T>;
-
-export { AttachmentMenu, type AttachmentResult, Chat, ChatAvatar, type ChatConfig, ChatHeader, type ChatHeaderProps, type ChatInitConfig, type ChatInitResponse, ChatItem, ChatList, ChatListSearchBar, type ChatListSearchBarProps, type ChatProps, ChatProvider, ChatScreenHeader, type Message$1 as Message, MessageInput, type MessageInputRef, MessageList, type MessageListRef, type Theme, type ThemeBorderRadius, type ThemeColors, ThemeProvider, type ThemeProviderProps, type ThemeSpacing, type ThemeTypography, TypingIndicator, type TypingIndicatorProps, defaultTheme, getAuthState, getProjectId, initChat, isInitialized, useAttachments, useChatConfig, useChatMessages, useChatSDK, useMessageActions, useMessageInput, useMessageList, useMessageReactions, useTheme };

package/dist/index.d.ts

@@ -1,662 +0,0 @@
-import * as React$1 from 'react';
-import React__default, { ReactNode, ComponentType } from 'react';
-import { NativeSyntheticEvent, TextInputContentSizeChangeEventData, TextInput } from 'react-native';
-
-interface Message$1 {
-    id: number;
-    text: string;
-    isMe: boolean;
-    timestamp: string;
-    status?: 'sent' | 'delivered' | 'read';
-    senderName?: string;
-    senderId?: string;
-    replyTo?: ReplyToMessage$1;
-    reactions?: MessageReaction$1[];
-    type?: 'text' | 'image';
-    attachments?: Attachment[];
-    deleted?: boolean;
-    imageData?: ImageAttachmentData$1;
-}
-interface ReplyToMessage$1 {
-    id: number;
-    text: string;
-    senderName?: string;
-    senderId?: string;
-    isMe: boolean;
-    timestamp?: string;
-    type?: 'text' | 'image';
-    imageData?: ImageAttachmentData$1;
-}
-interface MessageReaction$1 {
-    emoji: string;
-    count: number;
-    users: string[];
-}
-interface Attachment {
-    id: string;
-    type: 'image' | 'document' | 'location' | 'contact' | 'poll' | 'event';
-    data: any;
-    fileName?: string;
-    fileSize?: number;
-    mimeType?: string;
-    uploadStatus?: 'pending' | 'uploading' | 'completed' | 'failed';
-    uploadProgress?: number;
-}
-interface ImageAttachmentData$1 {
-    uri: string;
-    width: number;
-    height: number;
-    fileSize?: number;
-    fileName: string;
-}
-interface AttachmentResult {
-    id?: string;
-    type: 'image' | 'document' | 'location' | 'contact' | 'poll' | 'event';
-    data: any;
-}
-interface ChatScreenHeaderProps {
-    name?: string;
-    isOnline?: boolean;
-    onBack: () => void;
-    onVideoCall?: () => void;
-    onVoiceCall?: () => void;
-    onInfo?: () => void;
-    onSimulateTyping?: () => void;
-}
-interface MessageListProps {
-    messages: Message$1[];
-    onContentSizeChange?: () => void;
-    onMessageLongPress?: (message: Message$1, position?: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    }) => void;
-    onReactionPress?: (message: Message$1) => void;
-    isTyping?: boolean;
-    typingUserName?: string;
-    showScrollToBottom?: boolean;
-    isReplyActive?: boolean;
-}
-interface MessageInputProps {
-    value: string;
-    onChangeText: (text: string) => void;
-    onSend: () => void;
-    onFocus?: () => void;
-    height: number;
-    onContentSizeChange: (height: number) => void;
-    replyToMessage?: Message$1 | null;
-    onCancelReply?: () => void;
-    onAttachmentSend?: (attachmentResult: AttachmentResult, text?: string) => void;
-}
-interface MessageWithType$1 extends Message$1 {
-    listItemType: 'message';
-}
-interface DateSeparator$1 {
-    id: string;
-    listItemType: 'date-separator';
-    date: string;
-    displayDate: string;
-}
-type MessageListItem$1 = MessageWithType$1 | DateSeparator$1;
-interface UseAttachmentsReturn {
-    attachments: Attachment[];
-    openPicker: (type: 'image' | 'document' | 'location' | 'contact') => Promise<void>;
-    addAttachment: (attachment: Attachment) => void;
-    removeAttachment: (attachmentId: string) => void;
-    clearAttachments: () => void;
-    uploadAttachments: () => Promise<Attachment[]>;
-    isUploading: boolean;
-    uploadProgress: number;
-}
-interface RenderMessageProps {
-    message: Message$1;
-    onLongPress?: (message: Message$1, position?: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    }) => void;
-    onReactionPress?: (message: Message$1) => void;
-    onReactionRemove?: (messageId: number, emoji: string) => void;
-}
-interface RenderInputProps {
-    value: string;
-    onChangeText: (text: string) => void;
-    onSend: () => void;
-    onFocus?: () => void;
-    height: number;
-    onContentSizeChange: (height: number) => void;
-    replyToMessage?: Message$1 | null;
-    onCancelReply?: () => void;
-    attachments: Attachment[];
-    onAttachmentAdd: (attachment: Attachment) => void;
-    onAttachmentRemove: (attachmentId: string) => void;
-    onAttachmentUpload: () => Promise<Attachment[]>;
-}
-interface RenderActionSheetProps {
-    visible: boolean;
-    onClose: () => void;
-    isMyMessage: boolean;
-    selectedMessage?: Message$1;
-    messagePosition?: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    };
-    onActionPress: (action: string) => void;
-    onEmojiReact: (emoji: string) => void;
-}
-interface RenderReactionDetailsProps {
-    visible: boolean;
-    onClose: () => void;
-    reactions: MessageReaction$1[];
-    messageText: string;
-    onAddReaction: (emoji: string) => void;
-    onRemoveReaction: (emoji: string) => void;
-}
-interface AttachmentUploader {
-    upload: (file: File | any) => Promise<{
-        url: string;
-        metadata?: any;
-    }>;
-    validate?: (file: File | any) => boolean | string;
-}
-
-interface MessageInputRef {
-    focus: () => void;
-}
-
-interface ChatData {
-    id: string;
-    name: string;
-    message: string;
-    time: string;
-    avatar: string;
-    unreadCount?: number;
-    isOnline?: boolean;
-    hasAttachment?: boolean;
-}
-interface ChatItemProps {
-    item: ChatData;
-    onPress: (chat: ChatData) => void;
-}
-interface ChatListProps {
-    chats: ChatData[];
-    onChatPress: (chat: ChatData) => void;
-}
-interface ChatAvatarProps {
-    avatar: string;
-    isOnline?: boolean;
-    size?: 'small' | 'medium' | 'large';
-}
-interface ReplyToMessage {
-    id: number;
-    text: string;
-    senderName?: string;
-    isMe: boolean;
-    type?: 'text' | 'image';
-    imageData?: ImageAttachmentData;
-}
-interface MessageReaction {
-    emoji: string;
-    count: number;
-    users: string[];
-}
-interface Message {
-    id: number;
-    text: string;
-    isMe: boolean;
-    timestamp: string;
-    status?: 'sent' | 'delivered' | 'read';
-    senderName?: string;
-    replyTo?: ReplyToMessage;
-    reactions?: MessageReaction[];
-    type?: 'text' | 'image';
-    imageData?: ImageAttachmentData;
-    deleted?: boolean;
-}
-interface DateSeparator {
-    id: string;
-    listItemType: 'date-separator';
-    date: string;
-    displayDate: string;
-}
-interface MessageWithType extends Message {
-    listItemType: 'message';
-}
-type MessageListItem = MessageWithType | DateSeparator;
-interface AttachmentOption {
-    id: string;
-    label: string;
-    icon: any;
-    color: string;
-}
-interface AttachmentMenuProps {
-    onOptionSelect: (optionId: string) => void;
-    options: AttachmentOption[];
-}
-interface AttachmentMenuRef {
-    show: () => void;
-    hide: () => void;
-}
-interface ImageAttachmentData {
-    uri: string;
-    width: number;
-    height: number;
-    fileSize?: number;
-    fileName: string;
-}
-
-interface MessageInputState<T = string> {
-    value: T;
-    height: number;
-    isFocused: boolean;
-    replyToMessage: Message$1 | null;
-    attachments: AttachmentResult[];
-}
-interface MessageInputActions<T = string> {
-    setValue: (value: T) => void;
-    setHeight: (height: number) => void;
-    setFocus: (focused: boolean) => void;
-    setReplyToMessage: (message: Message$1 | null) => void;
-    addAttachment: (attachment: AttachmentResult) => void;
-    removeAttachment: (attachmentId: string) => void;
-    clearAttachments: () => void;
-    sendMessage: () => void;
-    cancelReply: () => void;
-    focusInput: () => void;
-    handleAttachmentSelected: (result: AttachmentResult) => void;
-    handleContentSizeChange: (event: NativeSyntheticEvent<TextInputContentSizeChangeEventData>) => void;
-    handleFocus: () => void;
-    handleBlur: () => void;
-}
-interface MessageInputConfig<T = string> {
-    initialValue?: T;
-    initialHeight?: number;
-    onValueChange?: (value: T) => void;
-    onHeightChange?: (height: number) => void;
-    onSend?: (value: T, attachments: AttachmentResult[], replyTo?: Message$1 | null) => void;
-    onAttachmentSend?: (attachmentResult: AttachmentResult, text?: T) => void;
-    onReplyCancel?: () => void;
-    onFocus?: () => void;
-    onBlur?: () => void;
-    maxHeight?: number;
-    minHeight?: number;
-    maxLength?: number;
-    placeholder?: string;
-}
-interface UseMessageInputReturn<T = string> {
-    state: MessageInputState<T>;
-    actions: MessageInputActions<T>;
-    refs: {
-        textInputRef: React__default.RefObject<TextInput>;
-    };
-}
-
-interface UseChatMessagesReturn {
-    messages: Message[];
-    sendMessage: (text: string, replyTo?: ReplyToMessage) => void;
-    sendImageMessage: (imageData: any, text?: string, replyTo?: ReplyToMessage) => void;
-    updateMessageStatus: (messageId: number, status: 'sent' | 'delivered' | 'read') => void;
-    addReaction: (messageId: number, emoji: string) => void;
-    deleteMessage: (messageId: number) => void;
-    removeReaction: (messageId: number, emoji: string) => void;
-}
-
-interface ChatSDKConfig {
-    initialMessages?: Message[];
-    enableOptimisticUpdates?: boolean;
-}
-interface ChatSDKReturn {
-    messages: Message[];
-    isTyping: boolean;
-    sendMessage: (text: string, replyTo?: Message) => void;
-    addReaction: (messageId: number, emoji: string) => void;
-    removeReaction: (messageId: number, emoji: string) => void;
-    setMessages: (messages: Message[]) => void;
-    addMessage: (message: Message) => void;
-    updateMessage: (messageId: number, updates: Partial<Message>) => void;
-    deleteMessage: (messageId: number) => void;
-    setTyping: (isTyping: boolean) => void;
-    resetChat: () => void;
-    getMessageById: (id: number) => Message | undefined;
-}
-
-interface UseAttachmentsOptions {
-    uploader?: AttachmentUploader;
-    maxAttachments?: number;
-    maxFileSize?: number;
-    allowedTypes?: string[];
-    onAttachmentAdd?: (attachment: Attachment) => void;
-    onAttachmentRemove?: (attachmentId: string) => void;
-    onAttachmentUpload?: (attachments: Attachment[]) => void;
-}
-
-interface MessageListConfig {
-    scrollThreshold?: number;
-    autoScrollToBottom?: boolean;
-    enableMessageActions?: boolean;
-    enableReactionDetails?: boolean;
-    initialNumToRender?: number;
-    maxToRenderPerBatch?: number;
-    windowSize?: number;
-}
-
-interface ActionState {
-    actionSheetVisible: boolean;
-    selectedMessage: Message$1 | null;
-    messagePosition?: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    };
-}
-
-interface ReactionState {
-    isReactionDetailsVisible: boolean;
-    selectedReactions: any[];
-    selectedMessageText: string;
-}
-
-interface ThemeColors {
-    primary: string;
-    secondary: string;
-    background: string;
-    surface: string;
-    surfaceSecondary: string;
-    text: string;
-    textSecondary: string;
-    textMuted: string;
-    border: string;
-    borderLight: string;
-    success: string;
-    error: string;
-    warning: string;
-    unread: string;
-    online: string;
-    messageBubble: {
-        sent: string;
-        received: string;
-        sentText: string;
-        receivedText: string;
-    };
-    gray: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    blue: {
-        50: string;
-        500: string;
-        600: string;
-    };
-    green: {
-        500: string;
-    };
-}
-interface ThemeSpacing {
-    xs: number;
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
-    xxl: number;
-}
-interface ThemeBorderRadius {
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
-    full: number;
-}
-interface ThemeTypography {
-    fontFamily: string;
-    fontSize: {
-        xs: number;
-        sm: number;
-        base: number;
-        lg: number;
-        xl: number;
-        xxl: number;
-    };
-    fontWeight: {
-        normal: '400' | 'normal';
-        medium: '500' | 'medium';
-        semibold: '600' | 'semibold';
-        bold: '700' | 'bold';
-    };
-    lineHeight: {
-        tight: number;
-        normal: number;
-        relaxed: number;
-    };
-}
-interface Theme {
-    colors: ThemeColors;
-    spacing: ThemeSpacing;
-    borderRadius: ThemeBorderRadius;
-    typography: ThemeTypography;
-}
-interface ThemeProviderProps {
-    children: React.ReactNode;
-    theme?: Partial<Theme>;
-}
-
-interface ChatHeaderProps {
-    title: string;
-}
-
-interface ChatListSearchBarProps {
-    value: string;
-    onChangeText: (text: string) => void;
-    onClear: () => void;
-    placeholder?: string;
-}
-
-interface TypingIndicatorProps {
-    isVisible: boolean;
-}
-
-interface ExtendedMessageListProps extends MessageListProps {
-    isTyping?: boolean;
-    typingUserName?: string;
-    onScroll?: (event: any) => void;
-    onContentSizeChange?: () => void;
-    showScrollToBottom?: boolean;
-    isReplyActive?: boolean;
-    scrollThreshold?: number;
-    autoScrollToBottom?: boolean;
-    onScrollToBottom?: () => void;
-    onScrollToTop?: () => void;
-    onScrollPositionChange?: (isNearBottom: boolean, isNearTop: boolean) => void;
-    onActionPress?: (action: string, message: Message$1) => void;
-    onReactionAdd?: (messageId: number, emoji: string) => void;
-    onReactionRemove?: (messageId: number, emoji: string) => void;
-    onMessageDelete?: (messageId: number) => void;
-    onReplyMessage?: (message: Message$1) => void;
-    onCancelReply?: () => void;
-    enableMessageActions?: boolean;
-    enableReactionDetails?: boolean;
-}
-interface MessageListRef {
-    scrollToEnd: (animated?: boolean) => void;
-    scrollToOffset: (offset: number, animated?: boolean) => void;
-    scrollToIndex: (index: number, animated?: boolean) => void;
-}
-
-interface ChatConfig {
-    keyboardBehavior?: 'padding' | 'height' | 'position';
-    keyboardVerticalOffset?: number;
-    enableReactionDetails?: boolean;
-    enableMessageActions?: boolean;
-    enableScrollToBottom?: boolean;
-    enableTypingIndicator?: boolean;
-    onMessageSend?: (text: string, replyTo?: Message) => void;
-    onReactionAdd?: (messageId: number, emoji: string) => void;
-    onReactionRemove?: (messageId: number, emoji: string) => void;
-}
-interface ChatProviderProps {
-    children: ReactNode;
-    config?: ChatConfig;
-}
-
-interface ChatInitConfig {
-    projectId: string;
-    apiUrl?: string;
-    debug?: boolean;
-}
-interface ChatInitResponse {
-    success: boolean;
-    message: string;
-    projectId: string;
-    activatedAt: string;
-}
-/**
- * Initialize the chat SDK with project verification
- *
- * This function validates the project ID with the API and sets up the SDK for use.
- * All UseChat components and hooks require this to be called first.
- *
- * @param config - Configuration object containing projectId and optional apiUrl
- * @returns Promise that resolves to ChatInitResponse or rejects with ChatInitError
- */
-declare const initChat: (config: ChatInitConfig) => Promise<ChatInitResponse>;
-
-/**
- * Simple Authentication System for UseChat SDK
- *
- * This system ensures initChat() is called before using any components or hooks.
- * No loading states - just immediate error throwing for better developer experience.
- */
-interface AuthState {
-    isInitialized: boolean;
-    projectId: string | null;
-    error: string | null;
-}
-/**
- * Get current authentication state (read-only)
- */
-declare const getAuthState: () => Readonly<AuthState>;
-/**
- * Get the current project ID (throws if not initialized)
- */
-declare const getProjectId: () => string;
-/**
- * Check if SDK is initialized (without throwing)
- */
-declare const isInitialized: () => boolean;
-
-interface ChatComponents {
-    MessageList?: ComponentType<MessageListProps>;
-    MessageInput?: ComponentType<MessageInputProps>;
-    MessageActionSheet?: ComponentType<any>;
-    ReactionDetailsSheet?: ComponentType<any>;
-    ScrollToBottomButton?: ComponentType<any>;
-}
-interface ChatRenderProps {
-    renderMessage?: (props: RenderMessageProps) => ReactNode;
-    renderInput?: (props: RenderInputProps) => ReactNode;
-    renderActionSheet?: (props: RenderActionSheetProps) => ReactNode;
-    renderReactionDetails?: (props: RenderReactionDetailsProps) => ReactNode;
-}
-interface ChatProps {
-    messages?: Message$1[];
-    components?: ChatComponents;
-    renderProps?: ChatRenderProps;
-    onMessageSend?: (message: Message$1) => void;
-    onReactionAdd?: (messageId: number, emoji: string) => void;
-    onReactionRemove?: (messageId: number, emoji: string) => void;
-    onMessageDelete?: (messageId: number) => void;
-    onActionPress?: (action: string, message: Message$1) => void;
-    attachmentUploader?: AttachmentUploader;
-    maxAttachments?: number;
-    maxFileSize?: number;
-    allowedFileTypes?: string[];
-    enableReactionDetails?: boolean;
-    enableMessageActions?: boolean;
-    enableScrollToBottom?: boolean;
-    enableTypingIndicator?: boolean;
-    isTyping?: boolean;
-    typingUserName?: string;
-    isLoading?: boolean;
-    loadingComponent?: ReactNode;
-}
-
-declare const defaultTheme: Theme;
-
-declare const Chat: React$1.ComponentType<ChatProps>;
-declare const ChatProvider: React$1.ComponentType<ChatProviderProps>;
-declare const useChatConfig: () => ChatConfig;
-
-declare const MessageList: React$1.ComponentType<ExtendedMessageListProps & React$1.RefAttributes<MessageListRef>>;
-declare const MessageInput: React$1.ComponentType<MessageInputProps & React$1.RefAttributes<MessageInputRef>>;
-
-declare const ChatScreenHeader: React$1.ComponentType<ChatScreenHeaderProps>;
-declare const TypingIndicator: React$1.ComponentType<TypingIndicatorProps>;
-
-declare const ChatList: React$1.ComponentType<ChatListProps>;
-declare const ChatItem: React$1.ComponentType<ChatItemProps>;
-declare const ChatHeader: React$1.ComponentType<ChatHeaderProps>;
-declare const ChatListSearchBar: React$1.ComponentType<ChatListSearchBarProps>;
-
-declare const ChatAvatar: React$1.ComponentType<ChatAvatarProps>;
-declare const AttachmentMenu: React$1.ComponentType<AttachmentMenuProps & React$1.RefAttributes<AttachmentMenuRef>>;
-declare const ThemeProvider: React$1.ComponentType<ThemeProviderProps>;
-
-declare const useTheme: () => Theme;
-
-declare const useChatSDK: (config?: ChatSDKConfig | undefined) => ChatSDKReturn;
-declare const useChatMessages: (senderName?: string | undefined) => UseChatMessagesReturn;
-declare const useMessageList: (messages: Message$1[], config?: MessageListConfig | undefined) => {
-    messageItems: MessageListItem[];
-    keyExtractor: (item: MessageListItem$1) => string;
-    flatListProps: {
-        initialNumToRender: number;
-        maxToRenderPerBatch: number;
-        windowSize: number;
-        inverted: boolean;
-        showsVerticalScrollIndicator: boolean;
-        keyboardShouldPersistTaps: "handled";
-        removeClippedSubviews: boolean;
-        scrollEventThrottle: number;
-    };
-};
-declare const useMessageActions: (config?: MessageListConfig | undefined) => {
-    actionState: ActionState;
-    handleMessageLongPress: (message: Message$1, position?: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    }) => void;
-    handleActionSheetClose: () => void;
-    handleActionPress: (action: string, callbacks?: {
-        onReply?: (message: Message$1) => void;
-        onDelete?: (messageId: number) => void;
-        onCopy?: (message: Message$1) => void;
-        onCustomAction?: (action: string, message: Message$1) => void;
-    }) => void;
-};
-declare const useMessageReactions: (config?: MessageListConfig | undefined) => {
-    reactionState: ReactionState;
-    selectedMessage: Message$1 | null;
-    handleReactionPress: (message: Message$1) => void;
-    handleReactionDetailsClose: () => void;
-    handleAddReaction: (emoji: string, onAdd?: (messageId: number, emoji: string) => void) => void;
-    handleRemoveReaction: (emoji: string, onRemove?: (messageId: number, emoji: string) => void) => void;
-    handleEmojiReact: (emoji: string, onAdd?: (messageId: number, emoji: string) => void) => void;
-};
-declare const useAttachments: (options?: UseAttachmentsOptions | undefined) => UseAttachmentsReturn;
-declare const useMessageInput: <T = string>(config?: MessageInputConfig<T> | undefined) => UseMessageInputReturn<T>;
-
-export { AttachmentMenu, type AttachmentResult, Chat, ChatAvatar, type ChatConfig, ChatHeader, type ChatHeaderProps, type ChatInitConfig, type ChatInitResponse, ChatItem, ChatList, ChatListSearchBar, type ChatListSearchBarProps, type ChatProps, ChatProvider, ChatScreenHeader, type Message$1 as Message, MessageInput, type MessageInputRef, MessageList, type MessageListRef, type Theme, type ThemeBorderRadius, type ThemeColors, ThemeProvider, type ThemeProviderProps, type ThemeSpacing, type ThemeTypography, TypingIndicator, type TypingIndicatorProps, defaultTheme, getAuthState, getProjectId, initChat, isInitialized, useAttachments, useChatConfig, useChatMessages, useChatSDK, useMessageActions, useMessageInput, useMessageList, useMessageReactions, useTheme };