// mnm-empresa.jsx — Empresa shell + all sections (Resumen, Financiero, Transacciones, Productos, Hallazgos, Plan) const { useState, useEffect, useRef } = React; /* ─── SHARED GLASS CARD HELPER ─────────────────────────────────────────── */ function GCard({ children, style, pad }) { return (
{children}
); } /* ─── RESUMEN EJECUTIVO ──────────────────────────────────────────────────── */ const AI_SUMMARIES = { A: { para: 'Tu restaurante generó $12,400 este mes y está ganando dinero — eso es bueno. Sin embargo, estás tardando más en cobrarle a tus clientes: pasaste de 32 a 58 días de cobro. Si no lo corriges, podrías quedarte sin caja en unas semanas aunque tengas ventas. El canal delivery tampoco te está dejando margen real después de las comisiones.', bullets: [ {icon:null, txt:'Ingresos subieron 12% vs el mes pasado', sev:'green'}, {icon:null, txt:'Tardas el doble en cobrar que hace un mes', sev:'yellow'}, {icon:null, txt:'El canal delivery cubre apenas los costos', sev:'red'}, ], }, B: { para: 'LogiSaaS tuvo un mes sólido: $16,000 de ingresos recurrentes y un margen bruto del 85%. La retención de clientes se mantiene alta. Sin embargo, el costo de adquisición subió un 5% — si esto continúa, el payback period se alargará.', bullets: [ {icon:null, txt:'MRR creció 8% — crecimiento consistente', sev:'green'}, {icon:null, txt:'Margen bruto del 85% — saludable para SaaS', sev:'green'}, {icon:null, txt:'CAC subió $10 — monitorear tendencia', sev:'yellow'}, ], }, C: { para: 'Consultoría RRHH aún no tiene ingresos registrados. Con un burn rate de $950/mes y $6,460 en caja, tienes aproximadamente 6.8 meses de runway. Es un buen momento para validar tu primer cliente y comenzar a generar ingresos.', bullets: [ {icon:null, txt:'Runway de 6.8 meses — tiempo suficiente para validar', sev:'green'}, {icon:null, txt:'Sin ingresos — fase de validación activa', sev:'yellow'}, {icon:null, txt:'1 POC activo — foco en cerrarlo', sev:'yellow'}, ], }, }; const BULLET_ICON = { green: function(){return ;}, yellow: function(){return ;}, red: function(){return ;}, }; const BULLET_COLOR = {green:'#16A34A',yellow:'#D97706',red:'#DC2626'}; function ResumenSection({ company, setSection }) { const summary = AI_SUMMARIES[company.id] || AI_SUMMARIES.A; const kpis = (APP_DATA.getPeriod('Diciembre 2024')).kpis; const [regenerating, setRegenerating] = useState(false); const handleRegen = () => { setRegenerating(true); setTimeout(() => setRegenerating(false), 2000); }; return (
{/* AI summary */}
✦
Resumen ejecutivo · IA
{regenerating ? (
{[0,1,2].map(i=>
)}
) : ( <>

{summary.para}

{summary.bullets.map((b,i) => (
{BULLET_ICON[b.sev]&&React.createElement(BULLET_ICON[b.sev])} {b.txt}
))}
)}
{/* KPI cards */}
Números clave
{['Cash','Accrual'].map(m=>)}
{kpis.map(k=>)}
); } /* ─── TRANSACCIONES SECTION ──────────────────────────────────────────────── */ const TXS_FULL = { A:[ {id:1,fecha:'22 may',tipo:'gasto', cat:'Insumos', desc:'Compra semanal insumos', monto:'−$840', origen:'Manual', origenColor:'var(--t3)'}, {id:2,fecha:'21 may',tipo:'ingreso',cat:'Ventas', desc:'Cierre caja mostrador', monto:'+$1,240', origen:'Manual', origenColor:'var(--t3)'}, {id:3,fecha:'20 may',tipo:'ingreso',cat:'Delivery', desc:'Liquidación iFood', monto:'+$380', origen:'Integr.', origenColor:'var(--s-green)'}, {id:4,fecha:'18 may',tipo:'gasto', cat:'Servicios', desc:'Gas y electricidad', monto:'−$210', origen:'WA', origenColor:'#25D366'}, {id:5,fecha:'17 may',tipo:'ingreso',cat:'Catering', desc:'Evento corporativo', monto:'+$1,800', origen:'Manual', origenColor:'var(--t3)'}, {id:6,fecha:'15 may',tipo:'gasto', cat:'Nómina', desc:'Pago quincenal equipo', monto:'−$3,400', origen:'Manual', origenColor:'var(--t3)'}, {id:7,fecha:'12 may',tipo:'ingreso',cat:'Ventas', desc:'Cierre caja mostrador', monto:'+$1,180', origen:'Manual', origenColor:'var(--t3)'}, {id:8,fecha:'10 may',tipo:'gasto', cat:'Renta', desc:'Alquiler local mayo', monto:'−$3,200', origen:'Manual', origenColor:'var(--t3)'}, ], B:[ {id:1,fecha:'22 may',tipo:'ingreso',cat:'Suscripciones',desc:'Nuevos clientes', monto:'+$897', origen:'Integr.', origenColor:'var(--s-green)'}, {id:2,fecha:'19 may',tipo:'gasto', cat:'Infraestructura',desc:'AWS mensual', monto:'−$340', origen:'Manual', origenColor:'var(--t3)'}, {id:3,fecha:'15 may',tipo:'gasto', cat:'Nómina', desc:'Equipo de ingeniería', monto:'−$4,200', origen:'Manual', origenColor:'var(--t3)'}, ], C:[], }; const ORIG_LABELS = ['Todos','Manual','Integración','WhatsApp','CSV','Open Banking']; function TransaccionesSection({ company }) { const txs = TXS_FULL[company.id] || []; const [filtroTipo, setFiltroTipo] = useState('todos'); const [filtroOrigen, setFiltroOrigen] = useState('Todos'); const [showAdd, setShowAdd] = useState(false); const filtered = txs.filter(tx => { if(filtroTipo !== 'todos' && tx.tipo !== filtroTipo) return false; if(filtroOrigen !== 'Todos' && !tx.origen.toLowerCase().includes(filtroOrigen.toLowerCase().slice(0,3))) return false; return true; }); return (

Transacciones

{filtered.length} registros · Mayo 2026

{/* Filters */}
{['todos','ingreso','gasto'].map(f=>( ))}
{txs.length === 0 ? (

Sin transacciones aún.

 ) : ( {filtered.map((tx,i)=>(
e.currentTarget.style.background='var(--glass-bg-atmo)'} onMouseLeave={e=>e.currentTarget.style.background='transparent'}>

{tx.desc}

{tx.fecha} · {tx.cat} {tx.origen}
{tx.monto}
))} )}
); } /* ─── PRODUCTOS Y SERVICIOS SECTION ──────────────────────────────────────── */ function ProductosSection({ company }) { const products = (PRODUCTS_DATA && PRODUCTS_DATA[company.id]) || []; const [expanded, setExpanded] = useState(null); const [showCalc, setShowCalc] = useState(false); const [editProduct, setEditProduct] = useState(null); if(showCalc) return (
{}}/>
); return (

Productos y Servicios

{products.length} definidos · opcional

{products.length === 0 ? (

Sin productos o servicios definidos.

Agrega uno para usar la Calculadora de Precios (VBP) y ver el margen por producto.

 ) : (
{products.map(p=>(
setExpanded(expanded===p.id?null:p.id)} style={{padding:'14px 18px',cursor:'pointer',display:'flex',justifyContent:'space-between',alignItems:'center',gap:'12px'}}>

{p.nombre}

{[['Precio','$'+p.precio,'var(--t1)'],['Costo','$'+p.costo,'var(--t2)'],['Margen',p.margen+'%',p.margen>40?'#16A34A':'#D97706']].map(r=>( {r[0]} {r[1]} ))}

${p.revenue.toLocaleString('es')}

revenue mayo

{expanded===p.id && (
)} ))}
)}
); } /* ─── EMPRESA SHELL (main component exported) ────────────────────────────── */ function EmpresaShell({ companyId, section, setSection, onBack, setView }) { const c = COMPANIES_DATA.find(function(x){return x.id===companyId;})||COMPANIES_DATA[0]; const estado = ESTADO_CFG[c.estado]||ESTADO_CFG.saludable; const header = (
›
{c.logo ? {c.nombre} :
{c.initials}
} {c.nombre} {estado.label}
{['Cash','Accrual'].map(m=>)}
); return (
{header}
{section==='resumen' && } {section==='estructura' && } {section==='financiero' && } {section==='transacciones' && } {section==='productos' && } {section==='hallazgos' && } {section==='plan' && {}}/>} {section==='boveda' && } {section==='team' && }
); } Object.assign(window, { EmpresaShell, TransaccionesSection, ProductosSection });