https://shaon.net/_next/static/chunks/pages/[username]/project/[slug]/media-af952b7c1fc911e8.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5243],{6726:(e,l,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/[username]/project/[slug]/media",function(){return a(76469)}])},18729:(e,l,a)=>{"use strict";a.d(l,{A:()=>g});var t=a(37876),r=a(14232),n=a(54587),s=a.n(n),i=a(4960),o=a(89311),d=a(16495),c=a(4282);let u=(0,r.forwardRef)((e,l)=>{var a,r,n;let{project:i,analytics:u,preview:h=!1,dark:m=!1}=e;if(!(null==i?void 0:i.title))return null;let g=(null==i?void 0:i.rankMonthly)||(null==i?void 0:i.rankWeekly),p=(null==u||null==(a=u.supporters)?void 0:a.length)<=11?"pt-16":"pt-10";return(0,t.jsx)("div",{className:"relative overflow-hidden ".concat(h?"w-[343px] ".concat(g||(null==u||null==(r=u.supporters)?void 0:r.length)>=42?"h-[343px]  md:h-[227px]":"h-46  md:h-30","  md:w-[227px] border rounded-2xl"):"rounded-xl"," "),children:(0,t.jsxs)("div",{ref:l,className:(()=>{var e;let l="w-600 flex flex-col items-center px-9",a=m?"bg-gray-1k dark:bg-gray-00":"bg-gray-00 dark:bg-gray-1k",t=g?"py-1":"py-18 md:py-20",r=g||(null==u||null==(e=u.supporters)?void 0:e.length)>=42?"h-[600px]":"".concat(p,"  h-[315px]");return h?"".concat(l," ").concat("transform origin-top-left scale-[0.578] md:scale-[0.378]"," ").concat(t," gap-2 ").concat(r,"  ").concat(a):"".concat(l," gap-8 ").concat(r," ").concat(t,"  ").concat(a)})(),children:[g?(0,t.jsx)("div",{className:"flex h-25",children:(0,t.jsx)("img",{className:"h-full",src:c.Ay.getProjectBadges({rank:g,featuredOn:null==i?void 0:i.featuredOn,isWeekly:c.Ay.isProjectFromWeeklyLaunch(null==i?void 0:i.featuredOn)}).badge,alt:c.Ay.getProjectBadges({rank:g,featuredOn:null==i?void 0:i.featuredOn,isWeekly:c.Ay.isProjectFromWeeklyLaunch(null==i?void 0:i.featuredOn)}).alt})}):null,(0,t.jsxs)("div",{className:"flex flex-col gap-6 items-center w-full",children:[(0,t.jsxs)("div",{className:"flex flex-col gap-4 items-center w-full",children:[(0,t.jsx)(o.default.NormalText,{as:"span",xxxxl:!0,className:"font-instrument text-center leading-110 w-full truncate",textColor:m?"text-white":"text-black",children:i.title}),(0,t.jsx)("span",{className:"text-[28px] font-instrument italic text-gray-500",children:"Thank you for your support! \uD83D\uDC9A"})]}),(0,t.jsx)("div",{className:"flex flex-col gap-6 items-center",children:(0,t.jsx)("div",{className:"flex flex-wrap gap-2 items-center justify-center",children:(null==u||null==(n=u.supporters)?void 0:n.length)?(0,t.jsx)(x,{num:u.supporters.length,supporters:u.supporters,dark:m,isWinner:g<4}):null})})]}),(0,t.jsx)(s(),{src:m?d.CDNImage.launchedOnLaunchpadTextDark:d.CDNImage.launchedOnLaunchpadTextLight,height:24,width:202,className:"absolute ".concat(g?"bottom-6":"bottom-3"," z-10"),alt:"peerlist launchpad logo"}),g?null:(0,t.jsx)("div",{className:"w-full h-25 absolute bottom-0",style:{background:m?"linear-gradient(180deg, rgba(0, 0, 0, 0.00) -0.55%, #171717 71.72%)":"linear-gradient(180deg, rgba(255, 255, 255, 0.00) -0.55%, #FFF 71.72%)"}})]})})}),x=e=>{let{num:l=0,supporters:a=[],dark:r=!1,isWinner:n=!1}=e,s=m({num:l,isWinner:n});return a.map(e=>(0,t.jsx)(h,{supporter:e,size:s,dark:r}))},h=e=>{let{supporter:l,size:a,dark:n}=e,[s,o]=(0,r.useState)(!1),u=Math.round(parseInt(a,10)/2.67),x=Math.round(1.33*parseInt(u,10)),{canSuperUpvote:h,superUpvotedShareBorder:m,lottie:g}=(0,c.ZH)(null==l?void 0:l.upvoteWeight);return(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)("img",{src:s?d.CDNImage.emptyUserDP:l.profilePicture||d.CDNImage.emptyUserDP,alt:l.firstName,className:"rounded-full object-cover ".concat(h?"border ".concat(m):null),style:{height:a,width:a},onError:()=>o(!0)},l.id),h?(0,t.jsx)("div",{className:"absolute right-0 bottom-0 translate-x-1/4 translate-y-1/4 flex items-center justify-center rounded-full p-px ".concat(n?"bg-black":"bg-white"),style:{height:x,width:x},children:(0,t.jsx)(i.a,{src:g,style:{width:"".concat(u,"px"),height:"".concat(u,"px")},autoplay:!1,loop:!1,keepLastFrame:!0})}):null]})},m=e=>{let{num:l,isWinner:a}=e;if(a)switch(!0){case l<=16:return"56px";case l>16&&l<=27:return"48px";case l>27&&l<=44:break;case l>44&&l<=65:return"32px";default:return"24px"}return"40px"},g=u},76469:(e,l,a)=>{"use strict";a.r(l),a.d(l,{__N_SSP:()=>A,default:()=>L});var t=a(37876),r=a(14232),n=a(77328),s=a.n(n),i=a(57994),o=a(58385),d=a(34217),c=a(89311),u=a(21639),x=a(83872),h=a(79934),m=a(51915),g=a(18729),p=a(34321),f=a(70657),j=a(94296),y=a(16495),v=a(4282),k=a(20841);let b="light",N="dark",w="amplify",D="supporters",C=e=>{let{id:l,title:a="",subTitle:r="",isDark:n=!1,setTheme:s=()=>{},isDownloading:i=!1,setIsDownloading:o=()=>{},imageCard:d,hideDownloadOptions:h}=e;return(0,t.jsxs)("div",{className:"flex md:flex-row flex-col justify-between lg:gap-10 gap-6 pb-10 border-b border-primaryBorder py-6",children:[(0,t.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,t.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,t.jsx)(c.default.SemiBoldText,{sm:!0,children:a}),(0,t.jsx)(c.default.MutedText,{xs:!0,children:r})]}),h?null:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,t.jsx)(m.A,{id:"".concat(l,"-light"),name:"".concat(l,"-light"),value:b,label:"Light",checked:!n,onChange:()=>s(b)}),(0,t.jsx)(m.A,{id:"".concat(l,"-dark"),name:"".concat(l,"-dark"),value:N,label:"Dark",checked:n,onChange:()=>s(N)})]}),(0,t.jsx)("div",{children:(0,t.jsx)(u.Ay.Carbon,{small:!0,onClick:()=>o(!0),loading:i,className:"sm:flex hidden",iconLeft:(0,t.jsx)(x.DownloadIcon,{size:16}),children:"Download Image"})})]})]}),d,(0,t.jsx)(c.default.MutedText,{className:"sm:hidden flex text-center",children:"Please use a desktop for better experience."})]})};var A=!0;let L=e=>{var l;let{project:a}=e,[n,c]=(0,r.useState)({[w]:b,[D]:b}),[m,A]=(0,r.useState)({[w]:!1,[D]:!1}),[L,_]=(0,r.useState)();(0,r.useEffect)(()=>

1{if(Object.values(m).some(e=>e)){let e={[w]:P.current,[D]:T.current},l=Object.entries(m).find(e=>{let[l,a]=e;return a})[0],t=e[l],r="".concat(null==a?void 0:a.title,"-").concat(l,"-").concat(null==n?void 0:n[w],".png");(0,k.GV)(t,{imageName:r},()=>A(e=>({...e,[l]:!1})));let s={[w]:j.Ay.DOWNLOADED_PROJECT_LAUNCH_IMAGE,[D]:j.Ay.DOWNLOADED_PROJECT_SUPPORTERS_IMAGE};f.A.capture(s[l])}},[m]);let I=async()=>{try{var e,l;let t=await p._x.getUpvotesForProject({projectId:a.id,includeSupporters:!0,supporterCount:100});(null==t||null==(l=t.data)||null==(e=l.data)?void 0:e.supporters)&&_(e=>({...e,supporters:t.data.data.supporters}))}catch(e){}};(0,r.useEffect)(()=>{I()},[]);let P=(0,r.useRef)(null),T=(0,r.useRef)(null);return a?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s(),{children:(0,t.jsx)("title",{children:"Shareable Images ".concat((null==a?void 0:a.title)?"| ".concat(a.title):"")})}),(0,t.jsxs)("div",{children:[(0,t.jsx)(i.A.CenterTop,{internalPage:!0,className:"border-b border-primaryBorder",children:(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)(i.A.BackButton,{}),(0,t.jsx)(i.A.PageHeading,{children:"Shareable Images"})]})}),(0,t.jsxs)("div",{className:"flex flex-col px-6 w-full",children:[(null==a?void 0:a.rankWeekly)||(null==a?void 0:a.rankMonthly)?(0,t.jsx)(C,{id:"win_badge",title:"Winner Badges",subTitle:"The ultimate proof of validation. They look the best on your website hero or footer.",hideDownloadOptions:!0,imageCard:(0,t.jsxs)("div",{className:"sm:w-[600px] sm:flex mx-auto hidden w-full overflow-hidden shrink-0 gap-10",children:[(null==a?void 0:a.rankWeekly)?(0,t.jsxs)("div",{className:"flex flex-col gap-4 items-center",children:[(0,t.jsx)("img",{alt:"Winner Badge Weekly",className:"h-28",src:v.Ay.getProjectMedal({rankWeekly:a.rankWeekly})}),(0,t.jsx)(u.Ay.Carbon,{small:!0,className:"sm:flex hidden",onClick:async()=>{let e=await fetch(v.Ay.getProjectMedal({rankWeekly:a.rankWeekly})),l=await e.text();(0,v.XX)({svgContent:l,fileName:"Winner-Medal-Weekly.svg"})},iconLeft:(0,t.jsx)(x.DownloadIcon,{size:16}),children:"Download SVG"})]}):null,(null==a?void 0:a.rankMonthly)?(0,t.jsxs)("div",{className:"flex flex-col gap-4 items-center",children:[(0,t.jsx)("img",{alt:"Winner Badge Monthly",className:"h-28",src:v.Ay.getProjectMedal({rankMonthly:a.rankMonthly})}),(0,t.jsx)(u.Ay.Carbon,{small:!0,className:"sm:flex hidden",onClick:async()=>{let e=await fetch(v.Ay.getProjectMedal({rankMonthly:a.rankMonthly})),l=await e.text();(0,v.XX)({svgContent:l,fileName:"Winner-Medal-Monthly.svg"})},iconLeft:(0,t.jsx)(x.DownloadIcon,{size:16}),children:"Download SVG"})]}):null]})}):null,(null==L||null==(l=L.supporters)?void 0:l.length)?(0,t.jsx)(C,{id:D,title:"Thank your supporters",subTitle:"Use this image to thank your peers for supporting your project launch.",isDark:n[D]===N,setTheme:e=>c(l=>({...l,[D]:e})),isDownloading:m[D],setIsDownloading:e=>A(l=>({...l,[D]:e})),imageCard:(0,t.jsx)("div",{className:"sm:w-[600px] sm:flex mx-auto hidden w-full border-1 border-primaryBorder rounded-lg overflow-hidden shrink-0",children:(0,t.jsx)(g.A,{project:a,dark:n[D]===N,ref:T,analytics:L})})}):null,(0,t.jsx)(C,{id:"launch_badge",title:"Launch Badges",subTitle:"Add Launchpad embeds to your site to promote and drive traffic to your launch.",hideDownloadOptions:!0,imageCard:(0,t.jsxs)("div",{className:"sm:w-[600px] sm:flex mx-auto hidden w-full overflow-hidden shrink-0 gap-10",children:[(0,t.jsxs)("div",{className:"flex flex-col gap-4 items-center",children:[(0,t.jsx)("div",{className:"p-6 border-1 border-primaryBorder rounded-lg bg-white",children:(0,t.jsx)("img",{alt:"Launch Badge Light",src:y.CDNImage.launchBadgeLight})}),(0,t.jsx)(u.Ay.Carbon,{small:!0,className:"sm:flex hidden",onClick:async()=>{let e=await fetch(y.CDNImage.launchBadgeLight),l=await e.text();(0,v.XX)({svgContent:l,fileName:"Launch_SVG_Light.svg"})},iconLeft:(0,t.jsx)(x.DownloadIcon,{size:16}),children:"Download SVG"})]}),(0,t.jsxs)("div",{className:"flex flex-col gap-4 items-center",children:[(0,t.jsx)("div",{className:"p-6 border-1 border-primaryBorder rounded-lg bg-gray-1k dark:bg-gray-00",children:(0,t.jsx)("img",{alt:"Launch Badge Light",src:y.CDNImage.launchBadgeDark})}),(0,t.jsx)(u.Ay.Carbon,{small:!0,className:"sm:flex hidden",onClick:async()=>{let e=await fetch(y.CDNImage.launchBadgeDark),l=await e.text();(0,v.XX)({svgContent:l,fileName:"Launch_SVG_Dark.svg"})},iconLeft:(0,t.jsx)(x.DownloadIcon,{size:16}),children:"Download SVG"})]})]})}),(0,t.jsx)(C,{id:w,title:"Amplify your launch",subTitle:"Share the word about your launch so you can get maximum          support.",isDark:n[w]===N,setTheme:e=>c(l=>({...l,[w]:e})),isDownloading:m[w],setIsDownloading:e=>A(l=>({...l,[w]:e})),imageCard:(0,t.jsx)("div",{className:"sm:w-[600px] sm:flex mx-auto hidden w-full border-1 border-primaryBorder rounded-lg overflow-hidden shrink-0",children:(0,t.jsx)(h.A,{project:a,dark:n[w]===N,ref:P})})})]})]})]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s(),{children:(0,t.jsx)("title",{children:"Shareable Images | Project not found"})}),(0,t.jsx)(i.A.CenterTop,{}),(0,t.jsx)("div",{className:"flex items-center justify-center my-28 flex-col",children:(0,t.jsx)(d.A.EmptyState,{icon:(0,t.jsx)(o.A.EmptyProjects,{size:80}),title:"Can't find shareable images for the project you're looking for.",description:"This might be removed by the owner."})})]})}},79934:(e,l,a)=>{"use strict";a.d(l,{A:()=>u});var t=a(37876),r=a(14232),n=a(54587),s=a.n(n),i=a(89311),o=a(16495),d=a(78964),c=a(4755);let u=(0,r.forwardRef)((e,l)=>{let{project:a,dark:r=!1,preview:n=!1}=e;if(!(null==a?void 0:a.title))return null;let u=[null==a?void 0:a.createdBy,...(null==a?void 0:a.collaborators)||[]].map(e=>null==e?void 0:e.profilePicture);return(0,t.jsx)("div",{className:"relative overflow-hidden ".concat(n?"w-[343px] h-46 md:w-[227px] md:h-30 border rounded-2xl":" roun

1ded-xl"," "),children:(0,t.jsxs)("div",{ref:l,className:(()=>{let e="";return e=n?"transform origin-top-left scale-[0.578] md:scale-[0.378] py-20 gap-10 px-9":"pt-6 px-4 pb-8 gap-8","".concat("w-600 h-[315px] flex flex-col items-center justify-center bg-contain bg-no-repeat"," ").concat(e," ").concat(r?"bg-gray-1k dark:bg-gray-00":"bg-gray-00 dark:bg-gray-1k")})(),children:[(0,t.jsx)("div",{className:"flex flex-col items-center justify-center",children:(0,t.jsxs)("div",{className:"flex flex-col items-center justify-center gap-4",children:[(0,t.jsx)("div",{className:"flex items-center",children:(0,t.jsx)(d.A.ClubbedProfiles,{profiles:u,variant:c.Ay.Small})}),(0,t.jsx)(i.default.NormalText,{as:"span",xxxxl:!0,textColor:r?"text-gray-100 dark:text-gray-1k":"text-gray-1k dark:text-gray-00",className:"font-instrument text-center paragraph-clamp leading-110",children:null==a?void 0:a.title}),(null==a?void 0:a.tagline)?(0,t.jsx)(i.default.NormalText,{as:"span",base:!0,className:"paragraph-clamp1",textColor:r?"text-gray-300 dark:text-gray-500":"text-gray-500",children:a.tagline}):null]})}),(0,t.jsx)("div",{className:"flex items-center gap-2",children:(0,t.jsx)(s(),{src:r?o.CDNImage.launchedOnLaunchpadLogoDark:o.CDNImage.launchedOnLaunchpadLogoLight,width:220,height:60})})]})})})}},e=>{e.O(0,[636,6593,8792],()=>e(e.s=6726)),_N_E=e.O()}]);