@usechat/react-native 1.0.10 → 1.0.12

package/dist/clipboard-O4FPD4J6.mjs

@@ -0,0 +1,2 @@
+'use client'
+var s=async e=>{console.log("copyToClipboard called with text:",e);try{try{let{setStringAsync:o}=await import("expo-clipboard");console.log("expo-clipboard imported successfully"),console.log("setStringAsync function:",o),await o(e),console.log("Text copied to clipboard successfully")}catch(o){throw console.error("Failed to import expo-clipboard:",o),new Error("expo-clipboard not available")}try{let o=await import("react-native-toast-message"),t=o.default||o;console.log("react-native-toast-message imported successfully"),t.show({type:"success",text1:"Copied to clipboard",text2:"Message copied successfully",position:"bottom",visibilityTime:2e3}),console.log("Toast shown successfully")}catch(o){console.log("Toast not available, but message copied to clipboard"),console.error("Toast import error:",o)}return!0}catch(o){console.error("Failed to copy to clipboard:",o);try{let t=await import("react-native-toast-message");(t.default||t).show({type:"error",text1:"Copy failed",text2:"Failed to copy message to clipboard",position:"bottom",visibilityTime:2e3})}catch(t){console.error("Copy failed: expo-clipboard not available"),console.error("Toast import error:",t)}return!1}},a=async()=>{try{return await import("expo-clipboard"),!0}catch{return!1}};export{s as copyToClipboard,a as isClipboardAvailable};

package/dist/index.d.mts

@@ -0,0 +1,664 @@
+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' | 'failed' | 'pending';
+    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;
+    onRefresh?: () => void;
+    refreshing?: boolean;
+}
+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' | 'failed' | 'pending';
+    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 };