Новая трата
{['RUB','USD','EUR'].map(cc => (
))}
{/* smart input */}
setSmart(e.target.value)}
onKeyDown={e => { if (e.key === 'Enter') applySmart(smart); }}
placeholder={listening ? 'Слушаю…' : (aiOn ? 'Опишите трату — AI разберёт' : 'Купил кофе за 380')}
style={{
flex: 1, border: 'none', outline: 'none', background: 'transparent',
fontFamily: 'inherit', fontSize: 14, fontWeight: 500, color: t.ink, minWidth: 0,
}} />
{aiOn && (
AI
)}
{smart && !listening && (
)}
{smartHint && (
{smartHint.error || (
<>
{smartHint.ai && AI: }
{smartHint.amount != null && <>сумма {fmtR(smartHint.amount)} ₽}
{smartHint.amount != null && smartHint.catTitle && ' · '}
{smartHint.catTitle && <>категория {smartHint.catTitle}}
{smartHint.amount == null && !smartHint.catTitle && 'не распознал, попробуйте ещё раз'}
)}
)}
{suggestNew && (
{suggestNew.emoji || '✨'}
AI предлагает новую категорию: {suggestNew.title}
)}
{/* amount display */}
Сумма {currency !== 'RUB' && '(' + currency + ')'}
{displayAmount} {currency === 'RUB' ? '₽' : currency === 'USD' ? '$' : '€'}
{currency !== 'RUB' && <>≈ {fmtR(rubAmt)} ₽ · }
≈ ${usd}
{overBudget && <> · {overPct}% от плана «{cat.title}»}
{/* quick amounts */}
{[100, 500, 1000, 5000].map(n => (
setQuick(n)} style={{ padding: '6px 12px', fontSize: 12 }}>
+{fmtCompact(n)}
))}
{activeCats.map(c => {
const active = c.id === catId;
return (
);
})}
{/* account + note */}
{/* numpad */}
{['1','2','3','4','5','6','7','8','9','.','0','⌫'].map(k => (
))}
Сохранить · {cat ? cat.title : ''}
setShowAccts(false)} dark={dark} title="С какого счёта">
{DATA.accounts.map((a, i) => (
))}
);
}
// ═══ ADD INCOME ════════════════════════
function AddIncomeScreen({ dark, onClose, onAddTx }) {
const t = T(dark);
const [amount, setAmount] = React.useState('0');
const sources = [
{ id: 'salary', title: 'Зарплата', icon: 'briefcase', color: '#0F8A5A' },
{ id: 'freelance',title: 'Фриланс', icon: 'edit', color: '#C77B4A' },
{ id: 'invest', title: 'Инвестиции', icon: 'invest', color: '#5B8BAA' },
{ id: 'gift', title: 'Подарок', icon: 'gift', color: '#B86F8E' },
{ id: 'sale', title: 'Продажа', icon: 'cart', color: '#7A6BB8' },
{ id: 'cashback', title: 'Кэшбэк', icon: 'card', color: '#D4A23A' },
];
const [source, setSource] = React.useState('salary');
const [accountId, setAccountId] = React.useState(((DATA.accounts.find(a => a.main) || DATA.accounts[0]) || {}).id);
const [autoDistribute, setAutoDistribute] = React.useState(true);
const [showAccts, setShowAccts] = React.useState(false);
const incSrc = DATA.incomeSources.find(s => s.id === source);
const distributionRules = autoDistribute && incSrc && incSrc.distributionRules;
const tap = (k) => {
if (k === '⌫') { setAmount(a => a.length <= 1 ? '0' : a.slice(0, -1)); return; }
if (k === '.') { if (!amount.includes('.')) setAmount(a => a + '.'); return; }
setAmount(a => a === '0' ? k : a + k);
};
const displayAmount = amount.replace(/\B(?=(\d{3})+(?!\.))/g, ' ');
const acct = DATA.accounts.find(a => a.id === accountId) || DATA.accounts[0];
const save = async () => {
const total = parseFloat(amount || 0);
if (total <= 0 || !onAddTx) { onClose && onClose(); return; }
const sourceTitle = (sources.find(s => s.id === source) || {}).title || 'Доход';
if (distributionRules && distributionRules.length) {
for (const rule of distributionRules) {
const part = Math.round(total * (rule.percent || 0) / 100);
if (part <= 0) continue;
await onAddTx({
type: 'income', amount: part, currency: 'RUB',
categoryId: source, accountId: rule.accountId,
date: new Date().toISOString(),
note: `${sourceTitle} (${rule.percent}%)`,
source: 'manual',
});
}
} else {
await onAddTx({
type: 'income', amount: total, currency: 'RUB',
categoryId: source, accountId,
date: new Date().toISOString(),
note: sourceTitle,
source: 'manual',
});
}
onClose && onClose();
};
return (
{sources.map(s => {
const active = s.id === source;
return (
);
})}
{incSrc && incSrc.distributionRules && incSrc.distributionRules.length > 0 && (
)}
{['1','2','3','4','5','6','7','8','9','.','0','⌫'].map(k => (
))}
Добавить доход
setShowAccts(false)} dark={dark} title="На какой счёт">
{DATA.accounts.map((a, i) => (
))}
);
}
// ═══ SUBSCRIPTIONS ═══════════════════════════════
function SubscriptionsScreen({ dark, onBack }) {
const t = T(dark);
const [editing, setEditing] = React.useState(null);
const [, force] = React.useReducer(x => x + 1, 0);
const subs = DATA.subs.slice();
const total = subs.reduce((s,x) => s + x.amount, 0);
const yearTotal = total * 12;
const sorted = subs.slice().sort((a,b) => a.day - b.day);
const today = new Date().getDate();
const next = sorted.find(s => s.day >= today) || sorted[0];
const onSave = (s) => {
if (s.__delete) DATA.subs = DATA.subs.filter(x => x.id !== s.id);
else if (s.id === '__new') DATA.subs.push({ ...s, id: 'sub-' + Date.now() });
else { const i = DATA.subs.findIndex(x => x.id === s.id); if (i >= 0) DATA.subs[i] = s; }
persistSubs();
setEditing(null); force();
};
return (
{label}
onChange(isNum ? (parseFloat(e.target.value) || 0) : e.target.value)}
inputMode={isNum ? 'decimal' : 'text'}
style={{ flex: 1, border: 'none', outline: 'none', background: 'transparent', fontFamily: 'inherit',
fontSize: 15, fontWeight: 600, color: t.ink, fontVariantNumeric: 'tabular-nums', width: '100%' }} />
{suffix &&
{suffix}
}
);
return (
{(form.logo || form.title || 'M').slice(0, 2).toUpperCase()}
{form.title || 'Название'}
{form.cat} · {form.day} числа
{fmtR(form.amount)} ₽
set('title', v)} placeholder="Spotify" />
set('logo', v.slice(0, 2))} placeholder="S" />
set('amount', v)} suffix="₽" isNum />
set('day', Math.min(31, Math.max(1, v)))} suffix="числа" isNum />
Категория
{CATS.map(c => (
set('cat', c)}>{c}
))}
Цвет
{PALETTE.map(p => (
))}
Списывать с
{DATA.accounts.map(a => (
))}
{!isNew && (
)}
onSave(form)} icon="check" style={{ flex: 1 }}>
{isNew ? 'Создать' : 'Сохранить'}
);
}
// ═══ CREDITS ═════════════════════════════════════
function CreditsScreen({ dark, onBack, settings }) {
const t = T(dark);
const [editing, setEditing] = React.useState(null);
const [pdfBusy, setPdfBusy] = React.useState(false);
const [pdfError, setPdfError] = React.useState(null);
const [, force] = React.useReducer(x => x + 1, 0);
const fileRef = React.useRef(null);
const credits = DATA.credits.slice();
const totalDebt = credits.reduce((s,c) => s + (c.total - c.paid), 0);
const _now = new Date();
const thisYear = _now.getFullYear(), thisMonth = _now.getMonth() + 1;
const monthlyTotal = credits.reduce((s,c) => s + creditPaymentForMonth(c, thisYear, thisMonth), 0);
const onSave = (c) => {
if (c.id === '__new') DATA.credits.push({ ...c, id: 'cr-' + Date.now() });
else if (c.__delete) DATA.credits = DATA.credits.filter(x => x.id !== c.id);
else { const i = DATA.credits.findIndex(x => x.id === c.id); if (i >= 0) DATA.credits[i] = c; }
persistCredits();
setEditing(null); force();
};
const onUploadPdf = async (e) => {
const file = e.target.files && e.target.files[0];
e.target.value = '';
if (!file) return;
if (!aiAvailable(settings)) {
setPdfError('Включите AI в настройках, чтобы разбирать PDF договоры.');
return;
}
setPdfBusy(true);
setPdfError(null);
try {
const parsed = await parseCreditPdfAI(file, settings);
const draft = {
id: '__new',
bank: parsed.bank || 'Банк',
title: parsed.title || 'Кредит',
total: parsed.total || 0,
paid: 0,
rate: parsed.rate || 10,
monthly: parsed.monthly || 0,
years: parsed.years || 5,
nextDate: parsed.nextDate || '01 нояб',
accountId: ((DATA.accounts.find(a => a.main) || DATA.accounts[0]) || {}).id,
paymentSchedule: parsed.schedule || [],
};
setEditing(draft);
} catch (err) {
setPdfError('Не удалось разобрать PDF: ' + (err.message || err));
} finally {
setPdfBusy(false);
}
};
return (
{label}
onChange(isNum ? (parseFloat(e.target.value) || 0) : e.target.value)}
inputMode={isNum ? 'decimal' : 'text'}
style={{ flex: 1, border: 'none', outline: 'none', background: 'transparent', fontFamily: 'inherit',
fontSize: 15, fontWeight: 600, color: t.ink, fontVariantNumeric: 'tabular-nums', width: '100%' }} />
{suffix &&
{suffix}
}
);
return (
set('bank', v)} placeholder="Тинькофф" />
set('title', v)} placeholder="Ипотека" />
set('total', v)} suffix="₽" isNum />
set('paid', v)} suffix="₽" isNum />
set('rate', v)} suffix="%" isNum />
set('years', v)} suffix="лет" isNum />
set('monthly', v)} suffix="₽" isNum />
set('nextDate', v)} placeholder="05 нояб" />
Списывать со счёта
{DATA.accounts.map(a => (
))}
График платежей · {form.paymentSchedule.length} строк
{form.paymentSchedule.slice(0, 60).map((p, i) => (
{p.date}
{fmtR(p.amount)} ₽
))}
)}
{!isNew && (
)}
onSave(form)} icon="check" style={{ flex: 1 }}>
{isNew ? 'Создать' : 'Сохранить'}
);
}
Object.assign(window, { AddExpenseScreen, AddIncomeScreen, SubscriptionsScreen, CreditsScreen, parseSmartExpense });