/* eslint-disable */ // Shared.jsx — pieces used across modules. // =============== Auth chrome — split layout for onboarding =============== const AuthShell = ({ children, step, totalSteps = 6, stepLabel }) => { const t = (typeof useT === 'function') ? useT() : ((en) => en); return (
{/* Left — brand panel */}
{(typeof LangToggle === 'function') ? : null} {t('Need help?', 'Нужна помощь?')} onboarding@kgst.kg
{children}
); }; // =============== Stepper — used in Mint/Burn status =============== const Stepper = ({ steps, current, failed }) => (
{steps.map((s, i) => { const done = i < current; const active = i === current && !failed; const failedStep = i === current && failed; const upcoming = i > current; const tone = done ? 'var(--gold-300)' : active ? 'var(--gold-400)' : failedStep ? 'var(--red-400)' : 'var(--bone-2)'; return (
{done ? : failedStep ? : (i + 1)} {active && !failed ? ( ) : null}
{s.label}
{s.sub ?
{s.sub}
: null}
{i < steps.length - 1 ? (
) : null} ); })}
); // =============== KGST mono amount =============== const Amount = ({ value, unit = 'KGST', size = 32, tone = 'foil' }) => ( {value} {unit} ); // =============== Field row used in confirmations / details =============== const Field = ({ label, value, mono, copyable, action, valueColor, sub }) => (
{label}
{value} {copyable ? ( ) : null} {action}
{sub ? {sub} : null}
); // =============== Modal scrim (used to show modal screens inside a host page) =============== const ModalScrim = ({ children, width = 480 }) => (
{children}
); const ModalHeader = ({ title, sub, onClose = true }) => (
{title}
{sub ?
{sub}
: null}
{onClose ? : null}
); // =============== QR placeholder — looks like a real QR without rendering one =============== const QRPlaceholder = ({ size = 180, data }) => { // deterministic pseudo-random fill based on data const seed = (data || 'kgst').split('').reduce((a,c) => a + c.charCodeAt(0), 0); const rnd = (i) => { let v = Math.sin((seed + i * 1.71) * 12.9898) * 43758.5453; return (v - Math.floor(v)); }; const N = 25; const cells = []; for (let r = 0; r < N; r++) for (let c = 0; c < N; c++) { // finder patterns at corners const isFinder = (r < 7 && c < 7) || (r < 7 && c >= N - 7) || (r >= N - 7 && c < 7); if (isFinder) continue; if (rnd(r * N + c) > 0.55) cells.push([r, c]); } const cell = size / N; return (
{/* finder patterns */} {[[0,0],[0,N-7],[N-7,0]].map(([r,c],i) => ( ))} {cells.map(([r,c], i) => )}
); }; // =============== Address / hash chip =============== const AddrChip = ({ addr, chain, short = true }) => { const display = short ? `${addr.slice(0, 6)}…${addr.slice(-6)}` : addr; return ( {chain ? : null} {display} ); }; const CHAIN_MAP = { eth: { name: 'Ethereum', short: 'ETH', color: '#627EEA' }, tron:{ name: 'Tron', short: 'TRX', color: '#EB0029' }, bnb: { name: 'BNB Chain',short: 'BNB', color: '#F3BA2F' }, }; const ChainBadge = ({ chain, small, withLabel }) => { const c = CHAIN_MAP[chain] || CHAIN_MAP.eth; return ( {c.short.slice(0,1)} {withLabel ? {c.name} : null} ); }; // =============== Selector row (chain / address pickers) =============== const Selector = ({ label, value, hint, leading, trailing, selected, helper, error, onClick }) => (
{leading ?
{leading}
: null}
{label ? {label} : null} {value} {hint ? {hint} : null}
{trailing}
); // =============== Verification code boxes (6-digit OTP) =============== const OTPInput = ({ digits = ['1','5','2','9'], length = 6 }) => (
{Array.from({ length }).map((_, i) => { const v = digits[i]; const cur = digits.length === i; return (
{v || ''} {cur ? : null}
); })}
); // =============== Mini sparkline / chart placeholder =============== const Sparkline = ({ data, height = 60, color = 'var(--gold-300)', fill = true }) => { const w = 300; const max = Math.max(...data), min = Math.min(...data); const range = (max - min) || 1; const pts = data.map((v, i) => { const x = (i / (data.length - 1)) * w; const y = height - 4 - ((v - min) / range) * (height - 10); return [x, y]; }); const d = pts.map((p, i) => `${i ? 'L' : 'M'}${p[0].toFixed(1)} ${p[1].toFixed(1)}`).join(' '); const fillD = d + ` L ${w} ${height} L 0 ${height} Z`; return ( {fill ? : null} ); }; Object.assign(window, { AuthShell, Stepper, Amount, Field, ModalScrim, ModalHeader, QRPlaceholder, AddrChip, ChainBadge, Selector, OTPInput, Sparkline, CHAIN_MAP, });