@dcl/landing-site 0.5.1-24685869120.commit-1de5712 → 0.5.1-24686484792.commit-e56f2bf
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/{AnimatedBackground--tmRk4pB.js → AnimatedBackground-BbbuCmrW.js} +2 -2
- package/assets/{AnimatedBackground--tmRk4pB.js.map → AnimatedBackground-BbbuCmrW.js.map} +1 -1
- package/assets/{AnimatedSection-4VTaj_2R.js → AnimatedSection-CcAt5h6R.js} +1 -1
- package/assets/{AnimatedSection-4VTaj_2R.js.map → AnimatedSection-CcAt5h6R.js.map} +1 -1
- package/assets/{ArrowBackIosNew-BmStpKu0.js → ArrowBackIosNew-lqzUFZQL.js} +1 -1
- package/assets/{ArrowBackIosNew-BmStpKu0.js.map → ArrowBackIosNew-lqzUFZQL.js.map} +1 -1
- package/assets/{AuthorPage-DsEGDjQw.js → AuthorPage-4inFQH2X.js} +1 -1
- package/assets/{AuthorPage-DsEGDjQw.js.map → AuthorPage-4inFQH2X.js.map} +1 -1
- package/assets/{Badges-DFm-dJP0.js → Badges-DPcq_7dC.js} +1 -1
- package/assets/{Badges-DFm-dJP0.js.map → Badges-DPcq_7dC.js.map} +1 -1
- package/assets/{BlogLayout-CxiSrxYR.js → BlogLayout-Bl9FID_L.js} +1 -1
- package/assets/{BlogLayout-CxiSrxYR.js.map → BlogLayout-Bl9FID_L.js.map} +1 -1
- package/assets/{BlogPage-BrmWjpqW.js → BlogPage-4c8ZFzdw.js} +1 -1
- package/assets/{BlogPage-BrmWjpqW.js.map → BlogPage-4c8ZFzdw.js.map} +1 -1
- package/assets/{CTAButton-DiWefRTF.js → CTAButton-D8_9d6Wu.js} +1 -1
- package/assets/{CTAButton-DiWefRTF.js.map → CTAButton-D8_9d6Wu.js.map} +1 -1
- package/assets/{CardContent-BGQcwSBj.js → CardContent-BQ0iSa2p.js} +1 -1
- package/assets/{CardContent-BGQcwSBj.js.map → CardContent-BQ0iSa2p.js.map} +1 -1
- package/assets/{CardMedia-RFT7-c29.js → CardMedia-B6PneSTk.js} +1 -1
- package/assets/{CardMedia-RFT7-c29.js.map → CardMedia-B6PneSTk.js.map} +1 -1
- package/assets/{Carousel-pw-zJClB.js → Carousel-DJd7E-wq.js} +1 -1
- package/assets/{Carousel-pw-zJClB.js.map → Carousel-DJd7E-wq.js.map} +1 -1
- package/assets/{CategoryPage-ZdXQJP2n.js → CategoryPage-DNQI3nXz.js} +1 -1
- package/assets/{CategoryPage-ZdXQJP2n.js.map → CategoryPage-DNQI3nXz.js.map} +1 -1
- package/assets/{CircleAndArrow-DjRydx_v.js → CircleAndArrow-DIeWRbH9.js} +1 -1
- package/assets/{CircleAndArrow-DjRydx_v.js.map → CircleAndArrow-DIeWRbH9.js.map} +1 -1
- package/assets/{CircularProgress-CpGrVwOe.js → CircularProgress-AsNM1BvH.js} +1 -1
- package/assets/{CircularProgress-CpGrVwOe.js.map → CircularProgress-AsNM1BvH.js.map} +1 -1
- package/assets/{ContentCopy-Biu7mI_B.js → ContentCopy-CDhBZqHF.js} +1 -1
- package/assets/{ContentCopy-Biu7mI_B.js.map → ContentCopy-CDhBZqHF.js.map} +1 -1
- package/assets/{CreateEventPage-CSyGxQEM.js → CreateEventPage-NcQUT47j.js} +1 -1
- package/assets/{CreateEventPage-CSyGxQEM.js.map → CreateEventPage-NcQUT47j.js.map} +1 -1
- package/assets/{CreatorHubDownload-C0lTqfvy.js → CreatorHubDownload-y9x_B8ll.js} +1 -1
- package/assets/{CreatorHubDownload-C0lTqfvy.js.map → CreatorHubDownload-y9x_B8ll.js.map} +1 -1
- package/assets/{CreatorHubDownloadSuccess-OmyWSLJA.js → CreatorHubDownloadSuccess-BP7MSbSp.js} +1 -1
- package/assets/{CreatorHubDownloadSuccess-OmyWSLJA.js.map → CreatorHubDownloadSuccess-BP7MSbSp.js.map} +1 -1
- package/assets/{DappsShell-DNMjP5_u.js → DappsShell-HNAsXcn5.js} +1 -1
- package/assets/{DappsShell-DNMjP5_u.js.map → DappsShell-HNAsXcn5.js.map} +1 -1
- package/assets/{DownloadSuccessLayout-OfN-COoN.js → DownloadSuccessLayout-COBp7A1N.js} +1 -1
- package/assets/{DownloadSuccessLayout-OfN-COoN.js.map → DownloadSuccessLayout-COBp7A1N.js.map} +1 -1
- package/assets/{Grow-vvw5xHGO.js → Grow-eKASrvPe.js} +1 -1
- package/assets/{Grow-vvw5xHGO.js.map → Grow-eKASrvPe.js.map} +1 -1
- package/assets/HomePage-CZwkfB5G.js +3 -0
- package/assets/HomePage-CZwkfB5G.js.map +1 -0
- package/assets/{InviteFaqs-VtXtD9Y7.js → InviteFaqs-BkOvxqyN.js} +1 -1
- package/assets/{InviteFaqs-VtXtD9Y7.js.map → InviteFaqs-BkOvxqyN.js.map} +1 -1
- package/assets/{InvitePage-B2ILV0JT.js → InvitePage-D5lELZNP.js} +2 -2
- package/assets/{InvitePage-B2ILV0JT.js.map → InvitePage-D5lELZNP.js.map} +1 -1
- package/assets/{JumpInIcon-DQLZFf5_.js → JumpInIcon-bPOWl5ae.js} +1 -1
- package/assets/{JumpInIcon-DQLZFf5_.js.map → JumpInIcon-bPOWl5ae.js.map} +1 -1
- package/assets/{LegalPageLayout-BPmxsGkt.js → LegalPageLayout-DeH35WpT.js} +1 -1
- package/assets/{LegalPageLayout-BPmxsGkt.js.map → LegalPageLayout-DeH35WpT.js.map} +1 -1
- package/assets/{Link-CRy-ui2j.js → Link-C3GGl2C6.js} +1 -1
- package/assets/{Link-CRy-ui2j.js.map → Link-C3GGl2C6.js.map} +1 -1
- package/assets/{MenuItem--w_lFNXz.js → MenuItem-B0piwgTa.js} +1 -1
- package/assets/{MenuItem--w_lFNXz.js.map → MenuItem-B0piwgTa.js.map} +1 -1
- package/assets/{Paper-DkTuC9MF.js → Paper-BfSYUoim.js} +1 -1
- package/assets/{Paper-DkTuC9MF.js.map → Paper-BfSYUoim.js.map} +1 -1
- package/assets/{PostCard-CoBBQR_z.js → PostCard-Zsk0_WYz.js} +1 -1
- package/assets/{PostCard-CoBBQR_z.js.map → PostCard-Zsk0_WYz.js.map} +1 -1
- package/assets/{PostPage-DTs37H2-.js → PostPage-FBb63V37.js} +1 -1
- package/assets/{PostPage-DTs37H2-.js.map → PostPage-FBb63V37.js.map} +1 -1
- package/assets/{PostPage.styled-DLL8lMAH.js → PostPage.styled-B7Xofl3c.js} +3 -3
- package/assets/{PostPage.styled-DLL8lMAH.js.map → PostPage.styled-B7Xofl3c.js.map} +1 -1
- package/assets/{PreviewPage-CM24MWpu.js → PreviewPage-Dla6vQZW.js} +1 -1
- package/assets/{PreviewPage-CM24MWpu.js.map → PreviewPage-Dla6vQZW.js.map} +1 -1
- package/assets/{SEO-B1CZcHhQ.js → SEO-CGGKu_zm.js} +1 -1
- package/assets/{SEO-B1CZcHhQ.js.map → SEO-CGGKu_zm.js.map} +1 -1
- package/assets/{SearchPage-Bc-IQg_Z.js → SearchPage-ByMcz1c8.js} +1 -1
- package/assets/{SearchPage-Bc-IQg_Z.js.map → SearchPage-ByMcz1c8.js.map} +1 -1
- package/assets/{SignInRedirect-CytWMFc_.js → SignInRedirect-BNwfxyGB.js} +1 -1
- package/assets/{SignInRedirect-CytWMFc_.js.map → SignInRedirect-BNwfxyGB.js.map} +1 -1
- package/assets/{SignInRedirect-CHd5tZSP.js → SignInRedirect-Bxl1dwag.js} +1 -1
- package/assets/{SignInRedirect-CHd5tZSP.js.map → SignInRedirect-Bxl1dwag.js.map} +1 -1
- package/assets/{Skeleton-Bp_3tZG7.js → Skeleton-BP1Os8gY.js} +1 -1
- package/assets/{Skeleton-Bp_3tZG7.js.map → Skeleton-BP1Os8gY.js.map} +1 -1
- package/assets/{TwitterEmbed-qGRZ9Jyy.js → TwitterEmbed-BbSYYog-.js} +1 -1
- package/assets/{TwitterEmbed-qGRZ9Jyy.js.map → TwitterEmbed-BbSYYog-.js.map} +1 -1
- package/assets/{Video-DnCE7TZC.js → Video--A0fBGqz.js} +1 -1
- package/assets/{Video-DnCE7TZC.js.map → Video--A0fBGqz.js.map} +1 -1
- package/assets/WearablePreview-KunRQByO.js +4 -0
- package/assets/{WearablePreview-DLAIz58Z.js.map → WearablePreview-KunRQByO.js.map} +1 -1
- package/assets/{auto-track-DyJFTD4H.js → auto-track-DJw7KsLA.js} +1 -1
- package/assets/{auto-track-DyJFTD4H.js.map → auto-track-DJw7KsLA.js.map} +1 -1
- package/assets/{ccip-Dh2ZOi0c.js → ccip-EHA4QwVS.js} +1 -1
- package/assets/{ccip-Dh2ZOi0c.js.map → ccip-EHA4QwVS.js.map} +1 -1
- package/assets/{createSvgIcon-DPMfLii4.js → createSvgIcon-CnAtXIjx.js} +1 -1
- package/assets/{createSvgIcon-DPMfLii4.js.map → createSvgIcon-CnAtXIjx.js.map} +1 -1
- package/assets/{download-30qm_WAk.js → download-Csh0UAX4.js} +2 -2
- package/assets/{download-30qm_WAk.js.map → download-Csh0UAX4.js.map} +1 -1
- package/assets/{downloadWithIdentity-BtEnlEpV.js → downloadWithIdentity-imzC-1Iy.js} +1 -1
- package/assets/{downloadWithIdentity-BtEnlEpV.js.map → downloadWithIdentity-imzC-1Iy.js.map} +1 -1
- package/assets/{events.client-Cm_vJXoK.js → events.client-BypQp_hx.js} +1 -1
- package/assets/{events.client-Cm_vJXoK.js.map → events.client-BypQp_hx.js.map} +1 -1
- package/assets/{index-DphyojdM.js → index-0VgKmd34.js} +1 -1
- package/assets/{index-DphyojdM.js.map → index-0VgKmd34.js.map} +1 -1
- package/assets/{index-CnliSg2U.js → index-B-PLjKpI.js} +1 -1
- package/assets/{index-CnliSg2U.js.map → index-B-PLjKpI.js.map} +1 -1
- package/assets/{index-3Yl6UR--.js → index-BKY10VNY.js} +1 -1
- package/assets/{index-3Yl6UR--.js.map → index-BKY10VNY.js.map} +1 -1
- package/assets/{index-CcVwIken.js → index-BO6ciUn8.js} +1 -1
- package/assets/{index-CcVwIken.js.map → index-BO6ciUn8.js.map} +1 -1
- package/assets/{index-C1q8L88E.js → index-BVu5N7d0.js} +1 -1
- package/assets/{index-C1q8L88E.js.map → index-BVu5N7d0.js.map} +1 -1
- package/assets/{index-BxZNYwr3.js → index-BaEE4ZXP.js} +1 -1
- package/assets/{index-BxZNYwr3.js.map → index-BaEE4ZXP.js.map} +1 -1
- package/assets/{index-C7VbadJ8.js → index-Bd63106P.js} +1 -1
- package/assets/{index-C7VbadJ8.js.map → index-Bd63106P.js.map} +1 -1
- package/assets/{index-SmcmwtEm.js → index-Bfn0rTR9.js} +1 -1
- package/assets/{index-SmcmwtEm.js.map → index-Bfn0rTR9.js.map} +1 -1
- package/assets/{index-BMggQVV_.js → index-Bq7PojkE.js} +1 -1
- package/assets/{index-BMggQVV_.js.map → index-Bq7PojkE.js.map} +1 -1
- package/assets/{index-BgUWva8u.js → index-BtL1Whr6.js} +1 -1
- package/assets/{index-BgUWva8u.js.map → index-BtL1Whr6.js.map} +1 -1
- package/assets/{index-XqSXzv-4.js → index-BzmWmDt2.js} +1 -1
- package/assets/{index-XqSXzv-4.js.map → index-BzmWmDt2.js.map} +1 -1
- package/assets/{index-Dgp9VKxh.js → index-C1apFG92.js} +1 -1
- package/assets/{index-Dgp9VKxh.js.map → index-C1apFG92.js.map} +1 -1
- package/assets/{index-CAq1HW41.js → index-CC8b5SLA.js} +1 -1
- package/assets/{index-CAq1HW41.js.map → index-CC8b5SLA.js.map} +1 -1
- package/assets/{index-D6BepkG_.js → index-CJ9b6HdV.js} +1 -1
- package/assets/{index-D6BepkG_.js.map → index-CJ9b6HdV.js.map} +1 -1
- package/assets/{index--KeAUoz4.js → index-CXMTgMUj.js} +1 -1
- package/assets/{index--KeAUoz4.js.map → index-CXMTgMUj.js.map} +1 -1
- package/assets/{index-C62RHb__.js → index-CfKiEnnb.js} +1 -1
- package/assets/{index-C62RHb__.js.map → index-CfKiEnnb.js.map} +1 -1
- package/assets/{index-vUzwsML4.js → index-CqU_IKja.js} +1 -1
- package/assets/{index-vUzwsML4.js.map → index-CqU_IKja.js.map} +1 -1
- package/assets/{index-DchvHHlK.js → index-CsY_wahP.js} +1 -1
- package/assets/{index-DchvHHlK.js.map → index-CsY_wahP.js.map} +1 -1
- package/assets/{index-B6K794Rf.js → index-DIU7xr_7.js} +1 -1
- package/assets/{index-B6K794Rf.js.map → index-DIU7xr_7.js.map} +1 -1
- package/assets/{index-BY3JByxP.js → index-DJdpP3iF.js} +1 -1
- package/assets/{index-BY3JByxP.js.map → index-DJdpP3iF.js.map} +1 -1
- package/assets/{index-D0nE3AYE.js → index-DUmIu2EK.js} +37 -37
- package/assets/index-DUmIu2EK.js.map +1 -0
- package/assets/{index-C8cR2Ojr.js → index-DV8UooZK.js} +1 -1
- package/assets/{index-C8cR2Ojr.js.map → index-DV8UooZK.js.map} +1 -1
- package/assets/{index-DLkc1FLr.js → index-DW87VeBc.js} +1 -1
- package/assets/{index-DLkc1FLr.js.map → index-DW87VeBc.js.map} +1 -1
- package/assets/{index-BrT6YuSM.js → index-DwKCx_Fj.js} +4 -4
- package/assets/{index-BrT6YuSM.js.map → index-DwKCx_Fj.js.map} +1 -1
- package/assets/{index-C_4lnhwn.js → index-Dx9lzInm.js} +1 -1
- package/assets/{index-C_4lnhwn.js.map → index-Dx9lzInm.js.map} +1 -1
- package/assets/{index-DsMEKak1.js → index-FcfsIuei.js} +1 -1
- package/assets/{index-DsMEKak1.js.map → index-FcfsIuei.js.map} +1 -1
- package/assets/{index-tdgsZ4Yr.js → index-Hs2OtJ7_.js} +1 -1
- package/assets/{index-tdgsZ4Yr.js.map → index-Hs2OtJ7_.js.map} +1 -1
- package/assets/{index-CALzixlI.js → index-KkMZZ6nz.js} +1 -1
- package/assets/{index-CALzixlI.js.map → index-KkMZZ6nz.js.map} +1 -1
- package/assets/{index-CTcKnQdc.js → index-XwRFjo-F.js} +3 -3
- package/assets/{index-CTcKnQdc.js.map → index-XwRFjo-F.js.map} +1 -1
- package/assets/{index-Fbn9W4zr.js → index-fmnLygLZ.js} +1 -1
- package/assets/{index-Fbn9W4zr.js.map → index-fmnLygLZ.js.map} +1 -1
- package/assets/{index-DklThyvZ.js → index-iTL2dY0l.js} +1 -1
- package/assets/{index-DklThyvZ.js.map → index-iTL2dY0l.js.map} +1 -1
- package/assets/{index-cnaXlDby.js → index-pguZ7Pr7.js} +2 -2
- package/assets/{index-cnaXlDby.js.map → index-pguZ7Pr7.js.map} +1 -1
- package/assets/{profile.client-DJkJAVO7.js → profile.client-BtZZbgxj.js} +1 -1
- package/assets/{profile.client-DJkJAVO7.js.map → profile.client-BtZZbgxj.js.map} +1 -1
- package/assets/{shared.styled-CdKr8-z1.js → shared.styled-D8qloAmp.js} +1 -1
- package/assets/{shared.styled-CdKr8-z1.js.map → shared.styled-D8qloAmp.js.map} +1 -1
- package/assets/{store-B-SZNpsH.js → store-OyTPwmKI.js} +1 -1
- package/assets/{store-B-SZNpsH.js.map → store-OyTPwmKI.js.map} +1 -1
- package/assets/{url-B6S3bwqB.js → url-BHzlJYXC.js} +1 -1
- package/assets/{url-B6S3bwqB.js.map → url-BHzlJYXC.js.map} +1 -1
- package/assets/{useAuthIdentity-BlDTBxRE.js → useAuthIdentity-D2zQ3q5X.js} +1 -1
- package/assets/{useAuthIdentity-BlDTBxRE.js.map → useAuthIdentity-D2zQ3q5X.js.map} +1 -1
- package/assets/{useCreatorHubDownload-TIbrehIm.js → useCreatorHubDownload-Dp_zMaiv.js} +1 -1
- package/assets/{useCreatorHubDownload-TIbrehIm.js.map → useCreatorHubDownload-Dp_zMaiv.js.map} +1 -1
- package/assets/{useInfiniteBlogPosts-DKtXiohd.js → useInfiniteBlogPosts-B9Mv_Fup.js} +1 -1
- package/assets/{useInfiniteBlogPosts-DKtXiohd.js.map → useInfiniteBlogPosts-B9Mv_Fup.js.map} +1 -1
- package/assets/{useSlot-B74_4mYS.js → useSlot-DM_UQPu8.js} +1 -1
- package/assets/{useSlot-B74_4mYS.js.map → useSlot-DM_UQPu8.js.map} +1 -1
- package/assets/{utils-B-HvTNW5.js → utils-CJGePSnj.js} +1 -1
- package/assets/{utils-B-HvTNW5.js.map → utils-CJGePSnj.js.map} +1 -1
- package/index.html +15 -15
- package/package.json +3 -3
- package/assets/HomePage-9QTR-dt7.js +0 -3
- package/assets/HomePage-9QTR-dt7.js.map +0 -1
- package/assets/WearablePreview-DLAIz58Z.js +0 -4
- package/assets/index-D0nE3AYE.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{s as t,a as g,v as G,z as H,w as z,M as B,N,p as T,Z as R,$ as U,a0 as $,q as D,t as y,O as i,j as o,P as s,V as F,a1 as V,a2 as b,a3 as X,a4 as C,a5 as q,a6 as k,a7 as K,U as Q,a8 as Y,a9 as Z,aa as _}from"./index-
|
|
1
|
+
import{s as t,a as g,v as G,z as H,w as z,M as B,N,p as T,Z as R,$ as U,a0 as $,q as D,t as y,O as i,j as o,P as s,V as F,a1 as V,a2 as b,a3 as X,a4 as C,a5 as q,a6 as k,a7 as K,U as Q,a8 as Y,a9 as Z,aa as _}from"./index-DUmIu2EK.js";import{r as p}from"./vendor-router-D_36sTKu.js";import{A as J}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";const oo=t(g)(({theme:e})=>({position:"relative",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"flex-start",width:"100%",height:800,overflow:"hidden",[e.breakpoints.down("sm")]:{height:480}})),eo=t("img")(({theme:e})=>({position:"absolute",top:"calc(35% - 20px)",left:"50%",transform:"translateX(-50%)",width:"auto",pointerEvents:"none",[e.breakpoints.down("sm")]:{position:"absolute",top:"auto",bottom:-50,left:"50%",transform:"translateX(-50%)",width:"auto",height:"65%",minWidth:"auto",maxWidth:"none"}})),no=t(g)(({theme:e})=>({position:"relative",zIndex:1,display:"flex",flexDirection:"column",alignItems:"center",gap:e.spacing(3),padding:e.spacing(10,8),[e.breakpoints.down("sm")]:{width:"100%",maxWidth:393,padding:e.spacing(6,2),gap:e.spacing(2)}})),to=t(G)(({theme:e})=>({color:H.white,fontWeight:600,fontSize:48,textAlign:"center",letterSpacing:-.5,[e.breakpoints.down("sm")]:{fontSize:32}})),ao=t(g)({display:"flex",alignItems:"center",gap:16,flexWrap:"wrap",justifyContent:"center",position:"relative",zIndex:1}),so=t("span")({display:"flex",alignItems:"center",gap:12,color:"#fff",fontSize:16,fontWeight:400,lineHeight:1.5,whiteSpace:"nowrap",minWidth:210}),lo=t("span")({width:1,height:20,backgroundColor:"rgba(255, 255, 255, 0.3)"}),io=t("span")(({theme:e})=>({display:"flex",gap:8,alignItems:"center","& a":{display:"flex",lineHeight:0},[e.breakpoints.down("sm")]:{"& a":{pointerEvents:"none",color:"inherit",textDecoration:"none"}}})),r=t("img")({width:24,height:24,filter:"brightness(0) invert(1)"});t("img")({width:32,height:32,filter:"brightness(0) invert(1)"});let v=null;const ro=p.memo(()=>{const e=z(),h=B(),{isDownloadModalOpen:O,closeDownloadModal:S,downloadModalProps:A,totalDownloads:I}=N(),[,n]=T(),[m,w]=R(async()=>U.get().getTotalDownloads(),[]),d=!w.loading&&w.loaded&&m?m:null;d&&(v=_(d));const f=$(d),M=f?_(f):v??"+400K",l=n?.os.name,u=!!n?.mobile,W=u&&l==="Android",[x,c]=p.useState(null),E=()=>W?o.jsx(b,{href:X,target:"_blank",rel:"noopener noreferrer",children:o.jsx(C,{src:q,alt:"Get it on Google Play"})}):o.jsx(b,{href:k.appStore,target:"_blank",rel:"noopener noreferrer",children:o.jsx(C,{src:s("/download-on-the-app-store.svg"),alt:"Download on the App Store"})}),L=p.useCallback(a=>{h(a),n&&(window.location.href=`/download_success?os=${n.os.name}`)},[h,n]),j=n?{[i.WINDOWS]:y,[i.MACOS]:D}[n.os.name]:null,P=()=>o.jsxs(o.Fragment,{children:[o.jsxs("div",{style:{display:"flex",gap:24,justifyContent:"center"},children:[o.jsxs(K,{href:n?`/download_success?os=${n.os.name}`:"/download","data-place":Q.LANDING_HERO,"data-event":"click",onClick:L,children:[e("page.download.download_for_short"),j?o.jsx("img",{src:j,alt:n?.os.name??"",width:32,height:32,style:{filter:"brightness(0) invert(1)"}}):o.jsx("span",{style:{display:"block",width:32,height:32,flexShrink:0}})]}),o.jsxs(Y,{href:k.epic,target:"_blank",rel:"noopener noreferrer",children:[e("page.download.download_on"),o.jsx("img",{src:s("/epic_icon.svg"),alt:"Epic Games",width:32,height:32,style:{filter:"brightness(0)"}})]})]}),o.jsxs(ao,{children:[o.jsxs(so,{children:[o.jsx(Z,{})," ",e("page.download.total_downloads",{downloads:M})]}),o.jsx(lo,{}),o.jsxs(io,{children:[l===i.MACOS&&o.jsx("a",{href:"/download_success?os=Windows",children:o.jsx(r,{src:y,alt:"Windows"})}),l===i.WINDOWS&&o.jsx("a",{href:"/download_success?os=macOS",children:o.jsx(r,{src:D,alt:"macOS"})}),!l&&o.jsx("span",{style:{display:"inline-block",width:24,height:24}}),o.jsx("a",{href:"#",onClick:a=>{a.preventDefault(),c("ios")},children:o.jsx(r,{src:s("/ios-logo.svg"),alt:"iOS"})}),o.jsx("a",{href:"#",onClick:a=>{a.preventDefault(),c("android")},children:o.jsx(r,{src:s("/google_play_icon.svg"),alt:"Android"})})]})]})]});return o.jsxs(oo,{children:[o.jsx(J,{variant:"absolute"}),o.jsxs(no,{children:[o.jsx(to,{variant:"h2",children:e("page.home.come_hang_out.title")}),u?E():P()]}),o.jsx(eo,{src:s("/come_hang_out_background.webp"),alt:"","aria-hidden":!0,width:1920,height:840,loading:"lazy"}),o.jsx(F,{open:O,onClose:S,...A}),x&&o.jsx(V,{open:!0,onClose:()=>c(null),os:x,i18n:{totalDownloads:`Total Downloads: ${I}`}})]})});ro.displayName="ComeHangOut";export{ro as ComeHangOut};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-3Yl6UR--.js","sources":["../../src/components/Home/ComeHangOut/ComeHangOut.styled.ts","../../src/components/Home/ComeHangOut/ComeHangOut.tsx"],"sourcesContent":["import { Box, Typography, dclColors, styled } from 'decentraland-ui2'\n\nconst ComeHangOutContainer = styled(Box)(({ theme }) => ({\n position: 'relative',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'flex-start',\n width: '100%',\n height: 800,\n overflow: 'hidden',\n [theme.breakpoints.down('sm')]: {\n height: 480\n }\n}))\n\nconst AvatarsImage = styled('img')(({ theme }) => ({\n position: 'absolute',\n top: 'calc(35% - 20px)',\n left: '50%',\n transform: 'translateX(-50%)',\n width: 'auto',\n pointerEvents: 'none',\n [theme.breakpoints.down('sm')]: {\n position: 'absolute',\n top: 'auto',\n bottom: -50,\n left: '50%',\n transform: 'translateX(-50%)',\n width: 'auto',\n height: '65%',\n minWidth: 'auto',\n maxWidth: 'none'\n }\n}))\n\nconst Content = styled(Box)(({ theme }) => ({\n position: 'relative',\n zIndex: 1,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n gap: theme.spacing(3),\n padding: theme.spacing(10, 8),\n [theme.breakpoints.down('sm')]: {\n width: '100%',\n maxWidth: 393,\n padding: theme.spacing(6, 2),\n gap: theme.spacing(2)\n }\n}))\n\nconst Title = styled(Typography)(({ theme }) => ({\n color: dclColors.neutral.white,\n fontWeight: 600,\n fontSize: 48,\n textAlign: 'center',\n letterSpacing: -0.5,\n [theme.breakpoints.down('sm')]: {\n fontSize: 32\n }\n}))\n\nconst DownloadInfo = styled(Box)({\n display: 'flex',\n alignItems: 'center',\n gap: 16,\n flexWrap: 'wrap',\n justifyContent: 'center',\n position: 'relative',\n zIndex: 1\n})\n\nconst DownloadCounts = styled('span')({\n display: 'flex',\n alignItems: 'center',\n gap: 12,\n color: '#fff',\n fontSize: 16,\n fontWeight: 400,\n lineHeight: 1.5,\n whiteSpace: 'nowrap',\n minWidth: 210\n})\n\nconst DownloadSeparator = styled('span')({\n width: 1,\n height: 20,\n backgroundColor: 'rgba(255, 255, 255, 0.3)'\n})\n\nconst PlatformIcons = styled('span')(({ theme }) => ({\n display: 'flex',\n gap: 8,\n alignItems: 'center',\n // eslint-disable-next-line @typescript-eslint/naming-convention\n '& a': {\n display: 'flex',\n lineHeight: 0\n },\n [theme.breakpoints.down('sm')]: {\n // eslint-disable-next-line @typescript-eslint/naming-convention\n '& a': {\n pointerEvents: 'none',\n color: 'inherit',\n textDecoration: 'none'\n }\n }\n}))\n\nconst PlatformIcon = styled('img')({\n width: 24,\n height: 24,\n filter: 'brightness(0) invert(1)'\n})\n\nconst OsIcon = styled('img')({\n width: 32,\n height: 32,\n filter: 'brightness(0) invert(1)'\n})\n\nexport {\n AvatarsImage,\n ComeHangOutContainer,\n Content,\n DownloadCounts,\n DownloadInfo,\n DownloadSeparator,\n OsIcon,\n PlatformIcon,\n PlatformIcons,\n Title\n}\nexport { HangOutButton } from '../shared/HangOutButton.styled'\nexport {\n ComingSoonIcon,\n ComingSoonRow,\n ComingSoonText,\n GooglePlayButton,\n GooglePlayImage,\n MobileSubtitle,\n SendLinkButton\n} from '../shared/MobileCTA.styled'\n","import { memo, useCallback, useState } from 'react'\nimport { useAdvancedUserAgentData, useAsyncMemo } from '@dcl/hooks'\nimport { AnimatedBackground, DownloadModal, DownloadQRModal } from 'decentraland-ui2'\nimport { useFormatMessage } from '../../../hooks/adapters/useFormatMessage'\nimport { useTrackClick } from '../../../hooks/adapters/useTrackLinkContext'\nimport { useAnimatedCounter } from '../../../hooks/useAnimatedCounter'\nimport { useHangOutAction } from '../../../hooks/useHangOutAction'\nimport appleLogo from '../../../images/apple-logo.svg'\nimport microsoftLogo from '../../../images/microsoft-logo.svg'\nimport { DOWNLOAD_URLS } from '../../../modules/downloadConstants'\nimport { ExplorerDownloads } from '../../../modules/explorerDownloads'\nimport { formatToShorthand } from '../../../modules/number'\nimport { SectionViewedTrack } from '../../../modules/segment'\nimport { OperativeSystem } from '../../../types/download.types'\nimport { assetUrl } from '../../../utils/assetUrl'\nimport { VerifiedIcon } from '../../Icon/VerifiedIcon'\nimport { DownloadButton, EpicButton } from '../Hero/Hero.styled'\nimport { GOOGLE_PLAY_MOBILE_URL, googlePlayBadge } from '../shared/googlePlay'\nimport {\n AvatarsImage,\n ComeHangOutContainer,\n Content,\n DownloadCounts,\n DownloadInfo,\n DownloadSeparator,\n GooglePlayButton,\n GooglePlayImage,\n PlatformIcon,\n PlatformIcons,\n Title\n} from './ComeHangOut.styled'\n\nlet cachedDownloadCounts: string | null = null\n\nconst ComeHangOut = memo(() => {\n const l = useFormatMessage()\n const onClickHandle = useTrackClick()\n const { isDownloadModalOpen, closeDownloadModal, downloadModalProps, totalDownloads } = useHangOutAction()\n const [, userAgentData] = useAdvancedUserAgentData()\n const [rawDownloads, rawDownloadsStatus] = useAsyncMemo(async () => ExplorerDownloads.get().getTotalDownloads(), [])\n\n const targetDownloads = !rawDownloadsStatus.loading && rawDownloadsStatus.loaded && rawDownloads ? rawDownloads : null\n if (targetDownloads) cachedDownloadCounts = formatToShorthand(targetDownloads)\n const animatedDownloads = useAnimatedCounter(targetDownloads)\n const downloadCountsFormatted = animatedDownloads ? formatToShorthand(animatedDownloads) : cachedDownloadCounts ?? '+400K'\n\n const currentOs = userAgentData?.os.name\n const isMobile = !!userAgentData?.mobile\n const isMobileAndroid = isMobile && currentOs === 'Android'\n\n // Mobile download modal for platform icon clicks\n const [mobileModalOs, setMobileModalOs] = useState<'ios' | 'android' | null>(null)\n\n const renderMobileContent = () => {\n if (isMobileAndroid) {\n return (\n <GooglePlayButton href={GOOGLE_PLAY_MOBILE_URL} target=\"_blank\" rel=\"noopener noreferrer\">\n <GooglePlayImage src={googlePlayBadge} alt=\"Get it on Google Play\" />\n </GooglePlayButton>\n )\n }\n\n return (\n <GooglePlayButton href={DOWNLOAD_URLS.appStore} target=\"_blank\" rel=\"noopener noreferrer\">\n <GooglePlayImage src={assetUrl('/download-on-the-app-store.svg')} alt=\"Download on the App Store\" />\n </GooglePlayButton>\n )\n }\n\n const handleDownloadClick = useCallback(\n (e: React.MouseEvent<HTMLElement>) => {\n onClickHandle(e)\n if (userAgentData) {\n window.location.href = `/download_success?os=${userAgentData.os.name}`\n }\n },\n [onClickHandle, userAgentData]\n )\n\n const osImage = userAgentData\n ? { [OperativeSystem.WINDOWS]: microsoftLogo, [OperativeSystem.MACOS]: appleLogo }[userAgentData.os.name]\n : null\n\n const renderDesktopContent = () => (\n <>\n <div style={{ display: 'flex', gap: 24, justifyContent: 'center' }}>\n <DownloadButton\n href={userAgentData ? `/download_success?os=${userAgentData.os.name}` : '/download'}\n data-place={SectionViewedTrack.LANDING_HERO}\n data-event=\"click\"\n onClick={handleDownloadClick}\n >\n {l('page.download.download_for_short')}\n {osImage ? (\n <img src={osImage} alt={userAgentData?.os.name ?? ''} width={32} height={32} style={{ filter: 'brightness(0) invert(1)' }} />\n ) : (\n <span style={{ display: 'block', width: 32, height: 32, flexShrink: 0 }} />\n )}\n </DownloadButton>\n <EpicButton href={DOWNLOAD_URLS.epic} target=\"_blank\" rel=\"noopener noreferrer\">\n {l('page.download.download_on')}\n <img src={assetUrl('/epic_icon.svg')} alt=\"Epic Games\" width={32} height={32} style={{ filter: 'brightness(0)' }} />\n </EpicButton>\n </div>\n <DownloadInfo>\n <DownloadCounts>\n <VerifiedIcon /> {l('page.download.total_downloads', { downloads: downloadCountsFormatted })}\n </DownloadCounts>\n <DownloadSeparator />\n <PlatformIcons>\n {currentOs === OperativeSystem.MACOS && (\n <a href=\"/download_success?os=Windows\">\n <PlatformIcon src={microsoftLogo} alt=\"Windows\" />\n </a>\n )}\n {currentOs === OperativeSystem.WINDOWS && (\n <a href=\"/download_success?os=macOS\">\n <PlatformIcon src={appleLogo} alt=\"macOS\" />\n </a>\n )}\n {!currentOs && <span style={{ display: 'inline-block', width: 24, height: 24 }} />}\n <a\n href=\"#\"\n onClick={e => {\n e.preventDefault()\n setMobileModalOs('ios')\n }}\n >\n <PlatformIcon src={assetUrl('/ios-logo.svg')} alt=\"iOS\" />\n </a>\n <a\n href=\"#\"\n onClick={e => {\n e.preventDefault()\n setMobileModalOs('android')\n }}\n >\n <PlatformIcon src={assetUrl('/google_play_icon.svg')} alt=\"Android\" />\n </a>\n </PlatformIcons>\n </DownloadInfo>\n </>\n )\n\n return (\n <ComeHangOutContainer>\n <AnimatedBackground variant=\"absolute\" />\n <Content>\n <Title variant=\"h2\">{l('page.home.come_hang_out.title')}</Title>\n {isMobile ? renderMobileContent() : renderDesktopContent()}\n </Content>\n <AvatarsImage src={assetUrl('/come_hang_out_background.webp')} alt=\"\" aria-hidden width={1920} height={840} loading=\"lazy\" />\n <DownloadModal open={isDownloadModalOpen} onClose={closeDownloadModal} {...downloadModalProps} />\n {mobileModalOs && (\n <DownloadQRModal\n open\n onClose={() => setMobileModalOs(null)}\n os={mobileModalOs}\n i18n={{ totalDownloads: `Total Downloads: ${totalDownloads}` }}\n />\n )}\n </ComeHangOutContainer>\n )\n})\n\nComeHangOut.displayName = 'ComeHangOut'\n\nexport { ComeHangOut }\n"],"names":["ComeHangOutContainer","styled","Box","theme","AvatarsImage","Content","Title","Typography","dclColors.neutral","DownloadInfo","DownloadCounts","DownloadSeparator","PlatformIcons","PlatformIcon","cachedDownloadCounts","ComeHangOut","memo","l","useFormatMessage","onClickHandle","useTrackClick","isDownloadModalOpen","closeDownloadModal","downloadModalProps","totalDownloads","useHangOutAction","userAgentData","useAdvancedUserAgentData","rawDownloads","rawDownloadsStatus","useAsyncMemo","ExplorerDownloads","targetDownloads","formatToShorthand","animatedDownloads","useAnimatedCounter","downloadCountsFormatted","currentOs","isMobile","isMobileAndroid","mobileModalOs","setMobileModalOs","useState","renderMobileContent","jsx","GooglePlayButton","GOOGLE_PLAY_MOBILE_URL","GooglePlayImage","googlePlayBadge","DOWNLOAD_URLS","assetUrl","handleDownloadClick","useCallback","e","osImage","OperativeSystem","microsoftLogo","appleLogo","renderDesktopContent","jsxs","Fragment","DownloadButton","SectionViewedTrack","EpicButton","VerifiedIcon","AnimatedBackground","DownloadModal","DownloadQRModal"],"mappings":"+fAEA,MAAMA,GAAuBC,EAAOC,CAAG,EAAE,CAAC,CAAE,MAAAC,MAAa,CACvD,SAAU,WACV,QAAS,OACT,cAAe,SACf,WAAY,SACZ,eAAgB,aAChB,MAAO,OACP,OAAQ,IACR,SAAU,SACV,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,OAAQ,GAAA,CAEZ,EAAE,EAEIC,GAAeH,EAAO,KAAK,EAAE,CAAC,CAAE,MAAAE,MAAa,CACjD,SAAU,WACV,IAAK,mBACL,KAAM,MACN,UAAW,mBACX,MAAO,OACP,cAAe,OACf,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,SAAU,WACV,IAAK,OACL,OAAQ,IACR,KAAM,MACN,UAAW,mBACX,MAAO,OACP,OAAQ,MACR,SAAU,OACV,SAAU,MAAA,CAEd,EAAE,EAEIE,GAAUJ,EAAOC,CAAG,EAAE,CAAC,CAAE,MAAAC,MAAa,CAC1C,SAAU,WACV,OAAQ,EACR,QAAS,OACT,cAAe,SACf,WAAY,SACZ,IAAKA,EAAM,QAAQ,CAAC,EACpB,QAASA,EAAM,QAAQ,GAAI,CAAC,EAC5B,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,MAAO,OACP,SAAU,IACV,QAASA,EAAM,QAAQ,EAAG,CAAC,EAC3B,IAAKA,EAAM,QAAQ,CAAC,CAAA,CAExB,EAAE,EAEIG,GAAQL,EAAOM,CAAU,EAAE,CAAC,CAAE,MAAAJ,MAAa,CAC/C,MAAOK,EAAkB,MACzB,WAAY,IACZ,SAAU,GACV,UAAW,SACX,cAAe,IACf,CAACL,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,SAAU,EAAA,CAEd,EAAE,EAEIM,GAAeR,EAAOC,CAAG,EAAE,CAC/B,QAAS,OACT,WAAY,SACZ,IAAK,GACL,SAAU,OACV,eAAgB,SAChB,SAAU,WACV,OAAQ,CACV,CAAC,EAEKQ,GAAiBT,EAAO,MAAM,EAAE,CACpC,QAAS,OACT,WAAY,SACZ,IAAK,GACL,MAAO,OACP,SAAU,GACV,WAAY,IACZ,WAAY,IACZ,WAAY,SACZ,SAAU,GACZ,CAAC,EAEKU,GAAoBV,EAAO,MAAM,EAAE,CACvC,MAAO,EACP,OAAQ,GACR,gBAAiB,0BACnB,CAAC,EAEKW,GAAgBX,EAAO,MAAM,EAAE,CAAC,CAAE,MAAAE,MAAa,CACnD,QAAS,OACT,IAAK,EACL,WAAY,SAEZ,MAAO,CACL,QAAS,OACT,WAAY,CAAA,EAEd,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAE9B,MAAO,CACL,cAAe,OACf,MAAO,UACP,eAAgB,MAAA,CAClB,CAEJ,EAAE,EAEIU,EAAeZ,EAAO,KAAK,EAAE,CACjC,MAAO,GACP,OAAQ,GACR,OAAQ,yBACV,CAAC,EAEcA,EAAO,KAAK,EAAE,CAC3B,MAAO,GACP,OAAQ,GACR,OAAQ,yBACV,CAAC,ECxFD,IAAIa,EAAsC,KAE1C,MAAMC,GAAcC,EAAAA,KAAK,IAAM,CAC7B,MAAMC,EAAIC,EAAA,EACJC,EAAgBC,EAAA,EAChB,CAAE,oBAAAC,EAAqB,mBAAAC,EAAoB,mBAAAC,EAAoB,eAAAC,CAAA,EAAmBC,EAAA,EAClF,CAAA,CAAGC,CAAa,EAAIC,EAAA,EACpB,CAACC,EAAcC,CAAkB,EAAIC,EAAa,SAAYC,EAAkB,IAAA,EAAM,kBAAA,EAAqB,EAAE,EAE7GC,EAAkB,CAACH,EAAmB,SAAWA,EAAmB,QAAUD,EAAeA,EAAe,KAC9GI,IAAiBlB,EAAuBmB,EAAkBD,CAAe,GAC7E,MAAME,EAAoBC,EAAmBH,CAAe,EACtDI,EAA0BF,EAAoBD,EAAkBC,CAAiB,EAAIpB,GAAwB,QAE7GuB,EAAYX,GAAe,GAAG,KAC9BY,EAAW,CAAC,CAACZ,GAAe,OAC5Ba,EAAkBD,GAAYD,IAAc,UAG5C,CAACG,EAAeC,CAAgB,EAAIC,EAAAA,SAAmC,IAAI,EAE3EC,EAAsB,IACtBJ,EAEAK,EAAAA,IAACC,EAAA,CAAiB,KAAMC,EAAwB,OAAO,SAAS,IAAI,sBAClE,SAAAF,EAAAA,IAACG,EAAA,CAAgB,IAAKC,EAAiB,IAAI,wBAAwB,EACrE,QAKDH,EAAA,CAAiB,KAAMI,EAAc,SAAU,OAAO,SAAS,IAAI,sBAClE,SAAAL,MAACG,GAAgB,IAAKG,EAAS,gCAAgC,EAAG,IAAI,4BAA4B,EACpG,EAIEC,EAAsBC,EAAAA,YACzBC,GAAqC,CACpClC,EAAckC,CAAC,EACX3B,IACF,OAAO,SAAS,KAAO,wBAAwBA,EAAc,GAAG,IAAI,GAExE,EACA,CAACP,EAAeO,CAAa,CAAA,EAGzB4B,EAAU5B,EACZ,CAAE,CAAC6B,EAAgB,OAAO,EAAGC,EAAe,CAACD,EAAgB,KAAK,EAAGE,CAAA,EAAY/B,EAAc,GAAG,IAAI,EACtG,KAEEgC,EAAuB,IAC3BC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAD,EAAAA,KAAC,MAAA,CAAI,MAAO,CAAE,QAAS,OAAQ,IAAK,GAAI,eAAgB,QAAA,EACtD,SAAA,CAAAA,EAAAA,KAACE,EAAA,CACC,KAAMnC,EAAgB,wBAAwBA,EAAc,GAAG,IAAI,GAAK,YACxE,aAAYoC,EAAmB,aAC/B,aAAW,QACX,QAASX,EAER,SAAA,CAAAlC,EAAE,kCAAkC,EACpCqC,EACCV,EAAAA,IAAC,MAAA,CAAI,IAAKU,EAAS,IAAK5B,GAAe,GAAG,MAAQ,GAAI,MAAO,GAAI,OAAQ,GAAI,MAAO,CAAE,OAAQ,yBAAA,CAA0B,CAAG,EAE3HkB,EAAAA,IAAC,OAAA,CAAK,MAAO,CAAE,QAAS,QAAS,MAAO,GAAI,OAAQ,GAAI,WAAY,EAAE,CAAG,CAAA,CAAA,CAAA,EAG7Ee,EAAAA,KAACI,GAAW,KAAMd,EAAc,KAAM,OAAO,SAAS,IAAI,sBACvD,SAAA,CAAAhC,EAAE,2BAA2B,QAC7B,MAAA,CAAI,IAAKiC,EAAS,gBAAgB,EAAG,IAAI,aAAa,MAAO,GAAI,OAAQ,GAAI,MAAO,CAAE,OAAQ,gBAAgB,CAAG,CAAA,CAAA,CACpH,CAAA,EACF,SACCzC,GAAA,CACC,SAAA,CAAAkD,OAACjD,GAAA,CACC,SAAA,CAAAkC,EAAAA,IAACoB,EAAA,EAAa,EAAE,IAAE/C,EAAE,gCAAiC,CAAE,UAAWmB,EAAyB,CAAA,EAC7F,QACCzB,GAAA,EAAkB,SAClBC,GAAA,CACE,SAAA,CAAAyB,IAAckB,EAAgB,OAC7BX,EAAAA,IAAC,IAAA,CAAE,KAAK,+BACN,SAAAA,EAAAA,IAAC/B,EAAA,CAAa,IAAK2C,EAAe,IAAI,SAAA,CAAU,EAClD,EAEDnB,IAAckB,EAAgB,SAC7BX,EAAAA,IAAC,IAAA,CAAE,KAAK,6BACN,SAAAA,EAAAA,IAAC/B,EAAA,CAAa,IAAK4C,EAAW,IAAI,QAAQ,EAC5C,EAED,CAACpB,GAAaO,EAAAA,IAAC,OAAA,CAAK,MAAO,CAAE,QAAS,eAAgB,MAAO,GAAI,OAAQ,EAAA,CAAG,CAAG,EAChFA,EAAAA,IAAC,IAAA,CACC,KAAK,IACL,QAASS,GAAK,CACZA,EAAE,eAAA,EACFZ,EAAiB,KAAK,CACxB,EAEA,eAAC5B,EAAA,CAAa,IAAKqC,EAAS,eAAe,EAAG,IAAI,KAAA,CAAM,CAAA,CAAA,EAE1DN,EAAAA,IAAC,IAAA,CACC,KAAK,IACL,QAASS,GAAK,CACZA,EAAE,eAAA,EACFZ,EAAiB,SAAS,CAC5B,EAEA,eAAC5B,EAAA,CAAa,IAAKqC,EAAS,uBAAuB,EAAG,IAAI,SAAA,CAAU,CAAA,CAAA,CACtE,CAAA,CACF,CAAA,CAAA,CACF,CAAA,EACF,EAGF,cACGlD,GAAA,CACC,SAAA,CAAA4C,EAAAA,IAACqB,EAAA,CAAmB,QAAQ,UAAA,CAAW,SACtC5D,GAAA,CACC,SAAA,CAAAuC,MAACtC,GAAA,CAAM,QAAQ,KAAM,SAAAW,EAAE,+BAA+B,EAAE,EACvDqB,EAAWK,EAAA,EAAwBe,EAAA,CAAqB,EAC3D,EACAd,EAAAA,IAACxC,GAAA,CAAa,IAAK8C,EAAS,gCAAgC,EAAG,IAAI,GAAG,cAAW,GAAC,MAAO,KAAM,OAAQ,IAAK,QAAQ,OAAO,QAC1HgB,EAAA,CAAc,KAAM7C,EAAqB,QAASC,EAAqB,GAAGC,EAAoB,EAC9FiB,GACCI,EAAAA,IAACuB,EAAA,CACC,KAAI,GACJ,QAAS,IAAM1B,EAAiB,IAAI,EACpC,GAAID,EACJ,KAAM,CAAE,eAAgB,oBAAoBhB,CAAc,EAAA,CAAG,CAAA,CAC/D,EAEJ,CAEJ,CAAC,EAEDT,GAAY,YAAc"}
|
|
1
|
+
{"version":3,"file":"index-BKY10VNY.js","sources":["../../src/components/Home/ComeHangOut/ComeHangOut.styled.ts","../../src/components/Home/ComeHangOut/ComeHangOut.tsx"],"sourcesContent":["import { Box, Typography, dclColors, styled } from 'decentraland-ui2'\n\nconst ComeHangOutContainer = styled(Box)(({ theme }) => ({\n position: 'relative',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'flex-start',\n width: '100%',\n height: 800,\n overflow: 'hidden',\n [theme.breakpoints.down('sm')]: {\n height: 480\n }\n}))\n\nconst AvatarsImage = styled('img')(({ theme }) => ({\n position: 'absolute',\n top: 'calc(35% - 20px)',\n left: '50%',\n transform: 'translateX(-50%)',\n width: 'auto',\n pointerEvents: 'none',\n [theme.breakpoints.down('sm')]: {\n position: 'absolute',\n top: 'auto',\n bottom: -50,\n left: '50%',\n transform: 'translateX(-50%)',\n width: 'auto',\n height: '65%',\n minWidth: 'auto',\n maxWidth: 'none'\n }\n}))\n\nconst Content = styled(Box)(({ theme }) => ({\n position: 'relative',\n zIndex: 1,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n gap: theme.spacing(3),\n padding: theme.spacing(10, 8),\n [theme.breakpoints.down('sm')]: {\n width: '100%',\n maxWidth: 393,\n padding: theme.spacing(6, 2),\n gap: theme.spacing(2)\n }\n}))\n\nconst Title = styled(Typography)(({ theme }) => ({\n color: dclColors.neutral.white,\n fontWeight: 600,\n fontSize: 48,\n textAlign: 'center',\n letterSpacing: -0.5,\n [theme.breakpoints.down('sm')]: {\n fontSize: 32\n }\n}))\n\nconst DownloadInfo = styled(Box)({\n display: 'flex',\n alignItems: 'center',\n gap: 16,\n flexWrap: 'wrap',\n justifyContent: 'center',\n position: 'relative',\n zIndex: 1\n})\n\nconst DownloadCounts = styled('span')({\n display: 'flex',\n alignItems: 'center',\n gap: 12,\n color: '#fff',\n fontSize: 16,\n fontWeight: 400,\n lineHeight: 1.5,\n whiteSpace: 'nowrap',\n minWidth: 210\n})\n\nconst DownloadSeparator = styled('span')({\n width: 1,\n height: 20,\n backgroundColor: 'rgba(255, 255, 255, 0.3)'\n})\n\nconst PlatformIcons = styled('span')(({ theme }) => ({\n display: 'flex',\n gap: 8,\n alignItems: 'center',\n // eslint-disable-next-line @typescript-eslint/naming-convention\n '& a': {\n display: 'flex',\n lineHeight: 0\n },\n [theme.breakpoints.down('sm')]: {\n // eslint-disable-next-line @typescript-eslint/naming-convention\n '& a': {\n pointerEvents: 'none',\n color: 'inherit',\n textDecoration: 'none'\n }\n }\n}))\n\nconst PlatformIcon = styled('img')({\n width: 24,\n height: 24,\n filter: 'brightness(0) invert(1)'\n})\n\nconst OsIcon = styled('img')({\n width: 32,\n height: 32,\n filter: 'brightness(0) invert(1)'\n})\n\nexport {\n AvatarsImage,\n ComeHangOutContainer,\n Content,\n DownloadCounts,\n DownloadInfo,\n DownloadSeparator,\n OsIcon,\n PlatformIcon,\n PlatformIcons,\n Title\n}\nexport { HangOutButton } from '../shared/HangOutButton.styled'\nexport {\n ComingSoonIcon,\n ComingSoonRow,\n ComingSoonText,\n GooglePlayButton,\n GooglePlayImage,\n MobileSubtitle,\n SendLinkButton\n} from '../shared/MobileCTA.styled'\n","import { memo, useCallback, useState } from 'react'\nimport { useAdvancedUserAgentData, useAsyncMemo } from '@dcl/hooks'\nimport { AnimatedBackground, DownloadModal, DownloadQRModal } from 'decentraland-ui2'\nimport { useFormatMessage } from '../../../hooks/adapters/useFormatMessage'\nimport { useTrackClick } from '../../../hooks/adapters/useTrackLinkContext'\nimport { useAnimatedCounter } from '../../../hooks/useAnimatedCounter'\nimport { useHangOutAction } from '../../../hooks/useHangOutAction'\nimport appleLogo from '../../../images/apple-logo.svg'\nimport microsoftLogo from '../../../images/microsoft-logo.svg'\nimport { DOWNLOAD_URLS } from '../../../modules/downloadConstants'\nimport { ExplorerDownloads } from '../../../modules/explorerDownloads'\nimport { formatToShorthand } from '../../../modules/number'\nimport { SectionViewedTrack } from '../../../modules/segment'\nimport { OperativeSystem } from '../../../types/download.types'\nimport { assetUrl } from '../../../utils/assetUrl'\nimport { VerifiedIcon } from '../../Icon/VerifiedIcon'\nimport { DownloadButton, EpicButton } from '../Hero/Hero.styled'\nimport { GOOGLE_PLAY_MOBILE_URL, googlePlayBadge } from '../shared/googlePlay'\nimport {\n AvatarsImage,\n ComeHangOutContainer,\n Content,\n DownloadCounts,\n DownloadInfo,\n DownloadSeparator,\n GooglePlayButton,\n GooglePlayImage,\n PlatformIcon,\n PlatformIcons,\n Title\n} from './ComeHangOut.styled'\n\nlet cachedDownloadCounts: string | null = null\n\nconst ComeHangOut = memo(() => {\n const l = useFormatMessage()\n const onClickHandle = useTrackClick()\n const { isDownloadModalOpen, closeDownloadModal, downloadModalProps, totalDownloads } = useHangOutAction()\n const [, userAgentData] = useAdvancedUserAgentData()\n const [rawDownloads, rawDownloadsStatus] = useAsyncMemo(async () => ExplorerDownloads.get().getTotalDownloads(), [])\n\n const targetDownloads = !rawDownloadsStatus.loading && rawDownloadsStatus.loaded && rawDownloads ? rawDownloads : null\n if (targetDownloads) cachedDownloadCounts = formatToShorthand(targetDownloads)\n const animatedDownloads = useAnimatedCounter(targetDownloads)\n const downloadCountsFormatted = animatedDownloads ? formatToShorthand(animatedDownloads) : cachedDownloadCounts ?? '+400K'\n\n const currentOs = userAgentData?.os.name\n const isMobile = !!userAgentData?.mobile\n const isMobileAndroid = isMobile && currentOs === 'Android'\n\n // Mobile download modal for platform icon clicks\n const [mobileModalOs, setMobileModalOs] = useState<'ios' | 'android' | null>(null)\n\n const renderMobileContent = () => {\n if (isMobileAndroid) {\n return (\n <GooglePlayButton href={GOOGLE_PLAY_MOBILE_URL} target=\"_blank\" rel=\"noopener noreferrer\">\n <GooglePlayImage src={googlePlayBadge} alt=\"Get it on Google Play\" />\n </GooglePlayButton>\n )\n }\n\n return (\n <GooglePlayButton href={DOWNLOAD_URLS.appStore} target=\"_blank\" rel=\"noopener noreferrer\">\n <GooglePlayImage src={assetUrl('/download-on-the-app-store.svg')} alt=\"Download on the App Store\" />\n </GooglePlayButton>\n )\n }\n\n const handleDownloadClick = useCallback(\n (e: React.MouseEvent<HTMLElement>) => {\n onClickHandle(e)\n if (userAgentData) {\n window.location.href = `/download_success?os=${userAgentData.os.name}`\n }\n },\n [onClickHandle, userAgentData]\n )\n\n const osImage = userAgentData\n ? { [OperativeSystem.WINDOWS]: microsoftLogo, [OperativeSystem.MACOS]: appleLogo }[userAgentData.os.name]\n : null\n\n const renderDesktopContent = () => (\n <>\n <div style={{ display: 'flex', gap: 24, justifyContent: 'center' }}>\n <DownloadButton\n href={userAgentData ? `/download_success?os=${userAgentData.os.name}` : '/download'}\n data-place={SectionViewedTrack.LANDING_HERO}\n data-event=\"click\"\n onClick={handleDownloadClick}\n >\n {l('page.download.download_for_short')}\n {osImage ? (\n <img src={osImage} alt={userAgentData?.os.name ?? ''} width={32} height={32} style={{ filter: 'brightness(0) invert(1)' }} />\n ) : (\n <span style={{ display: 'block', width: 32, height: 32, flexShrink: 0 }} />\n )}\n </DownloadButton>\n <EpicButton href={DOWNLOAD_URLS.epic} target=\"_blank\" rel=\"noopener noreferrer\">\n {l('page.download.download_on')}\n <img src={assetUrl('/epic_icon.svg')} alt=\"Epic Games\" width={32} height={32} style={{ filter: 'brightness(0)' }} />\n </EpicButton>\n </div>\n <DownloadInfo>\n <DownloadCounts>\n <VerifiedIcon /> {l('page.download.total_downloads', { downloads: downloadCountsFormatted })}\n </DownloadCounts>\n <DownloadSeparator />\n <PlatformIcons>\n {currentOs === OperativeSystem.MACOS && (\n <a href=\"/download_success?os=Windows\">\n <PlatformIcon src={microsoftLogo} alt=\"Windows\" />\n </a>\n )}\n {currentOs === OperativeSystem.WINDOWS && (\n <a href=\"/download_success?os=macOS\">\n <PlatformIcon src={appleLogo} alt=\"macOS\" />\n </a>\n )}\n {!currentOs && <span style={{ display: 'inline-block', width: 24, height: 24 }} />}\n <a\n href=\"#\"\n onClick={e => {\n e.preventDefault()\n setMobileModalOs('ios')\n }}\n >\n <PlatformIcon src={assetUrl('/ios-logo.svg')} alt=\"iOS\" />\n </a>\n <a\n href=\"#\"\n onClick={e => {\n e.preventDefault()\n setMobileModalOs('android')\n }}\n >\n <PlatformIcon src={assetUrl('/google_play_icon.svg')} alt=\"Android\" />\n </a>\n </PlatformIcons>\n </DownloadInfo>\n </>\n )\n\n return (\n <ComeHangOutContainer>\n <AnimatedBackground variant=\"absolute\" />\n <Content>\n <Title variant=\"h2\">{l('page.home.come_hang_out.title')}</Title>\n {isMobile ? renderMobileContent() : renderDesktopContent()}\n </Content>\n <AvatarsImage src={assetUrl('/come_hang_out_background.webp')} alt=\"\" aria-hidden width={1920} height={840} loading=\"lazy\" />\n <DownloadModal open={isDownloadModalOpen} onClose={closeDownloadModal} {...downloadModalProps} />\n {mobileModalOs && (\n <DownloadQRModal\n open\n onClose={() => setMobileModalOs(null)}\n os={mobileModalOs}\n i18n={{ totalDownloads: `Total Downloads: ${totalDownloads}` }}\n />\n )}\n </ComeHangOutContainer>\n )\n})\n\nComeHangOut.displayName = 'ComeHangOut'\n\nexport { ComeHangOut }\n"],"names":["ComeHangOutContainer","styled","Box","theme","AvatarsImage","Content","Title","Typography","dclColors.neutral","DownloadInfo","DownloadCounts","DownloadSeparator","PlatformIcons","PlatformIcon","cachedDownloadCounts","ComeHangOut","memo","l","useFormatMessage","onClickHandle","useTrackClick","isDownloadModalOpen","closeDownloadModal","downloadModalProps","totalDownloads","useHangOutAction","userAgentData","useAdvancedUserAgentData","rawDownloads","rawDownloadsStatus","useAsyncMemo","ExplorerDownloads","targetDownloads","formatToShorthand","animatedDownloads","useAnimatedCounter","downloadCountsFormatted","currentOs","isMobile","isMobileAndroid","mobileModalOs","setMobileModalOs","useState","renderMobileContent","jsx","GooglePlayButton","GOOGLE_PLAY_MOBILE_URL","GooglePlayImage","googlePlayBadge","DOWNLOAD_URLS","assetUrl","handleDownloadClick","useCallback","e","osImage","OperativeSystem","microsoftLogo","appleLogo","renderDesktopContent","jsxs","Fragment","DownloadButton","SectionViewedTrack","EpicButton","VerifiedIcon","AnimatedBackground","DownloadModal","DownloadQRModal"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{s as e,v as r,a as o,w as s,j as i}from"./index-
|
|
1
|
+
import{s as e,v as r,a as o,w as s,j as i}from"./index-DUmIu2EK.js";import{r as d}from"./vendor-router-D_36sTKu.js";import{A as l}from"./AnimatedSection-CcAt5h6R.js";import{w as m}from"./index-XwRFjo-F.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"./useCreatorHubDownload-Dp_zMaiv.js";import"./file-Cr_gl9BS.js";import"./url-BHzlJYXC.js";import"./index-BaEE4ZXP.js";import"./useLatestGithubRelease-lPlpQBOj.js";import"./CTAButton-D8_9d6Wu.js";import"./CircularProgress-AsNM1BvH.js";import"./Video--A0fBGqz.js";const p=e("section")(({theme:t})=>({display:"flex",flexDirection:"column",gap:"1em",width:"100%",paddingBottom:100,[t.breakpoints.down("sm")]:{paddingBottom:40,paddingLeft:t.spacing(4),paddingRight:t.spacing(4),overflow:"hidden"}})),g=e(r)(({theme:t})=>({textAlign:"center",fontSize:48,fontWeight:600,color:"#fcfcfc",marginTop:0,marginBottom:32,maxWidth:"80vw",marginLeft:"auto",marginRight:"auto","& span":{background:"linear-gradient(244deg, #ff2d55 -11.67%, #ffbc5b 88.23%)",backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"},[t.breakpoints.down("sm")]:{fontSize:32,fontWeight:700,lineHeight:"40px",letterSpacing:"-0.64px"}})),c=e(o)(({theme:t})=>({display:"flex",flexDirection:"row",justifyContent:"center",[t.breakpoints.down("sm")]:{flexDirection:"column",gap:20}})),a={join:"linear-gradient(206deg, #c640cd 2.47%, #691fa9 98.81%)",create:"radial-gradient(2917.83% 156.44% at 16.06% 114.57%, #ff4f57 13.42%, #ffa25a 100%)",benefit:"linear-gradient(208deg, #ff2d55 13.94%, #c640cd 80.96%)"},h=e(o,{shouldForwardProp:t=>t!=="cardId"})(({theme:t,cardId:n})=>({opacity:1,maxWidth:450,flexShrink:0,borderRadius:24,marginRight:24,flex:1,background:a[n]||a.join,"&:last-child":{marginRight:0},[t.breakpoints.down("sm")]:{width:"100%",maxWidth:"100%",marginRight:0}})),f=e(o)(({theme:t})=>({justifyContent:"space-between",alignItems:"center",height:"100%",display:"flex",flexDirection:"column",padding:"24px 24px 32px",position:"relative",borderRadius:20,overflow:"hidden",flex:1,transition:"transform 0.3s ease-in-out","@media (hover: hover)":{"&:hover":{transform:"scale(1.05)"}},[t.breakpoints.down("sm")]:{padding:"26px 24px",justifyContent:"flex-start"}})),x=e(o)(({theme:t})=>({borderRadius:16,width:"100%",marginBottom:24,display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden","& img":{flex:"1 1 auto",minHeight:0,objectFit:"contain",maxWidth:"100%"},[t.breakpoints.down("sm")]:{height:138,minHeight:138,marginBottom:16,"& img":{maxWidth:"none",minHeight:"100%",minWidth:"100%"}}})),y=e(o)({alignSelf:"flex-start",flex:1,display:"flex",flexDirection:"column",justifyContent:"flex-start"}),u=e(r)(({theme:t})=>({fontSize:24,lineHeight:"30px",fontWeight:600,marginBottom:8,paddingLeft:10,paddingRight:10,[t.breakpoints.down("sm")]:{fontWeight:700,fontSize:20,lineHeight:"28px"}})),w=e(r)(({theme:t})=>({fontSize:18,lineHeight:"24px",fontWeight:400,marginTop:0,paddingLeft:10,paddingRight:10,[t.breakpoints.down("sm")]:{color:"#fff"}})),_=d.memo(()=>{const t=s();return i.jsx(l,{children:i.jsxs(p,{children:[i.jsxs(g,{children:[i.jsx("span",{children:t("component.creators_landing.why.title_highlight")})," ",t("component.creators_landing.why.title")]}),i.jsx(c,{children:m.map(n=>i.jsx(h,{cardId:n.id,children:i.jsxs(f,{children:[i.jsx(x,{children:i.jsx("img",{src:n.image,alt:n.title})}),i.jsxs(y,{children:[i.jsx(u,{children:n.title}),i.jsx(w,{children:n.description})]})]})},n.id))})]})})});export{_ as CreatorsWhy};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-BO6ciUn8.js","sources":["../../src/components/Create/Why/Why.styled.ts","../../src/components/Create/Why/Why.tsx"],"sourcesContent":["import { Box, Typography, styled } from 'decentraland-ui2'\n\nconst WhySection = styled('section')(({ theme }) => ({\n display: 'flex',\n flexDirection: 'column',\n gap: '1em',\n width: '100%',\n paddingBottom: 100,\n [theme.breakpoints.down('sm')]: {\n paddingBottom: 40,\n paddingLeft: theme.spacing(4),\n paddingRight: theme.spacing(4),\n overflow: 'hidden'\n }\n}))\n\nconst WhyTitle = styled(Typography)(({ theme }) => ({\n textAlign: 'center',\n fontSize: 48,\n fontWeight: 600,\n color: '#fcfcfc',\n marginTop: 0,\n marginBottom: 32,\n maxWidth: '80vw',\n marginLeft: 'auto',\n marginRight: 'auto',\n ['& span']: {\n background: 'linear-gradient(244deg, #ff2d55 -11.67%, #ffbc5b 88.23%)',\n backgroundClip: 'text',\n ['WebkitBackgroundClip' as string]: 'text',\n ['WebkitTextFillColor' as string]: 'transparent'\n },\n [theme.breakpoints.down('sm')]: {\n fontSize: 32,\n fontWeight: 700,\n lineHeight: '40px',\n letterSpacing: '-0.64px'\n }\n}))\n\nconst WhyGrid = styled(Box)(({ theme }) => ({\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'center',\n [theme.breakpoints.down('sm')]: {\n flexDirection: 'column',\n gap: 20\n }\n}))\n\nconst cardGradients: Record<string, string> = {\n join: 'linear-gradient(206deg, #c640cd 2.47%, #691fa9 98.81%)',\n create: 'radial-gradient(2917.83% 156.44% at 16.06% 114.57%, #ff4f57 13.42%, #ffa25a 100%)',\n benefit: 'linear-gradient(208deg, #ff2d55 13.94%, #c640cd 80.96%)'\n}\n\nconst WhyCard = styled(Box, {\n shouldForwardProp: prop => prop !== 'cardId'\n})<{ cardId: string }>(({ theme, cardId }) => ({\n opacity: 1,\n maxWidth: 450,\n flexShrink: 0,\n borderRadius: 24,\n marginRight: 24,\n flex: 1,\n background: cardGradients[cardId] || cardGradients.join,\n ['&:last-child']: {\n marginRight: 0\n },\n [theme.breakpoints.down('sm')]: {\n width: '100%',\n maxWidth: '100%',\n marginRight: 0\n }\n}))\n\nconst WhyCardInner = styled(Box)(({ theme }) => ({\n justifyContent: 'space-between',\n alignItems: 'center',\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n padding: '24px 24px 32px',\n position: 'relative',\n borderRadius: 20,\n overflow: 'hidden',\n flex: 1,\n transition: 'transform 0.3s ease-in-out',\n ['@media (hover: hover)']: {\n ['&:hover']: {\n transform: 'scale(1.05)'\n }\n },\n [theme.breakpoints.down('sm')]: {\n padding: '26px 24px',\n justifyContent: 'flex-start'\n }\n}))\n\nconst WhyCardImageContainer = styled(Box)(({ theme }) => ({\n borderRadius: 16,\n width: '100%',\n marginBottom: 24,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n overflow: 'hidden',\n ['& img']: {\n flex: '1 1 auto',\n minHeight: 0,\n objectFit: 'contain',\n maxWidth: '100%'\n },\n [theme.breakpoints.down('sm')]: {\n height: 138,\n minHeight: 138,\n marginBottom: 16,\n ['& img']: {\n maxWidth: 'none',\n minHeight: '100%',\n minWidth: '100%'\n }\n }\n}))\n\nconst WhyCardText = styled(Box)({\n alignSelf: 'flex-start',\n flex: 1,\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'flex-start'\n})\n\nconst WhyCardTitle = styled(Typography)(({ theme }) => ({\n fontSize: 24,\n lineHeight: '30px',\n fontWeight: 600,\n marginBottom: 8,\n paddingLeft: 10,\n paddingRight: 10,\n [theme.breakpoints.down('sm')]: {\n fontWeight: 700,\n fontSize: 20,\n lineHeight: '28px'\n }\n}))\n\nconst WhyCardDescription = styled(Typography)(({ theme }) => ({\n fontSize: 18,\n lineHeight: '24px',\n fontWeight: 400,\n marginTop: 0,\n paddingLeft: 10,\n paddingRight: 10,\n [theme.breakpoints.down('sm')]: {\n color: '#fff'\n }\n}))\n\nexport { WhyCard, WhyCardDescription, WhyCardImageContainer, WhyCardInner, WhyCardText, WhyCardTitle, WhyGrid, WhySection, WhyTitle }\n","import { memo } from 'react'\nimport { useFormatMessage } from '../../../hooks/adapters/useFormatMessage'\nimport { AnimatedSection } from '../AnimatedSection'\nimport { whyCards } from '../data'\nimport {\n WhyCard,\n WhyCardDescription,\n WhyCardImageContainer,\n WhyCardInner,\n WhyCardText,\n WhyCardTitle,\n WhyGrid,\n WhySection,\n WhyTitle\n} from './Why.styled'\n\nconst CreatorsWhy = memo(() => {\n const l = useFormatMessage()\n return (\n <AnimatedSection>\n <WhySection>\n <WhyTitle>\n <span>{l('component.creators_landing.why.title_highlight')}</span> {l('component.creators_landing.why.title')}\n </WhyTitle>\n <WhyGrid>\n {whyCards.map(card => (\n <WhyCard key={card.id} cardId={card.id}>\n <WhyCardInner>\n <WhyCardImageContainer>\n <img src={card.image} alt={card.title} />\n </WhyCardImageContainer>\n <WhyCardText>\n <WhyCardTitle>{card.title}</WhyCardTitle>\n <WhyCardDescription>{card.description}</WhyCardDescription>\n </WhyCardText>\n </WhyCardInner>\n </WhyCard>\n ))}\n </WhyGrid>\n </WhySection>\n </AnimatedSection>\n )\n})\n\nexport { CreatorsWhy }\n"],"names":["WhySection","styled","theme","WhyTitle","Typography","WhyGrid","Box","cardGradients","WhyCard","prop","cardId","WhyCardInner","WhyCardImageContainer","WhyCardText","WhyCardTitle","WhyCardDescription","CreatorsWhy","memo","l","useFormatMessage","jsx","AnimatedSection","jsxs","whyCards","card"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{s as t,a as o,v as s,w as l,j as n,B as i}from"./index-
|
|
1
|
+
import{s as t,a as o,v as s,w as l,j as n,B as i}from"./index-DUmIu2EK.js";import{r as c}from"./vendor-router-D_36sTKu.js";import{V as d}from"./Video--A0fBGqz.js";import{A as p}from"./AnimatedSection-CcAt5h6R.js";import{e as g}from"./index-XwRFjo-F.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"./useCreatorHubDownload-Dp_zMaiv.js";import"./file-Cr_gl9BS.js";import"./url-BHzlJYXC.js";import"./index-BaEE4ZXP.js";import"./useLatestGithubRelease-lPlpQBOj.js";import"./CTAButton-D8_9d6Wu.js";import"./CircularProgress-AsNM1BvH.js";const m="https://cdn.decentraland.org/@dcl/landing-site/0.5.1-24686484792.commit-e56f2bf/assets/background_video_studios-B3uNUHPl.mp4",f=t("section")(({theme:e})=>({height:"80vh",width:"100%",position:"relative",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",overflow:"hidden",[e.breakpoints.down("sm")]:{height:"auto",padding:`0 ${e.spacing(4)}`}})),h=t(o)({position:"absolute",top:0,left:0,width:"100%",height:"100%",zIndex:0,overflow:"hidden","&::after":{content:'""',position:"absolute",top:0,left:0,width:"100%",height:"100%",background:"linear-gradient(270deg, rgba(22,21,24,0) 0%, rgba(22,21,24,0.94) 27.27%, #161518 50.52%, rgba(22,21,24,0.92) 76.08%, rgba(22,21,24,0) 100%)"},"& video":{width:"100%",height:"100%",objectFit:"cover",objectPosition:"center"}}),x=t(o)({position:"relative",zIndex:1,display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center"}),u=t(s)(({theme:e})=>({fontSize:40,fontWeight:700,lineHeight:"48px",maxWidth:700,color:"#fff","& span":{background:"linear-gradient(287deg, #ff2d55 5.21%, #ffbc5b 56.5%)",backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"},[e.breakpoints.down("sm")]:{fontSize:24,lineHeight:"normal"}})),b=t(s)(({theme:e})=>({textShadow:"0px 4px 20px rgba(0, 0, 0, 0.55)",fontSize:20,fontWeight:600,lineHeight:"normal",color:"#fff",marginTop:16,[e.breakpoints.down("sm")]:{fontSize:18,lineHeight:"24px"}})),_=t(o)({display:"flex",flexWrap:"wrap",justifyContent:"center",marginTop:42}),j=t(o)({paddingLeft:16,paddingRight:8,borderRadius:100,marginBottom:8,marginRight:8,background:"#fff",border:"1px solid #f3f2f5",fontSize:14,fontWeight:600,lineHeight:"normal",position:"relative",height:36,color:"#43404a",display:"flex",alignItems:"center"}),k=t(o)(({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",marginTop:70,[e.breakpoints.down("md")]:{flexDirection:"column",margin:0,marginTop:28}})),a=t(o)(({theme:e})=>({display:"flex",alignItems:"center",color:"#fff",textAlign:"center",fontSize:20,fontWeight:600,lineHeight:"48px","& a":{marginLeft:16},[e.breakpoints.down("md")]:{flexDirection:"column"},[e.breakpoints.down("sm")]:{fontSize:18,width:"100%","& a":{marginLeft:0,width:"100%",marginTop:16}}})),P=c.memo(()=>{const e=l();return n.jsx(p,{children:n.jsxs(f,{children:[n.jsx(h,{children:n.jsx(d,{loop:!0,muted:!0,autoPlay:!0,playsInline:!0,width:1352,height:534,source:m})}),n.jsxs(x,{children:[n.jsxs(u,{children:[e("component.creators_landing.earn.title")," ",e("component.creators_landing.earn.second_title"),n.jsx("span",{children:e("component.creators_landing.earn.title_highlight")})]}),n.jsxs(b,{children:[e("component.creators_landing.earn.subtitle"),n.jsx(_,{children:g.map(r=>n.jsx(j,{children:r},r))})]}),n.jsxs(k,{children:[n.jsxs(a,{sx:{marginRight:{xs:0,md:"80px"}},children:[e("component.creators_landing.earn.browse_creator_label"),n.jsx(i,{variant:"contained",component:"a",href:e("component.creators_landing.earn.browse_creator_url"),target:"_blank",rel:"noopener noreferrer",children:e("component.creators_landing.earn.browse_creator_button")})]}),n.jsxs(a,{sx:{marginTop:{xs:"33px",md:0}},children:[e("component.creators_landing.earn.are_you_creator_label"),n.jsx(i,{variant:"outlined",component:"a",href:e("component.creators_landing.earn.are_you_creator_url"),target:"_blank",rel:"noopener noreferrer",sx:{backgroundColor:"#fff",color:"#43404a","&:hover":{backgroundColor:"#e0e0e0"}},children:e("component.creators_landing.earn.are_you_creator_button")})]})]})]})]})})});export{P as CreatorsEarn};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-BVu5N7d0.js","sources":["../../src/videos/background_video_studios.mp4","../../src/components/Create/Earn/Earn.styled.ts","../../src/components/Create/Earn/Earn.tsx"],"sourcesContent":["export default \"__VITE_ASSET__DU026neQ__\"","import { Box, Typography, styled } from 'decentraland-ui2'\n\nconst EarnSection = styled('section')(({ theme }) => ({\n height: '80vh',\n width: '100%',\n position: 'relative',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n overflow: 'hidden',\n [theme.breakpoints.down('sm')]: {\n height: 'auto',\n padding: `0 ${theme.spacing(4)}`\n }\n}))\n\nconst EarnBackground = styled(Box)({\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n zIndex: 0,\n overflow: 'hidden',\n ['&::after']: {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n background:\n 'linear-gradient(270deg, rgba(22,21,24,0) 0%, rgba(22,21,24,0.94) 27.27%, #161518 50.52%, rgba(22,21,24,0.92) 76.08%, rgba(22,21,24,0) 100%)'\n },\n ['& video']: {\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n objectPosition: 'center'\n }\n})\n\nconst EarnContent = styled(Box)({\n position: 'relative',\n zIndex: 1,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n textAlign: 'center'\n})\n\nconst EarnTitle = styled(Typography)(({ theme }) => ({\n fontSize: 40,\n fontWeight: 700,\n lineHeight: '48px',\n maxWidth: 700,\n color: '#fff',\n ['& span']: {\n background: 'linear-gradient(287deg, #ff2d55 5.21%, #ffbc5b 56.5%)',\n backgroundClip: 'text',\n ['WebkitBackgroundClip' as string]: 'text',\n ['WebkitTextFillColor' as string]: 'transparent'\n },\n [theme.breakpoints.down('sm')]: {\n fontSize: 24,\n lineHeight: 'normal'\n }\n}))\n\nconst EarnSubtitle = styled(Typography)(({ theme }) => ({\n textShadow: '0px 4px 20px rgba(0, 0, 0, 0.55)',\n fontSize: 20,\n fontWeight: 600,\n lineHeight: 'normal',\n color: '#fff',\n marginTop: 16,\n [theme.breakpoints.down('sm')]: {\n fontSize: 18,\n lineHeight: '24px'\n }\n}))\n\nconst SkillsContainer = styled(Box)({\n display: 'flex',\n flexWrap: 'wrap',\n justifyContent: 'center',\n marginTop: 42\n})\n\nconst SkillBadge = styled(Box)({\n paddingLeft: 16,\n paddingRight: 8,\n borderRadius: 100,\n marginBottom: 8,\n marginRight: 8,\n background: '#fff',\n border: '1px solid #f3f2f5',\n fontSize: 14,\n fontWeight: 600,\n lineHeight: 'normal',\n position: 'relative',\n height: 36,\n color: '#43404a',\n display: 'flex',\n alignItems: 'center'\n})\n\nconst EarnActions = styled(Box)(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n marginTop: 70,\n [theme.breakpoints.down('md')]: {\n flexDirection: 'column',\n margin: 0,\n marginTop: 28\n }\n}))\n\nconst EarnActionBlock = styled(Box)(({ theme }) => ({\n display: 'flex',\n alignItems: 'center',\n color: '#fff',\n textAlign: 'center',\n fontSize: 20,\n fontWeight: 600,\n lineHeight: '48px',\n ['& a']: {\n marginLeft: 16\n },\n [theme.breakpoints.down('md')]: {\n flexDirection: 'column'\n },\n [theme.breakpoints.down('sm')]: {\n fontSize: 18,\n width: '100%',\n ['& a']: {\n marginLeft: 0,\n width: '100%',\n marginTop: 16\n }\n }\n}))\n\nexport { EarnActionBlock, EarnActions, EarnBackground, EarnContent, EarnSection, EarnSubtitle, EarnTitle, SkillBadge, SkillsContainer }\n","import { memo } from 'react'\nimport { Button } from 'decentraland-ui2'\nimport { useFormatMessage } from '../../../hooks/adapters/useFormatMessage'\nimport earnVideo from '../../../videos/background_video_studios.mp4'\nimport { Video } from '../../Video'\nimport { AnimatedSection } from '../AnimatedSection'\nimport { earnSkills } from '../data'\nimport {\n EarnActionBlock,\n EarnActions,\n EarnBackground,\n EarnContent,\n EarnSection,\n EarnSubtitle,\n EarnTitle,\n SkillBadge,\n SkillsContainer\n} from './Earn.styled'\n\nconst CreatorsEarn = memo(() => {\n const l = useFormatMessage()\n return (\n <AnimatedSection>\n <EarnSection>\n <EarnBackground>\n <Video loop muted autoPlay playsInline width={1352} height={534} source={earnVideo} />\n </EarnBackground>\n <EarnContent>\n <EarnTitle>\n {l('component.creators_landing.earn.title')} {l('component.creators_landing.earn.second_title')}\n <span>{l('component.creators_landing.earn.title_highlight')}</span>\n </EarnTitle>\n <EarnSubtitle>\n {l('component.creators_landing.earn.subtitle')}\n <SkillsContainer>\n {earnSkills.map(skill => (\n <SkillBadge key={skill}>{skill}</SkillBadge>\n ))}\n </SkillsContainer>\n </EarnSubtitle>\n <EarnActions>\n <EarnActionBlock sx={{ marginRight: { xs: 0, md: '80px' } }}>\n {l('component.creators_landing.earn.browse_creator_label')}\n <Button\n variant=\"contained\"\n component=\"a\"\n href={l('component.creators_landing.earn.browse_creator_url')}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n {l('component.creators_landing.earn.browse_creator_button')}\n </Button>\n </EarnActionBlock>\n <EarnActionBlock sx={{ marginTop: { xs: '33px', md: 0 } }}>\n {l('component.creators_landing.earn.are_you_creator_label')}\n <Button\n variant=\"outlined\"\n component=\"a\"\n href={l('component.creators_landing.earn.are_you_creator_url')}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n sx={{ backgroundColor: '#fff', color: '#43404a', ['&:hover']: { backgroundColor: '#e0e0e0' } }}\n >\n {l('component.creators_landing.earn.are_you_creator_button')}\n </Button>\n </EarnActionBlock>\n </EarnActions>\n </EarnContent>\n </EarnSection>\n </AnimatedSection>\n )\n})\n\nexport { CreatorsEarn }\n"],"names":["earnVideo","EarnSection","styled","theme","EarnBackground","Box","EarnContent","EarnTitle","Typography","EarnSubtitle","SkillsContainer","SkillBadge","EarnActions","EarnActionBlock","CreatorsEarn","memo","l","useFormatMessage","jsx","AnimatedSection","jsxs","Video","earnSkills","skill","Button"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{ap as n,ac as t}from"./index-D0nE3AYE.js";const _="https://wearable-preview.decentraland.zone",e="https://decentraland.zone/account",R="https://decentraland.zone/profile",a="https://decentraland.zone/marketplace",L="https://decentraland.zone/builder",o="https://decentraland.zone/dao",c="https://decentraland.zone/governance",s="https://decentraland.zone/events",d="https://decentraland.zone/places",E="https://decentraland.org/create/",U="https://docs.decentraland.org/player/",r="https://decentraland.zone/download/creator-hub/",O="https://decentraland.zone/download/",A="https://decentraland.zone/download_success/",T="ea2ybdmmn1kv",N="master",l="18g1DzIyBxvu0steSwKyQr",S="https://cms.decentraland.org",C="https://decentraland.zone/marketplace/names/claim",p="https://decentraland.zone/marketplace/lands",D="https://decentraland.zone/marketplace/account",I="https://decentraland.zone/create/",h="https://studios.decentraland.zone/",g="https://decentraland.zone/builder/collections",P="https://decentraland.zone/builder/names",$="https://decentraland.zone/builder/worlds?tab=dcl",i="https://decentraland.zone/builder/land",B="https://decentraland.zone/events/me/",m="https://decentraland.zone/places/favorites/",M="https://docs.decentraland.org/player/",V="https://docs.decentraland.org/creator/",G="https://decentraland.zone/blog/",y="https://docs.decentraland.org/contributor/",F="https://decentraland.zone/governance/transparency/",u="https://decentraland.zone/governance/proposals/",K="https://decentraland.zone/dao/grants/",Y="https://decentraland.zone/governance/projects/",b="https://docs.decentraland.org/player/general/dao/overview/what-is-the-dao/",v="https://decentraland.zone/marketplace/settings",z="https://dcl.gg/discord",f="https://reddit.com/r/decentraland",W="https://github.com/decentraland",w="https://x.com/decentraland",H="https://instagram.com/decentraland_foundation/",k="https://youtube.com/@decentraland_foundation",x="https://tiktok.com/@decentraland_fdn",j="https://linkedin.com/company/decentralandorg",Q="https://decentraland.zone/privacy",J="https://decentraland.zone/terms",X="https://decentraland.zone/content",q="https://decentraland.zone/ethics",Z="https://decentraland.org/help",tt="mailto:hello@decentraland.org",nt="https://docs.decentraland.org/faqs/decentraland-101",_t="https://docs.decentraland.org",et="https://embeds.beehiiv.com/ff89783d-748b-4ba3-8700-4759f6f62831?slim=true",Rt="https://download-gateway.decentraland.zone",at="https://decentraland.zone/top-scenes",Lt="https://testflight.apple.com/join/KF4r3jlU",ot="https://play.google.com/store/apps/details?id=org.decentraland.godotexplorer",ct={WEARABLE_PREVIEW_URL:_,ACCOUNT_URL:e,PROFILE_URL:R,MARKETPLACE_URL:a,BUILDER_URL:L,DAO_URL:o,GOVERNANCE_URL:c,EVENTS_URL:s,PLACES_URL:d,CREATE_URL:E,LEARN_URL:U,CREATOR_HUB_URL:r,DOWNLOAD_URL:O,DOWNLOAD_SUCCESS_URL:A,CONTENTFUL_SPACE_ID:T,CONTENTFUL_ENV:N,CONTENTFUL_NAVBAR_ENTRY_ID:l,CONTENTFUL_CONTENTFUL_CDN_URL:S,MARKETPLACE_NAMES_URL:C,MARKETPLACE_LANDS_URL:p,MARKETPLACE_MY_ASSETS_URL:D,LANDING_CREATORS_URL:I,STUDIOS_URL:h,BUILDER_WEARABLE_EMOTES_URL:g,BUILDER_NAMES_URL:P,BUILDER_WORLDS_URL:$,BUILDER_LAND_URL:i,EVENTS_MY_EVENTS:B,PLACES_MY_FAVORITE_URL:m,DOCS_ABOUT_URL:M,DOCS_CREATORS_URL:V,BLOG_URL:G,DOCS_CONTRIBUTOR_URL:y,GOVERNANCE_TRANSPARENCY_URL:F,GOVERNANCE_PROPOSALS_URL:u,DAO_GRANTS_URL:K,GOVERNANCE_PROJECTS_URL:Y,DOCS_DAO_URL:b,MARKETPLACE_SETTINGS_URL:v,DISCORD_URL:z,REDDIT_URL:f,GITHUB_URL:W,X_URL:w,INSTAGRAM_URL:H,YOUTUBE_URL:k,TIKTOK_URL:x,LINKEDIN_URL:j,PRIVACY_POLICY_URL:Q,TERMS_OF_USE_URL:J,CONTENT_POLICY_URL:X,CODE_OF_ETHICS_URL:q,SUPPORT_URL:Z,EMAIL_HELLO_URL:tt,FAQ_URL:nt,DOCS_URL:_t,BEEHIV_SUBSCRIPTION_URL:et,AUTO_SIGNING_BASE_URL:Rt,TOP_SCENES_URL:at,IOS_STORE_URL:Lt,ANDROID_STORE_URL:ot},st="https://wearable-preview.decentraland.org",dt="https://decentraland.org/account",Et="https://decentraland.org/profile",Ut="https://decentraland.org/marketplace",rt="https://decentraland.org/builder",Ot="https://decentraland.org/dao",At="https://decentraland.org/governance",Tt="https://decentraland.org/events",Nt="https://decentraland.org/places",lt="https://decentraland.org/create/",St="https://docs.decentraland.org/player/",Ct="https://decentraland.org/download/creator-hub/",pt="https://decentraland.org/download/",Dt="https://decentraland.org/download_success/",It="ea2ybdmmn1kv",ht="master",gt="18g1DzIyBxvu0steSwKyQr",Pt="https://cms.decentraland.org",$t="https://decentraland.org/marketplace/names/claim",it="https://decentraland.org/marketplace/lands",Bt="https://decentraland.org/marketplace/account",mt="https://decentraland.org/create/",Mt="https://studios.decentraland.org/",Vt="https://decentraland.org/builder/collections",Gt="https://decentraland.org/builder/names",yt="https://decentraland.org/builder/worlds?tab=dcl",Ft="https://decentraland.org/builder/land",ut="https://decentraland.org/events/me/",Kt="https://decentraland.org/places/favorites/",Yt="https://docs.decentraland.org/player/",bt="https://docs.decentraland.org/creator/",vt="https://decentraland.org/blog/",zt="https://docs.decentraland.org/contributor/",ft="https://decentraland.org/governance/transparency/",Wt="https://decentraland.org/governance/proposals/",wt="https://decentraland.org/dao/grants/",Ht="https://decentraland.org/governance/projects/",kt="https://docs.decentraland.org/player/general/dao/overview/what-is-the-dao/",xt="https://decentraland.org/marketplace/settings",jt="https://dcl.gg/discord",Qt="https://reddit.com/r/decentraland",Jt="https://github.com/decentraland",Xt="https://x.com/decentraland",qt="https://instagram.com/decentraland_foundation/",Zt="https://youtube.com/@decentraland_foundation",tn="https://tiktok.com/@decentraland_fdn",nn="https://linkedin.com/company/decentralandorg",_n="https://decentraland.org/privacy",en="https://decentraland.org/terms",Rn="https://decentraland.org/content",an="https://decentraland.org/ethics",Ln="https://decentraland.org/help",on="mailto:hello@decentraland.org",cn="https://docs.decentraland.org/faqs/decentraland-101",sn="https://docs.decentraland.org",dn="https://embeds.beehiiv.com/ff89783d-748b-4ba3-8700-4759f6f62831?slim=true",En="https://download-gateway.decentraland.org",Un="https://decentraland.org/top-scenes",rn="https://testflight.apple.com/join/KF4r3jlU",On="https://play.google.com/store/apps/details?id=org.decentraland.godotexplorer",An={WEARABLE_PREVIEW_URL:st,ACCOUNT_URL:dt,PROFILE_URL:Et,MARKETPLACE_URL:Ut,BUILDER_URL:rt,DAO_URL:Ot,GOVERNANCE_URL:At,EVENTS_URL:Tt,PLACES_URL:Nt,CREATE_URL:lt,LEARN_URL:St,CREATOR_HUB_URL:Ct,DOWNLOAD_URL:pt,DOWNLOAD_SUCCESS_URL:Dt,CONTENTFUL_SPACE_ID:It,CONTENTFUL_ENV:ht,CONTENTFUL_NAVBAR_ENTRY_ID:gt,CONTENTFUL_CONTENTFUL_CDN_URL:Pt,MARKETPLACE_NAMES_URL:$t,MARKETPLACE_LANDS_URL:it,MARKETPLACE_MY_ASSETS_URL:Bt,LANDING_CREATORS_URL:mt,STUDIOS_URL:Mt,BUILDER_WEARABLE_EMOTES_URL:Vt,BUILDER_NAMES_URL:Gt,BUILDER_WORLDS_URL:yt,BUILDER_LAND_URL:Ft,EVENTS_MY_EVENTS:ut,PLACES_MY_FAVORITE_URL:Kt,DOCS_ABOUT_URL:Yt,DOCS_CREATORS_URL:bt,BLOG_URL:vt,DOCS_CONTRIBUTOR_URL:zt,GOVERNANCE_TRANSPARENCY_URL:ft,GOVERNANCE_PROPOSALS_URL:Wt,DAO_GRANTS_URL:wt,GOVERNANCE_PROJECTS_URL:Ht,DOCS_DAO_URL:kt,MARKETPLACE_SETTINGS_URL:xt,DISCORD_URL:jt,REDDIT_URL:Qt,GITHUB_URL:Jt,X_URL:Xt,INSTAGRAM_URL:qt,YOUTUBE_URL:Zt,TIKTOK_URL:tn,LINKEDIN_URL:nn,PRIVACY_POLICY_URL:_n,TERMS_OF_USE_URL:en,CONTENT_POLICY_URL:Rn,CODE_OF_ETHICS_URL:an,SUPPORT_URL:Ln,EMAIL_HELLO_URL:on,FAQ_URL:cn,DOCS_URL:sn,BEEHIV_SUBSCRIPTION_URL:dn,AUTO_SIGNING_BASE_URL:En,TOP_SCENES_URL:Un,IOS_STORE_URL:rn,ANDROID_STORE_URL:On},Tn="https://wearable-preview.decentraland.today",Nn="https://decentraland.today/account",ln="https://decentraland.today/profile",Sn="https://decentraland.today/marketplace",Cn="https://decentraland.today/builder",pn="https://decentraland.today/dao",Dn="https://decentraland.today/governance",In="https://decentraland.zone/events",hn="https://decentraland.zone/places",gn="https://decentraland.today/create/",Pn="https://docs.decentraland.org/player/",$n="https://decentraland.today/download/creator-hub/",Bn="https://decentraland.today/download/",mn="https://decentraland.today/download_success/",Mn="ea2ybdmmn1kv",Vn="master",Gn="18g1DzIyBxvu0steSwKyQr",yn="https://cms.decentraland.org",Fn="https://decentraland.today/marketplace/names/claim",un="https://decentraland.today/marketplace/lands",Kn="https://decentraland.today/marketplace/account",Yn="https://decentraland.today/create/",bn="https://studios.decentraland.today/",vn="https://decentraland.today/builder/collections",zn="https://decentraland.today/builder/names",fn="https://decentraland.today/builder/worlds?tab=dcl",Wn="https://decentraland.today/builder/land",wn="https://decentraland.today/events/me/",Hn="https://decentraland.today/places/favorites/",kn="https://docs.decentraland.org/player/",xn="https://docs.decentraland.org/creator/",jn="https://decentraland.today/blog/",Qn="https://docs.decentraland.org/contributor/",Jn="https://decentraland.today/governance/transparency/",Xn="https://decentraland.today/governance/proposals/",qn="https://decentraland.today/dao/grants/",Zn="https://decentraland.today/governance/projects/",t_="https://docs.decentraland.org/player/general/dao/overview/what-is-the-dao/",n_="https://decentraland.today/marketplace/settings",__="https://dcl.gg/discord",e_="https://reddit.com/r/decentraland",R_="https://github.com/decentraland",a_="https://x.com/decentraland",L_="https://instagram.com/decentraland_foundation/",o_="https://youtube.com/@decentraland_foundation",c_="https://tiktok.com/@decentraland_fdn",s_="https://linkedin.com/company/decentralandorg",d_="https://decentraland.org/privacy",E_="https://decentraland.org/terms",U_="https://decentraland.org/content",r_="https://decentraland.org/ethics",O_="https://decentraland.org/help",A_="mailto:hello@decentraland.org",T_="https://docs.decentraland.org/faqs/decentraland-101",N_="https://docs.decentraland.org",l_="https://embeds.beehiiv.com/ff89783d-748b-4ba3-8700-4759f6f62831?slim=true",S_="https://download-gateway.decentraland.zone",C_="https://decentraland.zone/top-scenes",p_="https://testflight.apple.com/join/KF4r3jlU",D_="https://play.google.com/store/apps/details?id=org.decentraland.godotexplorer",I_={WEARABLE_PREVIEW_URL:Tn,ACCOUNT_URL:Nn,PROFILE_URL:ln,MARKETPLACE_URL:Sn,BUILDER_URL:Cn,DAO_URL:pn,GOVERNANCE_URL:Dn,EVENTS_URL:In,PLACES_URL:hn,CREATE_URL:gn,LEARN_URL:Pn,CREATOR_HUB_URL:$n,DOWNLOAD_URL:Bn,DOWNLOAD_SUCCESS_URL:mn,CONTENTFUL_SPACE_ID:Mn,CONTENTFUL_ENV:Vn,CONTENTFUL_NAVBAR_ENTRY_ID:Gn,CONTENTFUL_CONTENTFUL_CDN_URL:yn,MARKETPLACE_NAMES_URL:Fn,MARKETPLACE_LANDS_URL:un,MARKETPLACE_MY_ASSETS_URL:Kn,LANDING_CREATORS_URL:Yn,STUDIOS_URL:bn,BUILDER_WEARABLE_EMOTES_URL:vn,BUILDER_NAMES_URL:zn,BUILDER_WORLDS_URL:fn,BUILDER_LAND_URL:Wn,EVENTS_MY_EVENTS:wn,PLACES_MY_FAVORITE_URL:Hn,DOCS_ABOUT_URL:kn,DOCS_CREATORS_URL:xn,BLOG_URL:jn,DOCS_CONTRIBUTOR_URL:Qn,GOVERNANCE_TRANSPARENCY_URL:Jn,GOVERNANCE_PROPOSALS_URL:Xn,DAO_GRANTS_URL:qn,GOVERNANCE_PROJECTS_URL:Zn,DOCS_DAO_URL:t_,MARKETPLACE_SETTINGS_URL:n_,DISCORD_URL:__,REDDIT_URL:e_,GITHUB_URL:R_,X_URL:a_,INSTAGRAM_URL:L_,YOUTUBE_URL:o_,TIKTOK_URL:c_,LINKEDIN_URL:s_,PRIVACY_POLICY_URL:d_,TERMS_OF_USE_URL:E_,CONTENT_POLICY_URL:U_,CODE_OF_ETHICS_URL:r_,SUPPORT_URL:O_,EMAIL_HELLO_URL:A_,FAQ_URL:T_,DOCS_URL:N_,BEEHIV_SUBSCRIPTION_URL:l_,AUTO_SIGNING_BASE_URL:S_,TOP_SCENES_URL:C_,IOS_STORE_URL:p_,ANDROID_STORE_URL:D_},g_=n({[t.DEVELOPMENT]:ct,[t.STAGING]:I_,[t.PRODUCTION]:An});export{g_ as c};
|
|
1
|
+
import{ap as n,ac as t}from"./index-DUmIu2EK.js";const _="https://wearable-preview.decentraland.zone",e="https://decentraland.zone/account",R="https://decentraland.zone/profile",a="https://decentraland.zone/marketplace",L="https://decentraland.zone/builder",o="https://decentraland.zone/dao",c="https://decentraland.zone/governance",s="https://decentraland.zone/events",d="https://decentraland.zone/places",E="https://decentraland.org/create/",U="https://docs.decentraland.org/player/",r="https://decentraland.zone/download/creator-hub/",O="https://decentraland.zone/download/",A="https://decentraland.zone/download_success/",T="ea2ybdmmn1kv",N="master",l="18g1DzIyBxvu0steSwKyQr",S="https://cms.decentraland.org",C="https://decentraland.zone/marketplace/names/claim",p="https://decentraland.zone/marketplace/lands",D="https://decentraland.zone/marketplace/account",I="https://decentraland.zone/create/",h="https://studios.decentraland.zone/",g="https://decentraland.zone/builder/collections",P="https://decentraland.zone/builder/names",$="https://decentraland.zone/builder/worlds?tab=dcl",i="https://decentraland.zone/builder/land",B="https://decentraland.zone/events/me/",m="https://decentraland.zone/places/favorites/",M="https://docs.decentraland.org/player/",V="https://docs.decentraland.org/creator/",G="https://decentraland.zone/blog/",y="https://docs.decentraland.org/contributor/",F="https://decentraland.zone/governance/transparency/",u="https://decentraland.zone/governance/proposals/",K="https://decentraland.zone/dao/grants/",Y="https://decentraland.zone/governance/projects/",b="https://docs.decentraland.org/player/general/dao/overview/what-is-the-dao/",v="https://decentraland.zone/marketplace/settings",z="https://dcl.gg/discord",f="https://reddit.com/r/decentraland",W="https://github.com/decentraland",w="https://x.com/decentraland",H="https://instagram.com/decentraland_foundation/",k="https://youtube.com/@decentraland_foundation",x="https://tiktok.com/@decentraland_fdn",j="https://linkedin.com/company/decentralandorg",Q="https://decentraland.zone/privacy",J="https://decentraland.zone/terms",X="https://decentraland.zone/content",q="https://decentraland.zone/ethics",Z="https://decentraland.org/help",tt="mailto:hello@decentraland.org",nt="https://docs.decentraland.org/faqs/decentraland-101",_t="https://docs.decentraland.org",et="https://embeds.beehiiv.com/ff89783d-748b-4ba3-8700-4759f6f62831?slim=true",Rt="https://download-gateway.decentraland.zone",at="https://decentraland.zone/top-scenes",Lt="https://testflight.apple.com/join/KF4r3jlU",ot="https://play.google.com/store/apps/details?id=org.decentraland.godotexplorer",ct={WEARABLE_PREVIEW_URL:_,ACCOUNT_URL:e,PROFILE_URL:R,MARKETPLACE_URL:a,BUILDER_URL:L,DAO_URL:o,GOVERNANCE_URL:c,EVENTS_URL:s,PLACES_URL:d,CREATE_URL:E,LEARN_URL:U,CREATOR_HUB_URL:r,DOWNLOAD_URL:O,DOWNLOAD_SUCCESS_URL:A,CONTENTFUL_SPACE_ID:T,CONTENTFUL_ENV:N,CONTENTFUL_NAVBAR_ENTRY_ID:l,CONTENTFUL_CONTENTFUL_CDN_URL:S,MARKETPLACE_NAMES_URL:C,MARKETPLACE_LANDS_URL:p,MARKETPLACE_MY_ASSETS_URL:D,LANDING_CREATORS_URL:I,STUDIOS_URL:h,BUILDER_WEARABLE_EMOTES_URL:g,BUILDER_NAMES_URL:P,BUILDER_WORLDS_URL:$,BUILDER_LAND_URL:i,EVENTS_MY_EVENTS:B,PLACES_MY_FAVORITE_URL:m,DOCS_ABOUT_URL:M,DOCS_CREATORS_URL:V,BLOG_URL:G,DOCS_CONTRIBUTOR_URL:y,GOVERNANCE_TRANSPARENCY_URL:F,GOVERNANCE_PROPOSALS_URL:u,DAO_GRANTS_URL:K,GOVERNANCE_PROJECTS_URL:Y,DOCS_DAO_URL:b,MARKETPLACE_SETTINGS_URL:v,DISCORD_URL:z,REDDIT_URL:f,GITHUB_URL:W,X_URL:w,INSTAGRAM_URL:H,YOUTUBE_URL:k,TIKTOK_URL:x,LINKEDIN_URL:j,PRIVACY_POLICY_URL:Q,TERMS_OF_USE_URL:J,CONTENT_POLICY_URL:X,CODE_OF_ETHICS_URL:q,SUPPORT_URL:Z,EMAIL_HELLO_URL:tt,FAQ_URL:nt,DOCS_URL:_t,BEEHIV_SUBSCRIPTION_URL:et,AUTO_SIGNING_BASE_URL:Rt,TOP_SCENES_URL:at,IOS_STORE_URL:Lt,ANDROID_STORE_URL:ot},st="https://wearable-preview.decentraland.org",dt="https://decentraland.org/account",Et="https://decentraland.org/profile",Ut="https://decentraland.org/marketplace",rt="https://decentraland.org/builder",Ot="https://decentraland.org/dao",At="https://decentraland.org/governance",Tt="https://decentraland.org/events",Nt="https://decentraland.org/places",lt="https://decentraland.org/create/",St="https://docs.decentraland.org/player/",Ct="https://decentraland.org/download/creator-hub/",pt="https://decentraland.org/download/",Dt="https://decentraland.org/download_success/",It="ea2ybdmmn1kv",ht="master",gt="18g1DzIyBxvu0steSwKyQr",Pt="https://cms.decentraland.org",$t="https://decentraland.org/marketplace/names/claim",it="https://decentraland.org/marketplace/lands",Bt="https://decentraland.org/marketplace/account",mt="https://decentraland.org/create/",Mt="https://studios.decentraland.org/",Vt="https://decentraland.org/builder/collections",Gt="https://decentraland.org/builder/names",yt="https://decentraland.org/builder/worlds?tab=dcl",Ft="https://decentraland.org/builder/land",ut="https://decentraland.org/events/me/",Kt="https://decentraland.org/places/favorites/",Yt="https://docs.decentraland.org/player/",bt="https://docs.decentraland.org/creator/",vt="https://decentraland.org/blog/",zt="https://docs.decentraland.org/contributor/",ft="https://decentraland.org/governance/transparency/",Wt="https://decentraland.org/governance/proposals/",wt="https://decentraland.org/dao/grants/",Ht="https://decentraland.org/governance/projects/",kt="https://docs.decentraland.org/player/general/dao/overview/what-is-the-dao/",xt="https://decentraland.org/marketplace/settings",jt="https://dcl.gg/discord",Qt="https://reddit.com/r/decentraland",Jt="https://github.com/decentraland",Xt="https://x.com/decentraland",qt="https://instagram.com/decentraland_foundation/",Zt="https://youtube.com/@decentraland_foundation",tn="https://tiktok.com/@decentraland_fdn",nn="https://linkedin.com/company/decentralandorg",_n="https://decentraland.org/privacy",en="https://decentraland.org/terms",Rn="https://decentraland.org/content",an="https://decentraland.org/ethics",Ln="https://decentraland.org/help",on="mailto:hello@decentraland.org",cn="https://docs.decentraland.org/faqs/decentraland-101",sn="https://docs.decentraland.org",dn="https://embeds.beehiiv.com/ff89783d-748b-4ba3-8700-4759f6f62831?slim=true",En="https://download-gateway.decentraland.org",Un="https://decentraland.org/top-scenes",rn="https://testflight.apple.com/join/KF4r3jlU",On="https://play.google.com/store/apps/details?id=org.decentraland.godotexplorer",An={WEARABLE_PREVIEW_URL:st,ACCOUNT_URL:dt,PROFILE_URL:Et,MARKETPLACE_URL:Ut,BUILDER_URL:rt,DAO_URL:Ot,GOVERNANCE_URL:At,EVENTS_URL:Tt,PLACES_URL:Nt,CREATE_URL:lt,LEARN_URL:St,CREATOR_HUB_URL:Ct,DOWNLOAD_URL:pt,DOWNLOAD_SUCCESS_URL:Dt,CONTENTFUL_SPACE_ID:It,CONTENTFUL_ENV:ht,CONTENTFUL_NAVBAR_ENTRY_ID:gt,CONTENTFUL_CONTENTFUL_CDN_URL:Pt,MARKETPLACE_NAMES_URL:$t,MARKETPLACE_LANDS_URL:it,MARKETPLACE_MY_ASSETS_URL:Bt,LANDING_CREATORS_URL:mt,STUDIOS_URL:Mt,BUILDER_WEARABLE_EMOTES_URL:Vt,BUILDER_NAMES_URL:Gt,BUILDER_WORLDS_URL:yt,BUILDER_LAND_URL:Ft,EVENTS_MY_EVENTS:ut,PLACES_MY_FAVORITE_URL:Kt,DOCS_ABOUT_URL:Yt,DOCS_CREATORS_URL:bt,BLOG_URL:vt,DOCS_CONTRIBUTOR_URL:zt,GOVERNANCE_TRANSPARENCY_URL:ft,GOVERNANCE_PROPOSALS_URL:Wt,DAO_GRANTS_URL:wt,GOVERNANCE_PROJECTS_URL:Ht,DOCS_DAO_URL:kt,MARKETPLACE_SETTINGS_URL:xt,DISCORD_URL:jt,REDDIT_URL:Qt,GITHUB_URL:Jt,X_URL:Xt,INSTAGRAM_URL:qt,YOUTUBE_URL:Zt,TIKTOK_URL:tn,LINKEDIN_URL:nn,PRIVACY_POLICY_URL:_n,TERMS_OF_USE_URL:en,CONTENT_POLICY_URL:Rn,CODE_OF_ETHICS_URL:an,SUPPORT_URL:Ln,EMAIL_HELLO_URL:on,FAQ_URL:cn,DOCS_URL:sn,BEEHIV_SUBSCRIPTION_URL:dn,AUTO_SIGNING_BASE_URL:En,TOP_SCENES_URL:Un,IOS_STORE_URL:rn,ANDROID_STORE_URL:On},Tn="https://wearable-preview.decentraland.today",Nn="https://decentraland.today/account",ln="https://decentraland.today/profile",Sn="https://decentraland.today/marketplace",Cn="https://decentraland.today/builder",pn="https://decentraland.today/dao",Dn="https://decentraland.today/governance",In="https://decentraland.zone/events",hn="https://decentraland.zone/places",gn="https://decentraland.today/create/",Pn="https://docs.decentraland.org/player/",$n="https://decentraland.today/download/creator-hub/",Bn="https://decentraland.today/download/",mn="https://decentraland.today/download_success/",Mn="ea2ybdmmn1kv",Vn="master",Gn="18g1DzIyBxvu0steSwKyQr",yn="https://cms.decentraland.org",Fn="https://decentraland.today/marketplace/names/claim",un="https://decentraland.today/marketplace/lands",Kn="https://decentraland.today/marketplace/account",Yn="https://decentraland.today/create/",bn="https://studios.decentraland.today/",vn="https://decentraland.today/builder/collections",zn="https://decentraland.today/builder/names",fn="https://decentraland.today/builder/worlds?tab=dcl",Wn="https://decentraland.today/builder/land",wn="https://decentraland.today/events/me/",Hn="https://decentraland.today/places/favorites/",kn="https://docs.decentraland.org/player/",xn="https://docs.decentraland.org/creator/",jn="https://decentraland.today/blog/",Qn="https://docs.decentraland.org/contributor/",Jn="https://decentraland.today/governance/transparency/",Xn="https://decentraland.today/governance/proposals/",qn="https://decentraland.today/dao/grants/",Zn="https://decentraland.today/governance/projects/",t_="https://docs.decentraland.org/player/general/dao/overview/what-is-the-dao/",n_="https://decentraland.today/marketplace/settings",__="https://dcl.gg/discord",e_="https://reddit.com/r/decentraland",R_="https://github.com/decentraland",a_="https://x.com/decentraland",L_="https://instagram.com/decentraland_foundation/",o_="https://youtube.com/@decentraland_foundation",c_="https://tiktok.com/@decentraland_fdn",s_="https://linkedin.com/company/decentralandorg",d_="https://decentraland.org/privacy",E_="https://decentraland.org/terms",U_="https://decentraland.org/content",r_="https://decentraland.org/ethics",O_="https://decentraland.org/help",A_="mailto:hello@decentraland.org",T_="https://docs.decentraland.org/faqs/decentraland-101",N_="https://docs.decentraland.org",l_="https://embeds.beehiiv.com/ff89783d-748b-4ba3-8700-4759f6f62831?slim=true",S_="https://download-gateway.decentraland.zone",C_="https://decentraland.zone/top-scenes",p_="https://testflight.apple.com/join/KF4r3jlU",D_="https://play.google.com/store/apps/details?id=org.decentraland.godotexplorer",I_={WEARABLE_PREVIEW_URL:Tn,ACCOUNT_URL:Nn,PROFILE_URL:ln,MARKETPLACE_URL:Sn,BUILDER_URL:Cn,DAO_URL:pn,GOVERNANCE_URL:Dn,EVENTS_URL:In,PLACES_URL:hn,CREATE_URL:gn,LEARN_URL:Pn,CREATOR_HUB_URL:$n,DOWNLOAD_URL:Bn,DOWNLOAD_SUCCESS_URL:mn,CONTENTFUL_SPACE_ID:Mn,CONTENTFUL_ENV:Vn,CONTENTFUL_NAVBAR_ENTRY_ID:Gn,CONTENTFUL_CONTENTFUL_CDN_URL:yn,MARKETPLACE_NAMES_URL:Fn,MARKETPLACE_LANDS_URL:un,MARKETPLACE_MY_ASSETS_URL:Kn,LANDING_CREATORS_URL:Yn,STUDIOS_URL:bn,BUILDER_WEARABLE_EMOTES_URL:vn,BUILDER_NAMES_URL:zn,BUILDER_WORLDS_URL:fn,BUILDER_LAND_URL:Wn,EVENTS_MY_EVENTS:wn,PLACES_MY_FAVORITE_URL:Hn,DOCS_ABOUT_URL:kn,DOCS_CREATORS_URL:xn,BLOG_URL:jn,DOCS_CONTRIBUTOR_URL:Qn,GOVERNANCE_TRANSPARENCY_URL:Jn,GOVERNANCE_PROPOSALS_URL:Xn,DAO_GRANTS_URL:qn,GOVERNANCE_PROJECTS_URL:Zn,DOCS_DAO_URL:t_,MARKETPLACE_SETTINGS_URL:n_,DISCORD_URL:__,REDDIT_URL:e_,GITHUB_URL:R_,X_URL:a_,INSTAGRAM_URL:L_,YOUTUBE_URL:o_,TIKTOK_URL:c_,LINKEDIN_URL:s_,PRIVACY_POLICY_URL:d_,TERMS_OF_USE_URL:E_,CONTENT_POLICY_URL:U_,CODE_OF_ETHICS_URL:r_,SUPPORT_URL:O_,EMAIL_HELLO_URL:A_,FAQ_URL:T_,DOCS_URL:N_,BEEHIV_SUBSCRIPTION_URL:l_,AUTO_SIGNING_BASE_URL:S_,TOP_SCENES_URL:C_,IOS_STORE_URL:p_,ANDROID_STORE_URL:D_},g_=n({[t.DEVELOPMENT]:ct,[t.STAGING]:I_,[t.PRODUCTION]:An});export{g_ as c};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-BaEE4ZXP.js","sources":["../../node_modules/decentraland-ui2/dist/config/index.js"],"sourcesContent":["import { Env, createConfig } from '@dcl/ui-env';\nimport dev from './env/dev.json';\nimport prod from './env/prod.json';\nimport stg from './env/stg.json';\nexport const config = createConfig({\n [Env.DEVELOPMENT]: dev,\n [Env.STAGING]: stg,\n [Env.PRODUCTION]: prod\n});\n//# sourceMappingURL=index.js.map"],"names":["config","createConfig","Env","dev","stg","prod"],"mappings":"mrWAIaA,GAASC,EAAa,CAC/B,CAACC,EAAI,WAAW,EAAGC,GACnB,CAACD,EAAI,OAAO,EAAGE,GACf,CAACF,EAAI,UAAU,EAAGG,EACtB,CAAC","x_google_ignoreList":[0]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as e,s as o,w as W,b1 as B,ar as E,ad as H,U as c,P as R}from"./index-D0nE3AYE.js";import{r as i}from"./vendor-router-D_36sTKu.js";import"./vendor-ua-D7qqAxdq.js";import"./vendor-crypto-uuuQA3i5.js";import"./vendor-schemas-DJzTSxpO.js";import"./vendor-sentry-BSvWNK4f.js";import"./vendor-intl-D2lXWsDp.js";const Z=[{name:"Discord",url:"https://dcl.gg/discord"},{name:"GitHub",url:"https://github.com/decentraland"},{name:"X",url:"https://x.com/decentraland"},{name:"Instagram",url:"https://instagram.com/decentraland_foundation/"},{name:"YouTube",url:"https://youtube.com/@decentraland_foundation"},{name:"TikTok",url:"https://tiktok.com/@decentraland_fdn"},{name:"LinkedIn",url:"https://linkedin.com/company/decentralandorg"}],L=[{labelKey:"component.landing.footer.getting_started.what_is",url:"https://docs.decentraland.org/introduction/about-decentraland"},{labelKey:"component.landing.footer.getting_started.download",url:"/download"},{labelKey:"component.landing.footer.getting_started.system_requirements",url:"https://docs.decentraland.org/in-world/settings-and-performance"},{labelKey:"component.landing.footer.getting_started.faqs",url:"https://docs.decentraland.org/faqs/decentraland-101"},{labelKey:"component.landing.footer.getting_started.contact_support",url:"https://decentraland.org/help/"}],I=[{labelKey:"component.landing.footer.resources.marketplace",url:"https://decentraland.org/marketplace"},{labelKey:"component.landing.footer.resources.creator_hub",url:"https://decentraland.org/create/"},{labelKey:"component.landing.footer.resources.docs",url:"https://docs.decentraland.org"},{labelKey:"component.landing.footer.resources.blog",url:"https://decentraland.org/blog/"},{labelKey:"component.landing.footer.resources.vote",url:"https://decentraland.org/dao"}],z=()=>e.jsx("svg",{viewBox:"0 0 28 22",fill:"currentColor",width:"28",height:"22",children:e.jsx("path",{d:"M23.7 1.84A23.25 23.25 0 0 0 17.96 0c-.25.45-.54 1.05-.74 1.53a21.5 21.5 0 0 0-6.45 0C10.57 1.05 10.27.45 10.02 0A23.2 23.2 0 0 0 4.27 1.85C.62 7.34-.38 12.7.12 18a23.37 23.37 0 0 0 7.13 3.6 17.4 17.4 0 0 0 1.53-2.49 15.17 15.17 0 0 1-2.41-1.16c.2-.15.4-.3.59-.46a16.63 16.63 0 0 0 14.1 0c.19.16.39.31.58.46-.77.45-1.57.84-2.41 1.16.44.87.96 1.7 1.53 2.49a23.3 23.3 0 0 0 7.14-3.61c.58-6.15-1-11.47-4.1-16.15ZM9.35 14.74c-1.4 0-2.54-1.28-2.54-2.85s1.12-2.86 2.54-2.86 2.56 1.29 2.54 2.86c0 1.57-1.12 2.85-2.54 2.85Zm9.38 0c-1.4 0-2.54-1.28-2.54-2.85s1.12-2.86 2.54-2.86 2.56 1.29 2.54 2.86c0 1.57-1.12 2.85-2.54 2.85Z"})}),A=()=>e.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",width:"24",height:"24",children:e.jsx("path",{d:"M12 .3a12 12 0 0 0-3.8 23.38c.6.12.82-.26.82-.58v-2.02c-3.34.73-4.04-1.61-4.04-1.61-.55-1.39-1.34-1.76-1.34-1.76-1.08-.74.08-.73.08-.73 1.2.09 1.84 1.24 1.84 1.24 1.07 1.83 2.8 1.3 3.49 1 .1-.78.42-1.3.76-1.6-2.67-.31-5.47-1.34-5.47-5.93 0-1.31.47-2.38 1.24-3.22-.13-.3-.54-1.52.12-3.18 0 0 1-.33 3.3 1.23a11.5 11.5 0 0 1 6.02 0c2.28-1.56 3.29-1.23 3.29-1.23.66 1.66.25 2.88.12 3.18a4.65 4.65 0 0 1 1.24 3.22c0 4.61-2.81 5.62-5.48 5.92.43.37.81 1.1.81 2.22v3.29c0 .32.22.7.82.58A12 12 0 0 0 12 .3Z"})}),O=()=>e.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",width:"24",height:"24",children:e.jsx("path",{d:"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231 5.45-6.231Zm-1.161 17.52h1.833L7.084 4.126H5.117L17.083 19.77Z"})}),G=()=>e.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",width:"24",height:"24",children:e.jsx("path",{d:"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069ZM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0Zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324ZM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881Z"})}),P=()=>e.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",width:"24",height:"24",children:e.jsx("path",{d:"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.546 12 3.546 12 3.546s-7.505 0-9.377.504A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.504 9.376.504 9.376.504s7.505 0 9.377-.504a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814ZM9.545 15.568V8.432L15.818 12l-6.273 3.568Z"})}),U=()=>e.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",width:"24",height:"24",children:e.jsx("path",{d:"M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07Z"})}),V=()=>e.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",width:"24",height:"24",children:e.jsx("path",{d:"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286ZM5.337 7.433a2.062 2.062 0 1 1 0-4.123 2.062 2.062 0 0 1 0 4.123ZM6.863 20.452H3.804V9h3.059v11.452ZM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003Z"})}),u=()=>e.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",width:"20",height:"20",children:e.jsx("path",{d:"M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41Z"})}),q=o("footer")({width:"100%"}),X=o("div")(({theme:n})=>({width:"100%",background:"radial-gradient(ellipse at 0% 0%, rgba(121,47,158,0.6) 0%, rgba(74,23,102,0.8) 25%, rgba(51,12,74,0.9) 50%, rgba(27,0,46,1) 75%)",display:"flex",justifyContent:"space-between",alignItems:"stretch",padding:"32px 180px",[n.breakpoints.down("lg")]:{padding:"32px 80px"},[n.breakpoints.down("md")]:{padding:"32px 40px"},[n.breakpoints.down("xs")]:{flexDirection:"column",alignItems:"center",gap:32,padding:"48px 16px",background:"radial-gradient(ellipse at 0% 0%, rgba(109,34,151,1) 0%, rgba(89,26,125,1) 12%, rgba(69,18,99,1) 25%, rgba(48,9,72,1) 50%, rgba(28,1,46,1) 75%)"}})),Y=o("div")(({theme:n})=>({display:"flex",flexDirection:"column",gap:40,padding:"40px 0",maxWidth:450,[n.breakpoints.down("xs")]:{padding:0,width:"100%",alignItems:"center",maxWidth:"100%"}})),$=o("img")(({theme:n})=>({height:48,width:"auto",[n.breakpoints.down("xs")]:{height:40,maxWidth:322}})),J=o("div")(({theme:n})=>({display:"flex",flexDirection:"column",gap:12,[n.breakpoints.down("xs")]:{width:"100%",alignItems:"center"}})),Q=o("p")(({theme:n})=>({fontFamily:"Inter, sans-serif",fontWeight:500,fontSize:20,lineHeight:1.6,color:"#fcfcfc",margin:0,[n.breakpoints.down("xs")]:{textAlign:"center"}}));o("form")(({theme:n})=>({display:"flex",gap:8,height:46,width:"100%",maxWidth:450,[n.breakpoints.down("xs")]:{height:40,maxWidth:"100%"}}));o("input")({flex:1,height:"100%",padding:"0 16px",borderRadius:6,border:"1px solid white",backgroundColor:"#fcfcfc",fontFamily:"Inter, sans-serif",fontSize:16,color:"#1b002e",outline:"none",boxSizing:"border-box","&::placeholder":{color:"#cfcdd4"}});o("button")({height:"100%",padding:"0 22px",borderRadius:6,border:"none",backgroundColor:"#ff2d55",color:"white",fontFamily:"Inter, sans-serif",fontWeight:700,fontSize:15,letterSpacing:.46,textTransform:"uppercase",cursor:"pointer",whiteSpace:"nowrap",flexShrink:0,boxSizing:"border-box","&:hover":{backgroundColor:"#e0264b"}});const S=o("div")(({theme:n})=>({display:"flex",flexDirection:"column",gap:16,"&.desktop-only":{[n.breakpoints.down("xs")]:{display:"none"}},"&.mobile-only":{display:"none",[n.breakpoints.down("xs")]:{display:"flex",width:"100%",paddingTop:12}}})),h=o("p")({fontFamily:"Inter, sans-serif",fontWeight:400,fontSize:16,lineHeight:1.5,color:"#cfcdd4",margin:0,textTransform:"uppercase"}),ee=o("div")({display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",color:"white","& a":{color:"inherit",display:"flex",transition:"opacity 0.2s","&:hover":{opacity:.7}}}),ne=o("div")(({theme:n})=>({display:"flex",gap:180,padding:"40px 0",[n.breakpoints.down("lg")]:{gap:80},[n.breakpoints.down("md")]:{gap:48},[n.breakpoints.down("xs")]:{display:"none"}})),_=o("div")({display:"flex",flexDirection:"column",gap:16}),D=o("a")({fontFamily:"Inter, sans-serif",fontWeight:600,fontSize:16,lineHeight:1.5,color:"white",textDecoration:"none",whiteSpace:"nowrap","&:hover":{textDecoration:"underline"}}),te=o("div")(({theme:n})=>({display:"none",[n.breakpoints.down("xs")]:{display:"flex",flexDirection:"column",width:"100%"}})),oe=o("div")({display:"flex",alignItems:"center",gap:5,padding:"12px 0",borderBottom:"0.5px solid rgba(255, 255, 255, 0.1)",fontFamily:"Inter, sans-serif",fontWeight:400,fontSize:14,lineHeight:1.75,color:"#cfcdd4",textTransform:"uppercase"}),M=o("button")({display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",padding:"24px 16px 24px 0",border:"none",borderBottom:"0.5px solid rgba(255, 255, 255, 0.1)",background:"none",cursor:"pointer",fontFamily:"Inter, sans-serif",fontWeight:600,fontSize:16,lineHeight:1.75,color:"white",textAlign:"left"}),b=o("span")(({open:n})=>({display:"flex",transition:"transform 0.3s ease",transform:n?"rotate(180deg)":"rotate(0deg)",color:"white"})),F=o("div")(({open:n})=>({display:"flex",flexDirection:"column",gap:16,overflow:"hidden",maxHeight:n?400:0,opacity:n?1:0,padding:n?"16px 0 8px":"0",transition:"max-height 0.3s ease, opacity 0.3s ease, padding 0.3s ease"})),K=o("a")({fontFamily:"Inter, sans-serif",fontWeight:400,fontSize:15,lineHeight:1.5,color:"#fcfcfc",textDecoration:"none",paddingLeft:8,"&:hover":{textDecoration:"underline"}}),re=o("div")(({theme:n})=>({width:"100%",backgroundColor:"#161518",boxShadow:"inset 0px 1px 0px 0px #43404a",display:"flex",alignItems:"center",justifyContent:"space-between",padding:"16px 24px",[n.breakpoints.down("xs")]:{flexDirection:"column",alignItems:"flex-start",gap:16}})),ie=o("div")(({theme:n})=>({display:"flex",alignItems:"center",gap:16,[n.breakpoints.down("xs")]:{flexDirection:"column",alignItems:"flex-start",gap:16}})),ae=o("div")(({theme:n})=>({[n.breakpoints.down("xs")]:{display:"none"}})),d=o("a")({fontFamily:"Inter, sans-serif",fontWeight:400,fontSize:14,lineHeight:1.43,color:"#a09ba8",textDecoration:"none",whiteSpace:"nowrap","&:hover":{color:"#cfcdd4"}}),se=o("span")({fontFamily:"Inter, sans-serif",fontWeight:400,fontSize:15,lineHeight:"24px",color:"#a09ba8",whiteSpace:"nowrap"}),le=o("div")({position:"relative"}),ce=o("button")({display:"flex",alignItems:"center",gap:8,background:"none",border:"none",cursor:"pointer",padding:0,fontFamily:"Inter, sans-serif",fontWeight:600,fontSize:15,lineHeight:"24px",color:"white"}),de=o("div")({position:"absolute",bottom:"100%",left:0,marginBottom:8,backgroundColor:"#242129",borderRadius:8,border:"1px solid #43404a",padding:"4px 0",minWidth:140,zIndex:10,"& button":{display:"flex",alignItems:"center",gap:8,width:"100%",padding:"8px 16px",background:"none",border:"none",cursor:"pointer",fontFamily:"Inter, sans-serif",fontSize:14,color:"#cfcdd4",whiteSpace:"nowrap","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.08)"},"&.active":{color:"white",fontWeight:600}}}),pe=o("div")(({theme:n})=>({display:"none",[n.breakpoints.down("xs")]:{display:"flex",gap:142,"& > div":{display:"flex",flexDirection:"column",gap:16}}})),ge=o("div")(({theme:n})=>({display:"flex",alignItems:"center",gap:16,[n.breakpoints.down("xs")]:{display:"none"}})),he="https://embeds.beehiiv.com/ff89783d-748b-4ba3-8700-4759f6f62831?slim=true",fe={Discord:z,GitHub:A,X:O,Instagram:G,YouTube:P,TikTok:U,LinkedIn:V},xe=[{label:"Privacy Policy",url:"/privacy"},{label:"Terms of Use",url:"/terms"},{label:"Content Policy",url:"/content"},{label:"Code of Ethics",url:"/ethics"}],s=n=>`https://cdn.jsdelivr.net/gh/twitter/twemoji@latest/assets/svg/${n}.svg`,w=[{code:"en",label:"English",flag:s("1f1ec-1f1e7")},{code:"es",label:"Español",flag:s("1f1ea-1f1f8")},{code:"fr",label:"Français",flag:s("1f1eb-1f1f7")},{code:"zh",label:"中文",flag:s("1f1e8-1f1f3")},{code:"ko",label:"한국어",flag:s("1f1f0-1f1f7")},{code:"ja",label:"日本語",flag:s("1f1ef-1f1f5")}],T=({onTrack:n})=>e.jsx(ee,{children:Z.map(r=>{const f=fe[r.name];return e.jsx("a",{href:r.url,target:"_blank",rel:"noopener noreferrer","aria-label":r.name,onClick:()=>n?.(r.name),children:e.jsx(f,{})},r.name)})}),me=i.memo(()=>{const n=W(),{locale:r,setLocale:f}=B(),{isInitialized:y,track:j}=E(),[p,N]=i.useState(null),[g,x]=i.useState(!1),m=i.useRef(null),v=w.find(t=>t.code===r)||w[0],a=i.useCallback((t,l)=>{y&&j(H.CLICK,{place:t,event:"click",...l})},[y,j]),k=i.useCallback(t=>a(c.LANDING_FOOTER_SOCIAL,{platform:t}),[a]),C=i.useCallback(t=>{N(l=>l===t?null:t)},[]);return i.useEffect(()=>{if(!g)return;const t=l=>{m.current&&!m.current.contains(l.target)&&x(!1)};return document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)},[g]),e.jsxs(q,{children:[e.jsxs(X,{children:[e.jsxs(Y,{children:[e.jsx($,{src:R("/dcl_name.svg"),alt:"Decentraland"}),e.jsxs(J,{children:[e.jsx(Q,{children:n("component.landing.footer.newsletter.title")}),e.jsx("iframe",{src:he,"data-test-id":"beehiiv-embed",height:"65",frameBorder:"0",scrolling:"no",style:{width:"100%",maxWidth:450,border:"none",borderRadius:6},title:"Newsletter signup"})]}),e.jsxs(S,{className:"desktop-only",children:[e.jsx(h,{children:n("component.landing.footer.connect")}),e.jsx(T,{onTrack:k})]})]}),e.jsxs(ne,{children:[e.jsxs(_,{children:[e.jsx(h,{children:n("component.landing.footer.getting_started.title")}),L.map(t=>e.jsx(D,{href:t.url,target:t.url.startsWith("http")?"_blank":void 0,rel:"noopener noreferrer",onClick:()=>a(c.LANDING_FOOTER_LINK,{link:n(t.labelKey)}),children:n(t.labelKey)},t.labelKey))]}),e.jsxs(_,{children:[e.jsx(h,{children:n("component.landing.footer.resources.title")}),I.map(t=>e.jsx(D,{href:t.url,target:"_blank",rel:"noopener noreferrer",onClick:()=>a(c.LANDING_FOOTER_LINK,{link:n(t.labelKey)}),children:n(t.labelKey)},t.labelKey))]})]}),e.jsxs(te,{children:[e.jsx(oe,{children:n("component.landing.footer.menu")}),e.jsxs(M,{onClick:()=>C("getting-started"),children:[n("component.landing.footer.getting_started.title"),e.jsx(b,{open:p==="getting-started",children:e.jsx(u,{})})]}),e.jsx(F,{open:p==="getting-started",children:L.map(t=>e.jsx(K,{href:t.url,target:t.url.startsWith("http")?"_blank":void 0,rel:"noopener noreferrer",onClick:()=>a(c.LANDING_FOOTER_LINK,{link:n(t.labelKey)}),children:n(t.labelKey)},t.labelKey))}),e.jsxs(M,{onClick:()=>C("resources"),children:[n("component.landing.footer.resources.title"),e.jsx(b,{open:p==="resources",children:e.jsx(u,{})})]}),e.jsx(F,{open:p==="resources",children:I.map(t=>e.jsx(K,{href:t.url,target:"_blank",rel:"noopener noreferrer",onClick:()=>a(c.LANDING_FOOTER_LINK,{link:n(t.labelKey)}),children:n(t.labelKey)},t.labelKey))})]}),e.jsxs(S,{className:"mobile-only",children:[e.jsx(h,{children:n("component.landing.footer.connect")}),e.jsx(T,{onTrack:k})]})]}),e.jsxs(re,{children:[e.jsxs(ie,{children:[e.jsxs(le,{ref:m,children:[e.jsxs(ce,{onClick:()=>x(t=>!t),children:[e.jsx("img",{src:v.flag,alt:"",width:16,height:16,style:{borderRadius:2}}),v.label,e.jsx(b,{open:g,style:{display:"inline-flex"},children:e.jsx(u,{})})]}),g&&e.jsx(de,{children:w.map(t=>e.jsxs("button",{className:t.code===r?"active":"",onClick:()=>{f(t.code),x(!1)},children:[e.jsx("img",{src:t.flag,alt:"",width:16,height:16,style:{borderRadius:2}}),t.label]},t.code))})]}),e.jsx(ge,{children:xe.map(t=>e.jsx(d,{href:t.url,children:t.label},t.label))}),e.jsxs(pe,{children:[e.jsxs("div",{children:[e.jsx(d,{href:"/privacy",children:"Privacy Policy"}),e.jsx(d,{href:"/terms",children:"Terms of Use"})]}),e.jsxs("div",{children:[e.jsx(d,{href:"/content",children:"Content Policy"}),e.jsx(d,{href:"/ethics",children:"Code of Ethics"})]})]})]}),e.jsx(ae,{children:e.jsxs(se,{children:["© ",new Date().getFullYear()," Decentraland"]})})]})]})});me.displayName="LandingFooter";export{me as LandingFooter};
|
|
1
|
+
import{j as e,s as o,w as W,b3 as B,ar as E,ad as H,U as c,P as R}from"./index-DUmIu2EK.js";import{r as i}from"./vendor-router-D_36sTKu.js";import"./vendor-ua-D7qqAxdq.js";import"./vendor-crypto-uuuQA3i5.js";import"./vendor-schemas-DJzTSxpO.js";import"./vendor-sentry-BSvWNK4f.js";import"./vendor-intl-D2lXWsDp.js";const Z=[{name:"Discord",url:"https://dcl.gg/discord"},{name:"GitHub",url:"https://github.com/decentraland"},{name:"X",url:"https://x.com/decentraland"},{name:"Instagram",url:"https://instagram.com/decentraland_foundation/"},{name:"YouTube",url:"https://youtube.com/@decentraland_foundation"},{name:"TikTok",url:"https://tiktok.com/@decentraland_fdn"},{name:"LinkedIn",url:"https://linkedin.com/company/decentralandorg"}],L=[{labelKey:"component.landing.footer.getting_started.what_is",url:"https://docs.decentraland.org/introduction/about-decentraland"},{labelKey:"component.landing.footer.getting_started.download",url:"/download"},{labelKey:"component.landing.footer.getting_started.system_requirements",url:"https://docs.decentraland.org/in-world/settings-and-performance"},{labelKey:"component.landing.footer.getting_started.faqs",url:"https://docs.decentraland.org/faqs/decentraland-101"},{labelKey:"component.landing.footer.getting_started.contact_support",url:"https://decentraland.org/help/"}],I=[{labelKey:"component.landing.footer.resources.marketplace",url:"https://decentraland.org/marketplace"},{labelKey:"component.landing.footer.resources.creator_hub",url:"https://decentraland.org/create/"},{labelKey:"component.landing.footer.resources.docs",url:"https://docs.decentraland.org"},{labelKey:"component.landing.footer.resources.blog",url:"https://decentraland.org/blog/"},{labelKey:"component.landing.footer.resources.vote",url:"https://decentraland.org/dao"}],z=()=>e.jsx("svg",{viewBox:"0 0 28 22",fill:"currentColor",width:"28",height:"22",children:e.jsx("path",{d:"M23.7 1.84A23.25 23.25 0 0 0 17.96 0c-.25.45-.54 1.05-.74 1.53a21.5 21.5 0 0 0-6.45 0C10.57 1.05 10.27.45 10.02 0A23.2 23.2 0 0 0 4.27 1.85C.62 7.34-.38 12.7.12 18a23.37 23.37 0 0 0 7.13 3.6 17.4 17.4 0 0 0 1.53-2.49 15.17 15.17 0 0 1-2.41-1.16c.2-.15.4-.3.59-.46a16.63 16.63 0 0 0 14.1 0c.19.16.39.31.58.46-.77.45-1.57.84-2.41 1.16.44.87.96 1.7 1.53 2.49a23.3 23.3 0 0 0 7.14-3.61c.58-6.15-1-11.47-4.1-16.15ZM9.35 14.74c-1.4 0-2.54-1.28-2.54-2.85s1.12-2.86 2.54-2.86 2.56 1.29 2.54 2.86c0 1.57-1.12 2.85-2.54 2.85Zm9.38 0c-1.4 0-2.54-1.28-2.54-2.85s1.12-2.86 2.54-2.86 2.56 1.29 2.54 2.86c0 1.57-1.12 2.85-2.54 2.85Z"})}),A=()=>e.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",width:"24",height:"24",children:e.jsx("path",{d:"M12 .3a12 12 0 0 0-3.8 23.38c.6.12.82-.26.82-.58v-2.02c-3.34.73-4.04-1.61-4.04-1.61-.55-1.39-1.34-1.76-1.34-1.76-1.08-.74.08-.73.08-.73 1.2.09 1.84 1.24 1.84 1.24 1.07 1.83 2.8 1.3 3.49 1 .1-.78.42-1.3.76-1.6-2.67-.31-5.47-1.34-5.47-5.93 0-1.31.47-2.38 1.24-3.22-.13-.3-.54-1.52.12-3.18 0 0 1-.33 3.3 1.23a11.5 11.5 0 0 1 6.02 0c2.28-1.56 3.29-1.23 3.29-1.23.66 1.66.25 2.88.12 3.18a4.65 4.65 0 0 1 1.24 3.22c0 4.61-2.81 5.62-5.48 5.92.43.37.81 1.1.81 2.22v3.29c0 .32.22.7.82.58A12 12 0 0 0 12 .3Z"})}),O=()=>e.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",width:"24",height:"24",children:e.jsx("path",{d:"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231 5.45-6.231Zm-1.161 17.52h1.833L7.084 4.126H5.117L17.083 19.77Z"})}),G=()=>e.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",width:"24",height:"24",children:e.jsx("path",{d:"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069ZM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0Zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324ZM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881Z"})}),P=()=>e.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",width:"24",height:"24",children:e.jsx("path",{d:"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.546 12 3.546 12 3.546s-7.505 0-9.377.504A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.504 9.376.504 9.376.504s7.505 0 9.377-.504a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814ZM9.545 15.568V8.432L15.818 12l-6.273 3.568Z"})}),U=()=>e.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",width:"24",height:"24",children:e.jsx("path",{d:"M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07Z"})}),V=()=>e.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",width:"24",height:"24",children:e.jsx("path",{d:"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286ZM5.337 7.433a2.062 2.062 0 1 1 0-4.123 2.062 2.062 0 0 1 0 4.123ZM6.863 20.452H3.804V9h3.059v11.452ZM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003Z"})}),u=()=>e.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",width:"20",height:"20",children:e.jsx("path",{d:"M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41Z"})}),q=o("footer")({width:"100%"}),X=o("div")(({theme:n})=>({width:"100%",background:"radial-gradient(ellipse at 0% 0%, rgba(121,47,158,0.6) 0%, rgba(74,23,102,0.8) 25%, rgba(51,12,74,0.9) 50%, rgba(27,0,46,1) 75%)",display:"flex",justifyContent:"space-between",alignItems:"stretch",padding:"32px 180px",[n.breakpoints.down("lg")]:{padding:"32px 80px"},[n.breakpoints.down("md")]:{padding:"32px 40px"},[n.breakpoints.down("xs")]:{flexDirection:"column",alignItems:"center",gap:32,padding:"48px 16px",background:"radial-gradient(ellipse at 0% 0%, rgba(109,34,151,1) 0%, rgba(89,26,125,1) 12%, rgba(69,18,99,1) 25%, rgba(48,9,72,1) 50%, rgba(28,1,46,1) 75%)"}})),Y=o("div")(({theme:n})=>({display:"flex",flexDirection:"column",gap:40,padding:"40px 0",maxWidth:450,[n.breakpoints.down("xs")]:{padding:0,width:"100%",alignItems:"center",maxWidth:"100%"}})),$=o("img")(({theme:n})=>({height:48,width:"auto",[n.breakpoints.down("xs")]:{height:40,maxWidth:322}})),J=o("div")(({theme:n})=>({display:"flex",flexDirection:"column",gap:12,[n.breakpoints.down("xs")]:{width:"100%",alignItems:"center"}})),Q=o("p")(({theme:n})=>({fontFamily:"Inter, sans-serif",fontWeight:500,fontSize:20,lineHeight:1.6,color:"#fcfcfc",margin:0,[n.breakpoints.down("xs")]:{textAlign:"center"}}));o("form")(({theme:n})=>({display:"flex",gap:8,height:46,width:"100%",maxWidth:450,[n.breakpoints.down("xs")]:{height:40,maxWidth:"100%"}}));o("input")({flex:1,height:"100%",padding:"0 16px",borderRadius:6,border:"1px solid white",backgroundColor:"#fcfcfc",fontFamily:"Inter, sans-serif",fontSize:16,color:"#1b002e",outline:"none",boxSizing:"border-box","&::placeholder":{color:"#cfcdd4"}});o("button")({height:"100%",padding:"0 22px",borderRadius:6,border:"none",backgroundColor:"#ff2d55",color:"white",fontFamily:"Inter, sans-serif",fontWeight:700,fontSize:15,letterSpacing:.46,textTransform:"uppercase",cursor:"pointer",whiteSpace:"nowrap",flexShrink:0,boxSizing:"border-box","&:hover":{backgroundColor:"#e0264b"}});const S=o("div")(({theme:n})=>({display:"flex",flexDirection:"column",gap:16,"&.desktop-only":{[n.breakpoints.down("xs")]:{display:"none"}},"&.mobile-only":{display:"none",[n.breakpoints.down("xs")]:{display:"flex",width:"100%",paddingTop:12}}})),h=o("p")({fontFamily:"Inter, sans-serif",fontWeight:400,fontSize:16,lineHeight:1.5,color:"#cfcdd4",margin:0,textTransform:"uppercase"}),ee=o("div")({display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",color:"white","& a":{color:"inherit",display:"flex",transition:"opacity 0.2s","&:hover":{opacity:.7}}}),ne=o("div")(({theme:n})=>({display:"flex",gap:180,padding:"40px 0",[n.breakpoints.down("lg")]:{gap:80},[n.breakpoints.down("md")]:{gap:48},[n.breakpoints.down("xs")]:{display:"none"}})),_=o("div")({display:"flex",flexDirection:"column",gap:16}),D=o("a")({fontFamily:"Inter, sans-serif",fontWeight:600,fontSize:16,lineHeight:1.5,color:"white",textDecoration:"none",whiteSpace:"nowrap","&:hover":{textDecoration:"underline"}}),te=o("div")(({theme:n})=>({display:"none",[n.breakpoints.down("xs")]:{display:"flex",flexDirection:"column",width:"100%"}})),oe=o("div")({display:"flex",alignItems:"center",gap:5,padding:"12px 0",borderBottom:"0.5px solid rgba(255, 255, 255, 0.1)",fontFamily:"Inter, sans-serif",fontWeight:400,fontSize:14,lineHeight:1.75,color:"#cfcdd4",textTransform:"uppercase"}),M=o("button")({display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",padding:"24px 16px 24px 0",border:"none",borderBottom:"0.5px solid rgba(255, 255, 255, 0.1)",background:"none",cursor:"pointer",fontFamily:"Inter, sans-serif",fontWeight:600,fontSize:16,lineHeight:1.75,color:"white",textAlign:"left"}),b=o("span")(({open:n})=>({display:"flex",transition:"transform 0.3s ease",transform:n?"rotate(180deg)":"rotate(0deg)",color:"white"})),F=o("div")(({open:n})=>({display:"flex",flexDirection:"column",gap:16,overflow:"hidden",maxHeight:n?400:0,opacity:n?1:0,padding:n?"16px 0 8px":"0",transition:"max-height 0.3s ease, opacity 0.3s ease, padding 0.3s ease"})),K=o("a")({fontFamily:"Inter, sans-serif",fontWeight:400,fontSize:15,lineHeight:1.5,color:"#fcfcfc",textDecoration:"none",paddingLeft:8,"&:hover":{textDecoration:"underline"}}),re=o("div")(({theme:n})=>({width:"100%",backgroundColor:"#161518",boxShadow:"inset 0px 1px 0px 0px #43404a",display:"flex",alignItems:"center",justifyContent:"space-between",padding:"16px 24px",[n.breakpoints.down("xs")]:{flexDirection:"column",alignItems:"flex-start",gap:16}})),ie=o("div")(({theme:n})=>({display:"flex",alignItems:"center",gap:16,[n.breakpoints.down("xs")]:{flexDirection:"column",alignItems:"flex-start",gap:16}})),ae=o("div")(({theme:n})=>({[n.breakpoints.down("xs")]:{display:"none"}})),d=o("a")({fontFamily:"Inter, sans-serif",fontWeight:400,fontSize:14,lineHeight:1.43,color:"#a09ba8",textDecoration:"none",whiteSpace:"nowrap","&:hover":{color:"#cfcdd4"}}),se=o("span")({fontFamily:"Inter, sans-serif",fontWeight:400,fontSize:15,lineHeight:"24px",color:"#a09ba8",whiteSpace:"nowrap"}),le=o("div")({position:"relative"}),ce=o("button")({display:"flex",alignItems:"center",gap:8,background:"none",border:"none",cursor:"pointer",padding:0,fontFamily:"Inter, sans-serif",fontWeight:600,fontSize:15,lineHeight:"24px",color:"white"}),de=o("div")({position:"absolute",bottom:"100%",left:0,marginBottom:8,backgroundColor:"#242129",borderRadius:8,border:"1px solid #43404a",padding:"4px 0",minWidth:140,zIndex:10,"& button":{display:"flex",alignItems:"center",gap:8,width:"100%",padding:"8px 16px",background:"none",border:"none",cursor:"pointer",fontFamily:"Inter, sans-serif",fontSize:14,color:"#cfcdd4",whiteSpace:"nowrap","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.08)"},"&.active":{color:"white",fontWeight:600}}}),pe=o("div")(({theme:n})=>({display:"none",[n.breakpoints.down("xs")]:{display:"flex",gap:142,"& > div":{display:"flex",flexDirection:"column",gap:16}}})),ge=o("div")(({theme:n})=>({display:"flex",alignItems:"center",gap:16,[n.breakpoints.down("xs")]:{display:"none"}})),he="https://embeds.beehiiv.com/ff89783d-748b-4ba3-8700-4759f6f62831?slim=true",fe={Discord:z,GitHub:A,X:O,Instagram:G,YouTube:P,TikTok:U,LinkedIn:V},xe=[{label:"Privacy Policy",url:"/privacy"},{label:"Terms of Use",url:"/terms"},{label:"Content Policy",url:"/content"},{label:"Code of Ethics",url:"/ethics"}],s=n=>`https://cdn.jsdelivr.net/gh/twitter/twemoji@latest/assets/svg/${n}.svg`,w=[{code:"en",label:"English",flag:s("1f1ec-1f1e7")},{code:"es",label:"Español",flag:s("1f1ea-1f1f8")},{code:"fr",label:"Français",flag:s("1f1eb-1f1f7")},{code:"zh",label:"中文",flag:s("1f1e8-1f1f3")},{code:"ko",label:"한국어",flag:s("1f1f0-1f1f7")},{code:"ja",label:"日本語",flag:s("1f1ef-1f1f5")}],T=({onTrack:n})=>e.jsx(ee,{children:Z.map(r=>{const f=fe[r.name];return e.jsx("a",{href:r.url,target:"_blank",rel:"noopener noreferrer","aria-label":r.name,onClick:()=>n?.(r.name),children:e.jsx(f,{})},r.name)})}),me=i.memo(()=>{const n=W(),{locale:r,setLocale:f}=B(),{isInitialized:y,track:j}=E(),[p,N]=i.useState(null),[g,x]=i.useState(!1),m=i.useRef(null),v=w.find(t=>t.code===r)||w[0],a=i.useCallback((t,l)=>{y&&j(H.CLICK,{place:t,event:"click",...l})},[y,j]),k=i.useCallback(t=>a(c.LANDING_FOOTER_SOCIAL,{platform:t}),[a]),C=i.useCallback(t=>{N(l=>l===t?null:t)},[]);return i.useEffect(()=>{if(!g)return;const t=l=>{m.current&&!m.current.contains(l.target)&&x(!1)};return document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)},[g]),e.jsxs(q,{children:[e.jsxs(X,{children:[e.jsxs(Y,{children:[e.jsx($,{src:R("/dcl_name.svg"),alt:"Decentraland"}),e.jsxs(J,{children:[e.jsx(Q,{children:n("component.landing.footer.newsletter.title")}),e.jsx("iframe",{src:he,"data-test-id":"beehiiv-embed",height:"65",frameBorder:"0",scrolling:"no",style:{width:"100%",maxWidth:450,border:"none",borderRadius:6},title:"Newsletter signup"})]}),e.jsxs(S,{className:"desktop-only",children:[e.jsx(h,{children:n("component.landing.footer.connect")}),e.jsx(T,{onTrack:k})]})]}),e.jsxs(ne,{children:[e.jsxs(_,{children:[e.jsx(h,{children:n("component.landing.footer.getting_started.title")}),L.map(t=>e.jsx(D,{href:t.url,target:t.url.startsWith("http")?"_blank":void 0,rel:"noopener noreferrer",onClick:()=>a(c.LANDING_FOOTER_LINK,{link:n(t.labelKey)}),children:n(t.labelKey)},t.labelKey))]}),e.jsxs(_,{children:[e.jsx(h,{children:n("component.landing.footer.resources.title")}),I.map(t=>e.jsx(D,{href:t.url,target:"_blank",rel:"noopener noreferrer",onClick:()=>a(c.LANDING_FOOTER_LINK,{link:n(t.labelKey)}),children:n(t.labelKey)},t.labelKey))]})]}),e.jsxs(te,{children:[e.jsx(oe,{children:n("component.landing.footer.menu")}),e.jsxs(M,{onClick:()=>C("getting-started"),children:[n("component.landing.footer.getting_started.title"),e.jsx(b,{open:p==="getting-started",children:e.jsx(u,{})})]}),e.jsx(F,{open:p==="getting-started",children:L.map(t=>e.jsx(K,{href:t.url,target:t.url.startsWith("http")?"_blank":void 0,rel:"noopener noreferrer",onClick:()=>a(c.LANDING_FOOTER_LINK,{link:n(t.labelKey)}),children:n(t.labelKey)},t.labelKey))}),e.jsxs(M,{onClick:()=>C("resources"),children:[n("component.landing.footer.resources.title"),e.jsx(b,{open:p==="resources",children:e.jsx(u,{})})]}),e.jsx(F,{open:p==="resources",children:I.map(t=>e.jsx(K,{href:t.url,target:"_blank",rel:"noopener noreferrer",onClick:()=>a(c.LANDING_FOOTER_LINK,{link:n(t.labelKey)}),children:n(t.labelKey)},t.labelKey))})]}),e.jsxs(S,{className:"mobile-only",children:[e.jsx(h,{children:n("component.landing.footer.connect")}),e.jsx(T,{onTrack:k})]})]}),e.jsxs(re,{children:[e.jsxs(ie,{children:[e.jsxs(le,{ref:m,children:[e.jsxs(ce,{onClick:()=>x(t=>!t),children:[e.jsx("img",{src:v.flag,alt:"",width:16,height:16,style:{borderRadius:2}}),v.label,e.jsx(b,{open:g,style:{display:"inline-flex"},children:e.jsx(u,{})})]}),g&&e.jsx(de,{children:w.map(t=>e.jsxs("button",{className:t.code===r?"active":"",onClick:()=>{f(t.code),x(!1)},children:[e.jsx("img",{src:t.flag,alt:"",width:16,height:16,style:{borderRadius:2}}),t.label]},t.code))})]}),e.jsx(ge,{children:xe.map(t=>e.jsx(d,{href:t.url,children:t.label},t.label))}),e.jsxs(pe,{children:[e.jsxs("div",{children:[e.jsx(d,{href:"/privacy",children:"Privacy Policy"}),e.jsx(d,{href:"/terms",children:"Terms of Use"})]}),e.jsxs("div",{children:[e.jsx(d,{href:"/content",children:"Content Policy"}),e.jsx(d,{href:"/ethics",children:"Code of Ethics"})]})]})]}),e.jsx(ae,{children:e.jsxs(se,{children:["© ",new Date().getFullYear()," Decentraland"]})})]})]})});me.displayName="LandingFooter";export{me as LandingFooter};
|