https://www.epicweb.dev/_next/static/chunks/pages/products/[slug]-415a38aec25f7375.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9372],{25229:(e,t,r)=>{"use strict";r.d(t,{A:()=>j});var a=r(91238),n=r(38151),s=r(69460),d=r(9236),l=r.n(d),i=r(36218),o=r(5545),c=r(42880);let u=e=>{let{text:t,url:r,author:n}=e,{avatar:s,name:d,handle:c}=n;return(0,a.jsxs)("blockquote",{"data-body-tweet":"",children:[(0,a.jsxs)("div",{"data-header":"",children:[(0,a.jsxs)("a",{href:"https://twitter.com/".concat(c),target:"_blank",rel:"noopener noreferrer","data-author":"",children:[(0,a.jsx)(l(),{src:s,alt:d,width:48,height:48}),(0,a.jsxs)("div",{"data-name":"",children:[d," ",(0,a.jsxs)("div",{"data-handle":"",children:["@",c]})]})]}),(0,a.jsx)("a",{href:r,target:"_blank",rel:"noopener noreferrer",children:(0,a.jsx)(i.I,{name:"Twitter",size:"20"})})]}),(0,a.jsx)("div",{"data-body":"",children:(0,a.jsx)(o.$,{children:t})})]})},m=e=>{let{url:t,title:r,poster:n}=e;return(0,a.jsxs)("figure",{"data-body-video":"",className:"video",children:[(0,a.jsx)("video",{autoPlay:!1,loop:!0,controls:!0,className:"rounded-md",poster:n,children:(0,a.jsx)("source",{src:t,type:"video/mp4"})}),r&&(0,a.jsx)("div",{className:"pt-2 pb-4 text-base font-medium text-slate-400",children:r})]})},x=e=>{let{videoId:t}=e;return(0,a.jsx)("iframe",{"data-body-video":"",src:"https://www.youtube.com/embed/".concat(t),title:"YouTube video player",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",frameBorder:0,allowFullScreen:!0})},h=e=>{let{playbackId:t,metadata:r}=e;return t?(0,a.jsx)(c.Ay,{"data-body-video":"",playbackId:t,metadata:r}):null},p=e=>{let{children:t,author:r}=e;return(0,a.jsxs)("div",{"data-body-testimonial":"",children:[(0,a.jsxs)("div",{"data-content":"",children:[(0,a.jsx)("blockquote",{children:t}),(null==r?void 0:r.name)&&(0,a.jsxs)("div",{"data-author":"",children:[r.image?(0,a.jsx)("div",{"data-image":"",children:(0,a.jsx)(l(),{src:r.image,alt:r.name,width:40,height:40})}):"— ",(0,a.jsx)("span",{"data-name":"",children:r.name})]})]}),(0,a.jsx)("div",{"data-border":"","aria-hidden":"true"}),(0,a.jsx)("div",{"data-quote":"","aria-hidden":"true",children:"”"})]})},f={CH:s.CH,ShikiCode:function(e){let{html:t}=e;return(0,a.jsx)("div",{dangerouslySetInnerHTML:{__html:t}})},...{Tweet:e=>{let{text:t,url:r,author:n}=e;return(0,a.jsx)(u,{text:t,url:r,author:n})},Video:e=>{let{url:t,title:r,poster:n}=e;return(0,a.jsx)(m,{url:t,title:r,poster:n})},Testimonial:e=>{let{children:t,author:r}=e;return(0,a.jsx)(p,{author:r,children:t})},MuxVideo:e=>{let{playbackId:t,metadata:r}=e;return(0,a.jsx)(h,{playbackId:t,metadata:r})},YouTube:e=>{let{videoId:t}=e;return(0,a.jsx)(x,{videoId:t})},Image:e=>(0,a.jsx)(l(),{...e}),ChecklistItem:e=>{let{children:t}=e;return(0,a.jsx)("li",{"data-checklist-item":"",children:t})}}},j=e=>{let{contents:t,components:r}=e;return(0,a.jsx)(n.m,{components:{...f,...r},...t})}},38151:(e,t,r)=>{"use strict";r.d(t,{m:()=>c});var a={};r.r(a),r.d(a,{MDXProvider:()=>o,useMDXComponents:()=>i}),"undefined"!=typeof window&&(window.requestIdleCallback=window.requestIdleCallback||function(e){var t=Date.now();return setTimeout(function(){e({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-t))}})},1)},window.cancelIdleCallback=window.cancelIdleCallback||function(e){clearTimeout(e)});var n=r(49062),s=r(87333);let d={},l=n.createContext(d);function i(e){let t=n.useContext(l);return n.useMemo(function(){return"function"==typeof e?e(t):{...t,...e}},[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(d):e.components||d:i(e.components),n.createElement(l.Provider,{value:t},e.children)}function c({compiledSource:e,frontmatter:t,scope:r,components:d={},lazy:l}){let[i,c]=(0,n.useState)(!l||"undefined"==typeof window);(0,n.useEffect)(()=>{if(l){let e=window.requestIdleCallback(()=>{c(!0)});return()=>window.cancelIdleCallback(e)}},[]);let u=(0,n.useMemo)(()=>{let n=Object.assign({opts:{...a,...s.jsxRuntime}},{frontmatter:t},r),d=Object.keys(n),l=Object.values(n),i=Reflect.construct(Function,d.concat(`${e}`));return i.apply(i,l).default},[r,e]);if(!i)return n.createElement("div",{dangerouslySetInnerHTML:{__html:""},suppressHydrationWarning:!0});let m=n.createElement(o,{components:d},n.createElement(u,null));return l?n.createElement("div",null,m):m}},71380:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>a});let a={src:"/_next/static/media/kent-c-dodds.e298a945.png",height:800,width:800,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAUVBMVEVMaXEQGy8eDQR7VT+jb1RjNBxgNB0UGiIiCwEXGCNBHgu5hWa9jXTOmHivelYEFC6kcVRmV1k+SF+aYUGzgGSpfmdzSTCwcUvjuKbFjG+ghn6Tk8MoAAAAE3RSTlMA8q9lGPSeCFVi5LC4mkdy9P3b78R/AQAAAAlwS

1FlzAAALEwAACxMBAJqcGAAAAD5JREFUeJwdiUsSgCAMxR4KLeDfVkDvf1CnzSqTAEDJDGN+2uSyjF49rSopmmyvkK9dU4a9eAoxwMf9XSGUHzqJAdeGkyMcAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:8}},73881:(e,t,r)=>{"use strict";r.r(t),r.d(t,{__N_SSP:()=>C,default:()=>_});var a=r(91238);r(49062);var n=r(75240),s=r(95178),d=r(48979),l=r(45734),i=r(19982),o=r(9236),c=r.n(o),u=r(25229),m=r(77535),x=r(29712),h=r(7618),p=r(88746),f=r(11230),j=r.n(f),g=r(94420),v=r(11214),b=r(47315),w=r.n(b);r(2099);let y=e=>{let{title:t,hasPurchased:r,product:n}=e;return(0,a.jsx)("header",{className:"relative mx-auto w-full max-w-screen-lg px-2",children:(0,a.jsxs)("div",{className:"relative flex w-full flex-col items-center justify-center pt-10 sm:pt-16",children:[(0,a.jsxs)(w(),{className:"inline-flex text-center text-sm text-indigo-300 hover:underline",href:"/products",children:[(0,a.jsx)(g.A,{className:"w-4"})," All products"]}),(0,a.jsxs)("div",{className:"flex flex-grow flex-col items-center justify-center",children:[r&&(0,a.jsxs)(w(),{href:"/purchases",className:"flex items-center gap-1.5 rounded-md bg-teal-400/30 py-0.5 pl-1.5 pr-2 font-medium text-teal-600 transition hover:bg-teal-400/40 dark:bg-teal-400/20 dark:text-teal-300 dark:hover:bg-teal-400/30",children:[(0,a.jsx)(v.A,{className:"h-5 w-5 text-teal-500 dark:text-teal-400"})," ","Purchased"]}),(0,a.jsx)("h1",{className:j()("w-full max-w-screen-xl px-5 text-center font-semibold tracking-tight fluid-2xl sm:fluid-3xl",{"pt-8":!r,"pt-5":r}),children:(0,a.jsx)(i.A,{children:t})})]})]})})},k=e=>{var t,r;let{product:n,products:i,mdx:o,userId:u,couponFromCode:f,couponIdFromCoupon:j,availableBonuses:g}=e,v=(0,l.useRouter)(),b=(null==f?void 0:f.restrictedToProductId)?i.find(e=>e.productId===f.restrictedToProductId):void 0,w=b?{...b,id:b.productId,image:{...b.image,width:132,height:112}}:void 0,{title:k,ogImage:A}=n,{validCoupon:C}=(0,p.Y)(f,w),_=j||(C?null==f?void 0:f.id:void 0),{data:I}=x.i.pricing.propsForCommerce.useQuery({...v.query,productId:n.productId}),E=(null==I||null==(t=I.purchases)?void 0:t.map(e=>e.productId))||[],S=E.includes(n.productId),T="https://www.epicweb.dev"+v.asPath;return(0,a.jsxs)(d.A,{meta:{title:k,description:n.description,...A&&{ogImage:{url:A,alt:k}}},children:[(0,a.jsx)(y,{product:n,title:k,hasPurchased:S}),(0,a.jsxs)("main",{id:"buy",children:[o&&(0,a.jsx)("article",{className:"mx-auto w-full max-w-screen-md px-10 py-8 md:py-10",children:(0,a.jsx)(N,{mdx:o})}),(0,a.jsx)("div",{className:"mt-10 flex w-full items-center justify-center pb-16",children:(0,a.jsx)(s.X_,{purchasedProductIds:E,children:(0,a.jsx)("div",{"data-pricing-container":"",children:(0,a.jsx)(h.vl,{bonuses:g,allowPurchase:"active"===n.state,userId:u,product:n,purchased:E.includes(n.productId),couponId:_,couponFromCode:f,cancelUrl:T})})})}),(0,a.jsx)(c(),{className:"mx-auto -mt-24 mb-16",src:"https://res.cloudinary.com/total-typescript/image/upload/v1669928567/money-back-guarantee-badge-16137430586cd8f5ec2a096bb1b1e4cf_o5teov.svg",width:130,height:130,alt:"30-Day Money Back Guarantee"})]}),null==(r=n.modules)?void 0:r.reduce((e,t)=>(t.instructors&&t.instructors.forEach(t=>{e.some(e=>e._id===t._id)||e.push(t)}),console.log({instructors:e,module:t}),e),[]).map(e=>(0,a.jsx)(m.A,{...e,className:"mt-0 pt-0"}))]})},A={PictureOfKent:e=>{let{children:t}=e;return(0,a.jsxs)("div",{className:"flex flex-col items-center gap-10 py-16 md:flex-row md:items-start",children:[(0,a.jsxs)("div",{className:"flex flex-shrink-0 flex-col items-center",children:[(0,a.jsx)(c(),{width:150,height:150,placeholder:"blur",priority:!0,className:"!my-0 rounded-full bg-gray-100 dark:bg-gray-800",src:r(71380),alt:"Kent C. Dodds"}),(0,a.jsx)("span",{className:"pt-3 font-bold",children:"Kent C. Dodds"})]}),(0,a.jsx)("div",{className:"prose w-full dark:prose-invert sm:text-lg",children:t})]})}},N=e=>{let{mdx:t}=e;return(0,a.jsx)("article",{className:"invert-svg prose mx-auto w-full max-w-none dark:prose-invert md:prose-lg prose-code:break-words md:prose-code:break-normal",children:(0,a.jsx)(u.A,{contents:t,components:A})})};var C=!0;let _=e=>{let{hasPurchasedCurrentProduct:t}=e;return(0,a.jsx)(a.Fragment,{children:t?(0,a.jsx)(s.X_,{purchasedProductIds:[e.product.productId],children:(0,a.jsx)(n.Ay,{...e})}):(0,a.jsx)(k,{mdx:e.mdx,...e})})}}

1,77535:(e,t,r)=>{"use strict";r.d(t,{A:()=>c});var a=r(91238);r(49062);var n=r(71380),s=r(9236),d=r.n(s),l=r(42433),i=r(47315),o=r.n(i);let c=e=>{let{title:t=e=>"About ".concat(e),bio:r=(0,a.jsxs)(a.Fragment,{children:["Kent C. Dodds is a world renowned speaker, teacher, and trainer and he's actively involved in the"," ",(0,a.jsx)("a",{href:"https://github.com/kentcdodds",rel:"noopener noreferrer",className:"text-indigo-500 text-opacity-100 hover:underline dark:text-brand",target:"_blank",children:"open source community"})," ","as a maintainer and contributor of hundreds of popular npm packages. He is the creator of"," ",(0,a.jsx)("a",{href:"https://epicreact.dev",target:"_blank",className:"text-indigo-500 text-opacity-100 hover:underline dark:text-brand",rel:"noreferrer",children:"EpicReact.Dev"})," ","and"," ",(0,a.jsx)("a",{href:"https://testingjavascript.com",target:"_blank",className:"text-indigo-500 text-opacity-100 hover:underline dark:text-brand",rel:"noreferrer",children:"TestingJavaScript.com"}),". He's an instructor on"," ",(0,a.jsx)("a",{href:"https://egghead.io/q/resources-by-kent-c-dodds",target:"_blank",rel:"noreferrer",className:"text-indigo-500 text-opacity-100 hover:underline dark:text-brand",children:"egghead.io"})," ","and"," ",(0,a.jsx)("a",{href:"https://frontendmasters.com",rel:"noopener noreferrer",target:"_blank",className:"text-indigo-500 text-opacity-100 hover:underline dark:text-brand",children:"Frontend Masters"}),". He's also a Google Developer Expert. Kent is happily married and the father of four kids. He likes his family, code, JavaScript, and Remix."]}),name:s="Kent C. Dodds",picture:i={url:n.default,alt:"Kent C. Dodds"},className:c,slug:u="kent-c-dodds"}=e;return(0,a.jsxs)("section",{className:(0,l.Q)("mx-auto flex w-full max-w-4xl flex-col items-center justify-center gap-10 px-5 py-16 sm:gap-16 sm:py-24 md:flex-row",c),children:[(0,a.jsx)("div",{className:"flex flex-shrink-0 items-center justify-center overflow-hidden rounded-full bg-gray-200 dark:bg-gray-800",children:(null==i?void 0:i.url)&&(0,a.jsx)(o(),{href:"/contributors/".concat(u),children:(0,a.jsx)(d(),{src:i.url,width:200,height:200,alt:i.alt,className:"aspect-square"})})}),(0,a.jsxs)("div",{className:"text-center md:text-left",children:[(0,a.jsx)(o(),{href:"/contributors/".concat(u),className:"inline-block pb-3 text-xl font-semibold hover:underline",children:t(s)}),(0,a.jsx)("p",{className:"text-lg text-gray-800 text-opacity-80 dark:text-gray-300",children:r})]})]})}},87333:(e,t,r)=>{"use strict";e.exports.jsxRuntime=r(91238)},91737:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/products/[slug]",function(){return r(73881)}])}},e=>{e.O(0,[7449,5692,7491,5646,4095,8534,5989,5839,5545,3042,499,1892,4240,6770,6033,6903,1991,5240,636,6593,8792],()=>e(e.s=91737)),_N_E=e.O()}]);
2//# sourceMappingURL=[slug]-415a38aec25f7375.js.map