"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9353],{"/CSP":function(e,t,n){n.d(t,{I:function(){return Input},L:function(){return Label},S:function(){return p},a:function(){return u},b:function(){return d}});var a=n("z/kP"),i=n("q1tI"),l=n("8vDj"),r=n("rBCA"),o=n("iBNF"),s=n("HMwR");let c=r.Z.div` position: relative; width: 100%; &[data-has-error] { input { border-color: ${o.r.colors.red700}; } } input { width: 100%; padding: 12px 16px; border: solid 1px ${o.r.colors.gray200}; border-radius: ${o.r.borderRadius}; &:active, &:focus, &.focused { border-color: ${e=>e.color}; box-shadow: 0px 0px 2px 2px ${e=>e.shadowColor}; } &:disabled { background-color: ${o.r.colors.gray100}; cursor: not-allowed; } } &[data-has-action-icon] { input { padding: 12px 48px 12px 16px; } } &[data-has-display-icon] { input { padding: 12px 16px 12px 48px; } } &[data-has-action-icon][data-has-display-icon] { input { padding: 12px 48px; } } &[data-size='lg'] { input { font-size: 16px; font-weight: ${o.r.sizes.fwRegular}; ${s.M.mbDown} { font-size: 22px; line-height: 1.2; } ${s.M.mbUp} { font-size: 26px; line-height: 1.2; } } } &[data-size='md'] { input { font-weight: ${o.r.sizes.fwRegular}; line-height: 22px; ${s.M.mbDown} { font-size: 14px; line-height: 1.2; } ${s.M.mbUp} { font-size: 16px; line-height: 1.2; } } } &[data-size='sm'] { input { font-weight: ${o.r.sizes.fwRegular}; line-height: 20px; ${s.M.mbDown} { font-size: 13px; line-height: 1.5; } ${s.M.mbUp} { font-size: 13px; line-height: 1.5; } } } `,d=r.Z.label` color: ${o.r.colors.red700}; font-weight: ${o.r.sizes.fwRegular}; `,u=r.Z.div` position: absolute; top: 50%; right: 16px; cursor: pointer; transform: translateY(-50%); `,p=r.Z.div` position: absolute; top: 50%; left: 16px; display: inline-flex; cursor: default; transform: translateY(-50%); `,Label=({children:e,className:t,style:n,htmlFor:a,size:l})=>i.createElement("label",{"data-size":l,className:`DjBFAbd ${t||""}`,style:n,htmlFor:a},e),Input=e=>{var{name:t,value:n,errorMessage:r,isNumerousKeyboard:o=!1,showErrorMessage:s=!0,actionIcon:g,displayIcon:m,onActionClick:h,label:b,className:v,onChange:E,isDisabled:f,CustomInput:C,size:y,style:x,autoComplete:w="off",type:S="text",inputClassName:k,trackingAttributes:T,enterKeyHint:O}=e,B=(0,a._)(e,["name","value","errorMessage","isNumerousKeyboard","showErrorMessage","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]);let I=(0,l.rZ)(),j=(0,i.useMemo)(()=>T?{"data-event-category":T.dataEventCategory,"data-event-action":T.dataEventAction,"data-event-label":T.dataEventLabel}:{},[T]);return i.createElement(c,{"data-size":y,className:v,"data-has-action-icon":!!g||void 0,"data-has-display-icon":!!m||void 0,"data-has-error":r&&r.length>0||void 0,color:I.fn.primaryColor(),shadowColor:I.colors[I.primaryColor][0],style:x},b&&i.createElement(Label,{size:"label2",htmlFor:t,className:"inputLabel"},b),i.createElement("div",{style:{position:"relative"}},C||i.createElement("input",Object.assign({id:t,name:t,onChange:e=>E&&E(e.target.value),type:S,"aria-label":S,value:n,disabled:f,autoComplete:w,inputMode:o||"number"===S?"numeric":S,pattern:o?"[0-9]*":".*",className:k,enterKeyHint:O},j,B)),m&&i.createElement(p,{className:"displayIcon"},m),g&&i.createElement(u,{className:"actionIcon",onClick:h},g)),r&&r.length>0&&s&&i.createElement(d,{className:"errorLabel"},r))}},f1C9:function(e,t,n){n.d(t,{C:function(){return Container}});var a=n("q1tI");let Container=({children:e,className:t,style:n,type:i})=>a.createElement("div",{className:`d76E4SH ${t||""}`,style:n,"data-type":i},e)},U99r:function(e,t,n){n.d(t,{B:function(){return BmiForm},F:function(){return FitnessToolUnitPicker},H:function(){return N},N:function(){return NewsletterCheckbox},Q:function(){return Question1Label},a:function(){return Question2Label},b:function(){return Question2Description}});var a=n("z/kP"),i=n("q1tI"),l=n("wUmw"),r=n("AFO6"),o=n("6JAH"),s=n("/npG"),c=n("SPK5"),d=n("Eso5"),u=n("8vDj"),p=n("Zo/N"),g=n("mYVa"),m=n("lSJj"),h=n("TIp3"),b=n("OAL+"),v=n("iuhU"),E=n("C/sX"),f=n("FNss"),C=n("/kWL"),y=n("2451"),x=n("5kis"),w=n("8PAx"),S=n("p34X"),k=n("hePw"),T=n("UFTh"),O=n("r9m4"),B=n("xrdX"),I=n("mx4j");let Question1Label=e=>{var{LabelWrapper:t}=e,n=(0,a._)(e,["LabelWrapper"]);let{t:l}=(0,x.u)(),r=t?{}:Object.assign({size:"p2"},n),o=t||C.T;return i.createElement(o,Object.assign({},r),l("bmi.question.weightLossSupport"))},Question2Label=e=>{var{LabelWrapper:t}=e,n=(0,a._)(e,["LabelWrapper"]);let{t:l}=(0,x.u)(),r=t?{}:Object.assign({size:"p2"},n),o=t||C.T;return i.createElement(o,Object.assign({},r),l("bmi.question.glp1Awareness"))},Question2Description=e=>{var{LabelWrapper:t}=e,n=(0,a._)(e,["LabelWrapper"]);let{t:l}=(0,x.u)(),r=t?{}:Object.assign({size:"p2"},n),o=t||C.T;return i.createElement(o,Object.assign({},r),l("bmi.question.glp1Awareness.desc"))},j=(0,i.createContext)({});var P=(0,s.k)(()=>({label:{marginTop:2,cursor:"pointer",userSelect:"none"}}));let NewsletterCheckbox=e=>{var{labelTextProps:t,checked:n,LabelWrapper:l,useCollapse:r=!0}=e,o=(0,a._)(e,["labelTextProps","checked","LabelWrapper","useCollapse"]);let{t:s}=(0,x.u)(),[u,p]=(0,i.useState)(!r),[g,m]=(0,i.useState)(!0),[h,b]=(0,i.useState)(n),v=l?{}:Object.assign({size:"p3"},t),E=l||C.T,{classes:y}=P(void 0,{name:"NewsletterCheckbox"});return i.createElement(c.k,{gap:8,align:"flex-start"},i.createElement(f.d,Object.assign({},o,{label:void 0,size:"sm",checked:h,onChange:e=>{g?m(!1):b(e.currentTarget.checked)},styles:{labelWrapper:{display:"none"}}})),i.createElement(d.x,null,i.createElement(E,Object.assign({},v,{onClick:()=>{r&&p(e=>!e)},className:y.label,lineClamp:u?void 0:1}),s("bmi.newsletter.label"))))},FitnessToolUnitPicker=({displayValue:e,field:t,onChange:n})=>{let a=(0,u.rZ)(),l=a.colors.gray[1],r="height"===t?[{label:"cm",system:"metric"},{label:"ft",system:"imperial"}]:[{label:"kg",system:"metric"},{label:"lbs",system:"imperial"}];return i.createElement(p.v,{position:"bottom-end",withinPortal:!0,offset:0,styles:{dropdown:{backgroundColor:a.white,border:`${(0,g.h)(1)} solid ${l}`,borderRadius:12,boxShadow:"0px 0px 1px 0px #0000000A,0px 2px 8px 0px #0000000A,0px 10px 16px 0px #0000000A",padding:(0,g.h)(4),minWidth:(0,g.h)(90)},item:{fontSize:a.fontSizes.sm,lineHeight:1.4,padding:`${(0,g.h)(6)} ${(0,g.h)(10)}`,borderRadius:a.radius.xs,color:a.colors.dark[9],"&[data-hovered]":{backgroundColor:"transparent"}}}},i.createElement(p.v.Target,null,i.createElement(m.k,{type:"button",sx:e=>({height:"100%",display:"flex",alignItems:"center",justifyContent:"flex-end",width:"100%",paddingRight:e.spacing.xs,gap:4})},i.createElement(h.x,{component:"span",size:"sm",sx:{lineHeight:1}},e),i.createElement(S.C,{style:{width:18,height:18}}))),i.createElement(p.v.Dropdown,null,r.map(l=>{let r=e===l.label;return i.createElement(p.v.Item,{key:l.label,onClick:()=>n(l.system,t),sx:{backgroundColor:r?a.colors.gray[1]:void 0,"&[data-hovered]":{backgroundColor:r?a.colors.gray[1]:"transparent"}}},l.label)})))},DefaultForm=e=>{var t,n,r,o,s,u,p;let{t:g,locale:m}=(0,x.u)(),{classes:h={}}=(0,i.useContext)(k.C),{control:E,bmiGenerated:C,linkTool:y,submitProps:S,withAdditionalQuestion:T,classes:I={},enableUnitPicker:P,unitSystem:L,unitHeight:A,unitWeight:z,onUnitChange:R}=(0,i.useContext)(j),M={body:{alignItems:"center"}};return i.createElement(w.H,Object.assign({formLayout:"default"},e),i.createElement(N,{isMobile:e.isMobile,gutter:4},i.createElement(b.K,{spacing:4,px:16},i.createElement(l.Qr,{name:"gender",control:E,rules:null===(t=C.gender)||void 0===t?void 0:t.rule,render:({field:{onChange:e},fieldState:{error:t}})=>i.createElement("div",null,i.createElement(N.GenderControl,{LabelWrapper:N.Label,error:void 0,onChange:e,gap:4}),(null==t?void 0:t.message)&&i.createElement(N.Error,{label:t.message}))}),i.createElement(l.Qr,{name:"age",control:E,rules:null===(n=C.age)||void 0===n?void 0:n.rule,render:({field:{name:e,value:t,onChange:n},fieldState:{error:a}})=>i.createElement("div",null,i.createElement(N.InputNumber,{label:i.createElement(N.Label,null,g("bmi.ageInput")),placeholder:g("tools.inputPlaceholder",{content:"25"}),name:e,value:t,onChange:n,min:0,rightSection:g("bmi.ageInput.desc"),classNames:{rightSection:I.inputRightSection}}),(null==a?void 0:a.message)&&i.createElement(N.Error,{label:a.message}))}),i.createElement(l.Qr,{name:"height",control:E,rules:null===(r=C.height)||void 0===r?void 0:r.rule,render:({field:{name:e,value:t,onChange:n},fieldState:{error:a}})=>i.createElement("div",null,i.createElement(N.InputNumber,{label:i.createElement(N.Label,null,g("bmi.heightInput")),placeholder:g("tools.inputPlaceholder",{content:"imperial"===L?6:170}),name:e,value:t,onChange:n,min:0,precision:1,inputMode:"decimal",rightSection:P?i.createElement(FitnessToolUnitPicker,{displayValue:A,field:"height",onChange:R}):g("bmi.heightInput.desc"),rightSectionWidth:70,classNames:{rightSection:I.inputRightSection},styles:P?void 0:()=>({rightSection:{paddingRight:0}})}),(null==a?void 0:a.message)&&i.createElement(N.Error,{label:a.message}))}),i.createElement(l.Qr,{name:"weight",control:E,rules:null===(o=C.weight)||void 0===o?void 0:o.rule,render:({field:{name:e,value:t,onChange:n},fieldState:{error:a}})=>i.createElement("div",null,i.createElement(N.InputNumber,{label:i.createElement(N.Label,null,g("bmi.weightInput")),placeholder:g("tools.inputPlaceholder",{content:"imperial"===L?130:60}),name:e,value:t,onChange:n,precision:1,inputMode:"decimal",min:0,rightSection:P?i.createElement(FitnessToolUnitPicker,{displayValue:z,field:"weight",onChange:R}):g("bmi.weightInput.desc"),rightSectionWidth:70,classNames:{rightSection:I.inputRightSection},styles:P?void 0:()=>({rightSection:{paddingRight:0}})}),(null==a?void 0:a.message)&&i.createElement(N.Error,{label:a.message}))})),T?i.createElement(i.Fragment,null,i.createElement(b.K,{spacing:4,px:16},i.createElement(l.Qr,{name:"question1",control:E,rules:null===(s=C.question1)||void 0===s?void 0:s.rule,render:({field:{value:e,onChange:t,name:n},fieldState:{error:a}})=>i.createElement("div",null,i.createElement(f.R.Group,{name:n,value:e,onChange:t,sx:{flex:1},label:i.createElement(Question1Label,{LabelWrapper:N.Label}),size:"lg"},i.createElement(c.k,{gap:"lg"},i.createElement(f.R,{size:"sm",value:"1",label:i.createElement(N.OptionLabel,null,g("switchBtn.yes")),styles:M}),i.createElement(f.R,{size:"sm",value:"0",label:i.createElement(N.OptionLabel,null,g("switchBtn.no")),styles:M}))),(null==a?void 0:a.message)&&i.createElement(N.Error,{label:a.message}))}),i.createElement(l.Qr,{name:"question2",control:E,rules:null===(u=C.question2)||void 0===u?void 0:u.rule,render:({field:{name:e,value:t,onChange:n},fieldState:{error:a}})=>i.createElement("div",null,i.createElement(f.R.Group,{name:e,value:t,onChange:n,sx:{flex:1},label:i.createElement(Question2Label,{LabelWrapper:N.Label}),size:"lg",description:m!==O.L.Malaysia&&i.createElement(Question2Description,{LabelWrapper:N.SubLabel})},i.createElement(c.k,{gap:"lg"},i.createElement(f.R,{size:"sm",value:"1",label:i.createElement(N.OptionLabel,null,g("switchBtn.yes")),styles:M}),i.createElement(f.R,{size:"sm",value:"0",label:i.createElement(N.OptionLabel,null,g("switchBtn.no")),styles:M}))),(null==a?void 0:a.message)&&i.createElement(N.Error,{label:a.message}))})),i.createElement(d.x,{className:(0,v.default)(I.newsletterBlock,h.newsletterBlock)},i.createElement(b.K,{spacing:8,px:16,py:12},i.createElement(l.Qr,{name:"newsletter",control:E,rules:null===(p=C.newsletter)||void 0===p?void 0:p.rule,render:e=>{var t=e.field,{value:n,onChange:l,name:r}=t,o=(0,a._)(t,["value","onChange","name"]);return i.createElement(NewsletterCheckbox,Object.assign({size:"sm",onChange:e=>l(e.currentTarget.checked),name:r,checked:!!n},o))}}),i.createElement(w.H.Submit,Object.assign({className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${B.v[m]}/${y}`,type:"submit",fullWidth:!0},S),g("bmi.submit"))))):i.createElement(d.x,{px:16,sx:{paddingBottom:8}},i.createElement(w.H.Submit,Object.assign({className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${B.v[m]}/${y}`,type:"submit",fullWidth:!0},S),g("bmi.submit")))))};var L=(0,s.k)(e=>({newsletterBlock:{backgroundColor:e.colors.neutral[0],borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit",".bmi-btn":{marginTop:0}},inputRightSection:{fontSize:(0,g.h)(13),lineHeight:(0,g.h)(24),color:e.colors.gray[4],justifyContent:"flex-end",paddingRight:8,whiteSpace:"nowrap"}}));let InlineForm=e=>{var t,n,r,o,s,u,p,m;let{t:h,locale:E}=(0,x.u)(),{control:y,bmiGenerated:S,isTouched:I,linkTool:P,submitProps:L,withAdditionalQuestion:A,enableUnitPicker:N,unitSystem:z,unitHeight:R,unitWeight:M,onUnitChange:H}=(0,i.useContext)(j),{classes:_={},variant:F}=(0,i.useContext)(k.C),{classes:W={}}=(0,i.useContext)(j);return i.createElement(w.H,Object.assign({formLayout:"inline"},e),i.createElement(l.Qr,{name:"gender",control:y,rules:null===(t=S.gender)||void 0===t?void 0:t.rule,render:({field:{onChange:e},fieldState:{error:t}})=>i.createElement(w.H.FormRow,null,i.createElement(w.H.BorderInlineControl,{label:h("tools.selectGender"),width:"none",errorMess:I&&(null==t?void 0:t.message)},i.createElement(T.G,{type:"radio",hideLabel:!0,error:I?i.createElement(i.Fragment,null):"",onChange:e})))}),i.createElement(l.Qr,{name:"age",control:y,rules:null===(n=S.age)||void 0===n?void 0:n.rule,render:({field:{name:e,value:t,onChange:n},fieldState:{error:a}})=>i.createElement(w.H.FormRow,null,i.createElement(w.H.BorderInlineControl,{label:h("bmi.ageInput"),errorMess:I&&(null==a?void 0:a.message)},i.createElement(f.I.Number,{placeholder:h("tools.inputPlaceholder",{content:"25"}),name:e,value:t,onChange:n,error:I&&(null==a?void 0:a.message)?i.createElement(i.Fragment,null):"",min:0,rightSection:i.createElement(w.H.Unit,null,h("tools.yearsOld")),styles:()=>({rightSection:{width:"auto"}})})))}),i.createElement(l.Qr,{name:"height",control:y,rules:null===(r=S.height)||void 0===r?void 0:r.rule,render:({field:{name:e,value:t,onChange:n},fieldState:{error:a}})=>i.createElement(w.H.FormRow,null,i.createElement(w.H.BorderInlineControl,{label:h("bmi.heightInput"),errorMess:I&&(null==a?void 0:a.message)},i.createElement(f.I.Number,{placeholder:h("tools.inputPlaceholder",{content:"imperial"===z?6:170}),name:e,value:t,onChange:n,min:0,precision:1,inputMode:"decimal",error:I&&(null==a?void 0:a.message)?i.createElement(i.Fragment,null):"",rightSection:N?i.createElement(FitnessToolUnitPicker,{displayValue:R,field:"height",onChange:H}):i.createElement(w.H.Unit,{styles:{root:{paddingRight:0}}},h("bmi.heightInput.desc")),rightSectionWidth:70,styles:N?void 0:()=>({rightSection:{paddingRight:0}})})))}),i.createElement(l.Qr,{name:"weight",control:y,rules:null===(o=S.weight)||void 0===o?void 0:o.rule,render:({field:{name:e,value:t,onChange:n},fieldState:{error:a}})=>i.createElement(w.H.FormRow,null,i.createElement(w.H.BorderInlineControl,{label:h("bmi.weightInput"),errorMess:I&&(null==a?void 0:a.message)},i.createElement(f.I.Number,{placeholder:h("tools.inputPlaceholder",{content:"imperial"===z?130:60}),name:e,value:t,onChange:n,error:I&&(null==a?void 0:a.message)?i.createElement(i.Fragment,null):"",precision:1,inputMode:"decimal",min:0,rightSection:N?i.createElement(FitnessToolUnitPicker,{displayValue:M,field:"weight",onChange:H}):i.createElement(w.H.Unit,{styles:{root:{paddingRight:0}}},h("bmi.weightInput.desc")),rightSectionWidth:70,styles:N?void 0:()=>({rightSection:{paddingRight:0}})})))}),A?i.createElement(i.Fragment,null,i.createElement(l.Qr,{name:"question1",control:y,rules:null===(s=S.question1)||void 0===s?void 0:s.rule,render:({field:{value:e,onChange:t,name:n},fieldState:{error:a}})=>i.createElement(w.H.FormRow,null,i.createElement(f.R.Group,{name:n,value:e,onChange:t,sx:{flex:1},label:i.createElement(C.T,{size:"s4",weight:"semiBold",span:!0},h("bmi.question.weightLossSupport")),size:"lg"},i.createElement(c.k,{gap:"lg",sx:{paddingTop:(0,g.h)(8)}},i.createElement(f.R,{size:"sm",value:"1",label:h("switchBtn.yes")}),i.createElement(f.R,{size:"sm",value:"0",label:h("switchBtn.no")}))),I&&(null==a?void 0:a.message)&&i.createElement(f.e,{label:a.message,textProps:{size:"p4"},sx:{marginTop:6}}))}),i.createElement(l.Qr,{name:"question2",control:y,rules:null===(u=S.question2)||void 0===u?void 0:u.rule,render:({field:{name:e,value:t,onChange:n},fieldState:{error:a}})=>i.createElement(w.H.FormRow,null,i.createElement(f.R.Group,{name:e,value:t,onChange:n,sx:{flex:1},label:i.createElement(C.T,{size:"s4",weight:"semiBold",span:!0},h("bmi.question.glp1Awareness")),size:"lg",description:E!==O.L.Malaysia&&i.createElement(C.T,{style:{fontSize:"10px"},span:!0},h("bmi.question.glp1Awareness.desc"))},i.createElement(c.k,{gap:"lg",sx:{paddingTop:(0,g.h)(8)}},i.createElement(f.R,{size:"sm",value:"1",label:h("switchBtn.yes")}),i.createElement(f.R,{size:"sm",value:"0",label:h("switchBtn.no")}))),I&&(null==a?void 0:a.message)&&i.createElement(f.e,{label:a.message,textProps:{size:"p4"},sx:{marginTop:6}}))}),"gray"===F||"violet"===F?i.createElement(i.Fragment,null,i.createElement(l.Qr,{name:"newsletter",control:y,rules:null===(p=S.newsletter)||void 0===p?void 0:p.rule,render:e=>{var t=e.field,{value:n,onChange:l,name:r}=t,o=(0,a._)(t,["value","onChange","name"]);return i.createElement(w.H.FormRow,null,i.createElement(f.d,Object.assign({size:"sm",label:i.createElement(C.T,{size:"p3"},h("bmi.newsletter.label")),onChange:e=>l(e.currentTarget.checked),name:r,checked:!!n},o)))}}),i.createElement(w.H.FormRow,{className:(0,v.default)(_.submitWrapper)},i.createElement(w.H.Submit,Object.assign({className:(0,v.default)("bmi-btn bmi--btn-submit",_.submitBtn),dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${B.v[E]}/${P}`,type:"submit"},L),h("bmi.submit")))):i.createElement(w.H.FormRow,{py:16,className:(0,v.default)(W.newsletterBlock,_.newsletterBlock)},i.createElement(b.K,{spacing:16},i.createElement(l.Qr,{name:"newsletter",control:y,rules:null===(m=S.newsletter)||void 0===m?void 0:m.rule,render:e=>{var t=e.field,{value:n,onChange:l,name:r}=t,o=(0,a._)(t,["value","onChange","name"]);return i.createElement(NewsletterCheckbox,Object.assign({size:"sm",labelTextProps:{size:"p4"},onChange:e=>l(e.currentTarget.checked),name:r,checked:!!n,useCollapse:!1},o))}}),i.createElement(d.x,{className:(0,v.default)(_.submitWrapper)},i.createElement(w.H.Submit,Object.assign({className:(0,v.default)("bmi-btn bmi--btn-submit",_.submitBtn),dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${B.v[E]}/${P}`,type:"submit"},L),h("bmi.submit")))))):i.createElement(w.H.FormRow,{className:(0,v.default)(_.submitWrapper)},i.createElement(w.H.Submit,Object.assign({className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${B.v[E]}/${P}`,type:"submit"},L),h("bmi.submit"))))},BmiForm=e=>{var{value:t,onChange:n,onSubmit:s,bmiGenerated:c,bmiUnit:d,defaultUnitSystem:u,enableUnitPicker:p=!0,formLayout:g="default",submitProps:m,withAdditionalQuestion:h,isMobile:b}=e,v=(0,a._)(e,["value","onChange","onSubmit","bmiGenerated","bmiUnit","defaultUnitSystem","enableUnitPicker","formLayout","submitProps","withAdditionalQuestion","isMobile"]);let{classes:E}=L(void 0,{name:"BmiForm"}),{locale:f}=(0,x.u)(),[C,w]=(0,i.useState)(!1),S=(0,i.useMemo)(()=>u||"metric",[u]),[k,T]=(0,i.useState)(S),{control:O,handleSubmit:B,setValue:P,watch:A}=(0,l.cI)({defaultValues:{question1:void 0,question2:void 0,newsletter:!0}}),N=A(),{getHealthToolLink:z}=(0,r.u)(f),R=(0,i.useMemo)(()=>z(o.H.OVULATION),[z]),M="imperial"===k?"ft":"cm",H="imperial"===k?"lbs":"kg",convertHeightToCm=e=>"imperial"===k?30.48*e:e,convertWeightToKg=e=>"imperial"===k?.45359237*e:e,onInValid=()=>{w(!0)};(0,i.useEffect)(()=>{Object.keys(t||{}).forEach(e=>{P(e,null==t?void 0:t[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})})},[t]),(0,i.useEffect)(()=>{n&&n(N)},[N]),(0,i.useEffect)(()=>{T(S)},[S]);let _=Object.assign({onSubmit:B(e=>(0,a.a)(void 0,void 0,void 0,function*(){let t="number"==typeof e.height?e.height:Number(e.height),n="number"==typeof e.weight?e.weight:Number(e.weight),a=p?Object.assign(Object.assign({},e),{bmi:(0,I.F)({height:convertHeightToCm(t),weight:convertWeightToKg(n)}),unit:k}):(()=>{let a=d.heightConvert(t),i=d.weightConvert(n);return Object.assign(Object.assign({},e),{height:a,weight:i,bmi:(0,I.F)({height:a,weight:i})})})();onInValid(),s&&s(a)}),onInValid)},v);return i.createElement(y.T,{variant:y.C.LEADGEN},i.createElement(j.Provider,{value:{control:O,bmiGenerated:c,isTouched:C,linkTool:R,submitProps:m,withAdditionalQuestion:h,classes:E,enableUnitPicker:p,unitSystem:k,unitHeight:M,unitWeight:H,onUnitChange:(e,t)=>{p&&e!==k&&(T(e),P("height","",{shouldDirty:!0,shouldValidate:!1}),P("weight","",{shouldDirty:!0,shouldValidate:!1}))}}},"inline"===g?i.createElement(InlineForm,Object.assign({},_)):i.createElement(DefaultForm,Object.assign({},_,{isMobile:b}))))},A=(0,i.createContext)({}),Error=e=>{let{errorLabelSize:t}=(0,i.useContext)(A);return i.createElement(f.e,Object.assign({textProps:{size:t},sx:{marginTop:5}},e))};var N=Object.assign(e=>{var t,n,l,r,o,s,{children:c,isMobile:d}=e,u=(0,a._)(e,["children","isMobile"]);let p=Object.assign({isMobile:d,labelSize:null!==(t=u.labelSize)&&void 0!==t?t:d?"p2":"s4",subLabelSize:null!==(n=u.subLabelSize)&&void 0!==n?n:"subText",optionLabelSize:null!==(l=u.optionLabelSize)&&void 0!==l?l:d?"p2":"s4",inputSize:null!==(r=u.inputSize)&&void 0!==r?r:d?"sm":"md",gutter:null!==(o=u.gutter)&&void 0!==o?o:d?4:12,errorLabelSize:null!==(s=u.errorLabelSize)&&void 0!==s?s:"p3"},u);return i.createElement(A.Provider,{value:p},c)},{Row:e=>{var{children:t}=e,n=(0,a._)(e,["children"]);let{gutter:l}=(0,i.useContext)(A);return i.createElement(E.r,Object.assign({gutter:l},n),t)},Col:e=>{var{children:t}=e,n=(0,a._)(e,["children"]);return i.createElement(E.r.Col,Object.assign({span:12},n),t)},SubLabel:e=>{var{children:t}=e,n=(0,a._)(e,["children"]);let{subLabelSize:l}=(0,i.useContext)(A);return i.createElement(C.T,Object.assign({size:l},n),t)},Label:e=>{var{children:t}=e,n=(0,a._)(e,["children"]);let{labelSize:l}=(0,i.useContext)(A);return i.createElement(C.T,Object.assign({size:l,weight:"semiBold"},n,{span:!0}),t)},OptionLabel:e=>{var{children:t}=e,n=(0,a._)(e,["children"]);let{optionLabelSize:l}=(0,i.useContext)(A);return i.createElement(C.T,Object.assign({size:l,weight:"regular"},n,{span:!0}),t)},Input:f.I,InputNumber:e=>{var{error:t}=e,n=(0,a._)(e,["error"]);let{inputSize:l}=(0,i.useContext)(A);return i.createElement("div",null,i.createElement(f.I.Number,Object.assign({size:l},n)),t&&i.createElement(Error,{label:t}))},GenderControl:e=>{let{inputSize:t}=(0,i.useContext)(A);return i.createElement(T.G,Object.assign({size:t},e))},Error})},b2oe:function(e,t,n){n.d(t,{A:function(){return AddressInput}});var a=n("z/kP"),i=n("q1tI"),l=n("OAL+"),r=n("aDCK"),o=n("FNss"),s=n("mGnJ"),c=n("5kis"),d=n("UImu"),u=n("r9m4"),p=n("yNk5");let generateGetAddressDetail=e=>`${s.g}/cities-data-${d.M[e]}.json`,g={provinceByName:{},provinces:[],districts:[],wards:[],selectedProvince:"",selectedDistrict:"",selectedWard:""},reducer=(e,t)=>{switch(t.type){case"SET_DATA":return Object.assign(Object.assign({},e),t.payload);case"SET_DISTRICTS":return Object.assign(Object.assign({},e),{districts:t.payload});case"SET_WARDS":return Object.assign(Object.assign({},e),{wards:t.payload});case"SELECT_PROVINCE":return Object.assign(Object.assign({},e),{selectedProvince:t.payload,selectedDistrict:"",selectedWard:""});case"SELECT_DISTRICT":return Object.assign(Object.assign({},e),{selectedDistrict:t.payload,selectedWard:""});case"SELECT_WARD":return Object.assign(Object.assign({},e),{selectedWard:t.payload});default:return e}},mappingProvinceId=(e,t)=>{let n={};for(let[,e]of Object.entries(t)){let{id:t}=e;t&&(n[t]=e)}let a={};return e.map(e=>{a[e.name]=n[e.id]}),a},useAddress=({provinces:e})=>{let[t,n]=(0,i.useReducer)(reducer,g),{provinceByName:l,provinces:r,districts:o,wards:s,selectedProvince:c,selectedDistrict:d,selectedWard:m}=t,[h,b]=(0,i.useState)();return(0,i.useEffect)(()=>{(0,a.a)(void 0,void 0,void 0,function*(){var t,a,i;try{let l=yield fetch(generateGetAddressDetail(p.env.UNIFY_LOCALE||u.L.Vietnam)).then(e=>e.json());b(l);let{list:r}=l,o=e?mappingProvinceId(e,r):r,s=Object.keys(o),c=Object.keys((null===(t=r[s[0]])||void 0===t?void 0:t.list)||{}),d=Object.keys((null===(i=null===(a=r[s[0]])||void 0===a?void 0:a[c[0]])||void 0===i?void 0:i.list)||{});n({type:"SET_DATA",payload:{provinceByName:o,provinces:s,districts:c,wards:d}})}catch(e){console.error("Error fetching address data:",e)}})},[p.env.UNIFY_LOCALE]),{provinces:r,districts:o,wards:s,selectedProvince:c,selectedDistrict:d,selectedWard:m,handleProvinceChange:e=>{var t;let a=Object.keys((null===(t=l[e])||void 0===t?void 0:t.list)||{});n({type:"SET_DISTRICTS",payload:a}),n({type:"SET_WARDS",payload:[]}),n({type:"SELECT_PROVINCE",payload:e})},handleDistrictChange:e=>{var t,a;let i=Object.keys((null===(a=null===(t=l[c])||void 0===t?void 0:t.list[e])||void 0===a?void 0:a.list)||{});n({type:"SET_WARDS",payload:i}),n({type:"SELECT_DISTRICT",payload:e})},handleWardChange:e=>{n({type:"SELECT_WARD",payload:e})}}},AddressInput=e=>{var{error:t,provinces:n,placeholder:s}=e,d=(0,a._)(e,["error","provinces","placeholder"]);let{t:u}=(0,c.u)(),{provinces:p,districts:g,wards:m,selectedProvince:h,selectedDistrict:b,selectedWard:v,handleProvinceChange:E,handleDistrictChange:f,handleWardChange:C}=useAddress({provinces:n}),[y,x]=(0,i.useState)("");return(0,i.useEffect)(()=>{h&&b&&v&&y?d.onChange({selectedProvince:h,selectedDistrict:b,selectedWard:v,extraInfo:y}):d.onChange(null)},[h,b,v,y]),i.createElement(o.I.Wrapper,Object.assign({withAsterisk:!0},d),i.createElement(l.K,null,i.createElement(o.S,{placeholder:(null==s?void 0:s.province)||u("onboarding.similac.input.city"),data:n?p:p.sort(),searchable:!0,onChange:E,value:h}),i.createElement(o.S,{placeholder:(null==s?void 0:s.district)||u("onboarding.similac.input.district"),data:g.sort(),searchable:!0,onChange:f,value:b,disabled:!h}),i.createElement(o.S,{placeholder:(null==s?void 0:s.ward)||u("onboarding.similac.input.ward"),searchable:!0,data:m.sort(),value:v,onChange:C,disabled:!h||!b}),i.createElement(o.I,{placeholder:(null==s?void 0:s.address)||u("onboarding.similac.input.no"),disabled:!h||!b||!v,value:y,onChange:x,style:{marginBottom:0}})),i.createElement(r.I.Error,{size:"md"},t))}},g8xC:function(e,t,n){n.d(t,{B:function(){return g}});var a=n("z/kP"),i=n("q1tI"),l=n("/npG"),r=n("HC7W"),o=n("8vDj"),s=n("mAfZ"),c=n("hVkk"),d=n("2451"),u=(0,l.k)((e,t)=>{var n,a,i,l,o,s;let{other:u}=e,{template:p}=u,{size:g,variant:m,skipHover:h,withColorHover:b,isError:v,isSuccess:E,color:f,gradient:C,children:y,theme:x,customStylesType:w}=t,S="mb"===p||"marryBaby"===x,k=f||(x&&S?"mb":e.primaryColor),T=k.startsWith("#"),O=T?e.fn.lighten(f,.9):(null===(a=null===(n=e.colors)||void 0===n?void 0:n[k])||void 0===a?void 0:a[0])||"",B=T?k:null===(l=null===(i=e.colors)||void 0===i?void 0:i[k])||void 0===l?void 0:l[e.fn.primaryShade()],I=T?e.fn.darken(f,.05):null===(s=null===(o=e.colors)||void 0===o?void 0:o[k])||void 0===s?void 0:s[e.fn.primaryShade()+1],j=w===d.C.LEADGEN;return{root:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({transition:`all ${c.A} ease-in-out`},C&&Object.assign({border:0,position:"relative"},"secondary"===m&&{"&:before":{content:'""',position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"#fff",borderRadius:"inherit"}})),{"&:focus":{outline:"none"}}),j&&{borderRadius:12}),!y&&{paddingLeft:"10px",paddingRight:"10px",".mantine-Button-icon":{margin:0}}),(()=>{switch(g){case"xl":return Object.assign({height:56,fontWeight:j?d.F.halfBold:d.F.semiBold,fontSize:j?"15px":S?"14px":"16px",lineHeight:"24px"},j&&{letterSpacing:"-0.3px"});case"lg":return Object.assign({height:48,fontWeight:j?d.F.halfBold:d.F.semiBold,fontSize:j?"15px":S?"14px":"16px",lineHeight:"24px"},j&&{letterSpacing:"-0.3px"});case"md":return Object.assign({height:40,fontWeight:j?d.F.halfBold:d.F.semiBold,fontSize:j?"13px":"14px",lineHeight:j?"20px":"22px"},j&&{letterSpacing:"-0.3px"});case"sm":return Object.assign(Object.assign({height:32,fontWeight:j?d.F.halfBold:d.F.semiBold,fontSize:j?"11px":S?"12px":"14px",lineHeight:j?"16px":"22px"},j&&{letterSpacing:"-0.2px"}),{paddingLeft:"16px",paddingRight:"16px"});case"xs":return Object.assign({height:24,fontWeight:j?d.F.halfBold:d.F.semiBold,fontSize:j?"11px":"12px",lineHeight:j?"16px":"18px",paddingLeft:"8px",paddingRight:"8px"},j&&{letterSpacing:"-0.2px"})}})()),(()=>{switch(m){case"primary":return Object.assign(Object.assign({color:e.white},C?{backgroundImage:C,backgroundColor:"initial"}:{backgroundColor:B}),!h&&{"&:hover":{backgroundColor:C?"initial":I}});case"secondary":return Object.assign(Object.assign(Object.assign({color:B,backgroundColor:"transparent",border:`1px solid ${B}`},C&&{backgroundImage:C,borderColor:"transparent"}),!h&&!C&&{"&:hover":{backgroundColor:O,border:`1px solid ${B}`}}),b&&!C&&{"&:hover":{backgroundColor:B,border:`1px solid ${B}`,color:"#fff"}});case"white":return{color:B,backgroundColor:"transparent",border:"1px solid transparent","&:hover":{backgroundColor:"transparent",borderColor:"transparent"}};case"tertiary":return{color:e.colors.gray[8],backgroundColor:e.white,border:`1px solid ${e.colors.neutral[2]}`,"&:hover":Object.assign({},h?{backgroundColor:e.white,border:`1px solid ${e.colors.neutral[2]}`}:{backgroundColor:e.colors.neutral[0],border:`1px solid ${e.colors.neutral[0]}`})};case"light":return{color:B,backgroundColor:O,border:"1px solid transparent","&:hover":Object.assign({},h?{backgroundColor:O,border:"1px solid transparent"}:{backgroundColor:e.white,border:`1px solid ${O}`})};case"ghost":return Object.assign({color:B,backgroundColor:"transparent",border:"1px solid transparent"},!h&&{"&:hover":{backgroundColor:O,border:"1px solid transparent"}})}})()),{"&[data-disabled]":{backgroundColor:e.colors.gray[1],color:e.colors.gray[4]}}),v?Object.assign({color:e.colors.red[6],backgroundColor:e.white,border:`1px solid ${e.colors.red[6]}`},!h&&{"&:hover":{backgroundColor:e.colors.red[0],border:`1px solid ${e.colors.red[6]}`}}):{}),E?Object.assign({color:e.colors.green[8],backgroundColor:e.colors.green[0]},!h&&{"&:hover":{backgroundColor:e.colors.green[0]}}):{}),inner:Object.assign({ref:(0,r.A)("inner")},C&&{position:"relative"}),leftIcon:{marginRight:8},rightIcon:{},label:Object.assign({},C&&"secondary"===m&&{background:C,"-webkit-background-clip":"text","-webkit-text-fill-color":"transparent"})}});let p={primary:"filled",secondary:"outline",tertiary:"default",light:"light",ghost:"subtle",error:"outline",white:"white",success:"subtle"},g=(0,i.forwardRef)((e,t)=>{var n,l;let r=(0,o.rZ)(),c=Object.assign(Object.assign({},null===(l=null===(n=r.components)||void 0===n?void 0:n.Button)||void 0===l?void 0:l.defaultProps),function(e){let t={};return Object.keys(e).filter(t=>void 0!==e[t]).forEach(n=>t[n]=e[n]),t}(e)),{variant:g,size:m,color:h,gradient:b,skipHover:v,withColorHover:E,className:f,dataEventCategory:C,dataEventAction:y,dataEventLabel:x,children:w,theme:S,component:k,styles:T,classNames:O}=c,B=(0,a._)(c,["variant","size","color","gradient","skipHover","withColorHover","className","dataEventCategory","dataEventAction","dataEventLabel","children","theme","component","styles","classNames"]),I="error"===g,j=(0,d.u)(),{classes:P,cx:L}=u({variant:g,size:m,color:h,gradient:b,skipHover:v,withColorHover:E,isError:I,isSuccess:"success"===g,children:w,theme:S,customStylesType:j},{name:"ButtonMantine",styles:T,classNames:O});return i.createElement(s.z,Object.assign({component:k,className:L(f,g),classNames:{root:P.root,inner:P.inner,leftIcon:P.leftIcon,rightIcon:P.rightIcon,label:P.label},variant:p[g],"data-variant":g,"data-event-category":C,"data-event-action":y,"data-event-label":x,ref:t,loaderProps:B.disabled?{color:"currentColor"}:void 0},B),w)})},ND65:function(e,t,n){n.d(t,{M:function(){return MarryBabyText},a:function(){return MarryBabyHeading}});var a=n("z/kP"),i=n("q1tI"),l=n("rBCA"),r=n("iBNF");let o=(0,l.Z)(e=>{var{type:t}=e,n=(0,a._)(e,["type"]);return i.createElement(t,n)})` color: var(--text-color, ${r.r.mbColors.dark}); font-family: Krub; font-weight: 600; letter-spacing: -0.2px; &[data-type='headline-1'] { font-size: 40px; line-height: 60px; } &[data-type='headline-2'] { font-size: 32px; line-height: 48px; } &[data-type='headline-3'] { font-size: 24px; line-height: 40px; } &[data-type='headline-4'] { font-size: 18px; line-height: 32px; } `,s=l.Z.p` color: var(--text-color, ${r.r.mbColors.dark}); letter-spacing: -0.2px; &[data-type='subtitle-1'] { font-size: 16px; font-weight: 600; line-height: 26px; } &[data-type='subtitle-2'] { font-size: 14px; font-weight: 500; line-height: 24px; } &[data-type='subtitle-3'] { font-size: 12px; font-weight: 500; line-height: 20px; } &[data-type='bodytext-1'] { font-size: 16px; font-weight: 400; line-height: 28px; } &[data-type='bodytext-2'] { font-size: 14px; font-weight: 400; line-height: 24px; } &[data-type='bodytext-3'] { font-size: 12px; font-weight: 400; line-height: 20px; } &[data-type='caption-1'] { font-size: 10px; font-weight: 500; letter-spacing: -0.1px; line-height: 14px; } &[data-type='caption-2'] { font-size: 10px; font-weight: 400; letter-spacing: -0.1px; line-height: 14px; } `,MarryBabyHeading=e=>{var{type:t,color:n,style:l}=e,r=(0,a._)(e,["type","color","style"]);return i.createElement(o,Object.assign({type:t,"data-type":{h1:"headline-1",h2:"headline-2",h3:"headline-3",h4:"headline-4"}[t],style:Object.assign(Object.assign({},n&&{"--text-color":n}),l)},r))},MarryBabyText=e=>{var{type:t,color:n,style:l}=e,r=(0,a._)(e,["type","color","style"]);return i.createElement(s,Object.assign({"data-type":t,style:Object.assign(Object.assign({},l),n&&{"--text-color":n})},r))}},"/kWL":function(e,t,n){n.d(t,{T:function(){return d}});var a=n("z/kP"),i=n("q1tI"),l=n("/npG"),r=n("8vDj"),o=n("TIp3"),s=n("2451"),c=(0,l.k)((e,t)=>{var n,a,i,l,r,o,c,d,u,p;let g=s.a[null==t?void 0:t.customStylesType]||s.a[s.C.NONE],m=null===(n=g.fontSize[null==t?void 0:t.size])||void 0===n?void 0:n[0],h=null===(a=g.lineHeight[null==t?void 0:t.size])||void 0===a?void 0:a[0],b=null!==(r=null===(l=null===(i=g.letterSpacing)||void 0===i?void 0:i[null==t?void 0:t.size])||void 0===l?void 0:l[0])&&void 0!==r?r:0,v=null===(o=g.fontSize[null==t?void 0:t.size])||void 0===o?void 0:o[1],E=null===(c=g.lineHeight[null==t?void 0:t.size])||void 0===c?void 0:c[1],f=null!==(p=null===(u=null===(d=g.letterSpacing)||void 0===d?void 0:d[null==t?void 0:t.size])||void 0===u?void 0:u[1])&&void 0!==p?p:0;return{root:Object.assign({},(null==t?void 0:t.size)&&{fontWeight:(null==t?void 0:t.as)==="label"?s.F.semiBold:g.fontWeight[t.weight]||g.fontWeightBySize[null==t?void 0:t.size]||s.F.regular,fontSize:`${m}`,lineHeight:`${h}`,letterSpacing:b,[e.fn.smallerThan("sm")]:{fontSize:`${v}`,lineHeight:`${E}`,letterSpacing:f}})}});let d=(0,i.forwardRef)((e,t)=>{var n,{size:l,color:d,weight:u,as:p="p",styles:g,className:m,dataEventCategory:h,dataEventAction:b,dataEventLabel:v,variant:E}=e,f=(0,a._)(e,["size","color","weight","as","styles","className","dataEventCategory","dataEventAction","dataEventLabel","variant"]);let C=(0,r.rZ)(),y=(0,s.u)(),{classes:x,cx:w}=c({size:l,weight:"caption"===u?"bold":u,as:p,customStylesType:y},{name:"Text",styles:g}),S="string"==typeof C.colors[d]?C.colors[d]:d;return i.createElement(o.x,Object.assign({"data-size":l,className:w(x.root,m),color:S||("label"===p?C.colors.gray[6]:(null===(n=null==C?void 0:C.other)||void 0===n?void 0:n.template)==="mb"?C.colors.delftGray[7]:void 0)||("primary"===E?C.colors.gray[9]:"secondary"===E?C.colors.gray[7]:"tertiary"===E?C.colors.gray[4]:"disabled"===E?C.colors.gray[3]:"error"===E?C.colors.red[6]:"success"===E?C.colors.green[6]:void 0)||C.colors.gray[7],component:p,"data-event-category":h,"data-event-action":b,"data-event-label":v,classNames:{root:Object.assign(Object.assign({},f.wordWrap?{"word-wrap":f.wordWrap}:void 0),f.isUppercase||"caption"===u?{"text-transform":"uppercase"}:void 0)},ref:t},f))})},rne9:function(e,t,n){n.d(t,{M:function(){return ei},S:function(){return SurveyOrPremiumBanner},a:function(){return el},b:function(){return SideBannerModal}});var a,i,l,r,o,s,c,d=n("q1tI"),u=n("mYVa"),p=n("7Ci/"),g=n("/npG"),m=n("Eso5"),h=n("OAL+"),b=n("SPK5"),v=n("RZSM"),E=n("vaps"),f=n("9n+W"),C=n("DA0W"),y=n("RGvF"),x=n("JZkZ"),w=n("MkcP"),S=n("owZr"),k=n("EJrp"),T=n("mGnJ"),O=n("Oaff"),B=n("UIg8"),I=n("z/kP"),j=n("0Dyn"),P=n("vq0H"),L=n("Pt5v"),A=n("5kis"),N=n("cChf"),z=n("ZFu2"),R=n("FNss"),M=n("TfUb"),H=n("/kWL"),_=n("g8xC"),F=n("jD9D"),W=n("IQVP"),$=n("rPIz"),D=n("AFO6"),V=n("wFQF"),U=n("xrdX"),G=n("GOBr"),Z=n("OWiL"),q=n("vWP/"),K=n("VHj/"),Q=n("GqLv"),Y=n("JIJ2"),J=n("TYy9"),X=n.n(J),ee=n("qPyV"),et=n.n(ee),en=n("r9m4");let ea=[{title:"Health News & Current Affairs",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:S.C.getAssetPath("newsletter-prefer/newsletter-health.svg"),checked:!1,id:1},{title:"Educational Medical Hello Bacsi Content",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:S.C.getAssetPath("newsletter-prefer/newsletter-education.svg"),checked:!1,id:2},{title:"Hello Health Community Feed",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:S.C.getAssetPath("newsletter-prefer/newsletter-community.svg"),checked:!1,id:3}];(a=r||(r={})).Pregnant="pregnant",a.Parenting="parenting",(o||(o={})).Option="option",(i=s||(s={})).Button="button",i.Checkbox="checkbox",(l=c||(c={})).ShowTool="showTool",l.ShowPremiumModal="showPremiumModal",l.ShowOptionBanner="showOptionBanner",l.Hide="hide";let ei={pregnancy:r.Pregnant,parenting:r.Parenting},el={[r.Pregnant]:"pregnant",[r.Parenting]:"parent"},FLOW=(e,t)=>({[r.Pregnant]:{action:c.ShowOptionBanner,props:{heading:e("pnBanner.pregnancy.heading"),description:e("pnBanner.pregnancy.desc"),styleType:s.Button,thumbnail:{desktop:S.C.getAssetPath("newsletter/banner-option-pregnancy-desktop.png"),mobile:S.C.getAssetPath("newsletter/banner-option-pregnancy-mobile.png")},buttonProps:{variant:"white",styles:e=>({minWidth:(0,u.h)(80),[e.fn.largerThan("sm")]:{minWidth:(0,u.h)(120)}})},items:[{label:e("switchBtn.yes"),value:"yes",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Are you navigating the world of pregnancy - Yes Click",dataEventLabel:t}},{label:e("switchBtn.no"),value:"no",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Are you navigating the world of pregnancy - No Click",dataEventLabel:t}}]},submitHandler:{yes:{action:c.ShowTool,props:{value:O.H.DUE_DATE}},no:{action:c.ShowPremiumModal}}},[r.Parenting]:{action:c.ShowOptionBanner,props:{heading:e("pnBanner.parenting.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:S.C.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:S.C.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,styleType:s.Checkbox,items:[{label:e("pnBanner.toddlers"),value:"todders"},{label:e("pnBanner.teenager"),value:"teenager"}],submitBtnTracking:{dataEventCategory:"Focused Audience",dataEventAction:"What is the age range of your kids Click",dataEventLabel:t}},submitHandler:{todders:{action:c.ShowTool,props:{value:O.H.BABY_VACCINE}},teenager:{action:c.ShowOptionBanner,props:{styleType:s.Button,heading:e("pnBanner.teenager.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:S.C.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:S.C.getAssetPath("newsletter/banner-option-parenting-mobile.png")},buttonProps:{variant:"white"},items:[{label:e("childCard.boy"),value:"teenager.boy",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"What is the gender of your kids - Boy Click",dataEventLabel:t}},{label:e("childCard.girl"),value:"teenager.girl",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"What is the gender of your kids - Girl Click",dataEventLabel:t}}]}},"teenager.boy":{action:c.ShowPremiumModal},"teenager.girl":{action:c.ShowTool,activeTool:B.t.HPV,props:{value:B.t.HPV}},"todders|teenager":{action:c.ShowOptionBanner,props:{styleType:s.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:S.C.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:S.C.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,buttonProps:{variant:"secondary"},styles:e=>({wrapper:{[e.fn.smallerThan("sm")]:{flexDirection:"column"}},button:{background:e.colors.blue[0]}}),items:[{label:e("pnBanner.vaccine.btnLabel"),activeTool:O.H.BABY_VACCINE,isLink:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Baby Vaccine Click",dataEventLabel:t}},{label:e("pnBanner.pn.btnLabel"),value:"todders|teenager.showPN",isPNBtn:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Premium Newsletter Click",dataEventLabel:t}}]}},"todders|teenager.showPN":{action:c.ShowOptionBanner,props:{styleType:s.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:S.C.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:S.C.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,buttonProps:{variant:"secondary"},styles:e=>({wrapper:{[e.fn.smallerThan("sm")]:{flexDirection:"column"}},button:{background:e.colors.blue[0]}}),items:[{label:e("pnBanner.vaccine.btnLabel"),activeTool:O.H.BABY_VACCINE,isLink:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Baby Vaccine Click",dataEventLabel:t}}]}}}}}),TOOL_BANNERS_PROPS=e=>({[O.H.DUE_DATE]:{heading:e("pnBanner.dueDateTool.heading"),description:e("pnBanner.dueDateTool.desc"),btnLabel:e("pnBanner.caclNow"),value:O.H.DUE_DATE,dataEventAction:"Try our Due Date Calculator Click"},[O.H.BABY_VACCINE]:{heading:e("pnBanner.vaccination.heading"),description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:O.H.BABY_VACCINE,dataEventAction:"Try our Baby Vaccine Scheduler Click"},[O.H.BABY_GROWTH]:{heading:"Baby Growth",description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:O.H.BABY_GROWTH},[B.t.HPV]:{heading:e("pnBanner.hpv.heading"),description:e("pnBanner.hpv.desc"),thumbnail:{desktop:S.C.getAssetPath("newsletter/banner-option-hpv-desktop.png"),mobile:S.C.getAssetPath("newsletter/banner-option-hpv-mobile.png")},isRiskScreener:!0,btnLabel:e("pnBanner.checkNow"),value:B.t.HPV,hideDescOnMobile:!0,dataEventAction:"Keep safe from HPV virus Click"}}),er=(0,d.createContext)({}),PnBannerEle=e=>{var t=(0,I._)(e,[]);let{locale:n}=(0,A.u)(),{type:a,isMobile:i,currentUrl:l,isMarketing:r,isLoggedIn:o,setShouldAcquisitionModalOpen:s}=(0,d.useContext)(er),{triggerLogin:c}=(0,j.u)();return d.createElement(p.W,Object.assign({mih:{base:144,md:160},fluid:!0,p:0,sx:{borderRadius:4,cursor:"pointer"},onClick:()=>(0,I.a)(void 0,void 0,void 0,function*(){let e=r?(0,L.g)(n)+"/dang-ky-nhan-tin/":`${window.location.href}?source=acquisition`;o?null==s||s():(0,j.I)(n)?c({returnUrl:r?e:void 0,source:r?void 0:"acquisition"}):window.location.href=`${(0,L.a)(n)}/?returnUrl=${encodeURIComponent(e)}`}),"data-event-category":"Newsletter","data-event-action":"Banner Click","data-event-label":l,className:"pointer-event-child-none"},t),d.createElement(P.I,{src:r?S.C.getAssetPath(`newsletter/${i?"Mobile":"Desktop"}_Marketing.png`):S.C.getAssetPath(`newsletter/${i?"Mobile":"Desktop"}_${a}.png`),style:{maxWidth:"100%"},alt:"newsletter banner"}))},eo={GET_NEWSLETTER_CATEGORIES:"api/v1/categories?site={website_url}",POST_SUBSCRIPTION:"api/v1/subscription?site={website_url}",GET_SUBSCRIPTION_CATEGORIES:"api/v1/categories?site={website_url}"};var es=(0,g.k)(e=>({root:{},wrapper:{[e.fn.smallerThan("sm")]:{width:"70%"}},button:{[e.fn.smallerThan("sm")]:{height:"auto",minHeight:(0,u.h)(32),padding:`${(0,u.h)(6)} ${(0,u.h)(16)}`,textAlign:"center",width:"100%"}},buttonLabel:{whiteSpace:"normal"}}));let BannerLayout=({heading:e,description:t,thumbnail:n={desktop:"",mobile:""},hideDescOnMobile:a,children:i})=>{let{isMobile:l,minHeight:r}=(0,d.useContext)(er);return d.createElement(m.x,{sx:()=>({borderRadius:(0,u.h)(8),background:"linear-gradient(180deg, #FAFDFF 0%, #E3F2FF 100%)"})},d.createElement(m.x,{sx:e=>({minHeight:(0,u.h)(r),borderRadius:"inherit",background:`url(${l?n.mobile:n.desktop})`,backgroundPosition:"center right",backgroundRepeat:"no-repeat",backgroundSize:"contain",padding:`${(0,u.h)(24)} ${(0,u.h)(16)}`,display:"flex",flexDirection:"column",justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${(0,u.h)(22)} ${(0,u.h)(32)}`}})},d.createElement(h.K,{spacing:(0,u.h)(16)},d.createElement(h.K,{spacing:(0,u.h)(4),sx:e=>({maxWidth:"60%",[e.fn.largerThan("sm")]:{maxWidth:"70%"}})},e&&d.createElement($.H,{tag:"h4"},e),!(a&&l)&&t&&d.createElement(H.T,{size:"p4"},t)),d.createElement(m.x,null,i))))},BannerWithOptions=e=>{let{styleType:t=s.Button,items:n=[],buttonProps:a,styles:i,submitBtnTracking:l}=e,{classes:r}=es(void 0,{name:"PremiumBannerWithOptions",styles:i}),{t:o,locale:c}=(0,A.u)(),{surveyType:p,articleId:g,handleClickOption:h,hasPremiumBanner:v,source:E,isMobile:f,setShowPNModal:C}=(0,d.useContext)(er),y=(0,d.useMemo)(()=>v?n:n.filter(e=>!e.isPNBtn).filter(Boolean),[n]),{getHealthToolLink:x}=(0,D.u)(c),w=(0,N.c)({initialValues:{bannerOptions:[]}}),saveStep=e=>(0,I.a)(void 0,void 0,void 0,function*(){return yield(0,k.e)((0,k.f)(W.yy.HEALTH_TOOL.CREATE,{_locale:c,type:el[p]}),"POST",{headers:{"Content-Type":"application/json"},data:{value:e,article:g,source:E}})}),S=(0,d.useCallback)(()=>d.createElement(b.k,{gap:(0,u.h)(8),className:r.wrapper},y.map((e,t)=>d.createElement(m.x,{key:String(t),component:e.isLink?"a":"div",href:e.isRiskScreener?`https://${U.v[c]}/bot/${B.n[c][e.activeTool]}/`:e.isLink?x(e.activeTool):void 0},d.createElement(_.B,Object.assign({className:r.button,classNames:{label:r.buttonLabel},size:"sm"},e.tracking,a,{onClick:()=>{e.isLink||(e.isPNBtn&&C(!0),saveStep(e.value),h(e.value))}}),e.label)))),[y,w]),T=(0,d.useCallback)(()=>d.createElement(b.k,null,d.createElement(b.k,{align:"center",gap:(0,u.h)(24),sx:e=>({background:"white",borderRadius:(0,u.h)(8),padding:(0,u.h)(4),[e.fn.largerThan("sm")]:{paddingLeft:(0,u.h)(16)}})},d.createElement(R.d.Group,Object.assign({},w.getInputProps("bannerOptions",{type:"checkbox"})),d.createElement(b.k,{gap:(0,u.h)(16)},y.map((e,t)=>d.createElement(R.d,{key:String(t),value:e.value,label:e.label,styles:{label:{cursor:"pointer"}}})))),d.createElement(_.B,Object.assign({size:"sm"},l,a,{disabled:0===w.getInputProps("bannerOptions").value.length,leftIcon:f?d.createElement(V.I.ArrowRightTail,{size:18,useCurrentColor:!0}):void 0,onClick:()=>{let e=w.getInputProps("bannerOptions").value;saveStep(e.join("|")),h(e.join("|"))},styles:e=>({root:{[e.fn.smallerThan("sm")]:{width:(0,u.h)(38),minWidth:"auto",padding:0}}})}),!f&&o("pnBanner.submit")))),[y,w]);return d.createElement(BannerLayout,Object.assign({},e),t===s.Button?S():t===s.Checkbox?T():null)},ToolBanner=e=>{var t,n;let{t:a}=(0,A.u)(),{heading:i,description:l,thumbnail:r,btnLabel:o,value:s,isRiskScreener:c,hideDescOnMobile:p,dataEventAction:g}=e,{locale:m}=(0,A.u)(),{isMobile:v}=(0,d.useContext)(er),{getHealthToolLink:E,allTools:f}=(0,D.u)(m),C=(0,d.useMemo)(()=>{let e=c?`https://${G.y?"":"discover."}${U.v[m]}/bot/${B.n[m][s]}`:E(s);return d.createElement("a",{href:e},d.createElement(_.B,{size:"sm","data-event-category":"Focused Audience","data-event-action":g,"data-event-label":e},o||a("pnBanner.caclNow")))},[f]);return"mainBanner"==(c?"mainBanner":"toolBanner")?d.createElement(BannerLayout,Object.assign({},Object.assign(Object.assign({},e),{thumbnail:e.thumbnail})),C):d.createElement(b.k,{gap:(0,u.h)(7),align:"center",justify:"space-between",sx:e=>({borderRadius:(0,u.h)(8),background:e.colors.blue[0],minHeight:(0,u.h)(180),padding:`${(0,u.h)(24)} ${(0,u.h)(16)}`,[e.fn.largerThan("sm")]:{padding:`${(0,u.h)(34)} ${(0,u.h)(32)}`}})},d.createElement(h.K,{spacing:(0,u.h)(12)},d.createElement(h.K,{spacing:(0,u.h)(4)},i&&d.createElement($.H,{tag:"h4"},i),!(v&&p)&&l&&d.createElement(H.T,{size:"p4"},l)),d.createElement(b.k,{gap:(0,u.h)(8),sx:{button:{minWidth:(0,u.h)(120)}}},C)),d.createElement(b.k,{align:"center",justify:"center",sx:e=>({width:(0,u.h)(96),height:(0,u.h)(96),borderRadius:"50%",background:"white",flexShrink:0,[e.fn.largerThan("sm")]:{width:(0,u.h)(112),height:(0,u.h)(112)},img:{maxWidth:(0,u.h)(64),[e.fn.largerThan("sm")]:{maxWidth:(0,u.h)(73)}}})},d.createElement("img",{alt:"health-tool-icon",src:r||(null===(n=null===(t=f.filter(e=>e.template===s))||void 0===t?void 0:t[0])||void 0===n?void 0:n.icon)||O.a[s]||"",loading:"lazy"})))},HandlerBanner=()=>{var e,t,n;let{t:a}=(0,A.u)(),{state:i,Outside:l}=(0,d.useContext)(er);return(null==i?void 0:i.action)===c.ShowTool?d.createElement(l,null,TOOL_BANNERS_PROPS(a)[null===(e=null==i?void 0:i.props)||void 0===e?void 0:e.value]?d.createElement(ToolBanner,Object.assign({},TOOL_BANNERS_PROPS(a)[null===(t=null==i?void 0:i.props)||void 0===t?void 0:t.value],{value:null===(n=null==i?void 0:i.props)||void 0===n?void 0:n.value})):null):(null==i?void 0:i.action)===c.ShowOptionBanner?d.createElement(l,null,d.createElement(BannerWithOptions,Object.assign({},null==i?void 0:i.props))):null},SideBannerModal=e=>{var{isMobile:t,children:n,desktopBanner:a=S.C.getAssetPath("friso/onboarding-banner.jpg"),mobileBanner:i=S.C.getAssetPath("friso/onboarding-banner-mobile.jpg"),modalRatio:l={width:937,height:536},mobileBannerRatio:r={width:750,height:480},desktopBannerRatio:o={width:420,height:536},closeProps:s}=e,c=(0,I._)(e,["isMobile","children","desktopBanner","mobileBanner","modalRatio","mobileBannerRatio","desktopBannerRatio","closeProps"]);let{width:p,height:g}=(0,F.n)(),h=p*r.height/r.width,[b,E]=(0,d.useState)(!1);return d.createElement(Q.M,Object.assign({styles:e=>({header:{display:"none"},content:{flex:"auto",background:"transparent",[e.fn.smallerThan("sm")]:{maxHeight:"100%",height:"100%",position:"relative",borderRadius:0},[e.fn.largerThan("sm")]:{maxWidth:(0,u.h)(l.width),width:"100%",height:"100%",maxHeight:(0,u.h)(l.height),boxShadow:"none"}},body:{padding:0,width:"100%",height:"100%",[e.fn.largerThan("sm")]:{display:"flex",alignItems:"center"}},inner:{padding:0,[e.fn.smallerThan("sm")]:{display:"flex",alignItems:"flex-end"}}})},c),t?d.createElement(m.x,{sx:{position:"relative",width:"100%",height:"100%"},onTouchStart:()=>E(!0)},d.createElement(m.x,{className:"mobile-template",sx:{position:"absolute",height:`${(b?1:((g<=667?190:265)+h+74)/g)*100}%`,left:0,bottom:0,right:0,transition:"height 0.4s ease"}},d.createElement(m.x,{className:"mobile-template-wrapper",sx:{height:"100%",backgroundColor:"white",borderTopLeftRadius:b?0:(0,u.h)(12),borderTopRightRadius:b?0:(0,u.h)(12)}},d.createElement(m.x,{sx:{height:"100%",background:`url(${i})`,backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"top center",overflowY:"auto",borderRadius:"inherit"}},(0,K.i)(i)&&d.createElement("video",{loop:!0,muted:!0,autoPlay:!0,style:{width:"100%",position:"absolute",top:0,left:0}},d.createElement("source",{src:i})),d.createElement(_.B,Object.assign({variant:"white",leftIcon:d.createElement(Z.Z,null),sx:{position:"absolute",right:0,top:0,zIndex:1,padding:(0,u.h)(10)}},s,{onClick:()=>null==c?void 0:c.onClose()})),d.createElement(v.o,{ratio:(null==r?void 0:r.width)/(null==r?void 0:r.height),w:"100%"}),d.createElement(m.x,{className:"inner",sx:{padding:`${(0,u.h)(28)} ${(0,u.h)(16)} ${(0,u.h)(16)}`,background:"white",position:"relative"}},n))))):d.createElement(v.o,{className:"desktop-template",ratio:l.width/l.height,w:"100%",sx:{position:"relative","& > div":{justifyContent:"flex-end"}}},d.createElement(m.x,{sx:{width:"100%",height:"100%",justifyContent:"flex-end",alignItems:"stretch",borderRadius:(0,u.h)(8),background:"white",boxShadow:"0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 2.25rem 1.75rem -0.4375rem, rgba(0, 0, 0, 0.04) 0 1.0625rem 1.0625rem -0.4375rem"}},(0,K.i)(a)?d.createElement("video",{loop:!0,muted:!0,autoPlay:!0,style:{borderTopLeftRadius:(0,u.h)(8),borderBottomLeftRadius:(0,u.h)(8),height:"100%",display:"block"}},d.createElement("source",{src:a})):d.createElement("img",{alt:"",src:a,loading:"lazy",style:{borderTopLeftRadius:(0,u.h)(8),borderBottomLeftRadius:(0,u.h)(8),height:"100%",display:"block"}}),d.createElement(m.x,{sx:{position:"relative",height:"100%",width:`${(l.width-o.width)/l.width*100}%`}},d.createElement(_.B,Object.assign({variant:"white",leftIcon:d.createElement(Z.Z,null)},s,{onClick:()=>null==c?void 0:c.onClose(),sx:{position:"absolute",right:0,top:0,backgroundColor:"transparent"}})),d.createElement(m.x,{className:"side-banner-modal-container",sx:{height:"100%",padding:`${(0,u.h)(40)} ${(0,u.h)(24)} 0`}},n)))))},ec={UPDATE_SUBSCRIPTION:"user/subscription"},ed=(0,d.createContext)({}),_NormalTopic=e=>{var{value:t,name:n}=e,a=(0,I._)(e,["value","name"]);return d.createElement(R.g,Object.assign({value:t,withIcon:!0},a,{buttonProps:{styles:()=>({leftIcon:{marginRight:(0,u.h)(6)},root:{paddingLeft:(0,u.h)(10),paddingRight:(0,u.h)(10)}})}}),n)},TopicSection=({topicsGroup:e,onTopicChange:t,isBlock:n=!1,selectedTopics:a=[],inputProps:i,labelProps:l,maxSelect:r=5,hasScroll:o,readonly:s})=>{let{action:{pushNotifications:c}}=(0,d.useContext)(k.T),u=X()(e.map(e=>e.topics||[])),{t:p}=(0,A.u)(),[g,v]=(0,d.useState)([]);(0,d.useEffect)(()=>{v(a)},[a.length]),(0,d.useEffect)(()=>{null==t||t(g)},[g]);let onValueChange=e=>{if(e.length>5){c({type:"danger",title:p("pnTopicSection.maxSelectError.title",{maxSelect:r}),message:p("pnTopicSection.maxSelectError.desc")});return}s||v(()=>u.filter(t=>e.some(e=>t.catId===e)))};return d.createElement(h.K,{spacing:12},e.map((e,t)=>d.createElement(h.K,{key:String(t),spacing:12},e.label&&d.createElement(H.T,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},l),e.label),o?d.createElement(E.x,{w:"100%",offsetScrollbars:!0,scrollbarSize:4,p:16,m:-16,styles:{viewport:{margin:-16,padding:16}}},d.createElement(m.x,{w:800},d.createElement(f.A.Group,Object.assign({value:g.map(e=>e.catId),multiple:!0},i,{onChange:onValueChange}),d.createElement(b.k,{gap:8,wrap:"wrap"},e.topics.map(t=>d.createElement(_NormalTopic,Object.assign({key:t.catId,value:t.catId,name:t.localName,isBlock:n},e.tracking))))))):d.createElement(f.A.Group,Object.assign({value:g.map(e=>e.catId),multiple:!0},i,{onChange:onValueChange}),d.createElement(b.k,{gap:8,wrap:"wrap"},e.topics.map(t=>t.catId?d.createElement(_NormalTopic,Object.assign({key:t.catId,value:t.catId,name:t.localName,isBlock:n},e.tracking)):d.isValidElement(t.component)?t.component:null))))))},Layout=e=>{var{heading:t,children:n,stickyActions:a}=e,i=(0,I._)(e,["heading","children","stickyActions"]);let{isMobile:l}=(0,d.useContext)(ed),r=d.createElement(h.K,{spacing:(0,u.h)(24),sx:{height:"100%"}},d.createElement($.H,{tag:"h4",style:{textAlign:"center"}},t),d.createElement(m.x,null,n));return d.createElement(m.x,{sx:e=>({[e.fn.largerThan("sm")]:{position:"relative",height:"100%"}})},l?r:d.createElement(E.x,Object.assign({className:"layout-body",h:a?"calc(100% - 90px)":"100%"},i),r),a&&d.createElement(b.k,{gap:(0,u.h)(8),sx:e=>({position:"absolute",left:0,right:0,bottom:0,padding:(0,u.h)(16),button:{flexGrow:1},justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${(0,u.h)(24)} 0`}})},a))},MainForm=()=>{let{t:e,locale:t}=(0,A.u)(),{data:{userInfo:n},action:{pushNotifications:a}}=(0,d.useContext)(k.T),i=null==n?void 0:n.id,{currentUrl:l,isMobile:r,pnSuggestCategory:o=[],nextStep:s,formValues:c,setFormValues:p,onSubmit:g,submitLoading:m,selectCategory:b,setCategoryLibs:v,setSelectCategory:E,maxSelectCategory:f}=(0,d.useContext)(ed),C=o.map(e=>e.catId),y=(0,N.c)({validate:{name:(0,z.U)(e("healthToolPNModal.mainForm.requireName"))},initialValues:Object.assign(Object.assign({},c),{fitnessTopics:C})}),[x,w]=(0,d.useState)([]),[S,T]=(0,d.useState)([]);(0,d.useEffect)(()=>{(0,I.a)(void 0,void 0,void 0,function*(){var e;try{let n=yield(0,k.e)((0,k.h)(eo.GET_SUBSCRIPTION_CATEGORIES,{_locale:t}),"get"),a=((null===(e=null==n?void 0:n.data)||void 0===e?void 0:e.subscription)||[]).filter(e=>!C.includes(e.catId));w(o),T(a),v([...o,...a])}catch(e){console.log(e)}})},[]),(0,d.useEffect)(()=>{i&&y.setFieldValue("name",(null==n?void 0:n.name)||"")},[i]);let onMore=()=>{""!==y.getInputProps("name").value?(p(y.getTransformedValues()),s()):y.validateField("name")},O=(0,d.useMemo)(()=>d.createElement(_.B,{variant:"tertiary",dataEventCategory:"Newsletter",dataEventAction:"More Category Click",dataEventLabel:l,leftIcon:d.createElement(q.Z,{size:16,color:"currentColor"}),onClick:onMore,styles:e=>({root:{borderRadius:(0,u.h)(6),padding:"2px 15px",height:(0,u.h)(40)},label:{fontSize:(0,u.h)(14),fontWeight:400,[e.fn.smallerThan("sm")]:{fontSize:(0,u.h)(12),lineHeight:(0,u.h)(16),height:(0,u.h)(40)}},leftIcon:{marginRight:"5px"}})},d.createElement(H.T,{size:r?"p3":"p4"},e("home.seeMore"))),[y]);return(0,d.useEffect)(()=>{y.setFieldValue("fitnessTopics",b.map(e=>e.catId))},[b]),d.createElement("form",{style:{height:"100%"},onSubmit:y.onSubmit(t=>{if(0===b.length)return a({type:"danger",title:e("newsletter.error.minTitle"),message:e("newsletter.error.minCotennt")}),!1;p(t),null==g||g(t.name)})},d.createElement(Layout,{heading:e("healthToolPNModal.heading"),stickyActions:d.createElement(d.Fragment,null,d.createElement(_.B,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Register Click",dataEventLabel:l,loading:m,sx:{maxWidth:(0,u.h)(240)}},e("healthToolPNModal.register")))},d.createElement(h.K,{spacing:(0,u.h)(16)},d.createElement(R.I,Object.assign({label:e("newsletter.welcome.description")},y.getInputProps("name"))),d.createElement(TopicSection,{topicsGroup:[...0===o.length&&0===S.length?[{topics:[{component:O}]}]:[],...o.length>0?[{label:e("healthToolPNModal.mainForm.tailorTopicsHeading"),topics:[...o,...0===S.length?[{component:O}]:[]]}]:[],...S.length>0?[{label:e("healthToolPNModal.findMore.chooseFav"),topics:[...S,...S.length>0?[{component:O}]:[]]}]:[]],selectedTopics:[...x],labelProps:{size:r?"p3":"p4",color:"gray.6"},onTopicChange:E,maxSelect:f}))))},eu=(0,d.forwardRef)(function(e,t){var{label:n}=e,a=(0,I._)(e,["label"]);return d.createElement("div",Object.assign({ref:t},a),d.createElement(C.Z,{noWrap:!0},d.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},d.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.97887 8.15493C2.97887 5.29627 5.29627 2.97887 8.15493 2.97887C11.0136 2.97887 13.331 5.29627 13.331 8.15493C13.331 11.0136 11.0136 13.331 8.15493 13.331C5.29627 13.331 2.97887 11.0136 2.97887 8.15493ZM8.15493 1.5C4.47951 1.5 1.5 4.47951 1.5 8.15493C1.5 11.8303 4.47951 14.8099 8.15493 14.8099C9.72615 14.8099 11.1702 14.2653 12.3086 13.3547L15.2376 16.2837C15.5264 16.5725 15.9946 16.5725 16.2833 16.2837C16.5721 15.9949 16.5721 15.5267 16.2833 15.238L13.3544 12.3091C14.2652 11.1705 14.8099 9.72634 14.8099 8.15493C14.8099 4.47951 11.8303 1.5 8.15493 1.5Z",fill:"#8C8C8C"})),d.createElement(H.T,{size:"p3"},n)))}),ep=(0,d.forwardRef)(function(e,t){var{label:n}=e,a=(0,I._)(e,["label"]);return d.createElement("div",Object.assign({ref:t},a),d.createElement(H.T,{size:"p3"},n))}),HistorySection=({history:e,onDelete:t})=>d.createElement(b.k,{wrap:"wrap",gap:8},et()(e,"catId").map(e=>d.createElement(y.C,{key:e.catId,rightSection:d.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",onClick:()=>null==t?void 0:t(e)},d.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.5 9C1.5 4.8525 4.8525 1.5 9 1.5C13.1475 1.5 16.5 4.8525 16.5 9C16.5 13.1475 13.1475 16.5 9 16.5C4.8525 16.5 1.5 13.1475 1.5 9ZM11.1677 12.2248C11.4602 12.5173 11.9327 12.5173 12.2252 12.2248C12.5101 11.9323 12.5101 11.4523 12.2252 11.1673L10.0577 8.99979L12.2252 6.83229C12.5177 6.53979 12.5177 6.0673 12.2252 5.7748C11.9327 5.4823 11.4602 5.4823 11.1677 5.7748L9.00015 7.9423L6.83265 5.7748C6.54015 5.4823 6.06765 5.4823 5.77515 5.7748C5.63471 5.91492 5.55579 6.10516 5.55579 6.30354C5.55579 6.50193 5.63471 6.69217 5.77515 6.83229L7.94265 8.99979L5.77515 11.1673C5.63471 11.3074 5.55579 11.4977 5.55579 11.696C5.55579 11.8944 5.63471 12.0847 5.77515 12.2248C6.06765 12.5173 6.54015 12.5173 6.83265 12.2248L9.00015 10.0573L11.1677 12.2248Z",fill:"#8C8C8C"})),styles:{root:{height:32,background:"#ffffff",padding:"5px 12px",border:`1px solid ${M.t.neutral[4]}`,borderRadius:32,textTransform:"unset"},rightSection:{height:18,cursor:"pointer"}}},d.createElement(H.T,{size:"p4"},e.localName)))),RecentlyViewedSection=({topics:e,onTopicChange:t,isBlock:n=!1,selectedTopics:a,labelProps:i,maxSelect:l=5})=>{let{action:{pushNotifications:r}}=(0,d.useContext)(k.T),[o,s]=(0,d.useState)([]),{t:c}=(0,A.u)();return((0,d.useEffect)(()=>{s(a)},[a.length]),(0,d.useEffect)(()=>{t(o)},[o]),e&&0!==e.length)?d.createElement(h.K,{spacing:12,px:16,mx:-16},d.createElement(H.T,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},i),c("pnTopicSection.recentView")),d.createElement(f.A.Group,{value:o.map(e=>e.catId),onChange:t=>{if(n&&o.lengthe.filter(e=>t.some(t=>e.catId===t)))},multiple:!0},d.createElement(b.k,{gap:8,wrap:"wrap"},e.map((e,t)=>d.createElement(_NormalTopic,{key:t,value:e.catId,name:e.localName,isBlock:n}))))):null},_TopicSlide=e=>{var{topic:t,active:n,onClick:a}=e,i=(0,I._)(e,["topic","active","onClick"]);return d.createElement(m.x,Object.assign({sx:e=>({position:"relative",cursor:"pointer",padding:2,borderRadius:8,boxShadow:"0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04)",minHeight:(0,u.h)(130),[e.fn.largerThan("sm")]:{minHeight:(0,u.h)(138)}}),onClick:()=>a(t,n)},i),n&&d.createElement(m.x,{id:"test",sx:{position:"absolute",top:2,right:2,width:20,height:20,zIndex:1}},d.createElement("svg",{id:"test",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},d.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.66699 9.99984C1.66699 5.39984 5.40033 1.6665 10.0003 1.6665C14.6003 1.6665 18.3337 5.39984 18.3337 9.99984C18.3337 14.5998 14.6003 18.3332 10.0003 18.3332C5.40033 18.3332 1.66699 14.5998 1.66699 9.99984ZM4.75066 10.5827L7.74232 13.5744C8.06732 13.8994 8.60066 13.8994 8.91732 13.5744L15.2423 7.2494C15.5673 6.9244 15.5673 6.3994 15.2423 6.0744C14.9173 5.7494 14.3923 5.7494 14.0673 6.0744L8.33399 11.8077L5.92566 9.40773C5.60066 9.08273 5.07566 9.08273 4.75066 9.40773C4.59461 9.56342 4.50692 9.7748 4.50692 9.99523C4.50692 10.2157 4.59461 10.427 4.75066 10.5827Z",fill:"#2D87F3"}),d.createElement("path",{d:"M7.74224 13.5772L4.75057 10.5856C4.59453 10.4299 4.50684 10.2185 4.50684 9.99808C4.50684 9.77765 4.59453 9.56627 4.75057 9.41058C5.07557 9.08558 5.60057 9.08558 5.92557 9.41058L8.33391 11.8106L14.0672 6.07725C14.3922 5.75225 14.9172 5.75225 15.2422 6.07725C15.5672 6.40225 15.5672 6.92725 15.2422 7.25225L8.91724 13.5772C8.60057 13.9022 8.06724 13.9022 7.74224 13.5772Z",fill:"white"}))),d.createElement(m.x,{sx:{borderRadius:"8px"}},d.createElement(R.c,{ratio:1.5,mb:10,sx:e=>({background:e.colors.neutral[0]})},d.createElement(m.x,null,d.createElement("img",{src:t.guid||"",alt:"cat",loading:"lazy",style:{maxHeight:"63px"}})))),d.createElement(H.T,{size:"p4",ta:"center",px:6,sx:{display:"-webkit-box","-webkit-line-clamp":"2","-webkit-box-orient":"vertical",overflow:"hidden"}},t.localName||""))},TrendingCarousel=({topics:e,selectedTopics:t=[],onTopicChange:n,isBlock:a=!1,labelProps:i,pushNotifications:l,maxSelect:r=5})=>{let{t:o}=(0,A.u)(),[s,c]=(0,d.useState)([]),onSelect=(e,t)=>{if(t)c(t=>t.filter(t=>t.catId!==e.catId));else{if(a){l({type:"danger",title:o("pnTopicSection.maxSelectError.title",{maxSelect:r}),message:o("pnTopicSection.maxSelectError.desc")});return}c(t=>[...t,e])}};(0,d.useEffect)(()=>{c(t)},[t.length]),(0,d.useEffect)(()=>{n(s)},[s]);let[u,p]=(0,d.useState)(!1),[g,v]=(0,d.useState)(0),[f,C]=(0,d.useState)(0),y=(0,d.useRef)(null),handleMouseUp=()=>{p(!1)};return d.createElement(h.K,{spacing:10},d.createElement(b.k,{justify:"space-between",align:"center",w:"100%"},d.createElement(H.T,Object.assign({size:"s5",color:"gray.4",weight:"semiBold",span:!0},i),o("pnTopicSection.trending"))),d.createElement(m.x,null,d.createElement(E.x,{type:"always",w:"100%",offsetScrollbars:!0,scrollbarSize:4,px:4,viewportRef:y,viewportProps:{onMouseDown:e=>{e.preventDefault(),y.current&&(p(!0),v(e.pageX-y.current.offsetLeft),C(y.current.scrollLeft))},onMouseUp:handleMouseUp,onMouseLeave:handleMouseUp,onMouseMove:e=>{if(e.preventDefault(),!u||!y.current)return;let t=e.pageX-y.current.offsetLeft;y.current.scrollLeft=f-(t-g)*2}},styles:{viewport:{paddingBottom:16}}},d.createElement(m.x,{w:{base:112*e.length+8*(e.length-1)+10}},d.createElement(b.k,{gap:8},e.map((e,t)=>d.createElement(_TopicSlide,{key:t,topic:e,onClick:onSelect,active:s.some(t=>t.catId===e.catId),w:{base:112}})))))))},PremiumTopicSelect=e=>{var{isLoggedIn:t,maxSelect:n=5,values:a=[],labelProps:i,onChange:l}=e,r=(0,I._)(e,["isLoggedIn","maxSelect","values","labelProps","onChange"]);let{action:{pushNotifications:o}}=(0,d.useContext)(k.T),[s,c]=(0,d.useState)(""),{t:p,locale:g}=(0,A.u)(),b=(0,d.useRef)(null),[v,E]=(0,d.useState)([]),[f,C]=(0,d.useState)([]),[y,w]=(0,d.useState)([]),[S,T]=(0,d.useState)([]),[O,B]=(0,d.useState)(null),[j,P]=(0,d.useState)([]);(0,d.useEffect)(()=>{(0,I.a)(void 0,void 0,void 0,function*(){var e,t;let n=yield(0,k.e)((0,k.h)(eo.GET_NEWSLETTER_CATEGORIES,{_locale:g}),"get"),i=(null===(e=null==n?void 0:n.data)||void 0===e?void 0:e.interested)||[],l=(null===(t=null==n?void 0:n.data)||void 0===t?void 0:t.trending)||[],r=et()([...i,...l],"catId"),o=r.map(e=>Object.assign(Object.assign({},e),{value:e.catId||"",label:e.localName||""}));if(P(o||[]),B((null==n?void 0:n.data)||null),a.length>0){let e=i.filter(e=>a.includes(e.catId)).map(e=>Object.assign(Object.assign({},e),{template:"interested"})),t=l.filter(e=>a.includes(e.catId)).map(e=>Object.assign(Object.assign({},e),{template:"trending"}));T(e),C(t)}})},[t]);let L=(0,d.useMemo)(()=>et()([...v,...f,...S,...y],"catId"),[v,f,S,y]),[N,z]=(0,d.useState)(!1);(0,d.useEffect)(()=>{L.length>=n?z(!0):z(!1),null==l||l(L)},[L]);let onValueChange=e=>(0,I.a)(void 0,void 0,void 0,function*(){var t;let a="default";if(N)o({type:"danger",title:p("pnTopicSection.maxSelectError.title",{maxSelect:n}),message:p("pnTopicSection.maxSelectError.desc")});else{let n=[{key:"trending",array:null==O?void 0:O.trending},{key:"recently",array:null==O?void 0:O.recently},{key:"interested",array:null==O?void 0:O.interested}],i=n.find(t=>{var n;return null===(n=t.array)||void 0===n?void 0:n.some(t=>t.catId===e[0])});({trending:C,recently:w,interested:T,default:E})[a=(null==i?void 0:i.key)||"default"](t=>[...t,...j.filter(t=>e.some(e=>t.catId===e))].map(e=>Object.assign(Object.assign({},e),{template:a}))),null===(t=b.current)||void 0===t||t.blur()}return null});return d.createElement(h.K,Object.assign({spacing:(0,u.h)(16)},r),d.createElement(h.K,{spacing:(0,u.h)(8)},d.createElement(H.T,{size:"p3"},p("pnTopicSection.maxSelectError.detail",{max:n,maxTopic:L.length})),d.createElement(x.NU,{ref:b,maxSelectedValues:3,styles:{wrapper:{overflow:"initial !important"},separator:{padding:16},separatorLabel:{fontWeight:600,fontSize:12,lineHeight:"18px",textTransform:"uppercase",color:M.t.gray[4],"&::after":{display:"none"}},searchInput:{fontSize:"inherit"},input:{paddingRight:16}},nothingFound:d.createElement(H.T,{size:"s4",color:"gray.6"},p("pnTopicSection.notFound")),itemComponent:""===s?eu:ep,size:"lg",placeholder:p("pnTopicSection.plsEnterFavTopics"),data:j,onSearchChange:c,searchValue:s,icon:d.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},d.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.97183 10.8732C3.97183 7.0617 7.0617 3.97183 10.8732 3.97183C14.6848 3.97183 17.7746 7.0617 17.7746 10.8732C17.7746 14.6848 14.6848 17.7746 10.8732 17.7746C7.0617 17.7746 3.97183 14.6848 3.97183 10.8732ZM10.8732 2C5.97268 2 2 5.97268 2 10.8732C2 15.7738 5.97268 19.7465 10.8732 19.7465C12.9682 19.7465 14.8936 19.0205 16.4115 17.8063L20.3168 21.7116C20.7018 22.0966 21.3261 22.0966 21.7111 21.7116C22.0961 21.3266 22.0961 20.7023 21.7111 20.3173L17.8059 16.4121C19.0203 14.894 19.7465 12.9684 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z",fill:"#595959"})),rightSection:d.createElement(d.Fragment,null),zIndex:500,searchable:!0,withinPortal:!0,onChange:e=>onValueChange(e),value:[]}),L&&L.length>0&&d.createElement(HistorySection,{history:L,onDelete:e=>{let t={trending:C,recently:w,interested:T,default:E},n=t[e.template]||t.default;n(t=>{let n=[...t],a=n.findIndex(t=>t.catId===e.catId);return n.splice(a,1),n})}})),d.createElement(m.x,{sx:e=>({position:"relative",height:(0,u.h)(175),[e.fn.largerThan("sm")]:{height:(0,u.h)(190)}})},d.createElement(m.x,{sx:{position:"absolute",top:0,right:0,left:0}},d.createElement(TrendingCarousel,{topics:((null==O?void 0:O.trending)||[]).map(e=>Object.assign(Object.assign({},e),{template:"trending"})),selectedTopics:f,onTopicChange:C,isBlock:N,labelProps:i}))),d.createElement(RecentlyViewedSection,{topics:((null==O?void 0:O.recently)||[]).map(e=>Object.assign(Object.assign({},e),{template:"recently"})),selectedTopics:y,onTopicChange:w,isBlock:N,labelProps:i}),d.createElement(TopicSection,{labelProps:i,topicsGroup:[{label:p("pnTopicSection.ppAlsoInterested"),topics:((null==O?void 0:O.interested)||[]).map(e=>Object.assign(Object.assign({},e),{template:"interested"}))}],selectedTopics:S,onTopicChange:T,isBlock:N}))},MoreTopics=()=>{let{t:e}=(0,A.u)(),{action:{pushNotifications:t}}=(0,d.useContext)(k.T),{prevStep:n,formValues:a,submitLoading:i,onSubmit:l,selectCategory:r,maxSelectCategory:o,setSelectCategory:s,currentUrl:c,isLoggedIn:p}=(0,d.useContext)(ed);return d.createElement(Layout,{heading:e("newsletter.topic.title"),type:"always",styles:{root:{paddingRight:(0,u.h)(25)}},stickyActions:d.createElement(d.Fragment,null,d.createElement(_.B,{fullWidth:!0,variant:"secondary",dataEventCategory:"Newsletter",dataEventAction:"Back Click",dataEventLabel:c,onClick:n},e("healthToolPNModal.back")),d.createElement(_.B,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Next Click",dataEventLabel:c,onClick:()=>{if(0===r.length)return t({type:"danger",title:e("newsletter.error.minTitle"),message:e("newsletter.error.minCotennt")}),!1;null==l||l(a.name)},loading:i},e("healthToolPNModal.next")))},d.createElement(PremiumTopicSelect,{isLoggedIn:p,maxSelect:o,values:a.fitnessTopics,onChange:s,labelProps:{size:"s5",sx:{textTransform:"uppercase"}}}))},Result=()=>{let{t:e}=(0,A.u)(),{close:t,selectCategory:n,onRegisterSuccess:a,currentUrl:i,finishLabelOnResult:l,disclaimerText:r}=(0,d.useContext)(ed);return(0,d.useEffect)(()=>()=>{setTimeout(()=>{null==a||a()},400)},[]),d.createElement(Layout,{heading:e("healthToolPNModal.heading"),stickyActions:d.createElement(_.B,{fullWidth:!0,sx:{maxWidth:(0,u.h)(300)},dataEventCategory:"Newsletter",dataEventAction:"Continue Reading Click",dataEventLabel:i,onClick:()=>{t()}},l||e("healthToolPNModal.finish"))},d.createElement(h.K,null,d.createElement(b.k,{gap:(0,u.h)(8),sx:e=>({background:e.colors.green[0],border:`1px solid ${e.colors.green[1]}`,borderRadius:(0,u.h)(8),padding:(0,u.h)(8)})},d.createElement(m.x,null,d.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},d.createElement("path",{d:"M9.99984 18.3334C14.6022 18.3334 18.3332 14.6025 18.3332 10.0001C18.3332 5.39771 14.6022 1.66675 9.99984 1.66675C5.39746 1.66675 1.6665 5.39771 1.6665 10.0001C1.6665 14.6025 5.39746 18.3334 9.99984 18.3334Z",fill:"#00B16A"}),d.createElement("path",{d:"M9.58558 12.6674C9.22944 12.668 8.87668 12.5983 8.54752 12.4623C8.21835 12.3264 7.91925 12.1268 7.66732 11.8751L6.68587 10.8931C6.55607 10.7587 6.48424 10.5787 6.48587 10.3919C6.48749 10.2051 6.56243 10.0263 6.69455 9.89422C6.82667 9.7621 7.00539 9.68716 7.19222 9.68554C7.37906 9.68391 7.55906 9.75574 7.69345 9.88554L8.67491 10.8675C8.79344 10.986 8.93415 11.08 9.08902 11.1442C9.24389 11.2083 9.40987 11.2413 9.5775 11.2413C9.74513 11.2413 9.91111 11.2083 10.066 11.1442C10.2208 11.08 10.3616 10.986 10.4801 10.8675L16.7033 5.24335C16.8443 5.12184 17.0272 5.06032 17.213 5.07195C17.3987 5.08358 17.5726 5.16744 17.6973 5.30558C17.8221 5.44373 17.8878 5.6252 17.8805 5.81118C17.8731 5.99717 17.7933 6.17291 17.6581 6.30081L11.4592 11.8998C11.2128 12.1448 10.9205 12.3387 10.5989 12.4705C10.2774 12.6022 9.93304 12.6692 9.58558 12.6674Z",fill:"white"}))),d.createElement(H.T,{size:"p3"},r||e("pnModal.disclaimer"))),d.createElement($.H,{tag:"h5"},e("healthToolPNModal.yourPre")),n.length>0&&d.createElement(TopicSection,{topicsGroup:[{label:"",topics:n}],selectedTopics:n,readonly:!0})))},PremiumNewsletterModal=({isMobile:e,isLoggedIn:t,pnSuggestCategory:n=[],acquisitionInfo:a,currentUrl:i,opened:l,close:r,finishLabelOnResult:o,onRegisterSuccess:s,disclaimerText:c})=>{let{t:u,locale:p}=(0,A.u)(),{action:{pushNotifications:g}}=(0,d.useContext)(k.T),m=S.C.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),h=S.C.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),[b,v]=(0,d.useState)([]),[E,f]=(0,d.useState)([]),[C,y]=(0,d.useState)(0),[x,O]=(0,d.useState)({name:"",fitnessTopics:[]}),[B,j]=(0,d.useState)(!1),lastStep=()=>y(2),P=(0,d.useCallback)(e=>(0,I.a)(void 0,void 0,void 0,function*(){try{j(!0),yield(0,k.e)((0,k.h)(eo.POST_SUBSCRIPTION,{website_url:(0,k.i)(p)}),"post",{headers:{"Content-Type":"application/json"},method:"POST",data:{ga_client_id:Y.Z.get(T.G),client_ip:window.clientIP||"",user_info:Object.assign(Object.assign({},a.userInfo),{name:e||x.name,type_subscription:1}),domain:U.v[p||en.L.Vietnam],category:E,perferred:a.preferredTopics.map(({id:e})=>({id:e}))}}),j(!1),yield(0,k.e)((0,k.j)(ec.UPDATE_SUBSCRIPTION),"post",{headers:{"Content-Type":"application/json"},method:"PUT",data:{subscription:1}}),lastStep()}catch(e){console.log({err:e}),j(!1),g({title:u("notification.comment.somethingWrong"),message:"",type:"danger"})}}),[x,E]);return(0,d.useEffect)(()=>{[m,h].forEach(e=>{let t=new Image;t.src=e})},[]),d.createElement(ed.Provider,{value:{currentUrl:i,isMobile:e,isLoggedIn:t,opened:l,close:r,pnSuggestCategory:n,nextStep:()=>y(e=>e<3?e+1:e),prevStep:()=>y(e=>e>0?e-1:e),lastStep,categoryLibs:b,setCategoryLibs:v,selectCategory:E,setSelectCategory:f,formValues:x,setFormValues:O,maxSelectCategory:5,submitLoading:B,onSubmit:P,onRegisterSuccess:s,finishLabelOnResult:o,disclaimerText:c}},d.createElement(SideBannerModal,{isMobile:e,desktopBanner:S.C.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),mobileBanner:S.C.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),modalRatio:{width:960,height:588},desktopBannerRatio:{width:384,height:588},opened:l,onClose:r,zIndex:305,closeProps:{dataEventCategory:"Newsletter",dataEventAction:"Close Click",dataEventLabel:i}},d.createElement(w.v,{active:C,onStepClick:y,styles:{root:{height:"100%"},content:{padding:0,height:"100%",width:"100%"},steps:{display:"none"}}},d.createElement(w.v.Step,null,d.createElement(MainForm,null)),d.createElement(w.v.Step,null,d.createElement(MoreTopics,null)),d.createElement(w.v.Step,null,d.createElement(Result,null)))))},SurveyBanner=()=>{let{locale:e}=(0,A.u)(),{isMobile:t,isLoggedIn:n,currentUrl:a,acquisitionInfo:i,categoryIds:l,state:r,setState:o,settings:s,submitHandler:u,subcribeHealthStatus:p,showPNModal:g,setShowPNModal:m,setIsBack:h}=(0,d.useContext)(er),[b,v]=(0,d.useState)([]),[E,f]=(0,d.useState)(g);(0,d.useEffect)(()=>{(0,I.a)(void 0,void 0,void 0,function*(){var t,n;let a=yield(0,k.e)((0,k.h)(eo.GET_NEWSLETTER_CATEGORIES,{_locale:e}),"get"),i=(null===(t=null==a?void 0:a.data)||void 0===t?void 0:t.interested)||[],r=(null===(n=null==a?void 0:a.data)||void 0===n?void 0:n.trending)||[],o=[...i,...r];v(o.filter(e=>l.includes(Number(e.catId))))})},[]);let C=(0,d.useRef)([]);return(0,d.useEffect)(()=>{let e=(null==p?void 0:p.value)||"",t=e.split("|").filter(Boolean),n=e;C.current.push(p),t.length>1&&(null!==C.current[0]&&h(!0),Object.keys(u).map(e=>{let a=e.split("|");if(t.length===a.length){let i=0;t.map(e=>{a.includes(String(e))&&(i+=1)}),i===t.length&&(n=e)}}));let a=t.length>0?u[n]:s;o(a)},[p]),(0,d.useEffect)(()=>{f(g)},[g]),(null==r?void 0:r.action)!==c.Hide?d.createElement(d.Fragment,null,d.createElement(HandlerBanner,Object.assign({},s.props)),d.createElement(PremiumNewsletterModal,{acquisitionInfo:i,isMobile:t,isLoggedIn:n,currentUrl:a,pnSuggestCategory:b,opened:E,close:()=>{var e;f(!1),m(!1),setTimeout(()=>{var e;(null===(e=r.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&o({action:c.Hide})},400),(null===(e=r.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&o({action:c.Hide})},onRegisterSuccess:()=>f(!1)})):null},SurveyOrPremiumBanner=({type:e,articleId:t=0,categoryIds:n=[],isMarketing:a,isSurveyType:i,hasPremiumBanner:l,currentUrl:r,isMobile:o,subcribeHealthStatus:s,setShouldAcquisitionModalOpen:u,onValueChange:p,source:g="discover",Wrapper:h})=>{let{t:b}=(0,A.u)(),{data:{userInfo:v}}=(0,d.useContext)(k.T),E=!!(null==v?void 0:v.id),[f,C]=(0,d.useState)(null),[y,x]=(0,d.useState)(),[w,S]=(0,d.useState)(""),[T,O]=(0,d.useState)(!1),[B,I]=(0,d.useState)(!1),j=(0,d.useMemo)(()=>ei[e],[]),P=FLOW(b,r)[j],L=null==P?void 0:P.submitHandler,getMappingMultiValue=e=>{let t="",n=e.split("|");return 1===n.length?e:(Object.keys(L).map(e=>{let a=e.split("|");if(n.length===a.length){let i=0;n.map(e=>{a.includes(String(e))&&(i+=1)}),i===n.length&&(t=e)}}),t)},N=h||m.x,handleShowPNBannerFlowWhenLogin=()=>l&&(null==v?void 0:v.subscription)!==1?d.createElement(PnBannerEle,null):null;return(0,d.useEffect)(()=>{E&&C({userInfo:v,preferredTopics:ea,healthTopics:[]})},[E]),d.createElement(er.Provider,{value:{settings:P,submitHandler:L,type:e,surveyType:j,value:w,setValue:S,isMobile:o,isLoggedIn:E,isMarketing:a,hasPremiumBanner:l,currentUrl:r,acquisitionInfo:f,categoryIds:n,subcribeHealthStatus:s,articleId:t,onValueChange:p,state:y,setState:x,handleClickOption:e=>{let t=getMappingMultiValue(e);if(t){let n=L[t];n.action===c.ShowPremiumModal?l?(O(!0),x(Object.assign(Object.assign({},y),{actionParams:{hideBannerWhenClose:n.action===c.ShowPremiumModal}}))):(x({action:c.Hide}),null==p||p(e)):(x(n),null==p||p(e))}},showPNModal:T,setShowPNModal:O,source:g,Outside:N,isBack:B,setIsBack:I,minHeight:180,setShouldAcquisitionModalOpen:u}},void 0!==s?E?i&&P?(()=>{let e=L[(null==s?void 0:s.value)||""];return(null==e?void 0:e.action)===c.ShowPremiumModal?handleShowPNBannerFlowWhenLogin():d.createElement(SurveyBanner,null)})():handleShowPNBannerFlowWhenLogin():l?d.createElement(PnBannerEle,null):null:null)}},NteX:function(e,t,n){n.d(t,{c:function(){return s}});var a=Object.prototype.toString,i=/^[!#$%&'*+\-.^_`|~0-9A-Za-z]+$/,l=/^("?)[\u0021\u0023-\u002B\u002D-\u003A\u003C-\u005B\u005D-\u007E]*\1$/,r=/^([.]?[a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?)([.][a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?)*$/i,o=/^[\u0020-\u003A\u003D-\u007E]*$/;function startIndex(e,t,n){do{var a=e.charCodeAt(t);if(32!==a&&9!==a)return t}while(++tn;){var a=e.charCodeAt(--t);if(32!==a&&9!==a)return t+1}return n}function decode(e){return -1!==e.indexOf("%")?decodeURIComponent(e):e}var s={parse:function(e,t){if("string"!=typeof e)throw TypeError("argument str must be a string");var n={},a=e.length;if(a<2)return n;var i=t&&t.decode||decode,l=0,r=0,o=0;do{if(-1===(r=e.indexOf("=",l)))break;if(-1===(o=e.indexOf(";",l)))o=a;else if(r>o){l=e.lastIndexOf(";",r-1)+1;continue}var s=startIndex(e,l,r),c=endIndex(e,r,s),d=e.slice(s,c);if(!n.hasOwnProperty(d)){var u=startIndex(e,r+1,o),p=endIndex(e,o,u);34===e.charCodeAt(u)&&34===e.charCodeAt(p-1)&&(u++,p--);var g=e.slice(u,p);n[d]=function(e,t){try{return t(e)}catch(t){return e}}(g,i)}l=o+1}while(l