// Shared utilities, icons, primitives
// Returns "YYYY-MM" for the current month — used by sumExpensesThisMonth etc.
function thisMonthPrefix() {
const d = new Date();
return d.getFullYear() + "-" + String(d.getMonth() + 1).padStart(2, "0");
}
// Returns "YYYY-MM" for last month — used in MoM comparisons
function lastMonthPrefix() {
const d = new Date();
d.setDate(1);
d.setMonth(d.getMonth() - 1);
return d.getFullYear() + "-" + String(d.getMonth() + 1).padStart(2, "0");
}
const fmt = {
sgd: (n, opts = {}) => {
const { showSign = false, decimals = 2 } = opts;
const abs = Math.abs(n);
const str = abs.toLocaleString("en-SG", {
minimumFractionDigits: decimals,
maximumFractionDigits: decimals,
});
if (showSign) return (n >= 0 ? "+" : "−") + "S$" + str;
return (n < 0 ? "−" : "") + "S$" + str;
},
sgdShort: (n) => {
const abs = Math.abs(n);
if (abs >= 1000) return "S$" + (abs / 1000).toFixed(1) + "k";
return "S$" + abs.toFixed(0);
},
date: (iso) => {
const d = new Date(iso + "T00:00:00");
const today = new Date();
today.setHours(0, 0, 0, 0);
const yest = new Date(today);
yest.setDate(yest.getDate() - 1);
if (d.getTime() === today.getTime()) return "Today";
if (d.getTime() === yest.getTime()) return "Yesterday";
const sameYear = d.getFullYear() === today.getFullYear();
return d.toLocaleDateString("en-SG", sameYear
? { weekday: "short", day: "numeric", month: "short" }
: { weekday: "short", day: "numeric", month: "short", year: "numeric" });
},
dateShort: (iso) => {
const d = new Date(iso + "T00:00:00");
const today = new Date();
const sameYear = d.getFullYear() === today.getFullYear();
return d.toLocaleDateString("en-SG", sameYear
? { day: "numeric", month: "short" }
: { day: "numeric", month: "short", year: "numeric" });
},
monthLabel: (iso) => {
const d = new Date(iso + "T00:00:00");
return d.toLocaleDateString("en-SG", { month: "long", year: "numeric" });
},
miles: (n) => Math.round(n).toLocaleString("en-SG"),
};
// Icon component — using inline SVGs (lucide-style)
function Icon({ name, size = 16, stroke = 1.75, className = "", style = {} }) {
const props = {
width: size,
height: size,
viewBox: "0 0 24 24",
fill: "none",
stroke: "currentColor",
strokeWidth: stroke,
strokeLinecap: "round",
strokeLinejoin: "round",
className,
style,
};
const paths = {
"home": <>,
"list": <>,
"plane": <>,
"card": <>,
"wallet": <>,
"swap": <>,
"chart": <>,
"settings": <>,
"plus": <>,
"search": <>,
"arrow-right": <>,
"arrow-up": <>,
"arrow-down": <>,
"arrow-up-right": <>,
"arrow-down-left": <>,
"trending-up": <>,
"trending-down": <>,
"check": <>,
"x": <>,
"info": <>,
"alert": <>,
"sparkle": <>,
"filter": <>,
"calendar": <>,
"utensils": <>,
"home-2": <>,
"dumbbell": <>,
"cart": <>,
"shopping-bag": <>,
"car": <>,
"film": <>,
"circle": <>,
"more": <>,
"external": <>,
"moon": <>,
"sun": <>,
"bell": <>,
"menu": <>,
"chevron-right": <>,
"chevron-down": <>,
"edit": <>,
"tag": <>,
"repeat": <>,
"users": <>,
"target": <>,
"zap": <>,
"log-out": <>,
"lock": <>,
"mail": <>,
};
return ;
}
// Card brand logo placeholders
function CardBrand({ network, size = 24 }) {
const styles = {
Visa: { bg: "transparent", text: "#fff", font: "italic 700 0.75em Georgia, serif", label: "VISA" },
Mastercard: { bg: "transparent", custom: "mastercard" },
Amex: { bg: "transparent", text: "#fff", font: "700 0.55em system-ui", label: "AMERICAN\nEXPRESS" },
};
if (network === "Mastercard") {
return (
);
}
const s = styles[network] || styles.Visa;
return (
{s.label}
);
}
// Helper: get card by id
function getCard(id) { return window.FIN_DATA.CARDS.find(c => c.id === id); }
function getCategory(id) { return window.FIN_DATA.CATEGORIES.find(c => c.id === id); }
function getAccount(id) { return window.FIN_DATA.ACCOUNTS.find(a => a.id === id); }
// Compute miles earned on a card given current spend.
// Handles each card's real reward structure.
function computeMiles(card) {
if (!card || !card.bonus) return { miles: 0, bonusMiles: 0, baseMiles: 0, segments: [] };
const b = card.bonus;
const spent = card.spent || 0;
// KrisFlyer: SQ-related = 3mpd flat; accelerated 2.4mpd unlocks after $1k SQ spend; else base 1.2
if (b.kind === "krisflyer") {
const sqSpent = card.sqSpent || 0;
const otherSpent = Math.max(0, spent - sqSpent);
const sqUnlocked = sqSpent >= (b.sqGateSgd || 1000);
const sqMiles = sqSpent * b.rate;
const acceleratedRate = sqUnlocked ? b.acceleratedRate : b.baseRate;
const otherMiles = otherSpent * acceleratedRate;
return {
miles: sqMiles + otherMiles,
bonusMiles: sqMiles + (sqUnlocked ? otherSpent * (b.acceleratedRate - b.baseRate) : 0),
baseMiles: otherSpent * b.baseRate,
segments: [
{ label: "SQ-related @ 3mpd", spent: sqSpent, miles: sqMiles },
{ label: sqUnlocked ? "Other @ 2.4mpd" : `Other @ 1.2mpd (need S$${(b.sqGateSgd - sqSpent).toFixed(0)} more SQ to unlock 2.4)`, spent: otherSpent, miles: otherMiles },
],
};
}
// PRVI: tiered by region; no cap
if (b.kind === "prvi") {
const local = card.localSpent || 0;
const sea = card.seaSpent || 0;
const other = card.otherOverseasSpent || 0;
const hotel = card.hotelSpent || 0;
const localM = local * b.baseRate;
const seaM = sea * b.seaRate;
const otherM = other * b.otherOverseasRate;
const hotelM = hotel * b.hotelBookingRate;
return {
miles: localM + seaM + otherM + hotelM,
bonusMiles: seaM + otherM + hotelM,
baseMiles: localM,
segments: [
{ label: "Local @ 1.4mpd", spent: local, miles: localM },
{ label: "SEA (MY/ID/TH/VN) @ 3mpd", spent: sea, miles: seaM },
{ label: "Other overseas @ 2.4mpd", spent: other, miles: otherM },
{ label: "Agoda/Expedia up to 8mpd", spent: hotel, miles: hotelM },
],
};
}
// PPV: split caps — $600 contactless + $600 online @ 4mpd, rest @ base
if (b.kind === "ppv") {
const cl = card.contactlessSpent || 0;
const on = card.onlineSpent || 0;
const clBonus = Math.min(cl, b.contactlessCapSgd);
const clOver = Math.max(0, cl - b.contactlessCapSgd);
const onBonus = Math.min(on, b.onlineCapSgd);
const onOver = Math.max(0, on - b.onlineCapSgd);
const bonusMiles = (clBonus + onBonus) * b.rate;
const baseMiles = (clOver + onOver) * b.baseRate;
return {
miles: bonusMiles + baseMiles,
bonusMiles,
baseMiles,
segments: [
{ label: `Contactless @ 4mpd (cap S$${b.contactlessCapSgd})`, spent: cl, cap: b.contactlessCapSgd, miles: clBonus * b.rate + clOver * b.baseRate },
{ label: `Online @ 4mpd (cap S$${b.onlineCapSgd})`, spent: on, cap: b.onlineCapSgd, miles: onBonus * b.rate + onOver * b.baseRate },
],
};
}
// Maribank: 1.5% cashback on overseas only, S$1500 cap
if (b.kind === "cashback-overseas") {
const overseas = card.overseasSpent || 0;
const inBonus = Math.min(overseas, b.capSgd);
return {
miles: 0, bonusMiles: 0, baseMiles: 0,
cashback: inBonus * (b.rate / 100),
segments: [{ label: `Overseas @ ${b.rate}%`, spent: overseas, cap: b.capSgd }],
};
}
// Default: simple capped bonus + base on overflow (Lady's, Citi Rewards, Trust)
if (!b.capSgd) {
return { miles: spent * b.rate, bonusMiles: 0, baseMiles: spent * b.rate, segments: [] };
}
const inBonus = Math.min(spent, b.capSgd);
const overflow = Math.max(0, spent - b.capSgd);
const bonusMiles = inBonus * b.rate;
const baseMiles = overflow * b.baseRate;
return { miles: bonusMiles + baseMiles, bonusMiles, baseMiles, segments: [] };
}
// Sum helpers — now use dynamic current month (was hardcoded "2026-04" before)
function sumExpensesThisMonth() {
const prefix = thisMonthPrefix();
return (window.FIN_DATA.TRANSACTIONS || [])
.filter(t => t.type === "expense" && t.date.startsWith(prefix))
.reduce((s, t) => s + Number(t.amount), 0);
}
function sumIncomeThisMonth() {
const prefix = thisMonthPrefix();
return (window.FIN_DATA.TRANSACTIONS || [])
.filter(t => t.type === "income" && t.date.startsWith(prefix))
.reduce((s, t) => s + Number(t.amount), 0);
}
function sumByCategory() {
const prefix = thisMonthPrefix();
const out = {};
(window.FIN_DATA.TRANSACTIONS || [])
.filter(t => t.type === "expense" && t.date.startsWith(prefix))
.forEach(t => { out[t.category] = (out[t.category] || 0) + Number(t.amount); });
return out;
}
function sumByCard() {
const prefix = thisMonthPrefix();
const out = {};
(window.FIN_DATA.TRANSACTIONS || [])
.filter(t => t.type === "expense" && t.date.startsWith(prefix) && t.cardId)
.forEach(t => { out[t.cardId] = (out[t.cardId] || 0) + Number(t.amount); });
return out;
}
Object.assign(window, {
fmt, Icon, CardBrand, getCard, getCategory, getAccount, computeMiles,
sumExpensesThisMonth, sumIncomeThisMonth, sumByCategory, sumByCard,
thisMonthPrefix, lastMonthPrefix,
});