https://www.antstream.com/assets/ChallengesPage-DfFl1dzE.js

1import{q as G,u as R,j as e,a as ae,r as i,F as A,p as te,h as $,C as E,A as le,G as re,l as L,s as ne,L as ie,k as ce,S as oe,D as de,o as me,b as he}from"./index-BMc3EGqA.js";import{C as xe}from"./CreatorBanner-867OJn8a.js";import{L as ge}from"./LandingHero-Bg-gsNbU.js";import{P as pe}from"./PageHeader-BsVh-EJh.js";import{S as ue}from"./SearchBar-B_s8Dv9g.js";import{T as z,C as y,F as fe}from"./FilterPills-IuTfenes.js";import{S as f,M as be}from"./MediaCard-Dm7UXKBo.js";import{T as U}from"./timer-Ba77tdiY.js";import{S as H,C as we}from"./shield-CmMOZBpL.js";import{U as je}from"./users-Dh2dIwqd.js";import"./PromoBanner-CqSVrVBg.js";/**
2 * @license lucide-react v0.554.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const ve=[["path",{d:"M4.929 4.929 19.07 19.071",key:"196cmz"}],["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}]],ke=G("ban",ve);/**
7 * @license lucide-react v0.554.0 - ISC
8 *
9 * This source code is licensed under the ISC license.
10 * See the LICENSE file in the root directory of this source tree.
11 */const Ne=[["path",{d:"M16 7h6v6",key:"box55l"}],["path",{d:"m22 7-8.5 8.5-5-5L2 17",key:"1t1m79"}]],ye=G("trending-up",Ne),_e=({children:o})=>{const{t:a}=R(),b=[{number:"01",title:a("challengesPage.step1Title"),description:a("challengesPage.step1Desc")},{number:"02",title:a("challengesPage.step2Title"),description:a("challengesPage.step2Desc")},{number:"03",title:a("challengesPage.step3Title"),description:a("challengesPage.step3Desc")}];return e.jsxs("section",{id:"challenge-modes",className:"scroll-mt-24 py-20 md:py-28 min-h-[500px] flex flex-col justify-center relative overflow-hidden bg-gradient-to-b from-[#BB01FE] to-[#FE017B] shadow-[0_-35px_60px_-15px_rgba(0,0,0,0.9),_0_35px_60px_-15px_rgba(0,0,0,0.9)] z-20",children:[e.jsx("div",{className:"absolute inset-0 z-0 mix-blend-overlay opacity-10",children:e.jsx("img",{src:"/assets/backgrounds/gamefinderbg.png",alt:"",className:"w-full h-full object-cover"})}),e.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10",children:[o,e.jsxs("div",{className:"grid md:grid-cols-3 gap-8 md:gap-16 relative mt-16 md:mt-20",children:[e.jsx("div",{className:"hidden md:block absolute top-12 left-[16.67%] right-[16.67%] h-0.5 bg-white/20"}),b.map(d=>e.jsxs("div",{className:"flex flex-col items-center text-center",children:[e.jsx("div",{className:"w-24 h-24 rounded-full bg-white flex items-center justify-center mb-6 shadow-xl relative z-10 transition-all duration-300 hover:scale-110 hover:shadow-[0_0_30px_rgba(255,255,255,0.5)] cursor-default",children:e.jsx("span",{className:"font-body font-black text-3xl text-transparent bg-gradient-to-br from-[#BB01FE] to-[#FE017B] bg-clip-text",children:d.number})}),e.jsx("h3",{className:"font-body font-black text-xl text-white uppercase mb-3",children:d.title}),e.jsx("p",{className:"text-white/80 text-sm md:text-base leading-relaxed max-w-[250px] line-clamp-2",children:d.description})]},d.number))]})]})]})},N=24,O=[{rank:1,username:"Jane043",score:"153,554",avatar:"/assets/Icons/player1.png"},{rank:2,username:"RoboGirl",score:"142,100",avatar:"/assets/Icons/player2.png"},{rank:3,username:"StarPlayer",score:"120,050",avatar:"/assets/Icons/player3.png"},{rank:4,username:"DameLuna",score:"115,900",avatar:"/assets/Icons/player4.png"},{rank:5,username:"Charlie007",score:"98,400",avatar:"/assets/Icons/player5.png"}],Ce=["w-full","w-[95%]","w-[90%]","w-[85%]","w-[80%]"],Ie=()=>e.jsx("div",{className:"flex flex-col gap-2 lg:gap-3 w-full max-w-[480px] items-center",children:O.map((o,a)=>e.jsxs("div",{className:`${Ce[a]} relative flex items-center justify-between rounded-full shadow-xl bg-white/15 border border-white/30 backdrop-blur-md py-3 px-4 lg:py-4 lg:px-6 hover:scale-[1.02] transition-all duration-700 ease-[cubic-bezier(0.34,1.56,0.64,1)] animate-slide-in-left`,style:{animationDelay:`${a*150}ms`},children:[e.jsx("div",{className:"w-8 lg:w-12 flex justify-center items-center",children:e.jsxs("span",{className:"font-black text-white/90 text-base lg:text-lg italic",children:["#",o.rank]})}),e.jsx("div",{className:"flex-1 text-center",children:e.jsx("span",{className:"font-header font-bold text-base lg:text-xl xl:text-2xl text-white tracking-wide drop-shadow-sm",children:o.username})}),e.jsx("div",{className:"relative mr-1",children:e.jsx("div",{className:"w-8 h-8 lg:w-12 lg:h-12 rounded-full overflow-hidden border-2 border-white/40 bg-black/20",children:e.jsx("img",{src:o.avatar,alt:o.username,className:"w-full h-full object-cover"})})})]},a))}),Pe=[{key:"filterAll",value:"All",icon:we},{key:"filterScoreAttack",value:"Score Attack",icon:z},{key:"filterTimeAttack",value:"Time Attack",icon:U},{key:"filterBossAttack",value:"Boss Attack",icon:y},{key:"filterCarnage",value:"Carnage",icon:A},{key:"filterSurvivor",value:"Survivor",icon:H},{key:null,value:"Tier 1",icon:f},{key:null,value:"Tier 2",icon:f},{key:null,value:"Tier 3",icon:f},{key:null,value:"Tier 4",icon:f},{key:null,value:"Tier 5",icon:f},{key:"filterTrending",value:"Trending",icon:ye}],F=({challenge:o,game:a,unknownGame:b,className:d})=>e.jsx(be,{imageUrl:$(o.img_src)||(a==null?void 0:a.imageUrl)||"/assets/backgrounds/gamefinderbg.png",title:o.title,subtitle:(a==null?void 0:a.title)||b,ctaTo:"/pricing",className:d,badge:e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"inline-flex items-center gap-1 px-3 py-1 rounded-full border border-white/20 bg-white/10 text-white text-[10px] font-bold uppercase tracking-wide backdrop-blur-sm",children:o.type.replace("_"," ")}),e.jsx("div",{className:"absolute top-0 right-0 flex gap-1",children:Array.from({length:Math.max(0,Math.min(5,o.tier||0))}).map((W,x)=>e.jsx(f,{className:"w-4 h-4 text-[#F3F612] fill-[#F3F612]"},x))})]})}),Re=({onOpenCreatorModal:o})=>{const{t:a}=R(),[b]=ae(),[d,W]=i.useState([]),[x,X]=i.useState({}),[_,J]=i.useState(!0),[C,V]=i.useState(b.get("game")||""),[w,Q]=i.useState("All"),[M,I]=i.useState(N);i.useEffect(()=>{(async()=>{try{const[t,m]=await Promise.all([me(),he()]),l={};t.forEach(r=>{l[r.id]=r}),X(l),W(m)}catch(t){console.error("Error fetching data:",t)}finally{J(!1)}})()},[]);const P=i.useMemo(()=>d.filter(s=>{const t=x[s.gameId];if(!t)return!1;

11const m=(t==null?void 0:t.title)||"",l=C.toLowerCase(),r=w.toLowerCase(),n=s.title.toLowerCase().includes(l)||m.toLowerCase().includes(l);let h=w==="All";if(!h)if(["score attack","time attack","boss attack","carnage","survivor"].includes(r))h=(s.type||"").toLowerCase().replace("_"," ").includes(r);else if(["tier 1","tier 2","tier 3","tier 4","tier 5"].includes(r)){const v=parseInt(r.replace("tier ",""),10);h=s.tier===v}else r==="trending"&&(h=!0);return n&&h}),[d,x,C,w]),T=P.slice(0,M),q=M<P.length,[g,S]=i.useState(0),j=i.useRef(!1),u=i.useRef(null),B=i.useRef(0),c=i.useMemo(()=>{const s=["score_attack","time_attack","survivor","carnage","boss_attack","pacifist"];return[{icon:z,name:a("howItWorks.modes.scoreAttack"),description:a("howItWorks.modes.scoreAttackDesc"),challenges:180,intensity:3,thumbnails:["/assets/games/asteroids.png","/assets/games/spaceinvaders.png","/assets/games/bombjack.png"]},{icon:U,name:a("howItWorks.modes.timeAttack"),description:a("howItWorks.modes.timeAttackDesc"),challenges:145,intensity:3,thumbnails:["/assets/games/pacman.png","/assets/games/bombjack.png","/assets/games/asteroids.png"]},{icon:H,name:a("howItWorks.modes.survival"),description:a("howItWorks.modes.survivalDesc"),challenges:95,intensity:4,thumbnails:["/assets/games/spaceinvaders.png","/assets/games/March/batsugun-game-image-draft.jpg","/assets/games/pacman.png"]},{icon:A,name:a("howItWorks.modes.carnage"),description:a("howItWorks.modes.carnageDesc"),challenges:110,intensity:5,thumbnails:["/assets/games/March/fire-shark_toaplan_arcade_game-image-social.jpg","/assets/games/asteroids.png","/assets/games/spaceinvaders.png"]},{icon:y,name:a("howItWorks.modes.bossRush"),description:a("howItWorks.modes.bossRushDesc"),challenges:60,intensity:5,thumbnails:["/assets/games/bombjack.png","/assets/games/March/zero-wing_toaplan-co_arcade_game-image (1).jpg","/assets/games/asteroids.png"]},{icon:ke,name:a("howItWorks.modes.pacifist"),description:a("howItWorks.modes.pacifistDesc"),challenges:40,intensity:5,thumbnails:["/assets/games/pacman.png","/assets/games/spaceinvaders.png","/assets/games/bombjack.png"]}].map((m,l)=>{const r=te(d.filter(n=>(n.type||"").toLowerCase()===s[l]&&n.img_src),3).map(n=>$(n.img_src));return{...m,thumbnails:r.length?r:m.thumbnails}})},[d,a]),p=i.useCallback(s=>{S(s),u.current&&clearInterval(u.current),u.current=setInterval(()=>{j.current||S(t=>(t+1)%c.length)},5e3)},[c.length]),K=i.useCallback(()=>{p((g-1+c.length)%c.length)},[g,c.length,p]),Y=i.useCallback(()=>{p((g+1)%c.length)},[g,c.length,p]);i.useEffect(()=>(u.current=setInterval(()=>{j.current||S(s=>(s+1)%c.length)},5e3),()=>{u.current&&clearInterval(u.current)}),[c.length]);const Z=i.useMemo(()=>{const s=[a("howItWorks.topChallenge1Game"),a("howItWorks.topChallenge2Game"),a("howItWorks.topChallenge3Game"),a("howItWorks.topChallenge4Game"),a("howItWorks.topChallenge5Game")],t=new Set;return s.flatMap(m=>{const l=Object.values(x).find(n=>n.title.toLowerCase()===m.toLowerCase());if(!l)return[];const r=d.find(n=>n.gameId===l.id&&!!n.img_src&&!t.has(n._id));return r?(t.add(r._id),[r]):[]})},[d,x,a]);return e.jsxs(e.Fragment,{children:[e.jsx(ge,{badge:a("challengesPage.heroBadge"),titleLine1:a("challengesPage.heroTitleLine1"),titleLine2:a("challengesPage.heroTitleLine2"),description:a("challengesPage.heroDescription"),primaryCTALabel:a("challengesPage.heroPrimaryCTA"),secondaryCTALabel:a("challengesPage.heroSecondaryCTA"),secondaryCTARoute:"#challenge-library",heroVisual:e.jsx(Ie,{}),hideStats:!0}),e.jsxs(_e,{children:[e.jsxs("div",{className:"md:hidden max-w-sm mx-auto",onTouchStart:s=>{B.current=s.touches[0].clientX},onTouchEnd:s=>{const t=B.current-s.changedTouches[0].clientX;t>50?Y():t<-50&&K()},children:[(()=>{const s=c[g],t=s.icon;return e.jsx(E,{title:e.jsx("h3",{className:"text-white font-black text-base uppercase tracking-wide",children:s.name}),headerRight:e.jsx("span",{className:"text-white/80 text-xs font-bold",children:a("howItWorks.challengeCount",{count:s.challenges})}),className:"shadow-[0_20px_60px_rgba(0,0,0,0.6)]",bgOpacity:"opacity-20",bgOverlay:"bg-black/70 backdrop-blur-xl",children:e.jsxs("div",{className:"p-5",children:[e.jsxs("div",{className:"flex items-center gap-4 mb-4",children:[e.jsx("div",{className:"flex-shrink-0 w-14 h-14 roun

11ded-xl bg-white/10 flex items-center justify-center",children:e.jsx(t,{className:"w-8 h-8 text-white"})}),e.jsx("div",{className:"flex-1 min-w-0",children:e.jsx("p",{className:"text-white/70 text-sm leading-relaxed",children:s.description})})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-white/40 text-[10px] font-bold uppercase tracking-wider",children:a("howItWorks.intensity")}),e.jsx("div",{className:"flex gap-1.5",children:Array.from({length:5}).map((m,l)=>e.jsx("div",{className:`w-2.5 h-2.5 rounded-full transition-colors ${l<s.intensity?"bg-gradient-to-br from-[#BB01FE] to-[#FE017B] shadow-[0_0_6px_rgba(200,0,227,0.5)]":"bg-white/10"}`},l))})]}),e.jsx("div",{className:"flex items-center gap-1.5",children:s.thumbnails.map((m,l)=>e.jsx("div",{className:"w-8 h-8 rounded-lg overflow-hidden border border-white/20 flex-shrink-0",children:e.jsx("img",{src:m,alt:"",className:"w-full h-full object-cover"})},l))})]})]})})})(),e.jsx("div",{className:"flex justify-center gap-2.5 mt-6",children:c.map((s,t)=>e.jsx("button",{onClick:()=>p(t),className:`rounded-full transition-all duration-500 ${t===g?"w-8 h-2.5 bg-white":"w-2.5 h-2.5 bg-white/30 hover:bg-white/50"}`,"aria-label":`Go to slide ${t+1}`},t))})]}),e.jsxs("div",{className:"relative max-w-[1400px] mx-auto hidden md:block",onMouseEnter:()=>{j.current=!0},onMouseLeave:()=>{j.current=!1},children:[e.jsx("div",{className:"relative w-full min-h-[300px]",children:c.map((s,t)=>{const m=s.icon;let l=t-g;const r=c.length/2;l>r&&(l-=c.length),l<-r&&(l+=c.length);const n=Math.abs(l),h=l===0,v=h?1.02:n===1?.88:.75,ee=h?1:n===1?.45:0,se=h?30:n===1?20:10;return e.jsx("div",{className:"absolute top-0 w-full max-w-[500px] transition-all duration-700 ease-[cubic-bezier(0.4,0,0.2,1)]",style:{left:"50%",transform:`translateX(calc(-50% + ${l*105}%)) scale(${v})`,opacity:ee,zIndex:se,pointerEvents:n<=1?"auto":"none"},onClick:h?void 0:()=>p(t),children:e.jsx(E,{title:e.jsx("h3",{className:"text-white font-black text-lg uppercase tracking-wide",children:s.name}),headerRight:e.jsx("span",{className:"text-white/80 text-sm font-bold",children:a("howItWorks.challengeCount",{count:s.challenges})}),className:`transition-shadow duration-700 ${h?"shadow-[0_20px_60px_rgba(0,0,0,0.6)]":"shadow-lg"} ${!h&&n===1?"cursor-pointer":""}`,bgOpacity:"opacity-20",bgOverlay:"bg-black/70 backdrop-blur-xl",children:e.jsxs("div",{className:"p-8 flex items-stretch gap-7",children:[e.jsx("div",{className:"flex items-center justify-center flex-shrink-0 w-28",children:e.jsx(m,{className:"w-full h-full text-white"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-white/70 text-base leading-relaxed mb-4",children:s.description}),e.jsxs("div",{className:"flex items-center gap-2 mb-4",children:[e.jsx("span",{className:"text-white/40 text-xs font-bold uppercase tracking-wider",children:a("howItWorks.intensity")}),e.jsx("div",{className:"flex gap-1.5",children:Array.from({length:5}).map((D,k)=>e.jsx("div",{className:`w-3 h-3 rounded-full transition-colors ${k<s.intensity?"bg-gradient-to-br from-[#BB01FE] to-[#FE017B] shadow-[0_0_6px_rgba(200,0,227,0.5)]":"bg-white/10"}`},k))})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[s.thumbnails.map((D,k)=>e.jsx("div",{className:"w-10 h-10 rounded-lg overflow-hidden border border-white/20 flex-shrink-0",children:e.jsx("img",{src:D,alt:"",className:"w-full h-full object-cover"})},k)),e.jsx("span",{className:"text-white/30 text-xs font-bold ml-1",children:a("howItWorks.more")})]})]})]})})},s.name)})}),e.jsx("div",{className:"flex justify-center gap-2.5 mt-8",children:c.map((s,t)=>e.jsx("button",{onClick:()=>p(t),className:`rounded-full transition-all duration-500 ${t===g?"w-8 h-2.5 bg-white":"w-2.5 h-2.5 bg-white/30 hover:bg-white/50"}`,"aria-label":`Go to slide ${t+1}`},t))})]})]}),e.jsxs("section",{className:"relative overflow-hidden bg-ant-darker py-16 text-white md:py-24","aria-labelledby":"popular-challenges-heading",children:[e.jsx("div",{className:"pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_15%_20%,rgba(200,0,227,0.18),transparent_32%)]"}),e.jsxs("div",{className:"relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8",children:[e.jsxs("div",{className:"mb-9 flex items-end justify-between gap-5",children:[e.jsxs("div",{children:[e.jsxs("span",{className:"flex items-center gap-2 text-xs font-black uppercase tracking-[0.22em] text-ant-pink",children:[e.jsx(A,{className:"h-4 w-4"})," Player favourites"]}),e.jsx("h2",{id:"popular-challenges-heading",className:"mt-3 font-body text-3xl font-black uppercase text-white md:text-5xl",children:"Most popular"}),e.jsx("p",{className:"mt-4 max-w-2xl font-semibold text-white/60",children:"Jump into a featured challenge and see how your run compares with the community."})]}),e.jsxs("a",{href:"#challenge-library",className:"hidden items-center gap-2 text-xs font-black uppercase tracking-widest text-white/65 transition hover:text-white sm:flex",children:["Browse all ",e.jsx(le,{className:"h-4 w-4"})]})]}),e.jsx("div",{className:"home-shelf flex snap-x snap-mandatory gap-4 overflow-x-auto pb-5 md:gap-5",children:Z.map(s=>e.jsx(F,{challenge:s,game:x[s.gameId],unknownGame:a("challengesPage.unknownGame"),className:"w-[72vw] max-w-[270px] flex-none snap-start"},s._id))})]})]}),e.jsx("section",{className:"bg-gradient-to-b from-[#160a22] to-[#0b0611] py-16 text-white md:py-24","aria-labelledby":"

11challenge-community-heading",children:e.jsxs("div",{className:"mx-auto grid max-w-7xl gap-6 px-4 sm:px-6 lg:grid-cols-[1.15fr_0.85fr] lg:px-8",children:[e.jsxs("article",{className:"rounded-3xl border border-white/10 bg-white/[0.045] p-6 md:p-8",children:[e.jsxs("div",{className:"mb-6 flex items-center gap-3",children:[e.jsx(y,{className:"h-6 w-6 text-ant-pink"}),e.jsxs("div",{children:[e.jsx("span",{className:"text-[10px] font-black uppercase tracking-[0.2em] text-white/45",children:"Leaderboard"}),e.jsx("h2",{id:"challenge-community-heading",className:"font-body text-2xl font-black uppercase text-white md:text-3xl",children:"Current champions"})]})]}),e.jsx("ol",{className:"space-y-3",children:O.map(s=>e.jsxs("li",{className:"grid grid-cols-[auto_auto_1fr_auto] items-center gap-3 rounded-xl border border-white/5 bg-black/25 p-3.5",children:[e.jsxs("span",{className:"w-8 text-center text-sm font-black italic text-white/45",children:["#",s.rank]}),e.jsx("img",{src:s.avatar,alt:"",className:"h-10 w-10 rounded-full border border-white/15 bg-black/30 object-cover"}),e.jsxs("div",{children:[e.jsx("strong",{className:"block text-sm font-black uppercase text-white",children:s.username}),e.jsxs("span",{className:"text-xs font-semibold text-white/40",children:["Score: ",s.score]})]}),s.rank===1?e.jsx(y,{className:"h-5 w-5 fill-ant-pink text-ant-pink"}):e.jsxs("span",{className:"text-xs font-black uppercase tracking-widest text-white/35",children:["Tier ",Math.min(s.rank+1,5)]})]},s.username))})]}),e.jsxs("article",{className:"relative overflow-hidden rounded-3xl border border-white/10 bg-gradient-to-br from-ant-purple/55 to-ant-pink/30 p-7 md:p-9",children:[e.jsx(re,{className:"absolute -bottom-8 -right-8 h-56 w-56 rotate-[-12deg] text-white/[0.07]","aria-hidden":"true"}),e.jsxs("div",{className:"relative",children:[e.jsx("span",{className:"grid h-14 w-14 place-items-center rounded-2xl bg-white/10",children:e.jsx(je,{className:"h-7 w-7 text-white"})}),e.jsx("h2",{className:"mt-8 font-body text-4xl font-black uppercase leading-none text-white md:text-6xl",children:"Challenge your friends"}),e.jsx("p",{className:"mt-5 max-w-md font-semibold leading-relaxed text-white/70",children:"Compete solo, send a challenge to a friend and chase the top spot across hundreds of original modes."}),e.jsxs("div",{className:"mt-7 flex flex-col gap-3 sm:flex-row lg:flex-col xl:flex-row",children:[e.jsx(L,{as:"a",href:ne("https://live.antstream.com/"),target:"_blank",rel:"noopener noreferrer",variant:"white",children:"Make a free account"}),e.jsx(L,{as:ie,to:"/pricing",variant:"secondary",children:"View memberships"})]})]})]})]})}),e.jsx("div",{className:"bg-ant-darker text-white relative overflow-hidden",children:e.jsxs("section",{id:"challenge-library",className:"relative z-10 scroll-mt-24",children:[e.jsx("div",{className:"py-16 md:py-28",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[e.jsx(pe,{title:a("challengesPage.title"),accentWord:a("challengesPage.accentWord"),subtitle:a("challengesPage.subtitle")}),e.jsx(ue,{id:"challenges-search",value:C,onChange:s=>{V(s),I(N)},placeholder:a("challengesPage.searchPlaceholder"),loading:_}),e.jsx(fe,{items:Pe.map(s=>({label:s.key?a(`challengesPage.${s.key}`):s.value,value:s.value,icon:s.icon})),selected:w,onSelect:s=>{Q(s),I(N)},secondRowStart:6})]})}),e.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 min-h-[60vh] -mt-12","aria-live":"polite",children:[_?e.jsxs("div",{className:"flex flex-col items-center justify-center py-20",children:[e.jsx(ce,{className:"w-12 h-12 text-ant-purple-vivid animate-spin mb-4"}),e.jsx("p",{className:"text-white/70 font-body",children:a("challengesPage.loading")})]}):T.length>0?e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6",children:T.map(s=>e.jsx(F,{challenge:s,game:x[s.gameId],unknownGame:a("challengesPage.unknownGame")},s._id))}):e.jsxs("div",{className:"flex flex-col items-center justify-center py-20 text-center",children:[e.jsx("div",{className:"w-24 h-24 bg-white/5 rounded-full flex items-center justify-center mb-6",children:e.jsx(oe,{className:"w-10 h-10 text-white/30"})}),e.jsx("h3",{className:"text-2xl font-black uppercase text-white mb-2",children:a("challengesPage.noResults")}),e.jsx("p",{className:"text-white/50",children:a("challengesPage.noResultsHint")})]}),!_&&q&&e.jsxs("div",{className:"py-16 flex flex-col items-center gap-3",children:[e.jsx("span",{className:"text-white/40 text-sm font-semibold",children:a("challengesPage.showing",{count:T.length,total:P.length})}),e.jsx(L,{onClick:()=>I(s=>s+N),className:"px-10",children:a("challengesPage.loadMore")})]}),e.jsx(xe,{className:"mt-16 mb-24",onJoinClick:o})]})]})}),e.jsx(de,{})]})};export{Re as default};