1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6795],{66795:(e,i,s)=>{s.r(i),s.d(i,{DAGVotingForm:()=>y});var a=s(41996),t=s(41728),r=s(14858),l=s(75580),d=s(28034),n=s(29286),o=s(77077),m=s(5571),c=s(47845);let h=JSON.parse('{"r":[{"id":"Owls","headline":"Owls","copy":"Designed to encourage learning and curiosity for kids stuck in the hospital.","imgSrc":"/img/dag/owls.png"},{"id":"Unicorns","headline":"Unicorns","copy":"Inspired by the artist\'s child, who absolutely loves unicorns, with hopes it brings smiles to other kids, too.","imgSrc":"/img/dag/unicorn.png"},{"id":"Fox and the Night Sky","headline":"Fox and the Night Sky","copy":"Created to bring smiles to children going through some of life\'s most difficult moments.","imgSrc":"/img/dag/fox.png"},{"id":"Panda","headline":"Panda","copy":"Made to share the artist\'s love of pandas with kids that are battling illness and put smiles on their faces.","imgSrc":"/img/dag/panda.png"},{"id":"World","headline":"World","copy":"Designed to help kids stay positive and curious about exploring the world one day.","imgSrc":"/img/dag/world.png"}]}');var x=s(4912),p=s(17225),u=s(19952);function g(){return(0,a.jsx)("svg",{fill:"none",height:"8",viewBox:"0 0 13 10",width:"13",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{d:"M10.7934 0.786937L4.50041 7.07994L2.20741 4.78694C2.0188 4.60478 1.7662 4.50398 1.50401 4.50626C1.24181 4.50854 0.990997 4.61371 0.805589 4.79912C0.62018 4.98453 0.515012 5.23534 0.512733 5.49754C0.510455 5.75973 0.611249 6.01234 0.793407 6.20094L3.79341 9.20094C3.98093 9.38841 4.23524 9.49372 4.50041 9.49372C4.76557 9.49372 5.01988 9.38841 5.20741 9.20094L12.2074 2.20094C12.3896 2.01234 12.4904 1.75973 12.4881 1.49754C12.4858 1.23534 12.3806 0.984527 12.1952 0.799119C12.0098 0.613711 11.759 0.508542 11.4968 0.506263C11.2346 0.503985 10.982 0.604779 10.7934 0.786937Z",fill:"#0071CE"})})}function f(e){let{id:i,imgSrc:s,headline:t,copy:r,active:l,setValue:d}=e;return(0,a.jsxs)("div",{className:"grid grid-cols-[repeat(auto-fit,minMax(300px,1fr))] items-start gap-x-8 gap-y-4",children:[(0,a.jsx)("div",{className:"mx-auto",children:(0,a.jsx)(p.default,{alt:t,height:425,src:s,width:640})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h2",{className:"font-greycliff-bold mx-0 mb-3 mt-0 text-xl sm:pt-10 md:text-2xl",children:t}),(0,a.jsx)("p",{children:r}),(0,a.jsx)("div",{className:"mt-4",children:(0,a.jsx)(m.$,{className:(0,u.cn)(l?"text-blue bg-white":"bg-blue"),onClick:()=>d("vote",i),type:"button",variant:l?"secondary":"default",children:l?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(g,{}),"Selected"]}):"Vote"})})]})]})}function y(){let e=(0,r.useRouter)(),[i,s]=(0,l.mN)(x.nw),p=(0,d.GP)(new Date,"yyyy-MM-dd"),{setValue:u,register:g,watch:y,handleSubmit:j}=(0,n.mN)({defaultValues:{first_name:"",last_name:"",email:"",vote:"",date_submitted:""}});return t.useEffect(()=>{p&&u("date_submitted",p),i.succeeded&&e.push("/dag-thank-you")},[i.succeeded,e,u,p]),(0,a.jsx)("div",{className:"mx-auto mb-8 max-w-4xl px-6",children:(0,a.jsxs)("form",{action:"/dag-thank-you",onSubmit:j(s),children:[(0,a.jsxs)("div",{className:"mb-12 grid gap-y-6 md:gap-y-12",children:[h.r.map(e=>(0,a.jsx)(f,{active:y("vote")===e.id,copy:e.copy,headline:e.headline,id:e.id,imgSrc:e.imgSrc,setValue:u},e.id)),(0,a.jsx)("input",{type:"text",...g("vote",{required:!0}),className:"sr-only"}),(0,a.jsx)(l.yI,{errors:i.errors,field:"vote",prefix:"Vote Option"})]}),(0,a.jsx)("div",{id:"form"}),(0,a.jsx)(o.X,{copy:"Only one vote per valid Insmed email address!",heading:"Cast your vote",icon:"Rays"}),(0,a.jsxs)("ol",{className:"m-0 mx-auto flex max-w-2xl list-none flex-wrap justify-between p-0",children:[(0,a.jsxs)("li",{className:"mb-8 w-1/2 pr-4",children:[(0,a.jsx)(c.p,{placeholder:"First name*",required:!0,type:"text",...g("first_name",{required:!0})}),(0,a.jsx)(l.yI,{errors:i.errors,field:"first_name",prefix:"First Name"})]}),(0,a.jsxs)("li",{className:"mb-8 w-1/2 pl-4",children:[(0,a.jsx)(c.p,{placeholder:"Last name*",required:!0,type:"text",...g("last_name",{required:!0})}),(0,a.jsx)(l.yI,{errors:i.errors,field:"last_name",prefix:"Last Name"})]}),(0,a.jsxs)("li",{className:"mb-8 w-full",children:[(0,a.jsx)(c.p,{placeholder:"Email Address*",required:!0,type:"email",...g("email",{required:!0,pattern:{value:/^[a-zA-Z0-9.!#$%&â*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/,message:"Invalid email address"}})}),(0,a.jsx)(l.yI,{errors:i.errors,field:"email",prefix:"Email"}),(0,a.jsx)("div",{className:"mt-4",children:"Email must be an Insmed email to submit, your name will be kept confidential."})]})]}),(0,a.jsx)("div",{className:"text-center",children:(0,a.jsx)(m.$,{disabled:!y("email").endsWith("@insmed.com"),type:"submit",children:"Vote Now"})})]})})}}}]); 2//# sourceMappingURL=6795.a0cb0c02ee6b7cb3.js.map
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.