/* global React, window */
// =====================================================================
// ExecutionsView — "Ejecuciones": cola de acciones sobre leads (propose-only)
// generadas por el lead-actuator desde las decisiones del Command Center.
// Look & feel de project cards + info. Aprobar/Rechazar = solo status (NO toca Zoho).
// Todo vive en windmar-marketing (marketing.lead_actions) + RAG.
// =====================================================================
(function () {
const { useState, useEffect, useMemo } = React;
if (window.i18n) {
if (window.i18n.es && window.i18n.es.tabs) window.i18n.es.tabs.ejecuciones = "Lead Association";
if (window.i18n.en && window.i18n.en.tabs) window.i18n.en.tabs.ejecuciones = "Lead Association";
}
const GREEN = "var(--op-green,#1f9d57)", RED = "var(--op-red,#d23b3b)", AMBER = "var(--op-amber,#F89B24)", NAVY = "var(--wm-blue,#1D429B)";
// action_type → presentación (project-card)
const ACTION = {
reroute_leads: { icon: "git-branch", label: "Re-rutear leads", color: AMBER },
prioritize_leads:{ icon: "trending-up", label: "Priorizar leads", color: GREEN },
no_action: { icon: "check", label: "Mantener (sin cambio)", color: "var(--wm-fg-muted)" },
review: { icon: "help-circle", label: "Revisar", color: "var(--wm-fg-muted)" },
associate_zoho: { icon: "link", label: "Asociar en Zoho", color: NAVY },
};
const actionOf = (t) => ACTION[t] || (String(t).indexOf("audience") === 0
? { icon: "radar", label: "Audiencia", color: NAVY } : { icon: "zap", label: t, color: NAVY });
const STATUS = {
proposed: { label: "Propuesta", color: NAVY, bg: "var(--op-blue-50,#EAF0FB)" },
approved: { label: "Aprobada", color: GREEN, bg: "var(--op-green-50,#E8F4EE)" },
rejected: { label: "Rechazada", color: RED, bg: "var(--op-red-50,#FBE8E5)" },
done: { label: "Hecho en Zoho", color: GREEN, bg: "var(--op-green-50,#E8F4EE)" },
};
function ExecutionsView({ lang = "es" }) {
const es = lang === "es";
const [rows, setRows] = useState(null);
const [stolen, setStolen] = useState(null);
const [filter, setFilter] = useState("all");
const [busy, setBusy] = useState(null);
const [toast, setToast] = useState(null);
const load = () => {
if (window.wm && window.wm.ready && window.wm.leadActions) window.wm.leadActions().then(r => setRows(Array.isArray(r) ? r : []));
else setRows([]);
};
useEffect(() => { load(); }, []);
// Leads tuyos sin atribuir (won sin source matcheados a un lead digital) — atribución lead-first.
const [summary, setSummary] = useState(null);
const loadStolen = () => {
if (!window.fetchStolenLeads) { setStolen([]); return; }
const t = new Date(); const fmt = (d) => d.toISOString().slice(0, 10);
const from = fmt(new Date(t.getFullYear() - 1, t.getMonth() - 5, 1)); // ~18 meses histórico
window.fetchStolenLeads(from, fmt(t)).then(r => setStolen(Array.isArray(r) ? r.filter(x => x.digital_channel === "meta" || x.digital_channel === "google") : []));
if (window.fetchStolenSummary) window.fetchStolenSummary(from, fmt(t)).then(setSummary);
};
useEffect(() => { loadStolen(); }, []);
const zohoLeadUrl = (id) => id ? "https://crm.zoho.com/crm/org699641359/tab/Leads/" + id : null;
// "Resuelto" = ya lo asocié/corregí en Zoho → loguea y nunca se vuelve a sugerir.
const resolveStolen = async (zoho_id) => {
if (!window.resolveAttribution) return;
setBusy(zoho_id);
const r = await window.resolveAttribution(zoho_id);
setBusy(null);
if (r && r.ok) { setStolen(prev => (prev || []).filter(x => x.won_zoho_id !== zoho_id)); setToast({ k: "ok", m: es ? "✓ Logueado — no se vuelve a sugerir" : "✓ Logged — won't suggest again" }); }
else setToast({ k: "err", m: "Error" });
};
useEffect(() => { if (!toast) return; const id = setTimeout(() => setToast(null), 2600); return () => clearTimeout(id); }, [toast]);
const decide = async (id, status) => {
if (!window.wm || !window.wm.leadActionDecide) return;
setBusy(id);
const r = await window.wm.leadActionDecide(id, status);
setBusy(null);
if (r && r.ok) {
const msg = ({ approved: es ? "✓ Aprobada" : "✓ Approved", rejected: es ? "Rechazada" : "Rejected", done: es ? "✓ Hecho en Zoho" : "✓ Done", proposed: es ? "Reabierta" : "Reopened" })[status] || status;
setToast({ k: "ok", m: msg }); load();
} else setToast({ k: "err", m: (r && r.error) || "Error" });
};
const list = useMemo(() => (rows || []).filter(r => filter === "all" || r.status === filter), [rows, filter]);
const counts = useMemo(() => {
const c = { all: (rows || []).length, proposed: 0, approved: 0, rejected: 0 };
(rows || []).forEach(r => { if (c[r.status] != null) c[r.status]++; });
return c;
}, [rows]);
const Pill = ({ k, label }) => (
);
const loading = rows === null;
return (
Lead Association
atribución lead-first · handoff a Zoho
{es ? "El command center NO escribe a Zoho. Te trae el lead + los links (lead y deal) para que TÚ hagas la asociación en Zoho CRM — así queda linkeada a tu usuario. Abre los links, asocia, y marca \"Hecho\"."
: "The command center does NOT write to Zoho. It brings you the lead + links (lead & deal) so YOU make the association in Zoho CRM — so it's tied to your user. Open the links, associate, mark \"Done\"."}
{/* 🚨 Leads tuyos sin atribuir / robados — atribución lead-first (la prioridad de Miguel) */}
{stolen && stolen.length > 0 && (
{es ? "Leads tuyos sin atribuir" : "Your leads, unattributed"}
{es ? "Ventas cerradas SIN lead source que matchean (email/teléfono) a un lead tuyo de Meta/Google. El lead ES tuyo — corrige el source o asócialo en Zoho con tu usuario."
: "Won sales with NO lead source that match (email/phone) a Meta/Google lead of yours. The lead IS yours — fix the source / associate it in Zoho with your user."}
{es ? "Sin propuestas en esta vista. El lead-actuator corre a diario sobre las decisiones nuevas." : "Nothing here yet. The actuator runs daily on new decisions."}
{es ? "Fuente: windmar-marketing · marketing.lead_actions (cola propose-only del lead-actuator) + marketing.cro_decisions. También en el RAG (knowledge_docs). Sin ejecución a Zoho."
: "Source: windmar-marketing · lead_actions queue + cro_decisions. Also in the RAG. No Zoho execution."}