@fayz-ai/plugin-conversations 0.17.0 → 0.18.0

package/dist/components/InboxWatcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InboxWatcher.d.ts","sourceRoot":"","sources":["../../src/components/InboxWatcher.tsx"],"names":[],"mappings":"AAiGA,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,KAAwB,EAAE,OAAgB,EAAE,QAAY,EAAE,EAAE;IAChG,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;qCAEiC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,QAgGA"}
+{"version":3,"file":"InboxWatcher.d.ts","sourceRoot":"","sources":["../../src/components/InboxWatcher.tsx"],"names":[],"mappings":"AAkGA,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,KAAwB,EAAE,OAAgB,EAAE,QAAY,EAAE,EAAE;IAChG,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;qCAEiC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,QAiFA"}

package/dist/data/supabase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"supabase.d.ts","sourceRoot":"","sources":["../../src/data/supabase.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAwBpD,MAAM,WAAW,2BAA2B;IAC1C,+EAA+E;IAC/E,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,CAAA;IAC9C,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AA8CD,wBAAgB,mCAAmC,CACjD,MAAM,CAAC,EAAE,2BAA2B,GACnC,qBAAqB,CAuRvB"}
+{"version":3,"file":"supabase.d.ts","sourceRoot":"","sources":["../../src/data/supabase.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAwBpD,MAAM,WAAW,2BAA2B;IAC1C,+EAA+E;IAC/E,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,CAAA;IAC9C,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAmDD,wBAAgB,mCAAmC,CACjD,MAAM,CAAC,EAAE,2BAA2B,GACnC,qBAAqB,CAuRvB"}

package/dist/index.js

@@ -1,6 +1,6 @@
 import * as React11 from 'react';
 import React11__default, { useState, useRef, useEffect, useCallback, useMemo } from 'react';
-import { Loader2, MessageSquare, AlertTriangle, Pause, Play, Send, RefreshCw, Plus, Clock, CheckCircle2, Check, ShieldCheck, ShieldAlert, QrCode, Zap, ExternalLink, SquarePen, Globe, Mail, Instagram, Phone, Search, User, Inbox, CheckCheck, ChevronLeft, Archive, PanelRight, X, MapPin, Tag, StickyNote, Link2, MoreVertical, Snowflake, Sun, Flame, Building2 } from 'lucide-react';
+import { Loader2, MessageSquare, AlertTriangle, Pause, Play, Send, RefreshCw, Plus, Clock, CheckCircle2, Check, ShieldCheck, ShieldAlert, QrCode, Zap, ExternalLink, SquarePen, Globe, Mail, Instagram, Phone, Search, User, Inbox, CheckCheck, ChevronLeft, Archive, PanelRight, X, MapPin, Tag, StickyNote, Link2, MoreVertical, Snowflake, Sun, Flame, Building2, UserRound, Copy } from 'lucide-react';
 import { toast, Button, Input, defineKpiWidget, defineTableWidget, PageHeaderActions, cn, Badge, FilterChip, Skeleton, KpiCard, TableWidget } from '@fayz-ai/ui';
 import { createConnectionStore, connectionRuns, connectionStatus, getActiveTenantId, getSupabaseClientOptional, useActiveTenantId, registerTranslations, useTranslation, countByTenant, CONNECTOR_RUNTIME_TOKEN_HEADER, connectorRuntimeToken, errorMessage } from '@fayz-ai/core';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -386,6 +386,37 @@ var T = {
   messages: "plg_conversation_messages",
   channels: "plg_conversations_channels"
 };
+var porConta = /* @__PURE__ */ new Map();
+function assinarChegada(tenantId, ouvinte) {
+  const supabase = getSupabaseClientOptional();
+  if (!supabase?.channel || !tenantId) return () => {
+  };
+  let assinatura = porConta.get(tenantId);
+  if (!assinatura) {
+    const ouvintes = /* @__PURE__ */ new Set();
+    const canal = supabase.channel(`conversas:${tenantId}`).on("broadcast", { event: "inbound" }, (msg2) => {
+      const carga = { conversationId: msg2?.payload?.conversationId };
+      for (const f of [...ouvintes]) {
+        try {
+          f(carga);
+        } catch {
+        }
+      }
+    }).subscribe();
+    assinatura = { canal, ouvintes };
+    porConta.set(tenantId, assinatura);
+  }
+  assinatura.ouvintes.add(ouvinte);
+  return () => {
+    const a = porConta.get(tenantId);
+    if (!a) return;
+    a.ouvintes.delete(ouvinte);
+    if (a.ouvintes.size === 0) {
+      porConta.delete(tenantId);
+      void getSupabaseClientOptional()?.removeChannel?.(a.canal);
+    }
+  };
+}
 
 // src/types.ts
 var CHANNEL_LABELS = {
@@ -484,26 +515,22 @@ function InboxWatcher({ label, route = "/conversations", section = "main", posit
     void contar();
   }, [contar]);
   React11.useEffect(() => {
-    const supabase = getSupabaseClientOptional();
-    if (!supabase?.channel || !tenantId) return;
-    const canal = supabase.channel(`conversas:${tenantId}`).on("broadcast", { event: "inbound" }, (msg2) => {
-      const id = msg2?.payload?.conversationId;
+    if (!tenantId) return;
+    return assinarChegada(tenantId, ({ conversationId }) => {
       void contar();
       if (podeTocar.current) tocar();
       void (async () => {
+        const supabase = getSupabaseClientOptional();
         let titulo = label;
         let corpo = "";
-        if (id) {
-          const { data } = await supabase.from(T.conversations).select("contact_name, last_message_preview").eq("id", id).maybeSingle();
+        if (conversationId && supabase) {
+          const { data } = await supabase.from(T.conversations).select("contact_name, last_message_preview").eq("id", conversationId).maybeSingle();
           titulo = data?.contact_name || label;
           corpo = String(data?.last_message_preview || "").replace(/\s+/g, " ").slice(0, 140);
         }
-        avisarNoSistema(titulo, corpo, String(id ?? "inbox"));
+        avisarNoSistema(titulo, corpo, String(conversationId ?? "inbox"));
       })();
-    }).subscribe();
-    return () => {
-      void supabase.removeChannel?.(canal);
-    };
+    });
   }, [contar, tenantId, label]);
   useNavContribution("conversations:unread", naoLidas > 0 ? [{ id: "conversations", label, route, badge: naoLidas, badgeTone: "destructive", section, position }] : []);
   return null;
@@ -1172,6 +1199,51 @@ function MessageMenu({ m }) {
     ] }) })
   ] });
 }
+function ContactCard({ contacts, outbound }) {
+  const [copied, setCopied] = React11__default.useState(null);
+  const copy = (value) => {
+    void navigator.clipboard?.writeText(value);
+    setCopied(value);
+    window.setTimeout(() => setCopied((c) => c === value ? null : c), 1500);
+  };
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: contacts.map((c, i) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-start gap-2.5 rounded-xl px-2.5 py-2",
+        outbound ? "bg-white/15" : "bg-muted"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(UserRound, { className: cn("mt-0.5 h-4 w-4 shrink-0", outbound ? "text-white/80" : "text-muted-foreground") }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "truncate font-medium", children: c.name }),
+          c.phones.map((p) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => copy(p.display),
+              className: cn(
+                "group/phone mt-0.5 flex items-center gap-1.5 text-left text-[13px] tabular-nums",
+                outbound ? "text-white/90 hover:text-white" : "text-muted-foreground hover:text-foreground"
+              ),
+              children: [
+                p.display,
+                copied === p.display ? /* @__PURE__ */ jsx(Check, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(Copy, { className: "h-3 w-3 opacity-0 transition-opacity group-hover/phone:opacity-100" })
+              ]
+            },
+            p.digits
+          ))
+        ] })
+      ]
+    },
+    `${c.name}-${i}`
+  )) });
+}
+function MessageBody({ m, outbound }) {
+  const contacts = m.messageType === "contact" ? m.payload?.contacts ?? [] : [];
+  if (contacts.length > 0) return /* @__PURE__ */ jsx(ContactCard, { contacts, outbound });
+  return /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap break-words", children: m.body });
+}
 function buildRows(messages) {
   const rows = [];
   let lastDay = "";
@@ -1290,7 +1362,7 @@ function MessageThread({ selected, onTogglePanel, panelOpen, onBack, className }
                   ),
                   style: outbound ? { backgroundColor: failed ? "hsl(var(--destructive))" : accent.color } : void 0,
                   children: [
-                    /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap break-words", children: m.body }),
+                    /* @__PURE__ */ jsx(MessageBody, { m, outbound }),
                     /* @__PURE__ */ jsxs("div", { className: cn("mt-0.5 flex items-center justify-end gap-1 text-[10px]", outbound ? "text-white/70" : "text-muted-foreground"), children: [
                       new Date(m.at).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }),
                       /* @__PURE__ */ jsx(DeliveryMark, { m })
@@ -1637,17 +1709,13 @@ function useCaixaAoVivo() {
   const abertoRef = React11.useRef(selectedId);
   abertoRef.current = selectedId;
   React11.useEffect(() => {
-    const supabase = getSupabaseClientOptional();
-    if (!supabase?.channel || !tenantId) return;
-    const canal = supabase.channel(`conversas:${tenantId}`).on("broadcast", { event: "inbound" }, (msg2) => {
+    if (!tenantId) return;
+    return assinarChegada(tenantId, ({ conversationId }) => {
       void load();
-      if (msg2?.payload?.conversationId && msg2.payload.conversationId === abertoRef.current) {
+      if (conversationId && conversationId === abertoRef.current) {
         void refreshMessages();
       }
-    }).subscribe();
-    return () => {
-      void supabase.removeChannel?.(canal);
-    };
+    });
   }, [tenantId, load, refreshMessages]);
 }
 function InboxView() {
@@ -2055,7 +2123,12 @@ function mapMessage(r) {
     at: r.at ?? "",
     author: r.author ?? "",
     deliveryStatus: r.delivery_status ?? null,
-    providerMessageId: r.provider_message_id ?? null
+    providerMessageId: r.provider_message_id ?? null,
+    // NULL stays null rather than defaulting to 'text'. A row written before
+    // migration 012 genuinely does not know what it was, and the rows that most
+    // need saying so are the empty ones that a 'text' default would call fine.
+    messageType: r.message_type ?? null,
+    payload: r.payload ?? null
   };
 }
 function createSupabaseConversationsProvider(config) {
@@ -5460,6 +5533,68 @@ END $$;
 COMMENT ON FUNCTION public.plg_conversations_anunciar_chegada() IS
   'Toca a campainha no t\xF3pico \`conversas:<tenant>\` \u2014 s\xF3 o id da conversa. O conte\xFAdo \xE9 lido da tabela, com RLS (011).';
 `;
+var MIGRATION_012_A_RICH_MESSAGE_KEEPS_ITS_SHAPE = `-- ---------------------------------------------------------------------------
+-- 012_a_rich_message_keeps_its_shape.sql
+--
+-- \u2500\u2500 what was lost, and how \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+--
+-- \`plg_conversation_messages\` has exactly one content column: \`body text\`. A
+-- WhatsApp message that is not text therefore arrives flattened to whatever
+-- string the ingest could make of it \u2014 and when the ingest could make none, to
+-- the empty string, which renders as an empty bubble.
+--
+-- On 2026-09-22 a lead sent his finance director's contact card. It stored as
+-- \`body = ''\`. He then sent a screenshot of the same card; that stored as
+-- \`body = ''\` too. The fact the conversation existed to obtain \u2014 a name and a
+-- phone number \u2014 was in the payload both times and in the row neither time.
+--
+-- Recovering it meant going back to the Evolution instance and reading the
+-- provider's own copy. That worked, but it is not a recovery path: Evolution
+-- prunes, the instance is local-only, and a row that needs a second system to
+-- be legible is not a record.
+--
+-- \u2500\u2500 the two columns \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+--
+-- \`message_type\` names what the provider sent \u2014 text, contact, image, audio,
+-- document, sticker, location, reaction, unknown. The inbox needs it to choose
+-- a bubble, and \`unknown\` is the one that makes the NEXT gap visible in a query
+-- instead of in a complaint.
+--
+-- \`payload\` keeps the part that does not survive flattening: the vCard's parsed
+-- name and numbers, a media mimetype and size, a location's coordinates. Not
+-- the whole provider envelope \u2014 that carries decryption keys and a base64
+-- thumbnail, neither of which belongs in a row that every member of the tenant
+-- can read.
+--
+-- Deliberately NOT stored here: delivery status. It changes after the fact \u2014
+-- sent, delivered, read \u2014 and \`conversations-provider\`'s \`message_detail\` reads
+-- it live for that reason. \`payload\` is the shape of the message, which does
+-- not change once it arrives.
+--
+-- \u2500\u2500 why both are nullable, and nothing is backfilled \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+--
+-- Every row written before this migration has neither, and no default can
+-- invent them: \`message_type\` would have to guess, and guessing 'text' for the
+-- three empty bubbles already in the table would assert something false about
+-- exactly the rows this exists to fix. A reader that treats NULL as "written
+-- before 012" is correct; a reader that treats '' as text is the bug.
+--
+-- Table-level \`GRANT ALL ... TO authenticated\` already covers new columns, and
+-- the four tenant policies are row-scoped, so neither needs restating.
+--
+-- Idempotent and replay-safe.
+-- ---------------------------------------------------------------------------
+
+ALTER TABLE public.plg_conversation_messages
+  ADD COLUMN IF NOT EXISTS message_type text,
+  ADD COLUMN IF NOT EXISTS payload jsonb;
+
+COMMENT ON COLUMN public.plg_conversation_messages.message_type IS
+  'What the provider sent: text, contact, image, video, audio, document, sticker, location, reaction, unknown. NULL means the row predates 012 (#504).';
+
+COMMENT ON COLUMN public.plg_conversation_messages.payload IS
+  'The structured remainder that \`body\` cannot hold \u2014 parsed vCards, media metadata, coordinates. Never credentials, thumbnails or decryption keys; never delivery status, which is read live (#504).';
+`;
 var MIGRATIONS = [
   { id: "000_baseline", sql: MIGRATION_000_BASELINE },
   { id: "001_a_caixa_sabe_quem_falou_por_ultimo", sql: MIGRATION_001_A_CAIXA_SABE_QUEM_FALOU_POR_ULTIMO },
@@ -5472,7 +5607,8 @@ var MIGRATIONS = [
   { id: "008_dar_por_vista_e_uma_decisao", sql: MIGRATION_008_DAR_POR_VISTA_E_UMA_DECISAO },
   { id: "009_a_mensagem_inteira_atravessa_o_realtime", sql: MIGRATION_009_A_MENSAGEM_INTEIRA_ATRAVESSA_O_REALTIME },
   { id: "010_a_chegada_e_anunciada_por_conta", sql: MIGRATION_010_A_CHEGADA_E_ANUNCIADA_POR_CONTA },
-  { id: "011_o_anuncio_e_uma_campainha_nao_um_recado", sql: MIGRATION_011_O_ANUNCIO_E_UMA_CAMPAINHA_NAO_UM_RECADO }
+  { id: "011_o_anuncio_e_uma_campainha_nao_um_recado", sql: MIGRATION_011_O_ANUNCIO_E_UMA_CAMPAINHA_NAO_UM_RECADO },
+  { id: "012_a_rich_message_keeps_its_shape", sql: MIGRATION_012_A_RICH_MESSAGE_KEEPS_ITS_SHAPE }
 ];
 
 // src/index.ts