1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7919],{29261:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/community/monthly-challenge",function(){return t(17287)}])},71417:function(n,e,t){"use strict";var l=t(85893);e.Z=function(n){let{color:e="#64748B",...t}=n;return(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",children:(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15 2.5H17V4.5H19H21V8.5V10.5V22.5H19H5H3V10.5V8.5V4.5H5H7V2.5H9V4.5H15V2.5ZM5 8.5H19V6.5H5V8.5ZM5 10.5V20.5H19V10.5H5Z",fill:e})})}},21229:function(n,e,t){"use strict";t.d(e,{C:function(){return i},d:function(){return l}});let l={code:{displayName:"Code Jam",internaleName:"code"},design:{displayName:"Design Jam",internaleName:"design"},hackathon:{displayName:"Hackathon",internaleName:"hackathon"},fun:{displayName:"Just for fun",internaleName:"fun"},miscellaneous:{displayName:"Miscellaneous",internaleName:"miscellaneous"}},i=Object.values(l)},17287:function(n,e,t){"use strict";t.r(e),t.d(e,{__N_SSG:function(){return _},default:function(){return ChannelPage}});
1var l=t(85893),i=t(99428),r=t(82077),s=t(74796),a=t(52861),o=t(82729),c=t(19521),p=t(67294),d=t(67788),m=t(609),u=t(9473),x=t(25935),h=t(71417),f=t(20759),g=t(41664),b=t.n(g),j=t(21229);function _templateObject(){let n=(0,o._)(["\n display: flex;\n align-items: stretch;\n\n "," {\n padding: 16px;\n gap: 16px;\n }\n\n "," {\n padding: 20px;\n gap: 24px;\n }\n\n :hover {\n transition-duration: 0.2s;\n background-color: "," !important;\n }\n\n .img-wrapper {\n flex-shrink: 0;\n max-width: 46%;\n border-radius: 3.5px;\n overflow: hidden;\n\n :hover {\n transition-duration: 0.2s;\n opacity: 0.8;\n }\n\n img {\n object-fit: cover;\n height: 100%;\n width: 100%;\n }\n }\n\n .jam-info {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 24px;\n overflow: hidden;\n\n "," {\n gap: 12px;\n }\n\n "," {\n gap: 24px;\n }\n\n .title-wrapper {\n display: flex;\n flex-direction: column;\n gap: 8px;\n\n .label {\n color: ",';\n font-family: "Mulish", sans-serif;\n font-size: 12px;\n font-weight: 600;\n letter-spacing: 1.68px;\n text-transform: uppercase;\n }\n\n .title {\n color: ',";\n font-style: normal;\n font-weight: 700;\n line-height: 120%;\n\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n "," {\n font-size: 16px;\n }\n\n "," {\n font-size: 20px;\n }\n\n :hover {\n transition-duration: 0.2s;\n text-decoration: underline;\n }\n }\n }\n\n .description {\n all: unset;\n overflow: hidden;\n color: ",";\n font-size: 14px;\n font-weight: 500;\n line-height: 150%;\n\n display: -webkit-box;\n -webkit-box-orient: vertical;\n text-overflow: ellipsis;\n\n "," {\n -webkit-line-clamp: 1;\n }\n\n "," {\n -webkit-line-clamp: 2;\n }\n }\n\n .meta-data {\n display: flex;\n gap: 16px;\n\n "," {\n gap: 8px;\n }\n\n "," {\n gap: 16px;\n }\n\n p {\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n svg {\n width: 18px;\n height: 18px;\n }\n\n .deadline {\n svg {\n path {\n fill: ",";\n }\n }\n\n color: ",";\n font-size: 14px;\n font-style: normal;\n font-weight: 700;\n line-height: 150%;\n }\n\n .submissions {\n color: ",";\n font-size: 14px;\n font-weight: 500;\n line-height: 150%;\n }\n\n .disable-text {\n "," {\n display: none;\n }\n\n "," {\n display: inline-block;\n }\n }\n }\n }\n"]);return _templateObject=function(){return n},n}let w=(0,c.default)(f.Z).withConfig({componentId:"sc-c35cd25e-0"})(_templateObject(),n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.colors.background.grey.secondary},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.colors.text.tertiary},n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.colors.text.secondary},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.colors.text.accent.blue},n=>{let{theme:e}=n;return e.colors.text.accent.blue},n=>{let{theme:e}=n;return e.colors.text.secondary},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm}),v=(0,l.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"19",viewBox:"0 0 18 19",fill:"none",children:[(0,l.jsx)("g",{"clip-path":"url(#clip0_136_18321)",children:(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.25 2H3.75V3.5H2.25018V8L3.75 8V9.5H8.25V8L3.75018 8V3.5H8.25V2ZM8.25018 3.5H9.75018V8H8.25018V3.5ZM0 12.5H1.5V15.5H10.5V17H1.5H0V12.5ZM1.5 12.5H10.5V11H1.5V12.5ZM12.0002 12.5H10.5002V17H12.0002V12.5ZM11.25 2H14.25V3.5H11.25V2ZM14.25 8H11.25V9.5H14.25V8ZM14.2502 3.5H15.7502V8H14.2502V3.5ZM18.0002 12.5H16.5002V15.5H13.5V17H18V15.5H18.0002V12.5ZM13.5 11
1H16.5V12.5H13.5V11Z",fill:"#64748B"})}),(0,l.jsx)("defs",{children:(0,l.jsx)("clipPath",{id:"clip0_136_18321",children:(0,l.jsx)("rect",{width:"18",height:"18",fill:"white",transform:"translate(0 0.5)"})})})]});var jams_CurrentJam=function(n){var e,t,i,r,s;let{post:a}=n,o=(0,u.v9)(m.o4)||"dark",c=null==a?void 0:null===(t=a.content)||void 0===t?void 0:null===(e=t.replace(/<\/p>\s*<p>/g," "))||void 0===e?void 0:e.replace(/<[^>]+>/g,""),d=(s=null==a?void 0:a.challengeEndDate,(0,p.useMemo)(()=>{if(!s)return"";let[n,e,t]=s.split("-").map(Number),l=new Date(n,e-1,t);return l.toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})},[s]));return(0,l.jsx)(b(),{href:"/community/monthly-challenge/".concat(null==a?void 0:a.postId),style:{textDecoration:"none"},children:(0,l.jsxs)(w,{borderColor:"dark"===o?"475569":"CBD5E1",className:"nes-pointer",children:[(0,l.jsx)("div",{className:"img-wrapper",children:(0,l.jsx)("img",{src:null==a?void 0:null===(i=a.images[0])||void 0===i?void 0:i.url,alt:"current jam image"})}),(0,l.jsxs)("div",{className:"jam-info",children:[(0,l.jsxs)("div",{className:"title-wrapper",children:[(0,l.jsx)("p",{className:"label",children:(null===(r=j.d[null==a?void 0:a.challengeType])||void 0===r?void 0:r.displayName)||"CODE Challenge"}),(0,l.jsx)("p",{className:"title",children:null==a?void 0:a.title})]}),(0,l.jsx)("p",{className:"description",children:(0,x.ZP)(c)}),(0,l.jsxs)("div",{className:"meta-data",children:[(0,l.jsxs)("p",{className:"deadline",children:[(0,l.jsx)(h.Z,{}),(0,l.jsxs)("span",{children:[(0,l.jsx)("span",{className:"disable-text",children:"Submit by"})," ",d]})]}),(0,l.jsxs)("p",{className:"submissions",children:[v,(0,l.jsxs)("span",{children:[null==a?void 0:a.totalSubmissions," ",(0,l.jsx)("span",{className:"disable-text",children:"submissions"})]})]})]})]})]})})};function PastJam_templateObject(){let n=(0,o._)(["\n display: flex;\n align-items: stretch;\n\n "," {\n padding: 16px;\n gap: 16px;\n }\n\n "," {\n padding: 20px;\n gap: 24px;\n }\n\n :hover {\n transition-duration: 0.2s;\n background-color: "," !important;\n }\n\n .img-wrapper {\n flex-shrink: 0;\n border-radius: 3.5px;\n overflow: hidden;\n\n "," {\n max-width: 46%;\n }\n\n "," {\n max-width: 46%;\n }\n\n "," {\n max-width: 222px;\n }\n\n :hover {\n transition-duration: 0.2s;\n opacity: 0.8;\n }\n\n img {\n object-fit: cover;\n height: 100%;\n width: 100%;\n }\n }\n\n .jam-info {\n display: flex;\n flex-direction: column;\n justify-content: center;\n overflow: hidden;\n\n "," {\n gap: 12px;\n }\n\n "," {\n gap: 16px;\n }\n\n .title-wrapper {\n display: flex;\n flex-direction: column;\n gap: 4px;\n\n .label {\n color: ",';\n font-family: "Mulish", sans-serif;\n font-size: 12px;\n font-weight: 600;\n letter-spacing: 1.68px;\n text-transform: uppercase;\n }\n\n .title {\n color: ',";\n font-size: 16px;\n font-style: normal;\n font-weight: 700;\n line-height: 120%;\n\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n :hover {\n transition-duration: 0.2s;\n text-decoration: underline;\n }\n }\n }\n\n .description {\n all: unset;\n overflow: hidden;\n color: ",";\n font-size: 14px;\n font-weight: 500;\n line-height: 150%;\n\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n text-overflow: ellipsis;\n }\n\n .meta-data {\n display: flex;\n gap: 16px;\n\n p {\n display: flex;\n align-items: center;\n gap: 8px;\n color: ",";\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 150%;\n }\n\n svg {\n width: 18px;\n height: 18px;\n }\n\n .disable-text {\n "," {\n display: none;\n }\n\n "," {\n display: inline-block;\n }\n }\n }\n }\n"]);
1return PastJam_templateObject=function(){return n},n}let y=(0,c.default)(f.Z).withConfig({componentId:"sc-83912ba2-0"})(PastJam_templateObject(),n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.colors.background.grey.secondary},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.breakpoints.md},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.colors.text.tertiary},n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.colors.text.secondary},n=>{let{theme:e}=n;return e.colors.text.secondary},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm}),V=(0,l.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"19",viewBox:"0 0 18 19",fill:"none",children:[(0,l.jsx)("g",{"clip-path":"url(#clip0_136_18321)",children:(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.25 2H3.75V3.5H2.25018V8L3.75 8V9.5H8.25V8L3.75018 8V3.5H8.25V2ZM8.25018 3.5H9.75018V8H8.25018V3.5ZM0 12.5H1.5V15.5H10.5V17H1.5H0V12.5ZM1.5 12.5H10.5V11H1.5V12.5ZM12.0002 12.5H10.5002V17H12.0002V12.5ZM11.25 2H14.25V3.5H11.25V2ZM14.25 8H11.25V9.5H14.25V8ZM14.2502 3.5H15.7502V8H14.2502V3.5ZM18.0002 12.5H16.5002V15.5H13.5V17H18V15.5H18.0002V12.5ZM13.5 11H16.5V12.5H13.5V11Z",fill:"#64748B"})}),(0,l.jsx)("defs",{children:(0,l.jsx)("clipPath",{id:"clip0_136_18321",children:(0,l.jsx)("rect",{width:"18",height:"18",fill:"white",transform:"translate(0 0.5)"})})})]});var jams_PastJam=function(n){var e,t,i,r,s;let{post:a}=n,o=(0,u.v9)(m.o4)||"dark",c=null==a?void 0:null===(t=a.content)||void 0===t?void 0:null===(e=t.replace(/<\/p>\s*<p>/g," "))||void 0===e?void 0:e.replace(/<[^>]+>/g,""),d=(s=null==a?void 0:a.challengeEndDate,(0,p.useMemo)(()=>{if(!s)return"";let[n,e,t]=s.split("-").map(Number),l=new Date(n,e-1,t);return l.toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})},[s]));return(0,l.jsx)(b(),{href:"/community/monthly-challenge/".concat(null==a?void 0:a.postId),style:{textDecoration:"none"},children:(0,l.jsxs)(y,{borderColor:"dark"===o?"475569":"CBD5E1",className:"nes-pointer",children:[(0,l.jsx)("div",{className:"img-wrapper",children:(0,l.jsx)("img",{src:null==a?void 0:null===(i=a.images[0])||void 0===i?void 0:i.url,alt:"past jam image"})}),(0,l.jsxs)("div",{className:"jam-info",children:[(0,l.jsxs)("div",{className:"title-wrapper",children:[(0,l.jsx)("p",{className:"label",children:(null===(r=j.d[null==a?void 0:a.challengeType])||void 0===r?void 0:r.displayName)||"CODE Challenge"}),(0,l.jsx)("p",{className:"title",children:null==a?void 0:a.title})]}),(0,l.jsx)("p",{className:"description",children:(0,x.ZP)(c)}),(0,l.jsxs)("div",{className:"meta-data",children:[(0,l.jsxs)("p",{className:"deadline",children:[(0,l.jsx)(h.Z,{}),(0,l.jsxs)("span",{children:[(0,l.jsx)("span",{className:"disable-text",children:"Submit by"})," ",d]})," "]}),(0,l.jsxs)("p",{className:"submissions",children:[V,(0,l.jsxs)("span",{children:[null==a?void 0:a.totalSubmissions," ",(0,l.jsx)("span",{className:"disable-text",children:"submissions"})]})," "]})]})]})]})})},H=t(83330);function FilterTag_templateObject(){let n=(0,o._)(["\n padding: 8px 16px;\n border-radius: 200px;\n border: 2px solid\n ",";\n transition-duration: 0.2s;\n width: fit-content;\n\n p {\n color: ",";\n white-space: nowrap;\n text-align: center;\n\n font-style: normal;\n font-weight: 600;\n\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n "," {\n font-size: 14px;\n }\n "," {\n font-size: 16px;\n }\n }\n\n :hover {\n background: ",";\n }\n\n &.tag-selected {\n border: 2px solid ",";\n background: ",";\n p {\n color: ",";\n }\n }\n"]);return FilterTag_templateObject=function(){return n},n}let k=c.default.div.withConfig({componentId:"sc-d5331b99-0"})(FilterTag_templateObject(),n=>{let{theme:e}=n;return"dark"==e.mode?e.colors.palette.grey["600"]:e.colors.palette.grey["300"]},n=>{let{theme:e}=n;return"dark"==e.mode?"#fff":"#020617"},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return"dark"==e.mode?e.colors.palette.grey["800"]:e.colors.palette.grey["100"]},n=>{let{theme:e}=n;return e.colors.palette.blue["500"]},n=>{let{theme:e}=n;return"dark"==e.mode?e.colors.palette.blue["950"]:e.colors.palette.blue["50"]},n=>{let{theme:e}=n;return"dark"==e.mode?e.colors.palette.blue["400"]:e.colors.palette.blue["700"]});var atoms_FilterTag=function(n){let{filter:e,selected:t,assignTag:i}=n;return(0,l.jsx)(k,{className:"tag nes-pointer ".concat(t&&"tag-selected"),onClick:()=>i(e.internaleName),children:(0,l.jsx)("p",{children:e.displayName})},e.internalName)};
1function CommunityJamsFeed_templateObject(){let n=(0,o._)(["\n width: 100%;\n max-width: 950px;\n margin-bottom: 5rem;\n display: flex;\n flex-direction: column;\n gap: 40px;\n\n p {\n margin: 0px;\n }\n\n .current-jam-wrapper {\n margin: -24px 20px 0px 20px;\n display: flex;\n flex-direction: column;\n gap: 24px;\n\n .label {\n color: ",';\n font-family: "PixelGridS", sans-serif;\n font-size: 24px;\n font-style: normal;\n font-weight: 700;\n line-height: 140%;\n letter-spacing: 0.72px;\n }\n }\n\n .past-jams-wrapper {\n margin: 0px 20px;\n display: flex;\n flex-direction: column;\n gap: 24px;\n\n .label {\n color: ',';\n\n font-family: "PixelGridS", sans-serif;\n font-size: 24px;\n font-style: normal;\n font-weight: 700;\n line-height: 140%;\n letter-spacing: 0.72px;\n }\n\n .filters {\n display: flex;\n gap: 8px;\n align-items: center;\n overflow: auto;\n\n '," {\n flex-wrap: nowrap;\n }\n\n "," {\n flex-wrap: wrap;\n }\n }\n\n .past-jams {\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n }\n"]);return CommunityJamsFeed_templateObject=function(){return n},n}let N=c.default.div.withConfig({componentId:"sc-ff86d160-0"})(CommunityJamsFeed_templateObject(),n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm});var jams_CommunityJamsFeed=function(n){let{posts:e}=n,[t,i]=(0,p.useState)([]),r=(0,p.useCallback)(n=>{i(e=>"all"===n?[]:e.includes(n)?e.filter(e=>e!==n):[n])},[i]),s=[...e];s.splice(0,1);let a=0===t.length?s:s.filter(n=>t.includes(n.challengeType));return(0,l.jsxs)(N,{children:[(0,l.jsx)(d.Z,{community:"monthly-challenge"}),(0,l.jsx)(H.Z,{community:"monthly-challenge"}),(0,l.jsxs)("div",{className:"current-jam-wrapper",children:[(0,l.jsx)("p",{className:"label",children:"Current and upcoming"}),(0,l.jsx)(jams_CurrentJam,{post:e[0]})]}),(0,l.jsxs)("div",{className:"past-jams-wrapper",children:[(0,l.jsx)("p",{className:"label",children:"Past Challenges"}),(0,l.jsxs)("div",{className:"filters",children:[(0,l.jsx)(atoms_FilterTag,{filter:{displayName:"All",internalName:"all"},selected:0==t.length,assignTag:()=>i([])},"all"),j.C.map(n=>(0,l.jsx)(atoms_FilterTag,{filter:n,selected:t.includes(n.internaleName),assignTag:r},n.internaleName))]}),(0,l.jsx)("div",{className:"past-jams",children:a.map(n=>(0,l.jsx)(jams_PastJam,{post:n},null==n?void 0:n.postId))})]})]})},_=!0;function ChannelPage(n){let{posts:e}=n;return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i.Z,{learningEnv:"community"}),(0,l.jsxs)(s.Z,{children:[(0,l.jsx)(r.Z,{}),(0,l.jsx)(a.Z,{children:(0,l.jsx)(jams_CommunityJamsFeed,{posts:e})})]})]})}}},function(n){n.O(0,[1272,8700,4153,1622,9280,9428,8325,1024,9774,2888,179],function(){return n(n.s=29261)}),_N_E=n.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.