// Shared data, icons and helpers for the Finanzas prototype. // All exports go on window so sibling Babel scripts can read them. const FinanzasIcon = ({ name, size = 20, stroke = 1.75, style }) => { const p = { home: <>, list: <>, budget: <>, wallet: <>, chart: <>, settings: <>, plus: <>, minus: , x: <>, chevR: , chevL: , chevDown: , arrowUp: <>, arrowDown: <>, search: <>, filter: <>, bell: <>, calendar: <>, tag: <>, eye: <>, eyeOff: <>, // Categories food: <>, car: <>, home2: <>, shop: <>, sub: <>, health: <>, fun: <>, travel: <>, money: <>, coffee: <>, receipt: <>, bank: <>, card: <>, piggy: <>, }; return ( ); }; // ───────────────────────────────────────────────────────────── // Currency formatter (MXN) // ───────────────────────────────────────────────────────────── const fmtMXN = (n, { sign = false, hide = false } = {}) => { if (hide) return "$ • • • • •"; const abs = Math.abs(n); const s = abs.toLocaleString("es-MX", { minimumFractionDigits: 2, maximumFractionDigits: 2 }); const prefix = sign ? (n < 0 ? "−" : "+") : (n < 0 ? "−" : ""); return `${prefix}$${s}`; }; const fmtCompact = (n) => { const abs = Math.abs(n); if (abs >= 1000) return `$${(abs / 1000).toFixed(1).replace(/\.0$/, "")}k`; return `$${abs.toFixed(0)}`; }; // ───────────────────────────────────────────────────────────── // Demo data — seeded for the May 2026 month // ───────────────────────────────────────────────────────────── const FINANZAS_CATEGORIES = [ { id: "comida", label: "Comida", icon: "food", color: "#c0392b" }, { id: "transporte", label: "Transporte", icon: "car", color: "#1a2a5e" }, { id: "casa", label: "Casa", icon: "home2", color: "#2f4a92" }, { id: "compras", label: "Compras", icon: "shop", color: "#c98415" }, { id: "suscrip", label: "Suscripciones", icon: "sub", color: "#4a66b0" }, { id: "salud", label: "Salud", icon: "health", color: "#2a8a5f" }, { id: "ocio", label: "Ocio", icon: "fun", color: "#6a8fd6" }, { id: "viaje", label: "Viajes", icon: "travel", color: "#243a78" }, { id: "cafe", label: "Café", icon: "coffee", color: "#8b5a2b" }, { id: "ingreso", label: "Ingreso", icon: "money", color: "#2a8a5f" }, { id: "transfer", label: "Transferencia", icon: "wallet", color: "#5a6486" }, ]; // Real data lives in Supabase (loaded into storage cache). These empty arrays // are kept only as last-resort fallbacks if storage isn't initialized. const FINANZAS_ACCOUNTS = []; const FINANZAS_TX = []; const FINANZAS_BUDGETS = []; // helpers const catBy = (id) => FINANZAS_CATEGORIES.find(c => c.id === id); const accBy = (id) => { const live = window.finanzasStorage ? window.finanzasStorage.loadAccounts() : FINANZAS_ACCOUNTS; return live.find(a => a.id === id) || { id, name: "Cuenta", type: "", balance: 0, color: "#5a6486", last4: null }; }; const totalBalance = (accs) => accs.reduce((s, a) => s + a.balance, 0); const monthSpending = (txs) => txs.filter(t => t.amount < 0 && t.cat !== "transfer").reduce((s, t) => s + Math.abs(t.amount), 0); const monthIncome = (txs) => txs.filter(t => t.amount > 0 && t.cat !== "transfer").reduce((s, t) => s + t.amount, 0); // Group total spend by category const spendByCategory = (txs) => { const map = {}; for (const t of txs) { if (t.amount >= 0) continue; if (t.cat === "transfer") continue; map[t.cat] = (map[t.cat] || 0) + Math.abs(t.amount); } return Object.entries(map) .map(([id, total]) => ({ ...catBy(id), total })) .sort((a, b) => b.total - a.total); }; // Smart category suggestion based on description keywords const suggestCategory = (desc) => { const s = (desc || "").toLowerCase(); const rules = [ [/starbucks|cafe|café|coffee|cardinal/, "cafe"], [/uber|didi|taxi|metro|cabify|gasolina/, "transporte"], [/pujol|tacos|restaurant|walmart|chedraui|super|comida|cena/, "comida"], [/spotify|netflix|icloud|apple|disney|hbo|prime/, "suscrip"], [/cfe|agua|gas|telmex|izzi|totalplay|renta/, "casa"], [/farmacia|hospital|doctor|salud/, "salud"], [/cinepolis|cinema|spotify|concierto/, "ocio"], [/liverpool|amazon|mercadolibre|zara|nike/, "compras"], [/aeromexico|volaris|hotel|airbnb/, "viaje"], [/nomina|nómina|salary|freelance|cliente/, "ingreso"], ]; for (const [re, cat] of rules) if (re.test(s)) return cat; return null; }; // Relative time formatter const relTime = (iso) => { const d = new Date(iso); const now = new Date(); const diff = (now - d) / 1000 / 60; if (diff < 1) return "Hace un momento"; if (diff < 60) return `Hace ${Math.round(diff)} min`; if (diff < 60 * 24) return `Hace ${Math.round(diff / 60)} h`; const days = Math.round(diff / 60 / 24); if (days === 1) return "Ayer"; if (days < 7) return `Hace ${days} días`; return d.toLocaleDateString("es-MX", { day: "numeric", month: "short" }); }; const dayLabel = (iso) => { const d = new Date(iso); const now = new Date(); const d0 = new Date(d.getFullYear(), d.getMonth(), d.getDate()); const n0 = new Date(now.getFullYear(), now.getMonth(), now.getDate()); const days = Math.floor((n0 - d0) / (1000 * 60 * 60 * 24)); if (days === 0) return "Hoy"; if (days === 1) return "Ayer"; return d.toLocaleDateString("es-MX", { weekday: "long", day: "numeric", month: "long" }); }; // Current month start (1st of this month, 00:00) const monthStart = () => { const n = new Date(); return new Date(n.getFullYear(), n.getMonth(), 1); }; // ───────────────────────────────────────────────────────────── // CSV export // ───────────────────────────────────────────────────────────── const csvEscape = (v) => { const s = v == null ? "" : String(v); return /[",\n;]/.test(s) ? `"${s.replace(/"/g, '""')}"` : s; }; const exportTxCsv = (txs) => { const headers = ["id", "fecha", "monto", "tipo", "categoria", "cuenta", "descripcion", "etiquetas"]; const lines = [headers.join(",")]; for (const t of txs) { const cat = catBy(t.cat)?.label || t.cat; const acc = accBy(t.acc)?.name || t.acc; const tipo = t.cat === "transfer" ? "transferencia" : t.amount > 0 ? "ingreso" : "gasto"; lines.push([ t.id, t.date, t.amount.toFixed(2), tipo, cat, acc, t.desc, (t.tags || []).join("|"), ].map(csvEscape).join(",")); } return lines.join("\n"); }; const downloadFile = (filename, contents, mime = "text/csv;charset=utf-8") => { const blob = new Blob(["" + contents], { type: mime }); const url = URL.createObjectURL(blob); const a = document.createElement("a"); a.href = url; a.download = filename; document.body.appendChild(a); a.click(); setTimeout(() => { document.body.removeChild(a); URL.revokeObjectURL(url); }, 100); }; Object.assign(window, { FinanzasIcon, fmtMXN, fmtCompact, FINANZAS_CATEGORIES, FINANZAS_ACCOUNTS, FINANZAS_TX, FINANZAS_BUDGETS, catBy, accBy, totalBalance, monthSpending, monthIncome, spendByCategory, suggestCategory, relTime, dayLabel, monthStart, exportTxCsv, downloadFile, });