@greatapps/greatchat-ui 0.1.1 → 0.1.3

package/src/hooks/use-inboxes.ts

@@ -0,0 +1,127 @@
+import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
+import type { Inbox, InboxStats } from "../types";
+import {
+  type GchatHookConfig,
+  DEFAULT_INBOX_POLLING,
+  useGchatClient,
+} from "./types";
+
+// ---------------------------------------------------------------------------
+// Queries
+// ---------------------------------------------------------------------------
+
+export function useInboxes(
+  config: GchatHookConfig,
+  statusFilter?: string,
+  pollingInterval?: number,
+) {
+  const client = useGchatClient(config);
+
+  return useQuery({
+    queryKey: ["greatchat", "inboxes", config.accountId, statusFilter],
+    queryFn: () => {
+      const params: Record<string, string> = {};
+      if (statusFilter && statusFilter !== "all") {
+        params.status = statusFilter;
+      }
+      return client.listInboxes(config.accountId, params);
+    },
+    enabled: !!config.accountId && !!config.token,
+    refetchInterval: pollingInterval ?? DEFAULT_INBOX_POLLING,
+    select: (res) => res.data || [],
+  });
+}
+
+export function useInbox(config: GchatHookConfig, id: number | null) {
+  const client = useGchatClient(config);
+
+  return useQuery({
+    queryKey: ["greatchat", "inbox", config.accountId, id],
+    queryFn: () => client.getInbox(config.accountId, id!),
+    enabled: !!config.accountId && !!config.token && !!id,
+    select: (res) => {
+      const d = res.data;
+      return (Array.isArray(d) ? d[0] : d) as Inbox;
+    },
+  });
+}
+
+export function useInboxStats(
+  config: GchatHookConfig,
+  pollingInterval?: number,
+) {
+  const client = useGchatClient(config);
+
+  return useQuery({
+    queryKey: ["greatchat", "inbox-stats", config.accountId],
+    queryFn: () => client.getInboxStats(config.accountId),
+    enabled: !!config.accountId && !!config.token,
+    refetchInterval: pollingInterval ?? DEFAULT_INBOX_POLLING,
+    select: (res) => {
+      const d = res.data;
+      return (Array.isArray(d) ? d[0] : d) as InboxStats;
+    },
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Mutations
+// ---------------------------------------------------------------------------
+
+export function useCreateInbox(config: GchatHookConfig) {
+  const client = useGchatClient(config);
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: (body: { id_channel: number; id_contact: number }) =>
+      client.createInbox(config.accountId, body),
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: ["greatchat", "inboxes"],
+      });
+      queryClient.invalidateQueries({
+        queryKey: ["greatchat", "inbox-stats"],
+      });
+    },
+  });
+}
+
+export function useUpdateInbox(config: GchatHookConfig) {
+  const client = useGchatClient(config);
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: ({
+      id,
+      body,
+    }: {
+      id: number;
+      body: Partial<Pick<Inbox, "status" | "id_agent">>;
+    }) => client.updateInbox(config.accountId, id, body),
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: ["greatchat", "inboxes"],
+      });
+      queryClient.invalidateQueries({
+        queryKey: ["greatchat", "inbox-stats"],
+      });
+    },
+  });
+}
+
+export function useDeleteInbox(config: GchatHookConfig) {
+  const client = useGchatClient(config);
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: (id: number) => client.deleteInbox(config.accountId, id),
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: ["greatchat", "inboxes"],
+      });
+      queryClient.invalidateQueries({
+        queryKey: ["greatchat", "inbox-stats"],
+      });
+    },
+  });
+}

package/src/index.ts

@@ -18,6 +18,27 @@ export type { GchatClientConfig } from "./client";
 export { cn } from "./lib/utils";
 export { groupMessagesByDate, formatDateGroup, formatMessageTime } from "./utils";
 
+// Hooks
+export * from "./hooks";
+
 // Components
-export { ChatView, ChatInput, MessageBubble } from "./components";
-export type { ChatViewProps, ChatInputProps, MessageBubbleProps } from "./components";
+export {
+  ChatView,
+  ChatInput,
+  MessageBubble,
+  ContactAvatar,
+  InboxItem,
+  InboxSidebar,
+  ContactInfoPanel,
+  NewConversationDialog,
+} from "./components";
+export type {
+  ChatViewProps,
+  ChatInputProps,
+  MessageBubbleProps,
+  ContactAvatarProps,
+  InboxItemProps,
+  InboxSidebarProps,
+  ContactInfoPanelProps,
+  NewConversationDialogProps,
+} from "./components";