/* ============================================================ ui.jsx — shared primitives. Exports to window for screens.jsx ============================================================ */ const { useState, useEffect, useRef } = React; /* ---------- icons (Lucide-style 1.5 stroke, per DS substitution note) ---------- */ const I = { refresh: (p) => , back: (p) => , chevR: (p) => , search: (p) => , x: (p) => , sliders: (p) => , alert: (p) => , lock: (p) => , // tabs grid: (p) => , list: (p) => , repeat: (p) => , menu: (p) => , user: (p) => , bell: (p) => , info: (p) => , out: (p) => , wifiOff: (p) => , }; const STAR_D = "M 164 30 C 164 18, 176 18, 176 30 C 172 100, 236 88, 284 100 C 236 112, 172 100, 176 170 C 176 182, 164 182, 164 170 C 168 100, 104 112, 56 100 C 104 88, 168 100, 164 30 Z"; const Star = ({ className, style }) => ( ); /* ---------- status bar ---------- */ const StatusBar = () => (
9:41
); /* ---------- app bar (R7 refresh top-right) ---------- */ function AppBar({ title, brand, onBack, onRefresh }) { const [spin, setSpin] = useState(false); function refresh() { setSpin(true); if (onRefresh) onRefresh(); setTimeout(() => setSpin(false), 850); } return (
{onBack && }

{title}

); } /* ---------- footer freshness (R9) ---------- */ const Freshness = ({ stamp, stale, offline }) => { let text; if (offline) text = 'Нет сети · обновление недоступно'; else if (stale) text = 'Данные могут быть устаревшими · ' + stamp; else text = 'Обновлено: ' + stamp; return (
{text}
); }; /* ---------- bottom nav (DQ-1) ---------- */ function TabBar({ tab, onTab, notif }) { const tabs = [ { id: 'dashboard', label: 'Дашборд', icon: I.grid }, { id: 'events', label: 'Мероприятия', icon: I.list }, { id: 'subs', label: 'Подписки', icon: I.repeat }, { id: 'menu', label: 'Меню', icon: I.menu }, ]; return ( ); } /* ---------- two-currency stack (DQ-4) ---------- */ function MoneyStack({ sums, small, showTags }) { const cls = small ? 'cur__amt cur__amt--sm' : 'cur__amt'; return (
{fmt(sums.rub)}₽ {showTags ? руб : null}
{sums.eur != null && (
{fmt(sums.eur)}€ {showTags ? евро : null}
)}
); } /* ---------- delta (R17 · DQ-2 percent big + abs small · DQ-3 prev=0 → 0%) ---------- */ function Delta({ d }) { // d: {dir:'pos'|'neg', pct, abs, base} OR {na:true, base} OR {fromZero:true, abs, base} OR {bothZero:true, base} if (d.bothZero) { // R17 edge: оба периода считаются, оба = 0 — отличается от «нет базы» return (
{d.base}
—
без активности · н/д
); } if (d.na) { return (
{d.base}
—
нет базы · н/д
); } if (d.fromZero) { // DQ-3 v2: prev = 0, current > 0 → 0 (без специального бейджа) return (
{d.base}
0
+{fmt(d.abs)} подп.
); } const sign = d.dir === 'pos' ? '+' : '−'; return (
{d.base}
{sign}{Math.abs(d.pct)}% {sign}{fmt(Math.abs(d.abs))} подп.
); } /* ---------- conclusion plate ---------- */ const Conclusion = ({ lead, children, neutral }) => (
{lead} {children}
); /* ---------- empty / loading / banner ---------- */ const EmptyState = ({ title, text }) => (

{title}

{text}

); const SkelCard = () => (
); const Banner = ({ children, onRetry }) => (
{I.alert()}
{children}{onRetry ? Обновить ещё раз : null}
); /* ---------- offline state (NFR-6: отсутствие сети — не выдаём устаревшее за актуальное) ---------- */ function OfflineState({ onRetry }) { return (
{I.wifiOff()}

Нет сети

Нет соединения с интернетом. Чтобы не вводить в заблуждение, цифры не показываем — они могли устареть.

); } /* ---------- made in Integramma (показывается только в Меню) ---------- */ const MadeIn = () => (
made in{' '}Integramma
); Object.assign(window, { I, Star, STAR_D, StatusBar, AppBar, Freshness, TabBar, MoneyStack, Delta, Conclusion, EmptyState, SkelCard, Banner, OfflineState, MadeIn, });