@greatapps/greatchat-ui 0.1.1 → 0.1.3

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 import { ClassValue } from 'clsx';
+import * as _tanstack_react_query from '@tanstack/react-query';
+import * as _tanstack_query_core from '@tanstack/query-core';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ApiResponse<T> {
@@ -147,6 +149,244 @@ declare function groupMessagesByDate(messages: InboxMessage[]): {
 declare function formatDateGroup(dateStr: string): string;
 declare function formatMessageTime(dateStr: string): string;
 
+interface GchatHookConfig {
+    accountId: number;
+    token: string;
+    baseUrl: string;
+    language?: string;
+    idWl?: number;
+}
+declare const DEFAULT_INBOX_POLLING = 5000;
+declare const DEFAULT_MESSAGES_POLLING = 3000;
+declare const DEFAULT_CHANNEL_STATUS_POLLING = 5000;
+declare const DEFAULT_QR_POLLING = 2000;
+
+declare function useInboxes(config: GchatHookConfig, statusFilter?: string, pollingInterval?: number): _tanstack_react_query.UseQueryResult<Inbox[], Error>;
+declare function useInbox(config: GchatHookConfig, id: number | null): _tanstack_react_query.UseQueryResult<Inbox, Error>;
+declare function useInboxStats(config: GchatHookConfig, pollingInterval?: number): _tanstack_react_query.UseQueryResult<InboxStats, Error>;
+declare function useCreateInbox(config: GchatHookConfig): _tanstack_react_query.UseMutationResult<ApiResponse<Inbox>, Error, {
+    id_channel: number;
+    id_contact: number;
+}, unknown>;
+declare function useUpdateInbox(config: GchatHookConfig): _tanstack_react_query.UseMutationResult<ApiResponse<Inbox>, Error, {
+    id: number;
+    body: Partial<Pick<Inbox, "status" | "id_agent">>;
+}, unknown>;
+declare function useDeleteInbox(config: GchatHookConfig): _tanstack_react_query.UseMutationResult<ApiResponse<void>, Error, number, unknown>;
+
+declare function useInboxMessages(config: GchatHookConfig, idInbox: number | null, pollingInterval?: number): {
+    data: InboxMessage[];
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: true;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<InboxMessage[], Error>>;
+    fetchStatus: _tanstack_query_core.FetchStatus;
+    promise: Promise<InboxMessage[]>;
+} | {
+    data: InboxMessage[];
+    error: null;
+    isError: false;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    isPlaceholderData: false;
+    status: "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<InboxMessage[], Error>>;
+    fetchStatus: _tanstack_query_core.FetchStatus;
+    promise: Promise<InboxMessage[]>;
+} | {
+    data: InboxMessage[];
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: true;
+    isRefetchError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<InboxMessage[], Error>>;
+    fetchStatus: _tanstack_query_core.FetchStatus;
+    promise: Promise<InboxMessage[]>;
+} | {
+    data: InboxMessage[];
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoading: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<InboxMessage[], Error>>;
+    fetchStatus: _tanstack_query_core.FetchStatus;
+    promise: Promise<InboxMessage[]>;
+} | {
+    data: InboxMessage[];
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isLoading: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<InboxMessage[], Error>>;
+    fetchStatus: _tanstack_query_core.FetchStatus;
+    promise: Promise<InboxMessage[]>;
+} | {
+    data: InboxMessage[];
+    isError: false;
+    error: null;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    isPlaceholderData: true;
+    status: "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<InboxMessage[], Error>>;
+    fetchStatus: _tanstack_query_core.FetchStatus;
+    promise: Promise<InboxMessage[]>;
+};
+declare function useSendMessage(config: GchatHookConfig): _tanstack_react_query.UseMutationResult<ApiResponse<InboxMessage>, Error, {
+    idInbox: number;
+    content: string;
+}, {
+    optimisticMsg: InboxMessage;
+}>;
+declare function useRetryMessage(config: GchatHookConfig): (message: InboxMessage) => Promise<void>;
+declare function useRevokeMessage(config: GchatHookConfig): _tanstack_react_query.UseMutationResult<ApiResponse<void>, Error, {
+    id: number;
+    idInbox: number;
+}, unknown>;
+declare function useEditMessage(config: GchatHookConfig): _tanstack_react_query.UseMutationResult<ApiResponse<void>, Error, {
+    id: number;
+    idInbox: number;
+    content: string;
+}, unknown>;
+
+declare function useContacts(config: GchatHookConfig, params?: Record<string, string>): _tanstack_react_query.UseQueryResult<{
+    data: Contact[];
+    total: number;
+}, Error>;
+declare function useGetContact(config: GchatHookConfig, contactId: number | null): _tanstack_react_query.UseQueryResult<Contact, Error>;
+declare function useCreateContact(config: GchatHookConfig): _tanstack_react_query.UseMutationResult<ApiResponse<Contact>, Error, {
+    name: string;
+    phone_number?: string;
+    identifier?: string;
+}, unknown>;
+declare function useUpdateContact(config: GchatHookConfig): _tanstack_react_query.UseMutationResult<ApiResponse<Contact>, Error, {
+    id: number;
+    body: {
+        name?: string;
+        phone_number?: string;
+        identifier?: string;
+    };
+}, unknown>;
+declare function useDeleteContact(config: GchatHookConfig): _tanstack_react_query.UseMutationResult<ApiResponse<void>, Error, number, unknown>;
+
+declare function useChannels(config: GchatHookConfig): _tanstack_react_query.UseQueryResult<Channel[], Error>;
+declare function useChannelWhatsappStatus(config: GchatHookConfig, channelId: number | null, enabled?: boolean, pollingInterval?: number): _tanstack_react_query.UseQueryResult<WhatsappStatus, Error>;
+declare function useChannelQR(config: GchatHookConfig, channelId: number | null, enabled?: boolean, pollingInterval?: number): _tanstack_react_query.UseQueryResult<string | null, Error>;
+declare function useCreateChannel(config: GchatHookConfig): _tanstack_react_query.UseMutationResult<ApiResponse<Channel>, Error, Pick<Channel, "name" | "type" | "provider"> & Partial<Pick<Channel, "id_agent" | "identifier">>, unknown>;
+declare function useUpdateChannel(config: GchatHookConfig): _tanstack_react_query.UseMutationResult<ApiResponse<Channel>, Error, {
+    id: number;
+    body: Partial<Pick<Channel, "name" | "identifier" | "status" | "id_agent">>;
+}, unknown>;
+declare function useDeleteChannel(config: GchatHookConfig): _tanstack_react_query.UseMutationResult<ApiResponse<void>, Error, number, unknown>;
+declare function useConnectChannel(config: GchatHookConfig): _tanstack_react_query.UseMutationResult<ApiResponse<unknown>, Error, number, unknown>;
+declare function useDisconnectChannel(config: GchatHookConfig): _tanstack_react_query.UseMutationResult<ApiResponse<unknown>, Error, number, unknown>;
+declare function useLogoutChannel(config: GchatHookConfig): _tanstack_react_query.UseMutationResult<ApiResponse<unknown>, Error, number, unknown>;
+
 interface ChatViewProps {
     messages: InboxMessage[];
     isLoading: boolean;
@@ -177,4 +417,53 @@ interface MessageBubbleProps {
 }
 declare function MessageBubble({ message, onRetry, onRevoke, onEdit, renderActions, }: MessageBubbleProps): react_jsx_runtime.JSX.Element;
 
-export { type ApiResponse, type Channel, ChatInput, type ChatInputProps, ChatView, type ChatViewProps, type Contact, type GchatClientConfig, type Inbox, type InboxMessage, type InboxStats, MessageBubble, type MessageBubbleProps, type MessageContentType, type WhatsappStatus, cn, createGchatClient, formatDateGroup, formatMessageTime, groupMessagesByDate };
+interface ContactAvatarProps {
+    name: string | null;
+    className?: string;
+    size?: "sm" | "md" | "lg";
+}
+declare function ContactAvatar({ name, className, size, }: ContactAvatarProps): react_jsx_runtime.JSX.Element;
+
+interface InboxItemProps {
+    inbox: Inbox;
+    isSelected: boolean;
+    onClick: () => void;
+    onDelete?: (id: number) => void;
+    renderActions?: (inbox: Inbox) => React.ReactNode;
+}
+declare function InboxItem({ inbox, isSelected, onClick, onDelete, renderActions, }: InboxItemProps): react_jsx_runtime.JSX.Element;
+
+interface InboxSidebarProps {
+    inboxes: Inbox[] | undefined;
+    isLoading: boolean;
+    selectedInboxId: number | null;
+    onSelectInbox: (inbox: Inbox) => void;
+    onDeleteInbox?: (id: number) => void;
+    onCreateInbox?: () => void;
+    filterChannelId?: number | null;
+    renderHeader?: React.ReactNode;
+    renderFooter?: React.ReactNode;
+}
+declare function InboxSidebar({ inboxes, isLoading, selectedInboxId, onSelectInbox, onDeleteInbox, onCreateInbox, filterChannelId, renderHeader, renderFooter, }: InboxSidebarProps): react_jsx_runtime.JSX.Element;
+
+interface ContactInfoPanelProps {
+    contact: Contact | null;
+    isLoading?: boolean;
+    onClose?: () => void;
+    className?: string;
+}
+declare function ContactInfoPanel({ contact, isLoading, onClose, className, }: ContactInfoPanelProps): react_jsx_runtime.JSX.Element;
+
+interface NewConversationDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    contacts: Contact[];
+    channels: Channel[];
+    existingInboxes?: Inbox[];
+    onCreateInbox: (contactId: number, channelId: number) => void;
+    isCreating?: boolean;
+    onCreated?: (inboxId: number) => void;
+}
+declare function NewConversationDialog({ open, onOpenChange, contacts, channels, existingInboxes, onCreateInbox, isCreating, onCreated, }: NewConversationDialogProps): react_jsx_runtime.JSX.Element;
+
+export { type ApiResponse, type Channel, ChatInput, type ChatInputProps, ChatView, type ChatViewProps, type Contact, ContactAvatar, type ContactAvatarProps, ContactInfoPanel, type ContactInfoPanelProps, DEFAULT_CHANNEL_STATUS_POLLING, DEFAULT_INBOX_POLLING, DEFAULT_MESSAGES_POLLING, DEFAULT_QR_POLLING, type GchatClientConfig, type GchatHookConfig, type Inbox, InboxItem, type InboxItemProps, type InboxMessage, InboxSidebar, type InboxSidebarProps, type InboxStats, MessageBubble, type MessageBubbleProps, type MessageContentType, NewConversationDialog, type NewConversationDialogProps, type WhatsappStatus, cn, createGchatClient, formatDateGroup, formatMessageTime, groupMessagesByDate, useChannelQR, useChannelWhatsappStatus, useChannels, useConnectChannel, useContacts, useCreateChannel, useCreateContact, useCreateInbox, useDeleteChannel, useDeleteContact, useDeleteInbox, useDisconnectChannel, useEditMessage, useGetContact, useInbox, useInboxMessages, useInboxStats, useInboxes, useLogoutChannel, useRetryMessage, useRevokeMessage, useSendMessage, useUpdateChannel, useUpdateContact, useUpdateInbox };