/* global React, Icon */ const { useState, useEffect, useMemo } = React; const M_ITEMS_FULL = [ { id: 1, brand: 'NaMaximum', name: 'WPC 80 – whey proteín', flavor: 'Čokoláda', size: '1 kg', packColor: '#0077BC', packLabel: 'WPC 80', packSub: '1 KG', visual: 'tub-lg', unit: 24.90, orig: 27.90, qty: 2, flag: 'NOVÉ' }, { id: 2, brand: 'NaMaximum', name: 'BCAA 2:1:1 drink', flavor: 'Grep', size: '500 g', packColor: '#F96628', packLabel: 'BCAA', packSub: '500 G', visual: 'tub', unit: 19.90, orig: null, qty: 1, flag: null }, { id: 3, brand: 'NaMaximum', name: 'Kreatín Creapure® monohydrát – premium švajčiarska kvalita 99,99 % čistota s vitamínom B6', flavor: 'Bez príchuti', size: '500 g', packColor: '#1A5282', packLabel: 'CREATINE', packSub: '500 G', visual: 'tub', unit: 16.90, orig: 21.90, qty: 1, flag: '-23 %' }, { id: 4, brand: 'NaMaximum', name: 'Vitamín D3 + K2', flavor: null, size: '90 kaps.', packColor: '#F9C80E', packLabel: 'D3+K2', packSub: '90 KAPS', visual: 'bottle', unit: 8.90, orig: null, qty: 1, flag: null }, ]; const M_ITEMS_MID = [ { id: 3, brand: 'NaMaximum', name: 'Kreatín Creapure® monohydrát – premium švajčiarska kvalita 99,99 % čistota s vitamínom B6', flavor: 'Bez príchuti', size: '500 g', packColor: '#1A5282', packLabel: 'CREATINE', packSub: '500 G', visual: 'tub', unit: 16.90, orig: 21.90, qty: 1, flag: '-23 %' }, { id: 2, brand: 'NaMaximum', name: 'BCAA 2:1:1 drink', flavor: 'Grep', size: '500 g', packColor: '#F96628', packLabel: 'BCAA', packSub: '500 G', visual: 'tub', unit: 19.90, orig: null, qty: 1, flag: null }, { id: 4, brand: 'NaMaximum', name: 'Vitamín D3 + K2', flavor: null, size: '90 kaps.', packColor: '#F9C80E', packLabel: 'D3+K2', packSub: '90 KAPS', visual: 'bottle', unit: 8.90, orig: null, qty: 1, flag: null }, ]; const M_ITEMS_SMALL = [ { id: 2, brand: 'NaMaximum', name: 'BCAA 2:1:1 drink', flavor: 'Grep', size: '500 g', packColor: '#F96628', packLabel: 'BCAA', packSub: '500 G', visual: 'tub', unit: 19.90, orig: null, qty: 1, flag: null }, ]; const M_ITEMS_BY_STATE = { full: M_ITEMS_FULL, mid: M_ITEMS_MID, small: M_ITEMS_SMALL }; const M_CROSS = [ { id: 101, brand: 'NaMaximum', name: 'Shaker 700 ml', packColor: '#1B1B1B', packLabel: 'SHAKE', packSub: '700 ML', visual: 'shaker', unit: 3.90, orig: null, rating: 4.7, reviews: 412, flag: null }, { id: 102, brand: 'NaMaximum', name: 'L-Glutamín 500 g', packColor: '#26BB59', packLabel: 'GLUT', packSub: '500 G', visual: 'tub', unit: 14.90, orig: 17.90, rating: 4.8, reviews: 289, flag: '-17 %' }, { id: 103, brand: 'NaMaximum', name: 'Omega 3 – 120 kaps.', packColor: '#00AEEF', packLabel: 'OMEGA 3', packSub: '120 KAPS', visual: 'bottle', unit: 11.90, orig: null, rating: 4.9, reviews: 524, flag: null }, { id: 104, brand: 'NaMaximum', name: 'Magnézium bis-glycinát', packColor: '#8E44AD', packLabel: 'MAG', packSub: '90 KAPS', visual: 'bottle', unit: 9.90, orig: null, rating: 4.8, reviews: 201, flag: 'NOVÉ' }, ]; const M_SHIP = [ { id: 'zbox', name: 'Packeta Z-BOX (24/7)', logo: 'Z', cls: 'box', price: 1.99, eta: 'Ut 28. – st 29. 4.', fast: true }, { id: 'packeta', name: 'Packeta výdajňa', logo: 'PKT', cls: 'pkt', price: 2.49, eta: 'Ut 28. – st 29. 4.', fast: true }, { id: 'dpd', name: 'DPD kuriér', logo: 'DPD', cls: 'dpd', price: 3.90, eta: 'St 29. 4.', fast: false }, { id: 'gls', name: 'GLS kuriér', logo: 'GLS', cls: 'gls', price: 3.90, eta: 'St 29. 4.', fast: false }, ]; const M_PROMO = { 'LETO10': { type: 'pct', value: 10, label: '-10 % Leto 2026' }, 'PROTEIN5': { type: 'eur', value: 5, label: '-5 € welcome' }, }; const M_FREE = 59; // Reward ladder — tiered unlocks const M_REWARDS = [ { amt: 30, kind: 'sample', label: 'Vzorka', sub: 'BCAA Grep 10 g' }, { amt: 40, kind: 'gift', label: 'Darček', sub: 'vyber si 1 z 3', pickable: true }, { amt: 59, kind: 'shipping', label: 'Doprava zadarmo', sub: 'Packeta Z-BOX' }, ]; const M_GIFTS = [ { id: 'g1', name: 'Shaker NaMaximum 700 ml', packColor: '#1B1B1B', packLabel: 'SHAKE', packSub: '700 ML', visual: 'shaker', origPrice: 5.90 }, { id: 'g2', name: 'Vzorka BCAA 20 g', packColor: '#F96628', packLabel: 'BCAA', packSub: '20 G', visual: 'sachet', origPrice: 2.40 }, { id: 'g3', name: 'Proteínová tyčinka Choco', packColor: '#6B3410', packLabel: 'BAR', packSub: '60 G', visual: 'bar', origPrice: 2.90 }, ]; // ============ Status bar (iOS-ish) ============ function MStatusBar() { return (
9:41
); } function MobileCart() { const initialState = (window.__TWEAKS?.cartState) || 'full'; const [items, setItems] = useState(M_ITEMS_BY_STATE[initialState] || M_ITEMS_FULL); const [removing, setRemoving] = useState(null); const [shipping, setShipping] = useState('zbox'); const [promoInput, setPromoInput] = useState(''); const [promo, setPromo] = useState(null); const [note, setNote] = useState(''); const [openCard, setOpenCard] = useState(null); // 'promo' | 'note' | null const [toasts, setToasts] = useState([]); const [addedIds, setAddedIds] = useState(new Set()); const [pickedGift, setPickedGift] = useState(() => (window.__TWEAKS?.giftPicked === false ? null : 'g1')); const [giftSheet, setGiftSheet] = useState(false); // React to tweaks toggle useEffect(() => { const handler = (e) => { const t = e.detail || window.__TWEAKS || {}; if (t.giftPicked === false) setPickedGift(null); else if (t.giftPicked === true) setPickedGift((p) => p || 'g1'); if (t.cartState && M_ITEMS_BY_STATE[t.cartState]) { setItems(M_ITEMS_BY_STATE[t.cartState].map(it => ({ ...it }))); if (t.cartState === 'small') setPickedGift(null); } }; window.addEventListener('tweakschange', handler); return () => window.removeEventListener('tweakschange', handler); }, []); const { subtotal, productSavings } = useMemo(() => { let s = 0, o = 0; for (const it of items) { s += it.unit * it.qty; o += (it.orig ?? it.unit) * it.qty; } return { subtotal: s, productSavings: o - s }; }, [items]); const promoDiscount = useMemo(() => { if (!promo) return 0; if (promo.type === 'pct') return subtotal * (promo.value / 100); return Math.min(subtotal, promo.value); }, [promo, subtotal]); const selShip = M_SHIP.find(s => s.id === shipping); const freeReached = subtotal >= M_FREE; // In cart step: show only items subtotal minus promo. Shipping is selected in next step. const cartTotal = subtotal - promoDiscount; const cartSavings = productSavings + promoDiscount; const itemCount = items.reduce((s, it) => s + it.qty, 0); const toEur = (n) => n.toLocaleString('sk-SK', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + ' €'; const push = (msg, kind = 'ok') => { const id = Math.random().toString(36).slice(2); setToasts(t => [...t, { id, msg, kind }]); setTimeout(() => setToasts(t => t.filter(x => x.id !== id)), 2200); }; const updateQty = (id, d) => setItems(p => p.map(it => it.id === id ? { ...it, qty: Math.max(1, Math.min(99, it.qty + d)) } : it)); const removeItem = (id) => { setRemoving(id); setTimeout(() => { setItems(p => p.filter(it => it.id !== id)); setRemoving(null); push('Odstránené'); }, 280); }; const applyPromo = () => { const c = promoInput.trim().toUpperCase(); if (!c) return; if (M_PROMO[c]) { setPromo({ code: c, ...M_PROMO[c] }); setPromoInput(''); push(`Kód ${c} aktivovaný`); } else push('Neplatný kód', 'err'); }; const addCross = (p) => { const a = items.find(it => it.id === p.id); if (a) setItems(prev => prev.map(it => it.id === p.id ? { ...it, qty: it.qty + 1 } : it)); else setItems(prev => [...prev, { ...p, flavor: null, size: p.packSub.toLowerCase(), qty: 1 }]); setAddedIds(s => { const n = new Set(s); n.add(p.id); return n; }); setTimeout(() => setAddedIds(s => { const n = new Set(s); n.delete(p.id); return n; }), 1000); push('Pridané'); }; const toggleCard = (k) => setOpenCard(o => o === k ? null : k); const isEmpty = items.length === 0; return (

Košík {!isEmpty && · {itemCount} {itemCount === 1 ? 'ks' : 'ks'}}

Košík
Doprava
Zhrnutie
{isEmpty ? (

Košík je prázdny

Pozri si proteíny, vitamíny a športovú výživu.

) : ( <>
{(() => { const next = M_REWARDS.find(r => subtotal < r.amt); const pickedG = pickedGift ? M_GIFTS.find(g => g.id === pickedGift) : null; return (
{!next ? ( <>🎉Máš všetky odmeny odomknuté ) : ( <>Ešte {toEur(next.amt - subtotal)} a získaš {next.kind === 'shipping' ? 'dopravu zadarmo' : next.kind === 'gift' ? 'darček' : 'vzorku'} )}
); })()}
{(() => { const stopPct = (i) => (i / (M_REWARDS.length - 1)) * 100; let fillPct = 0; for (let i = 0; i < M_REWARDS.length; i++) { const r = M_REWARDS[i]; if (subtotal >= r.amt) { fillPct = stopPct(i); const next = M_REWARDS[i + 1]; if (next) { const segFrac = Math.min(1, Math.max(0, (subtotal - r.amt) / (next.amt - r.amt))); fillPct += (stopPct(i + 1) - stopPct(i)) * segFrac; } } } return ( <>
{M_REWARDS.map((r, i) => { const unlocked = subtotal >= r.amt; return (
{r.amt} €
); })} ); })()}
{subtotal >= 40 && (() => { const g = pickedGift ? M_GIFTS.find(x => x.id === pickedGift) : null; return ( ); })()}
{items.map(it => (
{it.flag &&
{it.flag}
}
{it.name}
{it.flavor && {it.flavor}} {it.size}
{toEur(it.unit * it.qty)} {it.orig && {toEur(it.orig * it.qty)}}
{it.qty}
))} {subtotal >= 40 && pickedGift && (() => { const g = M_GIFTS.find(x => x.id === pickedGift); if (!g) return null; return (
DARČEK {g.name} ZADARMO
); })()}
{/* Accordion cards */}
toggleCard('promo')}>
Zľavový kód
{promo ? `✓ ${promo.code}` : 'pridať'}
{!promo ? ( <>
setPromoInput(e.target.value)} onKeyDown={e => e.key === 'Enter' && applyPromo()} />
Tip: LETO10 = -10 %
) : (
{promo.code} {promo.label}
)}
Medzisúčet{toEur(subtotal)}
{productSavings > 0 &&
Zľava produktov-{toEur(productSavings)}
} {promo &&
Kód {promo.code}-{toEur(promoDiscount)}
}
Doprava vyberieš v ďalšom kroku
{/* Cross-sell */}

Často kupované spoluk proteínu a kreatínu

{M_CROSS.map(p => (
{p.flag &&
{p.flag}
}
{p.brand}
{p.name}
★ {p.rating} ({p.reviews})
{toEur(p.unit)} {p.orig && {toEur(p.orig)}}
))}
HACCP + GMP výroba v Spišskej Novej Vsi
Lab-testované, certifikáty pri produktoch
14 dní na vrátenie bez udania dôvodu
VISA MC Pay G Pay TB Dobierka
)}
{/* Toasts */}
{toasts.map(t => (
{t.msg}
))}
{/* Sticky bottom CTA */} {!isEmpty && (
Medzisúčet{freeReached ? '+ doprava zadarmo ✓' : 'bez dopravy'} {cartSavings > 0.01 && ( ušetril si {toEur(cartSavings)} )}
{toEur(cartTotal)}
)} {/* Gift picker bottom sheet */} {giftSheet && (
setGiftSheet(false)}>
e.stopPropagation()}>

Vyber si darček

Odomknutý pri nákupe nad 40 €

{M_GIFTS.map(g => ( ))}
)}
); } window.MobileCart = MobileCart;