@dcl/landing-site 0.5.1-24685869120.commit-1de5712 → 0.5.1-24686484792.commit-e56f2bf

package/assets/HomePage-CZwkfB5G.js

@@ -0,0 +1,3 @@
+import{A as bt,C as Ct,D as kt,i as vt,aS as wt,_ as yt,c as I,aQ as jt,j as t,E as ee,F as E,G as At,s as r,aD as St,aT as _t,al as $,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 _,aJ as ce,aV as O,aW as de,aX as Tt,aY as Rt,aH as It}from"./index-DUmIu2EK.js";import{r as a,e as Wt}from"./vendor-router-D_36sTKu.js";import"./vendor-ua-D7qqAxdq.js";import{k as Ft,l as Bt,m as Ue,n as Et}from"./events.client-BypQp_hx.js";import{u as H}from"./useAuthIdentity-D2zQ3q5X.js";import{d as Ve,T as W}from"./ContentCopy-CDhBZqHF.js";import{P as Ye}from"./Paper-BfSYUoim.js";import{a as $t,d as Nt}from"./ArrowBackIosNew-lqzUFZQL.js";import{u as z}from"./profile.client-BtZZbgxj.js";import{E as Ge,B as qe,L as Qe,U as Xe,d as Ht}from"./Badges-DPcq_7dC.js";import"./vendor-crypto-uuuQA3i5.js";import"./vendor-schemas-DJzTSxpO.js";import"./vendor-sentry-BSvWNK4f.js";import"./vendor-intl-D2lXWsDp.js";import"./Grow-eKASrvPe.js";import"./JumpInIcon-bPOWl5ae.js";import"./createSvgIcon-CnAtXIjx.js";import"./useSlot-DM_UQPu8.js";import"./CardContent-BQ0iSa2p.js";import"./Skeleton-BP1Os8gY.js";import"./CardMedia-B6PneSTk.js";import"./Link-C3GGl2C6.js";function Ot(e){return bt("MuiDialog",e)}const te=Ct("MuiDialog",["root","scrollPaper","scrollBody","container","paper","paperScrollPaper","paperScrollBody","paperWidthFalse","paperWidthXs","paperWidthSm","paperWidthMd","paperWidthLg","paperWidthXl","paperFullWidth","paperFullScreen"]),zt=a.createContext({}),Pt=["aria-describedby","aria-labelledby","BackdropComponent","BackdropProps","children","className","disableEscapeKeyDown","fullScreen","fullWidth","maxWidth","onBackdropClick","onClick","onClose","open","PaperComponent","PaperProps","scroll","TransitionComponent","transitionDuration","TransitionProps"],Ut=r(_t,{name:"MuiDialog",slot:"Backdrop",overrides:(e,n)=>n.backdrop})({zIndex:-1}),Vt=e=>{const{classes:n,scroll:o,maxWidth:s,fullWidth:i,fullScreen:l}=e,c={root:["root"],container:["container",`scroll${E(o)}`],paper:["paper",`paperScroll${E(o)}`,`paperWidth${E(String(s))}`,i&&"paperFullWidth",l&&"paperFullScreen"]};return At(c,Ot,n)},Yt=r(St,{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${E(o.scroll)}`]]}})(({ownerState:e})=>I({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"}})),qt=r(Ye,{name:"MuiDialog",slot:"Paper",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.paper,n[`scrollPaper${E(o.scroll)}`],n[`paperWidth${E(String(o.maxWidth))}`],o.fullWidth&&n.paperFullWidth,o.fullScreen&&n.paperFullScreen]}})(({theme:e,ownerState:n})=>I({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%"}})),Qt=a.forwardRef(function(n,o){const s=kt({props:n,name:"MuiDialog"}),i=vt(),l={enter:i.transitions.duration.enteringScreen,exit:i.transitions.duration.leavingScreen},{"aria-describedby":c,"aria-labelledby":f,BackdropComponent:h,BackdropProps:b,children:p,className:u,disableEscapeKeyDown:v=!1,fullScreen:x=!1,fullWidth:C=!1,maxWidth:w="sm",onBackdropClick:g,onClick:y,onClose:A,open:D,PaperComponent:R=Ye,PaperProps:M={},scroll:P="paper",TransitionComponent:Q=wt,transitionDuration:F=l,TransitionProps:X}=s,K=yt(s,Pt),m=I({},s,{disableEscapeKeyDown:v,fullScreen:x,fullWidth:C,maxWidth:w,scroll:P}),k=Vt(m),S=a.useRef(),L=B=>{S.current=B.target===B.currentTarget},Z=B=>{y&&y(B),S.current&&(S.current=null,g&&g(B),A&&A(B,"backdropClick"))},J=jt(f),xt=a.useMemo(()=>({titleId:J}),[J]);return t.jsx(Yt,I({className:ee(k.root,u),closeAfterTransition:!0,components:{Backdrop:Ut},componentsProps:{backdrop:I({transitionDuration:F,as:h},b)},disableEscapeKeyDown:v,onClose:A,open:D,ref:o,onClick:Z,ownerState:m},K,{children:t.jsx(Q,I({appear:!0,in:D,timeout:F,role:"presentation"},X,{children:t.jsx(Gt,{className:ee(k.container),onMouseDown:L,ownerState:m,children:t.jsx(qt,I({as:R,elevation:24,role:"dialog","aria-describedby":c,"aria-labelledby":J},M,{className:ee(k.paper,M.className),ownerState:m,children:t.jsx(zt.Provider,{value:xt,children:p})}))})}))}))});var pe={},Xt=N;Object.defineProperty(pe,"__esModule",{value:!0});var ue=pe.default=void 0,Kt=Xt($()),Le=t;ue=pe.default=(0,Kt.default)([(0,Le.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,Le.jsx)("path",{d:"M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"},"1")],"AccessTime");const Zt="0px 2px 12px 12px rgba(255, 255, 255, 0.3)",Jt="0px 2px 12px 4px rgba(0, 0, 0, 0.12)",en=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"})),tn=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"})),nn=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"?Zt:Jt},'&: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"}}})),on=r(d)({width:"42%",height:140,flexShrink:0,overflow:"hidden"}),rn=r("img")({width:"100%",height:"100%",objectFit:"cover",display:"block"}),an=r(d)(({theme:e})=>({display:"flex",flexDirection:"column",justifyContent:"space-between",flex:1,minWidth:0,padding:e.spacing(1.5),position:"relative"})),sn=r(d)(({theme:e})=>({display:"flex",flexDirection:"column",gap:e.spacing(.5),overflow:"hidden"})),ln=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"})),cn=r(d)(({theme:e})=>({display:"flex",gap:e.spacing(1),alignItems:"flex-start"})),dn=r(d)(({theme:e})=>({display:"none",[e.breakpoints.down("md")]:{display:"flex",flexShrink:0}})),pn=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"})),un=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})),gn=r(d)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(1)})),hn=r(j)(({theme:e})=>({fontSize:12,lineHeight:1,color:e.palette.text.secondary,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"})),fn=r("span")(({theme:e})=>({color:e.palette.primary.main})),mn=r(j)(({theme:e})=>({fontSize:14,fontWeight:600,lineHeight:1.5,color:e.palette.text.primary,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"})),Ke=a.memo(({image:e,title:n,creatorName:o,creatorAvatarUrl:s,timeLabel:i,onClick:l,disableHover:c,action:f,hoverActions:h})=>{const b=a.useCallback(p=>{(p.key==="Enter"||p.key===" ")&&l&&(p.preventDefault(),l())},[l]);return t.jsxs(nn,{onClick:l,disableHover:c,...l&&{role:"button",tabIndex:0,onKeyDown:b},children:[e&&t.jsx(on,{children:t.jsx(rn,{src:e,alt:n,loading:"lazy"})}),t.jsxs(an,{children:[t.jsxs(sn,{children:[t.jsxs(cn,{children:[t.jsx(ln,{children:n}),f&&t.jsx(dn,{children:f})]}),o&&t.jsxs(gn,{children:[s?t.jsx(pn,{src:s,alt:o}):t.jsx(un,{}),t.jsxs(hn,{children:["by ",t.jsx(fn,{children:o})]})]})]}),i&&t.jsxs(en,{"data-role":"time-pill",children:[t.jsx(ue,{sx:{fontSize:20,color:"inherit"}}),t.jsx(mn,{children:i})]}),h&&t.jsx(tn,{"data-role":"hover-actions",children:h})]})]})});Ke.displayName="EventSmallCard";const xn=5,Ze=[{query:"(min-width: 1536px)",columns:xn},{query:"(min-width: 1200px)",columns:4},{query:"(min-width: 900px)",columns:3},{query:"(min-width: 600px)",columns:2}];function De(){for(const{query:e,columns:n}of Ze)if(window.matchMedia(e).matches)return n;return 1}function bn(){const[e,n]=a.useState(De);return a.useEffect(()=>{const o=Ze.map(({query:i})=>window.matchMedia(i)),s=()=>{n(De())};for(const i of o)i.addEventListener("change",s);return()=>{for(const i of o)i.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 ge(e,n){const o=new Date(e);return o.setDate(o.getDate()+n),o}function Cn(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 Me(e){return{from:Cn(e).toISOString(),to:kn(e).toISOString()}}function se(e,n){return e.getFullYear()===n.getFullYear()&&e.getMonth()===n.getMonth()&&e.getDate()===n.getDate()}function vn(e,n,o=new Date){if(se(e,o))return n("all_experiences.today");const s=ge(o,1);if(se(e,s))return n("all_experiences.tomorrow");const i=e.toLocaleDateString(void 0,{weekday:"short"}),l=e.toLocaleDateString(void 0,{month:"short"}),c=e.getDate();return`${i}, ${l} ${c}`}function et(e){return e.toLocaleDateString(void 0,{weekday:"long",month:"long",day:"numeric",year:"numeric"})}var he={},wn=N;Object.defineProperty(he,"__esModule",{value:!0});var tt=he.default=void 0,yn=wn($()),jn=t;tt=he.default=(0,yn.default)((0,jn.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 An(e,n){return`https://decentraland.org/jump?position=${e},${n}`}function fe(e,n){return`https://decentraland.org/jump/event?position=${e},${n}`}function Sn(e){const[n,o]=e.split(",").map(Number);return Number.isNaN(n)||Number.isNaN(o)?[0,0]:[n,o]}function me(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,_n=r(Qt)(({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"}}})),Ln=r(d)(({theme:e})=>({position:"relative",width:880,height:450,maxWidth:"100%",overflow:"hidden",flexShrink:0,[e.breakpoints.down("sm")]:{width:"100%",height:"auto"}})),Dn=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"}})),Mn=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"}})),Tn=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"}})),Rn=r(Lt)({fontSize:20,color:"#FCFCFC"}),In=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%)"}})),Wn=r(j)({fontSize:14,fontWeight:600,color:"#FCFCFC",textTransform:"uppercase",letterSpacing:"0.04em"}),Fn=r(j)({fontSize:32,fontWeight:600,lineHeight:1.24,color:"#FCFCFC",overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical"}),Bn=r(d)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(1)})),En=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"})),$n=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"}),Hn=r("span")({color:"#FF2D55"}),On=r(d)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(1)})),zn=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}})),Te=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}})),Pn=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}})),Un=r(Ve)({fontSize:18,color:"#FCFCFC"}),Vn=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)}})),Re=r(j)(({theme:e})=>({fontSize:14,fontWeight:600,lineHeight:1.75,textTransform:"uppercase",color:"#A09BA8",marginBottom:e.spacing(1)})),Yn=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)})),qn=r(d)(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"space-between",gap:e.spacing(1.5)})),Qn=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}}),Xn=r(j)({fontSize:14,lineHeight:1.5,color:"#FCFCFC"}),Kn=r(j)(({theme:e})=>({fontSize:12,color:"#A09BA8",marginTop:e.spacing(.5)}));function Zn(e){return new Date(e).toLocaleDateString(void 0,{weekday:"short",month:"short",day:"numeric"})}function Ie(e){return new Date(e).toLocaleTimeString(void 0,{hour:"numeric",minute:"2-digit",hour12:!0})}function Jn(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 eo({data:e}){const{t:n}=T(),o=!!e.description,s=!!e.startAt,i=a.useCallback(()=>{const c=me(e);c&&window.open(c,"_blank","noopener,noreferrer")},[e]);if(!o&&!s)return null;const l=e.recurrent?Jn(e.recurrentFrequency,n):null;return t.jsxs(Vn,{children:[o&&t.jsxs(t.Fragment,{children:[t.jsx(Re,{children:n("event_detail.what_to_expect")}),t.jsx(Yn,{children:e.description})]}),o&&s&&t.jsx(Gn,{}),s&&e.startAt&&t.jsxs(t.Fragment,{children:[t.jsx(Re,{children:n("event_detail.schedule")}),t.jsxs(qn,{children:[t.jsxs("div",{children:[t.jsxs(Xn,{children:[Zn(e.startAt)," · ",Ie(e.startAt),e.finishAt&&` – ${Ie(e.finishAt)}`]}),l&&t.jsx(Kn,{children:l})]}),t.jsx(Qn,{onClick:i,"aria-label":n("event_detail.add_to_calendar"),children:t.jsx(tt,{})})]})]})]})}var xe={},to=N;Object.defineProperty(xe,"__esModule",{value:!0});var be=xe.default=void 0,no=to($()),oo=t;be=xe.default=(0,no.default)((0,oo.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 Ce(e,n){const{identity:o,hasValidIdentity:s}=H(),[i,{isLoading:l}]=Ft({fixedCacheKey:`remind-${e}`}),[c,f]=a.useState(!1),[h,b]=a.useState(null),p=a.useRef(),u=!!n,v=h!==null?h:u;a.useEffect(()=>{h!==null&&h===u&&b(null)},[h,u]),a.useEffect(()=>()=>clearTimeout(p.current),[]);const x=a.useCallback(C=>{if(C.stopPropagation(),l)return;if(!s||!o){Pe(window.location.pathname);return}const w=!v;b(w),f(!0),clearTimeout(p.current),p.current=setTimeout(()=>f(!1),600),i({eventId:e,attending:w,identity:o}).unwrap().catch(()=>b(null))},[e,v,s,o,l,i]);return{isReminded:v,isLoading:l,isShaking:c,handleToggle:x}}const ro="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",ao="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",io="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",so="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",lo=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"}}),We=r("svg")({position:"absolute",inset:0,transition:"opacity 0.3s ease"}),co=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 i=[o,n?"shake":""].filter(Boolean).join(" ")||void 0;return t.jsxs(lo,{className:i,style:{width:s,height:s},children:[t.jsxs(We,{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:ro,fill:"currentColor"}),t.jsx("path",{d:ao,fill:"currentColor"})]}),t.jsxs(We,{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:io,fill:"#FF2D55"}),t.jsx(co,{className:e?"":"hidden",d:so,fill:"#FF2D55"})]})]})}const po=`${window.location.origin}/dcl-logo.svg`;function uo({data:e,onClose:n}){const{t:o}=T(),s=Dt(),i=Mt(s.breakpoints.down("sm")),[l,c]=a.useState(!1),{isReminded:f,isLoading:h,isShaking:b,handleToggle:p}=Ce(e.id,e.attending),u=e.creatorName?.toLowerCase()==="decentraland foundation",{data:v}=z(e.creatorAddress,{skip:!e.creatorAddress||u}),x=v?.avatars?.[0],C=u?po:x?.avatar?.snapshots?.face256,w=u?"Decentraland Foundation":x?.name||e.creatorName,g=!!(C||w),y=a.useCallback(()=>{window.open(e.url,"_blank","noopener,noreferrer")},[e.url]),A=a.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=a.useCallback(()=>{const M=me(e);M&&window.open(M,"_blank","noopener,noreferrer")},[e]),R=e.live?o("event_detail.live_now"):e.categories[0]||null;return t.jsx(t.Fragment,{children:t.jsxs(Ln,{children:[e.image&&t.jsx(Dn,{src:e.image,alt:e.name}),t.jsx(Mn,{}),t.jsx(Tn,{onClick:n,"aria-label":o("event_detail.close"),children:i?t.jsx($t,{sx:{fontSize:20,color:"#FCFCFC"}}):t.jsx(Rn,{})}),t.jsxs(In,{children:[R&&t.jsx(Wn,{children:R}),t.jsx(Fn,{id:"event-detail-title",children:e.name}),g&&t.jsxs(Bn,{children:[C?t.jsx(En,{src:C,alt:w??""}):t.jsx($n,{}),t.jsxs(Nn,{children:[o("event_detail.by_prefix"),t.jsx(Hn,{children:w})]})]}),t.jsxs(On,{children:[t.jsx(zn,{onClick:y,children:o("event_detail.jump_in")}),t.jsx(W,{title:o("event_detail.remind_me"),placement:"top",arrow:!0,children:t.jsx(Te,{onClick:p,disabled:h,"aria-label":o("event_detail.remind_me"),children:t.jsx(U,{active:f,shaking:b,size:20})})}),e.startAt&&t.jsx(W,{title:o("event_detail.add_to_calendar"),placement:"top",arrow:!0,children:t.jsx(Te,{onClick:D,"aria-label":o("event_detail.add_to_calendar"),children:t.jsx(be,{fontSize:"small"})})}),t.jsx(W,{title:o(l?"event_detail.copied":"event_detail.copy_link"),placement:"top",arrow:!0,children:t.jsx(Pn,{onClick:A,"aria-label":o("event_detail.copy_link"),children:t.jsx(Un,{})})})]})]})]})})}function ke({open:e,onClose:n,data:o}){return t.jsx(_n,{open:e&&!!o,onClose:n,"aria-labelledby":"event-detail-title",fullWidth:!0,children:o&&t.jsxs(t.Fragment,{children:[t.jsx(uo,{data:o,onClose:n}),t.jsx(eo,{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:fe(e.x,e.y)}}function go(e){const[n,o]=Sn(e.coordinates),s=e.type==="event"?fe(n,o):An(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 ho="data:image/webp;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACklEQVR4nGMAAQAABQABDQq0AAAAAElFTkSuQmCC",fo="data:image/webp;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACklEQVR4nGMAAQAABQABDQq0AAAAAElFTkSuQmCC";var ve={},mo=N;Object.defineProperty(ve,"__esModule",{value:!0});var ot=ve.default=void 0,xo=mo($()),bo=t;ot=ve.default=(0,xo.default)((0,bo.jsx)("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2m-9 14-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"}),"CheckBox");const Co=r("section")(({theme:e})=>({position:"relative",zIndex:8,overflow:"hidden",borderRadius:e.spacing(2),background:"radial-gradient(63.39% 112.69% at 49.33% 50.11%, #6B2A8A 0%, #1E0A2E 100%)",display:"flex",alignItems:"center",minHeight:240,[e.breakpoints.down("md")]:{flexDirection:"column",minHeight:"auto"}})),ko=r("img")(({theme:e})=>({width:200,height:"100%",objectFit:"contain",objectPosition:"bottom left",flexShrink:0,alignSelf:"flex-end",[e.breakpoints.down("lg")]:{width:160},[e.breakpoints.down("md")]:{display:"none"}})),vo=r(d)(({theme:e})=>({flex:1,display:"flex",flexDirection:"column",gap:e.spacing(2),padding:e.spacing(4,3),zIndex:1,[e.breakpoints.down("sm")]:{padding:e.spacing(3,2)}})),wo=r(j)(({theme:e})=>({fontSize:"1.5rem",fontWeight:600,lineHeight:1.334,color:e.palette.text.primary})),yo=r(j)(({theme:e})=>({fontSize:16,fontWeight:400,lineHeight:1.5,color:e.palette.text.secondary})),oe=r(d)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(1)})),re=r(ot)(({theme:e})=>({fontSize:20,color:e.palette.primary.main})),ae=r(j)(({theme:e})=>({fontSize:14,fontWeight:400,color:e.palette.text.primary})),jo=r(d)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(2),marginTop:e.spacing(1),[e.breakpoints.down("sm")]:{flexDirection:"column",alignItems:"stretch"}})),Ao=r("button")(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"center",gap:e.spacing(.5),background:e.palette.primary.main,border:"none",borderRadius:6,color:e.palette.common.white,fontFamily:"Inter, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontWeight:600,textTransform:"uppercase",letterSpacing:"0.4px",padding:"6px 16px",cursor:"pointer",transition:e.transitions.create("background-color",{duration:e.transitions.duration.short}),"&:hover":{background:e.palette.primary.dark},"&:focus-visible":{outline:`2px solid ${e.palette.text.primary}`,outlineOffset:2}})),So=r("button")(({theme:e})=>({background:"transparent",border:"1px solid rgba(255, 255, 255, 0.23)",borderRadius:6,color:e.palette.text.primary,fontFamily:"Inter, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontWeight:600,textTransform:"uppercase",letterSpacing:"0.4px",padding:"6px 16px",cursor:"pointer",transition:e.transitions.create("background-color",{duration:e.transitions.duration.short}),"&:hover":{background:e.palette.action.hover},"&:focus-visible":{outline:`2px solid ${e.palette.text.primary}`,outlineOffset:2}})),_o=r("img")(({theme:e})=>({width:420,height:"100%",objectFit:"cover",objectPosition:"center",flexShrink:0,borderRadius:`0 ${e.spacing(2)} ${e.spacing(2)} 0`,[e.breakpoints.down("lg")]:{width:320},[e.breakpoints.down("md")]:{width:"100%",height:200,borderRadius:`0 0 ${e.spacing(2)} ${e.spacing(2)}`}})),Lo="https://docs.decentraland.org/creator/events/";function Do(){const{t:e}=T(),n=Wt(),{hasValidIdentity:o}=H(),s=a.useCallback(()=>{o?n("/whats-on/new-event"):Pe("/whats-on/new-event")},[o,n]),i=a.useCallback(()=>{window.open(Lo,"_blank","noopener")},[]);return t.jsxs(Co,{"aria-label":e("host_banner.title"),children:[t.jsx(ko,{src:ho,alt:"","aria-hidden":"true"}),t.jsxs(vo,{children:[t.jsx(wo,{children:e("host_banner.title")}),t.jsx(yo,{children:e("host_banner.subtitle")}),t.jsxs("div",{children:[t.jsxs(oe,{children:[t.jsx(re,{}),t.jsx(ae,{children:e("host_banner.check_1")})]}),t.jsxs(oe,{children:[t.jsx(re,{}),t.jsx(ae,{children:e("host_banner.check_2")})]}),t.jsxs(oe,{children:[t.jsx(re,{}),t.jsx(ae,{children:e("host_banner.check_3")})]})]}),t.jsxs(jo,{children:[t.jsxs(Ao,{onClick:s,children:[t.jsx(Nt,{sx:{fontSize:18}}),e("host_banner.create_event")]}),t.jsx(So,{onClick:i,children:e("host_banner.learn_more")})]})]}),t.jsx(_o,{src:fo,alt:"","aria-hidden":"true"})]})}function rt(e){const n=fe(e.x,e.y),[o,s]=a.useState(!1),[i,l]=a.useState(!1),c=a.useRef(null),f=a.useRef(null);a.useEffect(()=>()=>{c.current&&clearTimeout(c.current),f.current&&clearTimeout(f.current)},[]);const h=a.useCallback(p=>{p.stopPropagation(),navigator.clipboard?.writeText(n)?.then(()=>{s(!0),c.current&&clearTimeout(c.current),c.current=setTimeout(()=>s(!1),2e3)}).catch(u=>console.warn("[useCardActions] Failed to copy:",u))},[n]),b=a.useCallback(p=>{p.stopPropagation();const u=me({name:e.name,description:e.description,startAt:e.startAt,finishAt:e.finishAt,x:e.x,y:e.y,url:n});u&&(window.open(u,"calendar","width=1090,height=870,noopener,noreferrer"),l(!0),f.current&&clearTimeout(f.current),f.current=setTimeout(()=>l(!1),2e3))},[e.name,e.description,e.startAt,e.finishAt,e.x,e.y,n]);return{eventUrl:n,copied:o,calendarAdded:i,handleCopy:h,handleAddToCalendar:b}}function at(e,n){const o=Date.now(),i=new Date(e).getTime()-o;if(i<=0)return Fe(e);const l=Math.round(i/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 we="#D9D8DB",Mo="#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:we},'&[data-active="true"]':{color:ce.primary,transition:"color 0.15s ease"},"&:disabled":{opacity:.5,cursor:"default"},"&:focus-visible":{outline:`2px solid ${_.softWhite}`,outlineOffset:2}})),ye=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:we},"&:focus-visible":{outline:`2px solid ${_.softWhite}`,outlineOffset:2}})),To={fontSize:12,fontWeight:600,textTransform:"uppercase",whiteSpace:"nowrap"},G=r("span")({...To,"@container (max-width: 340px)":{display:"none"}}),Ro=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:ce.primary,cursor:"pointer",overflow:"hidden",transition:e.transitions.create("background-color",{duration:e.transitions.duration.short}),"&:hover":{backgroundColor:we},"&:disabled":{opacity:.5,cursor:"default"},"&:focus-visible":{outline:`2px solid ${_.softWhite}`,outlineOffset:2}})),it=r(Ve)({fontSize:18,color:"inherit"}),Io=r("img")({width:19,height:19,borderRadius:"50%",border:`1.4px solid ${O.blurry}`,flexShrink:0,objectFit:"cover"}),Wo=r(d)({width:19,height:19,borderRadius:"50%",backgroundColor:Mo,border:`1.4px solid ${O.blurry}`,flexShrink:0}),Fo=r(j)({fontSize:12,lineHeight:1,color:_.softWhite,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),Bo=r("span")({color:ce.primary}),Eo=r(d)({display:"flex",alignItems:"center",gap:8}),$o=r(d)({display:"flex",alignItems:"center",gap:8,backgroundColor:O.subtle,borderRadius:6,padding:"2px 8px 2px 4px",height:24,width:"fit-content",maxWidth:"100%",transition:"opacity 0.2s ease"}),No=r(ue)({fontSize:20,color:_.softWhite}),Ho=r(j)({fontSize:16,fontWeight:600,lineHeight:1.5,color:_.softWhite,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}),Oo=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"}),zo="0px 2px 12px 12px rgba(255, 255, 255, 0.3)";function st({isReminded:e,isLoading:n,isShaking:o,label:s,onClick:i}){return e?t.jsxs(Ro,{onClick:i,disabled:n,children:[t.jsx(U,{active:!0,shaking:o}),t.jsx(G,{children:s})]}):t.jsxs(ye,{onClick:i,disabled:n,children:[t.jsx(U,{active:!1,shaking:o}),t.jsx(G,{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)"}}})),q=a.memo(function({event:n,onClick:o,disableHover:s}){const{t:i}=T(),{hasValidIdentity:l}=H(),{data:c}=z(n.user,{skip:!n.user}),f=c?.avatars?.[0],h=f?.avatar?.snapshots?.face256,b=f?.name||n.user_name||i("upcoming.unknown_creator"),{copied:p,calendarAdded:u,handleCopy:v,handleAddToCalendar:x}=rt({name:n.name,description:n.description,startAt:n.start_at,finishAt:n.finish_at,x:n.x,y:n.y}),{isReminded:C,isLoading:w,isShaking:g,handleToggle:y}=Ce(n.id,n.attending),A=a.useCallback(()=>{o(n)},[o,n]),D=l?t.jsx(Be,{onClick:y,disabled:w,"aria-label":i("upcoming.remind_me"),children:t.jsx(U,{active:C,shaking:g,size:16})}):t.jsx(Be,{onClick:x,"aria-label":i("upcoming.add_to_calendar"),children:t.jsx(be,{sx:{fontSize:16}})}),R=t.jsxs(t.Fragment,{children:[l?t.jsx(st,{isReminded:C,isLoading:w,isShaking:g,label:i("upcoming.remind_me"),onClick:y}):t.jsxs(ye,{onClick:x,children:[t.jsx(V,{}),t.jsx(G,{children:i("upcoming.add_to_calendar")})]}),l&&t.jsx(W,{title:i("upcoming.add_to_calendar"),placement:"top",arrow:!0,children:t.jsx(Y,{onClick:x,"data-active":u,children:t.jsx(V,{})})}),t.jsx(W,{title:i(p?"upcoming.copied":"upcoming.copy_link"),placement:"top",arrow:!0,children:t.jsx(Y,{onClick:v,"data-active":p,children:t.jsx(it,{})})})]});return t.jsx(Ke,{image:n.image??void 0,title:n.name,creatorName:b,creatorAvatarUrl:h,timeLabel:at(n.start_at,i),onClick:A,disableHover:s,action:D,hoverActions:R})});q.displayName="UpcomingCard";const Po=r(d)({borderRadius:12,overflow:"hidden",cursor:"pointer",position:"relative",width:"100%",minWidth:0,"&:hover":{boxShadow:zo},'&: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}}),Uo=r(d)({width:"100%",aspectRatio:"16 / 9",overflow:"hidden",flexShrink:0}),Vo=r("img")({width:"100%",height:"100%",objectFit:"cover",display:"block",pointerEvents:"none",userSelect:"none"}),Yo=r(d)({display:"flex",flexDirection:"column",gap:4,padding:12,position:"relative",backgroundColor:de.blurry}),Go=r(j)({fontWeight:600,fontSize:16,lineHeight:1.5,color:_.softWhite,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),qo=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:de.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=a.memo(({event:e,onClick:n})=>{const{t:o}=T(),{hasValidIdentity:s}=H(),{data:i}=z(e.user,{skip:!e.user}),l=i?.avatars?.[0],c=l?.avatar?.snapshots?.face256,f=l?.name||e.user_name||o("all_experiences.coming_soon"),{copied:h,handleCopy:b,handleAddToCalendar:p}=rt({name:e.name,description:e.description,startAt:e.start_at,finishAt:e.finish_at,x:e.x,y:e.y}),{isReminded:u,isLoading:v,isShaking:x,handleToggle:C}=Ce(e.id,e.attending),w=a.useCallback(()=>{n(e)},[n,e]);return t.jsxs(Po,{onClick:w,children:[e.image&&t.jsx(Uo,{children:t.jsx(Vo,{src:e.image,alt:e.name,loading:"lazy"})}),t.jsxs(Yo,{children:[t.jsx(Go,{children:e.name}),t.jsxs(Eo,{"data-role":"creator-row",children:[c?t.jsx(Io,{src:c,alt:f}):t.jsx(Wo,{}),t.jsxs(Fo,{children:[o("upcoming.by_prefix"),t.jsx(Bo,{children:f})]})]}),t.jsxs($o,{"data-role":"time-pill",children:[t.jsx(No,{}),t.jsx(Ho,{children:at(e.start_at,o)})]}),t.jsxs(Oo,{"data-role":"hover-actions",children:[s?t.jsx(st,{isReminded:u,isLoading:v,isShaking:x,label:o("all_experiences.remind_me"),onClick:C}):t.jsxs(ye,{onClick:p,children:[t.jsx(V,{}),t.jsx(G,{children:o("all_experiences.add_to_calendar")})]}),s&&t.jsx(W,{title:o("all_experiences.add_to_calendar"),placement:"top",arrow:!0,children:t.jsx(Y,{onClick:p,children:t.jsx(V,{})})}),t.jsx(W,{title:o(h?"all_experiences.copied":"all_experiences.copy_link"),placement:"top",arrow:!0,children:t.jsx(Y,{onClick:b,children:t.jsx(it,{})})})]})]})]})});lt.displayName="FutureCard";const ct=a.memo(({event:e,onClick:n})=>{const{data:o}=z(e.user,{skip:!e.user}),s=o?.avatars?.[0],i=a.useCallback(()=>{n(e)},[n,e]),l=s?.avatar?s:void 0;return t.jsx(qo,{children:t.jsx(Ge,{image:e.image??"",sceneName:e.name,coordinates:`${e.x},${e.y}`,avatar:l,onClick:i,leftBadge:t.jsxs(qe,{children:[t.jsx(Qe,{}),t.jsx(Xe,{count:e.total_attendees})]}),leftBadgeTransparent:!0,hideLocation:!0})})});ct.displayName="LiveCard";const dt=a.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 je={},Qo=N;Object.defineProperty(je,"__esModule",{value:!0});var Ae=je.default=void 0,Xo=Qo($()),Ko=t;Ae=je.default=(0,Xo.default)((0,Ko.jsx)("path",{d:"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"}),"ChevronLeft");var Se={},Zo=N;Object.defineProperty(Se,"__esModule",{value:!0});var _e=Se.default=void 0,Jo=Zo($()),er=t;_e=Se.default=(0,Jo.default)((0,er.jsx)("path",{d:"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),"ChevronRight");const tr=50,nr=12,Ee=20,or=r(d)({display:"flex",alignItems:"center",height:tr,marginBottom:nr,position:"relative",backgroundColor:de.backdrop,borderRadius:12,padding:0}),rr=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=a.memo(({startOffset:e,columnCount:n,today:o,onNavigateLeft:s,onNavigateRight:i})=>{const{t:l}=T(),c=e>0,f=a.useMemo(()=>Array.from({length:n},(h,b)=>ge(o,e+b)),[o,e,n]);return t.jsxs(or,{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(Ae,{sx:{fontSize:20}})}),f.map((h,b)=>t.jsx(rr,{isToday:e+b===0,"aria-label":et(h),"aria-current":e+b===0?"date":void 0,children:vn(h,l,o)},h.toISOString())),t.jsx($e,{side:"right",onClick:i,"aria-label":l("all_experiences.navigate_next"),children:t.jsx(_e,{sx:{fontSize:20}})})]})});pt.displayName="DateNavigation";const ar=24,ir="calc(100vh - 280px)",sr=8,lr=8,le=12,cr=200,dr=r(d)(({theme:e})=>({borderRadius:ar,backgroundColor:"rgba(179, 32, 255, 0.25)",border:`2px solid ${O.subtle}`,display:"flex",flexDirection:"column",height:ir,overflow:"hidden",[e.breakpoints.down("sm")]:{height:"auto"}})),pr=r(d)({flex:1,overflowY:"auto",display:"flex",flexDirection:"column",gap:sr,padding:lr,scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),ur=r(d)({flex:1,minHeight:le,backgroundColor:O.subtle,borderRadius:le}),ie=r(d)({height:cr,borderRadius:le,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=a.memo(({events:e,isLoading:n,dateLabel:o,renderCard:s})=>{const i=a.useRef(null),l=a.useRef({isDown:!1,startY:0,scrollTop:0}),[c,f]=a.useState(!1);a.useEffect(()=>{const u=i.current;if(!u)return;const v=()=>f(u.scrollHeight>u.clientHeight);v();const x=new ResizeObserver(v);return x.observe(u),()=>x.disconnect()},[e,n]);const h=a.useCallback(u=>{const v=i.current;v&&(l.current={isDown:!0,startY:u.clientY,scrollTop:v.scrollTop})},[]),b=a.useCallback(u=>{if(!l.current.isDown)return;const v=i.current;if(!v)return;u.preventDefault();const x=u.clientY-l.current.startY;v.scrollTop=l.current.scrollTop-x},[]),p=a.useCallback(()=>{l.current.isDown=!1},[]);return t.jsx(dr,{role:"list","aria-label":o,children:t.jsxs(pr,{ref:i,onMouseDown:h,onMouseMove:b,onMouseUp:p,onMouseLeave:p,children:[n&&t.jsxs(t.Fragment,{children:[t.jsx(ie,{role:"listitem","aria-hidden":"true"}),t.jsx(ie,{role:"listitem","aria-hidden":"true"}),t.jsx(ie,{role:"listitem","aria-hidden":"true"})]}),!n&&e.map(u=>t.jsx("div",{role:"listitem",children:s(u)},u.id)),!c&&t.jsx(ur,{"aria-hidden":"true"})]})})});ut.displayName="DayColumn";const gr=28,hr=16,fr="0.4s",mr="0.15s",xr=r("section")(({theme:e})=>({position:"relative",zIndex:8,marginTop:e.spacing(4),animation:`slideUp ${fr} ease-out ${mr}`,"@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)}})),br=r(j)(({theme:e})=>({fontWeight:500,fontSize:32,lineHeight:1.235,marginBottom:gr,[e.breakpoints.down("sm")]:{fontSize:24,textAlign:"center"}})),Cr=r(d)({display:"grid",gap:hr}),kr=r(d)({display:"flex",gap:12,overflowX:"auto",scrollSnapType:"x mandatory",scrollBehavior:"smooth",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),vr=r(d)({display:"flex",flexDirection:"column",gap:12,flex:"0 0 100%",scrollSnapAlign:"start"});function wr(e,n,o,s){const i=a.useMemo(()=>Array.from({length:o},(p,u)=>ge(e,n+u)),[e,n,o]),l=a.useMemo(()=>Me(i[0]),[i]),c=a.useMemo(()=>Me(i[i.length-1]),[i]),{data:f=[],isLoading:h,isError:b}=Bt({list:"active",from:l.from,to:c.to,order:"asc",world:!1,limit:200,identity:s});return a.useMemo(()=>i.map(p=>({date:p,events:f.filter(u=>se(new Date(u.start_at),p)),isLoading:h,isError:b})),[i,f,h,b])}function yr(){const{t:e}=T(),{identity:n}=H(),o=bn(),[s,i]=a.useState(0),[l,c]=a.useState(null),[f,h]=a.useState(()=>{const g=new Date;return g.setHours(0,0,0,0),g});a.useEffect(()=>{const g=()=>{const y=new Date;y.setHours(0,0,0,0),y.getTime()!==f.getTime()&&(h(y),i(0))};return document.addEventListener("visibilitychange",g),()=>document.removeEventListener("visibilitychange",g)},[f]);const b=wr(f,s,o,n),p=a.useCallback(()=>{i(g=>Math.max(0,g-o))},[o]),u=a.useCallback(()=>{i(g=>g+o)},[o]),v=a.useCallback(g=>{c(nt(g))},[]),x=a.useCallback(()=>{c(null)},[]),C=a.useCallback(g=>t.jsx(dt,{event:g,onClick:v}),[v]),w=a.useMemo(()=>Je(b.flatMap(g=>g.events),2),[b]);return t.jsxs(xr,{"aria-label":e("all_experiences.title"),children:[t.jsx(br,{variant:"h4",children:e("all_experiences.title")}),t.jsx(pt,{startOffset:s,columnCount:o,today:f,onNavigateLeft:p,onNavigateRight:u}),o<=1?t.jsx(kr,{children:w.map((g,y)=>t.jsx(vr,{children:g.map(A=>t.jsx(q,{event:A,onClick:v},A.id))},y))}):t.jsx(Cr,{sx:{gridTemplateColumns:`repeat(${o}, 1fr)`},children:b.map(({date:g,events:y,isLoading:A})=>t.jsx(ut,{events:y,isLoading:A,dateLabel:et(g),renderCard:C},g.toISOString()))}),t.jsx(Do,{}),t.jsx(ke,{open:!!l,onClose:x,data:l})]})}function jr(){const[e,n]=a.useState(Tt);return a.useEffect(()=>Rt(n),[]),e}function gt(){return a.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})})),Ar=`${window.location.origin}/dcl-logo.svg`,mt=a.memo(({card:e,onClick:n})=>{const o=e.title.toLowerCase().includes("genesis plaza"),{data:s}=z(e.creatorAddress,{skip:!e.creatorAddress}),i=s?.avatars?.[0],l=a.useCallback(()=>{n(e)},[n,e]);let c;return o?c={name:e.creatorName??"Decentraland Foundation",ethAddress:"",avatar:{snapshots:{face256:Ar,body:""}}}:i?c={name:i.name??"",ethAddress:i.ethAddress??"",avatar:i.avatar}:e.creatorName&&(c={name:e.creatorName,ethAddress:""}),t.jsx(Ge,{image:e.image,sceneName:e.title,coordinates:e.coordinates,avatar:c,onClick:l,hoverEffect:"lift",leftBadge:t.jsxs(qe,{children:[e.type==="event"&&t.jsx(Qe,{}),t.jsx(Xe,{count:e.users})]}),leftBadgeTransparent:!0,hideLocation:!0})});mt.displayName="LiveNowCardItem";const Sr=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"}})),_r=r(d)(({theme:e})=>({display:"flex",alignItems:"center",gap:8,marginBottom:24,[e.breakpoints.down("sm")]:{justifyContent:"center",padding:e.spacing(0,2)}})),Lr=r(j)(({theme:e})=>({fontWeight:600,fontSize:32,[e.breakpoints.down("sm")]:{fontSize:24,textAlign:"center",width:"100%"}})),Ne=62,He=60,Dr=r(d,{shouldForwardProp:e=>e!=="fadeLeft"&&e!=="fadeRight"&&e!=="hasScroll"})(({theme:e,fadeLeft:n,fadeRight:o,hasScroll:s})=>{const i=[];return n&&i.push(`linear-gradient(to right, transparent, black ${He}px)`),o&&i.push(`linear-gradient(to left, transparent, black ${He}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"},...i.length>0&&{maskImage:i.join(", "),WebkitMaskImage:i.join(", ")},...i.length>1&&{maskComposite:"intersect",WebkitMaskComposite:"source-in"},[e.breakpoints.down("sm")]:{maskImage:"none",WebkitMaskImage:"none"}}}),Oe=r(It)(({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"}})),Mr=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 - ${Ne}px)`},"&& .MuiCardActionArea-root:hover .MuiCardMedia-root":{height:`calc(62.5cqw - ${Ne}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)"}}})),Tr=r(Ht)(({theme:e})=>({color:"#E00000",[e.breakpoints.down("sm")]:{display:"none"}})),Rr=r(d)({position:"relative"}),ze=300;function Ir(){const{t:e}=T(),n=gt(),o=jr(),{data:s=[]}=Ue(n,{pollingInterval:o?6e4:0}),[i,l]=a.useState(0),[c,f]=a.useState(!1),[h,b]=a.useState(!1),[p,u]=a.useState(1),[v,x]=a.useState(!1),[C,w]=a.useState(null),g=a.useRef(null),y=a.useRef({isDown:!1,startX:0,scrollLeft:0}),A=a.useCallback(()=>{const m=g.current;if(!m)return;const k=m.scrollWidth>m.clientWidth,S=k&&m.clientWidth>0?Math.max(1,Math.ceil(m.scrollWidth/m.clientWidth)):1;f(m.scrollLeft>0),b(k&&m.scrollLeft+m.clientWidth<m.scrollWidth-1),u(S);const L=m.scrollWidth-m.clientWidth;if(L<=0)l(0);else{const Z=m.scrollLeft/L;l(Math.round(Z*(S-1)))}},[]);a.useEffect(()=>{const m=g.current;if(!m)return;A();const k=new ResizeObserver(A);return k.observe(m),()=>k.disconnect()},[s.length,A]);const D=a.useCallback(m=>{const k=g.current;if(!k)return;const S=m==="left"?-ze:ze;k.scrollBy({left:S,behavior:"smooth"})},[]),R=a.useCallback(m=>{const k=g.current;k&&(y.current={isDown:!0,startX:m.pageX-k.offsetLeft,scrollLeft:k.scrollLeft},x(!1))},[]),M=a.useCallback(m=>{if(!y.current.isDown)return;const k=g.current;if(!k)return;m.preventDefault();const L=m.pageX-k.offsetLeft-y.current.startX;Math.abs(L)>5&&x(!0),k.scrollLeft=y.current.scrollLeft-L},[]),P=a.useCallback(()=>{y.current.isDown=!1},[]),Q=a.useCallback(m=>{v&&m.stopPropagation()},[v]),F=a.useCallback(m=>{const k=g.current;if(!k)return;const S=k.scrollWidth-k.clientWidth,L=p<=1?0:S*m/(p-1);k.scrollTo({left:L,behavior:"smooth"})},[p]),X=a.useCallback(m=>{w(go(m))},[]),K=a.useCallback(()=>{w(null)},[]);return s.length===0?null:t.jsxs(Sr,{children:[t.jsxs(_r,{children:[t.jsx(Tr,{}),t.jsx(Lr,{variant:"h5",children:e("live_now.title")})]}),t.jsxs(Rr,{children:[c&&t.jsx(Oe,{side:"left",onClick:()=>D("left"),children:t.jsx(Ae,{})}),h&&t.jsx(Oe,{side:"right",onClick:()=>D("right"),children:t.jsx(_e,{})}),t.jsx(Dr,{ref:g,onScroll:A,fadeLeft:c,fadeRight:h,hasScroll:p>1,onMouseDown:R,onMouseMove:M,onMouseUp:P,onMouseLeave:P,onClickCapture:Q,sx:{cursor:v?"grabbing":"grab"},children:t.jsx(Mr,{children:s.map(m=>t.jsx(mt,{card:m,onClick:X},m.id))})})]}),p>1&&t.jsx(ht,{role:"tablist","aria-label":e("live_now.title"),children:Array.from({length:p},(m,k)=>{const S=k===i;return t.jsx(ft,{active:S,role:"tab","aria-selected":S,"aria-current":S?"true":void 0,tabIndex:S?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(ke,{open:!!C,onClose:K,data:C})]})}const Wr="0.4s",Fr=r("section")(({theme:e})=>({position:"relative",zIndex:9,marginTop:e.spacing(4),animation:`slideUp ${Wr} 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)}})),Br=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}})),Er=r(d)(({theme:e})=>({display:"none",[e.breakpoints.down("md")]:{display:"block"}})),$r=r(d)({display:"flex",gap:12,overflowX:"auto",scrollSnapType:"x mandatory",scrollBehavior:"smooth",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),Nr=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"}}})),Hr=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"}})),Or=4;function zr(){const{t:e}=T(),{identity:n}=H(),{data:o=[]}=Et(n?{identity:n}:void 0),[s,i]=a.useState(null),[l,c]=a.useState(0),f=a.useRef(null),h=a.useMemo(()=>Je(o,Or),[o]),b=a.useCallback(()=>{const x=f.current;if(!x||x.clientWidth===0)return;const C=Math.round(x.scrollLeft/x.clientWidth);c(C)},[]),p=a.useCallback(x=>{const C=f.current;C&&C.scrollTo({left:x*C.clientWidth,behavior:"smooth"})},[]),u=a.useCallback(x=>{i(nt(x))},[]),v=a.useCallback(()=>{i(null)},[]);return o.length===0?null:t.jsxs(Fr,{children:[t.jsx(Br,{variant:"h5",children:e("upcoming.title")}),t.jsx(Hr,{children:o.map(x=>t.jsx(q,{event:x,onClick:u},x.id))}),t.jsxs(Er,{children:[t.jsx($r,{ref:f,onScroll:b,children:h.map((x,C)=>t.jsx(Nr,{children:x.map(w=>t.jsx(q,{event:w,onClick:u,disableHover:!0},w.id))},C))}),h.length>1&&t.jsx(ht,{role:"tablist","aria-label":e("upcoming.title"),children:h.map((x,C)=>{const w=C===l;return t.jsx(ft,{active:w,role:"tab","aria-selected":w,"aria-current":w?"true":void 0,tabIndex:w?0:-1,onClick:()=>p(C),onKeyDown:g=>{g.key==="ArrowRight"?(g.preventDefault(),p((C+1)%h.length)):g.key==="ArrowLeft"&&(g.preventDefault(),p((C-1+h.length)%h.length))},"aria-label":e("pagination.go_to_page",{page:C+1})},C)})})]}),t.jsx(ke,{open:!!s,onClose:v,data:s})]})}const Pr="https://cdn.decentraland.org/@dcl/landing-site/0.5.1-24686484792.commit-e56f2bf/assets/top_background-Bnd2vX_F.webp",Ur=r(d)(({theme:e})=>({position:"relative",background:`url(${Pr}) 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"}}})),Vr=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}})),Yr=r(d,{shouldForwardProp:e=>e!=="deferred"})(({deferred:e})=>({display:e?"none":"contents"}));function fa(){const e=gt(),{isLoading:n}=Ue(e);return t.jsxs(Ur,{component:"main",children:[t.jsx(Vr,{children:t.jsx(Ir,{})}),t.jsxs(Yr,{deferred:n,children:[t.jsx(zr,{}),t.jsx(yr,{})]})]})}export{fa as HomePage};