@fayz-ai/plugin-conversations 0.23.15 → 0.24.0

package/dist/index.js

@@ -1,102 +1,103 @@
-import { isWaitingOnUs, assinarChegada, ConversationsContextProvider, useChannelConnections, InboxView, useConversationsStore } from './chunk-LJKLHGFX.js';
-export { isWaitingOnUs } from './chunk-LJKLHGFX.js';
-import { T, listMessagingChannels, findDedicatedChannel, findFallbackChannel, isPendingChannelStatus, canClaimDedicated, CHANNEL_CLAIM_TIMELINE } from './chunk-3FZX3ZQ3.js';
-export { WhatsAppProviders, listMessagingChannels } from './chunk-3FZX3ZQ3.js';
+import { isWaitingOnUs, assinarChegada, ConversationsContextProvider, useConversationsStore } from './chunk-X7BP2JH6.js';
+export { isWaitingOnUs } from './chunk-X7BP2JH6.js';
+import { T, listMessagingChannels, findDedicatedChannel, findFallbackChannel, isPendingChannelStatus, canClaimDedicated, CHANNEL_CLAIM_TIMELINE, WhatsAppProviders } from './chunk-2JV6B366.js';
+export { WhatsAppProviders, listMessagingChannels } from './chunk-2JV6B366.js';
+import { providersApi } from './chunk-HMWUU5O7.js';
 export { providersApi } from './chunk-HMWUU5O7.js';
-import * as React2 from 'react';
-import React2__default, { useState, useRef, useEffect, useCallback, useMemo } from 'react';
-import { Loader2, ExternalLink, MessageCircle, SquarePen, CheckCircle2 } from 'lucide-react';
-import { createConnectionStore, connectionRuns, connectionStatus, tl, lazyComponent, useActiveTenantId, registerTranslations, getSupabaseClientOptional, describeError, getActiveTenantId, countByTenant, CONNECTOR_RUNTIME_TOKEN_HEADER, connectorRuntimeToken, useTranslation, navigateApp } from '@fayz-ai/core';
-import { defineSettingsTab, useRightRailStore, useAdminPath, useRightRailPanel, useWidgetSurface, adminNavigateTo, playChime, notifySystem, useRightRailMenu, requestNotificationPermission } from '@fayz-ai/admin';
-import { Input, Button, toast, defineKpiWidget, defineTableWidget, KpiCard, TableWidget } from '@fayz-ai/ui';
+import * as React from 'react';
+import React__default, { useState, useRef, useEffect, useCallback, useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { createConnectionStore, connectionRuns, connectionStatus, tl, lazyComponent, useActiveTenantId, registerTranslations, getSupabaseClientOptional, describeError, getActiveTenantId, countByTenant, CONNECTOR_RUNTIME_TOKEN_HEADER, connectorRuntimeToken, useTranslation, navigateApp } from '@fayz-ai/core';
+import { defineSettingsTab, useNavContribution, playChime, notifySystem, requestNotificationPermission } from '@fayz-ai/admin';
 import { createStore } from 'zustand/vanilla';
+import { Input, Button, toast, defineKpiWidget, defineTableWidget, KpiCard, TableWidget } from '@fayz-ai/ui';
+import { Loader2, ExternalLink } from 'lucide-react';
 import { MIGRATIONS } from '#migrations/main';
 
-var CONNECTORS_ROUTE = "/settings/conversations/connectors";
-var SPLIT_AT = 720;
-function ConversationsRailPanel({ store: store2, config }) {
-  const t = useTranslation();
-  const ref = React2.useRef(null);
-  const [width, setWidth] = React2.useState(0);
-  const [newSignal, setNewSignal] = React2.useState(0);
-  const connected = useChannelConnections();
-  const closeRail = useRightRailStore((s) => s.close);
-  const wide = width >= SPLIT_AT;
-  React2.useLayoutEffect(() => {
-    const el = ref.current;
-    if (!el) return;
-    const ro = new ResizeObserver(([e]) => setWidth(e.contentRect.width));
-    ro.observe(el);
-    return () => ro.disconnect();
-  }, []);
-  React2.useEffect(() => {
-    const narrow = (ref.current?.getBoundingClientRect().width ?? 0) < SPLIT_AT;
-    if (narrow) store2.getState().deselect();
-    void store2.getState().load({ autoSelect: !narrow });
-  }, [store2]);
-  const go = (route) => {
-    closeRail();
-    adminNavigateTo(route);
+var EVOLUTION_CONNECTOR_ID = "evolution";
+async function evolutionStatus() {
+  const row = (await providersApi.list()).find((r) => r.provider === EVOLUTION_CONNECTOR_ID);
+  if (!row || row.status === "unconfigured") return { connected: false };
+  if (row.status === "connected") {
+    return {
+      connected: true,
+      plane: "request",
+      detail: row.isActive ? "Valendo agora" : "Conectado, mas outro provedor est\xE1 valendo"
+    };
+  }
+  return {
+    connected: false,
+    detail: row.status === "error" ? row.statusDetail ?? "A inst\xE2ncia respondeu com erro" : "Configurado \u2014 falta parear o n\xFAmero pelo QR"
   };
-  useRightRailMenu([
-    { id: "new", label: t("conversations.list.new"), icon: SquarePen, onSelect: () => setNewSignal((n) => n + 1) },
-    { id: "full", label: tl("Open full screen", "Abrir em tela cheia"), icon: ExternalLink, onSelect: () => go("/conversations") }
-  ]);
-  return /* @__PURE__ */ jsxs("div", { ref, className: "flex h-full min-h-0 flex-col", children: [
-    /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx(ConversationsContextProvider, { store: store2, config, children: /* @__PURE__ */ jsx(InboxView, { layout: wide ? "dock-wide" : "dock", newSignal }) }) }),
-    /* @__PURE__ */ jsx("div", { className: "shrink-0 border-t border-border p-3", children: connected === void 0 ? /* @__PURE__ */ jsx("div", { className: "h-10", "aria-hidden": true }) : connected.whatsapp ? /* @__PURE__ */ jsxs(
-      Button,
-      {
-        variant: "bare",
-        size: "bare",
-        type: "button",
-        onClick: () => go(CONNECTORS_ROUTE),
-        className: "font-normal whitespace-normal justify-start fz-tap flex h-10 w-full items-center gap-2 rounded-button px-2 text-sm text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
-        children: [
-          /* @__PURE__ */ jsx(CheckCircle2, { className: "h-4 w-4 text-[#25D366]", "aria-hidden": true }),
-          /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-left", children: tl("WhatsApp connected", "WhatsApp conectado") }),
-          /* @__PURE__ */ jsx("span", { className: "text-xs text-primary", children: tl("Manage", "Gerenciar") })
-        ]
-      }
-    ) : /* @__PURE__ */ jsxs(
-      Button,
-      {
-        variant: "bare",
-        size: "bare",
-        type: "button",
-        onClick: () => go(CONNECTORS_ROUTE),
-        "data-testid": "inbox-connect-whatsapp",
-        className: "font-normal whitespace-normal fz-tap flex h-11 w-full items-center justify-center gap-2 rounded-button bg-[#25D366] text-sm font-semibold text-white shadow-sm transition-colors hover:bg-[#1EBE5A] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#25D366] focus-visible:ring-offset-2",
-        children: [
-          /* @__PURE__ */ jsx(WhatsAppMark, { className: "h-[18px] w-[18px]" }),
-          tl("Connect WhatsApp", "Conectar WhatsApp")
-        ]
-      }
-    ) })
-  ] });
 }
-function WhatsAppMark({ className }) {
-  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", className, "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.96-.94 1.16-.17.2-.35.22-.65.07-.3-.15-1.26-.46-2.4-1.48-.89-.79-1.49-1.77-1.66-2.07-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.67-1.61-.92-2.2-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.88 1.21 3.08c.15.2 2.1 3.2 5.08 4.49.71.31 1.26.49 1.69.63.71.22 1.36.19 1.87.12.57-.09 1.76-.72 2.01-1.41.25-.7.25-1.29.17-1.41-.07-.13-.27-.2-.57-.35zM12.05 21.5h-.01a9.4 9.4 0 0 1-4.8-1.32l-.34-.2-3.56.93.95-3.47-.22-.36a9.4 9.4 0 0 1-1.44-5.02c0-5.2 4.23-9.43 9.43-9.43 2.52 0 4.89.98 6.67 2.77a9.37 9.37 0 0 1 2.76 6.67c0 5.2-4.23 9.43-9.44 9.43zm8.03-17.46A11.3 11.3 0 0 0 12.05.72C5.79.72.7 5.81.7 12.07c0 2 .52 3.95 1.52 5.67L.6 23.6l6-1.57a11.32 11.32 0 0 0 5.44 1.39h.01c6.26 0 11.35-5.1 11.35-11.35 0-3.03-1.18-5.88-3.32-8.03z" }) });
+function EvolutionPanel() {
+  return /* @__PURE__ */ jsx(WhatsAppProviders, { only: "evolution" });
 }
+var evolutionConnectorDef = {
+  id: EVOLUTION_CONNECTOR_ID,
+  hostPluginId: "conversations",
+  name: "Evolution API",
+  description: "WhatsApp pelo n\xFAmero da pr\xF3pria casa: parea com um QR no celular e manda texto livre, sem template e sem janela de 24h.",
+  icon: "MessageCircle",
+  // The channel's mark: the store sees "WhatsApp", which is what it connects.
+  logoUrl: "https://assets.fayz.ai/connectors/whatsapp.png",
+  category: "messaging",
+  authKind: "api-key",
+  planes: ["request", "sync"],
+  direction: "outbound",
+  docsUrl: "https://doc.evolution-api.com",
+  // A message that does not go out must never take the order with it: past
+  // this budget the send gives up and the order carries on.
+  latencyBudgetMs: 3e3,
+  onFailure: "degrade",
+  permissions: [
+    {
+      kind: "data",
+      resource: "conversation",
+      actions: ["read", "write"],
+      reason: "Abrir a conversa do cliente no WhatsApp e mant\xEA-la em dia."
+    },
+    {
+      kind: "data",
+      resource: "message",
+      actions: ["read", "write"],
+      reason: "Guardar cada mensagem enviada e recebida, com fotos, \xE1udios e documentos."
+    }
+  ],
+  // The URL, the key and the instance are typed in the provider card below,
+  // which already saves them where the sender reads them.
+  fields: [],
+  invokedAt: [
+    {
+      key: "messaging.send",
+      label: "Uma automa\xE7\xE3o ou um pedido manda mensagem e ela sai pelo WhatsApp da casa",
+      touches: ["conversation", "message"]
+    },
+    {
+      key: "conversations.inbound",
+      label: "O cliente responde, e a resposta entra na caixa de entrada",
+      plane: "sync",
+      trigger: "webhook",
+      touches: ["conversation", "message"]
+    }
+  ],
+  howItSyncs: [
+    "As mensagens saem pelo n\xFAmero da pr\xF3pria casa, pareado lendo um QR com o WhatsApp do celular (Aparelhos conectados).",
+    "Manda texto livre para qualquer cliente, sem template aprovado e sem a janela de 24h do WhatsApp oficial.",
+    "\xC9 o WhatsApp Web por baixo: o n\xFAmero pode ser banido sem aviso e a sess\xE3o pode cair. Use um n\xFAmero j\xE1 ativo, e pareie de novo se cair."
+  ],
+  getStatus: evolutionStatus,
+  disconnectNote: "Para desconectar, desative o provedor ou desconecte o aparelho no WhatsApp do celular. As conversas que j\xE1 existem continuam aqui.",
+  ExtraPanel: EvolutionPanel
+};
 var tocar = playChime;
 var pedirPermissao = requestNotificationPermission;
 var avisarNoSistema = (titulo, corpo, tag) => notifySystem(titulo, corpo, tag);
-var RAIL_ID = "conversations";
-function InboxWatcher({ label, route = "/conversations", store: store2, config, inHeader }) {
-  const Panel = React2.useMemo(() => {
-    if (!store2) return null;
-    const C = () => React2.createElement(ConversationsRailPanel, { store: store2, config });
-    C.displayName = "ConversationsRailPanel";
-    return C;
-  }, [store2, config]);
-  const railOpen = useRightRailStore((s) => s.open && s.active === RAIL_ID);
-  const togglePanel = useRightRailStore((s) => s.togglePanel);
+function InboxWatcher({ label, route = "/conversations", section = "main", position = 1 }) {
   const tenantId = useActiveTenantId();
-  const path = useAdminPath();
-  const [naoLidas, setNaoLidas] = React2.useState(0);
-  const podeTocar = React2.useRef(false);
-  React2.useEffect(() => {
+  const [naoLidas, setNaoLidas] = React.useState(0);
+  const podeTocar = React.useRef(false);
+  React.useEffect(() => {
     const liberar = () => {
       podeTocar.current = true;
       void pedirPermissao();
@@ -108,7 +109,7 @@ function InboxWatcher({ label, route = "/conversations", store: store2, config,
       for (const ev of ["pointerdown", "keydown", "touchstart"]) window.removeEventListener(ev, liberar);
     };
   }, []);
-  const contar = React2.useCallback(async () => {
+  const contar = React.useCallback(async () => {
     const supabase = getSupabaseClientOptional();
     if (!supabase) return;
     const { data } = await supabase.from(T.conversations).select("id, status, last_message_direction, unread_count").eq("status", "open");
@@ -120,10 +121,10 @@ function InboxWatcher({ label, route = "/conversations", store: store2, config,
     })).length;
     setNaoLidas(n);
   }, []);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     void contar();
   }, [contar]);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (!tenantId) return;
     return assinarChegada(tenantId, ({ conversationId }) => {
       void contar();
@@ -141,37 +142,8 @@ function InboxWatcher({ label, route = "/conversations", store: store2, config,
       })();
     });
   }, [contar, tenantId, label]);
-  useRightRailPanel(React2.useMemo(() => Panel ? {
-    id: RAIL_ID,
-    label,
-    icon: MessageCircle,
-    order: 12,
-    badge: { count: naoLidas, tone: "destructive" },
-    Component: Panel
-  } : null, [Panel, label, naoLidas]));
-  const naPagina = path === route || path.startsWith(`${route}/`);
-  const aberta = naPagina || railOpen;
-  const surface = useWidgetSurface();
-  const named = !inHeader && surface === "rail";
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      variant: "bare",
-      size: "bare",
-      type: "button",
-      onClick: () => Panel && !naPagina ? togglePanel(RAIL_ID) : adminNavigateTo(route),
-      "aria-expanded": Panel ? railOpen : void 0,
-      "aria-label": naoLidas > 0 ? `${label} (${naoLidas})` : label,
-      title: label,
-      "aria-current": aberta ? "page" : void 0,
-      className: `fz-tap relative inline-flex shrink-0 items-center rounded-button transition-colors hover:bg-accent ${named ? "w-full gap-3 px-2.5 py-2.5" : "justify-center p-2"} ${aberta ? "text-foreground" : "text-muted-foreground hover:text-foreground"}`,
-      children: [
-        /* @__PURE__ */ jsx(MessageCircle, { className: "h-4 w-4 shrink-0" }),
-        named && /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-left", children: label }),
-        naoLidas > 0 && /* @__PURE__ */ jsx("span", { className: "absolute -right-0.5 -top-0.5 inline-flex h-4 min-w-4 items-center justify-center rounded-full bg-destructive px-1 text-[10px] font-medium leading-none text-destructive-foreground tabular-nums", children: naoLidas > 9 ? "9+" : naoLidas })
-      ]
-    }
-  );
+  useNavContribution("conversations:unread", naoLidas > 0 ? [{ id: "conversations", label, route, badge: naoLidas, badgeTone: "destructive", section, position }] : []);
+  return null;
 }
 
 // src/data/accents.ts
@@ -1811,7 +1783,7 @@ function createConversationsPlugin(options) {
     contactEntityDef: options?.contactEntityDef
   };
   const dashboardWidgets = createConversationsDashboardWidgets({ store: store2, config });
-  const PageComponent = () => React2__default.createElement(ConversationsPage, { store: store2, config });
+  const PageComponent = () => React__default.createElement(ConversationsPage, { store: store2, config });
   PageComponent.displayName = "ConversationsPage";
   return {
     id: "conversations",
@@ -1828,11 +1800,11 @@ function createConversationsPlugin(options) {
     declaredLimits: [
       { key: "conversations_month", label: "Conversations this month", table: "plg_conversations", period: "month" }
     ],
-    // SEM linha de rail para `/conversations`. A caixa de entrada subiu para a
-    // faixa do aplicativo, como ícone com a conta do que espera resposta — ver
-    // o widget `conversations-inbox` abaixo. Ela não é um destino como o
-    // Financeiro: é um estado que se lê de canto de olho, e no rail a conta
-    // ficava escondida atrás de um menu que recolhe.
+    // `/conversations` has its rail line and its own screen. From 09-28 the
+    // inbox lived as a header icon and from 10-15 in the right column beside
+    // the assistant; the column squeezed the thread into a sliver and lost
+    // what the full screen does. The unread count is written on this line by
+    // the watcher below.
     //
     // E SEM CAMPANHAS NEM TEMPLATES. As duas telas foram removidas — não
     // escondidas: elas tomavam duas linhas de rail num plugin que declara, na
@@ -1847,6 +1819,15 @@ function createConversationsPlugin(options) {
     // AtendeAI does get a rail line, as in V1: whoever runs the AI follows it
     // all day. Offered to every account — off, the page is the upsell.
     navigation: [
+      {
+        id: "conversations",
+        section: options?.navSection ?? "main",
+        position: options?.navPosition ?? 1,
+        label: options?.navLabel ?? "Conversations",
+        route: "/conversations",
+        icon: "MessageCircle",
+        permission: { feature: "conversations", action: "read" }
+      },
       // AtendeAI é recurso de restaurante (ChefControl): só aparece no vertical
       // 'food'. Uma loja de outro ramo não vê a linha.
       { section: "main", position: 45, label: "AtendeAI", route: "/atendeai", icon: "Bot", before: ["/analytics", "/reports"], verticalId: "food", permission: { feature: "conversations", action: "read" } }
@@ -1864,23 +1845,20 @@ function createConversationsPlugin(options) {
         permission: { feature: "conversations", action: "read" }
       }
     ],
-    // In the shell's header, next to the bell (notifications sit at 100): both
-    // say "something is waiting on you", so they sit side by side. Header
-    // controls render outside the route switch, so the watcher's sound and
-    // count survive navigation.
+    // The watcher renders nothing; it is a header control because header
+    // controls live outside the route switch, so the chime, the system
+    // notification and the rail badge survive navigation.
     headerControls: [{
       id: "conversations-inbox",
       component: (() => {
-        const W = () => React2__default.createElement(InboxWatcher, {
+        const W = () => React__default.createElement(InboxWatcher, {
           label: options?.navLabel ?? "Conversations",
-          store: store2,
-          config,
-          inHeader: true
+          section: options?.navSection ?? "main",
+          position: options?.navPosition ?? 1
         });
-        W.displayName = "InboxButton";
+        W.displayName = "InboxWatcher";
         return W;
       })(),
-      // After the cash drawer (90), right before the bell.
       order: 95
     }],
     dashboardWidgets,
@@ -2038,15 +2016,16 @@ function createConversationsPlugin(options) {
       }
     ],
     onboarding: { program: buildConversationsOnboarding() },
-    // WhatsApp through Tyxter. Declared here because this plugin IS the inbox
-    // the messages land in — the connector configures inside Conversas.
-    connectors: [tyxterConnectorDef],
+    // WhatsApp through Tyxter or through the store's own number (Evolution).
+    // Declared here because this plugin IS the inbox the messages land in;
+    // both show on Configurações → Conectores like every other connector.
+    connectors: [tyxterConnectorDef, evolutionConnectorDef],
     locales: conversationsLocales
   };
 }
-var ConversationsPage = React2__default.lazy(() => import('./ConversationsPage-4V4VLM4D.js').then((m) => ({ default: m.ConversationsPage })));
-var AtendeAIPage = React2__default.lazy(() => import('./AtendeAIPage-PBBMWIDW.js').then((m) => ({ default: m.AtendeAIPage })));
-var ConversationsSettingsTab = lazyComponent(() => import('./ConversationsSettings-7UQYM26R.js').then((m) => m.ConversationsSettingsTab));
+var ConversationsPage = React__default.lazy(() => import('./ConversationsPage-BTRYZPM7.js').then((m) => ({ default: m.ConversationsPage })));
+var AtendeAIPage = React__default.lazy(() => import('./AtendeAIPage-PBBMWIDW.js').then((m) => ({ default: m.AtendeAIPage })));
+var ConversationsSettingsTab = lazyComponent(() => import('./ConversationsSettings-Q3PGQMB3.js').then((m) => m.ConversationsSettingsTab));
 
 export { PAYMENT_PREFLIGHT_FUNCTION, TYXTER_CONNECTOR_ID, TYXTER_LATENCY_BUDGET_MS, campaignsApi, canOfferPayment, createConversationsPlugin, createMockConversationsProvider, createSupabaseConversationsProvider, openPaymentSetupSession, readPaymentReadiness, tyxterConnectorDef };
 //# sourceMappingURL=index.js.map