https://www.skin-tel.com/assets/Market-BqmaFcPd.js

1import{r as a,j as e,u as te,a as O}from"./index-D0Dcomnz.js";import{I as re}from"./ItemCard-CrLyTAZ7.js";import{P as ie}from"./PriceSidebar-DbLwg84X.js";import{S as ae}from"./ShareAuctionModal-BRBEVfpK.js";import{e as ne,n as K,g as U}from"./marketItem-DYvtub3v.js";const se=[{key:"",label:"All"},{key:"knife",label:"Knives"},{key:"rifle",label:"Rifles"},{key:"pistol",label:"Pistols"},{key:"smg",label:"SMGs"},{key:"sniper",label:"Snipers"},{key:"gloves",label:"Gloves"},{key:"sticker",label:"Stickers"}];function R({icon:t,placeholder:n,value:s,onChange:u,type:b="text"}){const[p,r]=a.useState(!1);return e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,height:36,padding:"0 12px",borderRadius:12,background:p?"rgba(168,85,247,0.09)":"rgba(255,255,255,0.04)",border:p?"1px solid rgba(168,85,247,0.36)":"1px solid rgba(255,255,255,0.08)",boxShadow:p?"0 0 0 3px rgba(168,85,247,0.07), 0 0 20px rgba(168,85,247,0.07)":"none",transition:"all 0.15s ease"},children:[t&&e.jsx("span",{style:{fontSize:13,color:"rgba(168,85,247,0.55)",flexShrink:0},children:t}),e.jsx("input",{type:b,value:s,onChange:d=>u(d.target.value),onFocus:()=>r(!0),onBlur:()=>r(!1),placeholder:n,className:"placeholder:text-white/20",style:{flex:1,background:"transparent",border:"none",outline:"none",fontSize:13,fontWeight:500,color:"rgba(255,255,255,0.88)",fontFamily:"inherit",minWidth:0}})]})}function oe({filters:t,setFilters:n}){const[s,u]=a.useState(t||{}),b=a.useCallback((r,d)=>{const y={...s,[r]:d};u(y),n(y)},[s,n]),p=s.category||"";return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:10},children:[e.jsx("div",{className:"chips-scroll",style:{alignItems:"center"},children:se.map(r=>{const d=p===r.key;return e.jsx("button",{onClick:()=>b("category",r.key),style:{height:34,padding:"0 16px",borderRadius:20,fontSize:12.5,fontWeight:700,cursor:"pointer",background:d?"rgba(168,85,247,0.15)":"rgba(255,255,255,0.04)",border:d?"1px solid rgba(168,85,247,0.36)":"1px solid rgba(255,255,255,0.07)",color:d?"#c084fc":"rgba(255,255,255,0.45)",boxShadow:d?"0 0 14px rgba(168,85,247,0.18)":"none",transition:"all 0.15s ease"},children:r.label},r.key)})}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,flexWrap:"wrap"},children:[e.jsx("div",{style:{flex:"1 1 160px",minWidth:0},children:e.jsx(R,{icon:"⌕",placeholder:"Search skins…",value:s.search||"",onChange:r=>b("search",r)})}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:4,flexShrink:0},children:[e.jsx("div",{style:{minWidth:70,flex:"0 1 86px"},children:e.jsx(R,{placeholder:"Min",value:s.minPrice||"",onChange:r=>b("minPrice",r),type:"number"})}),e.jsx("span",{style:{color:"rgba(255,255,255,0.22)",fontSize:13,padding:"0 1px"},children:"–"}),e.jsx("div",{style:{minWidth:70,flex:"0 1 86px"},children:e.jsx(R,{placeholder:"Max",value:s.maxPrice||"",onChange:r=>b("maxPrice",r),type:"number"})})]}),e.jsx("div",{style:{width:120,flexShrink:0},children:e.jsx(R,{icon:"%",placeholder:"Min disc.",value:s.minDiscountPct||"",onChange:r=>b("minDiscountPct",r),type:"number"})}),(s.search||s.category||s.minDiscountPct)&&e.jsx("button",{onClick:()=>{const r={search:"",category:"",minPrice:"30",maxPrice:"10000",minDiscountPct:""};u(r),n(r)},style:{height:36,padding:"0 12px",borderRadius:12,fontSize:12,fontWeight:600,cursor:"pointer",background:"rgba(255,255,255,0.04)",border:"1px solid rgba(255,255,255,0.08)",color:"rgba(255,255,255,0.40)",transition:"all 0.15s"},onMouseEnter:r=>{r.currentTarget.style.color="#fff",r.currentTarget.style.borderColor="rgba(255,255,255,0.16)"},onMouseLeave:r=>{r.currentTarget.style.color="rgba(255,255,255,0.40)",r.currentTarget.style.borderColor="rgba(255,255,255,0.08)"},children:"Clear"})]})]})}const le=48,de=a.memo(function({items:n=[],onSeeMore:s,onShare:u,resetKey:b}){const[p,r]=a.useState(1);a.useEffect(()=>{r(1)},[b]);const d=n.slice(0,p*le),y=d.length<n.length;return n.length?e.jsxs("div",{children:[e.jsx("div",{className:"grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",children:d.map(x=>e.jsx(re,{item:x,onSeeMore:s,onShare:u},x.itemId||x.id||x.name))}),y&&e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:8,marginTop:32},children:[e.jsxs("p",{style:{fontSize:12,color:"rgba(255,255,255,0.28)"},children:["Showing ",d.length," of ",n.length," items"]}),e.jsxs("button",{onClick:()=>r(x=>x+1),style:{padding:"11px 36px",borderRadius:12,background:"rgba(168,85,247,0.12)",border:"1px solid rgba(168,85,247,0.30)",color:"rgba(200,160,255,0.95)",fontSize:13,fontWeight:700,cursor:"pointer",fontFamily:"inherit",letterSpacing:"0.01em"},onMouseEnter:x=>{x.currentTarget.style.background="rgba(168,85,247,0.22)"},onMouseLeave:x=>{x.currentTarget.style.background="rgba(168,85,247,0.12)"},children:["Load more (",n.length-d.length," remaining)"]})]})]}):e.jsxs("div",{className:"flex flex-col items-center justify-center py-24 gap-4",children:[e.jsx("div",{className:"h-16 w-16 rounded-2xl flex items-center justify-center text-3xl",style:{background:"rgba(255,255,255,0.04)",border:"1px solid rgba(255,255,255,0.07)"},children:"🔍"}),e.jsxs("div",{className:"text-center",children:[e.jsx("p",{className:"text-base font-black text-white/30",children:"No items found"}),e.jsx("p",{className:"text-sm text-white/15 mt-1",children:"Try adjusting your filters"})]})]})});function C(t){const n=Number((t==null?void 0:t.priceCoins)??(t!=null&&t.priceCents?t.priceCents/100:null)??0);return Number.isFinite(n)?n:0}function E(t){return Number((t==null?void 0:t.discountPct)??0)}const ce=[{id:0,x:8,y:72,sz:1.5,del:0,dur:10,col:"168,85,247"},{id:1,x:17,y:15,sz:2,del:2,dur:12,col:"34,211,238"},{id:2,x:25,y:58,sz:1,del:4,dur:8,col:"139,92,246"},{id:3,x:33,y:88,sz:2.5,del:1,dur:14,col:"168,85,247"},{id:4,x:42,y:32,sz:1.5,del:3,dur:11,col:"34,211,238"},{id:5,x:51,y:65,sz:1,del:5,dur:9,col:"139,92,246"},{id:6,x:60,y:20,sz:2,del:.5,dur:13,col:"168,85,247"},{id:7,x:69,y:75,sz:1.5,del:2.5,dur:10,col:"34,211,238"},{id:8,x:78,y:45,sz:2.5,del:4.5,dur:8,col:"139,92,246"},{id:9,x:87,y:30,sz:1,del:1.5,dur:12,col:"168,85,247"},{id:10,x:12,y:50,sz:1.5,del:3.5,dur:11,col:"34,211,238"},{id:11,x:22,y:82,sz:2,del:0,dur:9,col:"139,92,246"},{id:12,x:47,y:40,sz:1,del:2,dur:14,col:"168,85,247"},{id:13,x:65,y:90,sz:2.5,del:4,dur:10,col:"34,211,238"},{id:14,x:83,y:62,sz:1.5,del:1.5,dur:8,col:"139,92,246"},{id:15,x:38,y:25,sz:2,del:3,dur:12,col:"168,85,247"},{id:16,x:55,y:55,sz:1,del:5,dur:11,col:"34,211,238"},{id:17,x:91,y:10,sz:2.5,del:.8,dur:9,col:"139,92,246"}],ue=[{id:0,x:14,y:68,del:0,dur:8},{id:1,x:28,y:45,del:3,dur:10},{id:2,x:43,y:72,del:6,dur:7},{id:3,x:57,y:35,del:1.5,dur:9},{id:4,x:72,y:58,del:4.5,dur:11},{id:5,x:85,y:75,del:2,dur:8},{id:6,x:36,y:48,del:5,dur:10},{id:7,x:63,y:82,del:.5,dur:7}],ge=[{id:0,x:5,y:8,del:0,dur:3},{id:1,x:30,y:3,del:7,dur:3.5},{id:2,x:58,y:12,del:14,dur:3},{id:3,x:78,y:5,del:21,dur:4}

1];function be(){return e.jsxs("div",{className:"fixed inset-0 pointer-events-none overflow-hidden",style:{zIndex:0},children:[e.jsx("div",{style:{position:"absolute",inset:0,background:["radial-gradient(ellipse at 15% 15%, rgba(88,28,135,0.26) 0%, transparent 50%)","radial-gradient(ellipse at 85% 10%, rgba(109,40,217,0.18) 0%, transparent 45%)","radial-gradient(ellipse at 70% 80%, rgba(76,29,149,0.22) 0%, transparent 50%)","radial-gradient(ellipse at 5%  75%, rgba(55,48,163,0.16) 0%, transparent 42%)","radial-gradient(ellipse at 92% 50%, rgba(168,85,247,0.10) 0%, transparent 38%)"].join(",")}}),e.jsx("div",{style:{position:"absolute",top:"3%",left:"12%",width:680,height:440,borderRadius:"50%",background:"rgba(88,28,135,0.08)",filter:"blur(90px)",animation:"fogDrift 18s ease-in-out infinite"}}),e.jsx("div",{style:{position:"absolute",top:"52%",right:"6%",width:540,height:360,borderRadius:"50%",background:"rgba(34,211,238,0.04)",filter:"blur(80px)",animation:"fogDrift 24s ease-in-out infinite reverse"}}),e.jsx("div",{style:{position:"absolute",top:"28%",left:"55%",width:460,height:320,borderRadius:"50%",background:"rgba(139,92,246,0.06)",filter:"blur(75px)",animation:"fogDrift 21s ease-in-out infinite",animationDelay:"4s"}}),e.jsx("div",{style:{position:"absolute",inset:0,backgroundImage:["linear-gradient(rgba(168,85,247,0.032) 1px, transparent 1px)","linear-gradient(90deg, rgba(168,85,247,0.032) 1px, transparent 1px)"].join(","),backgroundSize:"72px 72px"}}),e.jsxs("div",{style:{position:"absolute",top:"6%",right:"3%",width:260,height:260,opacity:.75},children:[e.jsx("div",{style:{position:"absolute",inset:0,borderRadius:"50%",border:"1px solid rgba(168,85,247,0.15)"}}),e.jsx("div",{style:{position:"absolute",inset:"22%",borderRadius:"50%",border:"1px solid rgba(168,85,247,0.09)"}}),e.jsx("div",{style:{position:"absolute",inset:0,borderRadius:"50%",overflow:"hidden",animation:"scannerSweep 8s linear infinite"},children:e.jsx("div",{style:{position:"absolute",top:"50%",left:"50%",width:"50%",height:1,background:"linear-gradient(90deg, rgba(168,85,247,0.6) 0%, transparent 100%)",transformOrigin:"left center"}})}),[0,1.6,3.2].map((t,n)=>e.jsx("div",{style:{position:"absolute",inset:"36%",borderRadius:"50%",border:"1px solid rgba(168,85,247,0.3)",animation:`ringPing 3s ${t}s ease-out infinite`}},n)),e.jsx("div",{style:{position:"absolute",top:"50%",left:"8%",right:"8%",height:1,background:"rgba(168,85,247,0.05)",transform:"translateY(-50%)"}}),e.jsx("div",{style:{position:"absolute",left:"50%",top:"8%",bottom:"8%",width:1,background:"rgba(168,85,247,0.05)",transform:"translateX(-50%)"}})]}),ge.map(t=>e.jsx("div",{style:{position:"absolute",left:`${t.x}%`,top:`${t.y}%`,width:140,height:1,background:"linear-gradient(90deg, transparent 0%, rgba(168,85,247,0.75) 35%, rgba(34,211,238,0.5) 70%, transparent 100%)",transform:"rotate(35deg)",transformOrigin:"left center",animation:`meteorFly ${t.dur}s ${t.del}s ease-in infinite`,opacity:0}

1},t.id)),ce.map(t=>e.jsx("div",{style:{position:"absolute",left:`${t.x}%`,top:`${t.y}%`,width:t.sz,height:t.sz,borderRadius:"50%",background:`rgba(${t.col},0.85)`,boxShadow:`0 0 ${t.sz*4}px rgba(${t.col},0.7)`,animation:`particleRise ${t.dur}s ${t.del}s ease-in-out infinite`}},t.id)),ue.map(t=>e.jsx("div",{style:{position:"absolute",left:`${t.x}%`,top:`${t.y}%`,width:2,height:2,borderRadius:"50%",background:"rgba(251,191,36,0.75)",boxShadow:"0 0 6px rgba(251,191,36,0.5)",animation:`floatEmber ${t.dur}s ${t.del}s ease-in-out infinite`}},t.id)),e.jsx("div",{style:{position:"absolute",bottom:0,left:0,right:0,height:"30%",background:"linear-gradient(to top, rgba(8,10,20,0.55), transparent)"}})]})}function M({label:t,value:n,accent:s,glow:u}){return e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,padding:"5px 12px",borderRadius:12,background:u?`rgba(${s},0.08)`:"rgba(255,255,255,0.04)",border:`1px solid rgba(${s||"255,255,255"},${u?"0.20":"0.08"})`,boxShadow:u?`0 0 16px rgba(${s},0.10)`:"none"},children:[e.jsx("span",{style:{fontSize:10,fontWeight:700,textTransform:"uppercase",letterSpacing:"0.12em",color:"rgba(255,255,255,0.35)"},children:t}),e.jsx("span",{style:{fontSize:14,fontWeight:900,fontVariantNumeric:"tabular-nums",color:s?`rgb(${s})`:"rgba(255,255,255,0.9)",textShadow:u?`0 0 12px rgba(${s},0.45)`:"none"},children:n})]})}function xe(){return e.jsx("div",{className:"grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",children:Array.from({length:8}).map((t,n)=>e.jsx("div",{className:"rounded-2xl overflow-hidden h-[380px]",style:{background:"linear-gradient(160deg, #18142a 0%, #120f1e 100%)",border:"1px solid rgba(168,85,247,0.08)"},children:e.jsxs("div",{className:"p-4 space-y-3",children:[e.jsx("div",{className:"h-3 w-24 rounded skeleton"}),e.jsx("div",{className:"h-4 w-40 rounded skeleton"}),e.jsx("div",{className:"h-[164px] w-full rounded-xl skeleton"}),e.jsx("div",{className:"h-5 w-20 rounded skeleton"}),e.jsx("div",{className:"h-8 w-full rounded-xl skeleton"})]})},n))})}function ve(){const[t,n]=a.useState([]),[s,u]=a.useState(!0),[b,p]=a.useState(null),[r,d]=a.useState(!1),[y,x]=a.useState(""),[V,D]=a.useState([]),[q,T]=a.useState(!1),[L,W]=a.useState(null),[g,H]=a.useState({search:"",category:"",minPrice:"30",maxPrice:"10000",minDiscountPct:""}),[X,Y]=a.useState(0),{socket:v,connected:j}=te(),B=a.useRef(j),N=a.useRef(()=>{}),Z=2e4;a.useEffect(()=>{let i=!0;const f=new AbortController;let m=!1;async function h(w=!1){var P;if(!m){m=!0;try{w||u(!0);const o=(P=g.search)==null?void 0:P.trim(),I=await O.get("/items/market",{params:{q:o||void 0,search:o||void 0,category:g.category||void 0,minPrice:g.minPrice||30,maxPrice:g.maxPrice||1e4,minDiscountPct:g.minDiscountPct||0,limit:200},signal:f.signal,timeout:3e4}),$=ne(I==null?void 0:I.data).map(K).filter(c=>c&&(c.name||c.image||C(c)>0)).sort((c,F)=>{const _=E(F)-E(c);return _!==0?_:C(F)-C(c)});i&&(n($),p(new Date),w||Y(c=>c+1))}catch(o){if((o==null?void 0:o.name)==="CanceledError"||(o==null?void 0:o.name)==="AbortError")return;i&&!w&&n([])}finally{i&&u(!1),m=!1}}}N.current=()=>h(!0);const l=setTimeout(()=>h(!1),350),S=setInterval(()=>{document.visibilityState==="visible"&&h(!0)},Z);function z(){document.visibilityState==="visible"&&h(!0)}return document.addEventListener("visibilitychange",z),()=>{i=!1,N.current=()=>{},clearTimeout(l),clearInterval(S),document.removeEventListener("visibilitychange",z),f.abort()}},[g.search,g.category,g.minPrice,g.maxPrice,g.minDiscountPct]),a.useEffect(()=>{j&&!B.current&&N.current(),B.current=j},[j]),a.useEffect(()=>{if(!v)return;function i(){v.emit("market:subscribe")}return j&&i(),v.on("connect",i),()=>{v.off("connect",i),v.emit("market:unsubscribe")}},[v,j]),a.useEffect(()=>{function i(){N.current()}return window.addEventListener("market:deals",i),()=>window.removeEventListener("market:deals",i)},[]);const k=a.useMemo(()=>{if(!g.minDiscountPct)return t;const i=Number(g.minDiscountPct);return t.filter(f=>E(f)>=i)},[t,g.minDiscountPct]),G=a.useMemo(()=>k.length?Math.max(...k.map(i=>

1E(i))):0,[k]);async function J(i){const f=U(i==null?void 0:i.name),m=(i==null?void 0:i.wear)||(i==null?void 0:i.wear_name)||"",h=k.filter(l=>U(l==null?void 0:l.name)===f&&((l==null?void 0:l.wear)||(l==null?void 0:l.wear_name)||"")===m).sort((l,S)=>C(l)-C(S)).slice(0,8);if(x(m?`${f} • ${m}`:f),D(h),d(!0),!!h.length)try{T(!0),await Promise.all(h.map(async l=>{var S,z,w,P;try{const o=await O.get(`/items/${l.itemId}/details`),I=((S=o==null?void 0:o.data)==null?void 0:S.item)||((w=(z=o==null?void 0:o.data)==null?void 0:z.data)==null?void 0:w.item)||((P=o==null?void 0:o.data)==null?void 0:P.data)||(o==null?void 0:o.data),A=K(I);D($=>$.map(c=>String(c==null?void 0:c.itemId)===String(l==null?void 0:l.itemId)?{...c,...A}:c))}catch{}}))}finally{T(!1)}}const Q=a.useCallback(i=>W(i),[]),ee=i=>i==null?void 0:i.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"});return e.jsxs("div",{className:"min-h-screen",style:{background:"#08091a"},children:[e.jsx(be,{}),e.jsxs("div",{className:"relative z-10 px-5 py-7 max-w-[1800px] mx-auto",children:[e.jsxs("div",{className:"flex items-end justify-between mb-7",children:[e.jsxs("div",{children:[e.jsx("div",{style:{display:"flex",alignItems:"center",gap:8,marginBottom:10},children:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,padding:"3px 10px 3px 8px",borderRadius:20,background:"rgba(168,85,247,0.10)",border:"1px solid rgba(168,85,247,0.24)",boxShadow:"0 0 16px rgba(168,85,247,0.08)"},children:[e.jsx("span",{style:{width:5,height:5,borderRadius:"50%",background:"#a855f7",boxShadow:"0 0 8px #a855f7",display:"block",animation:"accentPulse 2s ease-in-out infinite"}}),e.jsx("span",{style:{fontSize:10,fontWeight:800,letterSpacing:"0.15em",textTransform:"uppercase",color:"rgba(168,85,247,0.95)"},children:"AI Market Scanner"})]})}),e.jsx("h1",{className:"mkt-h1",style:{fontSize:38,fontWeight:900,letterSpacing:"-0.03em",lineHeight:1,background:"linear-gradient(135deg, #ffffff 20%, rgba(168,85,247,0.85) 100%)",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",backgroundClip:"text"},children:"Market"})]}),e.jsxs("div",{className:"hidden md:flex items-center gap-2",children:[e.jsx(M,{label:"Items",value:k.length.toLocaleString(),accent:"34,211,238",glow:!0}),G>0&&e.jsx(M,{label:"Best Deal",value:`-${Math.round(G)}%`,accent:"34,197,94",glow:!0}),b&&e.jsx(M,{label:"Updated",value:ee(b)}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,padding:"5px 12px",borderRadius:12,background:"rgba(34,197,94,0.08)",border:"1px solid rgba(34,197,94,0.18)"},children:[e.jsx("span",{style:{width:6,height:6,borderRadius:"50%",background:"#4ade80",boxShadow:"0 0 10px rgba(74,222,128,0.6)",display:"block",animation:"accentPulse 1.5s ease-in-out infinite"}}),e.jsx("span",{style:{fontSize:11,fontWeight:800,color:"#4ade80",letterSpacing:"0.08em"},children:"LIVE"})]})]})]}),e.jsx("div",{className:"sticky top-[60px] z-30 py-3 mb-6 -mx-5 px-5",style:{background:"rgba(8,9,26,0.96)",backdropFilter:"blur(12px)",borderBottom:"1px solid rgba(168,85,247,0.13)",boxShadow:"0 4px 30px rgba(0,0,0,0.55), 0 1px 0 rgba(168,85,247,0.08)"},children:e.jsx(oe,{filters:g,setFilters:H})}),s?e.jsx(xe,{}):e.jsx(de,{items:k,onSeeMore:J,onShare:Q,resetKey:X})]}),e.jsx(ie,{open:r,title:y,items:V,loading:q,onClose:()=>d(!1)}),L&&e.jsx(ae,{item:L,kind:"market_item",onClose:()=>W(null)})]})}export{ve as default};