https://www.epicreact.dev/_next/static/chunks/pages/newsletter-7cdc42584a65635b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8265],{18241:(e,t,a)=>{"use strict";a.d(t,{k:()=>d});var s=a(91238),r=a(73258),i=a(45734);let l={"primary-newsletter-button-cta-label":"Subscribe","primary-newsletter-tittle":"Subscribe to Epic React","primary-newsletter-byline":"Get the latest tutorials, articles, tips and announcements delivered to your inbox."};var n=a(42433),c=a(2099);let d=e=>{let{children:t,className:a,id:d="primary-newsletter-cta",title:o=l["primary-newsletter-tittle"],byline:m=l["primary-newsletter-byline"],actionLabel:u=l["primary-newsletter-button-cta-label"],trackProps:h={event:"subscribed",params:{}},onSuccess:x,formId:p}=e,b=(0,i.useRouter)();return(0,s.jsxs)("section",{id:d,"aria-label":"Newsletter sign-up",className:(0,n.Q)("flex flex-col items-center",a),children:[t||(0,s.jsxs)("div",{className:"pb-8",children:[(0,s.jsx)("h2",{className:"text-center text-4xl font-bold",children:o}),(0,s.jsx)("h3",{className:"pt-4 text-center text-lg",children:m})]}),(0,s.jsx)(r.$,{formId:p,onSuccess:x||(e=>{if(e){(0,c.u)(h.event,h.params);let t=(0,r.r)(e,"/confirm");b.push(t)}}),actionLabel:u}),(0,s.jsx)("div",{className:"h-10 w-10"}),(0,s.jsx)("p",{"data-nospam":"",className:"pt-8 text-center text-sm opacity-80",children:"We respect your privacy. Unsubscribe at any time."})]})}},19551:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/newsletter",function(){return a(49786)}])},49786:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>c});var s=a(91238),r=a(3380),i=a(18241),l=a(9236),n=a.n(l);let c=()=>(0,s.jsx)(r.A,{meta:{title:"Newsletter",ogImage:{url:"https://res.cloudinary.com/epic-web/image/upload/v1726065411/newsletter-card_2x.jpg"}},className:"w-full",children:(0,s.jsxs)("main",{id:"newsletter",className:"mx-auto flex w-full max-w-screen-md flex-col items-center justify-center py-10 dark:bg-[radial-gradient(50%_50%_at_50%_50%,_#1C2434_0%,_hsl(var(--background))_100%)] sm:py-20",children:[(0,s.jsx)(i.k,{className:"[&>[data-sr-convertkit-subscribe-form]]:flex-col [&_[data-nospam]]:hidden",children:(0,s.jsxs)("div",{className:"flex flex-col px-5",children:[(0,s.jsx)("h1",{className:"text-balance text-center text-2xl font-semibold sm:text-4xl",children:"Join over 38,000 developers on their journey to React mastery"}),(0,s.jsxs)("h2",{className:"mb-10 mt-5 max-w-2xl items-center justify-center px-5 text-center text-blue-600 dark:text-blue-200 sm:text-lg",children:["React Training for Professional Developers by",(0,s.jsxs)("span",{className:"relative inline-flex translate-y-1.5 items-center sm:translate-y-2.5",children:[(0,s.jsx)(n(),{src:a(71380),alt:"",priority:!0,"aria-hidden":"true",width:40,height:40,className:"ml-3 mr-1.5 size-6 rounded-full bg-gray-300 dark:bg-gray-800 sm:size-8"})," ","Kent C. Dodds"]})]})]})}),(0,s.jsxs)("p",{"data-nospam":"",className:"inline-flex items-center gap-2 pt-0 text-center text-xs text-gray-600 dark:text-gray-400",children:[(0,s.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16","aria-hidden":"true",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("path",{d:"M14.5 9C14.5 13.5 8 15.5 8 15.5C8 15.5 1.5 13.5 1.5 9V2.5L8 0.5L14.5 2.5V9Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),(0,s.jsx)("path",{d:"M6.5 7.5V6C6.5 5.172 7.172 4.5 8 4.5C8.828 4.5 9.5 5.172 9.5 6V7.5",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),(0,s.jsx)("path",{d:"M10.5 7.5H5.5V10.5H10.5V7.5Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})]}),"I respect your privacy. Unsubscribe at any time."]})]})})},71380:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>s});let s={src:"/_next/static/media/kent-c-dodds.e298a945.png",height:800,width:800,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAUVBMVEVMaXEQGy8eDQR7VT+jb1RjNBxgNB0UGiIiCwEXGCNBHgu5hWa9jXTOmHivelYEFC6kcVRmV1k+SF+aYUGzgGSpfmdzSTCwcUvjuKbFjG+ghn6Tk8MoAAAAE3RSTlMA8q9lGPSeCFVi5LC4mkdy9P3b78R/AQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAD5JREFUeJwdiUsSgCAMxR4KLeDfVkDvf1CnzSqTAEDJDGN+2uSyjF49rSopmmyvkK9dU4a9eAoxwMf9XSGUHzqJAdeGkyMcAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:8}},73258:(e,t,a)=>{"use strict";a.d(t,{$:()=>u,r:()=>h});var s=a(91238),r=a(49062),i=a(28316),l=a(93651),n=a(42016),c=a(64261),d=a(54476),o=a(32071),m=a(88866);let u=e=>{let{formId:t,submitButtonElem:a,errorMessage:o=(0,s.jsx)("p",{children:"Something went wrong."}),successMessage:u=(0,s.jsx)("p",{children:"Thanks!"}),actionLabel:h="Subscribe",onError:x=()=>{},onSuccess:p=()=>{},subscribeApiURL:b,id:f,fields:w,className:j,validationSchema:A,validateOnChange:_,...g}=e,[y]=r.useState(()=>Date.now()),{isSubmitting:v,status:N,handleChange:C,handleSubmit:k,errors:S,touched:E}=function(e){let{submitUrl:t=d.CONVERTKIT_SUBSCRIBE_API_URL,formId:a=d.CONVERTKIT_SIGNUP_FORM||"0",fields:s,onSuccess:r,onError:i,validationSchema:o,validateOnChange:m=!1,formLoadedAt:u}=e,{isSubmitting:h,status:x,handleChange:p,handleSubmit:b,errors:f,touched:w}=(0,l.useFormik)({initialStatus:"",initialValues:{email:"",first_name:"",website:""},validationSchema:o||n.object().shape({email:n.string().email("Invalid email address").required("Required"),first_name:n.string()}),validateOnChange:m,enableReinitialize:!0,onSubmit:async(e,l)=>{let{email:n,first_name:d,website:o}=e,{setStatus:m}=l;return o||(u?Date.now()-u:1/0)<1500?void m("success"):c.A.post(t,{email:n,first_name:d,form:a,fields:s}).then(e=>{let t=e.data;r(t,n),m("success"),t||m("error")}).catch(e=>{i(e),m("error"),console.log(e)})}});return{isSubmitting:h,status:x,handleChange:p,handleSubmit:b,errors:f,touched:w}}({formId:t,onSuccess:p,onError:x,fields:w,submitUrl:b,validationSchema:A,validateOnChange:_,formLoadedAt:y});return(0,s.jsxs)("form",{"data-sr-convertkit-subscribe-form":N,onSubmit:k,className:j,...g,children:[(0,s.jsxs)("div",{"aria-hidden":"true",style:{position:"absolute",left:"-9999px",to

1p:"-9999px",opacity:0,height:0,overflow:"hidden"},tabIndex:-1,children:[(0,s.jsx)("label",{htmlFor:f?"website_".concat(f):"website_url_hp",children:"Website"}),(0,s.jsx)("input",{type:"text",name:"website",id:f?"website_".concat(f):"website_url_hp",onChange:C,tabIndex:-1,autoComplete:"off"})]}),(0,s.jsxs)("div",{"data-sr-fieldset":"",className:"w-full",children:[(0,s.jsx)(i.JU,{"data-sr-input-label":"",htmlFor:f?"first_name_".concat(f):"first_name",children:"First Name"}),(0,s.jsx)(i.pd,{"data-input-with-error":!!(E.first_name&&S.first_name),className:"h-auto",name:"first_name",id:f?"first_name_".concat(f):"first_name",onChange:C,placeholder:"Preferred name",type:"text"}),A&&E.first_name&&S.first_name&&(0,s.jsx)("p",{"data-input-error-message":!0,children:S.first_name})]}),(0,s.jsxs)("div",{"data-sr-fieldset":"",className:"w-full",children:[(0,s.jsx)(i.JU,{"data-sr-input-label":"",htmlFor:f?"email_".concat(f):"email",children:"Email*"}),(0,s.jsx)(i.pd,{"data-input-with-error":!!(E.email&&S.email),className:"h-auto",name:"email",id:f?"email_".concat(f):"email",onChange:C,placeholder:"[email protected]",type:"email",required:!0}),A&&E.email&&S.email&&(0,s.jsx)("p",{"data-input-error-message":!0,children:S.email})]}),a?r.cloneElement(a,{type:"submit",disabled:!!v,children:v?(0,s.jsx)(m.A,{className:"w-5 h-5"}):a.props.children}):(0,s.jsx)(i.$n,{variant:"default",size:"lg",disabled:E.first_name&&S.first_name||E.email&&S.email||!!v,type:"submit",formNoValidate:!!A,children:v?(0,s.jsx)(m.A,{className:"w-5 h-5"}):h}),"success"===N&&(r.isValidElement(u)?u:(0,s.jsx)("p",{children:u})),"error"===N&&(r.isValidElement(o)?o:(0,s.jsx)("p",{children:o}))]})},h=(e,t,a)=>

1o.stringifyUrl({url:t,query:{[d.CK_SUBSCRIBER_KEY]:e.id,email:e.email_address,...a}})},88866:(e,t,a)=>{"use strict";a.d(t,{A:()=>l});var s=a(91238);a(49062);var r=a(11230),i=a.n(r);let l=e=>{let{className:t="w-8 h-8",...a}=e;return(0,s.jsxs)("svg",{className:i()("animate-spin",t),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",...a,children:[(0,s.jsx)("title",{children:"Loading"}),(0,s.jsx)("circle",{opacity:.25,cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),(0,s.jsx)("path",{opacity:.75,fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]})}}},e=>{e.O(0,[7449,7842,8157,2933,5989,5839,2365,3380,636,6593,8792],()=>e(e.s=19551)),_N_E=e.O()}]);
2//# sourceMappingURL=newsletter-7cdc42584a65635b.js.map