// ============================================================ // SHOP PAGE — Tyrone Coins reward system // ------------------------------------------------------------ // Blue glassmorphism theme (matches former Live Arena palette). // Sections: // • Hero with coin visual + balance card // • How It Works (4 steps) // • Rewards Grid (4 premium reward cards) // • Upload Proof form (Tradeify/Apex) // • My Activity (proofs + orders history) // ============================================================ const SHOP_REWARDS = [ { id: 'elite-call', title: 'Elite Call Access', desc: 'Acces la 1 live call Elite — Luni sau Vineri, 19:00 RO.', cost: 25000, color: 'blue', icon: 'video', badge: 'POPULAR', }, { id: 'tradeify-growth-50k', title: 'Tradeify Growth 50K', desc: 'Cont Growth 50K gratuit pe Tradeify (eval + first activation).', cost: 90000, color: 'cyan', icon: 'shield', badge: 'BEST VALUE', }, { id: 'apex-50k', title: 'Apex 50K Evaluation', desc: 'Cont 50K Apex + activation fee plătit de Tyrone.', cost: 150000, color: 'gold', icon: 'target', badge: null, }, { id: 'elite-month', title: '1 Month Elite Access', desc: 'Acces premium o lună întreagă la Elite Plan.', cost: 185000, color: 'acid', icon: 'crown', badge: 'PREMIUM', }, { id: 'mentor-3-concepts', title: 'Mentorat 1:1 — 3 Concepte', desc: 'Tyrone îți explică 1:1, pe apel, 3 concepte alese de tine.', cost: 7000, color: 'acid', icon: 'brain', badge: 'NEW', }, { id: 'one-on-one-call', title: 'Apel 1:1 cu Tyrone', desc: 'Apel privat 30-45 min — întrebări, plan, feedback.', cost: 10000, color: 'blue', icon: 'phone', badge: null, }, { id: 'elite-recordings-4', title: '4 Înregistrări Elite', desc: 'Acces la 4 înregistrări video din arhiva Elite calls.', cost: 19000, color: 'cyan', icon: 'video', badge: null, }, { id: 'elite-live-2', title: '2 Apeluri Live Elite', desc: 'Acces live la 2 call-uri Elite (Luni + Vineri, 19:00).', cost: 40000, color: 'gold', icon: 'bolt', badge: null, }, ]; // Coins formula: // Tradeify: my commission 15%, user gets 30% back → price × 0.045 × 1000 = price × 45 // Apex: my commission 15%, user gets 20% back → price × 0.030 × 1000 = price × 30 const SHOP_FIRM_MULT = { tradeify: 45, apex: 30 }; const calcCoins = (firm, price) => Math.round(Number(price || 0) * (SHOP_FIRM_MULT[firm] || 0)); // Full catalog of purchasable accounts (mirrors page-propfirms.jsx) const SHOP_ACCOUNT_CATALOG = { tradeify: { label: 'Tradeify', color: 'cyan', accentRgb: '79, 231, 213', code: 'TYRONE', // Prețurile mirror page-propfirms.jsx (promo activ cu codul TYRONE) types: [ { id: 'growth', label: 'Growth Plan', desc: '1-Step rapid · fără consistency în evaluare', sizes: [ { size: '25K', price: 59.40 }, { size: '50K', price: 99.00 }, { size: '100K', price: 159.00 }, { size: '150K', price: 221.40 }, ], }, { id: 'select-daily', label: 'Select Daily', desc: '1-Step · Daily Loss Limit', sizes: [ { size: '25K', price: 65.40 }, { size: '50K', price: 99.00 }, { size: '100K', price: 159.00 }, { size: '150K', price: 221.40 }, ], }, { id: 'select-flex', label: 'Select Flex', desc: '1-Step · Flex Drawdown', sizes: [ { size: '25K', price: 65.40 }, { size: '50K', price: 99.00 }, { size: '100K', price: 159.00 }, { size: '150K', price: 221.40 }, ], }, { id: 'lightning', label: 'Lightning Funded', desc: 'Instant — fără evaluare', sizes: [ { size: '25K', price: 203.40 }, { size: '50K', price: 281.40 }, { size: '100K', price: 413.40 }, { size: '150K', price: 477.60 }, ], }, ], }, apex: { label: 'Apex', color: 'blue', accentRgb: '90, 200, 255', code: 'NWAPJXME', types: [ { id: 'eod', label: 'EOD', desc: 'End of Day drawdown · ține pozițiile peste noapte', sizes: [ { size: '25K', price: 34.90 }, { size: '50K', price: 39.90 }, { size: '100K', price: 59.90 }, { size: '150K', price: 89.90 }, ], }, { id: 'intraday', label: 'Intraday', desc: 'Trailing drawdown · doar intraday', sizes: [ { size: '25K', price: 24.90 }, { size: '50K', price: 29.90 }, { size: '100K', price: 44.90 }, { size: '150K', price: 69.90 }, ], }, ], }, }; // Build a flat list of firm summary cards for the toggle const SHOP_FIRMS = [ { id: 'tradeify', label: 'Tradeify', color: 'cyan' }, { id: 'apex', label: 'Apex', color: 'blue' }, ]; const fmtCoins = (n) => Number(n || 0).toLocaleString('en-US'); const fmtUsd = (n) => Number(n || 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 }); // ===== HOW IT WORKS ===== const ShopHowItWorks = () => { const steps = [ { n: 1, title: 'Cumperi cu codul meu', desc: 'Tradeify (cod TYRONE) sau Apex (cod NWAPJXME).' }, { n: 2, title: 'Încarci dovada', desc: 'Upload screenshot cu factura sau emailul de confirmare.' }, { n: 3, title: 'Primești Tyrone Coins', desc: 'După aprobarea admin, coins-urile intră automat în cont.' }, { n: 4, title: 'Răscumperi recompense', desc: 'Elite calls, conturi funded, abonament Elite — totul în Shop.' }, ]; return (
{steps.map((s) => (
{String(s.n).padStart(2,'0')}

{s.title}

{s.desc}

))}
); }; // ===== HERO ===== const ShopHero = ({ user, balance, onScrollTo }) => { const isLoggedIn = !!user; return (
SHOP · REWARDS

Tyrone Coins Shop.

Câștigi coins când cumperi conturi prop firm cu codul meu. Le folosești pentru Elite access, conturi funded și recompense exclusive.

SOLD CURENT
{isLoggedIn ? (
🪙 {fmtCoins(balance)} TC
) : (
Login pentru sold
)}
{isLoggedIn ? ( <>~ ${(balance/1000).toFixed(2)} valoare internă ) : ( <>1.000 TC = $1 valoare internă )}
Tyrone Coin { e.target.style.display = 'none'; e.target.parentNode.classList.add('no-coin'); }} />
🪙
); }; // ===== REWARDS GRID ===== const ShopRewards = ({ user, balance, onRedeem, busyId }) => { return (
{SHOP_REWARDS.map(r => { const canAfford = !!user && balance >= r.cost; const isBusy = busyId === r.id; return (
{r.badge &&
{r.badge}
}

{r.title}

{r.desc}

🪙 {fmtCoins(r.cost)} TC
); })}
); }; // ===== UPLOAD PROOF ===== const MAX_FILE_MB = 50; const ACCEPT_MIME = 'image/png,image/jpeg,image/jpg,image/webp,video/mp4,video/quicktime,video/webm,video/x-m4v'; const ShopUpload = ({ user, onSubmitted }) => { const [firm, setFirm] = React.useState('tradeify'); const [typeId, setTypeId] = React.useState(SHOP_ACCOUNT_CATALOG.tradeify.types[0].id); const [sizeIdx, setSizeIdx] = React.useState(null); // index inside current type's sizes const [note, setNote] = React.useState(''); const [file, setFile] = React.useState(null); const [busy, setBusy] = React.useState(false); const [msg, setMsg] = React.useState(''); const [err, setErr] = React.useState(''); const switchFirm = (newFirm) => { setFirm(newFirm); setTypeId(SHOP_ACCOUNT_CATALOG[newFirm].types[0].id); setSizeIdx(null); }; const switchType = (newTypeId) => { setTypeId(newTypeId); setSizeIdx(null); }; if (!user) { return (
LOGIN REQUIRED

Loghează-te pentru a încărca dovada

Trebuie să ai un cont gratuit pentru a putea încărca dovada achiziției și a primi Tyrone Coins.

); } const firmCatalog = SHOP_ACCOUNT_CATALOG[firm]; const currentType = firmCatalog.types.find(t => t.id === typeId) || firmCatalog.types[0]; const selectedSize = sizeIdx != null ? currentType.sizes[sizeIdx] : null; const selectedPrice = selectedSize ? selectedSize.price : 0; const expectedCoins = calcCoins(firm, selectedPrice); const submit = async (e) => { e?.preventDefault?.(); setErr(''); setMsg(''); if (!selectedSize) { setErr('Selectează contul cumpărat (tip + mărime).'); return; } if (!file) { setErr('Atașează dovada (imagine sau video).'); return; } if (file.size > MAX_FILE_MB * 1024 * 1024) { setErr(`Fișierul depășește ${MAX_FILE_MB} MB. Compresează-l sau scurtează video-ul.`); return; } if (!window.sb) { setErr('Backend indisponibil.'); return; } setBusy(true); try { // 1) Upload la storage bucket "coin-proofs" const ext = (file.name.split('.').pop() || 'png').toLowerCase().replace(/[^a-z0-9]/g,''); const path = `${user.id}/${Date.now()}-${Math.random().toString(36).slice(2,8)}.${ext}`; const { error: upErr } = await window.sb.storage.from('coin-proofs').upload(path, file, { cacheControl: '3600', upsert: false, contentType: file.type || 'application/octet-stream', }); if (upErr) throw upErr; // 2) Insert proof — account label is human readable, amount is the real price const accountLabel = `${currentType.label} — ${selectedSize.size}`; const { error: insErr } = await window.sb.from('coin_proofs').insert({ user_id: user.id, firm, account_type: accountLabel, amount: selectedPrice, screenshot_url: path, note: note.trim() || null, status: 'pending', coins_awarded: 0, }); if (insErr) throw insErr; setMsg(`Dovadă trimisă cu succes! Vei primi ~${fmtCoins(expectedCoins)} TC după aprobarea admin.`); setSizeIdx(null); setNote(''); setFile(null); const fileInput = document.getElementById('shop-file-input'); if (fileInput) fileInput.value = ''; onSubmitted?.(); } catch (e2) { setErr(e2.message || 'A apărut o eroare la trimitere.'); } finally { setBusy(false); } }; return (
{/* STEP 1 — firm */}
{SHOP_FIRMS.map(f => ( ))}
{/* STEP 2 — account type pills */}
{firmCatalog.types.map(t => ( ))}
{currentType.desc}
{/* STEP 3 — size cards grid */}
{currentType.sizes.map((s, idx) => { const isSelected = sizeIdx === idx; const coinsForCard = calcCoins(firm, s.price); return ( ); })}
{/* Estimated reward summary */}
RECOMPENSĂ ESTIMATĂ
{selectedSize ? ( <>
🪙 {fmtCoins(expectedCoins)} TC
{currentType.label} {selectedSize.size} · ${fmtUsd(selectedPrice)}
) : (
Selectează un cont pentru a vedea estimarea.
)}
{/* STEP 4 — file */}
setFile(e.target.files?.[0] || null)} className="shop-file" /> {file && (
{file.type.startsWith('video/') ? '🎬' : '📎'} {file.name} ({(file.size/1024/1024).toFixed(2)} MB) {file.size > MAX_FILE_MB*1024*1024 && ( ⚠ peste {MAX_FILE_MB} MB )}
)}
Recomandat: video scurt (15-60 sec) cu pașii de checkout unde se vede clar codul {firmCatalog.code} aplicat.
{/* Optional note */}