https://explosm.net/_next/static/chunks/pages/rcg/%5B%5B...id%5D%5D-7bd14a77c5e21175.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[882],{4544:function(a,b,c){"use strict";var d=c(4980),e=c(6573),f=c(8799),g=c(8865),h=c(7379),i=c(5893),j=h.ZP.div.withConfig({displayName:"ComicShare__Container",componentId:"sc-1plh1bf-0"})(["align-items:center;background-color:var(--color-primary-light);border-radius:3px;display:flex;height:34px;justify-content:space-between;padding:0 0.6rem;width:120px;","{height:40px;width:130px;}"],function(a){return a.theme.breakpoints.up("sm")}),k=h.ZP.button.withConfig({displayName:"ComicShare__CopyLinkButton",componentId:"sc-1plh1bf-1"})(["background-color:transparent;border:none;color:inherit;cursor:pointer;font:inherit;padding:0px;"]),l=(0,h.ZP)(d.Z).withConfig({displayName:"ComicShare__StyledSocialIcon",componentId:"sc-1plh1bf-2"})(["width:1.2rem;","{width:1.2rem;}"],function(a){return a.theme.breakpoints.up("sm")});b.Z=function(a){var b=a.className,c=a.comicUrl;return(0,i.jsxs)(j,{className:b,children:[(0,i.jsx)(k,{onClick:function(){navigator.clipboard.writeText(c)},children:(0,i.jsx)(l,{fill:"white",socialName:"copylink"})}),(0,i.jsx)(e.Z,{url:c,children:(0,i.jsx)(l,{fill:"white",socialName:"facebook"})}),(0,i.jsx)(f.Z,{url:c,children:(0,i.jsx)(l,{fill:"white",socialName:"twitter"})}),(0,i.jsx)(g.Z,{url:c,children:(0,i.jsx)(l,{fill:"white",socialName:"tumblr"})})]})}},591:function(a,b,c){"use strict";c.r(b),c.d(b,{"__N_SSG":function(){return na},"default":function(){return oa}});var d,e,f=c(2809),g=c(1163),h=c(3256),i=c(7137),j=c(37),k=c(266),l=c(809),m=c.n(l),n={src:"/_next/static/media/rcg-copyright.27fadf20.png",height:111,width:1999,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAMAAADU3h9xAAAACVBMVEW4sr+vr6/Dw8I7UMjxAAAAA3RSTlP8+/wF68grAAAACXBIWXMAAAsTAAALEwEAmpwYAAAADklEQVQImWNgZGQAASYAABoABe9L9wYAAAAASUVORK5CYII="},o=c(765),p=c(5477),q=c(7294),r=c(7379),s=c(5893),t=r.ZP.div.withConfig({displayName:"LoadingIndicator__Container",componentId:"sc-10ukonn-0"})(["align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:5rem;min-width:5rem;position:relative;"]),u=(0,r.ZP)(p.Z).withConfig({displayName:"LoadingIndicator__ProgressBottom",componentId:"sc-10ukonn-1"})(["color:rgb(204,204,204) !important;"]),v=(0,r.ZP)(p.Z).withConfig({displayName:"LoadingIndicator__ProgressTop",componentId:"sc-10ukonn-2"})(["animation-duration:550ms !important;color:var(--color-primary-dark);position:absolute;stroke-linecap:round;"]),w=r.ZP.div.withConfig({displayName:"Panel__Container",componentId:"sc-16olx3c-0"})(["align-items:center;background:url(",");background-repeat:no-repeat;background-size:cover;display:flex;height:398px;justify-content:center;justify-self:center;max-height:398px;max-width:275px;width:275px;","{height:398px;width:275px;}","{height:267px;width:185px;}","{height:267px;width:185px;}","{height:166px;width:115px;}"],(0,o.s)({src:"/_next/static/media/rcg-panel-background.8986c749.png",height:398,width:275,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAMAAAAGL8UJAAAADFBMVEXz8/P////p6en5+fkUYMRdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFElEQVQImWNgYgADRkZGRgIkWCUAAswAHf+e7hwAAAAASUVORK5CYII="}),function(a){return a.theme.breakpoints.down("lg")},function(a){return a.theme.breakpoints.down("md")},function(a){return a.theme.breakpoints.down("sm")},function(a){return a.theme.breakpoints.down("xs")}),x=r.ZP.img.withConfig({displayName:"Panel__Image",componentId:"sc-16olx3c-1"})(["width:100%;"]),y=function(a){var b,c=a.isGenerating,d=a.isLocked,e=a.panel,f=a.position,g=!!(null!=e&&e.filename);return(0,s.jsx)(w,{children:(!c||d)&&g?(0,s.jsx)(x,{alt:"Panel ".concat(f),src:e&&(null!=(b=e.filename)&&b.startsWith("/")?b:"".concat("https://rcg-cdn.explosm.net/panels","/").concat(b))}):(0,s.jsx)(function(){return(0,s.jsxs)(t,{children:[(0,s.jsx)(u,{variant:"determinate",size:40,thickness:4,value:100}),(0,s.jsx)(v,{variant:"indeterminate",disableShrink:!0,size:40,thickness:4})]})},{})})},z=c(8216),A=c(1077),B=c(4290),C=c(2953),D=c(2564),E=function(a){(0,A.Z)(c,a);var b=function(a){var b=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(a){return!1}}();return function(){var c,d=(0,C.Z)(a);if(b){var e=(0,C.Z)(this).constructor;c=Reflect.construct(d,arguments,e)}else c=d.apply(this,arguments);return(0,B.Z)(this,c)}}(c);function c(){return(0,z.Z)(this,c),b.apply(this,arguments)}return c}((0,D.Z)(Error)),F=function(a){var b=a.reduce(function(a,b,c){return b?a.concat([[(c+1).toString(),b]]

1):a},[]);return new URLSearchParams(b)},G=function(){var a=(0,k.Z)(m().mark(function a(b){var c,d,e;return m().wrap(function(a){for(;;)switch(a.prev=a.next){case 0:return a.prev=0,c=F(b),a.next=4,fetch("".concat("/api/get-random-panels","?").concat(c.toString()));case 4:if(!((d=a.sent).status>=400)){a.next=7;break}throw new E();case 7:return a.next=9,d.json();case 9:if(!(!0!==(e=a.sent).success)){a.next=12;break}throw new E();case 12:return a.abrupt("return",e.panels);case 15:throw a.prev=15,a.t0=a.catch(0),new E();case 18:case"end":return a.stop()}},a,null,[[0,15]])}));return function(b){return a.apply(this,arguments)}}(),H=c(5564),I=c.n(H),J=c(8748),K=c.n(J),L=function(a){var b=[null,null,null];if(!a)return b;var c=a?I()(Array(a)).join(""):void 0,d=K()(c,/.{3}/g);return d.length<3?d.concat(b).slice(0,3):d};function M(){return(M=Object.assign||function(a){for(var b=1;b<arguments.length;b++){var c=arguments[b];for(var d in c)Object.prototype.hasOwnProperty.call(c,d)&&(a[d]=c[d])}return a}).apply(this,arguments)}function N(){return(N=Object.assign||function(a){for(var b=1;b<arguments.length;b++){var c=arguments[b];for(var d in c)Object.prototype.hasOwnProperty.call(c,d)&&(a[d]=c[d])}return a}).apply(this,arguments)}var O=r.ZP.button.withConfig({displayName:"LockButton__Button",componentId:"sc-e7cty8-0"})(["background:none;border:none;cursor:pointer;padding:0;"]),P=function(a){var b=a.isLocked,c=a.onClick;return(0,s.jsx)(O,{onClick:c,children:b?(0,s.jsx)(function(a){return q.createElement("svg",M({width:19.9,height:23.55,xmlns:"http://www.w3.org/2000/svg"},a),d||(d=q.createElement("g",{"data-name":"Layer 2"},q.createElement("g",{"data-name":"Layer 1"},q.createElement("rect",{y:10.65,width:19.9,height:12.9,rx:1.86,fill:"#ffa610"}),q.createElement("path",{d:"M4.17 10.74V7.93A6 6 0 0110 1.75a6 6 0 015.8 6.18v2.81",fill:"none",stroke:"#ffa610",strokeLinecap:"round",strokeMiterlimit:10,strokeWidth:3.5})))))},{}):(0,s.jsx)(function(a){return q.createElement("svg",N({width:29.08,height:23.55,xmlns:"http://www.w3.org/2000/svg"},a),e||(e=q.createElement("g",{"data-name":"Layer 2"},q.createElement("g",{"data-name":"Layer 1"},q.createElement("rect",{y:10.65,width:19.9,height:12.9,rx:1.86,fill:"#ccc"}),q.createElement("path",{d:"M15.74 10.74V7.93a6 6 0 015.8-6.18 6 6 0 015.79 6.18v2.81",fill:"none",stroke:"#ccc",strokeLinecap:"round",strokeMiterlimit:10,strokeWidth:3.5})))))},{})})},Q=c(4544),R=[1,2,3],S=r.ZP.button.withConfig({displayName:"RandomComicGenerator__Button",componentId:"sc-xb0zoq-0"})(["background-color:var(--color-orange);border:0;color:white;cursor:pointer;display:block;font-family:var(--font-family-accent);font-size:1.2rem;margin:0 auto;padding:0.7rem 0.9rem;text-align:center;text-decoration:none;width:100%;","{font-size:1.4rem;width:75%;}"],function(a){return a.theme.breakpoints.up("sm")}),T=r.ZP.div.withConfig({displayName:"RandomComicGenerator__Container",componentId:"sc-xb0zoq-1"})(["display:flex;flex-direction:column;justify-content:center;padding:12px 0;","{padding:24px 0;}"],function(a){return a.theme.breakpoints.up("sm")}),U=r.ZP.input.withConfig({displayName:"RandomComicGenerator__ComicUrlField",componentId:"sc-xb0zoq-2"})(["font-size:1.25rem;margin-top:0.5rem;text-align:center;width:25rem;"]),V=r.ZP.div.withConfig({displayName:"RandomComicGenerator__Copyright",componentId:"sc-xb0zoq-3"})(["left:50%;position:relative;transform:translate(-50%,-35%);width:69%;"]),W=r.ZP.p.withConfig({displayName:"RandomComicGenerator__ErrorText",componentId:"sc-xb0zoq-4"})(["font-size:1rem;margin:0 0 0 0;text-align:center;"]),X=r.ZP.div.withConfig({displayName:"RandomComicGenerator__FullGridWidth",componentId:"sc-xb0zoq-5"})(["grid-column:1 / span 3;"]),Y=r.ZP.div.withConfig({displayName:"RandomComicGenerator__Grid",componentId:"sc-xb0zoq-6"})(["display:grid;grid-auto-columns:min-content;grid-template-rows:50px;margin:0 auto;max-width:940px;"]),Z=(0,r.ZP)(X).withConfig({displayName:"RandomComicGenerator__ComicUrlRow",componentId:"sc-xb0zoq-7"})(["display:flex;justify-content:center;margin:1rem 0 1rem 0;"]),$=(0,r.ZP)(X).withConfig({displayName:"RandomComicGenerator__ShareRow",componentId:"sc-xb0zoq-8"})(["margin:1rem 0 1rem 0;"]),_=r.ZP.p.withConfig({displayName:"RandomComicGenerator__ShareText",componentId:"sc-xb0zoq-9"})(["font-size:1.3rem;margin:0 0 0 0;text-align:center;text-transform:uppercase;"]),aa=(0,r.ZP)(Q.Z).withConfig({displayName:"RandomComicGenerator__StyledComicShare",componentId:"sc-xb0zoq-10"})(["margin:0 auto;text-align:center;"]),ba=r.ZP.span.withConfig({displayName:"RcgTitle__Joking",componentId:"sc-171o9tj-0"})(["color:#87c1d8;font-family:Leelawadee,sans-serif;font-size:35px;-webkit-text-stroke:1px #333;"]),ca=r.ZP.span.withConfig({displayName:"RcgTitle__Hazard",componentId:"sc-171o9tj-1"})(["color:#43a046;font-family:Leelawadee,sans-serif;font-size:35px;-webkit-text-stroke:1px #333;"]),da=r.ZP.span.withConfig({displayName:"RcgTitle__Presents",componentId:"sc-171o9tj-2"})(["display:block;font-family:Leelawadee,sans-serif;font-size:16px;","{display:inline;}"],function(a){return a.theme.breakpoints.up("sm")}),ea=r.ZP.span.withConfig({displayName:"RcgTitle__ComicGenerator",componentId:"sc-171o9tj-3"})(["display:inline-block;font-family:var(--font-family-accent),sans-serif;font-size:30px;line-height:30px;","{font-size:44px;line-height:44px;}"],function(a){return a.theme.breakpoints.up("sm")}),fa=r.ZP.span.withConfig({displayName:"RcgTitle__Millions",componentId:"sc-171o9tj-4"})(["display:inline-block;font-size:18px;line-height:22px;"]),ga=r.ZP.p.withConfig({displayName:"RcgTitle__P",componentId:"sc-171o9tj-5"})(["margin:0;padding:0;text-align:center;"]),ha=r.ZP.div.withConfig({displayName:"rcg__AdWideContainer",componentId:"sc-1ced8p3-0"})(["margin-bottom:1rem;"]),ia=(0,r.ZP)(function(a){var b=a.className,c=a.comicId,d=L(c),e=(0,q.useState)(d),f=e[0],g=e[1],h=(0,q.useState)([]),i=h[0],l=h[1],p=(0,q.useState)([]),r=p[0],t=p[1],u=(0,q.useState)(!1),v=u[0],w=u[1],x=(0,q.useState)(!0),z=x[0],A=x[1];(0,q.useEffect)(function(){B(),g([])},[]);var B=function(){var a=(0,k.Z)(m().mark(function a(){var b,c;return m().wrap(function(a){for(;;)switch(a.prev=a.next){case 0:return w(!1),A(!0),b=(null==f?void 0:f.length)>0?f:i,a.prev=3,a.next=6,G(b);case 6:t(c=a.sent),a.next=13;break;case 10:a.prev=10,a.t0=a.catch(3),w(!0);case 13:return a.prev=13,A(!1),a.finish(13);case 16:case"end":return a.stop()}},a,null,[[3,10,13,16]])}));return function(){return a.apply(this,arguments)}}(),C=function(){var a=(0,k.Z)(m().mark(function a(){return m().wrap(function(a){for(;;)switch(a.prev=a.next){case 0:return a.next=2,B();case 2:case"end":return a.stop()}},a)}));return function(){return a.apply(this,arguments)}}(),D=function(a){var b,c=(0,j.Z)(i);c[a]=null===i[a]?null===(b=r[a])|| void 0===b?void 0:b.slug:null,l(c)},E="https://explosm.net/rcg/".concat(r.map(function(a){return a.slug}).join(""));return(0,s.jsx)(T,{className:b,children:(0,s.jsxs)(Y,{children:[v?(0,s.jsx)(X,{children:(0,s.jsx)(W,{children:"We had a problem getting your panels. Try again!"})}):(0,s.jsxs)(s.Fragment,{children:[R.map(function(a,b){return(0,s.jsx)(P,{isLocked:!!i[b],onClick:function(){return D(b)}},"lock-button-".concat(a))}),R.map(function(a,b){return(0,s.jsx)(y,{isGenerating:z,isLocked:!!i[b],panel:r[b],position:a},"panel-".concat(a))}),(0,s.jsx)(X,{children:(0,s.jsx)(V,{children:(0,s.jsx)(o.Z,{alt:"copyright",he

1ight:"111",src:n,width:"1999"})})})]}),(0,s.jsx)(X,{children:(0,s.jsx)(S,{onClick:C,children:"Generate new comic"})}),(0,s.jsxs)($,{children:[(0,s.jsx)(_,{children:"Share your masterpiece"}),(0,s.jsx)(aa,{comicUrl:E})]}),(0,s.jsx)(Z,{children:(0,s.jsx)(U,{readOnly:!0,value:E})})]})})}).withConfig({displayName:"rcg__StyledRCG",componentId:"sc-1ced8p3-1"})(["margin:0;"]),ja=function(a){var b=a.comicId,c=a.footer,d=a.header;return(0,s.jsxs)(i.Z,{header:d,footer:c,children:[(0,s.jsx)(function(){return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(ga,{children:[(0,s.jsx)(ba,{children:"Joking "}),(0,s.jsx)(ca,{children:"Hazard "}),(0,s.jsx)(da,{children:"Presents..."})]}),(0,s.jsx)(ga,{children:(0,s.jsx)(ea,{children:"Random Comic Generator 3.0"})}),(0,s.jsx)(ga,{children:(0,s.jsx)(fa,{children:"Millions of combinations! Create and share your own!"})})]})},{}),(0,s.jsx)(h.M7,{children:(0,s.jsx)(ia,{comicId:b})}),(0,s.jsx)(ha,{children:(0,s.jsx)(h.U0,{})})]})},ka={comicId:void 0};function la(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function ma(a){for(var b=1;b<arguments.length;b++){var c=null!=arguments[b]?arguments[b]:{};b%2?la(Object(c),!0).forEach(function(b){(0,f.Z)(a,b,c[b])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(c)):la(Object(c)).forEach(function(b){Object.defineProperty(a,b,Object.getOwnPropertyDescriptor(c,b))})}return a}var na=!0,oa=function(){var a=(0,g.useRouter)().query.id;return(0,s.jsx)(ja,ma(ma({},ka),{},{comicId:a}))}},6880:function(a,b,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/rcg/[[...id]]",function(){return c(591)}])}},function(a){a.O(0,[686,825,137,774,888,179],function(){return a(a.s=6880)}),_N_E=a.O()}])