npm - @dcl/landing-site - Versions diffs - 0.5.1-24667963662.commit-e7db321 → 0.5.1-24671743849.commit-e464803 - Mend

@dcl/landing-site 0.5.1-24667963662.commit-e7db321 → 0.5.1-24671743849.commit-e464803

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.

Files changed (183) hide show

package/assets/{index-HZ_h_54S.js → index-BqghIvCc.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-BrJrrR0-.js","assets/index-BQ4lI5xX.js","assets/vendor-router-D_36sTKu.js","assets/vendor-sentry-BSvWNK4f.js","assets/vendor-crypto-uuuQA3i5.js","assets/vendor-schemas-DJzTSxpO.js","assets/vendor-ua-D7qqAxdq.js","assets/vendor-intl-D2lXWsDp.js","assets/AnimatedSection-Dy2CqHWv.js","assets/useCreatorHubDownload-htSWq2gm.js","assets/file-Cr_gl9BS.js","assets/url-CwO7t7Da.js","assets/index-g0lykA2w.js","assets/useLatestGithubRelease-lPlpQBOj.js","assets/CTAButton-G_F6A2kc.js","assets/CircularProgress-DcmGIHDk.js","assets/Video-CiAQnrOo.js","assets/index-B9J5C5eN.js","assets/Carousel-GdhNbXzm.js","assets/index-C1oFIVjZ.js","assets/index-Bs8_TMuc.js","assets/index-CXRPJhvA.js","assets/index-CREsCA81.js","assets/CircleAndArrow-C6RrImNk.js"])))=>i.map(i=>d[i]);
-import{j as t,s as r,a as p,v as k,X as I,W as C,M as E,w as A,U as f,ad as b,o as d}from"./index-BQ4lI5xX.js";import{r as a}from"./vendor-router-D_36sTKu.js";import{u as T,D as L,A as P,a as W,b as _,c as S}from"./useCreatorHubDownload-htSWq2gm.js";import{C as w}from"./CTAButton-G_F6A2kc.js";import{V as v}from"./Video-CiAQnrOo.js";const D=100,N=D*10;function j(e,{wordLength:n,listLength:i}){return e.action==="write"?e.letterPos===n-1?{...e,action:"erase"}:{...e,letterPos:e.letterPos+1}:e.letterPos===0?{letterPos:0,wordIndex:(e.wordIndex+1)%i,action:"write"}:{...e,letterPos:e.letterPos-1}}function M(e){const[n,i]=a.useReducer(j,{letterPos:0,wordIndex:0,action:"write"}),l=a.useRef(),c=e[n.wordIndex].length,u=n.letterPos===c-1;return a.useEffect(()=>(clearTimeout(l.current),l.current=setTimeout(()=>i({type:"tick",wordLength:c,listLength:e.length}),u?N:D),()=>clearTimeout(l.current)),[n,c,e.length,u]),a.useMemo(()=>e[n.wordIndex].slice(0,n.letterPos+1),[n.letterPos,n.wordIndex,e])}const o={titleFirstLine:"Create your own",changingWords:["Wearables","Emotes","Worlds","Experiences","Scenes","Games"],titleLastLine:"in Decentraland",subtitle:"Download the Creator Hub to start building immersive scenes and interactive experiences in Decentraland.",imageLandscape:{url:"https://images.ctfassets.net/ea2ybdmmn1kv/3fZB29mbYNJdp7sv1y2SJ2/108e55d6d3e23cd11e7d75563d81caf5/hero.webp"},videoLandscape:{url:"https://videos.ctfassets.net/ea2ybdmmn1kv/5ELJfyKfvgJMlWi3QXzyt7/28d4d5202e965c08eabc3f9efcf329ea/hero-desktop.mp4",width:960,height:540},imagePortrait:{url:"https://images.ctfassets.net/ea2ybdmmn1kv/1nUkaxckVENfmyQduvC9Rm/9304ddbd82bba15c44ea698be0fadfa8/hero-mobile.webp"},videoPortrait:{url:"https://videos.ctfassets.net/ea2ybdmmn1kv/35QAhVRDvfhcDjRbCquYKT/459f381b4445fb5b44b140b2fc4ff80a/hero_mobile.mp4",width:195,height:330}},re=[{id:"join",title:"Join a Community of Creators",description:"Share knowledge, collaborate, and build relationships in a community of artists, designers, and developers where you can see your work appreciated everyday.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/2l0VUCaHXFG7NwltyZ1nWA/a6e18252e09a9916e8d735f098ef452a/Image_1.png"},{id:"create",title:"Create in an Open, Decentralized Ecosystem",description:"Retain full control over your content on a platform that's governed by its users and build side-by-side with other creators in an open virtual world ready to be explored.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/77yzgLkg2oQ7GAZLPtEAwY/64a8d2741a6e3f1f90b15636c4d37638/Image_2.png"},{id:"benefit",title:"Benefit from a Creator-Centric Economy",description:"Decentraland is owned by its users, so you keep 97.5% of Marketplace sales while the rest funds community grants for creators like you. Plus, you'll get 2.5% royalties on resales.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/3iCBvRrzEtgD7LT8PYxMZn/2f5fba37f044d426d24e25ce33dc1f9c/Image_3.png"}],ie=[{id:"design-unique-wearables",title:"Design Unique Wearables",description:"In Decentraland, Wearables go beyond clothing. Think floating elements, glowing fabrics, robot prosthetics, alien bodies—anything is possible!",image:"https://images.ctfassets.net/ea2ybdmmn1kv/3Cu7b7wDmHMxdlnV1kPIHK/af575947c309275575ee1f456042596a/PNG_1.png",imageBackground:"https://images.ctfassets.net/ea2ybdmmn1kv/5tQ56AeW3FWfsnDIgIr1ix/1ff51b5358a8ddf13a4bb4bddaf36601/BG_1.png",tab1:{title:"Regular",descriptionTitle:"Shape Your Digital Identity",descriptionSubTitle:"Craft the skins, clothes, accessories, and bodies that provide the Decentraland community with endless options to customize their digital identities.",skills:["3D MODELING","IMAGINATIVE FASHION SENSE"],links:[{label:"Creating Wearables",url:"https://docs.decentraland.org/creator/wearables/creating-wearables/"},{label:"Wearables in the Marketplace",url:"https://decentraland.org/marketplace/browse?section=wearables&vendor=decentraland&page=1&sortBy=newest&status=on_sale"},{label:"Publishing Wearables",url:"https://docs.decentraland.org/creator/wearables/publishing-collections/"},{label:"Wearable Tutorials",url:"https://www.youtube.com/watch?v=zl43Fw7zROQ&list=PLEl6fe1igtKBFDcxaC64Uxamo7kQUi5mf&pp=iAQB"}]},tab2:{title:"Smart Wearables",descriptionTitle:"Experiences & Fashion Combined",descriptionSubTitle:"Want to create a jet pack that lets you fly or glasses that reveal a secret world? Tie Portable Experiences to Wearables, for a whole new realm of possibilities.",skills:["ANIMATION","IMAGINATIVE FASHION SENSE","3D MODELING","TYPESCRIPT"],links:[{label:"Portable Experience Docs",url:"https://docs.decentraland.org/creator/development-guide/sdk7/portable-experiences/"},{label:"SDK 7 Docs",url:"https://docs.decentraland.org/creator/development-guide/sdk7/sdk-101/"},{label:"Smart Wearables Docs",url:"https://docs.decentraland.org/creator/development-guide/sdk7/smart-wearables/"},{label:"Smart Wearables in the Marketplace",url:"https://decentraland.org/marketplace/browse?assetType=item&section=wearables&vendor=decentraland&page=1&sortBy=newest&status=on_sale&onlySmart=true"}]}},{id:"animate-expressive-emotes",title:"Animate Expressive Emotes",description:"Create the avatar animations that allow Decentraland's community to form connections, share emotions, and participate in endless fun activities.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/5TILWmR3rrA6K2DMTrPwXx/aeafb6cfc8fd3ef829833c41fb4cda16/PNG_2.png",imageBackground:"https://images.ctfassets.net/ea2ybdmmn1kv/26Oa8X59NGyCSnL2j2Tvrw/091c890f8a5bfcdf8878a3c09c1268ae/BG_2.png",tab1:{title:"More than Motion",descriptionTitle:"More than Motion",descriptionSubTitle:"Surpassing simple animations, in Decentraland, Emotes take expression to the next level with the option of adding props and sounds!",skills:["TYPESCRIPT","3D MODELING","ANIMATION"],links:[{label:"Creating Emotes",url:"https://docs.decentraland.org/creator/emotes/creating-and-exporting-emotes/"},{label:"Emote Tutorials",url:"https://www.youtube.com/watch?v=-iWslh4uQIk&list=PLAcRraQmr_GN8LcnnQk2BByo9L2Orvp9c&pp=iAQB"},{label:"Publishing Emotes",url:"https://docs.decentraland.org/creator/wearables/publishing-collections/"},{label:"Emotes in the Marketplace",url:"https://decentraland.org/marketplace/browse?assetType=item&section=emotes&vendor=decentraland&page=1&sortBy=newest&status=on_sale"}]}},{id:"craft-immersive-experiences",title:"Craft Immersive Experiences",description:"Construct captivating scenes, interactive experiences, and games in an open-world ecosystem. Claim your own World or rent/buy LAND to start building.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/3JXtpqW33ILyBYzrpzykKl/f246d9529cbbc4d033c271cd02d4376b/PNG_3.png",imageBackground:"https://images.ctfassets.net/ea2ybdmmn1kv/5E9WJJcBi3qeuqqetuleeT/6308247b5ca650adf34aaec41d7e7182/BG_3.png",tab1:{title:"Basic",descriptionTitle:"Ideal for Beginners",descriptionSubTitle:"Drag and drop pre-made elements into place to create your dream scene or start with a scene template and customize the details to make it your own.",skills:["ABILITY TO CLICK A MOUSE","OVERACTIVE IMAGINATION"],links:[{label:"Explore Places",url:"https://decentraland.org/places/"},{label:"Download Creator Hub",url:"https://decentraland.org/download/creator-hub"},{label:"Building Tutorials",url:"https://www.youtube.com/watch?v=wm8ZD2kSyKA&list=PLAcRraQmr_GPrMmQekqbMWhyBxo3lXs8p&pp=iAQB"},{label:"Worlds Essential Guide",url:"https://decentraland.org/blog/about-decentraland/decentraland-worlds-your-own-virtual-space"}]},tab2:{title:"Advanced",descriptionTitle:"Complete Control Over Your Creations",descriptionSubTitle:"Transform your ideas to reality with Decentraland's SDK 7. Craft anything you can imagine, from complex scenes and interactive experiences to fully fledged games.",skills:["TYPESCRIPT","3D MODELING","ANIMATION"],links:[{label:"Open Source Resources & Templates",url:"https://studios.decentraland.org/resources"},{label:"Download Creator Hub",url:"https://decentraland.org/download/creator-hub"},{label:"Building Docs",url:"https://docs.decentraland.org/creator/development-guide/sdk7/sdk-101/"},{label:"Building Tutorials",url:"https://www.youtube.com/watch?v=wm8ZD2kSyKA&list=PLAcRraQmr_GPrMmQekqbMWhyBxo3lXs8p&pp=iAQB"}]}}],le=[{id:"mrdhingia",name:"MrDhingia",description:"I love being a DCL creator because it lets me freely create cool 3D spaces. It's great to work with others, learn new things, and monetize my content, reaching people worldwide.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/7w2syTuMGjA3VCJZ78YK8q/1a37abd7658ba66e16f1c8d7d4a28333/dhingia.png",url:"https://x.com/MrDhingia"},{id:"canessa",name:"Canessa",description:"I think having unique Emotes is a way of making your avatar another form of yourself. I made myself a unique Emote so I could always have a special greeting [distinct from the standard animations everyone uses] for my friends.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/3ugHhjVpg2TJRKpGrE5HJO/2c267463b5cab7923fedcd2a8912c17e/anessa.png"},{id:"polygonal-mind",name:"Polygonal Mind",description:"Decentraland evolves almost every day on a technical level, but also on a community level. Newcomers come into the platform with new ideas that make the whole platform spin to accommodate them. It is very exciting to see the change in real time.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/2A10uagc69WkV4Put4Je8K/b5f7d12193e3e7bc6c126c8b1cf574b9/polygonal.png"},{id:"tangpoko",name:"TangPoko",description:"There is a lot of gratification in creating Wearables and Emotes in Decentraland when you see everyone around you wearing and using them!",image:"https://images.ctfassets.net/ea2ybdmmn1kv/3VUTEOy199FdbePR0n4v9h/2011425bade058c0b6ceeda046bbc71c/tang.png"},{id:"nikki-fuego",name:"Nikki Fuego",description:"My whole life I've been a gamer and the one thing I've always wanted from games was ultimate customization with my character's wearables. [In Decentraland,] that fantasy became a reality.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/1qNFtMuqQ6NUgVFZxqIMWO/53a6bd692059f897f8df5a99c9570ecf/Nikki.png"}],ce=[{id:"isamazing",title:"Emote Workshop | Create Great Animations",name:"Isamazing",userImage:"https://images.ctfassets.net/ea2ybdmmn1kv/1JsJlPSMTiDHxWvNbLcTUb/c3ae0654ff66da80a99a52334a3caf01/isa.png",image:"https://images.ctfassets.net/ea2ybdmmn1kv/6b8IV5K8BUFIi6AyA1h6uI/e2dd6add08d9b0a77c12d65131f0b42c/5PEF2pwZxtY-HQ.jpg",url:"https://youtu.be/5PEF2pwZxtY?list=PLAcRraQmr_GN8LcnnQk2BByo9L2Orvp9c",date:"January 30, 2024"},{id:"kjwalker",title:"Making Skins | Creating Wearables",name:"KJWalker",userImage:"https://images.ctfassets.net/ea2ybdmmn1kv/6pjOW45mmmYy5DkaoOsYLB/02b30670a4d63e32845d89d6ad063fe5/kj.png",image:"https://images.ctfassets.net/ea2ybdmmn1kv/3BYsoFQ1UEbmjVPIDNMdIU/f9a89d99a91741da24010d68030d323e/zx2CBy3pPfo-HQ.jpg",url:"https://www.youtube.com/watch?v=zx2CBy3pPfo",date:"January 31, 2024"},{id:"nicoe",title:"Creating Scenes | SDK 7 and Smart Items",name:"NicoE",userImage:"https://images.ctfassets.net/ea2ybdmmn1kv/1HxP6difHgjUlzACC0Nha2/7c75d6c74da5171584072eadefd3b961/nico.png",image:"https://images.ctfassets.net/ea2ybdmmn1kv/6gjVuKeWBh76Pe6UyiAZzt/29ffb9ad320ca075e2c04ad34464f9c4/J_EO1LZkaiA-HQ.jpg",url:"https://www.youtube.com/watch?v=J_EO1LZkaiA&list=PLAcRraQmr_GP_K8WN7csnKnImK4R2TgMA&index=6&ab_channel=Decentraland",date:"January 31, 2024"},{id:"sango",title:"How to Make a Wearable | Workshop Series",name:"Sango",userImage:"https://images.ctfassets.net/ea2ybdmmn1kv/4AVvwN5SFyRJu9zEFt2qJF/fd883eb27e429351a619d6fef963f9cb/sango.png",image:"https://images.ctfassets.net/ea2ybdmmn1kv/5ky9e2oglx9xmfLRC6uhzY/c04eee263099cccb99245c3d9b7808c3/zl43Fw7zROQ-SD.jpg",url:"https://youtu.be/zl43Fw7zROQ?list=PLEl6fe1igtKBFDcxaC64Uxamo7kQUi5mf",date:"January 24, 2024"},{id:"sinful",title:"Publishing Wearables & Emotes",name:"Sinful",userImage:"https://images.ctfassets.net/ea2ybdmmn1kv/16eJcvU74UY7k3KXZoI5AD/a8578a20da16d755c95815f6daed072a/Screenshot_2024-01-31_130003.png",image:"https://images.ctfassets.net/ea2ybdmmn1kv/5EI8frG7fYxMRGbgm92TPC/a69b8d39cb44e88640c44b0cdaa8373f/vY7IYksmC2M-HQ.jpg",url:"https://www.youtube.com/watch?v=vY7IYksmC2M",date:"January 31, 2024"}],de=[{question:"What is Decentraland?",answer:"Launched in 2020, Decentraland is a virtual social world, the first decentralized metaverse, and the only one that is open source. Within the Decentraland platform, which can run on a browser or desktop app, users can create, experience, and monetize content and applications as well as socialize and attend a wide range of daily, community-driven events. Decentraland is unique in that it is owned, created, and governed by the people who use it every day. Through Decentraland's decentralized autonomous organization (DAO) users can submit and vote on proposals and even apply for grants for the community to vote on."},{question:"What can I create in Decentraland?",answer:`It would be easier to ask what you can't create in Decentraland! As a virtual world created by its users, in Decentraland you can create just about everything.
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-C_C2-CZT.js","assets/index-DaRevScO.js","assets/vendor-router-D_36sTKu.js","assets/vendor-sentry-BSvWNK4f.js","assets/vendor-crypto-uuuQA3i5.js","assets/vendor-schemas-DJzTSxpO.js","assets/vendor-ua-D7qqAxdq.js","assets/vendor-intl-D2lXWsDp.js","assets/AnimatedSection-C7y4e9MO.js","assets/useCreatorHubDownload-CQ5sircD.js","assets/file-Cr_gl9BS.js","assets/url-DMbF6Zco.js","assets/index-mXhpN3cS.js","assets/useLatestGithubRelease-lPlpQBOj.js","assets/CTAButton-DIvER7jP.js","assets/CircularProgress-DMJbftwB.js","assets/Video-DF4ljNzn.js","assets/index-DNCSZ9Ly.js","assets/Carousel-Bz36sWAV.js","assets/index-CM-Dg90Z.js","assets/index-D7GZzk0M.js","assets/index-ezM_J58e.js","assets/index-DRcrw7Py.js","assets/CircleAndArrow-DDOq4aRv.js"])))=>i.map(i=>d[i]);
+import{j as t,s as r,a as p,v as k,X as I,W as C,M as E,w as A,U as f,ad as b,o as d}from"./index-DaRevScO.js";import{r as a}from"./vendor-router-D_36sTKu.js";import{u as T,D as L,A as P,a as W,b as _,c as S}from"./useCreatorHubDownload-CQ5sircD.js";import{C as w}from"./CTAButton-DIvER7jP.js";import{V as v}from"./Video-DF4ljNzn.js";const D=100,N=D*10;function j(e,{wordLength:n,listLength:i}){return e.action==="write"?e.letterPos===n-1?{...e,action:"erase"}:{...e,letterPos:e.letterPos+1}:e.letterPos===0?{letterPos:0,wordIndex:(e.wordIndex+1)%i,action:"write"}:{...e,letterPos:e.letterPos-1}}function M(e){const[n,i]=a.useReducer(j,{letterPos:0,wordIndex:0,action:"write"}),l=a.useRef(),c=e[n.wordIndex].length,u=n.letterPos===c-1;return a.useEffect(()=>(clearTimeout(l.current),l.current=setTimeout(()=>i({type:"tick",wordLength:c,listLength:e.length}),u?N:D),()=>clearTimeout(l.current)),[n,c,e.length,u]),a.useMemo(()=>e[n.wordIndex].slice(0,n.letterPos+1),[n.letterPos,n.wordIndex,e])}const o={titleFirstLine:"Create your own",changingWords:["Wearables","Emotes","Worlds","Experiences","Scenes","Games"],titleLastLine:"in Decentraland",subtitle:"Download the Creator Hub to start building immersive scenes and interactive experiences in Decentraland.",imageLandscape:{url:"https://images.ctfassets.net/ea2ybdmmn1kv/3fZB29mbYNJdp7sv1y2SJ2/108e55d6d3e23cd11e7d75563d81caf5/hero.webp"},videoLandscape:{url:"https://videos.ctfassets.net/ea2ybdmmn1kv/5ELJfyKfvgJMlWi3QXzyt7/28d4d5202e965c08eabc3f9efcf329ea/hero-desktop.mp4",width:960,height:540},imagePortrait:{url:"https://images.ctfassets.net/ea2ybdmmn1kv/1nUkaxckVENfmyQduvC9Rm/9304ddbd82bba15c44ea698be0fadfa8/hero-mobile.webp"},videoPortrait:{url:"https://videos.ctfassets.net/ea2ybdmmn1kv/35QAhVRDvfhcDjRbCquYKT/459f381b4445fb5b44b140b2fc4ff80a/hero_mobile.mp4",width:195,height:330}},re=[{id:"join",title:"Join a Community of Creators",description:"Share knowledge, collaborate, and build relationships in a community of artists, designers, and developers where you can see your work appreciated everyday.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/2l0VUCaHXFG7NwltyZ1nWA/a6e18252e09a9916e8d735f098ef452a/Image_1.png"},{id:"create",title:"Create in an Open, Decentralized Ecosystem",description:"Retain full control over your content on a platform that's governed by its users and build side-by-side with other creators in an open virtual world ready to be explored.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/77yzgLkg2oQ7GAZLPtEAwY/64a8d2741a6e3f1f90b15636c4d37638/Image_2.png"},{id:"benefit",title:"Benefit from a Creator-Centric Economy",description:"Decentraland is owned by its users, so you keep 97.5% of Marketplace sales while the rest funds community grants for creators like you. Plus, you'll get 2.5% royalties on resales.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/3iCBvRrzEtgD7LT8PYxMZn/2f5fba37f044d426d24e25ce33dc1f9c/Image_3.png"}],ie=[{id:"design-unique-wearables",title:"Design Unique Wearables",description:"In Decentraland, Wearables go beyond clothing. Think floating elements, glowing fabrics, robot prosthetics, alien bodies—anything is possible!",image:"https://images.ctfassets.net/ea2ybdmmn1kv/3Cu7b7wDmHMxdlnV1kPIHK/af575947c309275575ee1f456042596a/PNG_1.png",imageBackground:"https://images.ctfassets.net/ea2ybdmmn1kv/5tQ56AeW3FWfsnDIgIr1ix/1ff51b5358a8ddf13a4bb4bddaf36601/BG_1.png",tab1:{title:"Regular",descriptionTitle:"Shape Your Digital Identity",descriptionSubTitle:"Craft the skins, clothes, accessories, and bodies that provide the Decentraland community with endless options to customize their digital identities.",skills:["3D MODELING","IMAGINATIVE FASHION SENSE"],links:[{label:"Creating Wearables",url:"https://docs.decentraland.org/creator/wearables/creating-wearables/"},{label:"Wearables in the Marketplace",url:"https://decentraland.org/marketplace/browse?section=wearables&vendor=decentraland&page=1&sortBy=newest&status=on_sale"},{label:"Publishing Wearables",url:"https://docs.decentraland.org/creator/wearables/publishing-collections/"},{label:"Wearable Tutorials",url:"https://www.youtube.com/watch?v=zl43Fw7zROQ&list=PLEl6fe1igtKBFDcxaC64Uxamo7kQUi5mf&pp=iAQB"}]},tab2:{title:"Smart Wearables",descriptionTitle:"Experiences & Fashion Combined",descriptionSubTitle:"Want to create a jet pack that lets you fly or glasses that reveal a secret world? Tie Portable Experiences to Wearables, for a whole new realm of possibilities.",skills:["ANIMATION","IMAGINATIVE FASHION SENSE","3D MODELING","TYPESCRIPT"],links:[{label:"Portable Experience Docs",url:"https://docs.decentraland.org/creator/development-guide/sdk7/portable-experiences/"},{label:"SDK 7 Docs",url:"https://docs.decentraland.org/creator/development-guide/sdk7/sdk-101/"},{label:"Smart Wearables Docs",url:"https://docs.decentraland.org/creator/development-guide/sdk7/smart-wearables/"},{label:"Smart Wearables in the Marketplace",url:"https://decentraland.org/marketplace/browse?assetType=item&section=wearables&vendor=decentraland&page=1&sortBy=newest&status=on_sale&onlySmart=true"}]}},{id:"animate-expressive-emotes",title:"Animate Expressive Emotes",description:"Create the avatar animations that allow Decentraland's community to form connections, share emotions, and participate in endless fun activities.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/5TILWmR3rrA6K2DMTrPwXx/aeafb6cfc8fd3ef829833c41fb4cda16/PNG_2.png",imageBackground:"https://images.ctfassets.net/ea2ybdmmn1kv/26Oa8X59NGyCSnL2j2Tvrw/091c890f8a5bfcdf8878a3c09c1268ae/BG_2.png",tab1:{title:"More than Motion",descriptionTitle:"More than Motion",descriptionSubTitle:"Surpassing simple animations, in Decentraland, Emotes take expression to the next level with the option of adding props and sounds!",skills:["TYPESCRIPT","3D MODELING","ANIMATION"],links:[{label:"Creating Emotes",url:"https://docs.decentraland.org/creator/emotes/creating-and-exporting-emotes/"},{label:"Emote Tutorials",url:"https://www.youtube.com/watch?v=-iWslh4uQIk&list=PLAcRraQmr_GN8LcnnQk2BByo9L2Orvp9c&pp=iAQB"},{label:"Publishing Emotes",url:"https://docs.decentraland.org/creator/wearables/publishing-collections/"},{label:"Emotes in the Marketplace",url:"https://decentraland.org/marketplace/browse?assetType=item&section=emotes&vendor=decentraland&page=1&sortBy=newest&status=on_sale"}]}},{id:"craft-immersive-experiences",title:"Craft Immersive Experiences",description:"Construct captivating scenes, interactive experiences, and games in an open-world ecosystem. Claim your own World or rent/buy LAND to start building.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/3JXtpqW33ILyBYzrpzykKl/f246d9529cbbc4d033c271cd02d4376b/PNG_3.png",imageBackground:"https://images.ctfassets.net/ea2ybdmmn1kv/5E9WJJcBi3qeuqqetuleeT/6308247b5ca650adf34aaec41d7e7182/BG_3.png",tab1:{title:"Basic",descriptionTitle:"Ideal for Beginners",descriptionSubTitle:"Drag and drop pre-made elements into place to create your dream scene or start with a scene template and customize the details to make it your own.",skills:["ABILITY TO CLICK A MOUSE","OVERACTIVE IMAGINATION"],links:[{label:"Explore Places",url:"https://decentraland.org/places/"},{label:"Download Creator Hub",url:"https://decentraland.org/download/creator-hub"},{label:"Building Tutorials",url:"https://www.youtube.com/watch?v=wm8ZD2kSyKA&list=PLAcRraQmr_GPrMmQekqbMWhyBxo3lXs8p&pp=iAQB"},{label:"Worlds Essential Guide",url:"https://decentraland.org/blog/about-decentraland/decentraland-worlds-your-own-virtual-space"}]},tab2:{title:"Advanced",descriptionTitle:"Complete Control Over Your Creations",descriptionSubTitle:"Transform your ideas to reality with Decentraland's SDK 7. Craft anything you can imagine, from complex scenes and interactive experiences to fully fledged games.",skills:["TYPESCRIPT","3D MODELING","ANIMATION"],links:[{label:"Open Source Resources & Templates",url:"https://studios.decentraland.org/resources"},{label:"Download Creator Hub",url:"https://decentraland.org/download/creator-hub"},{label:"Building Docs",url:"https://docs.decentraland.org/creator/development-guide/sdk7/sdk-101/"},{label:"Building Tutorials",url:"https://www.youtube.com/watch?v=wm8ZD2kSyKA&list=PLAcRraQmr_GPrMmQekqbMWhyBxo3lXs8p&pp=iAQB"}]}}],le=[{id:"mrdhingia",name:"MrDhingia",description:"I love being a DCL creator because it lets me freely create cool 3D spaces. It's great to work with others, learn new things, and monetize my content, reaching people worldwide.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/7w2syTuMGjA3VCJZ78YK8q/1a37abd7658ba66e16f1c8d7d4a28333/dhingia.png",url:"https://x.com/MrDhingia"},{id:"canessa",name:"Canessa",description:"I think having unique Emotes is a way of making your avatar another form of yourself. I made myself a unique Emote so I could always have a special greeting [distinct from the standard animations everyone uses] for my friends.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/3ugHhjVpg2TJRKpGrE5HJO/2c267463b5cab7923fedcd2a8912c17e/anessa.png"},{id:"polygonal-mind",name:"Polygonal Mind",description:"Decentraland evolves almost every day on a technical level, but also on a community level. Newcomers come into the platform with new ideas that make the whole platform spin to accommodate them. It is very exciting to see the change in real time.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/2A10uagc69WkV4Put4Je8K/b5f7d12193e3e7bc6c126c8b1cf574b9/polygonal.png"},{id:"tangpoko",name:"TangPoko",description:"There is a lot of gratification in creating Wearables and Emotes in Decentraland when you see everyone around you wearing and using them!",image:"https://images.ctfassets.net/ea2ybdmmn1kv/3VUTEOy199FdbePR0n4v9h/2011425bade058c0b6ceeda046bbc71c/tang.png"},{id:"nikki-fuego",name:"Nikki Fuego",description:"My whole life I've been a gamer and the one thing I've always wanted from games was ultimate customization with my character's wearables. [In Decentraland,] that fantasy became a reality.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/1qNFtMuqQ6NUgVFZxqIMWO/53a6bd692059f897f8df5a99c9570ecf/Nikki.png"}],ce=[{id:"isamazing",title:"Emote Workshop | Create Great Animations",name:"Isamazing",userImage:"https://images.ctfassets.net/ea2ybdmmn1kv/1JsJlPSMTiDHxWvNbLcTUb/c3ae0654ff66da80a99a52334a3caf01/isa.png",image:"https://images.ctfassets.net/ea2ybdmmn1kv/6b8IV5K8BUFIi6AyA1h6uI/e2dd6add08d9b0a77c12d65131f0b42c/5PEF2pwZxtY-HQ.jpg",url:"https://youtu.be/5PEF2pwZxtY?list=PLAcRraQmr_GN8LcnnQk2BByo9L2Orvp9c",date:"January 30, 2024"},{id:"kjwalker",title:"Making Skins | Creating Wearables",name:"KJWalker",userImage:"https://images.ctfassets.net/ea2ybdmmn1kv/6pjOW45mmmYy5DkaoOsYLB/02b30670a4d63e32845d89d6ad063fe5/kj.png",image:"https://images.ctfassets.net/ea2ybdmmn1kv/3BYsoFQ1UEbmjVPIDNMdIU/f9a89d99a91741da24010d68030d323e/zx2CBy3pPfo-HQ.jpg",url:"https://www.youtube.com/watch?v=zx2CBy3pPfo",date:"January 31, 2024"},{id:"nicoe",title:"Creating Scenes | SDK 7 and Smart Items",name:"NicoE",userImage:"https://images.ctfassets.net/ea2ybdmmn1kv/1HxP6difHgjUlzACC0Nha2/7c75d6c74da5171584072eadefd3b961/nico.png",image:"https://images.ctfassets.net/ea2ybdmmn1kv/6gjVuKeWBh76Pe6UyiAZzt/29ffb9ad320ca075e2c04ad34464f9c4/J_EO1LZkaiA-HQ.jpg",url:"https://www.youtube.com/watch?v=J_EO1LZkaiA&list=PLAcRraQmr_GP_K8WN7csnKnImK4R2TgMA&index=6&ab_channel=Decentraland",date:"January 31, 2024"},{id:"sango",title:"How to Make a Wearable | Workshop Series",name:"Sango",userImage:"https://images.ctfassets.net/ea2ybdmmn1kv/4AVvwN5SFyRJu9zEFt2qJF/fd883eb27e429351a619d6fef963f9cb/sango.png",image:"https://images.ctfassets.net/ea2ybdmmn1kv/5ky9e2oglx9xmfLRC6uhzY/c04eee263099cccb99245c3d9b7808c3/zl43Fw7zROQ-SD.jpg",url:"https://youtu.be/zl43Fw7zROQ?list=PLEl6fe1igtKBFDcxaC64Uxamo7kQUi5mf",date:"January 24, 2024"},{id:"sinful",title:"Publishing Wearables & Emotes",name:"Sinful",userImage:"https://images.ctfassets.net/ea2ybdmmn1kv/16eJcvU74UY7k3KXZoI5AD/a8578a20da16d755c95815f6daed072a/Screenshot_2024-01-31_130003.png",image:"https://images.ctfassets.net/ea2ybdmmn1kv/5EI8frG7fYxMRGbgm92TPC/a69b8d39cb44e88640c44b0cdaa8373f/vY7IYksmC2M-HQ.jpg",url:"https://www.youtube.com/watch?v=vY7IYksmC2M",date:"January 31, 2024"}],de=[{question:"What is Decentraland?",answer:"Launched in 2020, Decentraland is a virtual social world, the first decentralized metaverse, and the only one that is open source. Within the Decentraland platform, which can run on a browser or desktop app, users can create, experience, and monetize content and applications as well as socialize and attend a wide range of daily, community-driven events. Decentraland is unique in that it is owned, created, and governed by the people who use it every day. Through Decentraland's decentralized autonomous organization (DAO) users can submit and vote on proposals and even apply for grants for the community to vote on."},{question:"What can I create in Decentraland?",answer:`It would be easier to ask what you can't create in Decentraland! As a virtual world created by its users, in Decentraland you can create just about everything.
 Decentraland Creators make all the components that go into crafting a digital identity, such as Wearables (this can include whole skins, body parts, articles of clothing, hair styles, accessories, etc.) as well as Emotes, animations for your avatar which can include props and sounds in addition to movement.
 The landscape and activities of Decentraland are also all shaped by creators. Walking through Decentraland's Genesis City, you can explore a variety of content from different creators, built side-by-side: art galleries, theaters, gardens, night clubs, racetracks, casinos, entire game experiences, and more can be explored and created by everyone! To start building, download Decentraland's Creator Hub.`},{question:"How do I become a Decentraland creator?",answer:`Anyone can be a Decentraland creator, all it takes is a little knowhow and endless creative ideas! Depending on what you want to create, the knowledge you need to know differs. If you just want to create cool virtual scenes for yourself or to host events, and learning programming and 3D modeling isn't in your plans, then you can get started creating scenes right away by downloading Decentraland's Creator Hub.
@@ -25,4 +25,4 @@ If you want to build an experience that benefits the community, but need the res
 As for owning a digital wallet, if you don't already have one, you don't need to get one yourself if you don't want to. When you sign-in to Decentraland for the first time-creating your account-a digital wallet will be created for you behind the scenes, it's as simple as that!
-This digital wallet is part of your Decentraland account and is used to store any digital assets you acquire, such as free Wearables you might claim in-world or a fun Emote you purchase in the Marketplace.`}],ue=["3D MODELING","CREATIVE DIRECTION","LAND RENTAL","LINKED WEARABLES","VENUE RENTAL","ADVERTISING","EMOTE DESIGN","ENTERTAINMENT","PROGRAMMING","WEARABLE DESIGN"],O=r("svg",{shouldForwardProp:e=>e!=="dark"})(({dark:e})=>({fill:e?"#a09ba8":"#fff",cursor:"pointer"})),R=a.memo(e=>{const{dark:n,...i}=e;return t.jsx(O,{...i,dark:n,xmlns:"http://www.w3.org/2000/svg",width:"21",height:"14",viewBox:"0 0 21 14",fill:"none",children:t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.585815 3.41424L3.41424 0.585815L10.5 7.6716L17.5858 0.585815L20.4142 3.41424L10.5 13.3285L0.585815 3.41424Z"})})}),B=r("section")({height:"calc(90vh - 96px)",width:"100%",position:"relative",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",marginTop:92,overflow:"hidden"}),z=r(p)({position:"absolute",top:0,left:0,width:"100%",height:"100%",zIndex:0,"& video, & .hero-bg-image":{width:"100%",height:"100%",objectFit:"cover",objectPosition:"center"}}),G=r(p)(({theme:e})=>({position:"relative",zIndex:1,display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",maxWidth:739,padding:`0 ${e.spacing(4)}`,[e.breakpoints.down("sm")]:{maxWidth:"100%"}})),F=r(k)(({theme:e})=>({fontSize:64,fontWeight:700,letterSpacing:"-1.28px",lineHeight:"normal",marginBottom:e.spacing(5.5),color:"#fff","& span":{background:"linear-gradient(287deg, #ff2d55 5.21%, #ffbc5b 56.5%)",backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"},[e.breakpoints.down("sm")]:{fontSize:48,letterSpacing:"-0.8px",marginBottom:e.spacing(4)}})),H=r(k)(({theme:e})=>({fontSize:24,fontWeight:500,lineHeight:"32px",marginBottom:e.spacing(8.5),color:"#fff",[e.breakpoints.down("sm")]:{fontSize:20,lineHeight:"30px",fontWeight:400,marginBottom:e.spacing(8)}})),Y=r(p)({display:"flex",flexDirection:"column",alignItems:"center"}),Q=r(p)({display:"flex",alignItems:"center",justifyContent:"center",paddingTop:40,paddingBottom:32,"&:hover svg":{animation:"moveUpDown 1s linear infinite"},"@keyframes moveUpDown":{"0%":{transform:"translateY(0)"},"50%":{transform:"translateY(-10px)"},"100%":{transform:"translateY(0)"}}}),V="/download/creator-hub",q=a.memo(()=>{const e=I("(max-width: 767px)"),n=C(),i=M(o.changingWords),l=E(),c=A(),{isReady:u,primaryOption:m,secondaryOptions:h,handleDownload:g}=T(),x=n&&u;return t.jsxs(t.Fragment,{children:[t.jsxs(B,{children:[t.jsxs(z,{children:[!e&&t.jsx(v,{loop:!0,muted:!0,autoPlay:!0,playsInline:!0,width:o.videoLandscape.width,height:o.videoLandscape.height,poster:o.imageLandscape.url,source:o.videoLandscape.url}),e&&t.jsx(v,{loop:!0,muted:!0,autoPlay:!0,playsInline:!0,width:o.videoPortrait.width,height:o.videoPortrait.height,poster:o.imagePortrait.url,source:o.videoPortrait.url})]}),t.jsxs(G,{children:[t.jsxs(F,{children:[o.titleFirstLine,t.jsx("br",{}),t.jsx("span",{children:i}),t.jsx("br",{}),o.titleLastLine]}),t.jsx(H,{children:o.subtitle}),t.jsx(Y,{children:x&&m?.link?t.jsxs(t.Fragment,{children:[t.jsx(w,{href:m.link,onClick:s=>{s.preventDefault(),l(s),g(m)},event:b.DOWNLOAD,place:f.CREATORS_HERO,endIcon:t.jsx(L,{src:m.image,alt:""}),label:c("page.download.download_creator_hub"),isFullWidth:!1}),h.length>0&&t.jsxs(P,{children:[t.jsx(W,{children:c("page.creator-hub.download.also_available")}),h.map(s=>t.jsx(_,{onClick:y=>{y.preventDefault(),l(y),g(s)},children:t.jsx(S,{src:s.image,alt:s.text})},s.text))]})]}):t.jsx(w,{href:V,onClick:s=>{l(s)},event:b.DOWNLOAD,place:f.CREATORS_HERO,label:c("page.download.download_creator_hub"),isFullWidth:!1})})]})]}),t.jsx(Q,{children:t.jsx(R,{dark:!0})})]})}),U=a.lazy(()=>d(()=>import("./index-BrJrrR0-.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16])).then(e=>({default:e.CreatorsWhy}))),J=a.lazy(()=>d(()=>import("./index-B9J5C5eN.js"),__vite__mapDeps([17,1,2,3,4,5,6,7,18,8,9,10,11,12,13,14,15,16])).then(e=>({default:e.CreatorsCreate}))),K=a.lazy(()=>d(()=>import("./index-C1oFIVjZ.js"),__vite__mapDeps([19,1,2,3,4,5,6,7,18,8,9,10,11,12,13,14,15,16])).then(e=>({default:e.CreatorsConnect}))),Z=a.lazy(()=>d(()=>import("./index-Bs8_TMuc.js"),__vite__mapDeps([20,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16])).then(e=>({default:e.CreatorsLearn}))),X=a.lazy(()=>d(()=>import("./index-CXRPJhvA.js"),__vite__mapDeps([21,1,2,3,4,5,6,7,16,8,9,10,11,12,13,14,15])).then(e=>({default:e.CreatorsEarn}))),$=a.lazy(()=>d(()=>import("./index-CREsCA81.js"),__vite__mapDeps([22,1,2,3,4,5,6,7,23,9,10,11,12,13,14,15,16])).then(e=>({default:e.CreatorsFaqs}))),ee=a.memo(()=>t.jsxs(t.Fragment,{children:[t.jsx(q,{}),t.jsxs(a.Suspense,{fallback:null,children:[t.jsx(U,{}),t.jsx(J,{}),t.jsx(K,{}),t.jsx(Z,{}),t.jsx(X,{}),t.jsx($,{})]})]})),me=Object.freeze(Object.defineProperty({__proto__:null,CreatePage:ee},Symbol.toStringTag,{value:"Module"}));export{le as a,ie as c,ue as e,de as f,me as i,ce as l,re as w};
+This digital wallet is part of your Decentraland account and is used to store any digital assets you acquire, such as free Wearables you might claim in-world or a fun Emote you purchase in the Marketplace.`}],ue=["3D MODELING","CREATIVE DIRECTION","LAND RENTAL","LINKED WEARABLES","VENUE RENTAL","ADVERTISING","EMOTE DESIGN","ENTERTAINMENT","PROGRAMMING","WEARABLE DESIGN"],O=r("svg",{shouldForwardProp:e=>e!=="dark"})(({dark:e})=>({fill:e?"#a09ba8":"#fff",cursor:"pointer"})),R=a.memo(e=>{const{dark:n,...i}=e;return t.jsx(O,{...i,dark:n,xmlns:"http://www.w3.org/2000/svg",width:"21",height:"14",viewBox:"0 0 21 14",fill:"none",children:t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.585815 3.41424L3.41424 0.585815L10.5 7.6716L17.5858 0.585815L20.4142 3.41424L10.5 13.3285L0.585815 3.41424Z"})})}),B=r("section")({height:"calc(90vh - 96px)",width:"100%",position:"relative",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",marginTop:92,overflow:"hidden"}),z=r(p)({position:"absolute",top:0,left:0,width:"100%",height:"100%",zIndex:0,"& video, & .hero-bg-image":{width:"100%",height:"100%",objectFit:"cover",objectPosition:"center"}}),G=r(p)(({theme:e})=>({position:"relative",zIndex:1,display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",maxWidth:739,padding:`0 ${e.spacing(4)}`,[e.breakpoints.down("sm")]:{maxWidth:"100%"}})),F=r(k)(({theme:e})=>({fontSize:64,fontWeight:700,letterSpacing:"-1.28px",lineHeight:"normal",marginBottom:e.spacing(5.5),color:"#fff","& span":{background:"linear-gradient(287deg, #ff2d55 5.21%, #ffbc5b 56.5%)",backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"},[e.breakpoints.down("sm")]:{fontSize:48,letterSpacing:"-0.8px",marginBottom:e.spacing(4)}})),H=r(k)(({theme:e})=>({fontSize:24,fontWeight:500,lineHeight:"32px",marginBottom:e.spacing(8.5),color:"#fff",[e.breakpoints.down("sm")]:{fontSize:20,lineHeight:"30px",fontWeight:400,marginBottom:e.spacing(8)}})),Y=r(p)({display:"flex",flexDirection:"column",alignItems:"center"}),Q=r(p)({display:"flex",alignItems:"center",justifyContent:"center",paddingTop:40,paddingBottom:32,"&:hover svg":{animation:"moveUpDown 1s linear infinite"},"@keyframes moveUpDown":{"0%":{transform:"translateY(0)"},"50%":{transform:"translateY(-10px)"},"100%":{transform:"translateY(0)"}}}),V="/download/creator-hub",q=a.memo(()=>{const e=I("(max-width: 767px)"),n=C(),i=M(o.changingWords),l=E(),c=A(),{isReady:u,primaryOption:m,secondaryOptions:h,handleDownload:g}=T(),x=n&&u;return t.jsxs(t.Fragment,{children:[t.jsxs(B,{children:[t.jsxs(z,{children:[!e&&t.jsx(v,{loop:!0,muted:!0,autoPlay:!0,playsInline:!0,width:o.videoLandscape.width,height:o.videoLandscape.height,poster:o.imageLandscape.url,source:o.videoLandscape.url}),e&&t.jsx(v,{loop:!0,muted:!0,autoPlay:!0,playsInline:!0,width:o.videoPortrait.width,height:o.videoPortrait.height,poster:o.imagePortrait.url,source:o.videoPortrait.url})]}),t.jsxs(G,{children:[t.jsxs(F,{children:[o.titleFirstLine,t.jsx("br",{}),t.jsx("span",{children:i}),t.jsx("br",{}),o.titleLastLine]}),t.jsx(H,{children:o.subtitle}),t.jsx(Y,{children:x&&m?.link?t.jsxs(t.Fragment,{children:[t.jsx(w,{href:m.link,onClick:s=>{s.preventDefault(),l(s),g(m)},event:b.DOWNLOAD,place:f.CREATORS_HERO,endIcon:t.jsx(L,{src:m.image,alt:""}),label:c("page.download.download_creator_hub"),isFullWidth:!1}),h.length>0&&t.jsxs(P,{children:[t.jsx(W,{children:c("page.creator-hub.download.also_available")}),h.map(s=>t.jsx(_,{onClick:y=>{y.preventDefault(),l(y),g(s)},children:t.jsx(S,{src:s.image,alt:s.text})},s.text))]})]}):t.jsx(w,{href:V,onClick:s=>{l(s)},event:b.DOWNLOAD,place:f.CREATORS_HERO,label:c("page.download.download_creator_hub"),isFullWidth:!1})})]})]}),t.jsx(Q,{children:t.jsx(R,{dark:!0})})]})}),U=a.lazy(()=>d(()=>import("./index-C_C2-CZT.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16])).then(e=>({default:e.CreatorsWhy}))),J=a.lazy(()=>d(()=>import("./index-DNCSZ9Ly.js"),__vite__mapDeps([17,1,2,3,4,5,6,7,18,8,9,10,11,12,13,14,15,16])).then(e=>({default:e.CreatorsCreate}))),K=a.lazy(()=>d(()=>import("./index-CM-Dg90Z.js"),__vite__mapDeps([19,1,2,3,4,5,6,7,18,8,9,10,11,12,13,14,15,16])).then(e=>({default:e.CreatorsConnect}))),Z=a.lazy(()=>d(()=>import("./index-D7GZzk0M.js"),__vite__mapDeps([20,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16])).then(e=>({default:e.CreatorsLearn}))),X=a.lazy(()=>d(()=>import("./index-ezM_J58e.js"),__vite__mapDeps([21,1,2,3,4,5,6,7,16,8,9,10,11,12,13,14,15])).then(e=>({default:e.CreatorsEarn}))),$=a.lazy(()=>d(()=>import("./index-DRcrw7Py.js"),__vite__mapDeps([22,1,2,3,4,5,6,7,23,9,10,11,12,13,14,15,16])).then(e=>({default:e.CreatorsFaqs}))),ee=a.memo(()=>t.jsxs(t.Fragment,{children:[t.jsx(q,{}),t.jsxs(a.Suspense,{fallback:null,children:[t.jsx(U,{}),t.jsx(J,{}),t.jsx(K,{}),t.jsx(Z,{}),t.jsx(X,{}),t.jsx($,{})]})]})),me=Object.freeze(Object.defineProperty({__proto__:null,CreatePage:ee},Symbol.toStringTag,{value:"Module"}));export{le as a,ie as c,ue as e,de as f,me as i,ce as l,re as w};

package/assets/{index-HZ_h_54S.js.map → index-BqghIvCc.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"mappings":"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","names":["DELAY","PAUSE_DELAY","typingReducer","state","wordLength","listLength","useTypingListEffect","list","dispatch","useReducer","timeoutRef","useRef","isAtEnd","useEffect","useMemo","heroData","whyCards","createCards","connectCards","learnCards","faqItems","earnSkills","StyledSvg","styled","prop","dark","Chevron","memo","props","rest","jsx","HeroSection","HeroBackground","Box","HeroContent","theme","HeroTitle","Typography","HeroSubtitle","HeroActions","ChevronContainer","CREATOR_HUB_DOWNLOAD_URL","CreatorsHero","isMobile","useMediaQuery","isDesktop","useDesktopMediaQuery","currentWord","trackClick","useTrackClick","l","useFormatMessage","isReady","primaryOption","secondaryOptions","handleDownload","useCreatorHubDownload","showDownloadOptions","jsxs","Fragment","Video","CTAButton","event","SegmentEvent","SectionViewedTrack","DownloadButtonImage","AlsoAvailableContainer","AlsoAvailableText","option","AlternativeIconButton","AlternativeButtonImage","CreatorsWhy","lazy","m","CreatorsCreate","CreatorsConnect","CreatorsLearn","CreatorsEarn","CreatorsFaqs","CreatePage","Suspense"],"ignoreList":[],"sources":["../../src/hooks/useTypingListEffect.ts","../../src/components/Create/data.ts","../../src/components/Create/Hero/Chevron.tsx","../../src/components/Create/Hero/Hero.styled.ts","../../src/components/Create/Hero/Hero.tsx","../../src/pages/create/CreatePage.tsx"],"sourcesContent":["import { useEffect, useMemo, useReducer, useRef } from 'react'\n\nconst DELAY = 100\nconst PAUSE_DELAY = DELAY * 10\n\ntype TypingState = {\n letterPos: number\n wordIndex: number\n action: 'write' \| 'erase'\n}\n\ntype TypingAction = { type: 'tick'; wordLength: number; listLength: number }\n\nfunction typingReducer(state: TypingState, { wordLength, listLength }: TypingAction): TypingState {\n if (state.action === 'write') {\n if (state.letterPos === wordLength - 1) {\n return { ...state, action: 'erase' }\n }\n return { ...state, letterPos: state.letterPos + 1 }\n }\n\n if (state.letterPos === 0) {\n return {\n letterPos: 0,\n wordIndex: (state.wordIndex + 1) % listLength,\n action: 'write'\n }\n }\n\n return { ...state, letterPos: state.letterPos - 1 }\n}\n\nfunction useTypingListEffect(list: string[]) {\n const [state, dispatch] = useReducer(typingReducer, { letterPos: 0, wordIndex: 0, action: 'write' })\n const timeoutRef = useRef<ReturnType<typeof setTimeout>>()\n\n const wordLength = list[state.wordIndex].length\n const isAtEnd = state.letterPos === wordLength - 1\n\n useEffect(() => {\n clearTimeout(timeoutRef.current)\n timeoutRef.current = setTimeout(() => dispatch({ type: 'tick', wordLength, listLength: list.length }), isAtEnd ? PAUSE_DELAY : DELAY)\n return () => clearTimeout(timeoutRef.current)\n }, [state, wordLength, list.length, isAtEnd])\n\n return useMemo(() => list[state.wordIndex].slice(0, state.letterPos + 1), [state.letterPos, state.wordIndex, list])\n}\n\nexport { useTypingListEffect }\n","type MediaProps = {\n url: string\n width: number\n height: number\n}\n\ntype HeroData = {\n titleFirstLine: string\n changingWords: string[]\n titleLastLine: string\n subtitle: string\n imageLandscape: MediaProps\n videoLandscape: MediaProps & { mimeType: string }\n imagePortrait: MediaProps\n videoPortrait: MediaProps & { mimeType: string }\n}\n\ntype WhyCardData = {\n id: string\n title: string\n description: string\n image: string\n}\n\ntype CreateCardTab = {\n title: string\n descriptionTitle: string\n descriptionSubTitle: string\n skills: string[]\n links: { label: string; url: string }[]\n}\n\ntype CreateCardData = {\n id: string\n title: string\n description: string\n image: string\n imageBackground: string\n tab1: CreateCardTab\n tab2?: CreateCardTab\n}\n\ntype ConnectCardData = {\n id: string\n name: string\n description: string\n image: string\n url?: string\n}\n\ntype LearnCardData = {\n id: string\n title: string\n name: string\n userImage: string\n image: string\n url: string\n date: string\n}\n\ntype FaqData = {\n question: string\n answer: string\n}\n\nconst heroData: HeroData = {\n titleFirstLine: 'Create your own',\n changingWords: ['Wearables', 'Emotes', 'Worlds', 'Experiences', 'Scenes', 'Games'],\n titleLastLine: 'in Decentraland',\n subtitle: 'Download the Creator Hub to start building immersive scenes and interactive experiences in Decentraland.',\n imageLandscape: {\n url: 'https://images.ctfassets.net/ea2ybdmmn1kv/3fZB29mbYNJdp7sv1y2SJ2/108e55d6d3e23cd11e7d75563d81caf5/hero.webp',\n width: 960,\n height: 540\n },\n videoLandscape: {\n url: 'https://videos.ctfassets.net/ea2ybdmmn1kv/5ELJfyKfvgJMlWi3QXzyt7/28d4d5202e965c08eabc3f9efcf329ea/hero-desktop.mp4',\n mimeType: 'video/mp4',\n width: 960,\n height: 540\n },\n imagePortrait: {\n url: 'https://images.ctfassets.net/ea2ybdmmn1kv/1nUkaxckVENfmyQduvC9Rm/9304ddbd82bba15c44ea698be0fadfa8/hero-mobile.webp',\n width: 195,\n height: 330\n },\n videoPortrait: {\n url: 'https://videos.ctfassets.net/ea2ybdmmn1kv/35QAhVRDvfhcDjRbCquYKT/459f381b4445fb5b44b140b2fc4ff80a/hero_mobile.mp4',\n mimeType: 'video/mp4',\n width: 195,\n height: 330\n }\n}\n\nconst whyCards: WhyCardData[] = [\n {\n id: 'join',\n title: 'Join a Community of Creators',\n description:\n 'Share knowledge, collaborate, and build relationships in a community of artists, designers, and developers where you can see your work appreciated everyday.',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/2l0VUCaHXFG7NwltyZ1nWA/a6e18252e09a9916e8d735f098ef452a/Image_1.png'\n },\n {\n id: 'create',\n title: 'Create in an Open, Decentralized Ecosystem',\n description:\n \"Retain full control over your content on a platform that's governed by its users and build side-by-side with other creators in an open virtual world ready to be explored.\",\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/77yzgLkg2oQ7GAZLPtEAwY/64a8d2741a6e3f1f90b15636c4d37638/Image_2.png'\n },\n {\n id: 'benefit',\n title: 'Benefit from a Creator-Centric Economy',\n description:\n \"Decentraland is owned by its users, so you keep 97.5% of Marketplace sales while the rest funds community grants for creators like you. Plus, you'll get 2.5% royalties on resales.\",\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/3iCBvRrzEtgD7LT8PYxMZn/2f5fba37f044d426d24e25ce33dc1f9c/Image_3.png'\n }\n]\n\nconst createCards: CreateCardData[] = [\n {\n id: 'design-unique-wearables',\n title: 'Design Unique Wearables',\n description:\n 'In Decentraland, Wearables go beyond clothing. Think floating elements, glowing fabrics, robot prosthetics, alien bodies—anything is possible!',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/3Cu7b7wDmHMxdlnV1kPIHK/af575947c309275575ee1f456042596a/PNG_1.png',\n imageBackground: 'https://images.ctfassets.net/ea2ybdmmn1kv/5tQ56AeW3FWfsnDIgIr1ix/1ff51b5358a8ddf13a4bb4bddaf36601/BG_1.png',\n tab1: {\n title: 'Regular',\n descriptionTitle: 'Shape Your Digital Identity',\n descriptionSubTitle:\n 'Craft the skins, clothes, accessories, and bodies that provide the Decentraland community with endless options to customize their digital identities.',\n skills: ['3D MODELING', 'IMAGINATIVE FASHION SENSE'],\n links: [\n {\n label: 'Creating Wearables',\n url: 'https://docs.decentraland.org/creator/wearables/creating-wearables/'\n },\n {\n label: 'Wearables in the Marketplace',\n url: 'https://decentraland.org/marketplace/browse?section=wearables&vendor=decentraland&page=1&sortBy=newest&status=on_sale'\n },\n {\n label: 'Publishing Wearables',\n url: 'https://docs.decentraland.org/creator/wearables/publishing-collections/'\n },\n {\n label: 'Wearable Tutorials',\n url: 'https://www.youtube.com/watch?v=zl43Fw7zROQ&list=PLEl6fe1igtKBFDcxaC64Uxamo7kQUi5mf&pp=iAQB'\n }\n ]\n },\n tab2: {\n title: 'Smart Wearables',\n descriptionTitle: 'Experiences & Fashion Combined',\n descriptionSubTitle:\n 'Want to create a jet pack that lets you fly or glasses that reveal a secret world? Tie Portable Experiences to Wearables, for a whole new realm of possibilities.',\n skills: ['ANIMATION', 'IMAGINATIVE FASHION SENSE', '3D MODELING', 'TYPESCRIPT'],\n links: [\n {\n label: 'Portable Experience Docs',\n url: 'https://docs.decentraland.org/creator/development-guide/sdk7/portable-experiences/'\n },\n {\n label: 'SDK 7 Docs',\n url: 'https://docs.decentraland.org/creator/development-guide/sdk7/sdk-101/'\n },\n {\n label: 'Smart Wearables Docs',\n url: 'https://docs.decentraland.org/creator/development-guide/sdk7/smart-wearables/'\n },\n {\n label: 'Smart Wearables in the Marketplace',\n url: 'https://decentraland.org/marketplace/browse?assetType=item&section=wearables&vendor=decentraland&page=1&sortBy=newest&status=on_sale&onlySmart=true'\n }\n ]\n }\n },\n {\n id: 'animate-expressive-emotes',\n title: 'Animate Expressive Emotes',\n description:\n \"Create the avatar animations that allow Decentraland's community to form connections, share emotions, and participate in endless fun activities.\",\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/5TILWmR3rrA6K2DMTrPwXx/aeafb6cfc8fd3ef829833c41fb4cda16/PNG_2.png',\n imageBackground: 'https://images.ctfassets.net/ea2ybdmmn1kv/26Oa8X59NGyCSnL2j2Tvrw/091c890f8a5bfcdf8878a3c09c1268ae/BG_2.png',\n tab1: {\n title: 'More than Motion',\n descriptionTitle: 'More than Motion',\n descriptionSubTitle:\n 'Surpassing simple animations, in Decentraland, Emotes take expression to the next level with the option of adding props and sounds!',\n skills: ['TYPESCRIPT', '3D MODELING', 'ANIMATION'],\n links: [\n {\n label: 'Creating Emotes',\n url: 'https://docs.decentraland.org/creator/emotes/creating-and-exporting-emotes/'\n },\n {\n label: 'Emote Tutorials',\n url: 'https://www.youtube.com/watch?v=-iWslh4uQIk&list=PLAcRraQmr_GN8LcnnQk2BByo9L2Orvp9c&pp=iAQB'\n },\n {\n label: 'Publishing Emotes',\n url: 'https://docs.decentraland.org/creator/wearables/publishing-collections/'\n },\n {\n label: 'Emotes in the Marketplace',\n url: 'https://decentraland.org/marketplace/browse?assetType=item&section=emotes&vendor=decentraland&page=1&sortBy=newest&status=on_sale'\n }\n ]\n }\n },\n {\n id: 'craft-immersive-experiences',\n title: 'Craft Immersive Experiences',\n description:\n 'Construct captivating scenes, interactive experiences, and games in an open-world ecosystem. Claim your own World or rent/buy LAND to start building.',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/3JXtpqW33ILyBYzrpzykKl/f246d9529cbbc4d033c271cd02d4376b/PNG_3.png',\n imageBackground: 'https://images.ctfassets.net/ea2ybdmmn1kv/5E9WJJcBi3qeuqqetuleeT/6308247b5ca650adf34aaec41d7e7182/BG_3.png',\n tab1: {\n title: 'Basic',\n descriptionTitle: 'Ideal for Beginners',\n descriptionSubTitle:\n 'Drag and drop pre-made elements into place to create your dream scene or start with a scene template and customize the details to make it your own.',\n skills: ['ABILITY TO CLICK A MOUSE', 'OVERACTIVE IMAGINATION'],\n links: [\n {\n label: 'Explore Places',\n url: 'https://decentraland.org/places/'\n },\n {\n label: 'Download Creator Hub',\n url: 'https://decentraland.org/download/creator-hub'\n },\n {\n label: 'Building Tutorials',\n url: 'https://www.youtube.com/watch?v=wm8ZD2kSyKA&list=PLAcRraQmr_GPrMmQekqbMWhyBxo3lXs8p&pp=iAQB'\n },\n {\n label: 'Worlds Essential Guide',\n url: 'https://decentraland.org/blog/about-decentraland/decentraland-worlds-your-own-virtual-space'\n }\n ]\n },\n tab2: {\n title: 'Advanced',\n descriptionTitle: 'Complete Control Over Your Creations',\n descriptionSubTitle:\n \"Transform your ideas to reality with Decentraland's SDK 7. Craft anything you can imagine, from complex scenes and interactive experiences to fully fledged games.\",\n skills: ['TYPESCRIPT', '3D MODELING', 'ANIMATION'],\n links: [\n {\n label: 'Open Source Resources & Templates',\n url: 'https://studios.decentraland.org/resources'\n },\n {\n label: 'Download Creator Hub',\n url: 'https://decentraland.org/download/creator-hub'\n },\n {\n label: 'Building Docs',\n url: 'https://docs.decentraland.org/creator/development-guide/sdk7/sdk-101/'\n },\n {\n label: 'Building Tutorials',\n url: 'https://www.youtube.com/watch?v=wm8ZD2kSyKA&list=PLAcRraQmr_GPrMmQekqbMWhyBxo3lXs8p&pp=iAQB'\n }\n ]\n }\n }\n]\n\nconst connectCards: ConnectCardData[] = [\n {\n id: 'mrdhingia',\n name: 'MrDhingia',\n description:\n \"I love being a DCL creator because it lets me freely create cool 3D spaces. It's great to work with others, learn new things, and monetize my content, reaching people worldwide.\",\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/7w2syTuMGjA3VCJZ78YK8q/1a37abd7658ba66e16f1c8d7d4a28333/dhingia.png',\n url: 'https://x.com/MrDhingia'\n },\n {\n id: 'canessa',\n name: 'Canessa',\n description:\n 'I think having unique Emotes is a way of making your avatar another form of yourself. I made myself a unique Emote so I could always have a special greeting [distinct from the standard animations everyone uses] for my friends.',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/3ugHhjVpg2TJRKpGrE5HJO/2c267463b5cab7923fedcd2a8912c17e/anessa.png'\n },\n {\n id: 'polygonal-mind',\n name: 'Polygonal Mind',\n description:\n 'Decentraland evolves almost every day on a technical level, but also on a community level. Newcomers come into the platform with new ideas that make the whole platform spin to accommodate them. It is very exciting to see the change in real time.',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/2A10uagc69WkV4Put4Je8K/b5f7d12193e3e7bc6c126c8b1cf574b9/polygonal.png'\n },\n {\n id: 'tangpoko',\n name: 'TangPoko',\n description:\n 'There is a lot of gratification in creating Wearables and Emotes in Decentraland when you see everyone around you wearing and using them!',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/3VUTEOy199FdbePR0n4v9h/2011425bade058c0b6ceeda046bbc71c/tang.png'\n },\n {\n id: 'nikki-fuego',\n name: 'Nikki Fuego',\n description:\n \"My whole life I've been a gamer and the one thing I've always wanted from games was ultimate customization with my character's wearables. [In Decentraland,] that fantasy became a reality.\",\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/1qNFtMuqQ6NUgVFZxqIMWO/53a6bd692059f897f8df5a99c9570ecf/Nikki.png'\n }\n]\n\nconst learnCards: LearnCardData[] = [\n {\n id: 'isamazing',\n title: 'Emote Workshop \| Create Great Animations',\n name: 'Isamazing',\n userImage: 'https://images.ctfassets.net/ea2ybdmmn1kv/1JsJlPSMTiDHxWvNbLcTUb/c3ae0654ff66da80a99a52334a3caf01/isa.png',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/6b8IV5K8BUFIi6AyA1h6uI/e2dd6add08d9b0a77c12d65131f0b42c/5PEF2pwZxtY-HQ.jpg',\n url: 'https://youtu.be/5PEF2pwZxtY?list=PLAcRraQmr_GN8LcnnQk2BByo9L2Orvp9c',\n date: 'January 30, 2024'\n },\n {\n id: 'kjwalker',\n title: 'Making Skins \| Creating Wearables',\n name: 'KJWalker',\n userImage: 'https://images.ctfassets.net/ea2ybdmmn1kv/6pjOW45mmmYy5DkaoOsYLB/02b30670a4d63e32845d89d6ad063fe5/kj.png',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/3BYsoFQ1UEbmjVPIDNMdIU/f9a89d99a91741da24010d68030d323e/zx2CBy3pPfo-HQ.jpg',\n url: 'https://www.youtube.com/watch?v=zx2CBy3pPfo',\n date: 'January 31, 2024'\n },\n {\n id: 'nicoe',\n title: 'Creating Scenes \| SDK 7 and Smart Items',\n name: 'NicoE',\n userImage: 'https://images.ctfassets.net/ea2ybdmmn1kv/1HxP6difHgjUlzACC0Nha2/7c75d6c74da5171584072eadefd3b961/nico.png',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/6gjVuKeWBh76Pe6UyiAZzt/29ffb9ad320ca075e2c04ad34464f9c4/J_EO1LZkaiA-HQ.jpg',\n url: 'https://www.youtube.com/watch?v=J_EO1LZkaiA&list=PLAcRraQmr_GP_K8WN7csnKnImK4R2TgMA&index=6&ab_channel=Decentraland',\n date: 'January 31, 2024'\n },\n {\n id: 'sango',\n title: 'How to Make a Wearable \| Workshop Series',\n name: 'Sango',\n userImage: 'https://images.ctfassets.net/ea2ybdmmn1kv/4AVvwN5SFyRJu9zEFt2qJF/fd883eb27e429351a619d6fef963f9cb/sango.png',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/5ky9e2oglx9xmfLRC6uhzY/c04eee263099cccb99245c3d9b7808c3/zl43Fw7zROQ-SD.jpg',\n url: 'https://youtu.be/zl43Fw7zROQ?list=PLEl6fe1igtKBFDcxaC64Uxamo7kQUi5mf',\n date: 'January 24, 2024'\n },\n {\n id: 'sinful',\n title: 'Publishing Wearables & Emotes',\n name: 'Sinful',\n userImage:\n 'https://images.ctfassets.net/ea2ybdmmn1kv/16eJcvU74UY7k3KXZoI5AD/a8578a20da16d755c95815f6daed072a/Screenshot_2024-01-31_130003.png',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/5EI8frG7fYxMRGbgm92TPC/a69b8d39cb44e88640c44b0cdaa8373f/vY7IYksmC2M-HQ.jpg',\n url: 'https://www.youtube.com/watch?v=vY7IYksmC2M',\n date: 'January 31, 2024'\n }\n]\n\nconst faqItems: FaqData[] = [\n {\n question: 'What is Decentraland?',\n answer:\n \"Launched in 2020, Decentraland is a virtual social world, the first decentralized metaverse, and the only one that is open source. Within the Decentraland platform, which can run on a browser or desktop app, users can create, experience, and monetize content and applications as well as socialize and attend a wide range of daily, community-driven events. Decentraland is unique in that it is owned, created, and governed by the people who use it every day. Through Decentraland's decentralized autonomous organization (DAO) users can submit and vote on proposals and even apply for grants for the community to vote on.\"\n },\n {\n question: 'What can I create in Decentraland?',\n answer:\n \"It would be easier to ask what you can't create in Decentraland! As a virtual world created by its users, in Decentraland you can create just about everything.\\nDecentraland Creators make all the components that go into crafting a digital identity, such as Wearables (this can include whole skins, body parts, articles of clothing, hair styles, accessories, etc.) as well as Emotes, animations for your avatar which can include props and sounds in addition to movement.\\nThe landscape and activities of Decentraland are also all shaped by creators. Walking through Decentraland's Genesis City, you can explore a variety of content from different creators, built side-by-side: art galleries, theaters, gardens, night clubs, racetracks, casinos, entire game experiences, and more can be explored and created by everyone! To start building, download Decentraland's Creator Hub.\"\n },\n {\n question: 'How do I become a Decentraland creator?',\n answer:\n \"Anyone can be a Decentraland creator, all it takes is a little knowhow and endless creative ideas! Depending on what you want to create, the knowledge you need to know differs. If you just want to create cool virtual scenes for yourself or to host events, and learning programming and 3D modeling isn't in your plans, then you can get started creating scenes right away by downloading Decentraland's Creator Hub.\\n\\nFor those familiar with or willing to learn 3D modeling and/or programming, all the technical specs and procedures you need to know to create in Decentraland can be found on the Creator Docs page, and there are many tutorials available online for creating Wearables, Emotes, and experiences.\\nWearables & Emotes\\nThe process of creating Wearables & Emotes involves asset creation in a 3D modeling program like Blender, submission to the Curation Committee who ensure that your creation is technically sound and complies with Decentraland's content policy (this includes paying the $100 USD publication fee which goes to the DAO to fund community grants). Finally, once your creation is approved, it is officially published in the Marketplace! You'll receive 97.5% of all primary sales and earn 2.5% royalties on any secondary sales.\\nExperiences\\nIf you're interested in designing experiences, download Decentraland's Creator Hub and you can start creating immersive scenes and games which you can then publish to Worlds or LAND in Decentraland's open-world Genesis City. You retain all control over your content, can edit or remove it whenever you wish, and keep all proceeds of any funds you may generate through your experiences.\"\n },\n {\n question: 'Is it possible to monetize my creations?',\n answer:\n 'Yes, of course! Decentraland creators are able to monetize their skills in many ways.\\n\\nWearable and Emote creators publish their creations in the Marketplace, paying a $100 USD publication fee which goes to the DAO to fund community grants, and as a result earn 97.5% of the profits on all primary sales and 2.5% royalties on any secondary sales.\\nSome scene creators monetize their experiences, the revenue of which they are able to keep fully for themselves, and lastly many creators offer their services for hire through Decentraland Studios.'\n },\n {\n question: 'Do I need to own LAND to create experiences in Decentraland?',\n answer:\n \"No, owning LAND is not necessary to create scenes or interactive experiences in Decentraland. Anyone is free to create content using Decentraland's SDK 7 or no-code Editor. Then, if you want to publish your creations so that you and others can explore and enjoy them, there are multiple options available to you, in addition to owning LAND.\\nWorlds\\nWorlds are your personal 3D space in the metaverse. The exist separately from the open-world map of Decentraland's Genesis City and are perfect for those looking to experiment with 3D creation or host their own virtual space.\\n\\nGetting your own World is easy: when you claim a Decentraland NAME you not only get a unique username that can be used across Web3, but also 100 Voting Power (used in Decentraland governance), and of course your own World to use as you wish. Learn more here.\\n\\nRent LAND\\nIf you're interested in publishing your content in Decentraland's open-world Genesis City but don't want to commit to a LAND purchase, you don't have to! It's easy to rent LAND for the short or long term in the Marketplace where you can pay by card, bank transfer, or cryptocurrency. Browse rentals and see what's available!\\n\\nCommunity Connections, Community Grants, and Open Calls for Creators\\nIf someone is passionate about sharing their creations with the community, in Decentraland there will always be a way to make it happen. The creator community is very welcoming and open to lending a hand. If you're just getting started, you can meet many creators in the Community Building Discord.\\nIf you want to build an experience that benefits the community, but need the resources to make it happen, you can always try applying for a Community Grant in the DAO. You may also apply to one of the Open Calls that happen periodically through the year to build experiences and scenes for various Decentraland events such as the annual music, art, and fashion festivals. Stay tuned to Decentraland socials or subscribe to the weekly newsletter to stay updated!\"\n },\n {\n question: 'Do I need cryptocurrency or a digital wallet to use Decentraland?',\n answer:\n \"You do not need to own cryptocurrency to enjoy Decentraland as it is free to use. If you decide to purchase a community-made creation from the Marketplace, there are multiple payment options available, such as credit/debit card and bank transfer in addition to various cryptocurrencies.\\n\\nAs for owning a digital wallet, if you don't already have one, you don't need to get one yourself if you don't want to. When you sign-in to Decentraland for the first time-creating your account-a digital wallet will be created for you behind the scenes, it's as simple as that!\\n\\nThis digital wallet is part of your Decentraland account and is used to store any digital assets you acquire, such as free Wearables you might claim in-world or a fun Emote you purchase in the Marketplace.\"\n }\n]\n\nconst earnSkills = [\n '3D MODELING',\n 'CREATIVE DIRECTION',\n 'LAND RENTAL',\n 'LINKED WEARABLES',\n 'VENUE RENTAL',\n 'ADVERTISING',\n 'EMOTE DESIGN',\n 'ENTERTAINMENT',\n 'PROGRAMMING',\n 'WEARABLE DESIGN'\n]\n\nexport { connectCards, createCards, earnSkills, faqItems, heroData, learnCards, whyCards }\nexport type { ConnectCardData, CreateCardData, CreateCardTab, FaqData, HeroData, LearnCardData, MediaProps, WhyCardData }\n","import { type SVGAttributes, memo } from 'react'\nimport { styled } from 'decentraland-ui2'\n\ntype ChevronProps = SVGAttributes<SVGElement> & {\n dark?: boolean\n}\n\nconst StyledSvg = styled('svg', {\n shouldForwardProp: prop => prop !== 'dark'\n})<{ dark?: boolean }>(({ dark }) => ({\n fill: dark ? '#a09ba8' : '#fff',\n cursor: 'pointer'\n}))\n\nconst Chevron = memo((props: ChevronProps) => {\n const { dark, ...rest } = props\n return (\n <StyledSvg {...rest} dark={dark} xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M0.585815 3.41424L3.41424 0.585815L10.5 7.6716L17.5858 0.585815L20.4142 3.41424L10.5 13.3285L0.585815 3.41424Z\"\n />\n </StyledSvg>\n )\n})\n\nexport { Chevron }\n","import { Box, Typography, styled } from 'decentraland-ui2'\n\nconst HeroSection = styled('section')({\n height: 'calc(90vh - 96px)',\n width: '100%',\n position: 'relative',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n marginTop: 92,\n overflow: 'hidden'\n})\n\nconst HeroBackground = styled(Box)({\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n zIndex: 0,\n ['& video, & .hero-bg-image']: {\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n objectPosition: 'center'\n }\n})\n\nconst HeroContent = styled(Box)(({ theme }) => ({\n position: 'relative',\n zIndex: 1,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n textAlign: 'center',\n maxWidth: 739,\n padding: `0 ${theme.spacing(4)}`,\n [theme.breakpoints.down('sm')]: {\n maxWidth: '100%'\n }\n}))\n\nconst HeroTitle = styled(Typography)(({ theme }) => ({\n fontSize: 64,\n fontWeight: 700,\n letterSpacing: '-1.28px',\n lineHeight: 'normal',\n marginBottom: theme.spacing(5.5),\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: 48,\n letterSpacing: '-0.8px',\n marginBottom: theme.spacing(4)\n }\n}))\n\nconst HeroSubtitle = styled(Typography)(({ theme }) => ({\n fontSize: 24,\n fontWeight: 500,\n lineHeight: '32px',\n marginBottom: theme.spacing(8.5),\n color: '#fff',\n [theme.breakpoints.down('sm')]: {\n fontSize: 20,\n lineHeight: '30px',\n fontWeight: 400,\n marginBottom: theme.spacing(8)\n }\n}))\n\nconst HeroActions = styled(Box)({\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center'\n})\n\nconst ChevronContainer = styled(Box)({\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n paddingTop: 40,\n paddingBottom: 32,\n ['&:hover svg']: {\n animation: 'moveUpDown 1s linear infinite'\n },\n ['@keyframes moveUpDown']: {\n ['0%']: { transform: 'translateY(0)' },\n ['50%']: { transform: 'translateY(-10px)' },\n ['100%']: { transform: 'translateY(0)' }\n }\n})\n\nexport { ChevronContainer, HeroActions, HeroBackground, HeroContent, HeroSection, HeroSubtitle, HeroTitle }\n","import { memo } from 'react'\nimport { useDesktopMediaQuery, useMediaQuery } from 'decentraland-ui2'\nimport { useFormatMessage } from '../../../hooks/adapters/useFormatMessage'\nimport { useTrackClick } from '../../../hooks/adapters/useTrackLinkContext'\nimport { useCreatorHubDownload } from '../../../hooks/useCreatorHubDownload'\nimport { useTypingListEffect } from '../../../hooks/useTypingListEffect'\nimport { SectionViewedTrack, SegmentEvent } from '../../../modules/segment'\nimport { CTAButton } from '../../Buttons/CTAButton'\nimport { Video } from '../../Video'\nimport { heroData } from '../data'\nimport {\n AlsoAvailableContainer,\n AlsoAvailableText,\n AlternativeButtonImage,\n AlternativeIconButton,\n DownloadButtonImage\n} from '../DownloadButtons.styled'\nimport { Chevron } from './Chevron'\nimport { ChevronContainer, HeroActions, HeroBackground, HeroContent, HeroSection, HeroSubtitle, HeroTitle } from './Hero.styled'\n\nconst CREATOR_HUB_DOWNLOAD_URL = '/download/creator-hub'\n\nconst CreatorsHero = memo(() => {\n const isMobile = useMediaQuery('(max-width: 767px)')\n const isDesktop = useDesktopMediaQuery()\n const currentWord = useTypingListEffect(heroData.changingWords)\n const trackClick = useTrackClick()\n const l = useFormatMessage()\n const { isReady, primaryOption, secondaryOptions, handleDownload } = useCreatorHubDownload()\n\n const showDownloadOptions = isDesktop && isReady\n\n return (\n <>\n <HeroSection>\n <HeroBackground>\n {!isMobile && (\n <Video\n loop\n muted\n autoPlay\n playsInline\n width={heroData.videoLandscape.width}\n height={heroData.videoLandscape.height}\n poster={heroData.imageLandscape.url}\n source={heroData.videoLandscape.url}\n />\n )}\n {isMobile && (\n <Video\n loop\n muted\n autoPlay\n playsInline\n width={heroData.videoPortrait.width}\n height={heroData.videoPortrait.height}\n poster={heroData.imagePortrait.url}\n source={heroData.videoPortrait.url}\n />\n )}\n </HeroBackground>\n <HeroContent>\n <HeroTitle>\n {heroData.titleFirstLine}\n <br />\n <span>{currentWord}</span>\n <br />\n {heroData.titleLastLine}\n </HeroTitle>\n <HeroSubtitle>{heroData.subtitle}</HeroSubtitle>\n <HeroActions>\n {showDownloadOptions && primaryOption?.link ? (\n <>\n <CTAButton\n href={primaryOption.link}\n onClick={event => {\n event.preventDefault()\n trackClick(event)\n handleDownload(primaryOption)\n }}\n event={SegmentEvent.DOWNLOAD}\n place={SectionViewedTrack.CREATORS_HERO}\n endIcon={<DownloadButtonImage src={primaryOption.image} alt=\"\" />}\n label={l('page.download.download_creator_hub')}\n isFullWidth={false}\n />\n {secondaryOptions.length > 0 && (\n <AlsoAvailableContainer>\n <AlsoAvailableText>{l('page.creator-hub.download.also_available')}</AlsoAvailableText>\n {secondaryOptions.map(option => (\n <AlternativeIconButton\n key={option.text}\n onClick={event => {\n event.preventDefault()\n trackClick(event)\n handleDownload(option)\n }}\n >\n <AlternativeButtonImage src={option.image} alt={option.text} />\n </AlternativeIconButton>\n ))}\n </AlsoAvailableContainer>\n )}\n </>\n ) : (\n <CTAButton\n href={CREATOR_HUB_DOWNLOAD_URL}\n onClick={event => {\n trackClick(event)\n }}\n event={SegmentEvent.DOWNLOAD}\n place={SectionViewedTrack.CREATORS_HERO}\n label={l('page.download.download_creator_hub')}\n isFullWidth={false}\n />\n )}\n </HeroActions>\n </HeroContent>\n </HeroSection>\n <ChevronContainer>\n <Chevron dark />\n </ChevronContainer>\n </>\n )\n})\n\nexport { CreatorsHero }\n","import { Suspense, lazy, memo } from 'react'\nimport { CreatorsHero } from '../../components/Create/Hero'\n\nconst CreatorsWhy = lazy(() => import('../../components/Create/Why').then(m => ({ default: m.CreatorsWhy })))\nconst CreatorsCreate = lazy(() => import('../../components/Create/CreateCards').then(m => ({ default: m.CreatorsCreate })))\nconst CreatorsConnect = lazy(() => import('../../components/Create/Connect').then(m => ({ default: m.CreatorsConnect })))\nconst CreatorsLearn = lazy(() => import('../../components/Create/Learn').then(m => ({ default: m.CreatorsLearn })))\nconst CreatorsEarn = lazy(() => import('../../components/Create/Earn').then(m => ({ default: m.CreatorsEarn })))\nconst CreatorsFaqs = lazy(() => import('../../components/Create/Faqs').then(m => ({ default: m.CreatorsFaqs })))\n\nconst CreatePage = memo(() => {\n return (\n <>\n <CreatorsHero />\n <Suspense fallback={null}>\n <CreatorsWhy />\n <CreatorsCreate />\n <CreatorsConnect />\n <CreatorsLearn />\n <CreatorsEarn />\n <CreatorsFaqs />\n </Suspense>\n </>\n )\n})\n\nexport { CreatePage }\n"],"file":"assets/index-HZ_h_54S.js"}
1	+ {"version":3,"mappings":"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","names":["DELAY","PAUSE_DELAY","typingReducer","state","wordLength","listLength","useTypingListEffect","list","dispatch","useReducer","timeoutRef","useRef","isAtEnd","useEffect","useMemo","heroData","whyCards","createCards","connectCards","learnCards","faqItems","earnSkills","StyledSvg","styled","prop","dark","Chevron","memo","props","rest","jsx","HeroSection","HeroBackground","Box","HeroContent","theme","HeroTitle","Typography","HeroSubtitle","HeroActions","ChevronContainer","CREATOR_HUB_DOWNLOAD_URL","CreatorsHero","isMobile","useMediaQuery","isDesktop","useDesktopMediaQuery","currentWord","trackClick","useTrackClick","l","useFormatMessage","isReady","primaryOption","secondaryOptions","handleDownload","useCreatorHubDownload","showDownloadOptions","jsxs","Fragment","Video","CTAButton","event","SegmentEvent","SectionViewedTrack","DownloadButtonImage","AlsoAvailableContainer","AlsoAvailableText","option","AlternativeIconButton","AlternativeButtonImage","CreatorsWhy","lazy","m","CreatorsCreate","CreatorsConnect","CreatorsLearn","CreatorsEarn","CreatorsFaqs","CreatePage","Suspense"],"ignoreList":[],"sources":["../../src/hooks/useTypingListEffect.ts","../../src/components/Create/data.ts","../../src/components/Create/Hero/Chevron.tsx","../../src/components/Create/Hero/Hero.styled.ts","../../src/components/Create/Hero/Hero.tsx","../../src/pages/create/CreatePage.tsx"],"sourcesContent":["import { useEffect, useMemo, useReducer, useRef } from 'react'\n\nconst DELAY = 100\nconst PAUSE_DELAY = DELAY * 10\n\ntype TypingState = {\n letterPos: number\n wordIndex: number\n action: 'write' \| 'erase'\n}\n\ntype TypingAction = { type: 'tick'; wordLength: number; listLength: number }\n\nfunction typingReducer(state: TypingState, { wordLength, listLength }: TypingAction): TypingState {\n if (state.action === 'write') {\n if (state.letterPos === wordLength - 1) {\n return { ...state, action: 'erase' }\n }\n return { ...state, letterPos: state.letterPos + 1 }\n }\n\n if (state.letterPos === 0) {\n return {\n letterPos: 0,\n wordIndex: (state.wordIndex + 1) % listLength,\n action: 'write'\n }\n }\n\n return { ...state, letterPos: state.letterPos - 1 }\n}\n\nfunction useTypingListEffect(list: string[]) {\n const [state, dispatch] = useReducer(typingReducer, { letterPos: 0, wordIndex: 0, action: 'write' })\n const timeoutRef = useRef<ReturnType<typeof setTimeout>>()\n\n const wordLength = list[state.wordIndex].length\n const isAtEnd = state.letterPos === wordLength - 1\n\n useEffect(() => {\n clearTimeout(timeoutRef.current)\n timeoutRef.current = setTimeout(() => dispatch({ type: 'tick', wordLength, listLength: list.length }), isAtEnd ? PAUSE_DELAY : DELAY)\n return () => clearTimeout(timeoutRef.current)\n }, [state, wordLength, list.length, isAtEnd])\n\n return useMemo(() => list[state.wordIndex].slice(0, state.letterPos + 1), [state.letterPos, state.wordIndex, list])\n}\n\nexport { useTypingListEffect }\n","type MediaProps = {\n url: string\n width: number\n height: number\n}\n\ntype HeroData = {\n titleFirstLine: string\n changingWords: string[]\n titleLastLine: string\n subtitle: string\n imageLandscape: MediaProps\n videoLandscape: MediaProps & { mimeType: string }\n imagePortrait: MediaProps\n videoPortrait: MediaProps & { mimeType: string }\n}\n\ntype WhyCardData = {\n id: string\n title: string\n description: string\n image: string\n}\n\ntype CreateCardTab = {\n title: string\n descriptionTitle: string\n descriptionSubTitle: string\n skills: string[]\n links: { label: string; url: string }[]\n}\n\ntype CreateCardData = {\n id: string\n title: string\n description: string\n image: string\n imageBackground: string\n tab1: CreateCardTab\n tab2?: CreateCardTab\n}\n\ntype ConnectCardData = {\n id: string\n name: string\n description: string\n image: string\n url?: string\n}\n\ntype LearnCardData = {\n id: string\n title: string\n name: string\n userImage: string\n image: string\n url: string\n date: string\n}\n\ntype FaqData = {\n question: string\n answer: string\n}\n\nconst heroData: HeroData = {\n titleFirstLine: 'Create your own',\n changingWords: ['Wearables', 'Emotes', 'Worlds', 'Experiences', 'Scenes', 'Games'],\n titleLastLine: 'in Decentraland',\n subtitle: 'Download the Creator Hub to start building immersive scenes and interactive experiences in Decentraland.',\n imageLandscape: {\n url: 'https://images.ctfassets.net/ea2ybdmmn1kv/3fZB29mbYNJdp7sv1y2SJ2/108e55d6d3e23cd11e7d75563d81caf5/hero.webp',\n width: 960,\n height: 540\n },\n videoLandscape: {\n url: 'https://videos.ctfassets.net/ea2ybdmmn1kv/5ELJfyKfvgJMlWi3QXzyt7/28d4d5202e965c08eabc3f9efcf329ea/hero-desktop.mp4',\n mimeType: 'video/mp4',\n width: 960,\n height: 540\n },\n imagePortrait: {\n url: 'https://images.ctfassets.net/ea2ybdmmn1kv/1nUkaxckVENfmyQduvC9Rm/9304ddbd82bba15c44ea698be0fadfa8/hero-mobile.webp',\n width: 195,\n height: 330\n },\n videoPortrait: {\n url: 'https://videos.ctfassets.net/ea2ybdmmn1kv/35QAhVRDvfhcDjRbCquYKT/459f381b4445fb5b44b140b2fc4ff80a/hero_mobile.mp4',\n mimeType: 'video/mp4',\n width: 195,\n height: 330\n }\n}\n\nconst whyCards: WhyCardData[] = [\n {\n id: 'join',\n title: 'Join a Community of Creators',\n description:\n 'Share knowledge, collaborate, and build relationships in a community of artists, designers, and developers where you can see your work appreciated everyday.',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/2l0VUCaHXFG7NwltyZ1nWA/a6e18252e09a9916e8d735f098ef452a/Image_1.png'\n },\n {\n id: 'create',\n title: 'Create in an Open, Decentralized Ecosystem',\n description:\n \"Retain full control over your content on a platform that's governed by its users and build side-by-side with other creators in an open virtual world ready to be explored.\",\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/77yzgLkg2oQ7GAZLPtEAwY/64a8d2741a6e3f1f90b15636c4d37638/Image_2.png'\n },\n {\n id: 'benefit',\n title: 'Benefit from a Creator-Centric Economy',\n description:\n \"Decentraland is owned by its users, so you keep 97.5% of Marketplace sales while the rest funds community grants for creators like you. Plus, you'll get 2.5% royalties on resales.\",\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/3iCBvRrzEtgD7LT8PYxMZn/2f5fba37f044d426d24e25ce33dc1f9c/Image_3.png'\n }\n]\n\nconst createCards: CreateCardData[] = [\n {\n id: 'design-unique-wearables',\n title: 'Design Unique Wearables',\n description:\n 'In Decentraland, Wearables go beyond clothing. Think floating elements, glowing fabrics, robot prosthetics, alien bodies—anything is possible!',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/3Cu7b7wDmHMxdlnV1kPIHK/af575947c309275575ee1f456042596a/PNG_1.png',\n imageBackground: 'https://images.ctfassets.net/ea2ybdmmn1kv/5tQ56AeW3FWfsnDIgIr1ix/1ff51b5358a8ddf13a4bb4bddaf36601/BG_1.png',\n tab1: {\n title: 'Regular',\n descriptionTitle: 'Shape Your Digital Identity',\n descriptionSubTitle:\n 'Craft the skins, clothes, accessories, and bodies that provide the Decentraland community with endless options to customize their digital identities.',\n skills: ['3D MODELING', 'IMAGINATIVE FASHION SENSE'],\n links: [\n {\n label: 'Creating Wearables',\n url: 'https://docs.decentraland.org/creator/wearables/creating-wearables/'\n },\n {\n label: 'Wearables in the Marketplace',\n url: 'https://decentraland.org/marketplace/browse?section=wearables&vendor=decentraland&page=1&sortBy=newest&status=on_sale'\n },\n {\n label: 'Publishing Wearables',\n url: 'https://docs.decentraland.org/creator/wearables/publishing-collections/'\n },\n {\n label: 'Wearable Tutorials',\n url: 'https://www.youtube.com/watch?v=zl43Fw7zROQ&list=PLEl6fe1igtKBFDcxaC64Uxamo7kQUi5mf&pp=iAQB'\n }\n ]\n },\n tab2: {\n title: 'Smart Wearables',\n descriptionTitle: 'Experiences & Fashion Combined',\n descriptionSubTitle:\n 'Want to create a jet pack that lets you fly or glasses that reveal a secret world? Tie Portable Experiences to Wearables, for a whole new realm of possibilities.',\n skills: ['ANIMATION', 'IMAGINATIVE FASHION SENSE', '3D MODELING', 'TYPESCRIPT'],\n links: [\n {\n label: 'Portable Experience Docs',\n url: 'https://docs.decentraland.org/creator/development-guide/sdk7/portable-experiences/'\n },\n {\n label: 'SDK 7 Docs',\n url: 'https://docs.decentraland.org/creator/development-guide/sdk7/sdk-101/'\n },\n {\n label: 'Smart Wearables Docs',\n url: 'https://docs.decentraland.org/creator/development-guide/sdk7/smart-wearables/'\n },\n {\n label: 'Smart Wearables in the Marketplace',\n url: 'https://decentraland.org/marketplace/browse?assetType=item&section=wearables&vendor=decentraland&page=1&sortBy=newest&status=on_sale&onlySmart=true'\n }\n ]\n }\n },\n {\n id: 'animate-expressive-emotes',\n title: 'Animate Expressive Emotes',\n description:\n \"Create the avatar animations that allow Decentraland's community to form connections, share emotions, and participate in endless fun activities.\",\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/5TILWmR3rrA6K2DMTrPwXx/aeafb6cfc8fd3ef829833c41fb4cda16/PNG_2.png',\n imageBackground: 'https://images.ctfassets.net/ea2ybdmmn1kv/26Oa8X59NGyCSnL2j2Tvrw/091c890f8a5bfcdf8878a3c09c1268ae/BG_2.png',\n tab1: {\n title: 'More than Motion',\n descriptionTitle: 'More than Motion',\n descriptionSubTitle:\n 'Surpassing simple animations, in Decentraland, Emotes take expression to the next level with the option of adding props and sounds!',\n skills: ['TYPESCRIPT', '3D MODELING', 'ANIMATION'],\n links: [\n {\n label: 'Creating Emotes',\n url: 'https://docs.decentraland.org/creator/emotes/creating-and-exporting-emotes/'\n },\n {\n label: 'Emote Tutorials',\n url: 'https://www.youtube.com/watch?v=-iWslh4uQIk&list=PLAcRraQmr_GN8LcnnQk2BByo9L2Orvp9c&pp=iAQB'\n },\n {\n label: 'Publishing Emotes',\n url: 'https://docs.decentraland.org/creator/wearables/publishing-collections/'\n },\n {\n label: 'Emotes in the Marketplace',\n url: 'https://decentraland.org/marketplace/browse?assetType=item&section=emotes&vendor=decentraland&page=1&sortBy=newest&status=on_sale'\n }\n ]\n }\n },\n {\n id: 'craft-immersive-experiences',\n title: 'Craft Immersive Experiences',\n description:\n 'Construct captivating scenes, interactive experiences, and games in an open-world ecosystem. Claim your own World or rent/buy LAND to start building.',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/3JXtpqW33ILyBYzrpzykKl/f246d9529cbbc4d033c271cd02d4376b/PNG_3.png',\n imageBackground: 'https://images.ctfassets.net/ea2ybdmmn1kv/5E9WJJcBi3qeuqqetuleeT/6308247b5ca650adf34aaec41d7e7182/BG_3.png',\n tab1: {\n title: 'Basic',\n descriptionTitle: 'Ideal for Beginners',\n descriptionSubTitle:\n 'Drag and drop pre-made elements into place to create your dream scene or start with a scene template and customize the details to make it your own.',\n skills: ['ABILITY TO CLICK A MOUSE', 'OVERACTIVE IMAGINATION'],\n links: [\n {\n label: 'Explore Places',\n url: 'https://decentraland.org/places/'\n },\n {\n label: 'Download Creator Hub',\n url: 'https://decentraland.org/download/creator-hub'\n },\n {\n label: 'Building Tutorials',\n url: 'https://www.youtube.com/watch?v=wm8ZD2kSyKA&list=PLAcRraQmr_GPrMmQekqbMWhyBxo3lXs8p&pp=iAQB'\n },\n {\n label: 'Worlds Essential Guide',\n url: 'https://decentraland.org/blog/about-decentraland/decentraland-worlds-your-own-virtual-space'\n }\n ]\n },\n tab2: {\n title: 'Advanced',\n descriptionTitle: 'Complete Control Over Your Creations',\n descriptionSubTitle:\n \"Transform your ideas to reality with Decentraland's SDK 7. Craft anything you can imagine, from complex scenes and interactive experiences to fully fledged games.\",\n skills: ['TYPESCRIPT', '3D MODELING', 'ANIMATION'],\n links: [\n {\n label: 'Open Source Resources & Templates',\n url: 'https://studios.decentraland.org/resources'\n },\n {\n label: 'Download Creator Hub',\n url: 'https://decentraland.org/download/creator-hub'\n },\n {\n label: 'Building Docs',\n url: 'https://docs.decentraland.org/creator/development-guide/sdk7/sdk-101/'\n },\n {\n label: 'Building Tutorials',\n url: 'https://www.youtube.com/watch?v=wm8ZD2kSyKA&list=PLAcRraQmr_GPrMmQekqbMWhyBxo3lXs8p&pp=iAQB'\n }\n ]\n }\n }\n]\n\nconst connectCards: ConnectCardData[] = [\n {\n id: 'mrdhingia',\n name: 'MrDhingia',\n description:\n \"I love being a DCL creator because it lets me freely create cool 3D spaces. It's great to work with others, learn new things, and monetize my content, reaching people worldwide.\",\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/7w2syTuMGjA3VCJZ78YK8q/1a37abd7658ba66e16f1c8d7d4a28333/dhingia.png',\n url: 'https://x.com/MrDhingia'\n },\n {\n id: 'canessa',\n name: 'Canessa',\n description:\n 'I think having unique Emotes is a way of making your avatar another form of yourself. I made myself a unique Emote so I could always have a special greeting [distinct from the standard animations everyone uses] for my friends.',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/3ugHhjVpg2TJRKpGrE5HJO/2c267463b5cab7923fedcd2a8912c17e/anessa.png'\n },\n {\n id: 'polygonal-mind',\n name: 'Polygonal Mind',\n description:\n 'Decentraland evolves almost every day on a technical level, but also on a community level. Newcomers come into the platform with new ideas that make the whole platform spin to accommodate them. It is very exciting to see the change in real time.',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/2A10uagc69WkV4Put4Je8K/b5f7d12193e3e7bc6c126c8b1cf574b9/polygonal.png'\n },\n {\n id: 'tangpoko',\n name: 'TangPoko',\n description:\n 'There is a lot of gratification in creating Wearables and Emotes in Decentraland when you see everyone around you wearing and using them!',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/3VUTEOy199FdbePR0n4v9h/2011425bade058c0b6ceeda046bbc71c/tang.png'\n },\n {\n id: 'nikki-fuego',\n name: 'Nikki Fuego',\n description:\n \"My whole life I've been a gamer and the one thing I've always wanted from games was ultimate customization with my character's wearables. [In Decentraland,] that fantasy became a reality.\",\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/1qNFtMuqQ6NUgVFZxqIMWO/53a6bd692059f897f8df5a99c9570ecf/Nikki.png'\n }\n]\n\nconst learnCards: LearnCardData[] = [\n {\n id: 'isamazing',\n title: 'Emote Workshop \| Create Great Animations',\n name: 'Isamazing',\n userImage: 'https://images.ctfassets.net/ea2ybdmmn1kv/1JsJlPSMTiDHxWvNbLcTUb/c3ae0654ff66da80a99a52334a3caf01/isa.png',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/6b8IV5K8BUFIi6AyA1h6uI/e2dd6add08d9b0a77c12d65131f0b42c/5PEF2pwZxtY-HQ.jpg',\n url: 'https://youtu.be/5PEF2pwZxtY?list=PLAcRraQmr_GN8LcnnQk2BByo9L2Orvp9c',\n date: 'January 30, 2024'\n },\n {\n id: 'kjwalker',\n title: 'Making Skins \| Creating Wearables',\n name: 'KJWalker',\n userImage: 'https://images.ctfassets.net/ea2ybdmmn1kv/6pjOW45mmmYy5DkaoOsYLB/02b30670a4d63e32845d89d6ad063fe5/kj.png',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/3BYsoFQ1UEbmjVPIDNMdIU/f9a89d99a91741da24010d68030d323e/zx2CBy3pPfo-HQ.jpg',\n url: 'https://www.youtube.com/watch?v=zx2CBy3pPfo',\n date: 'January 31, 2024'\n },\n {\n id: 'nicoe',\n title: 'Creating Scenes \| SDK 7 and Smart Items',\n name: 'NicoE',\n userImage: 'https://images.ctfassets.net/ea2ybdmmn1kv/1HxP6difHgjUlzACC0Nha2/7c75d6c74da5171584072eadefd3b961/nico.png',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/6gjVuKeWBh76Pe6UyiAZzt/29ffb9ad320ca075e2c04ad34464f9c4/J_EO1LZkaiA-HQ.jpg',\n url: 'https://www.youtube.com/watch?v=J_EO1LZkaiA&list=PLAcRraQmr_GP_K8WN7csnKnImK4R2TgMA&index=6&ab_channel=Decentraland',\n date: 'January 31, 2024'\n },\n {\n id: 'sango',\n title: 'How to Make a Wearable \| Workshop Series',\n name: 'Sango',\n userImage: 'https://images.ctfassets.net/ea2ybdmmn1kv/4AVvwN5SFyRJu9zEFt2qJF/fd883eb27e429351a619d6fef963f9cb/sango.png',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/5ky9e2oglx9xmfLRC6uhzY/c04eee263099cccb99245c3d9b7808c3/zl43Fw7zROQ-SD.jpg',\n url: 'https://youtu.be/zl43Fw7zROQ?list=PLEl6fe1igtKBFDcxaC64Uxamo7kQUi5mf',\n date: 'January 24, 2024'\n },\n {\n id: 'sinful',\n title: 'Publishing Wearables & Emotes',\n name: 'Sinful',\n userImage:\n 'https://images.ctfassets.net/ea2ybdmmn1kv/16eJcvU74UY7k3KXZoI5AD/a8578a20da16d755c95815f6daed072a/Screenshot_2024-01-31_130003.png',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/5EI8frG7fYxMRGbgm92TPC/a69b8d39cb44e88640c44b0cdaa8373f/vY7IYksmC2M-HQ.jpg',\n url: 'https://www.youtube.com/watch?v=vY7IYksmC2M',\n date: 'January 31, 2024'\n }\n]\n\nconst faqItems: FaqData[] = [\n {\n question: 'What is Decentraland?',\n answer:\n \"Launched in 2020, Decentraland is a virtual social world, the first decentralized metaverse, and the only one that is open source. Within the Decentraland platform, which can run on a browser or desktop app, users can create, experience, and monetize content and applications as well as socialize and attend a wide range of daily, community-driven events. Decentraland is unique in that it is owned, created, and governed by the people who use it every day. Through Decentraland's decentralized autonomous organization (DAO) users can submit and vote on proposals and even apply for grants for the community to vote on.\"\n },\n {\n question: 'What can I create in Decentraland?',\n answer:\n \"It would be easier to ask what you can't create in Decentraland! As a virtual world created by its users, in Decentraland you can create just about everything.\\nDecentraland Creators make all the components that go into crafting a digital identity, such as Wearables (this can include whole skins, body parts, articles of clothing, hair styles, accessories, etc.) as well as Emotes, animations for your avatar which can include props and sounds in addition to movement.\\nThe landscape and activities of Decentraland are also all shaped by creators. Walking through Decentraland's Genesis City, you can explore a variety of content from different creators, built side-by-side: art galleries, theaters, gardens, night clubs, racetracks, casinos, entire game experiences, and more can be explored and created by everyone! To start building, download Decentraland's Creator Hub.\"\n },\n {\n question: 'How do I become a Decentraland creator?',\n answer:\n \"Anyone can be a Decentraland creator, all it takes is a little knowhow and endless creative ideas! Depending on what you want to create, the knowledge you need to know differs. If you just want to create cool virtual scenes for yourself or to host events, and learning programming and 3D modeling isn't in your plans, then you can get started creating scenes right away by downloading Decentraland's Creator Hub.\\n\\nFor those familiar with or willing to learn 3D modeling and/or programming, all the technical specs and procedures you need to know to create in Decentraland can be found on the Creator Docs page, and there are many tutorials available online for creating Wearables, Emotes, and experiences.\\nWearables & Emotes\\nThe process of creating Wearables & Emotes involves asset creation in a 3D modeling program like Blender, submission to the Curation Committee who ensure that your creation is technically sound and complies with Decentraland's content policy (this includes paying the $100 USD publication fee which goes to the DAO to fund community grants). Finally, once your creation is approved, it is officially published in the Marketplace! You'll receive 97.5% of all primary sales and earn 2.5% royalties on any secondary sales.\\nExperiences\\nIf you're interested in designing experiences, download Decentraland's Creator Hub and you can start creating immersive scenes and games which you can then publish to Worlds or LAND in Decentraland's open-world Genesis City. You retain all control over your content, can edit or remove it whenever you wish, and keep all proceeds of any funds you may generate through your experiences.\"\n },\n {\n question: 'Is it possible to monetize my creations?',\n answer:\n 'Yes, of course! Decentraland creators are able to monetize their skills in many ways.\\n\\nWearable and Emote creators publish their creations in the Marketplace, paying a $100 USD publication fee which goes to the DAO to fund community grants, and as a result earn 97.5% of the profits on all primary sales and 2.5% royalties on any secondary sales.\\nSome scene creators monetize their experiences, the revenue of which they are able to keep fully for themselves, and lastly many creators offer their services for hire through Decentraland Studios.'\n },\n {\n question: 'Do I need to own LAND to create experiences in Decentraland?',\n answer:\n \"No, owning LAND is not necessary to create scenes or interactive experiences in Decentraland. Anyone is free to create content using Decentraland's SDK 7 or no-code Editor. Then, if you want to publish your creations so that you and others can explore and enjoy them, there are multiple options available to you, in addition to owning LAND.\\nWorlds\\nWorlds are your personal 3D space in the metaverse. The exist separately from the open-world map of Decentraland's Genesis City and are perfect for those looking to experiment with 3D creation or host their own virtual space.\\n\\nGetting your own World is easy: when you claim a Decentraland NAME you not only get a unique username that can be used across Web3, but also 100 Voting Power (used in Decentraland governance), and of course your own World to use as you wish. Learn more here.\\n\\nRent LAND\\nIf you're interested in publishing your content in Decentraland's open-world Genesis City but don't want to commit to a LAND purchase, you don't have to! It's easy to rent LAND for the short or long term in the Marketplace where you can pay by card, bank transfer, or cryptocurrency. Browse rentals and see what's available!\\n\\nCommunity Connections, Community Grants, and Open Calls for Creators\\nIf someone is passionate about sharing their creations with the community, in Decentraland there will always be a way to make it happen. The creator community is very welcoming and open to lending a hand. If you're just getting started, you can meet many creators in the Community Building Discord.\\nIf you want to build an experience that benefits the community, but need the resources to make it happen, you can always try applying for a Community Grant in the DAO. You may also apply to one of the Open Calls that happen periodically through the year to build experiences and scenes for various Decentraland events such as the annual music, art, and fashion festivals. Stay tuned to Decentraland socials or subscribe to the weekly newsletter to stay updated!\"\n },\n {\n question: 'Do I need cryptocurrency or a digital wallet to use Decentraland?',\n answer:\n \"You do not need to own cryptocurrency to enjoy Decentraland as it is free to use. If you decide to purchase a community-made creation from the Marketplace, there are multiple payment options available, such as credit/debit card and bank transfer in addition to various cryptocurrencies.\\n\\nAs for owning a digital wallet, if you don't already have one, you don't need to get one yourself if you don't want to. When you sign-in to Decentraland for the first time-creating your account-a digital wallet will be created for you behind the scenes, it's as simple as that!\\n\\nThis digital wallet is part of your Decentraland account and is used to store any digital assets you acquire, such as free Wearables you might claim in-world or a fun Emote you purchase in the Marketplace.\"\n }\n]\n\nconst earnSkills = [\n '3D MODELING',\n 'CREATIVE DIRECTION',\n 'LAND RENTAL',\n 'LINKED WEARABLES',\n 'VENUE RENTAL',\n 'ADVERTISING',\n 'EMOTE DESIGN',\n 'ENTERTAINMENT',\n 'PROGRAMMING',\n 'WEARABLE DESIGN'\n]\n\nexport { connectCards, createCards, earnSkills, faqItems, heroData, learnCards, whyCards }\nexport type { ConnectCardData, CreateCardData, CreateCardTab, FaqData, HeroData, LearnCardData, MediaProps, WhyCardData }\n","import { type SVGAttributes, memo } from 'react'\nimport { styled } from 'decentraland-ui2'\n\ntype ChevronProps = SVGAttributes<SVGElement> & {\n dark?: boolean\n}\n\nconst StyledSvg = styled('svg', {\n shouldForwardProp: prop => prop !== 'dark'\n})<{ dark?: boolean }>(({ dark }) => ({\n fill: dark ? '#a09ba8' : '#fff',\n cursor: 'pointer'\n}))\n\nconst Chevron = memo((props: ChevronProps) => {\n const { dark, ...rest } = props\n return (\n <StyledSvg {...rest} dark={dark} xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M0.585815 3.41424L3.41424 0.585815L10.5 7.6716L17.5858 0.585815L20.4142 3.41424L10.5 13.3285L0.585815 3.41424Z\"\n />\n </StyledSvg>\n )\n})\n\nexport { Chevron }\n","import { Box, Typography, styled } from 'decentraland-ui2'\n\nconst HeroSection = styled('section')({\n height: 'calc(90vh - 96px)',\n width: '100%',\n position: 'relative',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n marginTop: 92,\n overflow: 'hidden'\n})\n\nconst HeroBackground = styled(Box)({\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n zIndex: 0,\n ['& video, & .hero-bg-image']: {\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n objectPosition: 'center'\n }\n})\n\nconst HeroContent = styled(Box)(({ theme }) => ({\n position: 'relative',\n zIndex: 1,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n textAlign: 'center',\n maxWidth: 739,\n padding: `0 ${theme.spacing(4)}`,\n [theme.breakpoints.down('sm')]: {\n maxWidth: '100%'\n }\n}))\n\nconst HeroTitle = styled(Typography)(({ theme }) => ({\n fontSize: 64,\n fontWeight: 700,\n letterSpacing: '-1.28px',\n lineHeight: 'normal',\n marginBottom: theme.spacing(5.5),\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: 48,\n letterSpacing: '-0.8px',\n marginBottom: theme.spacing(4)\n }\n}))\n\nconst HeroSubtitle = styled(Typography)(({ theme }) => ({\n fontSize: 24,\n fontWeight: 500,\n lineHeight: '32px',\n marginBottom: theme.spacing(8.5),\n color: '#fff',\n [theme.breakpoints.down('sm')]: {\n fontSize: 20,\n lineHeight: '30px',\n fontWeight: 400,\n marginBottom: theme.spacing(8)\n }\n}))\n\nconst HeroActions = styled(Box)({\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center'\n})\n\nconst ChevronContainer = styled(Box)({\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n paddingTop: 40,\n paddingBottom: 32,\n ['&:hover svg']: {\n animation: 'moveUpDown 1s linear infinite'\n },\n ['@keyframes moveUpDown']: {\n ['0%']: { transform: 'translateY(0)' },\n ['50%']: { transform: 'translateY(-10px)' },\n ['100%']: { transform: 'translateY(0)' }\n }\n})\n\nexport { ChevronContainer, HeroActions, HeroBackground, HeroContent, HeroSection, HeroSubtitle, HeroTitle }\n","import { memo } from 'react'\nimport { useDesktopMediaQuery, useMediaQuery } from 'decentraland-ui2'\nimport { useFormatMessage } from '../../../hooks/adapters/useFormatMessage'\nimport { useTrackClick } from '../../../hooks/adapters/useTrackLinkContext'\nimport { useCreatorHubDownload } from '../../../hooks/useCreatorHubDownload'\nimport { useTypingListEffect } from '../../../hooks/useTypingListEffect'\nimport { SectionViewedTrack, SegmentEvent } from '../../../modules/segment'\nimport { CTAButton } from '../../Buttons/CTAButton'\nimport { Video } from '../../Video'\nimport { heroData } from '../data'\nimport {\n AlsoAvailableContainer,\n AlsoAvailableText,\n AlternativeButtonImage,\n AlternativeIconButton,\n DownloadButtonImage\n} from '../DownloadButtons.styled'\nimport { Chevron } from './Chevron'\nimport { ChevronContainer, HeroActions, HeroBackground, HeroContent, HeroSection, HeroSubtitle, HeroTitle } from './Hero.styled'\n\nconst CREATOR_HUB_DOWNLOAD_URL = '/download/creator-hub'\n\nconst CreatorsHero = memo(() => {\n const isMobile = useMediaQuery('(max-width: 767px)')\n const isDesktop = useDesktopMediaQuery()\n const currentWord = useTypingListEffect(heroData.changingWords)\n const trackClick = useTrackClick()\n const l = useFormatMessage()\n const { isReady, primaryOption, secondaryOptions, handleDownload } = useCreatorHubDownload()\n\n const showDownloadOptions = isDesktop && isReady\n\n return (\n <>\n <HeroSection>\n <HeroBackground>\n {!isMobile && (\n <Video\n loop\n muted\n autoPlay\n playsInline\n width={heroData.videoLandscape.width}\n height={heroData.videoLandscape.height}\n poster={heroData.imageLandscape.url}\n source={heroData.videoLandscape.url}\n />\n )}\n {isMobile && (\n <Video\n loop\n muted\n autoPlay\n playsInline\n width={heroData.videoPortrait.width}\n height={heroData.videoPortrait.height}\n poster={heroData.imagePortrait.url}\n source={heroData.videoPortrait.url}\n />\n )}\n </HeroBackground>\n <HeroContent>\n <HeroTitle>\n {heroData.titleFirstLine}\n <br />\n <span>{currentWord}</span>\n <br />\n {heroData.titleLastLine}\n </HeroTitle>\n <HeroSubtitle>{heroData.subtitle}</HeroSubtitle>\n <HeroActions>\n {showDownloadOptions && primaryOption?.link ? (\n <>\n <CTAButton\n href={primaryOption.link}\n onClick={event => {\n event.preventDefault()\n trackClick(event)\n handleDownload(primaryOption)\n }}\n event={SegmentEvent.DOWNLOAD}\n place={SectionViewedTrack.CREATORS_HERO}\n endIcon={<DownloadButtonImage src={primaryOption.image} alt=\"\" />}\n label={l('page.download.download_creator_hub')}\n isFullWidth={false}\n />\n {secondaryOptions.length > 0 && (\n <AlsoAvailableContainer>\n <AlsoAvailableText>{l('page.creator-hub.download.also_available')}</AlsoAvailableText>\n {secondaryOptions.map(option => (\n <AlternativeIconButton\n key={option.text}\n onClick={event => {\n event.preventDefault()\n trackClick(event)\n handleDownload(option)\n }}\n >\n <AlternativeButtonImage src={option.image} alt={option.text} />\n </AlternativeIconButton>\n ))}\n </AlsoAvailableContainer>\n )}\n </>\n ) : (\n <CTAButton\n href={CREATOR_HUB_DOWNLOAD_URL}\n onClick={event => {\n trackClick(event)\n }}\n event={SegmentEvent.DOWNLOAD}\n place={SectionViewedTrack.CREATORS_HERO}\n label={l('page.download.download_creator_hub')}\n isFullWidth={false}\n />\n )}\n </HeroActions>\n </HeroContent>\n </HeroSection>\n <ChevronContainer>\n <Chevron dark />\n </ChevronContainer>\n </>\n )\n})\n\nexport { CreatorsHero }\n","import { Suspense, lazy, memo } from 'react'\nimport { CreatorsHero } from '../../components/Create/Hero'\n\nconst CreatorsWhy = lazy(() => import('../../components/Create/Why').then(m => ({ default: m.CreatorsWhy })))\nconst CreatorsCreate = lazy(() => import('../../components/Create/CreateCards').then(m => ({ default: m.CreatorsCreate })))\nconst CreatorsConnect = lazy(() => import('../../components/Create/Connect').then(m => ({ default: m.CreatorsConnect })))\nconst CreatorsLearn = lazy(() => import('../../components/Create/Learn').then(m => ({ default: m.CreatorsLearn })))\nconst CreatorsEarn = lazy(() => import('../../components/Create/Earn').then(m => ({ default: m.CreatorsEarn })))\nconst CreatorsFaqs = lazy(() => import('../../components/Create/Faqs').then(m => ({ default: m.CreatorsFaqs })))\n\nconst CreatePage = memo(() => {\n return (\n <>\n <CreatorsHero />\n <Suspense fallback={null}>\n <CreatorsWhy />\n <CreatorsCreate />\n <CreatorsConnect />\n <CreatorsLearn />\n <CreatorsEarn />\n <CreatorsFaqs />\n </Suspense>\n </>\n )\n})\n\nexport { CreatePage }\n"],"file":"assets/index-BqghIvCc.js"}

package/assets/{index-58xN71Vu.js → index-BsykSOSe.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{a as k,b as O}from"./index-~~Czi9R2pR~~.js";import"./index-~~BQ4lI5xX~~.js";import"./vendor-router-D_36sTKu.js";import"./vendor-sentry-BSvWNK4f.js";import"./vendor-crypto-uuuQA3i5.js";import"./vendor-schemas-DJzTSxpO.js";import"./vendor-ua-D7qqAxdq.js";import"./vendor-intl-D2lXWsDp.js";function j(a,e){return Object.keys(e).reduce(function(i,t){if(t.startsWith(a)){var r=t.substr(a.length);i[r]=e[t]}return i},{})}function U(a,e){var i=document.createElement("a");i.href=e;var t=i.search.slice(1),r=t.split("&").reduce(function(v,P){var p=P.split("="),b=p[0],S=p[1];return v[b]=k(S),v},{}),s=[],m=r.ajs_uid,f=r.ajs_event,c=r.ajs_aid,n=O(a.options.useQueryString)?a.options.useQueryString:{},u=n.aid,l=u===void 0?/.+/:u,o=n.uid,A=o===void 0?/.+/:o;if(c){var _=Array.isArray(r.ajs_aid)?r.ajs_aid[0]:r.ajs_aid;l.test(_)&&a.setAnonymousId(_)}if(m){var d=Array.isArray(r.ajs_uid)?r.ajs_uid[0]:r.ajs_uid;if(A.test(d)){var h=j("ajs_trait_",r);s.push(a.identify(d,h))}}if(f){var y=Array.isArray(r.ajs_event)?r.ajs_event[0]:r.ajs_event,g=j("ajs_prop_",r);s.push(a.track(y,g))}return Promise.all(s)}export{U as queryString};
1	+ import{a as k,b as O}from"./index-BpUUMJJL.js";import"./index-DaRevScO.js";import"./vendor-router-D_36sTKu.js";import"./vendor-sentry-BSvWNK4f.js";import"./vendor-crypto-uuuQA3i5.js";import"./vendor-schemas-DJzTSxpO.js";import"./vendor-ua-D7qqAxdq.js";import"./vendor-intl-D2lXWsDp.js";function j(a,e){return Object.keys(e).reduce(function(i,t){if(t.startsWith(a)){var r=t.substr(a.length);i[r]=e[t]}return i},{})}function U(a,e){var i=document.createElement("a");i.href=e;var t=i.search.slice(1),r=t.split("&").reduce(function(v,P){var p=P.split("="),b=p[0],S=p[1];return v[b]=k(S),v},{}),s=[],m=r.ajs_uid,f=r.ajs_event,c=r.ajs_aid,n=O(a.options.useQueryString)?a.options.useQueryString:{},u=n.aid,l=u===void 0?/.+/:u,o=n.uid,A=o===void 0?/.+/:o;if(c){var _=Array.isArray(r.ajs_aid)?r.ajs_aid[0]:r.ajs_aid;l.test(_)&&a.setAnonymousId(_)}if(m){var d=Array.isArray(r.ajs_uid)?r.ajs_uid[0]:r.ajs_uid;if(A.test(d)){var h=j("ajs_trait_",r);s.push(a.identify(d,h))}}if(f){var y=Array.isArray(r.ajs_event)?r.ajs_event[0]:r.ajs_event,g=j("ajs_prop_",r);s.push(a.track(y,g))}return Promise.all(s)}export{U as queryString};

package/assets/{index-58xN71Vu.js.map → index-BsykSOSe.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index-~~58xN71Vu~~.js","sources":["../../node_modules/@segment/analytics-next/dist/pkg/core/query-string/pickPrefix.js","../../node_modules/@segment/analytics-next/dist/pkg/core/query-string/index.js"],"sourcesContent":["/*\n Returns an object containing only the properties prefixed by the input\n * string.\n * Ex: prefix('ajs_traits_', { ajs_traits_address: '123 St' })\n * will return { address: '123 St' }\n **/\nexport function pickPrefix(prefix, object) {\n return Object.keys(object).reduce(function (acc, key) {\n if (key.startsWith(prefix)) {\n var field = key.substr(prefix.length);\n acc[field] = object[key];\n }\n return acc;\n }, {});\n}\n//# sourceMappingURL=pickPrefix.js.map","import { pickPrefix } from './pickPrefix';\nimport { gracefulDecodeURIComponent } from './gracefulDecodeURIComponent';\nimport { isPlainObject } from '@segment/analytics-core';\nexport function queryString(analytics, query) {\n var a = document.createElement('a');\n a.href = query;\n var parsed = a.search.slice(1);\n var params = parsed.split('&').reduce(function (acc, str) {\n var _a = str.split('='), k = _a[0], v = _a[1];\n acc[k] = gracefulDecodeURIComponent(v);\n return acc;\n }, {});\n var calls = [];\n var ajs_uid = params.ajs_uid, ajs_event = params.ajs_event, ajs_aid = params.ajs_aid;\n var _a = isPlainObject(analytics.options.useQueryString)\n ? analytics.options.useQueryString\n : {}, _b = _a.aid, aidPattern = _b === void 0 ? /.+/ : _b, _c = _a.uid, uidPattern = _c === void 0 ? /.+/ : _c;\n if (ajs_aid) {\n var anonId = Array.isArray(params.ajs_aid)\n ? params.ajs_aid[0]\n : params.ajs_aid;\n if (aidPattern.test(anonId)) {\n analytics.setAnonymousId(anonId);\n }\n }\n if (ajs_uid) {\n var uid = Array.isArray(params.ajs_uid)\n ? params.ajs_uid[0]\n : params.ajs_uid;\n if (uidPattern.test(uid)) {\n var traits = pickPrefix('ajs_trait_', params);\n calls.push(analytics.identify(uid, traits));\n }\n }\n if (ajs_event) {\n var event_1 = Array.isArray(params.ajs_event)\n ? params.ajs_event[0]\n : params.ajs_event;\n var props = pickPrefix('ajs_prop_', params);\n calls.push(analytics.track(event_1, props));\n }\n return Promise.all(calls);\n}\n//# sourceMappingURL=index.js.map"],"names":["pickPrefix","prefix","object","acc","key","field","queryString","analytics","query","a","parsed","params","str","_a","k","v","gracefulDecodeURIComponent","calls","ajs_uid","ajs_event","ajs_aid","isPlainObject","_b","aidPattern","_c","uidPattern","anonId","uid","traits","event_1","props"],"mappings":"8RAMO,SAASA,EAAWC,EAAQC,EAAQ,CACvC,OAAO,OAAO,KAAKA,CAAM,EAAE,OAAO,SAAUC,EAAKC,EAAK,CAClD,GAAIA,EAAI,WAAWH,CAAM,EAAG,CACxB,IAAII,EAAQD,EAAI,OAAOH,EAAO,MAAM,EACpCE,EAAIE,CAAK,EAAIH,EAAOE,CAAG,CAC3B,CACA,OAAOD,CACX,EAAG,CAAA,CAAE,CACT,CCXO,SAASG,EAAYC,EAAWC,EAAO,CAC1C,IAAIC,EAAI,SAAS,cAAc,GAAG,EAClCA,EAAE,KAAOD,EACT,IAAIE,EAASD,EAAE,OAAO,MAAM,CAAC,EACzBE,EAASD,EAAO,MAAM,GAAG,EAAE,OAAO,SAAUP,EAAKS,EAAK,CACtD,IAAIC,EAAKD,EAAI,MAAM,GAAG,EAAGE,EAAID,EAAG,CAAC,EAAGE,EAAIF,EAAG,CAAC,EAC5C,OAAAV,EAAIW,CAAC,EAAIE,EAA2BD,CAAC,EAC9BZ,CACX,EAAG,CAAA,CAAE,EACDc,EAAQ,CAAA,EACRC,EAAUP,EAAO,QAASQ,EAAYR,EAAO,UAAWS,EAAUT,EAAO,QACzEE,EAAKQ,EAAcd,EAAU,QAAQ,cAAc,EACjDA,EAAU,QAAQ,eAClB,CAAA,EAAIe,EAAKT,EAAG,IAAKU,EAAaD,IAAO,OAAS,KAAOA,EAAIE,EAAKX,EAAG,IAAKY,EAAaD,IAAO,OAAS,KAAOA,EAChH,GAAIJ,EAAS,CACT,IAAIM,EAAS,MAAM,QAAQf,EAAO,OAAO,EACnCA,EAAO,QAAQ,CAAC,EAChBA,EAAO,QACTY,EAAW,KAAKG,CAAM,GACtBnB,EAAU,eAAemB,CAAM,CAEvC,CACA,GAAIR,EAAS,CACT,IAAIS,EAAM,MAAM,QAAQhB,EAAO,OAAO,EAChCA,EAAO,QAAQ,CAAC,EAChBA,EAAO,QACb,GAAIc,EAAW,KAAKE,CAAG,EAAG,CACtB,IAAIC,EAAS5B,EAAW,aAAcW,CAAM,EAC5CM,EAAM,KAAKV,EAAU,SAASoB,EAAKC,CAAM,CAAC,CAC9C,CACJ,CACA,GAAIT,EAAW,CACX,IAAIU,EAAU,MAAM,QAAQlB,EAAO,SAAS,EACtCA,EAAO,UAAU,CAAC,EAClBA,EAAO,UACTmB,EAAQ9B,EAAW,YAAaW,CAAM,EAC1CM,EAAM,KAAKV,EAAU,MAAMsB,EAASC,CAAK,CAAC,CAC9C,CACA,OAAO,QAAQ,IAAIb,CAAK,CAC5B","x_google_ignoreList":[0,1]}
1	+ {"version":3,"file":"index-BsykSOSe.js","sources":["../../node_modules/@segment/analytics-next/dist/pkg/core/query-string/pickPrefix.js","../../node_modules/@segment/analytics-next/dist/pkg/core/query-string/index.js"],"sourcesContent":["/*\n Returns an object containing only the properties prefixed by the input\n * string.\n * Ex: prefix('ajs_traits_', { ajs_traits_address: '123 St' })\n * will return { address: '123 St' }\n **/\nexport function pickPrefix(prefix, object) {\n return Object.keys(object).reduce(function (acc, key) {\n if (key.startsWith(prefix)) {\n var field = key.substr(prefix.length);\n acc[field] = object[key];\n }\n return acc;\n }, {});\n}\n//# sourceMappingURL=pickPrefix.js.map","import { pickPrefix } from './pickPrefix';\nimport { gracefulDecodeURIComponent } from './gracefulDecodeURIComponent';\nimport { isPlainObject } from '@segment/analytics-core';\nexport function queryString(analytics, query) {\n var a = document.createElement('a');\n a.href = query;\n var parsed = a.search.slice(1);\n var params = parsed.split('&').reduce(function (acc, str) {\n var _a = str.split('='), k = _a[0], v = _a[1];\n acc[k] = gracefulDecodeURIComponent(v);\n return acc;\n }, {});\n var calls = [];\n var ajs_uid = params.ajs_uid, ajs_event = params.ajs_event, ajs_aid = params.ajs_aid;\n var _a = isPlainObject(analytics.options.useQueryString)\n ? analytics.options.useQueryString\n : {}, _b = _a.aid, aidPattern = _b === void 0 ? /.+/ : _b, _c = _a.uid, uidPattern = _c === void 0 ? /.+/ : _c;\n if (ajs_aid) {\n var anonId = Array.isArray(params.ajs_aid)\n ? params.ajs_aid[0]\n : params.ajs_aid;\n if (aidPattern.test(anonId)) {\n analytics.setAnonymousId(anonId);\n }\n }\n if (ajs_uid) {\n var uid = Array.isArray(params.ajs_uid)\n ? params.ajs_uid[0]\n : params.ajs_uid;\n if (uidPattern.test(uid)) {\n var traits = pickPrefix('ajs_trait_', params);\n calls.push(analytics.identify(uid, traits));\n }\n }\n if (ajs_event) {\n var event_1 = Array.isArray(params.ajs_event)\n ? params.ajs_event[0]\n : params.ajs_event;\n var props = pickPrefix('ajs_prop_', params);\n calls.push(analytics.track(event_1, props));\n }\n return Promise.all(calls);\n}\n//# sourceMappingURL=index.js.map"],"names":["pickPrefix","prefix","object","acc","key","field","queryString","analytics","query","a","parsed","params","str","_a","k","v","gracefulDecodeURIComponent","calls","ajs_uid","ajs_event","ajs_aid","isPlainObject","_b","aidPattern","_c","uidPattern","anonId","uid","traits","event_1","props"],"mappings":"8RAMO,SAASA,EAAWC,EAAQC,EAAQ,CACvC,OAAO,OAAO,KAAKA,CAAM,EAAE,OAAO,SAAUC,EAAKC,EAAK,CAClD,GAAIA,EAAI,WAAWH,CAAM,EAAG,CACxB,IAAII,EAAQD,EAAI,OAAOH,EAAO,MAAM,EACpCE,EAAIE,CAAK,EAAIH,EAAOE,CAAG,CAC3B,CACA,OAAOD,CACX,EAAG,CAAA,CAAE,CACT,CCXO,SAASG,EAAYC,EAAWC,EAAO,CAC1C,IAAIC,EAAI,SAAS,cAAc,GAAG,EAClCA,EAAE,KAAOD,EACT,IAAIE,EAASD,EAAE,OAAO,MAAM,CAAC,EACzBE,EAASD,EAAO,MAAM,GAAG,EAAE,OAAO,SAAUP,EAAKS,EAAK,CACtD,IAAIC,EAAKD,EAAI,MAAM,GAAG,EAAGE,EAAID,EAAG,CAAC,EAAGE,EAAIF,EAAG,CAAC,EAC5C,OAAAV,EAAIW,CAAC,EAAIE,EAA2BD,CAAC,EAC9BZ,CACX,EAAG,CAAA,CAAE,EACDc,EAAQ,CAAA,EACRC,EAAUP,EAAO,QAASQ,EAAYR,EAAO,UAAWS,EAAUT,EAAO,QACzEE,EAAKQ,EAAcd,EAAU,QAAQ,cAAc,EACjDA,EAAU,QAAQ,eAClB,CAAA,EAAIe,EAAKT,EAAG,IAAKU,EAAaD,IAAO,OAAS,KAAOA,EAAIE,EAAKX,EAAG,IAAKY,EAAaD,IAAO,OAAS,KAAOA,EAChH,GAAIJ,EAAS,CACT,IAAIM,EAAS,MAAM,QAAQf,EAAO,OAAO,EACnCA,EAAO,QAAQ,CAAC,EAChBA,EAAO,QACTY,EAAW,KAAKG,CAAM,GACtBnB,EAAU,eAAemB,CAAM,CAEvC,CACA,GAAIR,EAAS,CACT,IAAIS,EAAM,MAAM,QAAQhB,EAAO,OAAO,EAChCA,EAAO,QAAQ,CAAC,EAChBA,EAAO,QACb,GAAIc,EAAW,KAAKE,CAAG,EAAG,CACtB,IAAIC,EAAS5B,EAAW,aAAcW,CAAM,EAC5CM,EAAM,KAAKV,EAAU,SAASoB,EAAKC,CAAM,CAAC,CAC9C,CACJ,CACA,GAAIT,EAAW,CACX,IAAIU,EAAU,MAAM,QAAQlB,EAAO,SAAS,EACtCA,EAAO,UAAU,CAAC,EAClBA,EAAO,UACTmB,EAAQ9B,EAAW,YAAaW,CAAM,EAC1CM,EAAM,KAAKV,EAAU,MAAMsB,EAASC,CAAK,CAAC,CAC9C,CACA,OAAO,QAAQ,IAAIb,CAAK,CAC5B","x_google_ignoreList":[0,1]}