@usechat/react-native 1.0.0

package/dist/index.d.mts

@@ -0,0 +1,967 @@
+import * as React$1 from 'react';
+import React__default, { ReactNode, ComponentType } from 'react';
+import { NativeSyntheticEvent, TextInputContentSizeChangeEventData, TextInput, FlatList } from 'react-native';
+
+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$1 {
+    id: number;
+    text: string;
+    senderName?: string;
+    isMe: boolean;
+    type?: 'text' | 'image';
+    imageData?: ImageAttachmentData$1;
+}
+interface MessageReaction$1 {
+    emoji: string;
+    count: number;
+    users: string[];
+}
+interface Message$1 {
+    id: number;
+    text: string;
+    isMe: boolean;
+    timestamp: string;
+    status?: 'sent' | 'delivered' | 'read';
+    senderName?: string;
+    replyTo?: ReplyToMessage$1;
+    reactions?: MessageReaction$1[];
+    type?: 'text' | 'image';
+    imageData?: ImageAttachmentData$1;
+    deleted?: boolean;
+}
+interface MessageItemProps {
+    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 DateSeparator$2 {
+    id: string;
+    listItemType: 'date-separator';
+    date: string;
+    displayDate: string;
+}
+interface MessageWithType$1 extends Message$1 {
+    listItemType: 'message';
+}
+type MessageListItem$1 = MessageWithType$1 | DateSeparator$2;
+interface DateSeparatorProps {
+    date: string;
+    displayDate: string;
+}
+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 UseAttachmentMenuReturn {
+    menuRef: React.RefObject<AttachmentMenuRef | null>;
+    handleOptionSelect: (optionId: string) => void;
+}
+interface AttachmentResult$1 {
+    type: 'image' | 'document' | 'location' | 'contact' | 'poll' | 'event';
+    data: any;
+}
+interface ImageAttachmentData$1 {
+    uri: string;
+    width: number;
+    height: number;
+    fileSize?: number;
+    fileName: string;
+}
+
+/**
+ * UseChat SDK License Validation Utility
+ *
+ * Copyright (c) 2024 Lukasz Ko and UseChat Team
+ * Licensed under UseChat SDK License Agreement
+ */
+interface LicenseConfig {
+    licenseKey?: string;
+    attribution?: boolean;
+    environment?: 'development' | 'production';
+}
+
+interface ChatConfig extends LicenseConfig {
+    keyboardBehavior?: 'padding' | 'height' | 'position';
+    keyboardVerticalOffset?: number;
+    enableReactionDetails?: boolean;
+    enableMessageActions?: boolean;
+    enableScrollToBottom?: boolean;
+    enableTypingIndicator?: boolean;
+    onMessageSend?: (text: string, replyTo?: Message$1) => void;
+    onReactionAdd?: (messageId: number, emoji: string) => void;
+    onReactionRemove?: (messageId: number, emoji: string) => void;
+}
+interface ChatProviderProps {
+    children: ReactNode;
+    config?: ChatConfig;
+}
+declare const ChatProvider: (props: ChatProviderProps) => React__default.JSX.Element;
+declare const useChatConfig: () => ChatConfig;
+
+interface User {
+    id: string;
+    name: string;
+    avatar?: string;
+    isOnline?: boolean;
+}
+interface Message {
+    id: number;
+    text: string;
+    isMe: boolean;
+    timestamp: string;
+    status?: 'sent' | 'delivered' | 'read';
+    senderName?: string;
+    senderId?: string;
+    replyTo?: ReplyToMessage;
+    reactions?: MessageReaction[];
+    type?: 'text' | 'image';
+    attachments?: Attachment[];
+    deleted?: boolean;
+    imageData?: ImageAttachmentData;
+}
+interface ReplyToMessage {
+    id: number;
+    text: string;
+    senderName?: string;
+    senderId?: string;
+    isMe: boolean;
+    timestamp?: string;
+    type?: 'text' | 'image';
+    imageData?: ImageAttachmentData;
+}
+interface MessageReaction {
+    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 {
+    uri: string;
+    width: number;
+    height: number;
+    fileSize?: number;
+    fileName: string;
+}
+interface DocumentAttachmentData {
+    uri: string;
+    name: string;
+    size?: number;
+    mimeType?: string;
+}
+interface LocationAttachmentData {
+    coordinates: {
+        latitude: number;
+        longitude: number;
+    };
+    address?: any;
+    timestamp: number;
+}
+interface ContactAttachmentData {
+    id?: string;
+    name?: string;
+    phoneNumbers?: any[];
+    emails?: any[];
+}
+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[];
+    onContentSizeChange?: () => void;
+    onMessageLongPress?: (message: Message, position?: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }) => void;
+    onReactionPress?: (message: Message) => 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 | null;
+    onCancelReply?: () => void;
+    onAttachmentSend?: (attachmentResult: AttachmentResult, text?: string) => void;
+}
+interface MessageWithType extends Message {
+    listItemType: 'message';
+}
+interface DateSeparator$1 {
+    id: string;
+    listItemType: 'date-separator';
+    date: string;
+    displayDate: string;
+}
+type MessageListItem = MessageWithType | DateSeparator$1;
+interface UseChatReturn {
+    messages: Message[];
+    sendMessage: (text: string, replyTo?: ReplyToMessage) => void;
+    sendMessageWithAttachments: (text: string, attachments: Attachment[], 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;
+    isLoading: boolean;
+    error: string | null;
+    addMessage: (message: Message) => void;
+    updateMessage: (messageId: number, updates: Partial<Message>) => void;
+    setMessages: (messages: Message[]) => void;
+}
+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 UseTypingIndicatorReturn {
+    isTyping: boolean;
+    typingUsers: string[];
+    startTyping: () => void;
+    stopTyping: () => void;
+    setTypingUsers: (users: string[]) => void;
+}
+interface RenderMessageProps {
+    message: Message;
+    onLongPress?: (message: Message, position?: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }) => void;
+    onReactionPress?: (message: Message) => 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 | null;
+    onCancelReply?: () => void;
+    attachments: Attachment[];
+    onAttachmentAdd: (attachment: Attachment) => void;
+    onAttachmentRemove: (attachmentId: string) => void;
+    onAttachmentUpload: () => Promise<Attachment[]>;
+}
+interface RenderHeaderProps {
+    name?: string;
+    isOnline?: boolean;
+    onBack: () => void;
+    onVideoCall?: () => void;
+    onVoiceCall?: () => void;
+    onInfo?: () => void;
+}
+interface RenderActionSheetProps {
+    visible: boolean;
+    onClose: () => void;
+    isMyMessage: boolean;
+    selectedMessage?: Message;
+    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[];
+    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 AttachmentPlugin {
+    type: 'image' | 'document' | 'location' | 'contact';
+    picker: () => Promise<any>;
+    validator?: (data: any) => boolean | string;
+    transformer?: (data: any) => Attachment;
+}
+
+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[];
+    components?: ChatComponents;
+    renderProps?: ChatRenderProps;
+    onMessageSend?: (message: Message) => void;
+    onReactionAdd?: (messageId: number, emoji: string) => void;
+    onReactionRemove?: (messageId: number, emoji: string) => void;
+    onMessageDelete?: (messageId: number) => void;
+    onActionPress?: (action: string, message: Message) => 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 Chat: React__default.FC<ChatProps>;
+
+interface ChatScreenProps extends Omit<ChatProps, 'config'> {
+    config?: ChatConfig;
+}
+
+declare const ChatScreenHeader: React__default.FC<ChatScreenHeaderProps>;
+
+declare const MessageItem: React__default.FC<MessageItemProps>;
+
+interface ImageMessageProps {
+    imageData: ImageAttachmentData$1;
+    isMe: boolean;
+    onImagePress?: () => void;
+    onLongPress?: () => void;
+}
+declare const ImageMessage: React__default.FC<ImageMessageProps>;
+
+interface DeletedMessageProps {
+    isMe: boolean;
+    timestamp: string;
+    senderName?: string;
+}
+declare const DeletedMessage: React__default.FC<DeletedMessageProps>;
+
+interface ReplyBubbleProps {
+    replyTo: ReplyToMessage$1;
+    isMyMessage: boolean;
+}
+declare const ReplyBubble: React__default.FC<ReplyBubbleProps>;
+
+interface ReplyPreviewProps {
+    replyToMessage: Message$1;
+    onCancel: () => void;
+}
+declare const ReplyPreview: React__default.FC<ReplyPreviewProps>;
+
+interface MessageActionSheetProps {
+    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;
+}
+declare const MessageActionSheet: React__default.FC<MessageActionSheetProps>;
+
+interface ReactionDetailsSheetProps {
+    visible: boolean;
+    onClose: () => void;
+    reactions: MessageReaction$1[];
+    messageText: string;
+    onAddReaction?: (emoji: string) => void;
+    onRemoveReaction?: (emoji: string) => void;
+}
+declare const ReactionDetailsSheet: ({ visible, onClose, reactions, messageText, onAddReaction, onRemoveReaction, }: ReactionDetailsSheetProps) => React__default.JSX.Element;
+
+interface EmojiPickerProps {
+    visible: boolean;
+    onClose: () => void;
+    onEmojiSelected: (emoji: string) => void;
+}
+declare const EmojiPickerComponent: React__default.FC<EmojiPickerProps>;
+
+declare const AttachmentMenu: React__default.ForwardRefExoticComponent<AttachmentMenuProps & React__default.RefAttributes<AttachmentMenuRef>>;
+
+interface TypingIndicatorProps {
+    isVisible: boolean;
+}
+/**
+ * TypingIndicator component that shows animated dots similar to WhatsApp
+ * when someone is typing. The dots animate in sequence with a bouncing effect.
+ */
+declare const TypingIndicator: React__default.FC<TypingIndicatorProps>;
+
+interface ScrollToBottomButtonProps {
+    visible: boolean;
+    onPress: () => void;
+    isReplyActive?: boolean;
+}
+declare const ScrollToBottomButton: ({ visible, onPress, isReplyActive }: ScrollToBottomButtonProps) => React__default.JSX.Element | null;
+
+declare const DateSeparator: React__default.FC<DateSeparatorProps>;
+
+interface MessageInputRef {
+    focus: () => void;
+}
+declare const MessageInput: React__default.ForwardRefExoticComponent<MessageInputProps & React__default.RefAttributes<MessageInputRef>>;
+
+declare const useAttachmentMenu: (onAttachmentSelected?: (result: AttachmentResult$1) => void) => UseAttachmentMenuReturn & {
+    options: AttachmentOption[];
+};
+
+interface MessageInputState<T = string> {
+    value: T;
+    height: number;
+    isFocused: boolean;
+    replyToMessage: Message | null;
+    attachments: AttachmentResult[];
+}
+interface MessageInputActions<T = string> {
+    setValue: (value: T) => void;
+    setHeight: (height: number) => void;
+    setFocus: (focused: boolean) => void;
+    setReplyToMessage: (message: Message | 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 | 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>;
+    };
+}
+declare const useMessageInput: <T = string>(config?: MessageInputConfig<T>) => UseMessageInputReturn<T>;
+interface MessageInputContextValue<T = string> {
+    state: MessageInputState<T>;
+    actions: MessageInputActions<T>;
+    refs: {
+        textInputRef: React__default.RefObject<TextInput>;
+    };
+}
+declare const useMessageInputContext: <T = string>() => MessageInputContextValue<T>;
+interface MessageInputProviderProps<T = string> {
+    children: ReactNode;
+    value: MessageInputContextValue<T>;
+}
+declare const MessageInputProvider: <T = string>({ children, value, }: MessageInputProviderProps<T>) => React__default.JSX.Element;
+
+interface CompoundComponentProps<T = string> {
+    children?: ReactNode;
+    render?: (context: MessageInputContextValue<T>) => ReactNode;
+}
+interface AttachmentButtonRenderProps<T = string> {
+    actions: MessageInputActions<T>;
+    attachmentMenu: ReturnType<typeof useAttachmentMenu>;
+}
+interface SendButtonRenderProps<T = string> {
+    state: MessageInputState<T>;
+    actions: MessageInputActions<T>;
+}
+interface AttachmentMenuRenderProps<T = string> {
+    actions: MessageInputActions<T>;
+    attachmentMenu: ReturnType<typeof useAttachmentMenu>;
+}
+declare const MessageInputCompound: {
+    Container: <T = string>({ children, render }: CompoundComponentProps<T>) => string | number | bigint | boolean | React__default.JSX.Element | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | null | undefined;
+    ReplyPreview: <T = string>({ render }: CompoundComponentProps<T>) => string | number | bigint | boolean | React__default.JSX.Element | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | null | undefined;
+    TextArea: <T = string>({ render }: CompoundComponentProps<T>) => string | number | bigint | boolean | React__default.JSX.Element | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | null | undefined;
+    AttachmentButton: <T = string>({ render, }: {
+        render?: (props: AttachmentButtonRenderProps<T>) => ReactNode;
+    }) => string | number | bigint | boolean | React__default.JSX.Element | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | null | undefined;
+    SendButton: <T = string>({ render, }: {
+        render?: (props: SendButtonRenderProps<T>) => ReactNode;
+    }) => string | number | bigint | boolean | React__default.JSX.Element | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | null | undefined;
+    AttachmentMenu: <T = string>({ render, }: {
+        render?: (props: AttachmentMenuRenderProps<T>) => ReactNode;
+    }) => string | number | bigint | boolean | React__default.JSX.Element | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | null | undefined;
+};
+
+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) => void;
+    onReactionAdd?: (messageId: number, emoji: string) => void;
+    onReactionRemove?: (messageId: number, emoji: string) => void;
+    onMessageDelete?: (messageId: number) => void;
+    onReplyMessage?: (message: Message) => 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;
+}
+declare const MessageList: React__default.ForwardRefExoticComponent<ExtendedMessageListProps & React__default.RefAttributes<MessageListRef>>;
+
+interface MessageListConfig {
+    scrollThreshold?: number;
+    autoScrollToBottom?: boolean;
+    enableMessageActions?: boolean;
+    enableReactionDetails?: boolean;
+    initialNumToRender?: number;
+    maxToRenderPerBatch?: number;
+    windowSize?: number;
+}
+/**
+ * Level 3: Core message list hook
+ * Handles message data preparation, grouping, and basic operations
+ */
+declare function useMessageList(messages: Message[], config?: MessageListConfig): {
+    messageItems: MessageListItem$1[];
+    keyExtractor: (item: MessageListItem) => string;
+    flatListProps: {
+        initialNumToRender: number;
+        maxToRenderPerBatch: number;
+        windowSize: number;
+        inverted: boolean;
+        showsVerticalScrollIndicator: boolean;
+        keyboardShouldPersistTaps: "handled";
+        removeClippedSubviews: boolean;
+        scrollEventThrottle: number;
+    };
+};
+
+interface ScrollState {
+    isNearBottom: boolean;
+    isNearTop: boolean;
+    showScrollToBottomButton: boolean;
+}
+/**
+ * Level 3: Scroll management hook
+ * Handles all scroll-related functionality
+ */
+declare function useMessageListScroll(config?: MessageListConfig): {
+    flatListRef: React$1.RefObject<FlatList<any> | null>;
+    scrollState: ScrollState;
+    handleScroll: (event: any) => void;
+    handleContentSizeChange: () => void;
+    handleNewMessages: (currentMessageCount: number) => void;
+    scrollToEnd: (animated?: boolean) => void;
+    scrollToOffset: (offset: number, animated?: boolean) => void;
+    scrollToIndex: (index: number, animated?: boolean) => void;
+};
+
+interface ActionState {
+    actionSheetVisible: boolean;
+    selectedMessage: Message | null;
+    messagePosition?: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+}
+/**
+ * Level 3: Message actions hook
+ * Handles action sheet, message selection, and actions
+ */
+declare function useMessageActions(config?: MessageListConfig): {
+    actionState: ActionState;
+    handleMessageLongPress: (message: Message, position?: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }) => void;
+    handleActionSheetClose: () => void;
+    handleActionPress: (action: string, callbacks?: {
+        onReply?: (message: Message) => void;
+        onDelete?: (messageId: number) => void;
+        onCopy?: (message: Message) => void;
+        onCustomAction?: (action: string, message: Message) => void;
+    }) => void;
+};
+
+interface ReactionState {
+    isReactionDetailsVisible: boolean;
+    selectedReactions: any[];
+    selectedMessageText: string;
+}
+/**
+ * Level 3: Message reactions hook
+ * Handles reaction details, emoji reactions
+ */
+declare function useMessageReactions(config?: MessageListConfig): {
+    reactionState: ReactionState;
+    selectedMessage: Message | null;
+    handleReactionPress: (message: Message) => 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;
+};
+
+interface ReplyState {
+    replyToMessage: Message | null;
+}
+/**
+ * Level 3: Reply functionality hook
+ * Handles reply-to-message state
+ */
+declare function useMessageReply(): {
+    replyState: ReplyState;
+    setReplyToMessage: (message: Message | null) => void;
+    clearReply: () => void;
+};
+
+interface MessageListContextValue {
+    messageList: ReturnType<typeof useMessageList>;
+    scroll: ReturnType<typeof useMessageListScroll>;
+    actions: ReturnType<typeof useMessageActions>;
+    reactions: ReturnType<typeof useMessageReactions>;
+    reply: ReturnType<typeof useMessageReply>;
+    config: MessageListConfig;
+    callbacks: {
+        onScrollToBottom?: () => void;
+        onScrollToTop?: () => void;
+        onScrollPositionChange?: (isNearBottom: boolean, isNearTop: boolean) => void;
+        onReactionAdd?: (messageId: number, emoji: string) => void;
+        onReactionRemove?: (messageId: number, emoji: string) => void;
+        onMessageDelete?: (messageId: number) => void;
+        onReplyMessage?: (message: Message) => void;
+        onActionPress?: (action: string, message: Message) => void;
+    };
+}
+declare function useMessageListContext(): MessageListContextValue;
+declare function MessageListProvider({ children, messages, config, ...callbacks }: {
+    children: React__default.ReactNode;
+    messages: Message[];
+    config?: MessageListConfig;
+} & MessageListContextValue['callbacks']): React__default.JSX.Element;
+
+declare const MessageListCompound: {
+    Provider: typeof MessageListProvider;
+    Container: ({ children, style, }: {
+        children: React__default.ReactNode;
+        style?: any;
+    }) => React__default.JSX.Element;
+    Messages: ({ renderMessage, style, }: {
+        renderMessage?: (props: {
+            message: Message;
+            index: number;
+        }) => React__default.ReactNode;
+        style?: any;
+    }) => React__default.JSX.Element;
+    TypingIndicator: ({ isVisible }: {
+        isVisible?: boolean;
+    }) => React__default.JSX.Element | null;
+    ScrollButton: ({ visible, isReplyActive, onPress, }: {
+        visible?: boolean;
+        isReplyActive?: boolean;
+        onPress?: () => void;
+    }) => React__default.JSX.Element;
+    ActionSheet: () => React__default.JSX.Element | null;
+    ReactionDetails: () => React__default.JSX.Element | null;
+};
+
+declare const _default: (props: ChatListProps) => React__default.JSX.Element;
+
+declare const ChatItem: React__default.FC<ChatItemProps>;
+
+interface ChatHeaderProps {
+    title: string;
+}
+declare const ChatHeader: React__default.FC<ChatHeaderProps>;
+
+interface ChatListSearchBarProps {
+    value: string;
+    onChangeText: (text: string) => void;
+    onClear: () => void;
+    placeholder?: string;
+}
+declare const ChatListSearchBarBase: React__default.FC<ChatListSearchBarProps>;
+
+declare const ChatAvatar: React__default.FC<ChatAvatarProps>;
+
+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>;
+}
+
+declare const ThemeProvider: ({ children, theme: customTheme }: ThemeProviderProps) => React__default.JSX.Element;
+
+declare const defaultTheme: Theme;
+
+declare const useTheme: () => Theme;
+
+interface UseChatMessagesReturn {
+    messages: Message$1[];
+    sendMessage: (text: string, replyTo?: ReplyToMessage$1) => void;
+    sendImageMessage: (imageData: any, text?: string, replyTo?: ReplyToMessage$1) => 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;
+}
+declare const useChatMessages: (senderName?: string) => UseChatMessagesReturn;
+
+interface ChatSDKConfig {
+    initialMessages?: Message$1[];
+    enableOptimisticUpdates?: boolean;
+}
+interface ChatSDKReturn {
+    messages: Message$1[];
+    isTyping: boolean;
+    sendMessage: (text: string, replyTo?: Message$1) => void;
+    addReaction: (messageId: number, emoji: string) => void;
+    removeReaction: (messageId: number, emoji: string) => void;
+    setMessages: (messages: Message$1[]) => void;
+    addMessage: (message: Message$1) => void;
+    updateMessage: (messageId: number, updates: Partial<Message$1>) => void;
+    deleteMessage: (messageId: number) => void;
+    setTyping: (isTyping: boolean) => void;
+    resetChat: () => void;
+    getMessageById: (id: number) => Message$1 | undefined;
+}
+/**
+ * Hook for external apps to manage chat state
+ * Provides all necessary functionality for a complete chat experience
+ */
+declare const useChatSDK: (config?: ChatSDKConfig) => ChatSDKReturn;
+
+interface UseAttachmentsOptions {
+    uploader?: AttachmentUploader;
+    maxAttachments?: number;
+    maxFileSize?: number;
+    allowedTypes?: string[];
+    onAttachmentAdd?: (attachment: Attachment) => void;
+    onAttachmentRemove?: (attachmentId: string) => void;
+    onAttachmentUpload?: (attachments: Attachment[]) => void;
+}
+declare const useAttachments: (options?: UseAttachmentsOptions) => UseAttachmentsReturn;
+
+interface UseTypingIndicatorOptions {
+    typingTimeout?: number;
+    onTypingStart?: () => void;
+    onTypingStop?: () => void;
+}
+declare const useTypingIndicator: (options?: UseTypingIndicatorOptions) => UseTypingIndicatorReturn;
+
+interface ChatInitConfig {
+    projectId: string;
+    apiUrl?: string;
+    debug?: boolean;
+}
+interface ChatInitResponse {
+    success: boolean;
+    message: string;
+    projectId: string;
+    activatedAt: string;
+}
+interface ChatInitError {
+    error: string;
+    projectId?: string;
+}
+/**
+ * Initialize the chat SDK with project verification
+ * @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>;
+
+export { type ActionState, type Attachment, AttachmentMenu, type AttachmentPlugin, type AttachmentResult, type AttachmentUploader, Chat, ChatAvatar, type ChatConfig, ChatHeader, type ChatInitConfig, type ChatInitError, type ChatInitResponse, ChatItem, _default as ChatList, ChatListSearchBarBase as ChatListSearchBar, type ChatProps, ChatProvider, ChatScreenHeader, type ChatScreenHeaderProps, type ChatScreenProps, type ContactAttachmentData, DateSeparator, DeletedMessage, type DocumentAttachmentData, EmojiPickerComponent as EmojiPicker, type ImageAttachmentData, ImageMessage, type LocationAttachmentData, type Message, MessageActionSheet, MessageInput, type MessageInputActions, MessageInputCompound, type MessageInputConfig, type MessageInputContextValue, type MessageInputProps, MessageInputProvider, type MessageInputRef, type MessageInputState, MessageItem, MessageList, MessageListCompound, type MessageListConfig, type MessageListContextValue, type MessageListItem, type MessageListProps, MessageListProvider, type MessageListRef, type MessageReaction, type MessageWithType, ReactionDetailsSheet, type ReactionState, type RenderActionSheetProps, type RenderHeaderProps, type RenderInputProps, type RenderMessageProps, type RenderReactionDetailsProps, ReplyBubble, ReplyPreview, type ReplyState, type ReplyToMessage, type ScrollState, ScrollToBottomButton, type Theme, type ThemeBorderRadius, type ThemeColors, ThemeProvider, type ThemeProviderProps, type ThemeSpacing, type ThemeTypography, TypingIndicator, type UseAttachmentsReturn, type UseChatReturn, type UseMessageInputReturn, type UseTypingIndicatorReturn, type User, defaultTheme, initChat, useAttachments, useChatConfig, useChatMessages, useChatSDK, useMessageActions, useMessageInput, useMessageInputContext, useMessageList, useMessageListContext, useMessageListScroll, useMessageReactions, useMessageReply, useTheme, useTypingIndicator };