@greatapps/greatchat-ui 0.1.5 → 0.2.0

package/dist/index.d.ts

@@ -1,8 +1,9 @@
-import { ClassValue } from 'clsx';
+export { cn } from '@greatapps/greatauth-ui/ui';
 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';
-import { ReactNode } from 'react';
+import { ReactNode, SVGProps } from 'react';
+import { ColumnDef } from '@tanstack/react-table';
 
 interface ApiResponse<T> {
     status: 0 | 1;
@@ -137,8 +138,6 @@ declare function createGchatClient(config: GchatClientConfig): {
     provisionChannel: (idAccount: number, id: number) => Promise<ApiResponse<unknown>>;
 };
 
-declare function cn(...inputs: ClassValue[]): string;
-
 /**
  * Groups messages by date. Assumes messages are pre-sorted by datetime_add (ascending).
  */
@@ -484,4 +483,106 @@ interface WhatsappStatusBadgeProps {
 }
 declare function WhatsappStatusBadge({ status, hasSession, }: WhatsappStatusBadgeProps): react_jsx_runtime.JSX.Element;
 
-export { type ApiResponse, type Channel, ChannelCard, type ChannelCardProps, 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, WhatsappStatusBadge, type WhatsappStatusBadgeProps, 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 };
+declare function WhatsappIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+interface WhatsappQrDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    channelId: number;
+    config: GchatHookConfig;
+}
+declare function WhatsappQrDialog({ open, onOpenChange, channelId, config, }: WhatsappQrDialogProps): react_jsx_runtime.JSX.Element;
+
+interface ChannelCreateDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    config: GchatHookConfig;
+    renderAgentSelect?: (props: {
+        value: number | null;
+        onChange: (value: number | null) => void;
+        disabled?: boolean;
+    }) => ReactNode;
+}
+declare function ChannelCreateDialog({ open, onOpenChange, config, renderAgentSelect, }: ChannelCreateDialogProps): react_jsx_runtime.JSX.Element;
+
+interface ChannelEditDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    channel: Channel;
+    config: GchatHookConfig;
+    renderAgentSelect?: (props: {
+        value: number | null;
+        onChange: (value: number | null) => void;
+        disabled?: boolean;
+    }) => ReactNode;
+}
+declare function ChannelEditDialog({ open, onOpenChange, channel, config, renderAgentSelect, }: ChannelEditDialogProps): react_jsx_runtime.JSX.Element;
+
+interface ContactFormDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    contact?: Contact;
+    config: GchatHookConfig;
+}
+declare function ContactFormDialog({ open, onOpenChange, contact, config, }: ContactFormDialogProps): react_jsx_runtime.JSX.Element;
+
+interface ContactsTableProps {
+    config: GchatHookConfig;
+}
+declare function ContactsTable({ config }: ContactsTableProps): react_jsx_runtime.JSX.Element;
+
+interface DataTableProps<TData, TValue> {
+    columns: ColumnDef<TData, TValue>[];
+    data: TData[];
+    isLoading?: boolean;
+    emptyMessage?: string;
+    total?: number;
+    page?: number;
+    onPageChange?: (page: number) => void;
+    pageSize?: number;
+    onRowClick?: (row: TData) => void;
+    selectedRowId?: string | number | null;
+    getRowId?: (row: TData) => string | number;
+    compact?: boolean;
+}
+declare function DataTable<TData, TValue>({ columns, data, isLoading, emptyMessage, total, page, onPageChange, pageSize, onRowClick, selectedRowId, getRowId, compact, }: DataTableProps<TData, TValue>): react_jsx_runtime.JSX.Element;
+
+interface InboxPageProps {
+    config: GchatHookConfig;
+    filterChannelId?: number | null;
+}
+declare function InboxPage({ config, filterChannelId }: InboxPageProps): react_jsx_runtime.JSX.Element;
+
+interface ChannelsPageProps {
+    config: GchatHookConfig;
+    renderAgentSelect?: (props: {
+        value: number | null;
+        onChange: (value: number | null) => void;
+        disabled?: boolean;
+    }) => ReactNode;
+    /** Optional: resolve agent info for a channel. Returns { name, active } */
+    getAgentInfo?: (idAgent: number | null) => {
+        name: string;
+        active: boolean;
+    } | null;
+}
+declare function ChannelsPage({ config, renderAgentSelect, getAgentInfo, }: ChannelsPageProps): react_jsx_runtime.JSX.Element;
+
+interface ContactsPageProps {
+    config: GchatHookConfig;
+}
+declare function ContactsPage({ config }: ContactsPageProps): react_jsx_runtime.JSX.Element;
+
+interface ChatDashboardProps {
+    config: GchatHookConfig;
+    userName?: string;
+    onNavigateToInbox?: (filters?: {
+        status?: string;
+        channelId?: number;
+    }) => void;
+    onNavigateToChannels?: () => void;
+    renderExtraSection?: () => ReactNode;
+}
+declare function ChatDashboard({ config, userName, onNavigateToInbox, onNavigateToChannels, renderExtraSection, }: ChatDashboardProps): react_jsx_runtime.JSX.Element;
+
+export { type ApiResponse, type Channel, ChannelCard, type ChannelCardProps, ChannelCreateDialog, type ChannelCreateDialogProps, ChannelEditDialog, type ChannelEditDialogProps, ChannelsPage, type ChannelsPageProps, ChatDashboard, type ChatDashboardProps, ChatInput, type ChatInputProps, ChatView, type ChatViewProps, type Contact, ContactAvatar, type ContactAvatarProps, ContactFormDialog, type ContactFormDialogProps, ContactInfoPanel, type ContactInfoPanelProps, ContactsPage, type ContactsPageProps, ContactsTable, type ContactsTableProps, DEFAULT_CHANNEL_STATUS_POLLING, DEFAULT_INBOX_POLLING, DEFAULT_MESSAGES_POLLING, DEFAULT_QR_POLLING, DataTable, type DataTableProps, type GchatClientConfig, type GchatHookConfig, type Inbox, InboxItem, type InboxItemProps, type InboxMessage, InboxPage, type InboxPageProps, InboxSidebar, type InboxSidebarProps, type InboxStats, MessageBubble, type MessageBubbleProps, type MessageContentType, NewConversationDialog, type NewConversationDialogProps, WhatsappIcon, WhatsappQrDialog, type WhatsappQrDialogProps, type WhatsappStatus, WhatsappStatusBadge, type WhatsappStatusBadgeProps, 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 };