{broken ? ( <>

) : (

setI(n => n + 1)} style={{ position: 'absolute', inset: 0, width: '100%', height: '100%', objectFit: 'cover', }}/> )}

); } // Animated Lottie version — used in detail sheets after the gift is tapped. // `clean` mode skips the gradient backdrop so the gift's own art reads edge-to-edge. function GiftLottie({ kind, num = 1, clean = false }) { const ref = React.useRef(null); const [lottieOk, setLottieOk] = React.useState(false); const g = GIFT_KINDS[kind]; React.useEffect(() => { if (!ref.current || !window.lottie) return; let destroyed = false; const anim = window.lottie.loadAnimation({ container: ref.current, path: giftLottie(kind, num), renderer: 'svg', loop: true, autoplay: true, rendererSettings: { preserveAspectRatio: 'xMidYMid slice' }, }); anim.addEventListener('DOMLoaded', () => { if (!destroyed) setLottieOk(true); }); anim.addEventListener('data_failed', () => { if (!destroyed) setLottieOk(false); }); return () => { destroyed = true; anim.destroy(); }; }, [kind, num]); if (!g) return null; return (

); } // Gift tile component — fixed sizes, with optional glow / animated / clean. function Gift({ kind, num = 1, size = 'sm', glow = false, animated = false, clean = false, style = {}, onClick }) { const g = GIFT_KINDS[kind]; if (!g) return null; const cls = "gift" + (size === 'lg' ? ' gift-lg' : size === 'xl' ? ' gift-xl' : size === '2xl' ? ' gift-2xl' : '') + (clean ? ' gift-clean' : ''); const tierC = TIER_COLOR[g.tier]?.c || '#9aa3ad'; const radius = size === '2xl' ? 32 : size === 'xl' ? 20 : size === 'lg' ? 16 : 12; return (

{animated ? : }

); } // Random listing factory — same as before const TON_RUB = 312; let _giftId = 1100; function makeListing(kind, opts = {}) { const g = GIFT_KINDS[kind]; const tier = g.tier; const tonByTier = { common: 0.8 + Math.random()*1.4, rare: 2 + Math.random()*4, epic: 6 + Math.random()*12, legendary: 30 + Math.random()*60 }; const ton = +(opts.ton ?? tonByTier[tier]).toFixed(2); // Numbers 1–500 are safe — all gift slugs respond at that range on Fragment CDN. const num = opts.num ?? (1 + Math.floor(Math.random() * 500)); return { id: ++_giftId, kind, name: g.name, num, ton, rub: Math.round(ton * TON_RUB), tier, attrs: opts.attrs ?? { model: pickAttr(MODEL_NAMES, [0.5, 5, 15, 25]), backdrop: pickAttr(BACKDROP_NAMES, [0.7, 6, 18, 28]), symbol: pickAttr(SYMBOL_NAMES, [0.8, 7, 20, 30]), }, seller: opts.seller ?? pick(SELLERS), issued: opts.issued ?? Math.floor(2000 + Math.random()*6000), supply: opts.supply ?? Math.floor(8000 + Math.random()*4000), }; } function pick(arr) { return arr[Math.floor(Math.random() * arr.length)]; } function pickAttr(list, rarities) { const i = Math.floor(Math.random() * list.length); return { name: list[i], rarity: rarities[Math.floor(Math.random()*rarities.length)] }; } // Real trait names from the Fragment catalog. Fetching the per-NFT metadata // (https://nft.fragment.com/gift/-.json) from the browser is blocked by // CORS — in production proxy that endpoint through your own backend, then real // values from the response will replace these via the fetch in GiftDetailSheet. const MODEL_NAMES = ['Pumpkin','Sunflower','Ghoul','Knight','Devil','Vampire','Mummy','Astronaut','Wizard','Cowboy','Pirate','Robot','Yeti','Phoenix','Dragon','Genie','Witch','Samurai','Cherry','Banana']; const BACKDROP_NAMES = ['Onyx Black','Pure Gold','Ruby Red','Cyan Blue','Emerald Green','Royal Purple','Silver Gray','Rose Quartz','Burning Red','Ocean Blue','Cosmic Indigo','Velvet','Tropical','Sunset','Aurora']; const SYMBOL_NAMES = ['Illuminati','Skull','Cherry','Lightning','Diamond','Crown','Heart','Moon','Star','Anchor','Snowflake','Sword','Eye','Rose','Cat','Wave','Mountain','Flame','Coin','Comet']; const SELLERS = ['@nikita','@sofia','@arsen','@maria','@deniz','@kira','@yago','@vera','@miron','@asya','@lev','@nika']; window.MODEL_NAMES = MODEL_NAMES; window.BACKDROP_NAMES = BACKDROP_NAMES; window.SYMBOL_NAMES = SYMBOL_NAMES; // One stable listing per collection so the filter's floor-price column and sort // resolve for all 114 (not just the first 30). const MARKET_LISTINGS = GIFT_LIST .map((kind, i) => makeListing(kind, { num: 1 + ((i * 17) % 200) })) .sort((a, b) => b.ton - a.ton); const MY_GIFTS = (() => { const kinds = [ 'HeartLocket', 'HangingStar', 'EternalRose', 'ToyBear', 'HomemadeCake', 'SnowGlobe', 'DiamondRing', 'LovePotion', 'PlushPepe', 'PartySparkler', 'SakuraFlower', 'LolPop', 'BowTie', 'TopHat', 'JellyBunny', 'PerfumeBottle', 'MagicPotion', 'HypnoLollipop', ]; return kinds.map((k, i) => makeListing(k, { num: 1 + ((i * 31) % 200) })); })(); // Real collection floors from our API, via the dev proxy (/api -> :8000). // Keyed by Fragment slug (matches GIFT_KINDS keys). Memoized; on any failure // resolves to {} so the filter falls back to mock floors. Sorting by floor_rub // matches sorting by floor_ton, so the (possibly stale) TON→RUB rate is irrelevant // for ordering — only for the displayed ₽ value. let _floorsPromise = null; function loadCollectionFloors() { if (_floorsPromise) return _floorsPromise; _floorsPromise = fetch('/api/collections?limit=500') .then(r => (r.ok ? r.json() : Promise.reject(r.status))) .then(d => { const map = {}; const names = {}; (d.items || []).forEach(c => { const slug = (c.name || '').replace(/[^A-Za-z0-9]/g, ''); if (slug) { map[slug] = { floor_ton: c.floor_ton, floor_rub: c.floor_rub, supply: c.supply, name: c.name, photo_url: c.photo_url }; names[slug] = c.name; // канонические имена Portals — для /gifts?gift= } }); window.__COLLECTION_NAMES = names; return map; }) .catch(() => { _floorsPromise = null; // сбой НЕ кешируем — следующий вызов повторит запрос return {}; }); return _floorsPromise; } window.loadCollectionFloors = loadCollectionFloors; window.Gift = Gift; window.GiftMedia = GiftMedia; window.GiftLottie = GiftLottie; window.Glyph = Glyph; window.GIFT_KINDS = GIFT_KINDS; window.GIFT_LIST = GIFT_LIST; window.MARKET_LISTINGS = MARKET_LISTINGS; window.MY_GIFTS = MY_GIFTS; window.TIER_COLOR = TIER_COLOR; window.TON_RUB = TON_RUB; window.makeListing = makeListing; window.pick = pick; window.giftImg = giftImg; window.giftLottie = giftLottie;