) : null}
);
}
function SmIndexChart({ series, t }) {
const points = series.filter((point) => Number.isFinite(point.whale));
if (points.length < 2) return {t('Недостаточно истории цен для индекса.', 'Not enough price history for the index.')};
const W = 640;
const H = 220;
const L = 36;
const R = 12;
const T = 12;
const B = 24;
const values = points.flatMap((point) => [point.whale, point.market]).filter(Number.isFinite);
const min = Math.min(...values, 100) * 0.98;
const max = Math.max(...values, 100) * 1.02;
const x = (index) => L + (index / (points.length - 1)) * (W - L - R);
const y = (value) => T + (1 - (value - min) / (max - min)) * (H - T - B);
const line = (key) => points
.map((point, index) => (Number.isFinite(point[key]) ? `${index === 0 || !Number.isFinite(points[index - 1][key]) ? 'M' : 'L'}${x(index).toFixed(1)},${y(point[key]).toFixed(1)}` : ''))
.join(' ');
const fmt = (ms) => new Date(ms).toLocaleDateString(undefined, { day: 'numeric', month: 'short' });
const area = `${line('whale')} L${x(points.length - 1)},${H - B} L${x(0)},${H - B} Z`;
return (
);
}
function SmartMoneyIndex({ t }) {
const index = useSmartMoneyIndex();
const data = index.data;
const last = data?.series?.length ? data.series[data.series.length - 1] : null;
const change = (value) => (Number.isFinite(value) ? value / 100 - 1 : null);
return (
{!data?.computedAt ? {t('Индекс считается в фоне — появится через несколько минут после запуска сервера.', 'The index is computed in the background — it shows up a few minutes after the server starts.')} : (
<>
);
return (
{!data?.computedAt ? {t('Бэктест считается в фоне — появится через несколько минут после запуска сервера.', 'The backtest is computed in the background — it shows up a few minutes after the server starts.')} : (
<>
) : {t('Сделок с реальной историей цен пока нет.', 'No trades with real price history yet.')}}
)}
);
}
function SmSparkline({ points }) {
if (points.length < 2) return null;
const W = 240;
const H = 48;
const values = points.map((point) => point.units);
const min = Math.min(...values);
const max = Math.max(...values);
const span = max - min || 1;
const d = points.map((point, index) => `${index ? 'L' : 'M'}${(index / (points.length - 1)) * W},${H - 4 - ((point.units - min) / span) * (H - 8)}`).join(' ');
return (
);
}
function SmartMoneyPaywall({ lang, compact = false }) {
const auth = useAuth();
const currency = useDisplayCurrency();
const [offer, setOffer] = smUseState(null);
const [pending, setPending] = smUseState('');
const [error, setError] = smUseState('');
const t = (ru, en) => (lang === 'ru' ? ru : en);
smUseEffect(() => {
let cancelled = false;
apiFetch('/api/smart-money/offer')
.then((data) => { if (!cancelled) setOffer(data); })
.catch(() => { if (!cancelled) setOffer({ plans: [], billingReady: false }); });
return () => { cancelled = true; };
}, []);
const buy = async (plan) => {
const key = `${plan.id}:${plan.cycle}`;
setPending(key);
setError('');
try {
const data = await apiFetch('/api/billing/checkout', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ planId: plan.id, cycle: plan.cycle, locale: lang, currency }),
});
if (data.redirectUrl) window.location.href = data.redirectUrl;
} catch (err) {
setError(err.message || t('Не удалось открыть оплату.', 'Could not open checkout.'));
setPending('');
}
};
return (
// SMART MONEY
{t('Аналитика китов по подписке', 'Whale analytics is a paid plan')}
{t(
'Сигналы, доля рынка, бэктест, риск бустеров и алерты в Telegram. Список аккаунтов и лента остаются открытыми. Год дешевле помесячной оплаты.',
'Signals, supply share, the backtest, booster risk, and Telegram alerts. The account list and the feed stay open. The year is cheaper than paying month by month.',
)}
{t(`Позиции портфеля у отслеживаемых аккаунтов: ${rows.length}`, `Portfolio positions held by tracked accounts: ${rows.length}`)}
{exits
? t(`⚠ По ${exits} из них киты начали выходить за последние 7 дней.`, `⚠ Whales started exiting ${exits} of them in the last 7 days.`)
: t('Высокая доля предложения у одной группы — цена может резко упасть, когда они начнут продавать.', 'A high supply share in one group means the price can drop fast once they start selling.')}