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

package/assets/index-C1apFG92.js

@@ -1 +0,0 @@
-import{s as n,a as c,v as C,z as f,M as v,j as o,U as w,P as k,w as y,ae as M,u as j,N as A,V as E}from"./index-DUmIu2EK.js";import{r as d}from"./vendor-router-D_36sTKu.js";import{C as b}from"./Carousel-DJd7E-wq.js";import{u as L}from"./profile.client-BtZZbgxj.js";import{E as D,B,L as N,U as W}from"./Badges-DPcq_7dC.js";import{A as G}from"./AnimatedBackground-BbbuCmrW.js";import"./vendor-crypto-uuuQA3i5.js";import"./vendor-schemas-DJzTSxpO.js";import"./vendor-sentry-BSvWNK4f.js";import"./vendor-ua-D7qqAxdq.js";import"./vendor-intl-D2lXWsDp.js";import"./JumpInIcon-bPOWl5ae.js";import"./createSvgIcon-CnAtXIjx.js";import"./useSlot-DM_UQPu8.js";import"./CardContent-BQ0iSa2p.js";import"./Paper-BfSYUoim.js";import"./Skeleton-BP1Os8gY.js";import"./CardMedia-B6PneSTk.js";import"./Link-C3GGl2C6.js";const I=n(c)(({theme:e})=>({width:"100%",padding:e.spacing(10,8),display:"flex",flexDirection:"column",alignItems:"center",gap:e.spacing(6),position:"relative",overflow:"hidden",[e.breakpoints.down("sm")]:{padding:e.spacing(6,2)}})),O=n(C)(({theme:e})=>({color:f.white,fontWeight:700,textAlign:"center",position:"relative",zIndex:10,fontSize:48,[e.breakpoints.down("sm")]:{fontSize:32}})),u=62,z=n(c)(({theme:e})=>({display:"flex",gap:e.spacing(3),justifyContent:"center",width:"100%",position:"relative",zIndex:10,"& > *":{flex:"1 1 0",minWidth:0,maxWidth:850,"&:only-child, &:first-child:nth-last-child(2), &:first-child:nth-last-child(2) ~ *":{minHeight:427}},"& .MuiCard-root":{containerType:"inline-size",overflow:"hidden",height:"min(62.5cqw + 130px, 427px)"},"& .MuiCardActionArea-root":{height:"100%"},"&& .MuiCardMedia-root":{height:"min(62.5cqw, 297px)",transition:"height 0.3s ease"},"&& .MuiCardActionArea-root:hover .MuiCardMedia-root":{height:`min(calc(62.5cqw - ${u}px), ${297-u}px)`},"& .MuiCardContent-root .MuiBox-root .MuiBox-root:has(.MuiAvatar-root)":{maxWidth:"100%"},[e.breakpoints.down("sm")]:{display:"none"}})),P=n(c)(({theme:e})=>({display:"none",width:"100%",position:"relative",zIndex:10,[e.breakpoints.down("sm")]:{display:"block"}})),T=n("div")({borderRadius:16,overflow:"hidden",display:"flex",flexDirection:"column","&& .MuiCardContent-root":{backgroundColor:"rgba(0, 0, 0, 0.6)"},"&& .MuiCard-root":{minWidth:0,maxWidth:"100%"},"&& .MuiTypography-h6":{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",WebkitLineClamp:"unset",WebkitBoxOrient:"unset"}}),H=k("/dcl-logo.svg").replace(/^http:\/\//,"https://"),s=d.memo(({card:e,loading:a})=>{const i=v(),{data:l}=L(e?.creatorAddress,{skip:!e?.creatorAddress});let r=l?.avatars?.[0];return!r&&e?.creatorName&&(r={name:e.creatorName,ethAddress:"",...e.isGenesisPlaza&&{avatar:{snapshots:{face256:H,body:""}}}}),o.jsx(T,{"data-place":w.LANDING_EXPLORE,"data-event":"click","data-card":e?.title,onClick:i,children:o.jsx(D,{loading:a,image:e?.image??"",sceneName:e?.title??"",avatar:r,coordinates:e?.coordinates,leftBadgeTransparent:!0,hideLocation:!0,leftBadge:e?o.jsxs(B,{children:[o.jsx(N,{}),o.jsx(W,{count:e.users})]}):void 0})})});s.displayName="ExploreCard";const S=[0,1,2],U=d.memo(()=>{const e=y(),{data:a,isLoading:i}=M(),{isConnected:l}=j(),{handleClick:p,isDownloadModalOpen:r,closeDownloadModal:h,downloadModalProps:x}=A(),m=d.useCallback(t=>{l||(t.preventDefault(),t.stopPropagation(),p(t))},[l,p]);if(!i&&a.length===0)return null;const g=d.useMemo(()=>i?S.map(t=>o.jsx(s,{loading:!0},t)):a.map(t=>o.jsx(s,{card:t},t.id)),[i,a]);return o.jsxs(I,{children:[o.jsx(G,{variant:"absolute"}),o.jsx(O,{variant:"h3",children:e("page.home.explore.title")}),o.jsx(z,{onClickCapture:m,children:g}),o.jsx(P,{onClickCapture:m,children:i?o.jsx(s,{loading:!0}):a.length>0&&o.jsx(b,{items:a,renderItem:t=>o.jsx(s,{card:t}),keyExtractor:t=>t.id,autoplayDelay:5e3})}),o.jsx(E,{open:r,onClose:h,...x})]})});U.displayName="Explore";export{U as Explore};

package/assets/index-C1apFG92.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-C1apFG92.js","sources":["../../src/components/Home/Explore/Explore.styled.ts","../../src/components/Home/Explore/ExploreCard.tsx","../../src/components/Home/Explore/Explore.tsx"],"sourcesContent":["import { Box, Typography, dclColors, styled } from 'decentraland-ui2'\n\nconst ExploreContainer = styled(Box)(({ theme }) => ({\n  width: '100%',\n  padding: theme.spacing(10, 8),\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  gap: theme.spacing(6),\n  position: 'relative',\n  overflow: 'hidden',\n  [theme.breakpoints.down('sm')]: {\n    padding: theme.spacing(6, 2)\n  }\n}))\n\nconst SectionTitle = styled(Typography)(({ theme }) => ({\n  color: dclColors.neutral.white,\n  fontWeight: 700,\n  textAlign: 'center',\n  position: 'relative',\n  zIndex: 10,\n  fontSize: 48,\n  [theme.breakpoints.down('sm')]: {\n    fontSize: 32\n  }\n}))\n\nconst JUMP_IN_HEIGHT = 62\n\nconst CardsGrid = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  gap: theme.spacing(3),\n  justifyContent: 'center',\n  width: '100%',\n  position: 'relative',\n  zIndex: 10,\n  /* eslint-disable @typescript-eslint/naming-convention */\n  '& > *': {\n    flex: '1 1 0',\n    minWidth: 0,\n    maxWidth: 850,\n    '&:only-child, &:first-child:nth-last-child(2), &:first-child:nth-last-child(2) ~ *': {\n      minHeight: 427\n    }\n  },\n  '& .MuiCard-root': {\n    containerType: 'inline-size',\n    overflow: 'hidden',\n    height: 'min(62.5cqw + 130px, 427px)'\n  },\n  '& .MuiCardActionArea-root': {\n    height: '100%'\n  },\n  '&& .MuiCardMedia-root': {\n    height: 'min(62.5cqw, 297px)',\n    transition: 'height 0.3s ease'\n  },\n  '&& .MuiCardActionArea-root:hover .MuiCardMedia-root': {\n    height: `min(calc(62.5cqw - ${JUMP_IN_HEIGHT}px), ${297 - JUMP_IN_HEIGHT}px)`\n  },\n  // Expand avatar container so the \"by\" label is not truncated\n  // (targets the inner Box wrapping the AvatarFace inside EventCard)\n  '& .MuiCardContent-root .MuiBox-root .MuiBox-root:has(.MuiAvatar-root)': {\n    maxWidth: '100%'\n  },\n  /* eslint-enable @typescript-eslint/naming-convention */\n  [theme.breakpoints.down('sm')]: {\n    display: 'none'\n  }\n}))\n\nconst MobileCarousel = styled(Box)(({ theme }) => ({\n  display: 'none',\n  width: '100%',\n  position: 'relative',\n  zIndex: 10,\n  [theme.breakpoints.down('sm')]: {\n    display: 'block'\n  }\n}))\n\nconst CardWrapper = styled('div')({\n  borderRadius: 16,\n  overflow: 'hidden',\n  display: 'flex',\n  flexDirection: 'column',\n  // Override ui2's 0.4 opacity to 0.6\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  '&& .MuiCardContent-root': {\n    backgroundColor: 'rgba(0, 0, 0, 0.6)'\n  },\n  // Force card to respect container width on small screens\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  '&& .MuiCard-root': {\n    minWidth: 0,\n    maxWidth: '100%'\n  },\n  /* eslint-disable @typescript-eslint/naming-convention */\n  '&& .MuiTypography-h6': {\n    display: 'block',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    WebkitLineClamp: 'unset',\n    WebkitBoxOrient: 'unset'\n  }\n  /* eslint-enable @typescript-eslint/naming-convention */\n})\n\nexport { CardWrapper, CardsGrid, ExploreContainer, MobileCarousel, SectionTitle }\n","import { memo } from 'react'\nimport type { Avatar } from '@dcl/schemas'\nimport { BadgeGroup, EventCard, LiveBadge, UserCountBadge } from 'decentraland-ui2'\nimport type { ExploreItem } from '../../../features/events/events.types'\nimport { useGetProfileQuery } from '../../../features/profile/profile.client'\nimport { useTrackClick } from '../../../hooks/adapters/useTrackLinkContext'\nimport { SectionViewedTrack } from '../../../modules/segment'\nimport { assetUrl } from '../../../utils/assetUrl'\nimport { CardWrapper } from './Explore.styled'\n\n// AvatarFace only passes through URLs starting with https://, otherwise it\n// prepends peer.decentraland.org. In prod assetUrl gives https://cdn..., in\n// dev we force https by replacing the protocol.\nconst DCL_LOGO_URL = assetUrl('/dcl-logo.svg').replace(/^http:\\/\\//, 'https://')\n\nconst ExploreCard = memo(({ card, loading }: { card?: ExploreItem; loading?: boolean }) => {\n  const onClickHandle = useTrackClick()\n  const { data: profile } = useGetProfileQuery(card?.creatorAddress, { skip: !card?.creatorAddress })\n  const fetchedAvatar = profile?.avatars?.[0]\n\n  let avatar: Avatar | undefined = fetchedAvatar as Avatar | undefined\n  if (!avatar && card?.creatorName) {\n    avatar = {\n      name: card.creatorName,\n      ethAddress: '',\n      ...(card.isGenesisPlaza && {\n        avatar: { snapshots: { face256: DCL_LOGO_URL, body: '' } }\n      })\n    } as Avatar\n  }\n\n  return (\n    <CardWrapper data-place={SectionViewedTrack.LANDING_EXPLORE} data-event=\"click\" data-card={card?.title} onClick={onClickHandle}>\n      <EventCard\n        loading={loading}\n        image={card?.image ?? ''}\n        sceneName={card?.title ?? ''}\n        avatar={avatar}\n        coordinates={card?.coordinates}\n        leftBadgeTransparent\n        hideLocation\n        leftBadge={\n          card ? (\n            <BadgeGroup>\n              <LiveBadge />\n              <UserCountBadge count={card.users} />\n            </BadgeGroup>\n          ) : undefined\n        }\n      />\n    </CardWrapper>\n  )\n})\n\nExploreCard.displayName = 'ExploreCard'\n\nexport { ExploreCard }\n","import { memo, useCallback, useMemo } from 'react'\nimport { AnimatedBackground, DownloadModal } from 'decentraland-ui2'\nimport { useGetExploreDataQuery } from '../../../features/events/events.client'\nimport { useFormatMessage } from '../../../hooks/adapters/useFormatMessage'\nimport { useHangOutAction } from '../../../hooks/useHangOutAction'\nimport { useWalletAddress } from '../../../hooks/useWalletAddress'\nimport { Carousel } from '../../Carousel/Carousel'\nimport { ExploreCard } from './ExploreCard'\nimport { CardsGrid, ExploreContainer, MobileCarousel, SectionTitle } from './Explore.styled'\n\nconst LOADING_PLACEHOLDERS = [0, 1, 2]\n\nconst Explore = memo(() => {\n  const l = useFormatMessage()\n  const { data: cards, isLoading } = useGetExploreDataQuery()\n  const { isConnected } = useWalletAddress()\n  const { handleClick, isDownloadModalOpen, closeDownloadModal, downloadModalProps } = useHangOutAction()\n\n  // Intercept card clicks when not signed in → show download modal instead\n  const handleCardClick = useCallback(\n    (e: React.MouseEvent) => {\n      if (!isConnected) {\n        e.preventDefault()\n        e.stopPropagation()\n        handleClick(e)\n      }\n    },\n    [isConnected, handleClick]\n  )\n\n  if (!isLoading && cards.length === 0) return null\n\n  const cardElements = useMemo(\n    () =>\n      isLoading\n        ? LOADING_PLACEHOLDERS.map(i => <ExploreCard key={i} loading />)\n        : cards.map(card => <ExploreCard key={card.id} card={card} />),\n    [isLoading, cards]\n  )\n\n  return (\n    <ExploreContainer>\n      <AnimatedBackground variant=\"absolute\" />\n      <SectionTitle variant=\"h3\">{l('page.home.explore.title')}</SectionTitle>\n      <CardsGrid onClickCapture={handleCardClick}>{cardElements}</CardsGrid>\n      <MobileCarousel onClickCapture={handleCardClick}>\n        {isLoading ? (\n          <ExploreCard loading />\n        ) : (\n          cards.length > 0 && (\n            <Carousel items={cards} renderItem={card => <ExploreCard card={card} />} keyExtractor={card => card.id} autoplayDelay={5000} />\n          )\n        )}\n      </MobileCarousel>\n      <DownloadModal open={isDownloadModalOpen} onClose={closeDownloadModal} {...downloadModalProps} />\n    </ExploreContainer>\n  )\n})\n\nExplore.displayName = 'Explore'\n\nexport { Explore }\n"],"names":["ExploreContainer","styled","Box","theme","SectionTitle","Typography","dclColors.neutral","JUMP_IN_HEIGHT","CardsGrid","MobileCarousel","CardWrapper","DCL_LOGO_URL","assetUrl","ExploreCard","memo","card","loading","onClickHandle","useTrackClick","profile","useGetProfileQuery","avatar","jsx","SectionViewedTrack","EventCard","jsxs","BadgeGroup","LiveBadge","UserCountBadge","LOADING_PLACEHOLDERS","Explore","l","useFormatMessage","cards","isLoading","useGetExploreDataQuery","isConnected","useWalletAddress","handleClick","isDownloadModalOpen","closeDownloadModal","downloadModalProps","useHangOutAction","handleCardClick","useCallback","e","cardElements","useMemo","i","AnimatedBackground","Carousel","DownloadModal"],"mappings":"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"}

package/assets/index-DJdpP3iF.js

@@ -1 +0,0 @@
-import{x as $,ar as q,O as r,t as Y,q as Q,ad as S,j as a,L as G,v as J,U as X}from"./index-DUmIu2EK.js";import{r as o,b as Z}from"./vendor-router-D_36sTKu.js";import"./vendor-ua-D7qqAxdq.js";import{LandingFooter as ee}from"./index-Bd63106P.js";import{u as te,a as se,g as oe,A as W,c as ae}from"./downloadWithIdentity-imzC-1Iy.js";import{t as ne}from"./file-Cr_gl9BS.js";import{F as m,a as re}from"./url-BHzlJYXC.js";import{D as ce,a as de,b as ie,c as le,d as pe,e as we,H as ue}from"./DownloadSuccessLayout-COBp7A1N.js";import"./vendor-crypto-uuuQA3i5.js";import"./vendor-schemas-DJzTSxpO.js";import"./vendor-sentry-BSvWNK4f.js";import"./vendor-intl-D2lXWsDp.js";import"./useAuthIdentity-D2zQ3q5X.js";import"./index-BaEE4ZXP.js";import"./CardContent-BQ0iSa2p.js";import"./Paper-BfSYUoim.js";import"./CardMedia-B6PneSTk.js";const ge="https://cdn.decentraland.org/@dcl/landing-site/0.5.1-24686484792.commit-e56f2bf/assets/macos_launcher-tAnkzoV6.webp",me="https://cdn.decentraland.org/@dcl/landing-site/0.5.1-24686484792.commit-e56f2bf/assets/macos_launching_decentraland-D20EhlLN.webp",fe="https://cdn.decentraland.org/@dcl/landing-site/0.5.1-24686484792.commit-e56f2bf/assets/macos_recent_download-BanUqEgV.webp",De="https://cdn.decentraland.org/@dcl/landing-site/0.5.1-24686484792.commit-e56f2bf/assets/windows_downloads_folder-BjMDtSd-.webp",Se="https://cdn.decentraland.org/@dcl/landing-site/0.5.1-24686484792.commit-e56f2bf/assets/windows_launching_decentraland-Bg5TsdCP.webp",he="https://cdn.decentraland.org/@dcl/landing-site/0.5.1-24686484792.commit-e56f2bf/assets/windows_setup-Dzomx64Q.webp",Oe=new Set(["amd64","arm64"]),h="downloadSuccess:autoDownloadKey",xe="downloadSuccess:triggered",ye=o.memo(()=>{const[O]=Z(),{intl:x}=$(),{isInitialized:y,track:A}=q(),i=te(),l=se(),[_,p]=o.useState(!1),[j,f]=o.useState(null),[T,w]=o.useState(!1),D=o.useRef(!1),I=o.useRef(i),L=o.useRef(l),u=o.useRef(y),g=o.useRef(A);I.current=i,L.current=l,u.current=y,g.current=A;const U=O.get("os")||"",n={windows:r.WINDOWS,macos:r.MACOS}[U.toLowerCase()]??r.MACOS,b=n===r.WINDOWS?"amd64":"arm64",C=O.get("arch")||b,c=Oe.has(C)?C:b,v=n===r.WINDOWS?Y:Q,M=n===r.WINDOWS?m[n]?.amd64:m[n]?.[c],e=o.useCallback((t,s)=>x.formatMessage({id:t},s),[x]),E=e("page.download.success.subtitle_action_exploring"),k=o.useMemo(()=>{const t=s=>a.jsx("span",{children:s});return{[r.WINDOWS]:[{title:e("page.download.success.steps.windows.step1.title"),text:e("page.download.success.steps.windows.step1.text",{span:t}),image:De},{title:e("page.download.success.steps.windows.step2.title"),text:e("page.download.success.steps.windows.step2.text",{span:t}),image:he},{title:e("page.download.success.steps.windows.step3.title"),text:e("page.download.success.steps.windows.step3.text",{span:t}),image:Se}],[r.MACOS]:[{title:e("page.download.success.steps.macOS.step1.title"),text:e("page.download.success.steps.macOS.step1.text",{span:t}),image:fe},{title:e("page.download.success.steps.macOS.step2.title"),text:e("page.download.success.steps.macOS.step2.text",{span:t}),image:ge},{title:e("page.download.success.steps.macOS.step3.title"),text:e("page.download.success.steps.macOS.step3.text",{span:t}),image:me}]}},[e]),B=k[n]||k[r.MACOS];o.useEffect(()=>{let t=!1;const s=`${n}:${c}`,N=()=>window.history.state&&typeof window.history.state=="object"?window.history.state:{};return(async()=>{const d=`${xe}:${s}`;if(sessionStorage.getItem(d)){w(!0);return}if(N()[h]===s){w(!0);return}p(!0),f(null),w(!1),u.current&&g.current(S.DOWNLOAD_STARTED);const{url:H,filename:z}=await ae({os:n,arch:c,fallbackLinks:m,getIdentityId:I.current});if(t)return;const R=N();if(R[h]!==s&&window.history.replaceState({...R,[h]:s},"",window.location.href),t)return;sessionStorage.setItem(d,"1");const V=re(H,{[W]:L.current});ne(V),w(!0),u.current&&g.current(S.DOWNLOAD_SUCCESS,{filename:z})})().catch(d=>{t||(console.error("Download error:",d),f(d instanceof Error?d.message:"Download failed"),u.current&&g.current(S.DOWNLOAD_FAILED))}).finally(()=>{t||p(!1)}),()=>{t=!0}},[n,c]);const F=o.useCallback(async t=>{if(t.preventDefault(),!D.current){D.current=!0,p(!0);try{await oe({os:n,arch:c,fallbackLinks:m,queryParams:{[W]:l},getIdentityId:i})}catch(s){console.error("Download error:",s),f(s instanceof Error?s.message:"Download failed")}finally{D.current=!1,p(!1)}}},[n,c,l,i]),P=_||!j&&!T,K=_?a.jsxs(ce,{children:[a.jsx(G,{size:"huge"}),a.jsxs(de,{children:[a.jsx(ie,{variant:"h6",children:e("page.download.downloading")}),a.jsx(le,{children:a.jsx(pe,{})})]})]}):void 0;return a.jsx(we,{loading:P,backdropContent:K,osIcon:v,title:e("page.download.success.title"),subtitle:e("page.download.success.subtitle",{action:E}),steps:B,renderCardOverlay:(t,s)=>s===0&&E==="exploring"?a.jsx(ue,{}):null,footer:a.jsx(J,{variant:"body1",children:e("page.download.success.footer",{link:a.jsx("a",{href:M,onClick:F,"data-event":X.DOWNLOAD,children:e("page.download.success.footer_link_label")})})}),afterContent:a.jsx(ee,{})})});ye.displayName="DownloadSuccess";export{ye as DownloadSuccess};