https://www.heyartifact.com/static/62ae7573a0b7ac8c5a66.js

1"use strict";(self.webpackChunkLuc=self.webpackChunkLuc||[]).push([[4090],{3375:(e,t,a)=>{a.d(t,{Z:()=>c});var r=a(67294),n=a(65295),l=a(42643),s=a(18515),i=a(67720);function c({title:e,children:t,style:a,...c}){return r.createElement(n.Z,{style:{marginTop:"25px",...a},...c},r.createElement(s.Z,{style:{textAlign:"center"},title:e,titleTypographyProps:{variant:"h4"}}),r.createElement(i.Z,null),r.createElement(l.Z,{style:{minHeight:"150px"}},t))}},20859:(e,t,a)=>{a.d(t,{Z:()=>s});var r=a(2734),n=a(98396),l=a(64254);function s(){const e=(0,r.Z)();return(0,n.Z)(e.breakpoints.up(l.Gh),{noSsr:!0})}},84090:(e,t,a)=>{a.r(t),a.d(t,{default:()=>Z});var r=a(67294),n=a(2734),l=a(29208),s=a.n(l),i=a(87536),c=a(14309),o=a(14212),m=a(3179),u=a(60474),d=a(52571),p=a(27498);function h({setValue:e,watch:t,index:a,register:l,errors:i}){const c=(0,n.Z)(),h=`subjects.${a}.birthday`,g=`subjects.${a}.first_name`,y=`subjects.${a}.last_name`,f=`subjects.${a}.is_expected_baby`;l(f,{validate:e=>"boolean"==typeof e});const b=t(f);l(h,{required:{value:!b,message:"Please fill the birthday"}});const{ref:v,...E}=l(g,{required:{value:!b,message:"Please enter a first name"},maxLength:{value:40,message:"Too many characters"}}),{ref:x,...Z}=l(y,{required:{value:!b,message:"Please enter a last name"},maxLength:{value:40,message:"Too many characters"}});return r.createElement(r.Fragment,null,r.createElement("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",columnGap:c.spacing(1),marginBottom:c.spacing(2)}},r.createElement(u.Z,{...E,inputRef:v,label:"First name"+(b?" (optional)":""),name:g,error:Boolean(s()(i,g)),helperText:s()(i,`${g}.message`),style:{width:"100%"}}),r.createElement(u.Z,{...Z,inputRef:x,label:"Last name"+(b?" (optional)":""),name:y,error:Boolean(s()(i,y)),helperText:s()(i,`${y}.message`),style:{width:"100%"}})),!b&&r.createElement(m.Z,{inputFormat:p.iH,openTo:"year",onChange:t=>e(h,(0,p.p6)(t,!0)),value:t(h),disableFuture:!0,renderInput:e=>r.createElement(u.Z,{...e,placeholder:"MM / DD / YYYY",label:"Birthday",error:Boolean(s()(i,h)),helperText:s()(i,`${h}.message`),style:{width:"100%"}})}),r.createElement("div",{style:{display:"flex",alignItems:"center",marginTop:c.spacing(2)}},r.createElement(o.Z,{checked:b,color:"secondary",onChange:t=>e(f,t.target.checked),name:"expecting",style:{position:"relative",left:-c.spacing(1)}}),r.createElement(d.Z,{variant:"body2"},"We're expecting!")))}var g=a(67727),y=a(3375),f=a(47379),b=a(20859),v=a(21439),E=a(13736),x=a(96884);function Z(){const e=(0,n.Z)(),t=(0,c.s0)(),a=(0,r.useContext)(f.S),{data:l}=(0,E.ys)(),o=(0,b.Z)(),{isLoading:m,mutateAsync:u}=(0,v.$)(l.hashid,"subject",null),p={subjects:l.interviews.map((e=>s()(e,"subject")||{first_name:null,last_name:null,birthday:null,is_expected_baby:!1}))},{formState:{errors:Z},handleSubmit:w,register:T,setValue:j,watch:$}=(0,i.cI)({defaultValues:p});(0,r.useEffect)((()=>{(0,x.Md)("Subject",{})}),[]);const k=l.interviews.length>1?{display:"grid",gridTemplateColumns:o?"1fr 1fr":"1fr",rowGap:e.spacing(1),columnGap:e.spacing(4)}:{display:"flex",justifyContent:"center"};return r.createElement("div",{style:{marginTop:e.spacing(4)}},r.createElement(d.Z,{variant:"h2",style:{textAlign:"center"}},"Add details about the ",l.interviews.length>1?"children":"child"),r.createElement(d.Z,{variant:"body1",style:{textAlign:"center"}},"This helps your interviewer prepare for the conversation."),r.createElement("form",{onSubmit:w((e=>{u(l.interviews.map(((t,a)=>({id:t.id,subject:e.subjects[a]})))).then((()=>t(`/dashboard/${l.hashid}/producer-interviewed/`))).catch((()=>a.error("Unable to save the details.")))})),id:"form-subjects",style:{marginTop:e.spacing(4)}},r.createElement("div",{style:k},l.interviews.map(((e,t)=>r.createElement("div",{key:`interview-card-${t}`,style:{flexGrow:.4}},r.createElement(y.Z,{title:`Interview  #${t+1}`},r.createElement(h,{watch:$,setValue:j,index:t,register:T,errors:Z}))))))),r.createElement(g.yS,null,r.createElement(g.fY,{disabled:m,loading:m,form:"form-subjects"})))}}}]);
2//# sourceMappingURL=62ae7573a0b7ac8c5a66.js.map