@dcl/landing-site 0.5.1-24686484792.commit-e56f2bf → 0.5.1-24692282370.commit-1a6e5c1

package/assets/HomePage-Cuim8IQO.js

@@ -0,0 +1,3 @@
+import{A as mt,C as xt,D as bt,i as Ct,aS as kt,_ as vt,c as W,aQ as wt,j as t,E as ee,F as E,G as yt,s as a,aD as jt,aT as St,al as $,am as H,a as c,v as j,aU as _t,x as T,r as Oe,as as At,X as Lt,z as _,B as Dt,aJ as ie,aV as O,aW as se,aX as Mt,aY as Tt,aH as Rt}from"./index-BoINd_2w.js";import{r,e as Wt}from"./vendor-router-D_36sTKu.js";import"./vendor-ua-D7qqAxdq.js";import{k as It,l as Ft,m as ze,n as Bt}from"./events.client-PE8SGazl.js";import{u as N}from"./useAuthIdentity-C7IfvUJD.js";import{d as Pe,T as I}from"./ContentCopy-Dmqt7VDt.js";import{P as Ue}from"./Paper-eMTGRWtM.js";import{a as Et,d as $t}from"./ArrowBackIosNew-CCkNG9yi.js";import{u as z}from"./profile.client-S1Y6pP0E.js";import{E as Ve,B as Ye,L as qe,U as Ge,d as Ht}from"./Badges-CoaVGqwO.js";import"./vendor-crypto-uuuQA3i5.js";import"./vendor-schemas-DJzTSxpO.js";import"./vendor-sentry-BSvWNK4f.js";import"./vendor-intl-D2lXWsDp.js";import"./Grow-BOVsEgO5.js";import"./JumpInIcon-DubYMzvy.js";import"./createSvgIcon-BhhLusxy.js";import"./useSlot-BXUbg59Y.js";import"./CardContent-BiDO6--E.js";import"./Skeleton-L6NTNEwq.js";import"./CardMedia-P7V4G8Ao.js";import"./Link-CUGXIwgr.js";function Nt(e){return mt("MuiDialog",e)}const te=xt("MuiDialog",["root","scrollPaper","scrollBody","container","paper","paperScrollPaper","paperScrollBody","paperWidthFalse","paperWidthXs","paperWidthSm","paperWidthMd","paperWidthLg","paperWidthXl","paperFullWidth","paperFullScreen"]),Ot=r.createContext({}),zt=["aria-describedby","aria-labelledby","BackdropComponent","BackdropProps","children","className","disableEscapeKeyDown","fullScreen","fullWidth","maxWidth","onBackdropClick","onClick","onClose","open","PaperComponent","PaperProps","scroll","TransitionComponent","transitionDuration","TransitionProps"],Pt=a(St,{name:"MuiDialog",slot:"Backdrop",overrides:(e,n)=>n.backdrop})({zIndex:-1}),Ut=e=>{const{classes:n,scroll:o,maxWidth:s,fullWidth:i,fullScreen:l}=e,d={root:["root"],container:["container",`scroll${E(o)}`],paper:["paper",`paperScroll${E(o)}`,`paperWidth${E(String(s))}`,i&&"paperFullWidth",l&&"paperFullScreen"]};return yt(d,Nt,n)},Vt=a(jt,{name:"MuiDialog",slot:"Root",overridesResolver:(e,n)=>n.root})({"@media print":{position:"absolute !important"}}),Yt=a("div",{name:"MuiDialog",slot:"Container",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.container,n[`scroll${E(o.scroll)}`]]}})(({ownerState:e})=>W({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=a(Ue,{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})=>W({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%"}})),Gt=r.forwardRef(function(n,o){const s=bt({props:n,name:"MuiDialog"}),i=Ct(),l={enter:i.transitions.duration.enteringScreen,exit:i.transitions.duration.leavingScreen},{"aria-describedby":d,"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:S,open:D,PaperComponent:R=Ue,PaperProps:M={},scroll:P="paper",TransitionComponent:X=kt,transitionDuration:F=l,TransitionProps:K}=s,Z=vt(s,zt),m=W({},s,{disableEscapeKeyDown:v,fullScreen:x,fullWidth:C,maxWidth:w,scroll:P}),k=Ut(m),A=r.useRef(),L=B=>{A.current=B.target===B.currentTarget},Q=B=>{y&&y(B),A.current&&(A.current=null,g&&g(B),S&&S(B,"backdropClick"))},J=wt(f),ft=r.useMemo(()=>({titleId:J}),[J]);return t.jsx(Vt,W({className:ee(k.root,u),closeAfterTransition:!0,components:{Backdrop:Pt},componentsProps:{backdrop:W({transitionDuration:F,as:h},b)},disableEscapeKeyDown:v,onClose:S,open:D,ref:o,onClick:Q,ownerState:m},Z,{children:t.jsx(X,W({appear:!0,in:D,timeout:F,role:"presentation"},K,{children:t.jsx(Yt,{className:ee(k.container),onMouseDown:L,ownerState:m,children:t.jsx(qt,W({as:R,elevation:24,role:"dialog","aria-describedby":d,"aria-labelledby":J},M,{className:ee(k.paper,M.className),ownerState:m,children:t.jsx(Ot.Provider,{value:ft,children:p})}))})}))}))});var le={},Xt=H;Object.defineProperty(le,"__esModule",{value:!0});var ce=le.default=void 0,Kt=Xt($()),Se=t;ce=le.default=(0,Kt.default)([(0,Se.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,Se.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)",Qt="0px 2px 12px 4px rgba(0, 0, 0, 0.12)",Jt=a(c)(({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"})),en=a(c)(({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"})),tn=a(c,{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:Qt},'&: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"}}})),nn=a(c)({width:"42%",height:140,flexShrink:0,overflow:"hidden"}),on=a("img")({width:"100%",height:"100%",objectFit:"cover",display:"block"}),an=a(c)(({theme:e})=>({display:"flex",flexDirection:"column",justifyContent:"space-between",flex:1,minWidth:0,padding:e.spacing(1.5),position:"relative"})),rn=a(c)(({theme:e})=>({display:"flex",flexDirection:"column",gap:e.spacing(.5),overflow:"hidden"})),sn=a(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"})),ln=a(c)(({theme:e})=>({display:"flex",gap:e.spacing(1),alignItems:"flex-start"})),cn=a(c)(({theme:e})=>({display:"none",[e.breakpoints.down("md")]:{display:"flex",flexShrink:0}})),dn=a("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"})),pn=a(c)(({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})),un=a(c)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(1)})),gn=a(j)(({theme:e})=>({fontSize:12,lineHeight:1,color:e.palette.text.secondary,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"})),hn=a("span")(({theme:e})=>({color:e.palette.primary.main})),fn=a(j)(({theme:e})=>({fontSize:14,fontWeight:600,lineHeight:1.5,color:e.palette.text.primary,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"})),Xe=r.memo(({image:e,title:n,creatorName:o,creatorAvatarUrl:s,timeLabel:i,onClick:l,disableHover:d,action:f,hoverActions:h})=>{const b=r.useCallback(p=>{(p.key==="Enter"||p.key===" ")&&l&&(p.preventDefault(),l())},[l]);return t.jsxs(tn,{onClick:l,disableHover:d,...l&&{role:"button",tabIndex:0,onKeyDown:b},children:[e&&t.jsx(nn,{children:t.jsx(on,{src:e,alt:n,loading:"lazy"})}),t.jsxs(an,{children:[t.jsxs(rn,{children:[t.jsxs(ln,{children:[t.jsx(sn,{children:n}),f&&t.jsx(cn,{children:f})]}),o&&t.jsxs(un,{children:[s?t.jsx(dn,{src:s,alt:o}):t.jsx(pn,{}),t.jsxs(gn,{children:["by ",t.jsx(hn,{children:o})]})]})]}),i&&t.jsxs(Jt,{"data-role":"time-pill",children:[t.jsx(ce,{sx:{fontSize:20,color:"inherit"}}),t.jsx(fn,{children:i})]}),h&&t.jsx(en,{"data-role":"hover-actions",children:h})]})]})});Xe.displayName="EventSmallCard";const mn=5,Ke=[{query:"(min-width: 1536px)",columns:mn},{query:"(min-width: 1200px)",columns:4},{query:"(min-width: 900px)",columns:3},{query:"(min-width: 600px)",columns:2}];function _e(){for(const{query:e,columns:n}of Ke)if(window.matchMedia(e).matches)return n;return 1}function xn(){const[e,n]=r.useState(_e);return r.useEffect(()=>{const o=Ke.map(({query:i})=>window.matchMedia(i)),s=()=>{n(_e())};for(const i of o)i.addEventListener("change",s);return()=>{for(const i of o)i.removeEventListener("change",s)}},[]),e}function Ze(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 de(e,n){const o=new Date(e);return o.setDate(o.getDate()+n),o}function bn(e){const n=new Date(e);return n.setHours(0,0,0,0),n}function Cn(e){const n=new Date(e);return n.setHours(23,59,59,999),n}function Ae(e){return{from:bn(e).toISOString(),to:Cn(e).toISOString()}}function ae(e,n){return e.getFullYear()===n.getFullYear()&&e.getMonth()===n.getMonth()&&e.getDate()===n.getDate()}function kn(e,n,o=new Date){if(ae(e,o))return n("all_experiences.today");const s=de(o,1);if(ae(e,s))return n("all_experiences.tomorrow");const i=e.toLocaleDateString(void 0,{weekday:"short"}),l=e.toLocaleDateString(void 0,{month:"short"}),d=e.getDate();return`${i}, ${l} ${d}`}function Qe(e){return e.toLocaleDateString(void 0,{weekday:"long",month:"long",day:"numeric",year:"numeric"})}var pe={},vn=H;Object.defineProperty(pe,"__esModule",{value:!0});var Je=pe.default=void 0,wn=vn($()),yn=t;Je=pe.default=(0,wn.default)((0,yn.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 jn(e,n){return`https://decentraland.org/jump?position=${e},${n}`}function ue(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 ge(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=a(Gt)(({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"}}})),An=a(c)(({theme:e})=>({position:"relative",width:880,height:450,maxWidth:"100%",overflow:"hidden",flexShrink:0,[e.breakpoints.down("sm")]:{width:"100%",height:"auto"}})),Ln=a("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"}})),Dn=a(c)(({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"}})),Mn=a("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"}})),Tn=a(_t)({fontSize:20,color:"#FCFCFC"}),Rn=a(c)(({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=a(j)({fontSize:14,fontWeight:600,color:"#FCFCFC",textTransform:"uppercase",letterSpacing:"0.04em"}),In=a(j)({fontSize:32,fontWeight:600,lineHeight:1.24,color:"#FCFCFC",overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical"}),Fn=a(c)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(1)})),Bn=a("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"})),En=a(c)(({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})),$n=a(j)({fontSize:14,lineHeight:1,color:"#FCFCFC",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),Hn=a("span")({color:"#FF2D55"}),Nn=a(c)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(1)})),On=a("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}})),Le=a("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}})),zn=a("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}})),Pn=a(Pe)({fontSize:18,color:"#FCFCFC"}),Un=a(c)(({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)}})),De=a(j)(({theme:e})=>({fontSize:14,fontWeight:600,lineHeight:1.75,textTransform:"uppercase",color:"#A09BA8",marginBottom:e.spacing(1)})),Vn=a(j)({fontSize:14,lineHeight:1.6,color:"#FCFCFC"}),Yn=a(c)(({theme:e})=>({height:1,backgroundColor:"rgba(255, 255, 255, 0.15)",margin:e.spacing(2,0)})),qn=a(c)(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"space-between",gap:e.spacing(1.5)})),Gn=a("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=a(j)({fontSize:14,lineHeight:1.5,color:"#FCFCFC"}),Kn=a(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 Me(e){return new Date(e).toLocaleTimeString(void 0,{hour:"numeric",minute:"2-digit",hour12:!0})}function Qn(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 Jn({data:e}){const{t:n}=T(),o=!!e.description,s=!!e.startAt,i=r.useCallback(()=>{const d=ge(e);d&&window.open(d,"_blank","noopener,noreferrer")},[e]);if(!o&&!s)return null;const l=e.recurrent?Qn(e.recurrentFrequency,n):null;return t.jsxs(Un,{children:[o&&t.jsxs(t.Fragment,{children:[t.jsx(De,{children:n("event_detail.what_to_expect")}),t.jsx(Vn,{children:e.description})]}),o&&s&&t.jsx(Yn,{}),s&&e.startAt&&t.jsxs(t.Fragment,{children:[t.jsx(De,{children:n("event_detail.schedule")}),t.jsxs(qn,{children:[t.jsxs("div",{children:[t.jsxs(Xn,{children:[Zn(e.startAt)," · ",Me(e.startAt),e.finishAt&&` – ${Me(e.finishAt)}`]}),l&&t.jsx(Kn,{children:l})]}),t.jsx(Gn,{onClick:i,"aria-label":n("event_detail.add_to_calendar"),children:t.jsx(Je,{})})]})]})]})}var he={},eo=H;Object.defineProperty(he,"__esModule",{value:!0});var fe=he.default=void 0,to=eo($()),no=t;fe=he.default=(0,to.default)((0,no.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 me(e,n){const{identity:o,hasValidIdentity:s}=N(),[i,{isLoading:l}]=It({fixedCacheKey:`remind-${e}`}),[d,f]=r.useState(!1),[h,b]=r.useState(null),p=r.useRef(),u=!!n,v=h!==null?h:u;r.useEffect(()=>{h!==null&&h===u&&b(null)},[h,u]),r.useEffect(()=>()=>clearTimeout(p.current),[]);const x=r.useCallback(C=>{if(C.stopPropagation(),l)return;if(!s||!o){Oe(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:d,handleToggle:x}}const oo="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",ro="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",io="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",so=a("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"}}),Te=a("svg")({position:"absolute",inset:0,transition:"opacity 0.3s ease"}),lo=a("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(so,{className:i,style:{width:s,height:s},children:[t.jsxs(Te,{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:oo,fill:"currentColor"}),t.jsx("path",{d:ao,fill:"currentColor"})]}),t.jsxs(Te,{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:ro,fill:"#FF2D55"}),t.jsx(lo,{className:e?"":"hidden",d:io,fill:"#FF2D55"})]})]})}const co=`${window.location.origin}/dcl-logo.svg`;function po({data:e,onClose:n}){const{t:o}=T(),s=At(),i=Lt(s.breakpoints.down("sm")),[l,d]=r.useState(!1),{isReminded:f,isLoading:h,isShaking:b,handleToggle:p}=me(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?co:x?.avatar?.snapshots?.face256,w=u?"Decentraland Foundation":x?.name||e.creatorName,g=!!(C||w),y=r.useCallback(()=>{window.open(e.url,"_blank","noopener,noreferrer")},[e.url]),S=r.useCallback(()=>{navigator.clipboard?.writeText(e.url)?.then(()=>{d(!0),setTimeout(()=>d(!1),2e3)}).catch(M=>console.warn("[EventDetailModal] Failed to copy:",M))},[e.url]),D=r.useCallback(()=>{const M=ge(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(An,{children:[e.image&&t.jsx(Ln,{src:e.image,alt:e.name}),t.jsx(Dn,{}),t.jsx(Mn,{onClick:n,"aria-label":o("event_detail.close"),children:i?t.jsx(Et,{sx:{fontSize:20,color:"#FCFCFC"}}):t.jsx(Tn,{})}),t.jsxs(Rn,{children:[R&&t.jsx(Wn,{children:R}),t.jsx(In,{id:"event-detail-title",children:e.name}),g&&t.jsxs(Fn,{children:[C?t.jsx(Bn,{src:C,alt:w??""}):t.jsx(En,{}),t.jsxs($n,{children:[o("event_detail.by_prefix"),t.jsx(Hn,{children:w})]})]}),t.jsxs(Nn,{children:[t.jsx(On,{onClick:y,children:o("event_detail.jump_in")}),t.jsx(I,{title:o("event_detail.remind_me"),placement:"top",arrow:!0,children:t.jsx(Le,{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(I,{title:o("event_detail.add_to_calendar"),placement:"top",arrow:!0,children:t.jsx(Le,{onClick:D,"aria-label":o("event_detail.add_to_calendar"),children:t.jsx(fe,{fontSize:"small"})})}),t.jsx(I,{title:o(l?"event_detail.copied":"event_detail.copy_link"),placement:"top",arrow:!0,children:t.jsx(zn,{onClick:S,"aria-label":o("event_detail.copy_link"),children:t.jsx(Pn,{})})})]})]})]})})}function xe({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(po,{data:o,onClose:n}),t.jsx(Jn,{data:o})]})})}function et(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:ue(e.x,e.y)}}function uo(e){const[n,o]=Sn(e.coordinates),s=e.type==="event"?ue(n,o):jn(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 go="https://cdn.decentraland.org/@dcl/landing-site/0.5.1-24692282370.commit-1a6e5c1/assets/host_avatar-Gho9W3pF.webp",ho="https://cdn.decentraland.org/@dcl/landing-site/0.5.1-24692282370.commit-1a6e5c1/assets/host_scene-BStngEfA.webp";var be={},fo=H;Object.defineProperty(be,"__esModule",{value:!0});var tt=be.default=void 0,mo=fo($()),xo=t;tt=be.default=(0,mo.default)((0,xo.jsx)("path",{d:"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"}),"Check");const bo="#3C1C4B",Co="rgba(0, 0, 0, 0.35)",ko=a("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:Co,[e.breakpoints.down("md")]:{flexDirection:"column",gap:0,paddingLeft:0,minHeight:"auto"}})),vo=a(c)(({theme:e})=>({position:"relative",flex:"1 1 0",alignSelf:"stretch",minWidth:0,overflow:"hidden",[e.breakpoints.down("md")]:{display:"none"}})),wo=a("img")({position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",objectPosition:"right center",display:"block"}),yo=a("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}})),jo=a(c)(({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)}})),So=a(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}})),_o=a(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}})),Ao=a(c)(({theme:e})=>({display:"flex",flexDirection:"column",gap:e.spacing(1.5)})),Lo=a(c)({display:"flex",alignItems:"center",gap:14,width:"100%"}),Do=a(c)(({theme:e})=>({width:24,height:24,flexShrink:0,borderRadius:5,backgroundColor:bo,border:`1px solid ${e.palette.primary.main}`,display:"flex",alignItems:"center",justifyContent:"center"})),Mo=a(tt)(({theme:e})=>({fontSize:18,color:e.palette.common.white})),To=a(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}})),Ro=a(c)(({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%"}})),Re=a(Dt)(({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"}})),Wo="https://docs.decentraland.org/creator/events/",Io=["check_1","check_2","check_3"];function Fo(){const{t:e}=T(),n=Wt(),{hasValidIdentity:o}=N(),s=r.useCallback(()=>{o?n("/whats-on/new-event"):Oe("/whats-on/new-event")},[o,n]),i=r.useCallback(()=>{window.open(Wo,"_blank","noopener")},[]);return t.jsxs(ko,{"aria-label":e("host_banner.title"),children:[t.jsx(yo,{src:go,alt:"","aria-hidden":"true"}),t.jsxs(jo,{children:[t.jsx(So,{children:e("host_banner.title")}),t.jsx(_o,{children:e("host_banner.subtitle")}),t.jsx(Ao,{children:Io.map(l=>t.jsxs(Lo,{children:[t.jsx(Do,{"aria-hidden":"true",children:t.jsx(Mo,{})}),t.jsx(To,{children:e(`host_banner.${l}`)})]},l))}),t.jsxs(Ro,{children:[t.jsx(Re,{"data-testid":"create-button",variant:"contained",color:"primary",size:"large",startIcon:t.jsx($t,{}),onClick:s,children:e("host_banner.create_event")}),t.jsx(Re,{"data-testid":"learn-more-button",variant:"contained",color:"secondary",size:"large",disableElevation:!0,onClick:i,children:e("host_banner.learn_more")})]})]}),t.jsx(vo,{children:t.jsx(wo,{src:ho,alt:"","aria-hidden":"true"})})]})}function nt(e){const n=ue(e.x,e.y),[o,s]=r.useState(!1),[i,l]=r.useState(!1),d=r.useRef(null),f=r.useRef(null);r.useEffect(()=>()=>{d.current&&clearTimeout(d.current),f.current&&clearTimeout(f.current)},[]);const h=r.useCallback(p=>{p.stopPropagation(),navigator.clipboard?.writeText(n)?.then(()=>{s(!0),d.current&&clearTimeout(d.current),d.current=setTimeout(()=>s(!1),2e3)}).catch(u=>console.warn("[useCardActions] Failed to copy:",u))},[n]),b=r.useCallback(p=>{p.stopPropagation();const u=ge({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 ot(e,n){const o=Date.now(),i=new Date(e).getTime()-o;if(i<=0)return We(e);const l=Math.round(i/6e4);if(l<60)return n("upcoming.starts_in_mins",{count:l});const d=Math.round(l/60);return d<24?n("upcoming.starts_in_hours",{count:d}):We(e)}function We(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 Ce="#D9D8DB",Bo="#00B453",Y=a("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:Ce},'&[data-active="true"]':{color:ie.primary,transition:"color 0.15s ease"},"&:disabled":{opacity:.5,cursor:"default"},"&:focus-visible":{outline:`2px solid ${_.softWhite}`,outlineOffset:2}})),ke=a("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:Ce},"&:focus-visible":{outline:`2px solid ${_.softWhite}`,outlineOffset:2}})),Eo={fontSize:12,fontWeight:600,textTransform:"uppercase",whiteSpace:"nowrap"},q=a("span")({...Eo,"@container (max-width: 340px)":{display:"none"}}),$o=a("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:Ce},"&:disabled":{opacity:.5,cursor:"default"},"&:focus-visible":{outline:`2px solid ${_.softWhite}`,outlineOffset:2}})),at=a(Pe)({fontSize:18,color:"inherit"}),Ho=a("img")({width:19,height:19,borderRadius:"50%",border:`1.4px solid ${O.blurry}`,flexShrink:0,objectFit:"cover"}),No=a(c)({width:19,height:19,borderRadius:"50%",backgroundColor:Bo,border:`1.4px solid ${O.blurry}`,flexShrink:0}),Oo=a(j)({fontSize:12,lineHeight:1,color:_.softWhite,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),zo=a("span")({color:ie.primary}),Po=a(c)({display:"flex",alignItems:"center",gap:8}),Uo=a(c)({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"}),Vo=a(ce)({fontSize:20,color:_.softWhite}),Yo=a(j)({fontSize:16,fontWeight:600,lineHeight:1.5,color:_.softWhite,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}),qo=a(c)({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"}),Go="0px 2px 12px 12px rgba(255, 255, 255, 0.3)";function rt({isReminded:e,isLoading:n,isShaking:o,label:s,onClick:i}){return e?t.jsxs($o,{onClick:i,disabled:n,children:[t.jsx(U,{active:!0,shaking:o}),t.jsx(q,{children:s})]}):t.jsxs(ke,{onClick:i,disabled:n,children:[t.jsx(U,{active:!1,shaking:o}),t.jsx(q,{children:s})]})}const Ie=a("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=r.memo(function({event:n,onClick:o,disableHover:s}){const{t:i}=T(),{hasValidIdentity:l}=N(),{data:d}=z(n.user,{skip:!n.user}),f=d?.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}=nt({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}=me(n.id,n.attending),S=r.useCallback(()=>{o(n)},[o,n]),D=l?t.jsx(Ie,{onClick:y,disabled:w,"aria-label":i("upcoming.remind_me"),children:t.jsx(U,{active:C,shaking:g,size:16})}):t.jsx(Ie,{onClick:x,"aria-label":i("upcoming.add_to_calendar"),children:t.jsx(fe,{sx:{fontSize:16}})}),R=t.jsxs(t.Fragment,{children:[l?t.jsx(rt,{isReminded:C,isLoading:w,isShaking:g,label:i("upcoming.remind_me"),onClick:y}):t.jsxs(ke,{onClick:x,children:[t.jsx(V,{}),t.jsx(q,{children:i("upcoming.add_to_calendar")})]}),l&&t.jsx(I,{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(I,{title:i(p?"upcoming.copied":"upcoming.copy_link"),placement:"top",arrow:!0,children:t.jsx(Y,{onClick:v,"data-active":p,children:t.jsx(at,{})})})]});return t.jsx(Xe,{image:n.image??void 0,title:n.name,creatorName:b,creatorAvatarUrl:h,timeLabel:ot(n.start_at,i),onClick:S,disableHover:s,action:D,hoverActions:R})});G.displayName="UpcomingCard";const Xo=a(c)({borderRadius:12,overflow:"hidden",cursor:"pointer",position:"relative",width:"100%",minWidth:0,"&:hover":{boxShadow:Go},'&: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}}),Ko=a(c)({width:"100%",aspectRatio:"16 / 9",overflow:"hidden",flexShrink:0}),Zo=a("img")({width:"100%",height:"100%",objectFit:"cover",display:"block",pointerEvents:"none",userSelect:"none"}),Qo=a(c)({display:"flex",flexDirection:"column",gap:4,padding:12,position:"relative",backgroundColor:se.blurry}),Jo=a(j)({fontWeight:600,fontSize:16,lineHeight:1.5,color:_.softWhite,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),ea=a(c)({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"}}),it=r.memo(({event:e,onClick:n})=>{const{t:o}=T(),{hasValidIdentity:s}=N(),{data:i}=z(e.user,{skip:!e.user}),l=i?.avatars?.[0],d=l?.avatar?.snapshots?.face256,f=l?.name||e.user_name||o("all_experiences.coming_soon"),{copied:h,handleCopy:b,handleAddToCalendar:p}=nt({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}=me(e.id,e.attending),w=r.useCallback(()=>{n(e)},[n,e]);return t.jsxs(Xo,{onClick:w,children:[e.image&&t.jsx(Ko,{children:t.jsx(Zo,{src:e.image,alt:e.name,loading:"lazy"})}),t.jsxs(Qo,{children:[t.jsx(Jo,{children:e.name}),t.jsxs(Po,{"data-role":"creator-row",children:[d?t.jsx(Ho,{src:d,alt:f}):t.jsx(No,{}),t.jsxs(Oo,{children:[o("upcoming.by_prefix"),t.jsx(zo,{children:f})]})]}),t.jsxs(Uo,{"data-role":"time-pill",children:[t.jsx(Vo,{}),t.jsx(Yo,{children:ot(e.start_at,o)})]}),t.jsxs(qo,{"data-role":"hover-actions",children:[s?t.jsx(rt,{isReminded:u,isLoading:v,isShaking:x,label:o("all_experiences.remind_me"),onClick:C}):t.jsxs(ke,{onClick:p,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:p,children:t.jsx(V,{})})}),t.jsx(I,{title:o(h?"all_experiences.copied":"all_experiences.copy_link"),placement:"top",arrow:!0,children:t.jsx(Y,{onClick:b,children:t.jsx(at,{})})})]})]})]})});it.displayName="FutureCard";const st=r.memo(({event:e,onClick:n})=>{const{data:o}=z(e.user,{skip:!e.user}),s=o?.avatars?.[0],i=r.useCallback(()=>{n(e)},[n,e]),l=s?.avatar?s:void 0;return t.jsx(ea,{children:t.jsx(Ve,{image:e.image??"",sceneName:e.name,coordinates:`${e.x},${e.y}`,avatar:l,onClick:i,leftBadge:t.jsxs(Ye,{children:[t.jsx(qe,{}),t.jsx(Ge,{count:e.total_attendees})]}),leftBadgeTransparent:!0,hideLocation:!0})})});st.displayName="LiveCard";const lt=r.memo(({event:e,onClick:n})=>e.live?t.jsx(st,{event:e,onClick:n}):t.jsx(it,{event:e,onClick:n}));lt.displayName="AllExperiencesCard";var ve={},ta=H;Object.defineProperty(ve,"__esModule",{value:!0});var we=ve.default=void 0,na=ta($()),oa=t;we=ve.default=(0,na.default)((0,oa.jsx)("path",{d:"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"}),"ChevronLeft");var ye={},aa=H;Object.defineProperty(ye,"__esModule",{value:!0});var je=ye.default=void 0,ra=aa($()),ia=t;je=ye.default=(0,ra.default)((0,ia.jsx)("path",{d:"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),"ChevronRight");const sa=50,la=12,Fe=20,ca=a(c)({display:"flex",alignItems:"center",height:sa,marginBottom:la,position:"relative",backgroundColor:se.backdrop,borderRadius:12,padding:0}),da=a("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)"})),Be=a("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:Fe,width:Fe,position:"absolute",top:"50%",transform:"translateY(-50%)",[n]:8,zIndex:1,"&:focus-visible":{outline:`2px solid ${_.softWhite}`,outlineOffset:2}})),ct=r.memo(({startOffset:e,columnCount:n,today:o,onNavigateLeft:s,onNavigateRight:i})=>{const{t:l}=T(),d=e>0,f=r.useMemo(()=>Array.from({length:n},(h,b)=>de(o,e+b)),[o,e,n]);return t.jsxs(ca,{role:"navigation","aria-label":l("all_experiences.title"),children:[t.jsx(Be,{side:"left",onClick:s,disabled:!d,"aria-label":l("all_experiences.navigate_previous"),"aria-disabled":!d,tabIndex:d?0:-1,children:t.jsx(we,{sx:{fontSize:20}})}),f.map((h,b)=>t.jsx(da,{isToday:e+b===0,"aria-label":Qe(h),"aria-current":e+b===0?"date":void 0,children:kn(h,l,o)},h.toISOString())),t.jsx(Be,{side:"right",onClick:i,"aria-label":l("all_experiences.navigate_next"),children:t.jsx(je,{sx:{fontSize:20}})})]})});ct.displayName="DateNavigation";const pa=24,ua="calc(100vh - 280px)",ga=8,ha=8,re=12,fa=200,ma=a(c)(({theme:e})=>({borderRadius:pa,backgroundColor:"rgba(179, 32, 255, 0.25)",border:`2px solid ${O.subtle}`,display:"flex",flexDirection:"column",height:ua,overflow:"hidden",[e.breakpoints.down("sm")]:{height:"auto"}})),xa=a(c)({flex:1,overflowY:"auto",display:"flex",flexDirection:"column",gap:ga,padding:ha,scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),ba=a(c)({flex:1,minHeight:re,backgroundColor:O.subtle,borderRadius:re}),oe=a(c)({height:fa,borderRadius:re,backgroundColor:"rgba(255, 255, 255, 0.08)",animation:"pulse 1.5s ease-in-out infinite","@keyframes pulse":{"0%, 100%":{opacity:.4},"50%":{opacity:.15}}}),dt=r.memo(({events:e,isLoading:n,dateLabel:o,renderCard:s})=>{const i=r.useRef(null),l=r.useRef({isDown:!1,startY:0,scrollTop:0}),[d,f]=r.useState(!1);r.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=r.useCallback(u=>{const v=i.current;v&&(l.current={isDown:!0,startY:u.clientY,scrollTop:v.scrollTop})},[]),b=r.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=r.useCallback(()=>{l.current.isDown=!1},[]);return t.jsx(ma,{role:"list","aria-label":o,children:t.jsxs(xa,{ref:i,onMouseDown:h,onMouseMove:b,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(u=>t.jsx("div",{role:"listitem",children:s(u)},u.id)),!d&&t.jsx(ba,{"aria-hidden":"true"})]})})});dt.displayName="DayColumn";const Ca=28,ka=16,va="0.4s",wa="0.15s",ya=a("section")(({theme:e})=>({position:"relative",zIndex:8,marginTop:e.spacing(4),animation:`slideUp ${va} ease-out ${wa}`,"@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)}})),ja=a(j)(({theme:e})=>({fontWeight:500,fontSize:32,lineHeight:1.235,marginBottom:Ca,[e.breakpoints.down("sm")]:{fontSize:24,textAlign:"center"}})),Sa=a(c)({display:"grid",gap:ka}),_a=a(c)({display:"flex",gap:12,overflowX:"auto",scrollSnapType:"x mandatory",scrollBehavior:"smooth",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),Aa=a(c)({display:"flex",flexDirection:"column",gap:12,flex:"0 0 100%",scrollSnapAlign:"start"});function La(e,n,o,s){const i=r.useMemo(()=>Array.from({length:o},(p,u)=>de(e,n+u)),[e,n,o]),l=r.useMemo(()=>Ae(i[0]),[i]),d=r.useMemo(()=>Ae(i[i.length-1]),[i]),{data:f=[],isLoading:h,isError:b}=Ft({list:"active",from:l.from,to:d.to,order:"asc",world:!1,limit:200,identity:s});return r.useMemo(()=>i.map(p=>({date:p,events:f.filter(u=>ae(new Date(u.start_at),p)),isLoading:h,isError:b})),[i,f,h,b])}function Da(){const{t:e}=T(),{identity:n}=N(),o=xn(),[s,i]=r.useState(0),[l,d]=r.useState(null),[f,h]=r.useState(()=>{const g=new Date;return g.setHours(0,0,0,0),g});r.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=La(f,s,o,n),p=r.useCallback(()=>{i(g=>Math.max(0,g-o))},[o]),u=r.useCallback(()=>{i(g=>g+o)},[o]),v=r.useCallback(g=>{d(et(g))},[]),x=r.useCallback(()=>{d(null)},[]),C=r.useCallback(g=>t.jsx(lt,{event:g,onClick:v}),[v]),w=r.useMemo(()=>Ze(b.flatMap(g=>g.events),2),[b]);return t.jsxs(ya,{"aria-label":e("all_experiences.title"),children:[t.jsx(ja,{variant:"h4",children:e("all_experiences.title")}),t.jsx(ct,{startOffset:s,columnCount:o,today:f,onNavigateLeft:p,onNavigateRight:u}),o<=1?t.jsx(_a,{children:w.map((g,y)=>t.jsx(Aa,{children:g.map(S=>t.jsx(G,{event:S,onClick:v},S.id))},y))}):t.jsx(Sa,{sx:{gridTemplateColumns:`repeat(${o}, 1fr)`},children:b.map(({date:g,events:y,isLoading:S})=>t.jsx(dt,{events:y,isLoading:S,dateLabel:Qe(g),renderCard:C},g.toISOString()))}),t.jsx(Fo,{}),t.jsx(xe,{open:!!l,onClose:x,data:l})]})}function Ma(){const[e,n]=r.useState(Mt);return r.useEffect(()=>Tt(n),[]),e}function pt(){return r.useMemo(()=>{const n=new URLSearchParams(window.location.search).get("minUsers");if(n!==null&&!Number.isNaN(Number(n)))return{minUsers:Number(n)}},[])}const ut=a(c)(({theme:e})=>({display:"flex",justifyContent:"center",gap:e.spacing(.75),marginTop:e.spacing(2)})),gt=a("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})})),Ta=`${window.location.origin}/dcl-logo.svg`,ht=r.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=r.useCallback(()=>{n(e)},[n,e]);let d;return o?d={name:e.creatorName??"Decentraland Foundation",ethAddress:"",avatar:{snapshots:{face256:Ta,body:""}}}:i?d={name:i.name??"",ethAddress:i.ethAddress??"",avatar:i.avatar}:e.creatorName&&(d={name:e.creatorName,ethAddress:""}),t.jsx(Ve,{image:e.image,sceneName:e.title,coordinates:e.coordinates,avatar:d,onClick:l,hoverEffect:"lift",leftBadge:t.jsxs(Ye,{children:[e.type==="event"&&t.jsx(qe,{}),t.jsx(Ge,{count:e.users})]}),leftBadgeTransparent:!0,hideLocation:!0})});ht.displayName="LiveNowCardItem";const Ra=a("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"}})),Wa=a(c)(({theme:e})=>({display:"flex",alignItems:"center",gap:8,marginBottom:24,[e.breakpoints.down("sm")]:{justifyContent:"center",padding:e.spacing(0,2)}})),Ia=a(j)(({theme:e})=>({fontWeight:600,fontSize:32,[e.breakpoints.down("sm")]:{fontSize:24,textAlign:"center",width:"100%"}})),Ee=62,$e=60,Fa=a(c,{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 ${$e}px)`),o&&i.push(`linear-gradient(to left, transparent, black ${$e}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"}}}),He=a(Rt)(({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"}})),Ba=a(c)(({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 - ${Ee}px)`},"&& .MuiCardActionArea-root:hover .MuiCardMedia-root":{height:`calc(62.5cqw - ${Ee}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)"}}})),Ea=a(Ht)(({theme:e})=>({color:"#E00000",[e.breakpoints.down("sm")]:{display:"none"}})),$a=a(c)({position:"relative"}),Ne=300;function Ha(){const{t:e}=T(),n=pt(),o=Ma(),{data:s=[]}=ze(n,{pollingInterval:o?6e4:0}),[i,l]=r.useState(0),[d,f]=r.useState(!1),[h,b]=r.useState(!1),[p,u]=r.useState(1),[v,x]=r.useState(!1),[C,w]=r.useState(null),g=r.useRef(null),y=r.useRef({isDown:!1,startX:0,scrollLeft:0}),S=r.useCallback(()=>{const m=g.current;if(!m)return;const k=m.scrollWidth>m.clientWidth,A=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(A);const L=m.scrollWidth-m.clientWidth;if(L<=0)l(0);else{const Q=m.scrollLeft/L;l(Math.round(Q*(A-1)))}},[]);r.useEffect(()=>{const m=g.current;if(!m)return;S();const k=new ResizeObserver(S);return k.observe(m),()=>k.disconnect()},[s.length,S]);const D=r.useCallback(m=>{const k=g.current;if(!k)return;const A=m==="left"?-Ne:Ne;k.scrollBy({left:A,behavior:"smooth"})},[]),R=r.useCallback(m=>{const k=g.current;k&&(y.current={isDown:!0,startX:m.pageX-k.offsetLeft,scrollLeft:k.scrollLeft},x(!1))},[]),M=r.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=r.useCallback(()=>{y.current.isDown=!1},[]),X=r.useCallback(m=>{v&&m.stopPropagation()},[v]),F=r.useCallback(m=>{const k=g.current;if(!k)return;const A=k.scrollWidth-k.clientWidth,L=p<=1?0:A*m/(p-1);k.scrollTo({left:L,behavior:"smooth"})},[p]),K=r.useCallback(m=>{w(uo(m))},[]),Z=r.useCallback(()=>{w(null)},[]);return s.length===0?null:t.jsxs(Ra,{children:[t.jsxs(Wa,{children:[t.jsx(Ea,{}),t.jsx(Ia,{variant:"h5",children:e("live_now.title")})]}),t.jsxs($a,{children:[d&&t.jsx(He,{side:"left",onClick:()=>D("left"),children:t.jsx(we,{})}),h&&t.jsx(He,{side:"right",onClick:()=>D("right"),children:t.jsx(je,{})}),t.jsx(Fa,{ref:g,onScroll:S,fadeLeft:d,fadeRight:h,hasScroll:p>1,onMouseDown:R,onMouseMove:M,onMouseUp:P,onMouseLeave:P,onClickCapture:X,sx:{cursor:v?"grabbing":"grab"},children:t.jsx(Ba,{children:s.map(m=>t.jsx(ht,{card:m,onClick:K},m.id))})})]}),p>1&&t.jsx(ut,{role:"tablist","aria-label":e("live_now.title"),children:Array.from({length:p},(m,k)=>{const A=k===i;return t.jsx(gt,{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(xe,{open:!!C,onClose:Z,data:C})]})}const Na="0.4s",Oa=a("section")(({theme:e})=>({position:"relative",zIndex:9,marginTop:e.spacing(4),animation:`slideUp ${Na} 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)}})),za=a(j)(({theme:e})=>({fontWeight:500,fontSize:32,lineHeight:1.235,marginBottom:32,[e.breakpoints.down("md")]:{textAlign:"center"},[e.breakpoints.down("sm")]:{fontSize:24}})),Pa=a(c)(({theme:e})=>({display:"none",[e.breakpoints.down("md")]:{display:"block"}})),Ua=a(c)({display:"flex",gap:12,overflowX:"auto",scrollSnapType:"x mandatory",scrollBehavior:"smooth",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),Va=a(c)(()=>({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"}}})),Ya=a(c)(({theme:e})=>({display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(max(300px, calc((100% - 72px) / 4)), 1fr))",gap:24,[e.breakpoints.down("md")]:{display:"none"}})),qa=4;function Ga(){const{t:e}=T(),{identity:n}=N(),{data:o=[]}=Bt(n?{identity:n}:void 0),[s,i]=r.useState(null),[l,d]=r.useState(0),f=r.useRef(null),h=r.useMemo(()=>Ze(o,qa),[o]),b=r.useCallback(()=>{const x=f.current;if(!x||x.clientWidth===0)return;const C=Math.round(x.scrollLeft/x.clientWidth);d(C)},[]),p=r.useCallback(x=>{const C=f.current;C&&C.scrollTo({left:x*C.clientWidth,behavior:"smooth"})},[]),u=r.useCallback(x=>{i(et(x))},[]),v=r.useCallback(()=>{i(null)},[]);return o.length===0?null:t.jsxs(Oa,{children:[t.jsx(za,{variant:"h5",children:e("upcoming.title")}),t.jsx(Ya,{children:o.map(x=>t.jsx(G,{event:x,onClick:u},x.id))}),t.jsxs(Pa,{children:[t.jsx(Ua,{ref:f,onScroll:b,children:h.map((x,C)=>t.jsx(Va,{children:x.map(w=>t.jsx(G,{event:w,onClick:u,disableHover:!0},w.id))},C))}),h.length>1&&t.jsx(ut,{role:"tablist","aria-label":e("upcoming.title"),children:h.map((x,C)=>{const w=C===l;return t.jsx(gt,{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(xe,{open:!!s,onClose:v,data:s})]})}const Xa="https://cdn.decentraland.org/@dcl/landing-site/0.5.1-24692282370.commit-1a6e5c1/assets/top_background-Bnd2vX_F.webp",Ka=a(c)(({theme:e})=>({position:"relative",background:`url(${Xa}) 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"}}})),Za=a(c)(({theme:e})=>({position:"relative",zIndex:1,display:"flex",flexDirection:"column",gap:e.spacing(4),paddingTop:"66px",[e.breakpoints.down("sm")]:{paddingTop:"56px",gap:0}})),Qa=a(c,{shouldForwardProp:e=>e!=="deferred"})(({deferred:e})=>({display:e?"none":"contents"}));function vr(){const e=pt(),{isLoading:n}=ze(e);return t.jsxs(Ka,{component:"main",children:[t.jsx(Za,{children:t.jsx(Ha,{})}),t.jsxs(Qa,{deferred:n,children:[t.jsx(Ga,{}),t.jsx(Da,{})]})]})}export{vr as HomePage};