@fayz-ai/plugin-conversations 0.23.15 → 0.24.0

package/dist/{chunk-LJKLHGFX.js → ConversationsPage-BTRYZPM7.js}

@@ -1,48 +1,13 @@
+import { ConversationsContextProvider, useConversationsStore, assinarChegada, useConversationsConfig, CHANNEL_LABELS, isWaitingOnUs } from './chunk-X7BP2JH6.js';
 import { providersApi } from './chunk-HMWUU5O7.js';
-import * as React10 from 'react';
-import React10__default from 'react';
-import { useStore } from 'zustand';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { SquarePen, MessageSquare, Globe, Mail, Instagram, Phone, Search, User, Inbox, CheckCheck, ChevronLeft, Archive, PanelRight, Send, X, MapPin, Tag, StickyNote, Link2, MoreVertical, Loader2, AlertTriangle, Check, Clock, Snowflake, Sun, Flame, Building2, ExternalLink, UserRound, Copy, FileText, Download } from 'lucide-react';
+import * as React9 from 'react';
+import React9__default from 'react';
+import { SquarePen, MessageSquare, Globe, Mail, Instagram, Phone, Search, User, Inbox, CheckCheck, ChevronLeft, Archive, PanelRight, Send, X, MapPin, Tag, StickyNote, Link2, CheckCircle2, MoreVertical, Loader2, AlertTriangle, Check, Clock, Snowflake, Sun, Flame, Building2, ExternalLink, UserRound, Copy, FileText, Download } from 'lucide-react';
 import { PageHeaderActions, cn, Button, Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, Textarea, ModalFooter, Input, FilterChip, Skeleton, toast } from '@fayz-ai/ui';
-import { useConnectors, useRightRailStore, PageActions, useLimitGuard, ContactPicker, invalidateLimit } from '@fayz-ai/admin';
-import { getSupabaseClientOptional, useTranslation, useActiveTenantId, errorMessage, getActiveTenantId, appHref } from '@fayz-ai/core';
-
-var DEFAULT_CONVERSATIONS_CONFIG = {
-  contactKind: "contact"
-};
-var StoreContext = React10__default.createContext(null);
-var ConfigContext = React10__default.createContext(DEFAULT_CONVERSATIONS_CONFIG);
-function ConversationsContextProvider({
-  store,
-  config = DEFAULT_CONVERSATIONS_CONFIG,
-  children
-}) {
-  return /* @__PURE__ */ jsx(StoreContext.Provider, { value: store, children: /* @__PURE__ */ jsx(ConfigContext.Provider, { value: config, children }) });
-}
-function useConversationsStore(selector) {
-  const store = React10__default.useContext(StoreContext);
-  if (!store) throw new Error("useConversationsStore must be used within ConversationsPage");
-  return useStore(store, selector);
-}
-function useConversationsConfig() {
-  return React10__default.useContext(ConfigContext);
-}
+import { useRightRailStore, PageActions, useLimitGuard, ContactPicker, invalidateLimit, useConnectors, adminNavigateTo } from '@fayz-ai/admin';
+import { currentAppPath, appHref, useTranslation, useActiveTenantId, errorMessage, tl, getSupabaseClientOptional, getActiveTenantId } from '@fayz-ai/core';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
-// src/types.ts
-var CHANNEL_LABELS = {
-  sms: "SMS",
-  whatsapp: "WhatsApp",
-  instagram: "Instagram",
-  email: "Email",
-  webchat: "Web Chat"
-};
-function isWaitingOnUs(conversation) {
-  if (conversation.status !== "open") return false;
-  if (conversation.acknowledgedAt && conversation.lastMessageAt && conversation.acknowledgedAt >= conversation.lastMessageAt) return false;
-  if (conversation.lastMessageDirection) return conversation.lastMessageDirection === "inbound";
-  return conversation.unreadCount > 0;
-}
 var CHANNEL_ICON = {
   sms: Phone,
   whatsapp: MessageSquare,
@@ -58,10 +23,10 @@ var CHANNEL_ACCENT = {
   webchat: { color: "#f59e0b", badge: "bg-[#f59e0b]/12 text-[#b45309] dark:text-[#fcd34d]" }
 };
 function useMediaQuery(query) {
-  const [matches, setMatches] = React10__default.useState(
+  const [matches, setMatches] = React9__default.useState(
     () => typeof window !== "undefined" && window.matchMedia(query).matches
   );
-  React10__default.useEffect(() => {
+  React9__default.useEffect(() => {
     if (typeof window === "undefined") return;
     const mql = window.matchMedia(query);
     const onChange = () => setMatches(mql.matches);
@@ -143,9 +108,9 @@ var whatsappConnected = () => {
   return whatsappCache;
 };
 function useChannelConnections() {
-  const [whatsapp, setWhatsapp] = React10.useState(void 0);
+  const [whatsapp, setWhatsapp] = React9.useState(void 0);
   const { connectors } = useConnectors({ hostPluginId: "conversations", includeGrants: false });
-  React10.useEffect(() => {
+  React9.useEffect(() => {
     let cancelled = false;
     void whatsappConnected().then((v) => {
       if (!cancelled) setWhatsapp(v);
@@ -154,12 +119,48 @@ function useChannelConnections() {
       cancelled = true;
     };
   }, []);
-  return React10.useMemo(() => {
+  return React9.useMemo(() => {
     if (whatsapp === void 0) return void 0;
     const live = (needle) => (connectors ?? []).some((c) => c.state === "connected" && c.slug.toLowerCase().includes(needle));
     return { whatsapp: whatsapp || live("whatsapp"), email: live("mail"), instagram: live("instagram") };
   }, [whatsapp, connectors]);
 }
+var CONNECTORS_ROUTE = "/settings/conversations/connectors";
+function WhatsAppConnectionFooter() {
+  const connected = useChannelConnections();
+  return /* @__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: () => adminNavigateTo(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: () => adminNavigateTo(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" }) });
+}
 var FILTERS = ["all", "whatsapp", "instagram", "email"];
 function ConversationList({ className }) {
   const t = useTranslation();
@@ -177,7 +178,7 @@ function ConversationList({ className }) {
     setLeadOwnerFilter,
     setSearch
   } = useConversationsStore((s) => s);
-  const donos = React10__default.useMemo(() => {
+  const donos = React9__default.useMemo(() => {
     const vistos = /* @__PURE__ */ new Map();
     for (const c of conversations) {
       if (c.leadOwnerId) vistos.set(c.leadOwnerId, c.leadOwnerName ?? c.leadOwnerId);
@@ -318,13 +319,14 @@ function ConversationList({ className }) {
           ] }, c.id)
         );
       })
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx(WhatsAppConnectionFooter, {})
   ] });
 }
 function useSendWindow(conversationId) {
-  const [row, setRow] = React10__default.useState(null);
-  const [providers, setProviders] = React10__default.useState(null);
-  React10__default.useEffect(() => {
+  const [row, setRow] = React9__default.useState(null);
+  const [providers, setProviders] = React9__default.useState(null);
+  React9__default.useEffect(() => {
     let alive = true;
     providersApi.list().then((p) => {
       if (alive) setProviders(p);
@@ -335,7 +337,7 @@ function useSendWindow(conversationId) {
       alive = false;
     };
   }, []);
-  React10__default.useEffect(() => {
+  React9__default.useEffect(() => {
     let alive = true;
     if (!conversationId) {
       setRow(null);
@@ -356,7 +358,7 @@ function useSendWindow(conversationId) {
     };
   }, [conversationId]);
   const provider = (providers ?? []).find((p) => p.isActive);
-  const mode = React10__default.useMemo(() => {
+  const mode = React9__default.useMemo(() => {
     if (!provider) return { kind: "blocked", reason: "no_provider" };
     if (!provider.capabilities?.requires_template) {
       return { kind: "free", until: null, minutesLeft: null };
@@ -431,10 +433,10 @@ function DeliveryMark({ m }) {
   ] });
 }
 function MessageMenu({ m }) {
-  const [open, setOpen] = React10__default.useState(false);
-  const [detail, setDetail] = React10__default.useState(null);
-  const [loading, setLoading] = React10__default.useState(false);
-  const [err, setErr] = React10__default.useState(null);
+  const [open, setOpen] = React9__default.useState(false);
+  const [detail, setDetail] = React9__default.useState(null);
+  const [loading, setLoading] = React9__default.useState(false);
+  const [err, setErr] = React9__default.useState(null);
   async function load() {
     setOpen(true);
     if (!m.providerMessageId) return;
@@ -512,9 +514,9 @@ function temArquivo(m) {
   return !!m.mediaPath && COM_ARQUIVO.has(String(m.messageType));
 }
 function useUrlAssinada(m, visivel) {
-  const [url, setUrl] = React10.useState(null);
-  const [erro, setErro] = React10.useState(false);
-  React10.useEffect(() => {
+  const [url, setUrl] = React9.useState(null);
+  const [erro, setErro] = React9.useState(false);
+  React9.useEffect(() => {
     if (!visivel || url || erro || !temArquivo(m)) return;
     let vivo = true;
     (async () => {
@@ -549,10 +551,10 @@ function duracao(seg) {
   return `${m}:${String(s).padStart(2, "0")}`;
 }
 function MediaBubble({ m, outbound }) {
-  const ref = React10.useRef(null);
-  const [visivel, setVisivel] = React10.useState(false);
+  const ref = React9.useRef(null);
+  const [visivel, setVisivel] = React9.useState(false);
   const { url, erro } = useUrlAssinada(m, visivel);
-  React10.useEffect(() => {
+  React9.useEffect(() => {
     const el = ref.current;
     if (!el || typeof IntersectionObserver === "undefined") {
       setVisivel(true);
@@ -636,7 +638,7 @@ function MediaBubble({ m, outbound }) {
   ] });
 }
 function ContactCard({ contacts, outbound }) {
-  const [copied, setCopied] = React10__default.useState(null);
+  const [copied, setCopied] = React9__default.useState(null);
   const copy = (value) => {
     void navigator.clipboard?.writeText(value);
     setCopied(value);
@@ -703,14 +705,14 @@ function buildRows(messages) {
 function MessageThread({ selected, onTogglePanel, panelOpen, onBack, backAlways, className }) {
   const t = useTranslation();
   const { messages, sending, send, setStatus, refreshMessages } = useConversationsStore((s) => s);
-  const [draft, setDraft] = React10__default.useState("");
+  const [draft, setDraft] = React9__default.useState("");
   const win = useSendWindow(selected.id);
   const canType = win.mode.kind === "free";
-  const threadRef = React10__default.useRef(null);
-  React10__default.useEffect(() => {
+  const threadRef = React9__default.useRef(null);
+  React9__default.useEffect(() => {
     threadRef.current?.scrollTo({ top: threadRef.current.scrollHeight, behavior: "smooth" });
   }, [messages.length, selected.id]);
-  React10__default.useEffect(() => {
+  React9__default.useEffect(() => {
     if (!selected.id) return;
     let timer = null;
     const start = () => {
@@ -739,7 +741,7 @@ function MessageThread({ selected, onTogglePanel, panelOpen, onBack, backAlways,
     await send(body);
   }
   const accent = CHANNEL_ACCENT[selected.channel];
-  const rows = React10__default.useMemo(() => buildRows(messages), [messages]);
+  const rows = React9__default.useMemo(() => buildRows(messages), [messages]);
   return /* @__PURE__ */ jsxs("section", { className: cn("flex min-w-0 flex-1 flex-col bg-muted/20", className), children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 border-b border-border bg-card px-3 py-2.5 md:px-5", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2 md:gap-3", children: [
@@ -851,8 +853,8 @@ var TEMP = {
   cold: { icon: Snowflake, cls: "bg-info-soft text-info-soft-foreground", label: "Frio" }
 };
 function LeadCard({ personId, handle }) {
-  const [lead, setLead] = React10__default.useState(void 0);
-  React10__default.useEffect(() => {
+  const [lead, setLead] = React9__default.useState(void 0);
+  React9__default.useEffect(() => {
     let alive = true;
     const sb = getSupabaseClientOptional();
     const tenantId = getActiveTenantId();
@@ -1019,14 +1021,14 @@ function NewConversationPanel({
   const create = useConversationsStore((s) => s.create);
   const config = useConversationsConfig();
   const guardConversations = useLimitGuard("conversations_month");
-  const [channel, setChannel] = React10__default.useState("whatsapp");
-  const [contact, setContact] = React10__default.useState(null);
-  const [typedHandle, setTypedHandle] = React10__default.useState("");
-  const [creatingContact, setCreatingContact] = React10__default.useState(false);
-  const [firstMessage, setFirstMessage] = React10__default.useState("");
-  const [submitting, setSubmitting] = React10__default.useState(false);
-  const [pickerKey, setPickerKey] = React10__default.useState(0);
-  React10__default.useEffect(() => {
+  const [channel, setChannel] = React9__default.useState("whatsapp");
+  const [contact, setContact] = React9__default.useState(null);
+  const [typedHandle, setTypedHandle] = React9__default.useState("");
+  const [creatingContact, setCreatingContact] = React9__default.useState(false);
+  const [firstMessage, setFirstMessage] = React9__default.useState("");
+  const [submitting, setSubmitting] = React9__default.useState(false);
+  const [pickerKey, setPickerKey] = React9__default.useState(0);
+  React9__default.useEffect(() => {
     if (open) {
       setChannel("whatsapp");
       setContact(null);
@@ -1138,47 +1140,14 @@ function NewConversationPanel({
     ] })
   ] }) });
 }
-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" }, (msg) => {
-      const carga = { conversationId: msg?.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/views/useCaixaAoVivo.ts
 function useCaixaAoVivo() {
   const tenantId = useActiveTenantId();
   const load = useConversationsStore((s) => s.load);
   const refreshMessages = useConversationsStore((s) => s.refreshMessages);
   const selectedId = useConversationsStore((s) => s.selectedId);
-  const abertoRef = React10.useRef(selectedId);
+  const abertoRef = React9.useRef(selectedId);
   abertoRef.current = selectedId;
-  React10.useEffect(() => {
+  React9.useEffect(() => {
     if (!tenantId) return;
     return assinarChegada(tenantId, ({ conversationId }) => {
       void load();
@@ -1196,16 +1165,16 @@ function InboxView({ layout = "page", newSignal = 0 } = {}) {
   const isWideViewport = useMediaQuery("(min-width: 1280px)");
   const isWidePanel = isWideViewport && !dock;
   const railOpen = useRightRailStore((s) => s.open);
-  const [panelOpen, setPanelOpen] = React10__default.useState(false);
-  const [newOpen, setNewOpen] = React10__default.useState(false);
+  const [panelOpen, setPanelOpen] = React9__default.useState(false);
+  const [newOpen, setNewOpen] = React9__default.useState(false);
   const selected = conversations.find((c) => c.id === selectedId) ?? null;
-  React10__default.useEffect(() => {
+  React9__default.useEffect(() => {
     if (newSignal > 0) setNewOpen(true);
   }, [newSignal]);
-  React10__default.useEffect(() => {
+  React9__default.useEffect(() => {
     setPanelOpen(isWidePanel && !railOpen);
   }, [isWidePanel, railOpen]);
-  const newActions = React10__default.useMemo(() => [{
+  const newActions = React9__default.useMemo(() => [{
     id: "new-conversation",
     label: t("conversations.list.new"),
     icon: SquarePen,
@@ -1262,7 +1231,44 @@ function InboxView({ layout = "page", newSignal = 0 } = {}) {
     ] })
   ] });
 }
+var CHANNELS2 = ["sms", "whatsapp", "instagram", "email", "webchat"];
+function requestedContact() {
+  try {
+    const hash = currentAppPath();
+    const qs = hash.includes("?") ? hash.slice(hash.indexOf("?") + 1) : "";
+    if (!qs) return null;
+    const p = new URLSearchParams(qs);
+    const handle = (p.get("handle") ?? "").trim();
+    const name = (p.get("name") ?? "").trim();
+    const personId = (p.get("personId") ?? "").trim() || void 0;
+    if (!handle) return null;
+    const raw = (p.get("channel") ?? "whatsapp").toLowerCase();
+    const channel = CHANNELS2.includes(raw) ? raw : "whatsapp";
+    return { personId, name: name || handle, handle, channel };
+  } catch {
+    return null;
+  }
+}
+function ConversationsPage({ store, config }) {
+  React9__default.useEffect(() => {
+    const wanted = requestedContact();
+    if (!wanted) {
+      void store.getState().load();
+      return;
+    }
+    void store.getState().openForPerson(wanted).catch(() => {
+      void store.getState().load();
+    });
+    try {
+      const hash = currentAppPath();
+      const clean = hash.includes("?") ? hash.slice(0, hash.indexOf("?")) : hash;
+      window.history.replaceState(null, "", appHref(clean || "/conversations"));
+    } catch {
+    }
+  }, []);
+  return /* @__PURE__ */ jsx(ConversationsContextProvider, { store, config, children: /* @__PURE__ */ jsx(InboxView, {}) });
+}
 
-export { ConversationsContextProvider, InboxView, assinarChegada, isWaitingOnUs, useChannelConnections, useConversationsStore };
-//# sourceMappingURL=chunk-LJKLHGFX.js.map
-//# sourceMappingURL=chunk-LJKLHGFX.js.map
+export { ConversationsPage };
+//# sourceMappingURL=ConversationsPage-BTRYZPM7.js.map
+//# sourceMappingURL=ConversationsPage-BTRYZPM7.js.map