go('home')} />

setQ(e.target.value)} placeholder="Nome, @username o IBAN" style={{ flex:1, border:'none', outline:'none', background:'none', fontFamily:T.font, fontSize:15.5, color:T.strong }} />

RECENTI

{list.map((r, i) => ( ))} {list.length === 0 &&

Nessun contatto trovato

}

); } /* ── Send 2 · amount keypad ────────────────────────────────── */ function SendAmount({ go, flow, setFlow, balance }) { const [amt, setAmt] = React.useState(''); const press = (k) => { setAmt(cur => { if (k === 'del') return cur.slice(0, -1); if (k === ',') return cur.includes(',') ? cur : (cur || '0') + ','; if (cur.includes(',') && cur.split(',')[1].length >= 2) return cur; if (cur === '0' && k !== ',') return k; return cur + k; }); }; const num = parseFloat((amt || '0').replace(',', '.')) || 0; const ok = num > 0 && num <= balance; const keys = ['1','2','3','4','5','6','7','8','9',',','0','del']; return (

go('send-recipient')} title={flow.to?.name} sub={flow.to?.meta} right={} />

Importo da inviare

€ {amt || '0'}

{num > balance ? 'Saldo insufficiente' : `Disponibile · ${money(balance)}`}

{[20,50,100].map(v => ( ))}

{keys.map(k => ( ))}

); } /* ── Send 3 · review ───────────────────────────────────────── */ function SendReview({ go, flow, confirmSend }) { const fee = 0; const Row = ({ k, v, strong }) => (

{k} {v}

); return (

go('send-amount')} />

Stai inviando a

{flow.to?.name}

{money(flow.amount)}

Trasferimento protetto. Riceverai conferma in tempo reale.

{ confirmSend(flow); go('send-loading'); }} />

); } // slide-to-confirm control function SlideToSend({ onDone }) { const trackRef = React.useRef(null); const [x, setX] = React.useState(0); const [drag, setDrag] = React.useState(false); const KNOB = 52; const start = () => setDrag(true); const move = (clientX) => { if (!drag || !trackRef.current) return; const r = trackRef.current.getBoundingClientRect(); const max = r.width - KNOB - 8; setX(Math.max(0, Math.min(max, clientX - r.left - KNOB/2))); }; const end = () => { if (!trackRef.current) return; const r = trackRef.current.getBoundingClientRect(); const max = r.width - KNOB - 8; if (x > max * 0.82) { setX(max); onDone(); } else setX(0); setDrag(false); }; return (

move(e.clientX)} onPointerUp={end} onPointerLeave={end} style={{ position:'relative', height:60, borderRadius:18, background:T.forest, overflow:'hidden', userSelect:'none', touchAction:'none' }}>

Scorri per inviare →

); } /* ── Send 4 · processing ───────────────────────────────────── */ function SendLoading({ go }) { React.useEffect(() => { const id = setTimeout(() => go('send-success'), 1500); return () => clearTimeout(id); }, []); return (

Invio in corso…

); } /* ── Send 5 · success ──────────────────────────────────────── */ function SendSuccess({ go, flow }) { return (

Inviati {money(flow.amount)}

a {flow.to?.name} · istantaneo

{flow.to?.name}

Oggi · adesso · Gratis

{money(flow.amount, '-')}

); } /* ── Receive ───────────────────────────────────────────────── */ function Receive({ go }) { const [copied, setCopied] = React.useState(false); const copy = () => { setCopied(true); setTimeout(() => setCopied(false), 1600); }; return (

go('home')} />

{/* QR placeholder */}

{Array.from({ length:81 }).map((_, i) => { const corner = (r,c) => (r<3&&c<3)||(r<3&&c>5)||(r>5&&c<3); const r = Math.floor(i/9), c = i%9; const on = corner(r,c) ? !((r===1&&c>=0&&c<=2)||(c===1&&r>=0&&r<=2)) : Math.random() > 0.5; return

; })}

Mario Rossi

@mariorossi · Crest

{[['IBAN','SM76 K085 4009 8120 0003 0017'],['Intestatario','Mario Rossi'],['BIC/SWIFT','CRSTSMSMXXX']].map(([k,v], i) => (

{k.toUpperCase()}

{v}

{i === 0 && }

))}

); } Object.assign(window, { SendRecipient, SendAmount, SendReview, SendLoading, SendSuccess, Receive });