https://assets.healthline.com/_next/chunks/breakout-personal-driver-b33a3e22.js

1"use strict";(self.webpackChunkfrontend=self.webpackChunkfrontend||[]).push([[911],{25784(e,t,i){i.r(t),i.d(t,{default:()=>I});var n=i(77066),l=i(96540),r=i(56865),o=i(99912),a=i(41306),p=i(16370),s=i(52558),c=i(48262),d=i(64799),x=i(20949).h;const m=n.Ay.div({display:"flex",flexDirection:"column",alignItems:"center",marginTop:"30px"}),u=n.Ay.ul({display:"flex",flexDirection:"row",alignItems:"flex-start",flexWrap:"wrap",flexGrow:1,gap:"12px",justifyContent:"flex-start",margin:0,padding:0,listStyle:"none"}),f=n.Ay.div({width:"100%",position:"static",display:"flex",flexDirection:["column","row"],alignItems:"flex-start",gap:["24px","24px","30px"],borderRadius:"10px",backgroundColor:"#EEF5F6",padding:["24px 20px 24px 24px","24px 24px 24px 0"],margin:"40px 0",zIndex:99}),g=n.Ay.div({display:"flex",flexDirection:"column",alignItems:"flex-start",flexGrow:1,width:"100%"}),y=n.Ay.div({display:"flex",width:"100%",flexDirection:"column",alignItems:"flex-start",marginTop:"10px",justifyContent:["flex-start","flex-start","center"]}),h=n.Ay.h3({fontFamily:"Proxima Nova",fontSize:["20px","26px"],lineHeight:["26px","30px"],fontWeight:700,margin:"0 0 8px 0",textAlign:"left"}),N=n.Ay.div({fontFamily:"Proxima Nova",fontSize:["17px","18px"],lineHeight:"26px",flexDirection:"row",marginBottom:"10px",textAlign:"left"}),v=n.Ay.p({fontSize:"12px",fontWeight:700,color:"#02838d",margin:"0 0 10px 0",lineHeight:"15px",fontFamily:"Proxima Nova Condensed"}),A=n.Ay.div({width:"100%",display:"flex",flexDirection:"row",alignContent:"space-between"}),b=n.Ay.div({minWidth:["100px","160px"],margin:["-50px 0 0 12px","0 0 0 -50px"]}),w=n.Ay.img({width:["100px","160px"],height:["100px","160px"]});function I(e){var t,i;let{header:I,description:D,whisper:k,newsletterSignup:C,imgUrl:S,imgAlt:T,meta:O,questionnaire:B,cta:F,ctaOnlyUrl:H,verticalName:P,marioStyle:E,style:R}=e;const[U,W]=(0,l.useState)([]),[$,z]=(0,l.useState)(!1),G=Array.isArray(B)?B[0]:B,q=!!C,L=0===(0,o.rP)(),j={brand:O.brand,category:q?"Newsletter Acquisition":"Activation Driver",formatType:O.driverType,location:O.location,name:q?null==(t=O.newsletterLists)?void 0:t.join(","):O.campaignName,productId:O.campaignName,text:I,variant:O.articlePlacement,position:1},Q={...j,marioStyle:null!=E?E:R};const V=e=>{let{correlationId:t}=e;(0,p.FU)({correlationId:t,...j,location:"Breakout Driver",text:H?F:C.confirmation.cta.text,position:H?"Breakout Driver - IBD hub":null})},_=x(b,null,x(w,{src:S,alt:T})),J=e=>{let{stateHeader:t,stateDescription:i}=e;return x(l.Fragment,null,L&&x(A,null,x(g,null,x(v,null,k),x(h,null,t)),_),x(g,null,!L&&x(l.Fragment,null,x(v,null,k),x(h,null,t)),i&&x(N,null,i)))};if($)return x(m,null,x(f,null,!L&&_,x(g,null,J({stateHeader:G.confirmation.header,stateDescription:G.confirmation.description}),x(y,null,x(c.$,{text:G.cta.text,link:G.cta.link,onClick:V})))));return x(m,null,x(r.Waypoint,{onView:()=>{(0,p.Z3)(Q)},repeat:!1}),x(f,null,!L&&_,x(g,null,J({stateHeader:I,stateDescription:D}),x("div",null,x(u,null,null==G||null==(i=G.topics)?void 0:i.map(e=>x("li",{key:e,className:(0,n.AH)({marginBottom:"10px"})},x(d.t,{text:e,description:G.description,driverId:j.campaignName,onSubmit:t=>((e,t)=>{if(t&&!U.includes(e))W([...U,e]);else if(!t){const t=U.splice(U.indexOf(e),1);W(t)}})(e,t)}))))),x(y,null,C&&!H&&x(s.q,{ctaText:"SUBMIT",tagularDetails:Q,source:O.source,campaign:O.campaignName,lists:O.newsletterLists,vertical:O.verticalName||P,onSuccess:()=>z(!0),submitCallback:function(e){let{correlationId:t,tagularDetails:i}=e;(0,p.FU)({elementType:"Button",location:"Newsletter Onboarding Questionnaire - Driver",name:i.campaignName,text:i.text});const n=[];U.forEach(e=>{n.push({fieldId:"interest",fieldType:"ONBOARDING_QUESTION",fieldName:"interest",fieldValue:e,fieldLabel:G.description}),z(!0)}),(0,p.F3)({correlationId:t,formContext:{formName:i.campaignName,formType:"ONBOARDING",formId:i.campaignName},field:n})}}),H&&x(a.TagularTrackProductClick,{...Q,render:e=>{let{correlationId:t}=e;return x(c.$,{text:F,link:H,onClick:()=>V(t)})}})))))}},64799(e,t,i){i.d(t,{t:()=>f});var n=i(77066),l=i(54540),r=i(96540),o=i(93743),a=i(16370),p=i(12424),s=i(20949).h;const{primaryColor:c,primaryColorDark:d}

1=p.components.contextualDrivers.selectionButton,x=(0,n.AH)((0,o.mq)({textAlign:"center",fontFamily:"Proxima Nova",fontSize:["14px","17px","17px"],fontWeight:600,lineHeight:"20px",padding:"12px 24px",border:`1px solid ${c}`,"&:hover":{border:"none"},minWidth:"0px"})),m=(0,n.AH)({background:c,border:`1px solid ${c}`,borderRadius:"30px",color:"white","&:hover":{color:"white",border:`1px solid ${d}`}}),u=(0,n.AH)({background:"white",border:`1px solid ${c}`,borderRadius:"30px",color:c,"&:hover":{border:`1px solid ${d}`,color:d}}),f=e=>{let{text:t,description:i,title:o,stepNumber:p,driverId:c,onSubmit:d,onChange:f,isPPU:g,type:y}=e;const[h,N]=(0,r.useState)(!1);return s(l.A,{className:(0,n.AH)([x,h?m:u]),customColors:{color:"#214046"},onClick:()=>(N(!h),g?f(!h):d(!h),void(h||(0,a.b2)({formName:c,formType:"ONBOARDING",formId:c,fieldId:"interest",fieldType:"ONBOARDING_QUESTION",fieldName:o||"interest",fieldValue:t,fieldLabel:i,stepContext:{stepName:o,stepNumber:p,stepType:"PREFERENCE"}}))),type:y||""},h&&s(l.J,{color:"white",size:20}),t)}}}]);
2//# sourceMappingURL=breakout-personal-driver-b33a3e22.js.map