https://zacksiri.com/_next/static/chunks/pages/challenges/[slug]-951c25724e1f90fe.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1886],{29742:(e,l,a)=>{"use strict";a.r(l),a.d(l,{__N_SSP:()=>eg,default:()=>ev});var t=a(37876),s=a(19635),n=a.n(s),i=a(18847),r=a.n(i),o=a(89099),d=a(48230),c=a.n(d),u=a(14232),x=a(2171),h=a(48048),m=a(75870),p=a(41235),f=a(99109),g=a(97778),v=a(75784),j=a(5078),N=a(78004),y=a.n(N),b=a(16495),w=a(83872),A=a(21639),C=a(4755),S=a(78063),D=a(89311),T=a(29472),P=a(48187),k=a(34321),_=a(94296),L=a(70657),E=a(63819),I=a(29133);let M="past",O="present",B="future",H="Challenges",G="Leaderboard",z=[H,G],R=e=>{var l,a,s,n,i,r;let{challenge:o,startDate:d,setShowModal:x,isAccepted:g,problemStatementCount:v,isChallengeClosed:N=!1,handleAcceptChallenge:P=()=>{}}=e,{handlePublishTrigger:k}=(0,j.A)(),[H,G]=(0,u.useState)(!1),z=new Date,R=(0,h.A)(new Date(d),o.day-1),F=(0,h.A)(new Date(d),o.day),Y=(0,m.A)(R,"MMM d, yyyy"),U=z>=R&&z<=F?O:!function(e){return(0,f.A)(1,arguments),(0,p.A)(e).getTime()<Date.now()}(R)?!function(e){return(0,f.A)(1,arguments),(0,p.A)(e).getTime()>Date.now()}(R)?void 0:B:M,W=async()=>{try{let e=await k();g||!e||N||await P(!1),e&&(x(o),L.A.capture(_.Ay.CLICKED_ON_SUBMIT_PRODUCT_DESIGN_CHALLENGE))}catch(e){}},V=U!==M?(0,t.jsxs)(t.Fragment,{children:[U===O?"On time submission closes in":"Unlock in"," ",(0,t.jsx)(T.A,{textColor:U===O?"text-gray-1k":"text-gray-400",endTime:U===O?F:R})]}):null,q=!H&&(null==o||null==(l=o.submissions)?void 0:l.length)>24;return(0,u.useEffect)(()=>()=>{G(!1)},[]),(0,t.jsxs)("div",{className:"flex flex-col gap-4 p-4 ".concat(q?"pb-6":""," border ").concat(U===B?"border-gray-100 cursor-not-allowed":"border-gray-200"," ").concat(U===O?"shadow-editorHover":"","  rounded-2xl"),children:[(0,t.jsxs)("div",{className:"flex items-center w-full gap-2",children:[(()=>{switch(U){case B:return(0,t.jsx)(w.LockIcon,{size:24,color:y().gray.gray4});case M:return(0,t.jsx)(w.CheckIcon,{size:24});default:return(0,t.jsx)("span",{className:"text-green",children:(0,t.jsx)(w.LiveIcon,{size:24})})}})(),(0,t.jsxs)("div",{className:"flex flex-col flex-grow gap-0 5",children:[(0,t.jsxs)(D.default.SemiBoldText,{xs:!0,textColor:U===B?"text-gray-400":U===M?"text-gray-1k":"text-green-300",children:["Day ",o.day,"/",v," — ",Y]}),(0,t.jsx)(D.default.NormalText,{xs:!0,textColor:U===O?"text-gray-1k":"text-gray-400",children:U===M?"You can still submit your entry for this project.":V})]}),U===B?(0,t.jsx)(A.Ay.CarbonOutline,{disabled:!0,small:!0,children:"Locked"}):(0,t.jsx)(A.Ay.Carbon,{small:!0,onClick:W,iconLeft:(0,t.jsx)(w.PlusIcon,{size:16}),children:"Submit"})]}),(0,t.jsxs)("div",{className:"flex flex-col pl-8 gap-4",children:[U===B?(0,t.jsxs)("div",{className:"flex flex-col gap-3 overflow-hidden",children:[(0,t.jsx)("div",{className:"w-48 h-4 bg-gray-200"}),(0,t.jsxs)("div",{className:"flex flex-col gap-2 ",children:[(0,t.jsx)("div",{className:"w-80 h-3 bg-gray-200"}),(0,t.jsx)("div",{className:"w-160 h-3 bg-gray-200"})]})]}):null,U!==B?(0,t.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,t.jsx)(D.default.SemiBoldText,{children:o.name}),(0,t.jsx)("div",{className:"relative bg-clip-text",children:(0,t.jsx)(S.default,{html:(null==o?void 0:o.htmlDescription)||o.description,className:"text-sm font-normal"})}),(null==o||null==(a=o.videoPlayBackId)?void 0:a.length)?(0,t.jsx)(I.A,{playbackId:o.videoPlayBackId}):null]}):null,(null==o||null==(s=o.submissions)?void 0:s.length)&&U!==B?(0,t.jsxs)("div",{className:"flex flex-col items-center gap-2",children:[(0,t.jsxs)(D.default.SemiBoldText,{xs:!0,className:"w-full",children:[o.submissions.length," ",E.default.addPlural({word:"submission",count:null==(n=o.submissions)?void 0:n.length})]}),(0,t.jsxs)("div",{className:"flex flex-col items-center w-full",children:[(0,t.jsxs)("div",{className:"flex gap-2 flex-wrap w-full relative",children:[null==o||null==(r=o.submissions)?void 0:r.slice(0,H?null==o||null==(i=o.submissions)?void 0:i.length:24).map((e,l)=>(0,t.jsx)(c(),{href:b.APP_PATHS.postDetails(e.postId),target:"_blank",prefetch:!1,children:(0,t.jsx)(C.Ay.Smaller,{image:e.profilePicture})},e.postId||"submission-".concat(l))),q?(0,t.jsx)("div",{className:"absolute top-0 bottom-0 w-full h-full rounded-lg  dark:bg-[linear-gradient(0deg,#171717_19.64%,rgba(23,23,23,0)_80.36%)] bg-[linear-gradient(0deg,#FFF_19.64%,rgba(255,255,255,0)_80.36%)]",style:{pointerEvents:"none"}}):null]}),q?(0,t.jsx)(A.Ay.CarbonOutline,{small:!0,onClick:()=>G(!0),children:"Show More"}):null]})]}):null]})]})},F=e=>{let{challenges:l,startDate:a,isAccepted:s,setShowModal:n,isChallengeClosed:i,slug:r,problemStatementCount:o,handleAcceptChallenge:d}=e,[x,h]=(0,u.useState)(H),[m,p]=(0,u.useState)(!0),[f,j]=(0,u.useState)([]),[N,y]=(0,u.useState)(50),w=async()=>{try{var e,l;let a=await k.hG.leaderboard(r);L.A.capture(_.Ay.CLICKED_ON_LEADERBOARD_PRODUCT_DESIGN_CHALLENGE),j(null==a||null==(l=a.data)||null==(e=l.data)?void 0:e.leaderboard)}catch(e){}finally{p(!1)}};(0,u.useEffect)(()=>{x===H||null!=f&&f.length||w()},[x]);let S=N>=(null==f?void 0:f.length)?null==f?void 0:f.length:N;return(0,t.jsxs)("div",{className:"flex flex-col gap-10",children:[(0,t.jsxs)("div",{className:"flex justify-between items-center",children:[(0,t.jsx)("div",{className:"p-1 flex border border-gray-100 rounded-xl gap-2",children:z.map(e=>(0,t.jsxs)("button",{type:"button",className:"uppercase px-4 py-1 rounded-lg relative isolate",onClick:()=>{y(50),h(e)},children:[(0,t.jsx)(D.default.SemiBoldText,{xs:!0,children:e}),x===e?(0,t.jsx)(g.PY1.div,{className:"absolute top-0 left-0 rounded-lg w-full h-full -z-10 bg-gray-100",layoutId:"background-pill",transition:{type:"spring",bounce:0,duration:.3}}):null]},e))}),(0,t.jsx)(D.default.NormalText,{sm:!0,className:"underline",as:"button",type:"button",onClick:()=>(0,E.scrollToElementWithOffset)("design-challenge-faqs"),children:"Read FAQs"})]}),(0,t.jsxs)(v.N,{mode:"popLayout",initial:!1,children:[x===H?(0,t.jsx)(g.PY1.div,{initial:{x:"-100%",filter:"blur(6px)",opacity:0}

1,animate:{x:0,filter:"blur(0px)",opacity:1},exit:{x:"-100%",filter:"blur(6px)",opacity:0},transition:{duration:.3,ease:[.25,.46,.45,.94]},className:"flex flex-col gap-10",children:l.map((e,l)=>(0,t.jsx)(R,{challenge:e,startDate:a,setShowModal:n,isAccepted:s,problemStatementCount:o,handleAcceptChallenge:d,isChallengeClosed:i},e._id||e.slug||"challenge-".concat(l)))},H):null,x===G?(0,t.jsxs)(g.PY1.div,{className:"flex flex-col",initial:{x:"100%",filter:"blur(6px)",opacity:0},animate:{x:0,filter:"blur(0px)",opacity:1},exit:{x:"100%",filter:"blur(6px)",opacity:0},transition:{duration:.3,ease:[.455,.03,.515,.955]},children:[m?(0,t.jsx)(P.A.LeaderBoardSkeleton,{}):null,m?null:(0,t.jsxs)("div",{className:"flex flex-col items-center gap-4",children:[(0,t.jsx)("div",{className:"flex flex-col w-full",children:f.slice(0,S).map((e,l)=>{var a,s,n;return(0,t.jsxs)("div",{className:"flex justify-between items-center py-2 px-3 hover:bg-gray-100 rounded-2xl transition-colors duration-300",children:[(0,t.jsxs)(c(),{href:b.APP_PATHS.userProfile({profileHandle:null==e?void 0:e.profileHandle}),className:"flex items-center gap-2",children:[(0,t.jsxs)(D.default.MediumText,{sm:!0,textColor:"text-gray-400 w-8 text-right",children:["#",l+1]}),(0,t.jsx)(C.Ay.Small,{image:null==e?void 0:e.profilePicture}),(0,t.jsxs)("div",{className:"flex flex-col",children:[(0,t.jsx)(D.default.SemiBoldText,{sm:!0,children:null==e?void 0:e.displayName}),(null==e||null==(a=e.streak)?void 0:a.length)?(0,t.jsxs)(D.default.NormalText,{xs:!0,children:[null==e?void 0:e.totalSolved," of"," ",null==e||null==(s=e.streak)?void 0:s.length," challenges completed"]}):null]})]}),(0,t.jsx)("div",{className:"flex items-center gap-1",children:null==e||null==(n=e.streak)?void 0:n.map(l=>(0,t.jsx)("div",{className:"w-1 h-6 rounded-full ".concat(l?"bg-green-400":"bg-gray-300")},"".concat((null==e?void 0:e.profileHandle)||"unknown","-streak-").concat(Date.now(),"-").concat(Math.random())))})]},(null==e?void 0:e.profileHandle)||"participant-".concat(l))})}),S<(null==f?void 0:f.length)?(0,t.jsx)(A.Ay.CarbonOutline,{small:!0,onClick:()=>y(e=>e+50),children:"Show More"}):null]})]},G):null]})]})};var Y=a(40247),U=a(18480),W=a(43594),V=a(13144),q=a(55113),X=a(20328),Q=a(90144),K=a(58517),J=a(28857),Z=a(14291),$=a(87156),ee=a(29800),el=a(10986),ea=a(38243),et=a(32238),es=a(68024);let en=e=>{var l,a,s;let{postData:n,setShowModal:i,primaryUserData:r,submittedChallenge:d}=e,x=(0,o.useRouter)(),[h,m]=(0,u.useState)(!1),p=async()=>{try{var e;let l=await k.hG.getStreak(b.DESIGN_CHALLENGE_SLUG),a=null==l||null==(e=l.data)?void 0:e.data;if(a){let e=new Date(null==a?void 0:a.startDate),l=1>(0,ee.A)(new Date,e)?1:(0,ee.A)(new Date,e)+1,t=(e=>{let{streakData:l,isOlderSubmittion:a}=e;if(a)return"A true designer knows that clearing the backlog is just as important!";let t=l.streak.filter(e=>e.completed).length;if(21===t)return"You’ve made it! 21 days of dedication and growth—congrats! \uD83E\uDD1D";let s=null,n=!1;l.streak.forEach(e=>{e.completed&&(null!==s&&(n=e.day-s.day>1),s=e)});let i=["You’re on a roll! \uD83D\uDE4C","You’re on fire! \uD83D\uDD25","Let’s keep this momentum! ✨","There’s no stopping now! ⚡","You’re crushing it! \uD83D\uDCAA"];return t>1&&!n?i[Math.floor(Math.random()*i.length)]:"You’ve made the move, lets make this a streak!⚡️"})({streakData:a,isOlderSubmittion:(null==d?void 0:d.day)!==l});m(t)}}catch(e){}};(0,u.useEffect)(()=>{p()},[]);let f=(null==n?void 0:n.media)?null==n||null==(l=n.media)?void 0:l.map(e=>"".concat(b.USER_PUBLIC_DATA_URL_PREFIX,"/").concat(e)):[],g=b.APP_PATHS.postDetails(n.postId,!0),v=null==n||null==(a=n.videos)?void 0:a.length;return(0,t.jsx)(ea.Ay,{large:!0,showModal:!!n,setShowModal:()=>i(null),children:(0,t.jsx)(ea.Ep.Body,{defaultClasses:"px-4 pb-8 pt-10 w-full",children:(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:"text-center mb-6",children:[(0,t.jsxs)(D.default.NormalText,{xxxl:!0,className:" font-instrument mb-2",children:["Day ",d.day," ",(0,t.jsx)("span",{className:"text-2xl",children:"✅"})]}),(0,t.jsx)(D.default.MutedText,{sm:!0,children:h})]}),(0,t.jsx)("div",{onClick:()=>x.push(g),role:"none",className:"border hover:cursor-pointer hover:bg-gray-50 border-primaryBorder rounded-2xl p-4 pb-2 shadow-username-input w-full max-w-[472px] mx-auto",children:(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:"flex items-center mb-2",children:[(0,t.jsx)("div",{children:(0,t.jsxs)(c(),{prefetch:!1,className:"hover:underline flex items-center gap-x-1",onClick:e=>{e.stopPropagation()},href:b.APP_PATHS.userProfile({profileHandle:r.profileHandle}),children:[(0,t.jsx)(C.Ay.Tiny,{image:null==r?void 0:r.profilePicture}),(0,t.jsxs)(D.default.SemiBoldText,{xs:!0,textColor:"text-gray-500",children:[r.firstName," ",null==r?void 0:r.lastName]})]})}),(0,t.jsx)(D.default.MutedText,{children:(0,t.jsx)(D.default.Dot,{})}),(0,t.jsxs)("div",{className:"flex items-center gap-x-1",children:[(0,t.jsx)(D.default.NormalText,{xs:!0,textColor:"text-gray-500",children:(0,el.Bc)({post:n})}),(null==n?void 0:n.contextIcon)?(0,t.jsx)("img",{src:null==n?void 0:n.contextIcon,alt:(null==n?void 0:n.context)||(null==n?void 0:n.contextLabel),className:"object-cover w-4 h-4 ml-1"}):null]})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)(D.default.SemiBoldText,{base:!0,className:"paragraph-clamp1",children:null==n?void 0:n.postTitle}),(null==n?void 0:n.caption)?(0,t.jsx)(D.default.NormalText,{sm:!0,className:"paragraph-clamp1",children:(0,E.removeHTMLFromString)(null==n?void 0:n.caption)}):null,f.length&&!v?(0,t.jsx)("div",{className:"mt-4 h-[266px] overflow-hidden",children:(0,t.jsx)(et.A,{postedBy:(0,E.pickUserShortProfile)(r),scrollMedia:f,customContainerHeight:"max-h-[266px] !mb-0"})}):null,(null==n||null==(s=n.videos)?void 0:s.length)?(0,t.jsx)("div",{className:"mt-4",children:(0,t.jsx)(es.A,{post:n,postTitle:null==n?void 0:n.postTitle,videos:null==n?void 0:n.videos,resharedVideo:null==n?void 0:n.resharedVideo,metaData:null==n?void 0:n.metaData}

1)}):null]})]})})]})})})};var ei=a(71297),er=a(69198),eo=a(68827),ed=a(54587),ec=a.n(ed),eu=a(93988),ex=a(74025);let eh=e=>{let{showModal:l,setShowModal:a,title:s}=e,{appData:n}=(0,x.useSelector)(e=>e.AppData),i=(0,u.useRef)(null);return(0,t.jsx)("div",{className:"relative",children:(0,t.jsx)(ex.A,{showModal:l,setShowModal:a,ref:i,imageName:"peerlist-challenge-accepted.png",children:(0,t.jsx)(ea.Ep.Body,{defaultClasses:"p-0 w-full",children:(0,t.jsx)("div",{className:"rounded-2xl overflow-hidden",children:(0,t.jsx)("div",{className:"pt-16 pb-16 md:px-20 px-10 bg-[linear-gradient(180deg,_#FAFBFC_0%,_#E1E4E8_100%)] dark:bg-[linear-gradient(180deg,_#171717_0%,_#262626_100%)] flex justify-center items-center",ref:i,children:(0,t.jsxs)("div",{className:"relative shadow-postCardScreenshot overflow-hidden bg-gray-00 p-6 rounded-xl w-95 mx-auto",children:[(0,t.jsx)(eu.A,{as:ec(),alt:"Peerlist",src:b.CDNImage.peerlistLogoSVGV2,className:"object-cover hidden md:block",width:124,height:32}),(0,t.jsx)(D.default.NormalText,{xxxl:!0,className:"font-instrument mt-4 mb-12",children:s}),(0,t.jsx)(D.default.SemiBoldText,{className:"uppercase mb-3",sm:!0,children:"CHALLENGE AGREEMENT"}),(0,t.jsxs)(D.default.NormalText,{className:"mb-24",children:["I,"," ",(0,t.jsxs)(D.default.SemiBoldText,{as:"span",children:[n.firstName," ",n.lastName]}),", have accepted the Peerlist ",s," and agree to commit and follow it through to the end."]}),(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)(ec(),{src:b.CDNImage.challengeAccepted,alt:"challenge-accepted",width:160,height:68,className:"absolute -top-16 z-30"}),(0,t.jsxs)("div",{className:"flex items-center gap-1",children:[(0,t.jsx)(C.Ay.Small,{image:n.profilePicture}),(0,t.jsx)("div",{children:(0,t.jsxs)(D.default.SemiBoldText,{lg:!0,children:[n.firstName," ",n.lastName]})})]})]})]})})})})})})},em=r()(()=>Promise.resolve().then(a.bind(a,78063)),{loadableGenerated:{webpack:()=>[78063]},ssr:!1}),ep={jsonLDType:"product-jsonld",jsonLD:Q.a,noIndex:!1},ef=e=>{var l,a,s,i,r;let{challengeData:d,challengeSubmissions:h}=e,m=(0,x.useDispatch)(),p=(0,o.useRouter)(),{isAccepted:f,participants:g,participantsCount:v}=d,[N,y]=(0,u.useState)({isAccepted:f,participants:g,participantsCount:v}),{loginModalDetails:S}=(0,x.useSelector)(e=>e.CommonAppData),{appData:T}=(0,x.useSelector)(e=>e.AppData),{isLoggedIn:P}=(0,$.A)(),_=(0,u.useRef)(null),[L,E]=(0,u.useState)(!1),[I,M]=(0,u.useState)(f||!1),[O,B]=(0,u.useState)(null),[H,G]=(0,u.useState)(!1),[z,R]=(0,u.useState)(!1);if(!(null==d?void 0:d.title))return null;let{handlePublishTrigger:Q}=(0,j.A)(),ee=async function(){let e=!(arguments.length>0)||void 0===arguments[0]||arguments[0];try{if(await Q()){G(!0),await k.hG.acceptChallenge(null==d?void 0:d.slug);let l=n()(T,["firstName","lastName","profileHandle","profilePicture"]);y(e=>({...e,isAccepted:!0,participantsCount:(null==e?void 0:e.participants)?e.participantsCount+1:1,participants:(null==e?void 0:e.participants)&&Array.isArray(null==e?void 0:e.participants)?[...e.participants,l]:[l]})),M(!0),R(e),ei.A.SuccessToast(er.A.CHALLENGE.challengeAccepted)}else P&&ei.A.ErrorToast("You need to publish your profile to accept the challenge!")}catch(e){var l,a,t;ei.A.ErrorToast((null==e||null==(t=e.response)||null==(a=t.data)||null==(l=a.error)?void 0:l.message)||eo.A.GLOBAL.wrong)}finally{G(!1)}},el={...ep,...null==d?void 0:d.ogDetails},ea=(null==d?void 0:d.problemStatements)&&(null==d||null==(l=d.problemStatements)?void 0:l.length)||h&&(null==h?void 0:h.length),et=(null==h?void 0:h.length)?h:null==d?void 0:d.problemStatements,es=new Date>new Date(null==d?void 0:d.endDate);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(U.A,{...el}),(0,t.jsxs)("div",{className:"max-w-142 min-h-screen w-full mx-auto flex flex-col gap-16 relative overflow-clip",children:[(0,t.jsx)(q.J,{}),(0,t.jsxs)("div",{className:"flex flex-col gap-20 sm:px-0 px-4",children:[(0,t.jsxs)("div",{className:"flex flex-col gap-10 items-center",children:[(0,t.jsxs)("div",{className:"flex flex-col gap-4",children:[(null==d?void 0:d.slug)===b.UI_ANIMATION_CHALLENGE_SLUG?(0,t.jsxs)("div",{className:"flex justify-center items-center gap-4",children:[(0,t.jsx)("img",{src:b.CDNImage.peerlistPLogo,alt:"Peerlist",className:"w-10 h-10"})," ",(0,t.jsx)(D.default.MutedText,{children:"X"})," ",(0,t.jsx)(c(),{href:"/company/aceternity",children:(0,t.jsx)("img",{src:b.CDNImage.aceternityLogo,alt:"Peerlist",className:"w-10 h-10"})})]}):null,(0,t.jsx)(D.default.NormalText,{xxxxl:!0,className:"font-instrument text-center leading-120",as:"h1",children:null==d?void 0:d.title}),(0,t.jsx)(D.default.NormalText,{lg:!0,textColor:"text-gray-700",className:"text-center",children:null==d?void 0:d.subTitle})]}),(0,t.jsx)("div",{children:(0,t.jsxs)("div",{className:"flex sm:flex-row flex-col items-center justify-center gap-3 sm:gap-2",children:[es?null:(0,t.jsx)(A.Ay.Primary,{onClick:ee,disabled:f||I,loading:H,children:f||I?"Challenge Accepted":"Accept Challenge"}),(null==d?void 0:d.showSubmissions)&&new Date>new Date(null==d?void 0:d.startDate)&&es?(0,t.jsx)(A.Ay.CarbonOutline,{as:"a",href:b.APP_PATHS.scrollContextPage(null==d?void 0:d.context),target:"_blank",iconRight:(0,t.jsx)(w.ExternalLinkIcon,{size:16}),children:"Show All Submissions"}):null,f||I?(0,t.jsx)(A.Ay.CarbonOutline,{iconLeft:(0,t.jsx)(w.DownloadIcon,{size:16}),onClick:()=>R(!0),children:"Challenge Agreement"}):null]})}),(null==(a=N.participants)?void 0:a.length)&&N.participantsCount?(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"flex items-center justify-center flex-wrap gap-4",children:N.participants.map(e=>e&&e.profileHandle?(0,t.jsx)(c(),{href:b.APP_PATHS.userProfile({profileHandle:e.profileHandle}),children:(0,t.jsx)(J.A,{profileHandle:e.profileHandle,children:(0,t.jsx)(C.Ay.Small,{image:e.profilePicture})})},e.profileHandle):null)}),(0,t.jsxs)(D.default.NormalText,{xs:!0,className:"text-center mt-4",children:[N.participantsCount," ",N.participantsCount>1?"peers have":"peer has"," ","accepted this challenge!"]})]}):null]}),(0,t.jsx)(W.A.Divider,{}),ea?(0,t.jsx)(F,{challenges:et,setShowModal:e=>{E(e),_.current=e},startDate:null==d?void 0:d.startDate,isAccepted:I,setShowAcceptChallengeModal:R,slug:null==d?void 0:d.slug,problemStatementCount:null==d?void 0:d.problemStatementCount,handleAcceptChallenge:ee,isChallengeClosed:es}):null,(0,t.jsx)(W.A.Divider,{}),(null==d||null==(s=d.prizes)?void 0:s.length)?(0,t.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,t.jsx)(D.default.SemiBoldText,{lg:!0,children:"Prizes"}),(0,t.jsx)("div",{className:"flex flex-col gap-6",children:null==d||null==(i=d.prizes)?void 0:i.map(e=>(0,t.jsxs)("a",{href:e.link,target:"_blank",rel:"noreferrer",className:"flex items-center gap-3 group",children:[(null==e?void 0:e.logo)?(0,t.jsx)("img",{className:"bg-gray-100 size-12 rounded-2xl",src:e.logo,alt:e.title}):null,(0,t.jsxs)("div",{className:"flex flex-col gap-1 flex-grow",children:[(0,t.jsxs)("div",{className:"flex items-center",children:[(0,t.jsx)(D.default.SemiBoldText,{className:"group-hover:underline",children:e.title}),(0,t.jsx)(w.ArrowUpRightIcon,{size:24})]}

1),(0,t.jsx)(D.default.NormalText,{sm:!0,children:e.subtitle})]})]},e.id))})]}):null,(0,t.jsxs)("div",{className:"flex flex-col gap-6",id:"design-challenge-faqs",children:[(0,t.jsx)(D.default.SemiBoldText,{lg:!0,children:"FAQs"}),(0,t.jsx)("div",{className:"flex flex-col gap-6",children:null==d||null==(r=d.FAQs)?void 0:r.map(e=>(0,t.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,t.jsx)(D.default.SemiBoldText,{children:e.question}),(0,t.jsx)(em,{html:e.answer,as:"p",className:"text-sm text-gray-500"})]},e.question))})]}),(0,t.jsx)(W.A.Divider,{}),(0,t.jsx)(K.A,{}),(0,t.jsx)(V.C,{}),P&&L?(0,t.jsx)(Z.A.CreatePostWithContext,{showModal:L,setShowModal:E,preSelectedContext:d.context,disabledTitle:!0,editable:{postTitle:"Day ".concat(null==L?void 0:L.day,"/").concat(null==d?void 0:d.problemStatementCount," - ").concat(null==L?void 0:L.name," by ").concat(null==T?void 0:T.firstName," ").concat(null==T?void 0:T.lastName),context:d.context},callback:e=>B(e)}):null,S.showLoginModal&&(0,t.jsx)(Y.A,{showModal:S.showLoginModal,setShowModal:()=>m(X.commonAppDataAction.setShowLoginModal({showLoginModal:!1})),profileHandle:S.profileHandle,firstName:S.firstName,modalType:S.loginModalType}),O?(0,t.jsx)(en,{challengeData:d,submittedChallenge:_.current,primaryUserData:T,postData:O,setShowModal:()=>{B(!1),p.push(p.asPath,void 0,{scroll:!1})}}):null,z?(0,t.jsx)(eh,{showModal:z,setShowModal:R,title:null==d?void 0:d.title}):null]})]})]})};ef.getLayout=function(e){return(0,t.jsx)("div",{children:e})};var eg=!0;let ev=ef},43908:(e,l,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/challenges/[slug]",function(){return a(29742)}])},68024:(e,l,a)=>{"use strict";a.d(l,{A:()=>h});var t=a(37876),s=a(48230),n=a.n(s),i=a(89311),r=a(29133),o=a(16495),d=a(63819),c=a(83872),u=a(78004),x=a.n(u);let h=e=>{var l,a,s,u;let{postTitle:h,videos:m,resharedVideo:p,metaData:f,showOnlyThumbnail:g=!1}=e,v=p&&(null==f?void 0:f.videos)||[],j=(null==m?void 0:m.length)?m:v,N={...null==j||null==(l=j[0])?void 0:l.metaData,title:h},y=((null==N?void 0:N.width)||16)/((null==N?void 0:N.height)||9)<1?1:16/9;if(g&&(null==j?void 0:j.length)){let e=d.default.getThumbnailFromMUX(null==j||null==(u=j[0])?void 0:u.playbackId);return(0,t.jsxs)("div",{className:"relative bg-black rounded-2xl overflow-hidden flex items-center mb-2",style:{aspectRatio:y},children:[(0,t.jsx)("img",{alt:h,src:e,className:"mx-auto"}),(0,t.jsx)("div",{className:"w-16 h-16 text-white rounded-full py-3 pl-3.5 pr-2.5 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",style:{background:x().gray.gray1kTransparent},children:(0,t.jsx)("div",{className:"p-2",children:(0,t.jsx)(c.PlayIcon,{size:24})})})]})}return(null==j?void 0:j.length)?(0,t.jsxs)("div",{className:"flex flex-col gap-2 mb-2",children:[(0,t.jsx)("div",{role:"none",onClick:e=>{e.stopPropagation(),e.preventDefault()},children:(0,t.jsx)(r.A,{playbackId:null==j||null==(a=j[0])?void 0:a.playbackId,metaData:N})}),p&&(null==f?void 0:f.postedBy)?(0,t.jsxs)(i.default.NormalText,{xs:!0,textColor:"text-gray-400",className:"self-end",children:["Video by"," ",(0,t.jsx)(i.default.SemiBoldText,{as:n(),xs:!0,textColor:"text-gray-700",className:"inline hover:underline",href:o.APP_PATHS.postDetails(null==f?void 0:f.id),children:null==f||null==(s=f.postedBy)?void 0:s.displayName})]}):null]}):null}},74025:(e,l,a)=>{"use strict";a.d(l,{A:()=>h});var t=a(37876),s=a(14232),n=a(63819),i=a(83872),r=a(71297),o=a(21639),d=a(38243),c=a(1245),u=a(20841);let x={DOWNLOAD:"DOWNLOAD",COPY:"COPY"},h=(0,s.forwardRef)((e,l)=>{let{imageName:a,children:h,optionButtons:m,showModal:p,setShowModal:f,onScreenshot:g=()=>{},...v}=e,[j,N]=(0,s.useState)({}),y=async e=>{let t=e=>()=>{N(l=>({...l,[e]:!1}));let l=e===x.DOWNLOAD?"Downloaded screenshot successfully.":"Copied screenshot to clipboard.";r.A.SuccessToast(l)};switch(N(l=>({...l,[e]:!0})),g(),e){case x.DOWNLOAD:await (0,u.GV)(l.current,{imageName:a},t(e));break;case x.COPY:await (0,u.qp)(l.current,{},t(e))}};return(0,t.jsxs)(d.Ay,{showModal:p,setShowModal:f,showClose:!1,extraLarge:!0,...v,children:[h,(0,t.jsx)("div",{className:"bg-gray-00 p-2 rounded-2xl absolute top-1/2 -translate-y-1/2 -right-16",children:(0,t.jsxs)("div",{className:"w-full flex flex-col gap-2",children:[m,(0,t.jsx)(o.Ay.Primary,{circular:!0,onClick:()=>y(x.DOWNLOAD),loading:j[x.DOWNLOAD],title:"Download Screenshot","data-tip":!0,"data-for":"download-screenshot",children:(0,t.jsx)(i.DownloadIcon,{size:"20"})}),(0,t.jsx)(c.A,{id:"download-screenshot",text:"Download Screenshot",place:"left"}),(0,n.isSafariBrowser)()?null:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(o.Ay.CarbonOutline,{circular:!0,onClick:()=>y(x.COPY),loading:j[x.COPY],title:"Copy to clipboard","data-tip":!0,"data-for":"copy-clipboard",children:(0,t.jsx)(i.CopyIcon,{size:20})}),(0,t.jsx)(c.A,{id:"copy-clipboard",text:"Copy to clipboard",place:"left"})]})]})})]})})}},e=>{e.O(0,[3594,620,636,6593,8792],()=>e(e.s=43908)),_N_E=e.O()}]);