https://main.assets.gameloft.com/static/assets/_main.classcup._index-Cu5ec8wq.js

1import{j as s,r as y}from"./components-5FRlAwVN.js";import{$ as W,h as M,H as V,A as C,F as J}from"./Header-CLeW4wUd.js";import{f as b}from"./constants-BFwIr2YJ.js";import{C as K,a as Q}from"./ClassCard-O42pgSlz.js";import{u as v,c as R,d as E,h as D,p as B,a as F,f as X,m as Y,n as Z,i as $,o as ss,e as es,j as ts,q as as}from"./ClassCup.data-D2XFxeE5.js";import{c as _}from"./ClassCup.common.module-Dk46Wvcd.js";import{F as ns,C as os}from"./Countdown-ChxCZrAE.js";import{h as rs,B as is}from"./FormBuilder-iq3ihBX7.js";import{a as ls,p as cs,c as _s}from"./ClassCup.module-CPMNHXmd.js";import{G as ds}from"./grid-pattern-DlJJ8hIc.js";import{u as ms}from"./ClassCup.journey-CBJ2ZvkQ.js";import{u as ps,f as H,t as us,T as hs}from"./format-B_5ovYj-.js";import{U as gs}from"./UrlLink-A9exnr6G.js";import{B as xs}from"./BasePaginationPages-BBUeEQ_s.js";import{G as bs}from"./GameCard-CKUFS0kw.js";import"./gsap-ByPAgKVh.js";import"./_flatRest-CHuGhrKI.js";import"./useCountdown-CRywClPG.js";import"./utils-C8wP0GxI.js";const js="_section_xucjo_19",Ns="_title_xucjo_26",fs="_list_xucjo_27",A={section:js,title:Ns,list:fs},ks=()=>{var a;const n=v(),e=R((a=n==null?void 0:n.classes)==null?void 0:a.phases),t=E();return t.length===0?null:s.jsxs("section",{className:b(_.section,A.section),children:[s.jsx("h2",{className:b(_["section-title"],A.title),children:e.title}),s.jsx(K,{className:A.list,children:t.map(o=>s.jsx(Q,{data:o},o.key))})]})},ws=()=>{var a,o,r;const n=v(),e=D(),t=((o=B((a=n==null?void 0:n.faq)==null?void 0:a.phases,e))==null?void 0:o.entries)||[];return s.jsx("section",{className:_.section,children:s.jsx(ns,{title:(r=n==null?void 0:n.faq)==null?void 0:r.title,items:t,idPrefix:"cc-faq"})})},ys="_root_r0q0n_9",vs="_grid_r0q0n_33",qs="_grid__img_r0q0n_45",Cs="_content_r0q0n_55",Ss="_logo_r0q0n_71",zs="_pill_r0q0n_77",$s="_heading_r0q0n_107",Ps="_wordmark_r0q0n_113",Ts="_intro_r0q0n_119",Rs="_actions_r0q0n_132",Is="_filled_r0q0n_156",Ls="_timer_r0q0n_161",As="_timer__label_r0q0n_181",Es="_timer__dot_r0q0n_193",Gs="_timer__content_r0q0n_247",Ms="_timer__rule_r0q0n_260",Us="_timer__details_r0q0n_267",p={root:ys,grid:vs,grid__img:qs,content:Cs,logo:Ss,pill:zs,heading:$s,wordmark:Ps,intro:Ts,actions:Rs,filled:Is,timer:Ls,timer__label:As,timer__dot:Es,timer__content:Gs,timer__rule:Ms,timer__details:Us},Ds=n=>n==="primary"?"primary":"outline",Bs=n=>{var P,q,T;const e=v(),t=D(),a=ls(),o=F(),r=B((P=e==null?void 0:e.hero)==null?void 0:P.phases,t),l=(r==null?void 0:r.labels)||{},h=(r==null?void 0:r.buttons)||[],g=X(l.description,{players:o==null?void 0:o.registeredUsers,submissions:o==null?void 0:o.totalSubmissions}),i=Y(),x=Z(),d=(q=e==null?void 0:e.assets)==null?void 0:q.heroLogo,j=(T=e==null?void 0:e.assets)==null?void 0:T.heroLogoMobile;return s.jsxs("section",{className:p.root,children:[s.jsx("div",{className:p.grid,"aria-hidden":"true",children:s.jsx("img",{className:p.grid__img,src:ds,alt:""})}),s.jsxs("div",{className:p.content,children:[s.jsxs("div",{className:p.logo,children:[l.badgeText&&s.jsx("p",{className:p.pill,children:l.badgeText}),d?s.jsx("h1",{className:p.heading,children:s.jsx(rs,{className:p.wordmark,src:{default:(j==null?void 0:j.url)||d.url,tablet:d.url},alt:$(d,"Class Cup"),width:d.width||655,height:d.height||208})}):s.jsx("h1",{className:"sr-only",children:"Class Cup"})]}),g&&!ss(g)&&s.jsx("p",{className:p.intro,children:g}),h.length>0&&s.jsx("div",{className:p.actions,children:h.map(k=>{if(!k.url)return null;const S=a(k.url);if(cs(S,"register")&&!x)return null;const z=Ds(k.variant);return s.jsx(is,{className:z==="primary"?p.filled:void 0,color:"white",variant:z,size:"large",href:S,children:k.text},k.text)})})]}),l.countdownTitle&&i&&s.jsxs("div",{className:p.timer,children:[s.jsxs("p",{className:p.timer__label,children:[s.jsx("span",{className:p.timer__dot,"aria-hidden":"true"}),l.countdownTitle]}),s.jsxs("div",{className:p.timer__content,children:[s.jsx(os,{deadline:i}),s.jsx("hr",{className:p.timer__rule}),s.jsxs("div",{className:p.timer__details,children:[l.countdownNoteLeft&&s.jsx("span",{children:l.countdownNoteLeft}),l.countdownNoteRight&&s.jsx("span",{children:l.countdownNoteRight})]})]})]})]})},Fs="_root_jt4r6_7",Hs="_heading_jt4r6_12",Os="_title_jt4r6_30",Ws="_steps_jt4r6_46",Vs="_step_jt4r6_46",Js="_step__head_jt4r6_92",Ks="_step__num_jt4r6_97",Qs="_step__title_jt4r6_113",Xs="_step__text_jt4r6_120",f={root:Fs,heading:Hs,title:Os,steps:Ws,step:Vs,step__head:Js,step__num:Ks,step__title:Qs,step__text:Xs},Ys=n=>{var o;const e=v(),t=(o=e==null?void 0:e.howItWorksSection)==null?void 0:o.howItWorks,a=(t==null?void 0:t.steps)||[];return a.length===0?null:s.jsxs("section",{className:b(_.section,f.root),children:[s.jsxs("div",{className:f.heading,children:[(t==null?void 0:t.eyebrow)&&s.jsx("p",{className:_.pill,children:t.eyebrow}

1),(t==null?void 0:t.title)&&s.jsx("h2",{className:f.title,children:t.title})]}),s.jsx("ol",{className:b(f.steps),children:a.map((r,l)=>s.jsxs("li",{className:f.step,children:[s.jsxs("div",{className:f.step__head,children:[s.jsx("span",{className:f.step__num,"aria-hidden":"true",children:l+1}),s.jsx("span",{className:f.step__title,children:r.title})]}),s.jsx("p",{className:f.step__text,children:r.description})]},r.title))})]})},Zs="_heading_dkbz3_9",se="_rows_dkbz3_21",ee="_row_dkbz3_21",te="_rank_dkbz3_65",ae="_icon_dkbz3_78",ne="_body_dkbz3_108",oe="_name_dkbz3_118",re="_tag_dkbz3_138",ie="_bar_dkbz3_151",le="_bar__fill_dkbz3_159",ce="_points_dkbz3_177",_e="_delta_dkbz3_190",m={heading:Zs,rows:se,row:ee,"row--leader":"_row--leader_dkbz3_60",rank:te,icon:ae,"icon--racing":"_icon--racing_dkbz3_96","icon--critters":"_icon--critters_dkbz3_100","icon--strategy":"_icon--strategy_dkbz3_104",body:ne,"name-row":"_name-row_dkbz3_118",name:oe,tag:re,bar:ie,bar__fill:le,"bar__fill--racing":"_bar__fill--racing_dkbz3_165","bar__fill--critters":"_bar__fill--critters_dkbz3_169","bar__fill--strategy":"_bar__fill--strategy_dkbz3_173",points:ce,delta:_e,"delta--up":"_delta--up_dkbz3_201","delta--down":"_delta--down_dkbz3_208"},de=n=>{const e=us(n);return{text:`${hs[e]} ${H(Math.abs(n))}`,direction:e}},me=({showTitle:n=!0,duration:e,stagger:t,pollMs:a})=>{var S,z;const o=v(),r=R((S=o==null?void 0:o.leaderboard)==null?void 0:S.phases),l=E(),h=F(),g=ms(),i=y.useMemo(()=>(h==null?void 0:h.classes)||[],[h]),x=c=>l.find(I=>I.key===c),d=Math.max(1,...i.map(c=>c.score));es(a);const j=y.useRef(null),P=y.useMemo(()=>i.map(c=>({key:c.slug,value:c.score})),[i]),q=ps(j,P,{duration:e,stagger:t}),T=i.some(c=>c.score>0),k=(z=o==null?void 0:o.leaderboard)==null?void 0:z.yourClassLabel;return i.length===0?null:s.jsxs("section",{className:_.section,children:[s.jsxs("div",{className:m.heading,children:[r.eyebrow&&!T&&s.jsx("p",{className:_.pill,children:r.eyebrow}),n&&s.jsx("h2",{className:_["section-title"],children:r.title})]}),s.jsx("ol",{className:m.rows,ref:j,children:i.map((c,I)=>{const w=x(c.slug),L=de(c.pointsDelta),O=!!g.classSlug&&g.classSlug===c.slug,G=(q==null?void 0:q[I])??c.score;return s.jsxs("li",{className:b(m.row,{[m["row--leader"]]:c.rank===1}),children:[s.jsx("span",{className:m.rank,children:c.rank}),s.jsx("span",{className:b(m.icon,m[`icon--${c.slug}`]),children:(w==null?void 0:w.icon)&&s.jsx("img",{src:w.icon.url,alt:$(w.icon),width:40,height:40})}),s.jsxs("div",{className:m.body,children:[s.jsxs("div",{className:m["name-row"],children:[s.jsx("span",{className:m.name,children:(w==null?void 0:w.name)||c.title}),O&&k&&s.jsx("span",{className:m.tag,children:k})]}),s.jsx("div",{className:m.bar,children:s.jsx("span",{className:b(m.bar__fill,m[`bar__fill--${c.slug}`]),style:{width:`${G/d*100}%`}})})]}),s.jsx("span",{className:m.points,children:H(Math.round(G))}),s.jsx("span",{className:b(m.delta,{[m["delta--up"]]:L.direction==="up",[m["delta--down"]]:L.direction==="down"}),children:L.text})]},c.slug)})})]})},pe=n=>{const{slider:e,...t}=n,[a,o]=y.useState({totalSlide:0,selectedSlide:0}),[r,l]=y.useState(!0),{totalSlide:h,selectedSlide:g}=a;y.useEffect(()=>{if(e){const d=()=>{o({totalSlide:e.totalSlide,selectedSlide:e.selectedSlide})},j=()=>{l(e.enable)};return e.on("slideChange",d),e.on("activeChange",j),d(),j(),()=>{e.off("slideChange",d),e.off("activeChange",j)}}},[e]);const i=g+1,x=(e==null?void 0:e.config.loop)||!1;return r?s.jsx(xs,{...t,totalPage:h,selectedPage:i,loop:x,onPageSelected:d=>e==null?void 0:e.slideTo(d-1),onPageNext:()=>e==null?void 0:e.slideTo(g+1),onPagePrev:()=>e==null?void 0:e.slideTo(g-1)}):null},ue="_slider_1kpy3_11",he="_slide_1kpy3_11",ge="_pagination_1kpy3_84",xe="_page_1kpy3_99",be="_nav_1kpy3_138",N={slider:ue,slide:he,"card-link":"_card-link_1kpy3_61",pagination:ge,page:xe,"page--active":"_page--active_1kpy3_117","page-dot":"_page-dot_1kpy3_123",nav:be,"nav--disabled":"_nav--disabled_1kpy3_163","nav__icon--prev":"_nav__icon--prev_1kpy3_168"},je=n=>{var g;const e=v(),t=R((g=e==null?void 0:e.participatingGames)==null?void 0:g.phases),a=ts(),o=as(),[r,l]=y.useState(),h=o.map(i=>a==null?void 0:a[i]).filter(i=>!!i);return h.length===0?null:s.jsxs("section",{className:_.section,children:[s.jsx("h2",{className:_["section-title"],children:t.title}),s.jsx(W,{classes:{root:N.slider,slide:N.slide},sliderRef:l,options:{align:"start",loop:!0},children:h.map(i=>s.jsx(gs,{href:i.url,className:N["card-link"],children:s.jsx(bs,{...i})},i.slug))}),s.jsx(pe,{slider:r,classes:{root:N.pagination,pageItem:N.page,pageItemActive:N["page--active"],pageDot:N["page-dot"],navItem:N.nav,navItemDisable:N["nav--disabled"]},prevElm:s.jsx(M,{className:N["nav__icon--prev"],"aria-hidden":"true"}),nextElm:s.jsx(M,{"aria-hidden":"true"})})]})},Ne="_columns_1mmqu_22",fe="_column_1mmqu_22",ke="_body_1mmqu_40",we="_body__title_1mmqu_55",ye="_games_1mmqu_64",ve="_game_1mmqu_64",qe="_game__logo_1mmqu_79",Ce="_rewards_1mmqu_91",Se="_reward_1mmqu_91",ze="_reward__icon_1mmqu_110",$e="_reward__label_1mmqu_117",Pe="_tabs_1mmqu_126",Te="_tab_1mmqu_126",Re="_panel_1mmqu_174",u={"layout-mobile":"_layout-mobile_1mmqu_11",columns:Ne,column:fe,body:ke,body__title:we,games:ye,game:ve,game__logo:qe,rewards:Ce,reward:Se,reward__icon:ze,reward__label:$e,tabs:Pe,tab:Te,"tab--active":"_tab--active_1mmqu_155","tab--critters":"_tab--critters_1mmqu_162","tab--racing":"_tab--racing_1mmqu_166","tab--strategy":"_tab--strategy_1mmqu_170",panel:Re},U=({cls:n,cardLabels:e})=>s.jsxs("div",{className:b(_.card,u.column),children:[s.jsxs("div",{className:b(_["card-header"],_[`card-header--${n.key}`]),children:[n.icon&&s.jsx("img",{className:_["card-header__icon"],src:n.icon.url,alt:$(n.icon),width:57,height:57}),s.jsx("span",{className:_["card-header__name"],children:n.name})]}),s.jsxs("div",{className:u.body,children:[e.eyebrow&&s.jsx("p",{className:_["pill-wins"],children:e.eyebrow}),e.title&&s.jsx("h3",{className:u.body__title,children:e.title}),s.jsx("div",{className:u.games,children:n.games.map(t=>s.jsxs("div",{className:u.game,children:[s.jsx("div",{className:u.game__logo,children:t.logo&&s.jsx("img",{className:_["game-logo"],src:t.logo.url,alt:$(t.logo,t.name),width:t.logo.width||void 0,height:t.logo.height||void 0,loading:"lazy"})}),s.jsx("ul",{className:u.rewards,children:t.rewards.map(a=>s.jsxs("li",{className:u.reward,children:[a.icon&&s.jsx("img",{className:u.reward__icon,src:a.icon.url,alt:$(a.icon),width:a.icon.width||void 0,height:a.icon.height||void 0,loading:"lazy"}),s.jsx("span",{className:u.reward__label,children:a.label})]},a.label))})]},t.slug))})]})]}),Ie=n=>{var g,i;const e=v(),t=R((g=e==null?void 0:e.rewards)==null?void 0:g.phases),a=E(),o=((i=e==null?void 0:e.rewards)==null?void 0:i.cardLabels)||{},[r,l]=y.useState(0);if(a.length===0)return null;const h=a[Math.min(r,a.length-1)];return s.jsxs("section",{className:_.section,children:[s.jsx("h2",{className:_["section-title"],children:t.title}),s.jsxs("div",{className:u["layout-mobile"],children:[s.jsx("div",{className:u.tabs,role:"tablist","aria-label":"Reward classes",children:a.map((x,d)=>s.jsx("button",{type:"button",role:"tab",id:`cc-reward-tab-${x.key}`,"aria-selected":d===r,"aria-controls":`cc-reward-panel-${x.key}`,className:b(u.tab,u[`tab--${x.key}`],{[u["tab--active"]]:d===r}),onClick:()=>l(d),children:x.name},x.key))}),s.jsx("div",{className:u.panel,role:"tabpanel",id:`cc-reward-panel-${h.key}`,"aria-labelledby":`cc-reward-tab-${h.key}`,children:s.jsx(U,{cls:h,cardLabels:o})})]}),s.jsx("div",{className:u.columns,children:a.map(x=>s.jsx(U,{cls:x,cardLabels:o},x.key))})]})},Le=()=>s.jsxs("div",{className:_s.root,children:[s.jsx(V,{signup:!0,backTop:!0,support:!0,share:!0}),s.jsx(Bs,{}),s.jsx(C,{custom:"100px",children:s.jsx(Ys,{})}),s.jsx(C,{custom:"100px",children:s.jsx(ks,{})}),s.jsx(C,{custom:"100px",children:s.jsx(me,{})}),s.jsx(C,{custom:"100px",children:s.jsx(Ie,{})}),s.jsx(C,{custom:"100px",children:s.jsx(je,{})}),s.jsx(C,{custom:"100px",children:s.jsx(ws,{})}),s.jsx(J,{})]});function et(){return s.jsx(Le,{})}export{et as default};