@dcl/landing-site 0.5.1-24686484792.commit-e56f2bf → 0.5.1-24696786650.commit-39f76cb

package/assets/HomePage-BZg04XAY.js

@@ -0,0 +1,3 @@
+import{A as bt,C as Ct,D as vt,i as kt,aS as wt,_ as yt,c as R,aQ as jt,j as t,E as ee,F as $,G as St,s as r,aD as _t,aT as At,al as H,am as N,a as d,v as j,aU as Lt,x as T,r as Pe,as as Dt,X as Mt,z as _,B as Tt,aJ as ie,aV as z,aW as se,aX as Rt,aY as It,aH as Wt}from"./index-_DB-noma.js";import{r as i,e as Ft}from"./vendor-router-D_36sTKu.js";import"./vendor-ua-D7qqAxdq.js";import{k as Bt,l as Et,m as Ue,n as $t}from"./events.client-CWWGjxi9.js";import{u as O}from"./useAuthIdentity-CvL2aq09.js";import{d as Ve,T as I}from"./ContentCopy-D1MZhJvE.js";import{P as Ye}from"./Paper-DQs--rBO.js";import{a as Ht,d as Nt}from"./ArrowBackIosNew-Dy0wgUVY.js";import{u as le}from"./profile.client-CmNJLNox.js";import{E as qe,B as Ge,L as Xe,U as Ke,d as Ot}from"./Badges-MRoIfo36.js";import"./vendor-crypto-uuuQA3i5.js";import"./vendor-schemas-DJzTSxpO.js";import"./vendor-sentry-BSvWNK4f.js";import"./vendor-intl-D2lXWsDp.js";import"./Grow-BrqQ3k5X.js";import"./JumpInIcon-TFxEXFSr.js";import"./createSvgIcon-Ck-nYodG.js";import"./useSlot-Cy5UGC7c.js";import"./CardContent-C2Yp8bGg.js";import"./Skeleton-yDn4B-G5.js";import"./CardMedia-B8io6l5d.js";import"./Link-Knt-Kosk.js";function zt(e){return bt("MuiDialog",e)}const te=Ct("MuiDialog",["root","scrollPaper","scrollBody","container","paper","paperScrollPaper","paperScrollBody","paperWidthFalse","paperWidthXs","paperWidthSm","paperWidthMd","paperWidthLg","paperWidthXl","paperFullWidth","paperFullScreen"]),Pt=i.createContext({}),Ut=["aria-describedby","aria-labelledby","BackdropComponent","BackdropProps","children","className","disableEscapeKeyDown","fullScreen","fullWidth","maxWidth","onBackdropClick","onClick","onClose","open","PaperComponent","PaperProps","scroll","TransitionComponent","transitionDuration","TransitionProps"],Vt=r(At,{name:"MuiDialog",slot:"Backdrop",overrides:(e,n)=>n.backdrop})({zIndex:-1}),Yt=e=>{const{classes:n,scroll:o,maxWidth:s,fullWidth:a,fullScreen:l}=e,c={root:["root"],container:["container",`scroll${$(o)}`],paper:["paper",`paperScroll${$(o)}`,`paperWidth${$(String(s))}`,a&&"paperFullWidth",l&&"paperFullScreen"]};return St(c,zt,n)},qt=r(_t,{name:"MuiDialog",slot:"Root",overridesResolver:(e,n)=>n.root})({"@media print":{position:"absolute !important"}}),Gt=r("div",{name:"MuiDialog",slot:"Container",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.container,n[`scroll${$(o.scroll)}`]]}})(({ownerState:e})=>R({height:"100%","@media print":{height:"auto"},outline:0},e.scroll==="paper"&&{display:"flex",justifyContent:"center",alignItems:"center"},e.scroll==="body"&&{overflowY:"auto",overflowX:"hidden",textAlign:"center","&::after":{content:'""',display:"inline-block",verticalAlign:"middle",height:"100%",width:"0"}})),Xt=r(Ye,{name:"MuiDialog",slot:"Paper",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.paper,n[`scrollPaper${$(o.scroll)}`],n[`paperWidth${$(String(o.maxWidth))}`],o.fullWidth&&n.paperFullWidth,o.fullScreen&&n.paperFullScreen]}})(({theme:e,ownerState:n})=>R({margin:32,position:"relative",overflowY:"auto","@media print":{overflowY:"visible",boxShadow:"none"}},n.scroll==="paper"&&{display:"flex",flexDirection:"column",maxHeight:"calc(100% - 64px)"},n.scroll==="body"&&{display:"inline-block",verticalAlign:"middle",textAlign:"left"},!n.maxWidth&&{maxWidth:"calc(100% - 64px)"},n.maxWidth==="xs"&&{maxWidth:e.breakpoints.unit==="px"?Math.max(e.breakpoints.values.xs,444):`max(${e.breakpoints.values.xs}${e.breakpoints.unit}, 444px)`,[`&.${te.paperScrollBody}`]:{[e.breakpoints.down(Math.max(e.breakpoints.values.xs,444)+32*2)]:{maxWidth:"calc(100% - 64px)"}}},n.maxWidth&&n.maxWidth!=="xs"&&{maxWidth:`${e.breakpoints.values[n.maxWidth]}${e.breakpoints.unit}`,[`&.${te.paperScrollBody}`]:{[e.breakpoints.down(e.breakpoints.values[n.maxWidth]+32*2)]:{maxWidth:"calc(100% - 64px)"}}},n.fullWidth&&{width:"calc(100% - 64px)"},n.fullScreen&&{margin:0,width:"100%",maxWidth:"100%",height:"100%",maxHeight:"none",borderRadius:0,[`&.${te.paperScrollBody}`]:{margin:0,maxWidth:"100%"}})),Kt=i.forwardRef(function(n,o){const s=vt({props:n,name:"MuiDialog"}),a=kt(),l={enter:a.transitions.duration.enteringScreen,exit:a.transitions.duration.leavingScreen},{"aria-describedby":c,"aria-labelledby":u,BackdropComponent:g,BackdropProps:m,children:p,className:h,disableEscapeKeyDown:C=!1,fullScreen:b=!1,fullWidth:v=!1,maxWidth:w="sm",onBackdropClick:f,onClick:y,onClose:S,open:D,PaperComponent:W=Ye,PaperProps:M={},scroll:P="paper",TransitionComponent:X=wt,transitionDuration:F=l,TransitionProps:K}=s,Z=yt(s,Ut),x=R({},s,{disableEscapeKeyDown:C,fullScreen:b,fullWidth:v,maxWidth:w,scroll:P}),k=Yt(x),A=i.useRef(),L=B=>{A.current=B.target===B.currentTarget},Q=B=>{y&&y(B),A.current&&(A.current=null,f&&f(B),S&&S(B,"backdropClick"))},J=jt(u),xt=i.useMemo(()=>({titleId:J}),[J]);return t.jsx(qt,R({className:ee(k.root,h),closeAfterTransition:!0,components:{Backdrop:Vt},componentsProps:{backdrop:R({transitionDuration:F,as:g},m)},disableEscapeKeyDown:C,onClose:S,open:D,ref:o,onClick:Q,ownerState:x},Z,{children:t.jsx(X,R({appear:!0,in:D,timeout:F,role:"presentation"},K,{children:t.jsx(Gt,{className:ee(k.container),onMouseDown:L,ownerState:x,children:t.jsx(Xt,R({as:W,elevation:24,role:"dialog","aria-describedby":c,"aria-labelledby":J},M,{className:ee(k.paper,M.className),ownerState:x,children:t.jsx(Pt.Provider,{value:xt,children:p})}))})}))}))});var ce={},Zt=N;Object.defineProperty(ce,"__esModule",{value:!0});var de=ce.default=void 0,Qt=Zt(H()),Ae=t;de=ce.default=(0,Qt.default)([(0,Ae.jsx)("path",{d:"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"},"0"),(0,Ae.jsx)("path",{d:"M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"},"1")],"AccessTime");const Jt="0px 2px 12px 12px rgba(255, 255, 255, 0.3)",en="0px 2px 12px 4px rgba(0, 0, 0, 0.12)",tn=r(d)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(1),backgroundColor:e.palette.mode==="dark"?"rgba(255, 255, 255, 0.1)":"rgba(0, 0, 0, 0.06)",borderRadius:e.spacing(.75),padding:e.spacing(.25,1,.25,.5),height:24,width:"fit-content",maxWidth:"100%",transition:"opacity 0.2s ease"})),nn=r(d)(({theme:e})=>({position:"absolute",bottom:0,left:0,right:0,padding:e.spacing(1.5),display:"flex",alignItems:"center",justifyContent:"flex-start",gap:e.spacing(.5),opacity:0,transform:"translateY(8px)",transition:"opacity 0.2s ease, transform 0.2s ease",flexWrap:"nowrap"})),on=r(d,{shouldForwardProp:e=>e!=="disableHover"})(({theme:e,disableHover:n})=>({display:"flex",flexDirection:"row",borderRadius:e.spacing(2),overflow:"hidden",cursor:"pointer",height:140,minWidth:300,maxWidth:430,backgroundColor:e.palette.mode==="dark"?"rgba(0, 0, 0, 0.3)":"rgba(0, 0, 0, 0.05)",transition:"transform 0.2s ease, box-shadow 0.2s ease",...!n&&{"&:hover":{transform:"translateY(-4px)",boxShadow:e.palette.mode==="dark"?Jt:en},'&:hover [data-role="hover-actions"]':{opacity:1,transform:"translateY(0)"},'&:hover [data-role="time-pill"]':{opacity:0}},[e.breakpoints.down("md")]:{minWidth:0,'& [data-role="hover-actions"]':{display:"none"}}})),rn=r(d)({width:"42%",height:140,flexShrink:0,overflow:"hidden"}),an=r("img")({width:"100%",height:"100%",objectFit:"cover",display:"block"}),sn=r(d)(({theme:e})=>({display:"flex",flexDirection:"column",justifyContent:"space-between",flex:1,minWidth:0,padding:e.spacing(1.5),position:"relative"})),ln=r(d)(({theme:e})=>({display:"flex",flexDirection:"column",gap:e.spacing(.5),overflow:"hidden"})),cn=r(j)(({theme:e})=>({fontWeight:600,fontSize:16,lineHeight:1.5,color:e.palette.text.primary,overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",flex:1,minWidth:0,WebkitLineClamp:2,WebkitBoxOrient:"vertical"})),dn=r(d)(({theme:e})=>({display:"flex",gap:e.spacing(1),alignItems:"flex-start"})),pn=r(d)(({theme:e})=>({display:"none",[e.breakpoints.down("md")]:{display:"flex",flexShrink:0}})),un=r("img")(({theme:e})=>({width:19,height:19,borderRadius:"50%",border:`1.4px solid ${e.palette.mode==="dark"?"rgba(255, 255, 255, 0.3)":"rgba(0, 0, 0, 0.15)"}`,flexShrink:0,objectFit:"cover"})),gn=r(d)(({theme:e})=>({width:19,height:19,borderRadius:"50%",backgroundColor:e.palette.success.dark,border:`1.4px solid ${e.palette.mode==="dark"?"rgba(255, 255, 255, 0.3)":"rgba(0, 0, 0, 0.15)"}`,flexShrink:0})),hn=r(d)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(1)})),fn=r(j)(({theme:e})=>({fontSize:12,lineHeight:1,color:e.palette.text.secondary,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"})),mn=r("span")(({theme:e})=>({color:e.palette.primary.main})),xn=r(j)(({theme:e})=>({fontSize:14,fontWeight:600,lineHeight:1.5,color:e.palette.text.primary,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"})),Ze=i.memo(({image:e,title:n,creatorName:o,creatorAvatarUrl:s,timeLabel:a,onClick:l,disableHover:c,action:u,hoverActions:g})=>{const m=i.useCallback(p=>{(p.key==="Enter"||p.key===" ")&&l&&(p.preventDefault(),l())},[l]);return t.jsxs(on,{onClick:l,disableHover:c,...l&&{role:"button",tabIndex:0,onKeyDown:m},children:[e&&t.jsx(rn,{children:t.jsx(an,{src:e,alt:n,loading:"lazy"})}),t.jsxs(sn,{children:[t.jsxs(ln,{children:[t.jsxs(dn,{children:[t.jsx(cn,{children:n}),u&&t.jsx(pn,{children:u})]}),o&&t.jsxs(hn,{children:[s?t.jsx(un,{src:s,alt:o}):t.jsx(gn,{}),t.jsxs(fn,{children:["by ",t.jsx(mn,{children:o})]})]})]}),a&&t.jsxs(tn,{"data-role":"time-pill",children:[t.jsx(de,{sx:{fontSize:20,color:"inherit"}}),t.jsx(xn,{children:a})]}),g&&t.jsx(nn,{"data-role":"hover-actions",children:g})]})]})});Ze.displayName="EventSmallCard";const bn=5,Qe=[{query:"(min-width: 1536px)",columns:bn},{query:"(min-width: 1200px)",columns:4},{query:"(min-width: 900px)",columns:3},{query:"(min-width: 600px)",columns:2}];function Le(){for(const{query:e,columns:n}of Qe)if(window.matchMedia(e).matches)return n;return 1}function Cn(){const[e,n]=i.useState(Le);return i.useEffect(()=>{const o=Qe.map(({query:a})=>window.matchMedia(a)),s=()=>{n(Le())};for(const a of o)a.addEventListener("change",s);return()=>{for(const a of o)a.removeEventListener("change",s)}},[]),e}function Je(e,n){if(n<1)return[];const o=[];for(let s=0;s<e.length;s+=n)o.push(e.slice(s,s+n));return o}function pe(e,n){const o=new Date(e);return o.setDate(o.getDate()+n),o}function vn(e){const n=new Date(e);return n.setHours(0,0,0,0),n}function kn(e){const n=new Date(e);return n.setHours(23,59,59,999),n}function De(e){return{from:vn(e).toISOString(),to:kn(e).toISOString()}}function re(e,n){return e.getFullYear()===n.getFullYear()&&e.getMonth()===n.getMonth()&&e.getDate()===n.getDate()}function wn(e,n,o=new Date){if(re(e,o))return n("all_experiences.today");const s=pe(o,1);if(re(e,s))return n("all_experiences.tomorrow");const a=e.toLocaleDateString(void 0,{weekday:"short"}),l=e.toLocaleDateString(void 0,{month:"short"}),c=e.getDate();return`${a}, ${l} ${c}`}function et(e){return e.toLocaleDateString(void 0,{weekday:"long",month:"long",day:"numeric",year:"numeric"})}var ue={},yn=N;Object.defineProperty(ue,"__esModule",{value:!0});var tt=ue.default=void 0,jn=yn(H()),Sn=t;tt=ue.default=(0,jn.default)((0,Sn.jsx)("path",{d:"M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m0 18H4V8h16z"}),"CalendarToday");function _n(e,n){return`https://decentraland.org/jump?position=${e},${n}`}function ge(e,n){return`https://decentraland.org/jump/event?position=${e},${n}`}function An(e){const[n,o]=e.split(",").map(Number);return Number.isNaN(n)||Number.isNaN(o)?[0,0]:[n,o]}function he(e){if(!e.startAt)return null;const n=l=>new Date(l).toISOString().replace(/[-:]/g,"").replace(/\.\d{3}/,""),o=n(e.startAt),s=e.finishAt?n(e.finishAt):o;return`https://calendar.google.com/calendar/render?${new URLSearchParams({action:"TEMPLATE",text:e.name,dates:`${o}/${s}`,details:`${e.description||""}
+
+${e.url}`,location:`Decentraland ${e.x},${e.y}`}).toString()}`}const ne=64,Ln=r(Kt)(({theme:e})=>({"& .MuiBackdrop-root":{backgroundColor:"rgba(0, 0, 0, 0.8)"},"& .MuiDialog-paper":{borderRadius:e.spacing(2),maxWidth:880,width:"100%",maxHeight:"80vh",margin:0,overflowY:"auto",overflowX:"hidden",backgroundColor:"transparent",boxShadow:"0px 4px 25px 0px #FFFFFF40",display:"flex",flexDirection:"column",scrollbarWidth:"none"},"& .MuiDialog-paper::-webkit-scrollbar":{display:"none"},[e.breakpoints.down("sm")]:{"& .MuiDialog-paper":{borderRadius:0,maxWidth:"100%",maxHeight:`calc(100% - ${ne}px)`,height:`calc(100% - ${ne}px)`,margin:0,marginTop:ne,backgroundColor:"#1A0A2E"}}})),Dn=r(d)(({theme:e})=>({position:"relative",width:880,height:450,maxWidth:"100%",overflow:"hidden",flexShrink:0,[e.breakpoints.down("sm")]:{width:"100%",height:"auto"}})),Mn=r("img")(({theme:e})=>({position:"absolute",top:0,left:0,width:"100%",height:"100%",objectFit:"cover",[e.breakpoints.down("sm")]:{position:"relative",aspectRatio:"16 / 9",height:"auto"}})),Tn=r(d)(({theme:e})=>({position:"absolute",top:0,left:0,width:"100%",height:"100%",background:"linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0.8) 30.02%, rgba(0, 0, 0, 0) 106.22%)",[e.breakpoints.down("sm")]:{display:"none"}})),Rn=r("button")(({theme:e})=>({position:"absolute",top:e.spacing(1.5),right:e.spacing(1.5),width:40,height:40,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(0, 0, 0, 0.4)",border:"none",borderRadius:"50%",cursor:"pointer",zIndex:2,padding:0,"&:hover":{backgroundColor:"rgba(0, 0, 0, 0.6)"},"&:focus-visible":{outline:"2px solid #FCFCFC",outlineOffset:2},[e.breakpoints.down("sm")]:{top:e.spacing(1),left:e.spacing(1),right:"auto"}})),In=r(Lt)({fontSize:20,color:"#FCFCFC"}),Wn=r(d)(({theme:e})=>({position:"absolute",bottom:0,left:0,right:0,padding:e.spacing(0,3.75,6.25,3.75),zIndex:1,display:"flex",flexDirection:"column",gap:e.spacing(1),[e.breakpoints.down("sm")]:{position:"relative",padding:e.spacing(2),background:"linear-gradient(180deg, #1A0A2E 0%, #32134C 100%)"}})),Fn=r(j)({fontSize:14,fontWeight:600,color:"#FCFCFC",textTransform:"uppercase",letterSpacing:"0.04em"}),Bn=r(j)({fontSize:32,fontWeight:600,lineHeight:1.24,color:"#FCFCFC",overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical"}),En=r(d)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(1)})),$n=r("img")(({theme:e})=>({width:e.spacing(3),height:e.spacing(3),borderRadius:"50%",border:"1.5px solid rgba(255, 255, 255, 0.5)",flexShrink:0,objectFit:"cover"})),Hn=r(d)(({theme:e})=>({width:e.spacing(3),height:e.spacing(3),borderRadius:"50%",backgroundColor:"#00B453",border:"1.5px solid rgba(255, 255, 255, 0.5)",flexShrink:0})),Nn=r(j)({fontSize:14,lineHeight:1,color:"#FCFCFC",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),On=r("span")({color:"#FF2D55"}),zn=r(d)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(1)})),Pn=r("button")(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"center",gap:e.spacing(1),backgroundColor:"#FCFCFC",color:"#161518",border:"none",borderRadius:e.spacing(1),padding:e.spacing(1,2.5),fontSize:14,fontWeight:600,cursor:"pointer",whiteSpace:"nowrap",transition:e.transitions.create("background-color",{duration:e.transitions.duration.short}),"&:hover":{backgroundColor:"#E0E0E0"},"&:focus-visible":{outline:"2px solid #FCFCFC",outlineOffset:2}})),Me=r("button")(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"center",gap:e.spacing(1),backgroundColor:"transparent",color:"#FCFCFC",border:"1px solid #FCFCFC",borderRadius:e.spacing(1),padding:e.spacing(1,2),fontSize:14,fontWeight:600,cursor:"pointer",whiteSpace:"nowrap",transition:e.transitions.create("background-color",{duration:e.transitions.duration.short}),"&:disabled":{opacity:.5,cursor:"default"},"&:hover:not(:disabled)":{backgroundColor:"rgba(255, 255, 255, 0.2)"},"&:focus-visible":{outline:"2px solid #FCFCFC",outlineOffset:2}})),Un=r("button")(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"transparent",border:"1px solid #FCFCFC",borderRadius:e.spacing(1),padding:e.spacing(1,2),flexShrink:0,cursor:"pointer",transition:e.transitions.create("background-color",{duration:e.transitions.duration.short}),"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.2)"},"&:focus-visible":{outline:"2px solid #FCFCFC",outlineOffset:2}})),Vn=r(Ve)({fontSize:18,color:"#FCFCFC"}),Yn=r(d)(({theme:e})=>({background:"radial-gradient(47.37% 84.21% at 42.4% 26.48%, #6E31A7 0%, #32134C 100%)",padding:e.spacing(3.75,6.25),flex:1,[e.breakpoints.down("sm")]:{padding:e.spacing(3,2)}})),Te=r(j)(({theme:e})=>({fontSize:14,fontWeight:600,lineHeight:1.75,textTransform:"uppercase",color:"#A09BA8",marginBottom:e.spacing(1)})),qn=r(j)({fontSize:14,lineHeight:1.6,color:"#FCFCFC"}),Gn=r(d)(({theme:e})=>({height:1,backgroundColor:"rgba(255, 255, 255, 0.15)",margin:e.spacing(2,0)})),Xn=r(d)(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"space-between",gap:e.spacing(1.5)})),Kn=r("button")({display:"flex",alignItems:"center",justifyContent:"center",background:"none",border:"none",padding:0,cursor:"pointer",color:"#A09BA8",flexShrink:0,"&:hover":{color:"#FCFCFC"},"&:focus-visible":{outline:"2px solid #FCFCFC",outlineOffset:2},"& .MuiSvgIcon-root":{fontSize:20}}),Zn=r(j)({fontSize:14,lineHeight:1.5,color:"#FCFCFC"}),Qn=r(j)(({theme:e})=>({fontSize:12,color:"#A09BA8",marginTop:e.spacing(.5)}));function Jn(e){return new Date(e).toLocaleDateString(void 0,{weekday:"short",month:"short",day:"numeric"})}function Re(e){return new Date(e).toLocaleTimeString(void 0,{hour:"numeric",minute:"2-digit",hour12:!0})}function eo(e,n){switch(e){case"DAILY":return n("event_detail.recurrent_daily");case"WEEKLY":return n("event_detail.recurrent_weekly");case"MONTHLY":return n("event_detail.recurrent_monthly");default:return null}}function to({data:e}){const{t:n}=T(),o=!!e.description,s=!!e.startAt,a=i.useCallback(()=>{const c=he(e);c&&window.open(c,"_blank","noopener,noreferrer")},[e]);if(!o&&!s)return null;const l=e.recurrent?eo(e.recurrentFrequency,n):null;return t.jsxs(Yn,{children:[o&&t.jsxs(t.Fragment,{children:[t.jsx(Te,{children:n("event_detail.what_to_expect")}),t.jsx(qn,{children:e.description})]}),o&&s&&t.jsx(Gn,{}),s&&e.startAt&&t.jsxs(t.Fragment,{children:[t.jsx(Te,{children:n("event_detail.schedule")}),t.jsxs(Xn,{children:[t.jsxs("div",{children:[t.jsxs(Zn,{children:[Jn(e.startAt)," · ",Re(e.startAt),e.finishAt&&` – ${Re(e.finishAt)}`]}),l&&t.jsx(Qn,{children:l})]}),t.jsx(Kn,{onClick:a,"aria-label":n("event_detail.add_to_calendar"),children:t.jsx(tt,{})})]})]})]})}var fe={},no=N;Object.defineProperty(fe,"__esModule",{value:!0});var me=fe.default=void 0,oo=no(H()),ro=t;me=fe.default=(0,oo.default)((0,ro.jsx)("path",{d:"M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2m0 16H5V10h14zM9 14H7v-2h2zm4 0h-2v-2h2zm4 0h-2v-2h2zm-8 4H7v-2h2zm4 0h-2v-2h2zm4 0h-2v-2h2z"}),"CalendarMonth");function xe(e,n){const{identity:o,hasValidIdentity:s}=O(),[a,{isLoading:l}]=Bt({fixedCacheKey:`remind-${e}`}),[c,u]=i.useState(!1),[g,m]=i.useState(null),p=i.useRef(),h=!!n,C=g!==null?g:h;i.useEffect(()=>{g!==null&&g===h&&m(null)},[g,h]),i.useEffect(()=>()=>clearTimeout(p.current),[]);const b=i.useCallback(v=>{if(v.stopPropagation(),l)return;if(!s||!o){Pe(window.location.pathname);return}const w=!C;m(w),u(!0),clearTimeout(p.current),p.current=setTimeout(()=>u(!1),600),a({eventId:e,attending:w,identity:o}).unwrap().catch(()=>m(null))},[e,C,s,o,l,a]);return{isReminded:C,isLoading:l,isShaking:c,handleToggle:b}}const ao="M5.4167 9.44547C5.44685 7.63928 6.21335 5.91687 7.55087 4.64979C8.88839 3.38271 10.6897 2.6725 12.5663 2.67236C14.4429 2.67223 16.2444 3.38217 17.5821 4.64907C18.9198 5.91596 19.6866 7.63825 19.717 9.44444L19.7173 12.2663L21.4284 15.9735C21.4888 16.1045 21.5143 16.2479 21.5025 16.3907C21.4907 16.5335 21.4421 16.6712 21.361 16.7914C21.2799 16.9115 21.169 17.0103 21.0382 17.0787C20.9074 17.1471 20.7609 17.183 20.6121 17.1831L15.3891 17.1835L15.3919 17.1891L9.73956 17.1894L9.74313 17.1835L4.52097 17.1824C4.37215 17.1824 4.2257 17.1465 4.0949 17.0782C3.96411 17.0099 3.85311 16.9112 3.77197 16.7911C3.69084 16.671 3.64213 16.5333 3.63028 16.3905C3.61843 16.2477 3.6438 16.1043 3.7041 15.9733L5.41606 12.2689L5.41581 9.44696L5.4167 9.44547ZM7.20443 9.44545L7.20361 12.4516C7.20351 12.5717 7.17727 12.6905 7.1266 12.8002L5.89689 15.4632L19.2368 15.4629L18.006 12.7997C17.9557 12.69 17.9298 12.5713 17.93 12.4514L17.9284 9.44595C17.9026 8.09324 17.3262 6.80431 16.3233 5.85649C15.3203 4.90867 13.971 4.37771 12.5655 4.37784C11.16 4.37797 9.81067 4.90918 8.80791 5.85719C7.80515 6.80519 7.22904 8.09422 7.20354 9.44694L7.20443 9.44545Z",io="M9.48535 18.7616C9.59625 19.475 9.96951 20.1265 10.5372 20.5974C11.1049 21.0683 11.8294 21.3274 12.5788 21.3275C13.3282 21.3277 14.0528 21.0689 14.6207 20.5982C15.1886 20.1276 15.5622 19.4763 15.6734 18.7629L9.48535 18.7616Z",so="M15.6737 18.7625C15.5625 19.4758 15.1888 20.1277 14.621 20.5984C14.0531 21.069 13.3282 21.328 12.579 21.3279C11.8296 21.3277 11.1047 21.0683 10.537 20.5974C9.96927 20.1265 9.59613 19.4749 9.48522 18.7615L15.6737 18.7625ZM12.5663 2.67261C14.4428 2.67251 16.2442 3.38232 17.5819 4.64917C17.9225 4.97176 18.2253 5.32444 18.4891 5.69995L16.4413 7.74976L16.1805 7.48901C15.0869 6.3954 13.3142 6.39538 12.2206 7.48901C11.1271 8.58265 11.127 10.3554 12.2206 11.449L14.4608 13.6892C14.9859 14.2141 15.6988 14.5095 16.4413 14.5095C17.1837 14.5093 17.8958 14.2142 18.4208 13.6892L19.7567 12.3523L21.4286 15.9734C21.4889 16.1042 21.5135 16.2477 21.5018 16.3904C21.4901 16.5332 21.4423 16.6716 21.3612 16.7917C21.2801 16.9119 21.1687 17.0105 21.038 17.0789C20.9073 17.1472 20.7609 17.1832 20.6122 17.1833H15.3885L15.3915 17.1892H9.73913L9.74304 17.1833L4.52038 17.1824C4.37169 17.1823 4.22528 17.1462 4.0946 17.0779C3.96389 17.0095 3.85245 16.9108 3.77136 16.7908C3.69038 16.6708 3.64159 16.533 3.62975 16.3904C3.61793 16.2476 3.6437 16.1043 3.70397 15.9734L5.41589 12.2693V9.44702L5.41686 9.44507C5.44712 7.63911 6.21335 5.91712 7.55065 4.65015C8.88817 3.38306 10.6897 2.67274 12.5663 2.67261Z",lo="M20.0042 6.3392C20.4417 5.90174 21.1508 5.90174 21.5882 6.3392C22.0257 6.77666 22.0257 7.48574 21.5882 7.9232L17.1075 12.4039C16.8974 12.614 16.6126 12.7321 16.3155 12.7321C16.0184 12.7321 15.7336 12.614 15.5235 12.4039L13.2832 10.1635C12.8457 9.72609 12.8457 9.01701 13.2832 8.57955C13.7206 8.14209 14.4297 8.14209 14.8672 8.57955L16.3155 10.0279L20.0042 6.3392Z",co=r("span")({position:"relative",display:"inline-flex",flexShrink:0,transformOrigin:"top center","@keyframes bellShake":{"0%":{transform:"rotate(0)"},"15%":{transform:"rotate(14deg)"},"30%":{transform:"rotate(-14deg)"},"45%":{transform:"rotate(10deg)"},"60%":{transform:"rotate(-8deg)"},"75%":{transform:"rotate(4deg)"},"85%":{transform:"rotate(-2deg)"},"100%":{transform:"rotate(0)"}},"&.shake":{animation:"bellShake 0.6s ease-in-out"}}),Ie=r("svg")({position:"absolute",inset:0,transition:"opacity 0.3s ease"}),po=r("path")({transformOrigin:"17px 9px",transition:"opacity 0.25s ease 0.15s, transform 0.25s ease 0.15s","&.hidden":{opacity:0,transform:"scale(0)",transition:"opacity 0.15s ease, transform 0.15s ease"}});function U({active:e,shaking:n,className:o,size:s=18}){const a=[o,n?"shake":""].filter(Boolean).join(" ")||void 0;return t.jsxs(co,{className:a,style:{width:s,height:s},children:[t.jsxs(Ie,{viewBox:"0 0 25 25",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",style:{opacity:e?0:1},children:[t.jsx("path",{d:ao,fill:"currentColor"}),t.jsx("path",{d:io,fill:"currentColor"})]}),t.jsxs(Ie,{viewBox:"0 0 25 25",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",style:{opacity:e?1:0},children:[t.jsx("path",{d:so,fill:"#FF2D55"}),t.jsx(po,{className:e?"":"hidden",d:lo,fill:"#FF2D55"})]})]})}const uo=`${window.location.origin}/dcl-logo.svg`;function go({data:e,onClose:n}){const{t:o}=T(),s=Dt(),a=Mt(s.breakpoints.down("sm")),[l,c]=i.useState(!1),{isReminded:u,isLoading:g,isShaking:m,handleToggle:p}=xe(e.id,e.attending),h=e.creatorName?.toLowerCase()==="decentraland foundation",{data:C}=le(e.creatorAddress,{skip:!e.creatorAddress||h}),b=C?.avatars?.[0],v=h?uo:b?.avatar?.snapshots?.face256,w=h?"Decentraland Foundation":b?.name||e.creatorName,f=!!(v||w),y=i.useCallback(()=>{window.open(e.url,"_blank","noopener,noreferrer")},[e.url]),S=i.useCallback(()=>{navigator.clipboard?.writeText(e.url)?.then(()=>{c(!0),setTimeout(()=>c(!1),2e3)}).catch(M=>console.warn("[EventDetailModal] Failed to copy:",M))},[e.url]),D=i.useCallback(()=>{const M=he(e);M&&window.open(M,"_blank","noopener,noreferrer")},[e]),W=e.live?o("event_detail.live_now"):e.categories[0]||null;return t.jsx(t.Fragment,{children:t.jsxs(Dn,{children:[e.image&&t.jsx(Mn,{src:e.image,alt:e.name}),t.jsx(Tn,{}),t.jsx(Rn,{onClick:n,"aria-label":o("event_detail.close"),children:a?t.jsx(Ht,{sx:{fontSize:20,color:"#FCFCFC"}}):t.jsx(In,{})}),t.jsxs(Wn,{children:[W&&t.jsx(Fn,{children:W}),t.jsx(Bn,{id:"event-detail-title",children:e.name}),f&&t.jsxs(En,{children:[v?t.jsx($n,{src:v,alt:w??""}):t.jsx(Hn,{}),t.jsxs(Nn,{children:[o("event_detail.by_prefix"),t.jsx(On,{children:w})]})]}),t.jsxs(zn,{children:[t.jsx(Pn,{onClick:y,children:o("event_detail.jump_in")}),t.jsx(I,{title:o("event_detail.remind_me"),placement:"top",arrow:!0,children:t.jsx(Me,{onClick:p,disabled:g,"aria-label":o("event_detail.remind_me"),children:t.jsx(U,{active:u,shaking:m,size:20})})}),e.startAt&&t.jsx(I,{title:o("event_detail.add_to_calendar"),placement:"top",arrow:!0,children:t.jsx(Me,{onClick:D,"aria-label":o("event_detail.add_to_calendar"),children:t.jsx(me,{fontSize:"small"})})}),t.jsx(I,{title:o(l?"event_detail.copied":"event_detail.copy_link"),placement:"top",arrow:!0,children:t.jsx(Un,{onClick:S,"aria-label":o("event_detail.copy_link"),children:t.jsx(Vn,{})})})]})]})]})})}function be({open:e,onClose:n,data:o}){return t.jsx(Ln,{open:e&&!!o,onClose:n,"aria-labelledby":"event-detail-title",fullWidth:!0,children:o&&t.jsxs(t.Fragment,{children:[t.jsx(go,{data:o,onClose:n}),t.jsx(to,{data:o})]})})}function nt(e){return{id:e.id,name:e.name,description:e.description,image:e.image,x:e.x,y:e.y,creatorAddress:e.user||void 0,creatorName:e.user_name||void 0,startAt:e.start_at,finishAt:e.finish_at,recurrent:e.recurrent,recurrentFrequency:e.recurrent_frequency,recurrentDates:e.recurrent_dates,totalAttendees:e.total_attendees,attending:e.attending,live:e.live,categories:e.categories,url:ge(e.x,e.y)}}function ho(e){const[n,o]=An(e.coordinates),s=e.type==="event"?ge(n,o):_n(n,o);return{id:e.id,name:e.title,description:e.description||null,image:e.image||null,x:n,y:o,creatorAddress:e.creatorAddress,creatorName:e.creatorName,startAt:null,finishAt:null,recurrent:!1,recurrentFrequency:null,recurrentDates:[],totalAttendees:e.users,attending:void 0,live:!0,categories:e.categories||[],url:s}}const fo="https://cdn.decentraland.org/@dcl/landing-site/0.5.1-24696786650.commit-39f76cb/assets/host_avatar-Gho9W3pF.webp",mo="https://cdn.decentraland.org/@dcl/landing-site/0.5.1-24696786650.commit-39f76cb/assets/host_scene-BStngEfA.webp";var Ce={},xo=N;Object.defineProperty(Ce,"__esModule",{value:!0});var ot=Ce.default=void 0,bo=xo(H()),Co=t;ot=Ce.default=(0,bo.default)((0,Co.jsx)("path",{d:"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"}),"Check");const vo="#3C1C4B",ko="rgba(0, 0, 0, 0.35)",wo=r("section")(({theme:e})=>({position:"relative",zIndex:8,overflow:"hidden",borderRadius:24,display:"flex",alignItems:"center",gap:e.spacing(4),paddingLeft:60,marginTop:64,minHeight:308,backgroundColor:ko,[e.breakpoints.down("md")]:{flexDirection:"column",gap:0,paddingLeft:0,minHeight:"auto"}})),yo=r(d)(({theme:e})=>({position:"relative",flex:"1 1 0",alignSelf:"stretch",minWidth:0,overflow:"hidden",[e.breakpoints.down("md")]:{display:"none"}})),jo=r("img")({position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",objectPosition:"right center",display:"block"}),So=r("img")(({theme:e})=>({width:212,height:308,objectFit:"contain",objectPosition:"center",flexShrink:0,alignSelf:"center",[e.breakpoints.down("lg")]:{width:170,height:246},[e.breakpoints.down("md")]:{width:160,height:232}})),_o=r(d)(({theme:e})=>({flex:1,minWidth:0,display:"flex",flexDirection:"column",alignItems:"flex-start",gap:e.spacing(4),padding:e.spacing(4),[e.breakpoints.down("sm")]:{padding:e.spacing(3,2),gap:e.spacing(3)}})),Ao=r(j)(({theme:e})=>({fontFamily:"Inter, Helvetica, Arial, sans-serif",fontSize:32,fontWeight:700,lineHeight:1.235,color:e.palette.common.white,margin:0,[e.breakpoints.down("sm")]:{fontSize:26}})),Lo=r(j)(({theme:e})=>({fontFamily:"Inter, Helvetica, Arial, sans-serif",fontSize:20,fontWeight:500,lineHeight:1.6,color:_.softWhite,margin:0,[e.breakpoints.down("sm")]:{fontSize:18}})),Do=r(d)(({theme:e})=>({display:"flex",flexDirection:"column",gap:e.spacing(1.5)})),Mo=r(d)({display:"flex",alignItems:"center",gap:14,width:"100%"}),To=r(d)(({theme:e})=>({width:24,height:24,flexShrink:0,borderRadius:5,backgroundColor:vo,border:`1px solid ${e.palette.primary.main}`,display:"flex",alignItems:"center",justifyContent:"center"})),Ro=r(ot)(({theme:e})=>({fontSize:18,color:e.palette.common.white})),Io=r(j)(({theme:e})=>({fontFamily:"Inter, Helvetica, Arial, sans-serif",fontSize:20,fontWeight:500,lineHeight:1.6,color:_.softWhite,margin:0,[e.breakpoints.down("sm")]:{fontSize:16}})),Wo=r(d)(({theme:e})=>({display:"flex",alignItems:"flex-start",gap:e.spacing(3),[e.breakpoints.down("sm")]:{flexDirection:"column",alignItems:"stretch",gap:e.spacing(1.5),width:"100%"}})),We=r(Tt)(({theme:e})=>({padding:e.spacing(1,2.75),fontSize:15,fontWeight:600,lineHeight:"24px",letterSpacing:"0.46px",textTransform:"uppercase",borderRadius:6,boxShadow:"none","&:hover":{boxShadow:"none"}})),Fo="https://docs.decentraland.org/creator/events/",Bo=["check_1","check_2","check_3"];function Eo(){const{t:e}=T(),n=Ft(),{hasValidIdentity:o}=O(),s=i.useCallback(()=>{o?n("/whats-on/new-event"):Pe("/whats-on/new-event")},[o,n]),a=i.useCallback(()=>{window.open(Fo,"_blank","noopener")},[]);return t.jsxs(wo,{"aria-label":e("host_banner.title"),children:[t.jsx(So,{src:fo,alt:"","aria-hidden":"true"}),t.jsxs(_o,{children:[t.jsx(Ao,{children:e("host_banner.title")}),t.jsx(Lo,{children:e("host_banner.subtitle")}),t.jsx(Do,{children:Bo.map(l=>t.jsxs(Mo,{children:[t.jsx(To,{"aria-hidden":"true",children:t.jsx(Ro,{})}),t.jsx(Io,{children:e(`host_banner.${l}`)})]},l))}),t.jsxs(Wo,{children:[t.jsx(We,{"data-testid":"create-button",variant:"contained",color:"primary",size:"large",startIcon:t.jsx(Nt,{}),onClick:s,children:e("host_banner.create_event")}),t.jsx(We,{"data-testid":"learn-more-button",variant:"contained",color:"secondary",size:"large",disableElevation:!0,onClick:a,children:e("host_banner.learn_more")})]})]}),t.jsx(yo,{children:t.jsx(jo,{src:mo,alt:"","aria-hidden":"true"})})]})}function rt(e){const n=ge(e.x,e.y),[o,s]=i.useState(!1),[a,l]=i.useState(!1),c=i.useRef(null),u=i.useRef(null);i.useEffect(()=>()=>{c.current&&clearTimeout(c.current),u.current&&clearTimeout(u.current)},[]);const g=i.useCallback(p=>{p.stopPropagation(),navigator.clipboard?.writeText(n)?.then(()=>{s(!0),c.current&&clearTimeout(c.current),c.current=setTimeout(()=>s(!1),2e3)}).catch(h=>console.warn("[useCardActions] Failed to copy:",h))},[n]),m=i.useCallback(p=>{p.stopPropagation();const h=he({name:e.name,description:e.description,startAt:e.startAt,finishAt:e.finishAt,x:e.x,y:e.y,url:n});h&&(window.open(h,"calendar","width=1090,height=870,noopener,noreferrer"),l(!0),u.current&&clearTimeout(u.current),u.current=setTimeout(()=>l(!1),2e3))},[e.name,e.description,e.startAt,e.finishAt,e.x,e.y,n]);return{eventUrl:n,copied:o,calendarAdded:a,handleCopy:g,handleAddToCalendar:m}}const $o=500,E=new Set;function Ho(e){if(E.size>=$o){const n=E.values().next().value;n!==void 0&&E.delete(n)}E.add(e)}function ve(e,n={}){const{data:o}=le(e,n),s=o?.avatars?.[0],a=s?.avatar?.snapshots?.face256,[l,c]=i.useState(()=>a?E.has(a):!1);i.useEffect(()=>{if(!a){c(!1);return}if(E.has(a)){c(!0);return}c(!1);const m=new Image;let p=!1;return m.onerror=()=>{p||(Ho(a),c(!0))},m.src=a,()=>{p=!0,m.onerror=null,m.src=""}},[a]);const u=!a||l?void 0:a,g=i.useMemo(()=>{if(s)return!s.avatar||s.avatar.snapshots?.face256===u?s:{...s,avatar:{...s.avatar,snapshots:{...s.avatar.snapshots,face256:u}}}},[s,u]);return{avatar:s,avatarForCard:g,avatarFace:u,name:s?.name}}function at(e,n){const o=Date.now(),a=new Date(e).getTime()-o;if(a<=0)return Fe(e);const l=Math.round(a/6e4);if(l<60)return n("upcoming.starts_in_mins",{count:l});const c=Math.round(l/60);return c<24?n("upcoming.starts_in_hours",{count:c}):Fe(e)}function Fe(e){return new Date(e).toLocaleTimeString(void 0,{hour:"numeric",minute:"2-digit",hour12:!0})}function V({size:e=18,style:n,className:o}){return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 25 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{flexShrink:0,...n},className:o,children:[t.jsx("path",{d:"M8.286 1.865v3.976M16.237 1.865v3.976",stroke:"currentColor",strokeWidth:"1.036",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("rect",{x:"3.425",y:"4.142",width:"17.889",height:"17.889",rx:"3.667",stroke:"currentColor",strokeWidth:"2.073"}),t.jsx("path",{d:"M3.316 8.872h17.89",stroke:"currentColor",strokeWidth:"1.036",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M15.546 15.035h-2.665v2.665h-.888v-2.665H9.328v-.888h2.665v-2.665h.888v2.665h2.665v.888Z",fill:"currentColor"})]})}const ke="#D9D8DB",No="#00B453",Y=r("button")(()=>({display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:_.gray5,border:"none",borderRadius:8,padding:6,width:30,height:30,flexShrink:0,color:_.softBlack1,cursor:"pointer",transition:"background-color 0.2s ease, color 0.35s ease","&:hover":{backgroundColor:ke},'&[data-active="true"]':{color:ie.primary,transition:"color 0.15s ease"},"&:disabled":{opacity:.5,cursor:"default"},"&:focus-visible":{outline:`2px solid ${_.softWhite}`,outlineOffset:2}})),we=r("button")(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"center",gap:4,backgroundColor:_.gray5,border:"none",borderRadius:8,padding:6,minWidth:30,flexShrink:1,color:_.softBlack1,cursor:"pointer",overflow:"hidden",transition:e.transitions.create("background-color",{duration:e.transitions.duration.short}),"&:hover":{backgroundColor:ke},"&:focus-visible":{outline:`2px solid ${_.softWhite}`,outlineOffset:2}})),Oo={fontSize:12,fontWeight:600,textTransform:"uppercase",whiteSpace:"nowrap"},q=r("span")({...Oo,"@container (max-width: 340px)":{display:"none"}}),zo=r("button")(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"center",gap:4,backgroundColor:_.softWhite,border:"none",borderRadius:8,padding:6,minWidth:30,flexShrink:1,color:ie.primary,cursor:"pointer",overflow:"hidden",transition:e.transitions.create("background-color",{duration:e.transitions.duration.short}),"&:hover":{backgroundColor:ke},"&:disabled":{opacity:.5,cursor:"default"},"&:focus-visible":{outline:`2px solid ${_.softWhite}`,outlineOffset:2}})),it=r(Ve)({fontSize:18,color:"inherit"}),Po=r("img")({width:19,height:19,borderRadius:"50%",border:`1.4px solid ${z.blurry}`,flexShrink:0,objectFit:"cover"}),Uo=r(d)({width:19,height:19,borderRadius:"50%",backgroundColor:No,border:`1.4px solid ${z.blurry}`,flexShrink:0}),Vo=r(j)({fontSize:12,lineHeight:1,color:_.softWhite,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),Yo=r("span")({color:ie.primary}),qo=r(d)({display:"flex",alignItems:"center",gap:8}),Go=r(d)({display:"flex",alignItems:"center",gap:8,backgroundColor:z.subtle,borderRadius:6,padding:"2px 8px 2px 4px",height:24,width:"fit-content",maxWidth:"100%",transition:"opacity 0.2s ease"}),Xo=r(de)({fontSize:20,color:_.softWhite}),Ko=r(j)({fontSize:16,fontWeight:600,lineHeight:1.5,color:_.softWhite,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}),Zo=r(d)({position:"absolute",bottom:0,left:0,right:0,padding:12,display:"flex",alignItems:"center",justifyContent:"flex-start",gap:4,opacity:0,transform:"translateY(8px)",transition:"opacity 0.2s ease, transform 0.2s ease",flexWrap:"nowrap"}),Qo="0px 2px 12px 12px rgba(255, 255, 255, 0.3)";function st({isReminded:e,isLoading:n,isShaking:o,label:s,onClick:a}){return e?t.jsxs(zo,{onClick:a,disabled:n,children:[t.jsx(U,{active:!0,shaking:o}),t.jsx(q,{children:s})]}):t.jsxs(we,{onClick:a,disabled:n,children:[t.jsx(U,{active:!1,shaking:o}),t.jsx(q,{children:s})]})}const Be=r("button")(({theme:e})=>({display:"none",[e.breakpoints.down("md")]:{display:"flex",alignItems:"center",justifyContent:"center",width:28,height:28,flexShrink:0,borderRadius:6,border:"none",backgroundColor:"rgba(255, 255, 255, 0.15)",cursor:"pointer",padding:0,color:"#FCFCFC","&:active":{backgroundColor:"rgba(255, 255, 255, 0.3)"}}})),G=i.memo(function({event:n,onClick:o,disableHover:s}){const{t:a}=T(),{hasValidIdentity:l}=O(),{avatarFace:c,name:u}=ve(n.user,{skip:!n.user}),g=u||n.user_name||a("upcoming.unknown_creator"),{copied:m,calendarAdded:p,handleCopy:h,handleAddToCalendar:C}=rt({name:n.name,description:n.description,startAt:n.start_at,finishAt:n.finish_at,x:n.x,y:n.y}),{isReminded:b,isLoading:v,isShaking:w,handleToggle:f}=xe(n.id,n.attending),y=i.useCallback(()=>{o(n)},[o,n]),S=l?t.jsx(Be,{onClick:f,disabled:v,"aria-label":a("upcoming.remind_me"),children:t.jsx(U,{active:b,shaking:w,size:16})}):t.jsx(Be,{onClick:C,"aria-label":a("upcoming.add_to_calendar"),children:t.jsx(me,{sx:{fontSize:16}})}),D=t.jsxs(t.Fragment,{children:[l?t.jsx(st,{isReminded:b,isLoading:v,isShaking:w,label:a("upcoming.remind_me"),onClick:f}):t.jsxs(we,{onClick:C,children:[t.jsx(V,{}),t.jsx(q,{children:a("upcoming.add_to_calendar")})]}),l&&t.jsx(I,{title:a("upcoming.add_to_calendar"),placement:"top",arrow:!0,children:t.jsx(Y,{onClick:C,"data-active":p,children:t.jsx(V,{})})}),t.jsx(I,{title:a(m?"upcoming.copied":"upcoming.copy_link"),placement:"top",arrow:!0,children:t.jsx(Y,{onClick:h,"data-active":m,children:t.jsx(it,{})})})]});return t.jsx(Ze,{image:n.image??void 0,title:n.name,creatorName:g,creatorAvatarUrl:c,timeLabel:at(n.start_at,a),onClick:y,disableHover:s,action:S,hoverActions:D})});G.displayName="UpcomingCard";const Jo=r(d)({borderRadius:12,overflow:"hidden",cursor:"pointer",position:"relative",width:"100%",minWidth:0,"&:hover":{boxShadow:Qo},'&:hover [data-role="hover-actions"]':{opacity:1,transform:"translateY(0)"},'&:hover [data-role="time-pill"], &:hover [data-role="creator-row"]':{opacity:0},'&:focus-within [data-role="hover-actions"]':{opacity:1,transform:"translateY(0)"},'&:focus-within [data-role="time-pill"], &:focus-within [data-role="creator-row"]':{opacity:0}}),er=r(d)({width:"100%",aspectRatio:"16 / 9",overflow:"hidden",flexShrink:0}),tr=r("img")({width:"100%",height:"100%",objectFit:"cover",display:"block",pointerEvents:"none",userSelect:"none"}),nr=r(d)({display:"flex",flexDirection:"column",gap:4,padding:12,position:"relative",backgroundColor:se.blurry}),or=r(j)({fontWeight:600,fontSize:16,lineHeight:1.5,color:_.softWhite,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),rr=r(d)({width:"100%",minWidth:0,overflow:"hidden","& .MuiCard-root":{maxWidth:"100%",minWidth:0,width:"100%",maxHeight:"none",containerType:"inline-size",overflow:"hidden",animation:"none"},"& .MuiCardContent-root":{backgroundColor:se.backdrop},"& .MuiCardMedia-root":{height:"min(62.5cqw, 200px)",pointerEvents:"none",userSelect:"none"},"& .MuiCardActionArea-root":{transition:"none",transform:"none"},"&& .MuiCardActionArea-root:hover":{transform:"none",boxShadow:"none"},"&& .MuiCard-root:hover":{boxShadow:"none"},"&& .MuiCardActionArea-root:hover .MuiCardMedia-root":{height:"min(62.5cqw, 200px)",transform:"none"},"& .MuiCardContent-root .MuiBox-root .MuiBox-root:has(.MuiAvatar-root)":{display:"none"},"& .MuiCardContent-root .MuiTypography-h6":{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",WebkitLineClamp:"unset",WebkitBoxOrient:"unset"}}),lt=i.memo(({event:e,onClick:n})=>{const{t:o}=T(),{hasValidIdentity:s}=O(),{avatarFace:a,name:l}=ve(e.user,{skip:!e.user}),c=l||e.user_name||o("all_experiences.coming_soon"),{copied:u,handleCopy:g,handleAddToCalendar:m}=rt({name:e.name,description:e.description,startAt:e.start_at,finishAt:e.finish_at,x:e.x,y:e.y}),{isReminded:p,isLoading:h,isShaking:C,handleToggle:b}=xe(e.id,e.attending),v=i.useCallback(()=>{n(e)},[n,e]);return t.jsxs(Jo,{onClick:v,children:[e.image&&t.jsx(er,{children:t.jsx(tr,{src:e.image,alt:e.name,loading:"lazy"})}),t.jsxs(nr,{children:[t.jsx(or,{children:e.name}),t.jsxs(qo,{"data-role":"creator-row",children:[a?t.jsx(Po,{src:a,alt:c}):t.jsx(Uo,{}),t.jsxs(Vo,{children:[o("upcoming.by_prefix"),t.jsx(Yo,{children:c})]})]}),t.jsxs(Go,{"data-role":"time-pill",children:[t.jsx(Xo,{}),t.jsx(Ko,{children:at(e.start_at,o)})]}),t.jsxs(Zo,{"data-role":"hover-actions",children:[s?t.jsx(st,{isReminded:p,isLoading:h,isShaking:C,label:o("all_experiences.remind_me"),onClick:b}):t.jsxs(we,{onClick:m,children:[t.jsx(V,{}),t.jsx(q,{children:o("all_experiences.add_to_calendar")})]}),s&&t.jsx(I,{title:o("all_experiences.add_to_calendar"),placement:"top",arrow:!0,children:t.jsx(Y,{onClick:m,children:t.jsx(V,{})})}),t.jsx(I,{title:o(u?"all_experiences.copied":"all_experiences.copy_link"),placement:"top",arrow:!0,children:t.jsx(Y,{onClick:g,children:t.jsx(it,{})})})]})]})]})});lt.displayName="FutureCard";const ct=i.memo(({event:e,onClick:n})=>{const{avatarForCard:o}=ve(e.user,{skip:!e.user}),s=i.useCallback(()=>{n(e)},[n,e]),a=o;return t.jsx(rr,{children:t.jsx(qe,{image:e.image??"",sceneName:e.name,coordinates:`${e.x},${e.y}`,avatar:a,onClick:s,leftBadge:t.jsxs(Ge,{children:[t.jsx(Xe,{}),t.jsx(Ke,{count:e.total_attendees})]}),leftBadgeTransparent:!0,hideLocation:!0})})});ct.displayName="LiveCard";const dt=i.memo(({event:e,onClick:n})=>e.live?t.jsx(ct,{event:e,onClick:n}):t.jsx(lt,{event:e,onClick:n}));dt.displayName="AllExperiencesCard";var ye={},ar=N;Object.defineProperty(ye,"__esModule",{value:!0});var je=ye.default=void 0,ir=ar(H()),sr=t;je=ye.default=(0,ir.default)((0,sr.jsx)("path",{d:"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"}),"ChevronLeft");var Se={},lr=N;Object.defineProperty(Se,"__esModule",{value:!0});var _e=Se.default=void 0,cr=lr(H()),dr=t;_e=Se.default=(0,cr.default)((0,dr.jsx)("path",{d:"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),"ChevronRight");const pr=50,ur=12,Ee=20,gr=r(d)({display:"flex",alignItems:"center",height:pr,marginBottom:ur,position:"relative",backgroundColor:se.backdrop,borderRadius:12,padding:0}),hr=r("span",{shouldForwardProp:e=>e!=="isToday"})(({isToday:e})=>({flex:1,textAlign:"center",fontWeight:600,fontSize:16,lineHeight:"100%",letterSpacing:0,color:e?_.softWhite:"rgba(255, 255, 255, 0.7)"})),$e=r("button")(({disabled:e,side:n})=>({display:"flex",alignItems:"center",justifyContent:"center",background:"none",border:"none",padding:0,cursor:e?"default":"pointer",color:e?"rgba(255, 255, 255, 0.3)":_.softWhite,height:Ee,width:Ee,position:"absolute",top:"50%",transform:"translateY(-50%)",[n]:8,zIndex:1,"&:focus-visible":{outline:`2px solid ${_.softWhite}`,outlineOffset:2}})),pt=i.memo(({startOffset:e,columnCount:n,today:o,onNavigateLeft:s,onNavigateRight:a})=>{const{t:l}=T(),c=e>0,u=i.useMemo(()=>Array.from({length:n},(g,m)=>pe(o,e+m)),[o,e,n]);return t.jsxs(gr,{role:"navigation","aria-label":l("all_experiences.title"),children:[t.jsx($e,{side:"left",onClick:s,disabled:!c,"aria-label":l("all_experiences.navigate_previous"),"aria-disabled":!c,tabIndex:c?0:-1,children:t.jsx(je,{sx:{fontSize:20}})}),u.map((g,m)=>t.jsx(hr,{isToday:e+m===0,"aria-label":et(g),"aria-current":e+m===0?"date":void 0,children:wn(g,l,o)},g.toISOString())),t.jsx($e,{side:"right",onClick:a,"aria-label":l("all_experiences.navigate_next"),children:t.jsx(_e,{sx:{fontSize:20}})})]})});pt.displayName="DateNavigation";const fr=24,mr="calc(100vh - 280px)",xr=8,br=8,ae=12,Cr=200,vr=r(d)(({theme:e})=>({borderRadius:fr,backgroundColor:"rgba(179, 32, 255, 0.25)",border:`2px solid ${z.subtle}`,display:"flex",flexDirection:"column",height:mr,overflow:"hidden",[e.breakpoints.down("sm")]:{height:"auto"}})),kr=r(d)({flex:1,overflowY:"auto",display:"flex",flexDirection:"column",gap:xr,padding:br,scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),wr=r(d)({flex:1,minHeight:ae,backgroundColor:z.subtle,borderRadius:ae}),oe=r(d)({height:Cr,borderRadius:ae,backgroundColor:"rgba(255, 255, 255, 0.08)",animation:"pulse 1.5s ease-in-out infinite","@keyframes pulse":{"0%, 100%":{opacity:.4},"50%":{opacity:.15}}}),ut=i.memo(({events:e,isLoading:n,dateLabel:o,renderCard:s})=>{const a=i.useRef(null),l=i.useRef({isDown:!1,startY:0,scrollTop:0}),[c,u]=i.useState(!1);i.useEffect(()=>{const h=a.current;if(!h)return;const C=()=>u(h.scrollHeight>h.clientHeight);C();const b=new ResizeObserver(C);return b.observe(h),()=>b.disconnect()},[e,n]);const g=i.useCallback(h=>{const C=a.current;C&&(l.current={isDown:!0,startY:h.clientY,scrollTop:C.scrollTop})},[]),m=i.useCallback(h=>{if(!l.current.isDown)return;const C=a.current;if(!C)return;h.preventDefault();const b=h.clientY-l.current.startY;C.scrollTop=l.current.scrollTop-b},[]),p=i.useCallback(()=>{l.current.isDown=!1},[]);return t.jsx(vr,{role:"list","aria-label":o,children:t.jsxs(kr,{ref:a,onMouseDown:g,onMouseMove:m,onMouseUp:p,onMouseLeave:p,children:[n&&t.jsxs(t.Fragment,{children:[t.jsx(oe,{role:"listitem","aria-hidden":"true"}),t.jsx(oe,{role:"listitem","aria-hidden":"true"}),t.jsx(oe,{role:"listitem","aria-hidden":"true"})]}),!n&&e.map(h=>t.jsx("div",{role:"listitem",children:s(h)},h.id)),!c&&t.jsx(wr,{"aria-hidden":"true"})]})})});ut.displayName="DayColumn";const yr=28,jr=16,Sr="0.4s",_r="0.15s",Ar=r("section")(({theme:e})=>({position:"relative",zIndex:8,marginTop:e.spacing(4),animation:`slideUp ${Sr} ease-out ${_r}`,"@keyframes slideUp":{from:{transform:"translateY(20px)"},to:{transform:"translateY(0)"}},marginLeft:e.spacing(-8),marginRight:e.spacing(-8),padding:e.spacing(8,8),background:"radial-gradient(63.39% 112.69% at 49.33% 50.11%, #6B2A8A 0%, #1E0A2E 100%)",[e.breakpoints.down("lg")]:{marginLeft:e.spacing(-4),marginRight:e.spacing(-4),padding:e.spacing(8,4)},[e.breakpoints.down("md")]:{marginLeft:e.spacing(-3),marginRight:e.spacing(-3),padding:e.spacing(6,3)},[e.breakpoints.down("sm")]:{marginLeft:0,marginRight:0,padding:e.spacing(4,2)}})),Lr=r(j)(({theme:e})=>({fontWeight:500,fontSize:32,lineHeight:1.235,marginBottom:yr,[e.breakpoints.down("sm")]:{fontSize:24,textAlign:"center"}})),Dr=r(d)({display:"grid",gap:jr}),Mr=r(d)({display:"flex",gap:12,overflowX:"auto",scrollSnapType:"x mandatory",scrollBehavior:"smooth",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),Tr=r(d)({display:"flex",flexDirection:"column",gap:12,flex:"0 0 100%",scrollSnapAlign:"start"});function Rr(e,n,o,s){const a=i.useMemo(()=>Array.from({length:o},(p,h)=>pe(e,n+h)),[e,n,o]),l=i.useMemo(()=>De(a[0]),[a]),c=i.useMemo(()=>De(a[a.length-1]),[a]),{data:u=[],isLoading:g,isError:m}=Et({list:"active",from:l.from,to:c.to,order:"asc",world:!1,limit:200,identity:s});return i.useMemo(()=>a.map(p=>({date:p,events:u.filter(h=>re(new Date(h.start_at),p)),isLoading:g,isError:m})),[a,u,g,m])}function Ir(){const{t:e}=T(),{identity:n}=O(),o=Cn(),[s,a]=i.useState(0),[l,c]=i.useState(null),[u,g]=i.useState(()=>{const f=new Date;return f.setHours(0,0,0,0),f});i.useEffect(()=>{const f=()=>{const y=new Date;y.setHours(0,0,0,0),y.getTime()!==u.getTime()&&(g(y),a(0))};return document.addEventListener("visibilitychange",f),()=>document.removeEventListener("visibilitychange",f)},[u]);const m=Rr(u,s,o,n),p=i.useCallback(()=>{a(f=>Math.max(0,f-o))},[o]),h=i.useCallback(()=>{a(f=>f+o)},[o]),C=i.useCallback(f=>{c(nt(f))},[]),b=i.useCallback(()=>{c(null)},[]),v=i.useCallback(f=>t.jsx(dt,{event:f,onClick:C}),[C]),w=i.useMemo(()=>Je(m.flatMap(f=>f.events),2),[m]);return t.jsxs(Ar,{"aria-label":e("all_experiences.title"),children:[t.jsx(Lr,{variant:"h4",children:e("all_experiences.title")}),t.jsx(pt,{startOffset:s,columnCount:o,today:u,onNavigateLeft:p,onNavigateRight:h}),o<=1?t.jsx(Mr,{children:w.map((f,y)=>t.jsx(Tr,{children:f.map(S=>t.jsx(G,{event:S,onClick:C},S.id))},y))}):t.jsx(Dr,{sx:{gridTemplateColumns:`repeat(${o}, 1fr)`},children:m.map(({date:f,events:y,isLoading:S})=>t.jsx(ut,{events:y,isLoading:S,dateLabel:et(f),renderCard:v},f.toISOString()))}),t.jsx(Eo,{}),t.jsx(be,{open:!!l,onClose:b,data:l})]})}function Wr(){const[e,n]=i.useState(Rt);return i.useEffect(()=>It(n),[]),e}function gt(){return i.useMemo(()=>{const n=new URLSearchParams(window.location.search).get("minUsers");if(n!==null&&!Number.isNaN(Number(n)))return{minUsers:Number(n)}},[])}const ht=r(d)(({theme:e})=>({display:"flex",justifyContent:"center",gap:e.spacing(.75),marginTop:e.spacing(2)})),ft=r("button")(({theme:e,active:n})=>({width:8,height:8,borderRadius:"50%",border:"none",padding:0,cursor:"pointer",backgroundColor:n?e.palette.common.white:"rgba(255, 255, 255, 0.3)",transition:e.transitions.create("background-color",{duration:e.transitions.duration.short})})),Fr=`${window.location.origin}/dcl-logo.svg`,mt=i.memo(({card:e,onClick:n})=>{const o=e.title.toLowerCase().includes("genesis plaza"),{data:s}=le(e.creatorAddress,{skip:!e.creatorAddress}),a=s?.avatars?.[0],l=i.useCallback(()=>{n(e)},[n,e]);let c;return o?c={name:e.creatorName??"Decentraland Foundation",ethAddress:"",avatar:{snapshots:{face256:Fr,body:""}}}:a?c={name:a.name??"",ethAddress:a.ethAddress??"",avatar:a.avatar}:e.creatorName&&(c={name:e.creatorName,ethAddress:""}),t.jsx(qe,{image:e.image,sceneName:e.title,coordinates:e.coordinates,avatar:c,onClick:l,hoverEffect:"lift",leftBadge:t.jsxs(Ge,{children:[e.type==="event"&&t.jsx(Xe,{}),t.jsx(Ke,{count:e.users})]}),leftBadgeTransparent:!0,hideLocation:!0})});mt.displayName="LiveNowCardItem";const Br=r("section")(({theme:e})=>({position:"relative",zIndex:10,marginTop:e.spacing(4),padding:e.spacing(4,3),background:"radial-gradient(63.39% 112.69% at 49.33% 50.11%, #A042CD 0%, #32134C 100%)",borderRadius:e.spacing(2),boxShadow:"0px 4px 25px 0px rgba(255, 255, 255, 0.25)",[e.breakpoints.down("sm")]:{padding:e.spacing(3,2),marginTop:0,marginLeft:0,marginRight:0,background:"radial-gradient(63.39% 112.69% at 49.33% 50.11%, #A042CD 0%, #32134C 100%)",borderRadius:0,boxShadow:"none"}})),Er=r(d)(({theme:e})=>({display:"flex",alignItems:"center",gap:8,marginBottom:24,[e.breakpoints.down("sm")]:{justifyContent:"center",padding:e.spacing(0,2)}})),$r=r(j)(({theme:e})=>({fontWeight:600,fontSize:32,[e.breakpoints.down("sm")]:{fontSize:24,textAlign:"center",width:"100%"}})),He=62,Ne=60,Hr=r(d,{shouldForwardProp:e=>e!=="fadeLeft"&&e!=="fadeRight"&&e!=="hasScroll"})(({theme:e,fadeLeft:n,fadeRight:o,hasScroll:s})=>{const a=[];return n&&a.push(`linear-gradient(to right, transparent, black ${Ne}px)`),o&&a.push(`linear-gradient(to left, transparent, black ${Ne}px)`),{position:"relative",...s?{overflowX:"auto",padding:"24px 16px 16px",margin:"-24px -16px -16px",scrollSnapType:"x mandatory",scrollPaddingInline:16,scrollBehavior:"smooth",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}:{overflow:"visible"},...a.length>0&&{maskImage:a.join(", "),WebkitMaskImage:a.join(", ")},...a.length>1&&{maskComposite:"intersect",WebkitMaskComposite:"source-in"},[e.breakpoints.down("sm")]:{maskImage:"none",WebkitMaskImage:"none"}}}),Oe=r(Wt)(({theme:e,side:n})=>({position:"absolute",top:"50%",transform:"translateY(-50%)",[n]:e.spacing(1),zIndex:2,backgroundColor:"rgba(0, 0, 0, 0.5)",color:e.palette.common.white,"&:hover":{backgroundColor:"rgba(0, 0, 0, 0.7)"},[e.breakpoints.down("sm")]:{display:"none"}})),Nr=r(d)(({theme:e})=>({display:"flex",gap:e.spacing(2),justifyContent:"safe center",alignItems:"stretch","&::after":{content:'""',flexShrink:0,width:1},"& .MuiCard-root":{minWidth:"max(300px, calc((100% - 48px) / 4))",maxWidth:850,flex:"1 1 0",containerType:"inline-size",scrollSnapAlign:"start",overflow:"hidden"},"& .MuiCardActionArea-root":{height:"100%"},"&& .MuiCardMedia-root":{height:"min(62.5cqw, 297px)"},"&& .MuiCardActionArea-root:hover .MuiCardMedia-root":{height:"min(62.5cqw, 297px)"},"&& .MuiCardActionArea-root:hover .MuiCardContent-root > div:first-of-type > div:last-child":{marginBottom:0},"& .MuiCardContent-root .MuiTypography-h6":{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",WebkitLineClamp:"unset",WebkitBoxOrient:"unset"},"& .MuiCardContent-root .MuiBox-root .MuiBox-root:has(.MuiAvatar-root)":{maxWidth:"100%"},[e.breakpoints.down("sm")]:{"& .MuiCard-root":{minWidth:"unset",maxWidth:"unset",maxHeight:"none",flex:"0 0 100%"},"&& .MuiCardMedia-root":{height:`calc(62.5cqw - ${He}px)`},"&& .MuiCardActionArea-root:hover .MuiCardMedia-root":{height:`calc(62.5cqw - ${He}px)`},"&& .MuiCardActionArea-root:hover .MuiCardContent-root > div:first-of-type > div:last-child":{marginBottom:0},"&& .MuiCardContent-root > .MuiBox-root:last-child":{display:"flex",opacity:1,transform:"translateY(0)"}}})),Or=r(Ot)(({theme:e})=>({color:"#E00000",[e.breakpoints.down("sm")]:{display:"none"}})),zr=r(d)({position:"relative"}),ze=300;function Pr(){const{t:e}=T(),n=gt(),o=Wr(),{data:s=[]}=Ue(n,{pollingInterval:o?6e4:0}),[a,l]=i.useState(0),[c,u]=i.useState(!1),[g,m]=i.useState(!1),[p,h]=i.useState(1),[C,b]=i.useState(!1),[v,w]=i.useState(null),f=i.useRef(null),y=i.useRef({isDown:!1,startX:0,scrollLeft:0}),S=i.useCallback(()=>{const x=f.current;if(!x)return;const k=x.scrollWidth>x.clientWidth,A=k&&x.clientWidth>0?Math.max(1,Math.ceil(x.scrollWidth/x.clientWidth)):1;u(x.scrollLeft>0),m(k&&x.scrollLeft+x.clientWidth<x.scrollWidth-1),h(A);const L=x.scrollWidth-x.clientWidth;if(L<=0)l(0);else{const Q=x.scrollLeft/L;l(Math.round(Q*(A-1)))}},[]);i.useEffect(()=>{const x=f.current;if(!x)return;S();const k=new ResizeObserver(S);return k.observe(x),()=>k.disconnect()},[s.length,S]);const D=i.useCallback(x=>{const k=f.current;if(!k)return;const A=x==="left"?-ze:ze;k.scrollBy({left:A,behavior:"smooth"})},[]),W=i.useCallback(x=>{const k=f.current;k&&(y.current={isDown:!0,startX:x.pageX-k.offsetLeft,scrollLeft:k.scrollLeft},b(!1))},[]),M=i.useCallback(x=>{if(!y.current.isDown)return;const k=f.current;if(!k)return;x.preventDefault();const L=x.pageX-k.offsetLeft-y.current.startX;Math.abs(L)>5&&b(!0),k.scrollLeft=y.current.scrollLeft-L},[]),P=i.useCallback(()=>{y.current.isDown=!1},[]),X=i.useCallback(x=>{C&&x.stopPropagation()},[C]),F=i.useCallback(x=>{const k=f.current;if(!k)return;const A=k.scrollWidth-k.clientWidth,L=p<=1?0:A*x/(p-1);k.scrollTo({left:L,behavior:"smooth"})},[p]),K=i.useCallback(x=>{w(ho(x))},[]),Z=i.useCallback(()=>{w(null)},[]);return s.length===0?null:t.jsxs(Br,{children:[t.jsxs(Er,{children:[t.jsx(Or,{}),t.jsx($r,{variant:"h5",children:e("live_now.title")})]}),t.jsxs(zr,{children:[c&&t.jsx(Oe,{side:"left",onClick:()=>D("left"),children:t.jsx(je,{})}),g&&t.jsx(Oe,{side:"right",onClick:()=>D("right"),children:t.jsx(_e,{})}),t.jsx(Hr,{ref:f,onScroll:S,fadeLeft:c,fadeRight:g,hasScroll:p>1,onMouseDown:W,onMouseMove:M,onMouseUp:P,onMouseLeave:P,onClickCapture:X,sx:{cursor:C?"grabbing":"grab"},children:t.jsx(Nr,{children:s.map(x=>t.jsx(mt,{card:x,onClick:K},x.id))})})]}),p>1&&t.jsx(ht,{role:"tablist","aria-label":e("live_now.title"),children:Array.from({length:p},(x,k)=>{const A=k===a;return t.jsx(ft,{active:A,role:"tab","aria-selected":A,"aria-current":A?"true":void 0,tabIndex:A?0:-1,onClick:()=>F(k),onKeyDown:L=>{L.key==="ArrowRight"?(L.preventDefault(),F((k+1)%p)):L.key==="ArrowLeft"&&(L.preventDefault(),F((k-1+p)%p))},"aria-label":e("pagination.go_to_page",{page:k+1})},k)})}),t.jsx(be,{open:!!v,onClose:Z,data:v})]})}const Ur="0.4s",Vr=r("section")(({theme:e})=>({position:"relative",zIndex:9,marginTop:e.spacing(4),animation:`slideUp ${Ur} ease-out`,"@keyframes slideUp":{from:{transform:"translateY(20px)"},to:{transform:"translateY(0)"}},marginLeft:e.spacing(-8),marginRight:e.spacing(-8),padding:e.spacing(4,8),[e.breakpoints.down("lg")]:{marginLeft:e.spacing(-4),marginRight:e.spacing(-4),padding:e.spacing(4,4)},[e.breakpoints.down("md")]:{marginLeft:e.spacing(-3),marginRight:e.spacing(-3),padding:e.spacing(4,3)},[e.breakpoints.down("sm")]:{marginLeft:0,marginRight:0,padding:e.spacing(3,2)}})),Yr=r(j)(({theme:e})=>({fontWeight:500,fontSize:32,lineHeight:1.235,marginBottom:32,[e.breakpoints.down("md")]:{textAlign:"center"},[e.breakpoints.down("sm")]:{fontSize:24}})),qr=r(d)(({theme:e})=>({display:"none",[e.breakpoints.down("md")]:{display:"block"}})),Gr=r(d)({display:"flex",gap:12,overflowX:"auto",scrollSnapType:"x mandatory",scrollBehavior:"smooth",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),Xr=r(d)(()=>({display:"grid",gridTemplateColumns:"1fr 1fr",gap:12,flex:"0 0 100%",scrollSnapAlign:"start","@media (max-width: 600px)":{gridTemplateColumns:"1fr",justifyItems:"center","& > *:nth-of-type(n+3)":{display:"none"}}})),Kr=r(d)(({theme:e})=>({display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(max(300px, calc((100% - 72px) / 4)), 1fr))",gap:24,[e.breakpoints.down("md")]:{display:"none"}})),Zr=4;function Qr(){const{t:e}=T(),{identity:n}=O(),{data:o=[]}=$t(n?{identity:n}:void 0),[s,a]=i.useState(null),[l,c]=i.useState(0),u=i.useRef(null),g=i.useMemo(()=>Je(o,Zr),[o]),m=i.useCallback(()=>{const b=u.current;if(!b||b.clientWidth===0)return;const v=Math.round(b.scrollLeft/b.clientWidth);c(v)},[]),p=i.useCallback(b=>{const v=u.current;v&&v.scrollTo({left:b*v.clientWidth,behavior:"smooth"})},[]),h=i.useCallback(b=>{a(nt(b))},[]),C=i.useCallback(()=>{a(null)},[]);return o.length===0?null:t.jsxs(Vr,{children:[t.jsx(Yr,{variant:"h5",children:e("upcoming.title")}),t.jsx(Kr,{children:o.map(b=>t.jsx(G,{event:b,onClick:h},b.id))}),t.jsxs(qr,{children:[t.jsx(Gr,{ref:u,onScroll:m,children:g.map((b,v)=>t.jsx(Xr,{children:b.map(w=>t.jsx(G,{event:w,onClick:h,disableHover:!0},w.id))},v))}),g.length>1&&t.jsx(ht,{role:"tablist","aria-label":e("upcoming.title"),children:g.map((b,v)=>{const w=v===l;return t.jsx(ft,{active:w,role:"tab","aria-selected":w,"aria-current":w?"true":void 0,tabIndex:w?0:-1,onClick:()=>p(v),onKeyDown:f=>{f.key==="ArrowRight"?(f.preventDefault(),p((v+1)%g.length)):f.key==="ArrowLeft"&&(f.preventDefault(),p((v-1+g.length)%g.length))},"aria-label":e("pagination.go_to_page",{page:v+1})},v)})})]}),t.jsx(be,{open:!!s,onClose:C,data:s})]})}const Jr="https://cdn.decentraland.org/@dcl/landing-site/0.5.1-24696786650.commit-39f76cb/assets/top_background-Bnd2vX_F.webp",ea=r(d)(({theme:e})=>({position:"relative",background:`url(${Jr}) no-repeat top center, radial-gradient(61.64% 109.58% at 50% 54.49%, #A042CD 0%, #270537 100%)`,backgroundSize:"100% 700px, 100% auto","&::before":{content:'""',position:"absolute",top:0,left:0,right:0,bottom:0,background:"linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%)",pointerEvents:"none"},overflow:"hidden",minHeight:"100vh",padding:e.spacing(5,8,0,8),[e.breakpoints.down("lg")]:{padding:e.spacing(5,4,0,4)},[e.breakpoints.down("md")]:{padding:e.spacing(5,3,0,3)},[e.breakpoints.down("sm")]:{padding:e.spacing(0,0,0,0),background:"#1A0A2E",backgroundSize:"unset","&::before":{display:"none"}}})),ta=r(d)(({theme:e})=>({position:"relative",zIndex:1,display:"flex",flexDirection:"column",gap:e.spacing(4),paddingTop:"66px",[e.breakpoints.down("sm")]:{paddingTop:"56px",gap:0}})),na=r(d,{shouldForwardProp:e=>e!=="deferred"})(({deferred:e})=>({display:e?"none":"contents"}));function Sa(){const e=gt(),{isLoading:n}=Ue(e);return t.jsxs(ea,{component:"main",children:[t.jsx(ta,{children:t.jsx(Pr,{})}),t.jsxs(na,{deferred:n,children:[t.jsx(Qr,{}),t.jsx(Ir,{})]})]})}export{Sa as HomePage};