import { useState, useMemo } from 'react'; export const CONVERSION = { ARS: { USDC: ['POL', 'ETH', 'SOL'] }, BOB: { USDC: ['POL'] }, BRL: { USDC: ['POL', 'ETH', 'BASE'], USDT: ['ETH', 'POL'] }, CLP: { USDC: ['POL'] }, COP: { USDC: ['POL', 'ETH'], USDT: ['POL', 'ETH'] }, EUR: { USDC: ['POL'] }, GBP: { USDC: ['POL', 'ETH', 'BASE', 'SOL'], USDT: ['ETH', 'POL', 'SOL'], EURC: ['ETH', 'SOL', 'BASE'], }, MXN: { USDC: ['POL', 'ETH', 'BASE', 'SOL'], USDT: ['ETH', 'POL'], EURC: ['ETH', 'SOL', 'BASE'], }, PEN: { USDC: ['POL'] }, PYG: { USDC: ['POL'] }, USD: { EURC: ['ETH', 'SOL', 'BASE'] }, UYU: { USDC: ['POL'] }, }; export const MINT_BURN = { BRL: { BRLA: ['POL', 'ETH', 'BASE'] }, EUR: { EURC: ['ETH', 'SOL', 'BASE'] }, MXN: { MXNB: ['POL', 'ETH', 'BASE'] }, GBP: { TGBP: ['POL', 'ETH', 'BASE'] }, USD: { USDC: ['POL', 'ETH', 'BASE', 'SOL'], USDT: ['ETH', 'POL', 'SOL'], }, }; export const TOKEN_NETWORKS = { BRLA: ['POL', 'ETH'], EURC: ['ETH', 'BASE', 'TEMPO'], USDC: ['BASE', 'ETH', 'POL', 'TEMPO'], USDT: ['ETH'], }; export const TOKEN_CONVERSION_PAIRS = [ ['EURC', 'USDC'], ['EURC', 'USDT'], ['USDC', 'USDT'], ['BRLA', 'EURC'], ['BRLA', 'USDC'], ['BRLA', 'USDT'], ]; export const buildPairs = () => { // Network suffixes: POL=Polygon, ETH=Ethereum, BASE=Base, SOL=Solana, // TEMPO=Tempo. // Types per direction: // fiat -> pegged stablecoin = Mint; pegged stablecoin -> fiat = Burn // fiat <-> other stablecoin = Conversion (both directions) // stablecoin X <-> different stablecoin = Conversion (both directions) // same token, network Y <-> network Z = Bridging (both directions) const pairs = []; const pushBoth = (a, b, typeAB, typeBA) => { pairs.push({ a, b, type: typeAB }); pairs.push({ a: b, b: a, type: typeBA }); }; for (const [fiat, tokens] of Object.entries(CONVERSION)) { for (const [token, nets] of Object.entries(tokens)) { for (const net of nets) { pushBoth(fiat, token + '_' + net, 'Conversion', 'Conversion'); } } } for (const [fiat, tokens] of Object.entries(MINT_BURN)) { for (const [token, nets] of Object.entries(tokens)) { for (const net of nets) { pushBoth(fiat, token + '_' + net, 'Mint', 'Burn'); } } } // Same token across networks for (const [token, nets] of Object.entries(TOKEN_NETWORKS)) { for (let i = 0; i < nets.length; i++) { for (let j = i + 1; j < nets.length; j++) { pushBoth(token + '_' + nets[i], token + '_' + nets[j], 'Bridging', 'Bridging'); } } } // Stablecoin-to-stablecoin conversions (different tokens) for (const [t1, t2] of TOKEN_CONVERSION_PAIRS) { for (const n1 of TOKEN_NETWORKS[t1]) { for (const n2 of TOKEN_NETWORKS[t2]) { pushBoth(t1 + '_' + n1, t2 + '_' + n2, 'Conversion', 'Conversion'); } } } return pairs; }; export const PairExplorer = () => { const [type, setType] = useState(''); const [curA, setCurA] = useState(''); const [curB, setCurB] = useState(''); const [query, setQuery] = useState(''); const pairs = useMemo(() => buildPairs(), []); const currencies = useMemo( () => [...new Set(pairs.flatMap((p) => [p.a, p.b]))].sort(), [pairs] ); const typeBadge = { Conversion: 'bg-blue-100 text-blue-700 dark:bg-blue-500/20 dark:text-blue-300', Mint: 'bg-emerald-100 text-emerald-700 dark:bg-emerald-500/20 dark:text-emerald-300', Burn: 'bg-orange-100 text-orange-700 dark:bg-orange-500/20 dark:text-orange-300', Bridging: 'bg-purple-100 text-purple-700 dark:bg-purple-500/20 dark:text-purple-300', }; const filtered = useMemo( () => pairs.filter((p) => { if (type && p.type !== type) return false; if (curA && p.a !== curA) return false; if (curB && p.b !== curB) return false; const q = query.trim().toUpperCase(); if (q && !(p.a + ' ' + p.b + ' ' + p.type).toUpperCase().includes(q)) return false; return true; }), [pairs, type, curA, curB, query] ); const clearAll = () => { setType(''); setCurA(''); setCurB(''); setQuery(''); }; const fieldCls = 'w-full rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 ' + 'focus:outline-none focus:ring-2 focus:ring-blue-500 ' + 'dark:border-gray-600 dark:bg-gray-900 dark:text-gray-100'; const thCls = 'bg-gray-100! px-4 py-2.5 text-left text-xs font-semibold uppercase tracking-wider text-gray-500! dark:bg-gray-800! dark:text-gray-400!'; const cellCls = 'px-4 py-2.5 font-mono text-[13px] font-medium text-gray-800! dark:text-gray-100!'; return (

setQuery(e.target.value)} placeholder="Search…" className={fieldCls} />

Showing {filtered.length} of {pairs.length} pairs

{filtered.map((p, idx) => ( ))} {filtered.length === 0 && ( )}

Source currency		Target currency	Operation
{p.a}	→	{p.b}	{p.type}
No pairs match the selected filters.

); };