@adatechnology/conversations-ui 0.1.0-rc.4 → 0.1.0-rc.5

package/dist/index.js

@@ -15,10 +15,12 @@ import {
   MessageComposer,
   StatusTicks,
   cn,
+  formatDateTime,
   formatFileSize,
   formatTimestamp,
+  isSameDay,
   useConversationLocales
-} from "./chunk-4R6Y43DQ.js";
+} from "./chunk-YWITIIHD.js";
 import {
   htmlToWA,
   parseWhatsAppFormatting,
@@ -1148,6 +1150,7 @@ function isWindowBlocking(window2) {
 
 // src/ConversationDocumentsPanel.tsx
 import { useState as useState8 } from "react";
+import { ArrowUpDown, Bot, Download, Eye, Users } from "lucide-react";
 
 // src/providers/ConversationsProvider.tsx
 import { createContext as createContext2, useContext as useContext2 } from "react";
@@ -1190,6 +1193,17 @@ function useAsyncResource(fetcher, deps) {
   return { data, loading, error, refetch: load };
 }
 
+// src/lib/paginated.ts
+function conversationsOf(result) {
+  return Array.isArray(result) ? result : result.conversations;
+}
+function documentsOf(result) {
+  return Array.isArray(result) ? result : result.documents;
+}
+function totalOf(result) {
+  return Array.isArray(result) ? result.length : result.total;
+}
+
 // src/hooks/useConversationDocuments.ts
 function useConversationDocuments(conversationId, params) {
   const context = useConversations();
@@ -1199,25 +1213,49 @@ function useConversationDocuments(conversationId, params) {
   const { api } = context;
   const { data, loading, error, refetch } = useAsyncResource(
     () => conversationId ? api.getDocuments(conversationId, params) : Promise.resolve([]),
-    [conversationId, params?.search, params?.page]
+    [conversationId, params?.search, params?.page, params?.limit, params?.source, params?.sortDirection]
   );
-  return { documents: data ?? [], loading, error, refetch };
+  if (data === void 0) {
+    return { documents: [], total: 0, loading, error, refetch };
+  }
+  return { documents: documentsOf(data), total: totalOf(data), loading, error, refetch };
 }
 
 // src/ConversationDocumentsPanel.tsx
 import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+var DOCUMENT_SOURCE_FILTER = {
+  ALL: "all",
+  CUSTOMER: "customer",
+  TEAM: "team"
+};
+var TEAM_SOURCES = /* @__PURE__ */ new Set(["agent", "bot"]);
 var DEFAULT_CONVERSATION_DOCUMENTS_LABELS = {
   toggle: "\u{1F4CE} Arquivos",
   title: "Arquivos da conversa",
-  searchPlaceholder: "Buscar arquivo...",
+  noResults: "Nenhum arquivo encontrado para os filtros aplicados",
+  view: "Visualizar",
+  sourceFilterAll: "Todas as origens",
+  sourceFilterCustomer: "Cliente",
+  sourceFilterTeam: "Equipe",
+  sortMostRecent: "Mais recentes",
+  sortOldest: "Mais antigos",
+  clearFilters: "Limpar filtros",
+  selectAll: "Selecionar todos desta p\xE1gina",
+  downloadSelected: (count) => `Baixar ${count} selecionado${count === 1 ? "" : "s"} (.zip)`,
+  archiveFailed: "N\xE3o foi poss\xEDvel montar o arquivo compactado.",
+  total: (count) => `${count} arquivo${count === 1 ? "" : "s"}`,
+  page: (current, last) => `${current} / ${last}`,
+  searchPlaceholder: "Buscar por nome do arquivo",
   empty: "Nenhum arquivo nesta conversa.",
   loading: "Carregando arquivos\u2026",
   failure: "N\xE3o foi poss\xEDvel carregar os arquivos.",
   download: "Baixar"
 };
+var DEFAULT_PER_PAGE = 10;
 function ConversationDocumentsPanel({
   conversationId,
   open,
+  perPage = DEFAULT_PER_PAGE,
   labels: labelsOverride,
   className,
   classNames
@@ -1225,34 +1263,253 @@ function ConversationDocumentsPanel({
   const labels = { ...DEFAULT_CONVERSATION_DOCUMENTS_LABELS, ...labelsOverride };
   const context = useConversations();
   const [search, setSearch] = useState8("");
-  const { documents, loading, error } = useConversationDocuments(open ? conversationId : void 0, { search });
-  async function handleDownload(uploadId) {
-    const url = await context?.api.getDocumentUrl(uploadId);
+  const [sourceFilter, setSourceFilter] = useState8(DOCUMENT_SOURCE_FILTER.ALL);
+  const [sortDirection, setSortDirection] = useState8("desc");
+  const [page, setPage] = useState8(1);
+  const [selectedIds, setSelectedIds] = useState8([]);
+  const [archiveError, setArchiveError] = useState8(false);
+  const hasFilters = search !== "" || sourceFilter !== DOCUMENT_SOURCE_FILTER.ALL || sortDirection !== "desc";
+  const { documents, total, loading, error } = useConversationDocuments(open ? conversationId : void 0, {
+    search,
+    page,
+    limit: perPage,
+    sortDirection,
+    ...sourceFilter === DOCUMENT_SOURCE_FILTER.ALL ? {} : { source: sourceFilter }
+  });
+  const lastPage = Math.max(1, Math.ceil(total / perPage));
+  function applyFilter(change) {
+    change();
+    setPage(1);
+  }
+  async function handleOpen(uploadId, disposition) {
+    const url = await context?.api.getDocumentUrl(uploadId, disposition);
     if (url) window.open(url, "_blank", "noopener,noreferrer");
   }
+  const canArchive = typeof context?.api.downloadDocumentsArchive === "function";
+  const pageIds = documents.map((document2) => document2.id);
+  const allOnPageSelected = pageIds.length > 0 && pageIds.every((id) => selectedIds.includes(id));
+  function toggleSelected(uploadId) {
+    setArchiveError(false);
+    setSelectedIds(
+      (current) => current.includes(uploadId) ? current.filter((id) => id !== uploadId) : [...current, uploadId]
+    );
+  }
+  function toggleAllOnPage() {
+    setArchiveError(false);
+    setSelectedIds(
+      (current) => allOnPageSelected ? current.filter((id) => !pageIds.includes(id)) : [...current, ...pageIds.filter((id) => !current.includes(id))]
+    );
+  }
+  async function handleDownloadSelected() {
+    const archive = context?.api.downloadDocumentsArchive;
+    if (!archive || selectedIds.length === 0) return;
+    setArchiveError(false);
+    try {
+      const blob = await archive(conversationId, selectedIds);
+      const url = URL.createObjectURL(blob);
+      const anchor = document.createElement("a");
+      anchor.href = url;
+      anchor.download = `conversa-${conversationId}.zip`;
+      anchor.click();
+      URL.revokeObjectURL(url);
+      setSelectedIds([]);
+    } catch {
+      setArchiveError(true);
+    }
+  }
   if (!open) return null;
   return /* @__PURE__ */ jsx15("div", { className: cn("border-b", classNames?.root, className), children: /* @__PURE__ */ jsxs12("section", { className: cn("px-4 py-3", classNames?.body), children: [
-    /* @__PURE__ */ jsx15("p", { className: "mb-2 text-sm font-medium", children: labels.title }),
-    /* @__PURE__ */ jsx15(
-      "input",
+    /* @__PURE__ */ jsx15("p", { className: cn("mb-2 text-sm font-medium", classNames?.title), children: labels.title }),
+    /* @__PURE__ */ jsxs12("div", { className: cn("mb-2 flex flex-wrap items-center gap-2 border-b pb-2", classNames?.filters), children: [
+      /* @__PURE__ */ jsx15(
+        "input",
+        {
+          type: "search",
+          value: search,
+          onChange: (event) => applyFilter(() => setSearch(event.target.value)),
+          placeholder: labels.searchPlaceholder,
+          "aria-label": labels.searchPlaceholder,
+          className: cn("w-full rounded-md border px-3 py-2 text-sm sm:w-52", classNames?.search)
+        }
+      ),
+      /* @__PURE__ */ jsxs12(
+        "select",
+        {
+          value: sourceFilter,
+          onChange: (event) => applyFilter(() => setSourceFilter(event.target.value)),
+          "aria-label": labels.sourceFilterAll,
+          className: cn("w-full rounded-md border px-2 py-2 text-sm sm:w-36", classNames?.sourceSelect),
+          children: [
+            /* @__PURE__ */ jsx15("option", { value: DOCUMENT_SOURCE_FILTER.ALL, children: labels.sourceFilterAll }),
+            /* @__PURE__ */ jsx15("option", { value: DOCUMENT_SOURCE_FILTER.CUSTOMER, children: labels.sourceFilterCustomer }),
+            /* @__PURE__ */ jsx15("option", { value: DOCUMENT_SOURCE_FILTER.TEAM, children: labels.sourceFilterTeam })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs12(
+        "button",
+        {
+          type: "button",
+          onClick: () => applyFilter(() => setSortDirection(sortDirection === "desc" ? "asc" : "desc")),
+          className: cn("cv-header-action inline-flex items-center gap-1", classNames?.sortButton),
+          children: [
+            /* @__PURE__ */ jsx15(ArrowUpDown, { size: 14 }),
+            sortDirection === "desc" ? labels.sortMostRecent : labels.sortOldest
+          ]
+        }
+      ),
+      hasFilters ? /* @__PURE__ */ jsx15(
+        "button",
+        {
+          type: "button",
+          onClick: () => applyFilter(() => {
+            setSearch("");
+            setSourceFilter(DOCUMENT_SOURCE_FILTER.ALL);
+            setSortDirection("desc");
+          }),
+          className: cn("cv-header-action", classNames?.clearButton),
+          children: labels.clearFilters
+        }
+      ) : null
+    ] }),
+    loading ? /* @__PURE__ */ jsx15("p", { className: cn("text-xs text-gray-500", classNames?.status), children: labels.loading }) : null,
+    error ? /* @__PURE__ */ jsx15("p", { role: "alert", className: cn("text-xs text-red-600 dark:text-red-400", classNames?.status), children: labels.failure }) : null,
+    !loading && !error && documents.length === 0 ? /* @__PURE__ */ jsx15("p", { className: cn("text-xs text-gray-500", classNames?.status), children: hasFilters ? labels.noResults : labels.empty }) : null,
+    canArchive && documents.length > 0 ? /* @__PURE__ */ jsxs12("div", { className: cn("mb-2 flex flex-wrap items-center gap-3 text-xs", classNames?.selectionBar), children: [
+      /* @__PURE__ */ jsxs12("label", { className: "inline-flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx15(
+          "input",
+          {
+            type: "checkbox",
+            checked: allOnPageSelected,
+            onChange: toggleAllOnPage,
+            className: cn(classNames?.checkbox)
+          }
+        ),
+        labels.selectAll
+      ] }),
+      selectedIds.length > 0 ? /* @__PURE__ */ jsx15("button", { type: "button", onClick: () => void handleDownloadSelected(), className: "cv-header-action", children: labels.downloadSelected(selectedIds.length) }) : null,
+      archiveError ? /* @__PURE__ */ jsx15("span", { role: "alert", className: "text-red-600 dark:text-red-400", children: labels.archiveFailed }) : null
+    ] }) : null,
+    /* @__PURE__ */ jsx15("ul", { className: cn("space-y-2", classNames?.list), children: documents.map((document2) => {
+      const isFromCustomer = !TEAM_SOURCES.has(document2.source);
+      const SourceIcon = isFromCustomer ? Users : Bot;
+      return /* @__PURE__ */ jsxs12(
+        "li",
+        {
+          className: cn(
+            "flex items-center justify-between gap-2 rounded-lg border px-3 py-2 dark:border-gray-700",
+            classNames?.item
+          ),
+          children: [
+            /* @__PURE__ */ jsxs12("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+              canArchive ? /* @__PURE__ */ jsx15(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: selectedIds.includes(document2.id),
+                  onChange: () => toggleSelected(document2.id),
+                  "aria-label": `${labels.download}: ${document2.filename}`,
+                  className: cn("shrink-0", classNames?.checkbox)
+                }
+              ) : null,
+              /* @__PURE__ */ jsx15(FileIcon, { filename: document2.filename, mimeType: document2.mimeType }),
+              /* @__PURE__ */ jsxs12("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsxs12(
+                  "div",
+                  {
+                    className: cn(
+                      "mb-0.5 flex items-center gap-1 text-[11px] font-medium",
+                      isFromCustomer ? "text-blue-600 dark:text-blue-400" : "text-emerald-600 dark:text-emerald-400",
+                      classNames?.sourceBadge
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsx15(SourceIcon, { size: 11 }),
+                      isFromCustomer ? labels.sourceFilterCustomer : labels.sourceFilterTeam
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx15(
+                  "div",
+                  {
+                    className: cn("truncate text-sm font-medium", classNames?.filename),
+                    title: document2.filename,
+                    children: document2.filename
+                  }
+                ),
+                /* @__PURE__ */ jsxs12("div", { className: cn("text-xs text-gray-500 dark:text-gray-400", classNames?.meta), children: [
+                  formatDateTime(document2.linkedAt),
+                  " \xB7 ",
+                  formatFileSize(document2.sizeBytes)
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs12("div", { className: "flex shrink-0 gap-1", children: [
+              /* @__PURE__ */ jsx15(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => void handleOpen(document2.id, "inline"),
+                  title: labels.view,
+                  "aria-label": `${labels.view}: ${document2.filename}`,
+                  className: cn("cv-header-icon", classNames?.viewButton),
+                  children: /* @__PURE__ */ jsx15(Eye, { size: 14 })
+                }
+              ),
+              /* @__PURE__ */ jsx15(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => void handleOpen(document2.id, "attachment"),
+                  title: labels.download,
+                  "aria-label": `${labels.download}: ${document2.filename}`,
+                  className: cn("cv-header-icon", classNames?.downloadButton),
+                  children: /* @__PURE__ */ jsx15(Download, { size: 14 })
+                }
+              )
+            ] })
+          ]
+        },
+        document2.id
+      );
+    }) }),
+    total > perPage ? /* @__PURE__ */ jsxs12(
+      "div",
       {
-        type: "search",
-        value: search,
-        onChange: (event) => setSearch(event.target.value),
-        placeholder: labels.searchPlaceholder,
-        className: "mb-2 w-full rounded-md border px-3 py-2 text-sm"
+        className: cn(
+          "mt-2 flex items-center justify-between border-t pt-2 text-xs dark:border-gray-700",
+          classNames?.pagination
+        ),
+        children: [
+          /* @__PURE__ */ jsx15("span", { className: "text-gray-400", children: labels.total(total) }),
+          /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx15(
+              "button",
+              {
+                type: "button",
+                onClick: () => setPage(page - 1),
+                disabled: page <= 1,
+                "aria-label": labels.sortOldest,
+                className: "cv-header-icon disabled:opacity-40",
+                children: "\u2039"
+              }
+            ),
+            /* @__PURE__ */ jsx15("span", { className: "text-gray-500", children: labels.page(page, lastPage) }),
+            /* @__PURE__ */ jsx15(
+              "button",
+              {
+                type: "button",
+                onClick: () => setPage(page + 1),
+                disabled: page >= lastPage,
+                "aria-label": labels.sortMostRecent,
+                className: "cv-header-icon disabled:opacity-40",
+                children: "\u203A"
+              }
+            )
+          ] })
+        ]
       }
-    ),
-    loading ? /* @__PURE__ */ jsx15("p", { className: "text-xs text-gray-500", children: labels.loading }) : null,
-    error ? /* @__PURE__ */ jsx15("p", { className: "text-xs text-red-600 dark:text-red-400", children: labels.failure }) : null,
-    !loading && !error && documents.length === 0 ? /* @__PURE__ */ jsx15("p", { className: "text-xs text-gray-500", children: labels.empty }) : null,
-    /* @__PURE__ */ jsx15("ul", { className: "space-y-1", children: documents.map((document2) => /* @__PURE__ */ jsxs12("li", { className: "flex items-center gap-2 text-xs", children: [
-      /* @__PURE__ */ jsx15(FileIcon, { mimeType: document2.mimeType }),
-      /* @__PURE__ */ jsx15("span", { className: "min-w-0 flex-1 truncate", children: document2.filename }),
-      /* @__PURE__ */ jsx15("span", { className: "text-gray-500", children: formatFileSize(document2.sizeBytes) }),
-      /* @__PURE__ */ jsx15("span", { className: "text-gray-500", children: formatTimestamp(document2.linkedAt) }),
-      /* @__PURE__ */ jsx15("button", { type: "button", onClick: () => void handleDownload(document2.id), className: "cv-header-action", children: labels.download })
-    ] }, document2.id)) })
+    ) : null
   ] }) });
 }
 
@@ -1293,52 +1550,66 @@ function downloadTextFile(filename, content) {
 
 // src/useWaitingNotifications.ts
 import { useState as useState9, useEffect as useEffect5, useRef as useRef4, useCallback as useCallback4 } from "react";
-function useWaitingNotifications() {
-  const conversationsCtx = useConversations();
+var DEFAULT_POLL_INTERVAL_MS = 1e4;
+var DEFAULT_LIMIT = 50;
+var DEFAULT_LABELS = {
+  title: (conversation) => conversation.clientName ?? conversation.whatsappNumber,
+  body: (conversation) => conversation.lastContent ?? "Nova mensagem"
+};
+function useWaitingNotifications(params) {
+  const conversationsContext = useConversations();
   const [conversations, setConversations] = useState9([]);
   const previousUnreadMap = useRef4(/* @__PURE__ */ new Map());
   const notifiedIds = useRef4(/* @__PURE__ */ new Set());
-  const pollConversations = useCallback4(async () => {
-    if (!conversationsCtx) return;
+  const isPollingRef = useRef4(false);
+  const isEnabled = params?.enabled ?? true;
+  const intervalMs = params?.intervalMs ?? DEFAULT_POLL_INTERVAL_MS;
+  const icon = params?.icon;
+  const listParams = params?.params;
+  const labelTitle = params?.labels?.title ?? DEFAULT_LABELS.title;
+  const labelBody = params?.labels?.body ?? DEFAULT_LABELS.body;
+  const refresh = useCallback4(async () => {
+    if (!conversationsContext || isPollingRef.current) return;
+    isPollingRef.current = true;
     try {
-      const result = await conversationsCtx.api.fetchConversations({ limit: 50 });
+      const result = conversationsOf(
+        await conversationsContext.api.fetchConversations({ limit: DEFAULT_LIMIT, ...listParams })
+      );
       setConversations(result);
       const currentMap = /* @__PURE__ */ new Map();
-      for (const conv of result) {
-        currentMap.set(conv.id, conv.unread);
-      }
-      for (const conv of result) {
-        if (conv.unread <= 0) continue;
-        const prev = previousUnreadMap.current.get(conv.id) ?? 0;
-        if (conv.unread > prev && !notifiedIds.current.has(conv.id)) {
-          notifiedIds.current.add(conv.id);
-          if (typeof window !== "undefined" && "Notification" in window && Notification.permission === "granted") {
-            const title = conv.clientName ?? conv.whatsappNumber;
-            const body = conv.lastContent ?? "Nova mensagem";
-            new Notification(title, { body, icon: "/favicon.ico" });
-          }
+      for (const conversation of result) currentMap.set(conversation.id, conversation.unread);
+      for (const conversation of result) {
+        if (conversation.unread <= 0) continue;
+        const previousUnread = previousUnreadMap.current.get(conversation.id) ?? 0;
+        if (conversation.unread <= previousUnread || notifiedIds.current.has(conversation.id)) continue;
+        notifiedIds.current.add(conversation.id);
+        if (typeof window !== "undefined" && "Notification" in window && Notification.permission === "granted") {
+          new Notification(labelTitle(conversation), { body: labelBody(conversation), ...icon ? { icon } : {} });
         }
       }
       previousUnreadMap.current = currentMap;
     } catch {
+    } finally {
+      isPollingRef.current = false;
     }
-  }, [conversationsCtx]);
+  }, [conversationsContext, listParams, icon, labelTitle, labelBody]);
   useEffect5(() => {
+    if (!isEnabled) return;
     if (typeof window !== "undefined" && "Notification" in window && Notification.permission === "default") {
       Notification.requestPermission();
     }
-    pollConversations();
-    const interval = setInterval(pollConversations, 1e4);
+    void refresh();
+    const interval = setInterval(() => void refresh(), intervalMs);
     return () => clearInterval(interval);
-  }, [pollConversations]);
-  const unreadCount = conversations.reduce((sum, conv) => sum + conv.unread, 0);
-  return { unreadCount, conversations };
+  }, [refresh, isEnabled, intervalMs]);
+  const unreadCount = conversations.reduce((sum, conversation) => sum + conversation.unread, 0);
+  return { unreadCount, conversations, refresh };
 }
 
 // src/settings/WhatsAppTemplateSettingsForm.tsx
 import { Plus, RefreshCw, Save, Trash2 } from "lucide-react";
 import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
-var DEFAULT_LABELS = {
+var DEFAULT_LABELS2 = {
   sectionTitle: "WhatsApp",
   sectionDescription: "Template usado para reabrir a janela de 24h com o cliente.",
   templateLabel: "Template aprovado",
@@ -1372,7 +1643,7 @@ function WhatsAppTemplateSettingsForm({
   onSave,
   labels: labelsOverride
 }) {
-  const labels = { ...DEFAULT_LABELS, ...labelsOverride };
+  const labels = { ...DEFAULT_LABELS2, ...labelsOverride };
   const selected = templates.find((template) => template.name === selectedTemplateName);
   function handleSelect(name) {
     const template = templates.find((t) => t.name === name);
@@ -1534,7 +1805,7 @@ function WhatsAppTemplateSettingsForm({
 // src/settings/WhatsAppCreateTemplateForm.tsx
 import { SendHorizonal } from "lucide-react";
 import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
-var DEFAULT_LABELS2 = {
+var DEFAULT_LABELS3 = {
   sectionTitle: "Criar novo template",
   sectionDescription: "Envia um template para aprova\xE7\xE3o da Meta.",
   nameLabel: "Nome do template",
@@ -1584,7 +1855,7 @@ function WhatsAppCreateTemplateForm({
   labels: labelsOverride,
   variableExamples = DEFAULT_VARIABLE_EXAMPLES
 }) {
-  const labels = { ...DEFAULT_LABELS2, ...labelsOverride };
+  const labels = { ...DEFAULT_LABELS3, ...labelsOverride };
   const detectedVariables = detectVariables(value.bodyText);
   function set(key, next) {
     onChange({ ...value, [key]: next });
@@ -1770,7 +2041,7 @@ function WhatsAppCreateTemplateForm({
 // src/settings/WelcomeFarewellForm.tsx
 import { LogOut, Mail, Save as Save2 } from "lucide-react";
 import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
-var DEFAULT_LABELS3 = {
+var DEFAULT_LABELS4 = {
   sectionTitle: "Boas-vindas e encerramento",
   welcomeMessage: "Mensagem de boas-vindas",
   welcomeMessagePlaceholder: "Ol\xE1! Sou o assistente virtual da {empresa}...",
@@ -1796,7 +2067,7 @@ function WelcomeFarewellForm({
   farewellPlaceholders = DEFAULT_FAREWELL_PLACEHOLDERS,
   labels: labelsOverride
 }) {
-  const labels = { ...DEFAULT_LABELS3, ...labelsOverride };
+  const labels = { ...DEFAULT_LABELS4, ...labelsOverride };
   return /* @__PURE__ */ jsxs15("section", { className: "bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden", children: [
     /* @__PURE__ */ jsx18("div", { className: "px-6 py-4 border-b border-gray-100 dark:border-gray-700", children: /* @__PURE__ */ jsx18("h2", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100", children: labels.sectionTitle }) }),
     /* @__PURE__ */ jsxs15("form", { onSubmit: onSave, className: "p-6 space-y-5", children: [
@@ -1899,7 +2170,7 @@ function WhatsAppTemplatesSettings({
 // src/settings/TopicsForm.tsx
 import { Megaphone, Save as Save3 } from "lucide-react";
 import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
-var DEFAULT_LABELS4 = {
+var DEFAULT_LABELS5 = {
   sectionTitle: "T\xF3picos intermedi\xE1rios",
   sectionDescription: "Mensagens autom\xE1ticas para assuntos espec\xEDficos, disparadas quando o cliente demonstra interesse.",
   messagePlaceholder: "Digite a mensagem autom\xE1tica para este t\xF3pico...",
@@ -1915,7 +2186,7 @@ function TopicsForm({
   saveSuccess = false,
   labels: labelsOverride
 }) {
-  const labels = { ...DEFAULT_LABELS4, ...labelsOverride };
+  const labels = { ...DEFAULT_LABELS5, ...labelsOverride };
   return /* @__PURE__ */ jsxs17("section", { className: "bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden", children: [
     /* @__PURE__ */ jsxs17("div", { className: "px-6 py-4 border-b border-gray-100 dark:border-gray-700", children: [
       /* @__PURE__ */ jsxs17("h2", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100 flex items-center gap-2", children: [
@@ -2022,11 +2293,15 @@ function useConversationList(params) {
     throw new Error("useConversationList requires an ancestor <ConversationsProvider>");
   }
   const { api } = context;
+  const filtersKey = JSON.stringify(params?.filters ?? {});
   const { data, loading, error, refetch } = useAsyncResource(
     () => api.fetchConversations(params),
-    [params?.page, params?.limit, params?.waitingHuman, params?.search]
+    [params?.page, params?.limit, params?.waitingHuman, params?.search, filtersKey]
   );
-  return { conversations: data ?? [], loading, error, refetch };
+  if (data === void 0) {
+    return { conversations: [], total: 0, loading, error, refetch };
+  }
+  return { conversations: conversationsOf(data), total: totalOf(data), loading, error, refetch };
 }
 
 // src/hooks/useConversationContext.ts
@@ -2072,6 +2347,38 @@ function useGlobalRealtime(onEvent) {
     };
   }, [context]);
 }
+
+// src/hooks/useConversationActions.ts
+import { useMemo as useMemo2 } from "react";
+function useConversationActions(conversationId) {
+  const context = useConversations();
+  if (!context) {
+    throw new Error("useConversationActions requires an ancestor <ConversationsProvider>");
+  }
+  const { api } = context;
+  return useMemo2(
+    () => ({
+      takeover: api.takeover ? () => api.takeover(conversationId) : void 0,
+      release: api.release ? () => api.release(conversationId) : void 0,
+      finalize: api.finalize ? () => api.finalize(conversationId) : void 0
+    }),
+    [api, conversationId]
+  );
+}
+function useInboxActions() {
+  const context = useConversations();
+  if (!context) {
+    throw new Error("useInboxActions requires an ancestor <ConversationsProvider>");
+  }
+  const { api } = context;
+  return useMemo2(
+    () => ({
+      markAllRead: api.markAllRead ? () => api.markAllRead() : void 0,
+      listTemplates: api.listTemplates ? () => api.listTemplates() : void 0
+    }),
+    [api]
+  );
+}
 export {
   AudioPlayer,
   Avatar,
@@ -2127,15 +2434,18 @@ export {
   contactFlag,
   downloadTextFile,
   formatContactHandle,
+  formatDateTime,
   formatFileSize,
   formatPhone,
   formatStalledFor,
   formatTimestamp,
   htmlToWA,
+  isSameDay,
   isWindowBlocking,
   parseWhatsAppFormatting,
   phoneInitials,
   toast,
+  useConversationActions,
   useConversationContext,
   useConversationDocuments,
   useConversationList,
@@ -2145,6 +2455,7 @@ export {
   useConversations,
   useDarkMode,
   useGlobalRealtime,
+  useInboxActions,
   useIsDarkTheme,
   useIsNarrow,
   useToast,

package/dist/preview/index.d.ts

@@ -1,4 +1,4 @@
-import { M as MessagePayload, i as ConversationSummary, h as ConversationEventSource, j as ConversationsApi, S as SSEProvider } from '../types-C0PtaO7S.js';
+import { M as MessagePayload, k as ConversationSummary, i as ConversationEventSource, m as ConversationsApi, L as ListConversationsParams, j as ConversationPage, S as SSEProvider, g as ConversationDocument } from '../types-C2Yexi8A.js';
 import * as react from 'react';
 import { InteractiveReplyOption } from '@adatechnology/meta-whatsapp-contracts/testing';
 
@@ -81,7 +81,15 @@ type CreateMockConversationsApiParams = {
     readonly latencyMs?: number;
     readonly agentName?: string;
 };
-declare function createMockConversationsApi(params: CreateMockConversationsApiParams): ConversationsApi;
+/**
+ * O mock satisfaz `ConversationsApi`, mas com o retorno de `fetchConversations` ESTREITADO para a
+ * forma paginada. Sem isto o contrato — que aceita array ou página — obrigaria todo consumidor do
+ * preview a desempacotar uma união que aqui nunca varia.
+ */
+type MockConversationsApi = Omit<ConversationsApi, 'fetchConversations'> & {
+    fetchConversations(params?: ListConversationsParams): Promise<ConversationPage>;
+};
+declare function createMockConversationsApi(params: CreateMockConversationsApiParams): MockConversationsApi;
 
 /**
  * `SSEProvider` servido pelo store em memória. Mesmo mapeamento de canal do servidor
@@ -101,6 +109,12 @@ declare function createMockSSEProvider(params: CreateMockSSEProviderParams): SSE
 
 declare const PREVIEW_CONVERSATIONS: readonly ConversationSummary[];
 declare const PREVIEW_MESSAGES: Readonly<Record<string, readonly MessagePayload[]>>;
+/**
+ * A biblioteca de arquivos da conversa, como o backend a devolveria. Deriva das mensagens de
+ * documento acima em vez de repetir os dados: fixture duplicada divergiria na primeira edição, e o
+ * painel passaria a mostrar arquivo que a thread não tem.
+ */
+declare const PREVIEW_DOCUMENTS: Readonly<Record<string, readonly ConversationDocument[]>>;
 
 /**
  * Cliente que entrega mensagens do preview no webhook real, assinadas com HMAC — a mesma validação
@@ -169,4 +183,4 @@ type StartPreviewScriptParams = {
 };
 declare function startPreviewScript(params: StartPreviewScriptParams): () => void;
 
-export { type AppendMessageParams, ConversationPreview, type ConversationPreviewProps, type CreateMockConversationsApiParams, type CreateMockSSEProviderParams, type CreatePreviewStoreParams, type CreatePreviewWebhookClientParams, DEFAULT_PREVIEW_SCRIPT, GLOBAL_CHANNEL, type ListConversationsFilters, type MockEventSource, PREVIEW_CONVERSATIONS, PREVIEW_MESSAGES, type PreviewEmission, PreviewInProductionError, type PreviewScriptStep, type PreviewStore, type PreviewStoreListener, type PreviewWebhookClient, PreviewWebhookRejectedError, type SetModeParams, type StartPreviewScriptParams, assertPreviewEnvironment, conversationChannel, createMockConversationsApi, createMockEventSource, createMockSSEProvider, createPreviewStore, createPreviewWebhookClient, startPreviewScript };
+export { type AppendMessageParams, ConversationPreview, type ConversationPreviewProps, type CreateMockConversationsApiParams, type CreateMockSSEProviderParams, type CreatePreviewStoreParams, type CreatePreviewWebhookClientParams, DEFAULT_PREVIEW_SCRIPT, GLOBAL_CHANNEL, type ListConversationsFilters, type MockEventSource, PREVIEW_CONVERSATIONS, PREVIEW_DOCUMENTS, PREVIEW_MESSAGES, type PreviewEmission, PreviewInProductionError, type PreviewScriptStep, type PreviewStore, type PreviewStoreListener, type PreviewWebhookClient, PreviewWebhookRejectedError, type SetModeParams, type StartPreviewScriptParams, assertPreviewEnvironment, conversationChannel, createMockConversationsApi, createMockEventSource, createMockSSEProvider, createPreviewStore, createPreviewWebhookClient, startPreviewScript };