"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7730],{vGCM:function(e,t,n){n.d(t,{D:function(){return DrawerComponent},u:function(){return useDrawerDrag}});var a=n("NXpd"),r=n("q1tI"),l=n("iuhU"),i=n("rSBk"),o=n("rBCA"),s=n("47J3");let c=300,useDrawerDrag=(e=c)=>{let[t,n]=(0,r.useState)(!1),a=(0,r.useCallback)(()=>{n(!0)},[]),l=(0,r.useCallback)(()=>{setTimeout(()=>{n(!1)},e)},[e]);return{isDragging:t,handleDragStart:a,handleDragEnd:l}},m=(0,o.Z)(i.dy.Content)` position: fixed; z-index: ${s.Z-9e6+1}; inset: 0; background-color: #fff; outline: none !important; &::-webkit-scrollbar { width: 6px; height: 6px; } &::-webkit-scrollbar-track { background-color: transparent; } &::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.4); border-radius: 6px; } &[data-vaul-drawer-direction='bottom'] { border-top-left-radius: 8px; border-top-right-radius: 8px; } &[data-vaul-drawer-direction='top'] { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } &[data-vaul-drawer-direction='left'] { border-top-right-radius: 8px; border-bottom-right-radius: 8px; } &[data-vaul-drawer-direction='right'] { border-top-left-radius: 8px; border-bottom-left-radius: 8px; } ${e=>e.isDragging&&` input { caret-color: transparent; } `} `,d=(0,o.Z)(i.dy.Overlay)` position: fixed; inset: 0; z-index: ${s.Z-9e6}; width: 100%; max-height: 100%; &[data-state='open'] { opacity: 0.6 !important; } `,DrawerComponent=e=>{let{open:t,onOpenChange:n,snapPoints:o,activeSnapPoint:c,setActiveSnapPoint:u,children:g,overlayClassName:h,className:p,fadeFromIndex:b=s.Z-9e6,onClose:E}=e,v=(0,a._)(e,["open","onOpenChange","snapPoints","activeSnapPoint","setActiveSnapPoint","children","overlayClassName","className","fadeFromIndex","onClose"]),[w,f]=(0,r.useState)(t),[x,y]=(0,r.useState)(o?null==o?void 0:o[0]:null),{isDragging:C,handleDragStart:I,handleDragEnd:S}=useDrawerDrag(),k=(0,r.useCallback)(e=>{f(e),null==n||n(e)},[n]),H=(0,r.useMemo)(()=>o&&o.length?x===o[o.length-1]:w,[x,o]),T=(0,r.useMemo)(()=>{let e={open:w,onOpenChange:k,fadeFromIndex:b};return o&&(null==o?void 0:o.length)&&(e.snapPoints=o,e.activeSnapPoint=x,e.setActiveSnapPoint=e=>{y(e),null==u||u(e)}),e},[w,k,x,y,u,o,b]);return(0,r.useEffect)(()=>{f(t)},[t]),(0,r.useEffect)(()=>{y(c)},[c]),r.createElement(i.dy.Root,Object.assign({onDrag:I,onRelease:S,onClose:E},v,T),r.createElement(i.dy.Portal,null,r.createElement(d,{className:(0,l.default)(h,"drawer__overlay",{drawer__overlay_full:H})}),r.createElement(m,{isDragging:C,className:(0,l.default)(p,"drawer__content",{drawer__content_full:H})},r.createElement(i.dy.Handle,{className:"drawer__handle"}),r.createElement(i.dy.Title,{style:{display:"none"}}),g)))}},WZlQ:function(e,t,n){n.d(t,{B:function(){return BmiForm},H:function(){return N},N:function(){return NewsletterCheckbox},Q:function(){return Question1Label},a:function(){return Question2Label},b:function(){return Question2Description}});var a=n("NXpd"),r=n("q1tI"),l=n("wUmw"),i=n("Hmd+"),o=n("NnTf"),s=n("/npG"),c=n("SPK5"),m=n("Eso5"),d=n("C/sX"),u=n("iuhU"),g=n("mYVa"),h=n("OAL+"),p=n("9aQb"),b=n("VkaC"),E=n("+Hg+"),v=n("lk1G"),w=n("TJFH"),f=n("X5xi"),x=n("bmCs"),y=n("Yida"),C=n("xrdX"),I=n("mx4j");let Question1Label=e=>{var{LabelWrapper:t}=e,n=(0,a._)(e,["LabelWrapper"]);let{t:l}=(0,v.u)(),i=t?{}:Object.assign({size:"p2"},n),o=t||b.T;return r.createElement(o,Object.assign({},i),l("bmi.question.weightLossSupport"))},Question2Label=e=>{var{LabelWrapper:t}=e,n=(0,a._)(e,["LabelWrapper"]);let{t:l}=(0,v.u)(),i=t?{}:Object.assign({size:"p2"},n),o=t||b.T;return r.createElement(o,Object.assign({},i),l("bmi.question.glp1Awareness"))},Question2Description=e=>{var{LabelWrapper:t}=e,n=(0,a._)(e,["LabelWrapper"]);let{t:l}=(0,v.u)(),i=t?{}:Object.assign({size:"p2"},n),o=t||b.T;return r.createElement(o,Object.assign({},i),l("bmi.question.glp1Awareness.desc"))},S=(0,r.createContext)({});var k=(0,s.k)(()=>({label:{marginTop:2,cursor:"pointer",userSelect:"none"}}));let NewsletterCheckbox=e=>{var{labelTextProps:t,checked:n,LabelWrapper:l,useCollapse:i=!0}=e,o=(0,a._)(e,["labelTextProps","checked","LabelWrapper","useCollapse"]);let{t:s}=(0,v.u)(),[d,u]=(0,r.useState)(!i),[g,h]=(0,r.useState)(!0),[E,w]=(0,r.useState)(n),f=l?{}:Object.assign({size:"p3"},t),x=l||b.T,{classes:y}=k(void 0,{name:"NewsletterCheckbox"});return r.createElement(c.k,{gap:8,align:"flex-start"},r.createElement(p.d,Object.assign({},o,{label:void 0,size:"sm",checked:E,onChange:e=>{g?h(!1):w(e.currentTarget.checked)},styles:{labelWrapper:{display:"none"}}})),r.createElement(m.x,null,r.createElement(x,Object.assign({},f,{onClick:()=>{i&&u(e=>!e)},className:y.label,lineClamp:d?void 0:1}),s("bmi.newsletter.label"))))},DefaultForm=e=>{var t,n,i,o,s,g,h;let{t:b,locale:E}=(0,v.u)(),{classes:x={}}=(0,r.useContext)(f.C),{control:I,bmiGenerated:k,linkTool:H,submitProps:T,withAdditionalQuestion:W,classes:j={}}=(0,r.useContext)(S),O={body:{alignItems:"center"}};return r.createElement(w.H,Object.assign({formLayout:"default"},e),r.createElement(N,{isMobile:e.isMobile,gutter:4},r.createElement(N.Row,{px:16},r.createElement(N.Col,{span:12},r.createElement(l.Qr,{name:"gender",control:I,rules:null===(t=k.gender)||void 0===t?void 0:t.rule,render:({field:{onChange:e},fieldState:{error:t}})=>r.createElement("div",null,r.createElement(N.GenderControl,{LabelWrapper:N.Label,error:void 0,onChange:e,gap:4}),(null==t?void 0:t.message)&&r.createElement(N.Error,{label:t.message}))})),r.createElement(N.Col,{span:12},r.createElement(l.Qr,{name:"age",control:I,rules:null===(n=k.age)||void 0===n?void 0:n.rule,render:({field:{name:e,value:t,onChange:n},fieldState:{error:a}})=>r.createElement("div",null,r.createElement(N.InputNumber,{label:r.createElement(N.Label,null,b("bmi.ageInput")),placeholder:b("tools.inputPlaceholder",{content:"25"}),name:e,value:t,onChange:n,min:0,rightSection:b("bmi.ageInput.desc"),classNames:{rightSection:j.inputRightSection}}),(null==a?void 0:a.message)&&r.createElement(N.Error,{label:a.message}))})),r.createElement(N.Col,{span:12},r.createElement(l.Qr,{name:"height",control:I,rules:null===(i=k.height)||void 0===i?void 0:i.rule,render:({field:{name:e,value:t,onChange:n},fieldState:{error:a}})=>r.createElement("div",null,r.createElement(N.InputNumber,{label:r.createElement(N.Label,null,b("bmi.heightInput")),rightSection:b("bmi.heightInput.desc"),placeholder:b("tools.inputPlaceholder",{content:E===y.L.Myanmar?6:170}),name:e,value:t,onChange:n,min:0,classNames:{rightSection:j.inputRightSection}}),(null==a?void 0:a.message)&&r.createElement(N.Error,{label:a.message}))})),r.createElement(N.Col,{span:12},r.createElement(l.Qr,{name:"weight",control:I,rules:null===(o=k.weight)||void 0===o?void 0:o.rule,render:({field:{name:e,value:t,onChange:n},fieldState:{error:a}})=>r.createElement("div",null,r.createElement(N.InputNumber,{label:r.createElement(N.Label,null,b("bmi.weightInput")),rightSection:b("bmi.weightInput.desc"),placeholder:b("tools.inputPlaceholder",{content:E===y.L.Myanmar?130:60}),name:e,value:t,onChange:n,precision:1,min:0,classNames:{rightSection:j.inputRightSection}}),(null==a?void 0:a.message)&&r.createElement(N.Error,{label:a.message}))}))),W?r.createElement(r.Fragment,null,r.createElement(d.r,{gutter:4,px:16},r.createElement(N.Col,null,r.createElement(l.Qr,{name:"question1",control:I,rules:null===(s=k.question1)||void 0===s?void 0:s.rule,render:({field:{value:e,onChange:t,name:n},fieldState:{error:a}})=>r.createElement("div",null,r.createElement(p.R.Group,{name:n,value:e,onChange:t,sx:{flex:1},label:r.createElement(Question1Label,{LabelWrapper:N.Label}),size:"lg"},r.createElement(c.k,{gap:"lg"},r.createElement(p.R,{size:"sm",value:"1",label:r.createElement(N.OptionLabel,null,b("switchBtn.yes")),styles:O}),r.createElement(p.R,{size:"sm",value:"0",label:r.createElement(N.OptionLabel,null,b("switchBtn.no")),styles:O}))),(null==a?void 0:a.message)&&r.createElement(N.Error,{label:a.message}))})),r.createElement(N.Col,null,r.createElement(l.Qr,{name:"question2",control:I,rules:null===(g=k.question2)||void 0===g?void 0:g.rule,render:({field:{name:e,value:t,onChange:n},fieldState:{error:a}})=>r.createElement("div",null,r.createElement(p.R.Group,{name:e,value:t,onChange:n,sx:{flex:1},label:r.createElement(Question2Label,{LabelWrapper:N.Label}),size:"lg",description:E!==y.L.Malaysia&&r.createElement(Question2Description,{LabelWrapper:N.SubLabel})},r.createElement(c.k,{gap:"lg"},r.createElement(p.R,{size:"sm",value:"1",label:r.createElement(N.OptionLabel,null,b("switchBtn.yes")),styles:O}),r.createElement(p.R,{size:"sm",value:"0",label:r.createElement(N.OptionLabel,null,b("switchBtn.no")),styles:O}))),(null==a?void 0:a.message)&&r.createElement(N.Error,{label:a.message}))}))),r.createElement(m.x,{className:(0,u.default)(j.newsletterBlock,x.newsletterBlock)},r.createElement(d.r,{gutter:8,px:16,py:12},r.createElement(N.Col,null,r.createElement(l.Qr,{name:"newsletter",control:I,rules:null===(h=k.newsletter)||void 0===h?void 0:h.rule,render:e=>{var t=e.field,{value:n,onChange:l,name:i}=t,o=(0,a._)(t,["value","onChange","name"]);return r.createElement(NewsletterCheckbox,Object.assign({size:"sm",onChange:e=>l(e.currentTarget.checked),name:i,checked:!!n},o))}})),r.createElement(N.Col,null,r.createElement(w.H.Submit,Object.assign({className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${C.v[E]}/${H}`,type:"submit",fullWidth:!0},T),b("bmi.submit")))))):r.createElement(m.x,{px:16,sx:{paddingBottom:8}},r.createElement(w.H.Submit,Object.assign({className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${C.v[E]}/${H}`,type:"submit",fullWidth:!0},T),b("bmi.submit")))))};var H=(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,i,o,s,d,E,I;let{t:k,locale:H}=(0,v.u)(),{control:T,bmiGenerated:N,isTouched:W,linkTool:j,submitProps:O,withAdditionalQuestion:B}=(0,r.useContext)(S),{classes:_={},variant:L}=(0,r.useContext)(f.C),{classes:z={}}=(0,r.useContext)(S);return r.createElement(w.H,Object.assign({formLayout:"inline"},e),r.createElement(l.Qr,{name:"gender",control:T,rules:null===(t=N.gender)||void 0===t?void 0:t.rule,render:({field:{onChange:e},fieldState:{error:t}})=>r.createElement(w.H.FormRow,null,r.createElement(w.H.BorderInlineControl,{label:k("tools.selectGender"),width:"none",errorMess:W&&(null==t?void 0:t.message)},r.createElement(x.G,{type:"radio",hideLabel:!0,error:W?r.createElement(r.Fragment,null):"",onChange:e})))}),r.createElement(l.Qr,{name:"age",control:T,rules:null===(n=N.age)||void 0===n?void 0:n.rule,render:({field:{name:e,value:t,onChange:n},fieldState:{error:a}})=>r.createElement(w.H.FormRow,null,r.createElement(w.H.BorderInlineControl,{label:k("bmi.ageInput"),errorMess:W&&(null==a?void 0:a.message)},r.createElement(p.I.Number,{placeholder:k("tools.inputPlaceholder",{content:"25"}),name:e,value:t,onChange:n,error:W&&(null==a?void 0:a.message)?r.createElement(r.Fragment,null):"",min:0,rightSection:r.createElement(w.H.Unit,null,k("tools.yearsOld")),styles:()=>({rightSection:{width:"auto"}})})))}),r.createElement(l.Qr,{name:"height",control:T,rules:null===(i=N.height)||void 0===i?void 0:i.rule,render:({field:{name:e,value:t,onChange:n},fieldState:{error:a}})=>r.createElement(w.H.FormRow,null,r.createElement(w.H.BorderInlineControl,{label:k("bmi.heightInput"),errorMess:W&&(null==a?void 0:a.message)},r.createElement(p.I.Number,{placeholder:k("tools.inputPlaceholder",{content:H===y.L.Myanmar?6:170}),name:e,value:t,onChange:n,min:0,error:W&&(null==a?void 0:a.message)?r.createElement(r.Fragment,null):"",rightSection:r.createElement(w.H.Unit,null,k("bmi.heightInput.desc"))})))}),r.createElement(l.Qr,{name:"weight",control:T,rules:null===(o=N.weight)||void 0===o?void 0:o.rule,render:({field:{name:e,value:t,onChange:n},fieldState:{error:a}})=>r.createElement(w.H.FormRow,null,r.createElement(w.H.BorderInlineControl,{label:k("bmi.weightInput"),errorMess:W&&(null==a?void 0:a.message)},r.createElement(p.I.Number,{placeholder:k("tools.inputPlaceholder",{content:H===y.L.Myanmar?130:60}),name:e,value:t,onChange:n,error:W&&(null==a?void 0:a.message)?r.createElement(r.Fragment,null):"",precision:1,min:0,rightSection:r.createElement(w.H.Unit,null,k("bmi.weightInput.desc"))})))}),B?r.createElement(r.Fragment,null,r.createElement(l.Qr,{name:"question1",control:T,rules:null===(s=N.question1)||void 0===s?void 0:s.rule,render:({field:{value:e,onChange:t,name:n},fieldState:{error:a}})=>r.createElement(w.H.FormRow,null,r.createElement(p.R.Group,{name:n,value:e,onChange:t,sx:{flex:1},label:r.createElement(b.T,{size:"s4",weight:"semiBold",span:!0},k("bmi.question.weightLossSupport")),size:"lg"},r.createElement(c.k,{gap:"lg",sx:{paddingTop:(0,g.h)(8)}},r.createElement(p.R,{size:"sm",value:"1",label:k("switchBtn.yes")}),r.createElement(p.R,{size:"sm",value:"0",label:k("switchBtn.no")}))),W&&(null==a?void 0:a.message)&&r.createElement(p.e,{label:a.message,textProps:{size:"p4"},sx:{marginTop:6}}))}),r.createElement(l.Qr,{name:"question2",control:T,rules:null===(d=N.question2)||void 0===d?void 0:d.rule,render:({field:{name:e,value:t,onChange:n},fieldState:{error:a}})=>r.createElement(w.H.FormRow,null,r.createElement(p.R.Group,{name:e,value:t,onChange:n,sx:{flex:1},label:r.createElement(b.T,{size:"s4",weight:"semiBold",span:!0},k("bmi.question.glp1Awareness")),size:"lg",description:H!==y.L.Malaysia&&r.createElement(b.T,{style:{fontSize:"10px"},span:!0},k("bmi.question.glp1Awareness.desc"))},r.createElement(c.k,{gap:"lg",sx:{paddingTop:(0,g.h)(8)}},r.createElement(p.R,{size:"sm",value:"1",label:k("switchBtn.yes")}),r.createElement(p.R,{size:"sm",value:"0",label:k("switchBtn.no")}))),W&&(null==a?void 0:a.message)&&r.createElement(p.e,{label:a.message,textProps:{size:"p4"},sx:{marginTop:6}}))}),"gray"===L||"violet"===L?r.createElement(r.Fragment,null,r.createElement(l.Qr,{name:"newsletter",control:T,rules:null===(E=N.newsletter)||void 0===E?void 0:E.rule,render:e=>{var t=e.field,{value:n,onChange:l,name:i}=t,o=(0,a._)(t,["value","onChange","name"]);return r.createElement(w.H.FormRow,null,r.createElement(p.d,Object.assign({size:"sm",label:r.createElement(b.T,{size:"p3"},k("bmi.newsletter.label")),onChange:e=>l(e.currentTarget.checked),name:i,checked:!!n},o)))}}),r.createElement(w.H.FormRow,{className:(0,u.default)(_.submitWrapper)},r.createElement(w.H.Submit,Object.assign({className:(0,u.default)("bmi-btn bmi--btn-submit",_.submitBtn),dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${C.v[H]}/${j}`,type:"submit"},O),k("bmi.submit")))):r.createElement(w.H.FormRow,{py:16,className:(0,u.default)(z.newsletterBlock,_.newsletterBlock)},r.createElement(h.K,{spacing:16},r.createElement(l.Qr,{name:"newsletter",control:T,rules:null===(I=N.newsletter)||void 0===I?void 0:I.rule,render:e=>{var t=e.field,{value:n,onChange:l,name:i}=t,o=(0,a._)(t,["value","onChange","name"]);return r.createElement(NewsletterCheckbox,Object.assign({size:"sm",labelTextProps:{size:"p4"},onChange:e=>l(e.currentTarget.checked),name:i,checked:!!n,useCollapse:!1},o))}}),r.createElement(m.x,{className:(0,u.default)(_.submitWrapper)},r.createElement(w.H.Submit,Object.assign({className:(0,u.default)("bmi-btn bmi--btn-submit",_.submitBtn),dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${C.v[H]}/${j}`,type:"submit"},O),k("bmi.submit")))))):r.createElement(w.H.FormRow,{className:(0,u.default)(_.submitWrapper)},r.createElement(w.H.Submit,Object.assign({className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${C.v[H]}/${j}`,type:"submit"},O),k("bmi.submit"))))},BmiForm=e=>{var{value:t,onChange:n,onSubmit:s,bmiGenerated:c,bmiUnit:m,formLayout:d="default",submitProps:u,withAdditionalQuestion:g,isMobile:h}=e,p=(0,a._)(e,["value","onChange","onSubmit","bmiGenerated","bmiUnit","formLayout","submitProps","withAdditionalQuestion","isMobile"]);let{classes:b}=H(void 0,{name:"BmiForm"}),[w,f]=(0,r.useState)(!1),{control:x,handleSubmit:y,setValue:C,watch:k}=(0,l.cI)({defaultValues:{question1:void 0,question2:void 0,newsletter:!0}}),T=k(),{locale:N}=(0,v.u)(),{getHealthToolLink:W}=(0,i.u)(N),j=(0,r.useMemo)(()=>W(o.H.OVULATION),[W]),onInValid=()=>{f(!0)};(0,r.useEffect)(()=>{Object.keys(t||{}).forEach(e=>{C(e,null==t?void 0:t[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})})},[t]),(0,r.useEffect)(()=>{n&&n(T)},[T]);let O=Object.assign({onSubmit:y(e=>(0,a.a)(void 0,void 0,void 0,function*(){let t=m.heightConvert(e.height),n=m.weightConvert(e.weight),a=Object.assign(Object.assign({},e),{height:t,weight:n,bmi:(0,I.F)({height:t,weight:n})});onInValid(),s&&s(a)}),onInValid)},p);return r.createElement(E.T,{variant:E.C.LEADGEN},r.createElement(S.Provider,{value:{control:x,bmiGenerated:c,isTouched:w,linkTool:j,submitProps:u,withAdditionalQuestion:g,classes:b}},"inline"===d?r.createElement(InlineForm,Object.assign({},O)):r.createElement(DefaultForm,Object.assign({},O,{isMobile:h}))))},T=(0,r.createContext)({}),Error=e=>{let{errorLabelSize:t}=(0,r.useContext)(T);return r.createElement(p.e,Object.assign({textProps:{size:t},sx:{marginTop:5}},e))};var N=Object.assign(e=>{var t,n,l,i,o,s,{children:c,isMobile:m}=e,d=(0,a._)(e,["children","isMobile"]);let u=Object.assign({isMobile:m,labelSize:null!==(t=d.labelSize)&&void 0!==t?t:m?"p2":"s4",subLabelSize:null!==(n=d.subLabelSize)&&void 0!==n?n:"subText",optionLabelSize:null!==(l=d.optionLabelSize)&&void 0!==l?l:m?"p2":"s4",inputSize:null!==(i=d.inputSize)&&void 0!==i?i:m?"sm":"md",gutter:null!==(o=d.gutter)&&void 0!==o?o:m?4:12,errorLabelSize:null!==(s=d.errorLabelSize)&&void 0!==s?s:"p3"},d);return r.createElement(T.Provider,{value:u},c)},{Row:e=>{var{children:t}=e,n=(0,a._)(e,["children"]);let{gutter:l}=(0,r.useContext)(T);return r.createElement(d.r,Object.assign({gutter:l},n),t)},Col:e=>{var{children:t}=e,n=(0,a._)(e,["children"]);return r.createElement(d.r.Col,Object.assign({span:12},n),t)},SubLabel:e=>{var{children:t}=e,n=(0,a._)(e,["children"]);let{subLabelSize:l}=(0,r.useContext)(T);return r.createElement(b.T,Object.assign({size:l},n),t)},Label:e=>{var{children:t}=e,n=(0,a._)(e,["children"]);let{labelSize:l}=(0,r.useContext)(T);return r.createElement(b.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,r.useContext)(T);return r.createElement(b.T,Object.assign({size:l,weight:"regular"},n,{span:!0}),t)},Input:p.I,InputNumber:e=>{var{error:t}=e,n=(0,a._)(e,["error"]);let{inputSize:l}=(0,r.useContext)(T);return r.createElement("div",null,r.createElement(p.I.Number,Object.assign({size:l},n)),t&&r.createElement(Error,{label:t}))},GenderControl:e=>{let{inputSize:t}=(0,r.useContext)(T);return r.createElement(x.G,Object.assign({size:t},e))},Error})},Qj2v:function(e,t,n){n.d(t,{P:function(){return PWGForm}});var a=n("NXpd"),r=n("q1tI"),l=n("8vDj"),i=n("iuhU"),o=n("cChf"),s=n("ZFu2"),c=n("Hmd+"),m=n("lk1G"),d=n("NnTf"),u=n("9aQb"),g=n("VkaC"),h=n("X5xi"),p=n("TJFH"),b=n("z+xM"),E=n("xrdX");let v=(0,r.createContext)({}),DefaultForm=e=>{var t=(0,a._)(e,[]);let{t:n,locale:o}=(0,m.u)(),{linkTool:s,form:c,submitProps:d}=(0,r.useContext)(v),{classes:w={}}=(0,r.useContext)(h.C),f=(0,l.rZ)(),x="mb"===f.other.template;return r.createElement(p.H,Object.assign({formLayout:"default"},t),r.createElement(p.H.FormRow,null,r.createElement(u.I.Number,Object.assign({label:r.createElement(g.T,{size:"p2",weight:"semiBold"},n("pregnancyWeightGain.weekInput")),min:b.I.pregnantWeek.min,max:b.I.pregnantWeek.max,placeholder:`${b.I.pregnantWeek.min} - ${b.I.pregnantWeek.max}`},c.getInputProps("pregnantWeek")))),r.createElement(p.H.FormRow,null,r.createElement(u.I.Number,Object.assign({label:r.createElement(g.T,{size:"p2",weight:"semiBold"},n("pregnancyWeightGain.weightBeforeInput")),min:b.I.weight.min,max:b.I.weight.max,placeholder:n("tools.inputPlaceholder",{content:"50"})},c.getInputProps("lastWeight")))),r.createElement(p.H.FormRow,null,r.createElement(u.I.Number,Object.assign({label:r.createElement(g.T,{size:"p2",weight:"semiBold"},n("pregnancyWeightGain.heightInput")),min:b.I.height.min,max:b.I.height.max,placeholder:n("tools.inputPlaceholder",{content:"160"})},c.getInputProps("height")))),r.createElement(p.H.FormRow,null,r.createElement(u.I.Number,Object.assign({label:r.createElement(g.T,{size:"p2",weight:"semiBold"},n("pregnancyWeightGain.weightInput")),min:b.I.weight.min,max:b.I.weight.max,placeholder:n("tools.inputPlaceholder",{content:"50"})},c.getInputProps("weight")))),r.createElement(p.H.FormRow,null,r.createElement(p.H.Switching,Object.assign({label:r.createElement(g.T,{size:"p2",weight:"semiBold"},n("pregnancyWeightGain.havingTwins"))},c.getInputProps("hasTwin")))),r.createElement(p.H.FormRow,{className:w.submitWrapper},r.createElement(p.H.Submit,Object.assign({type:"submit",dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${E.v[x?"vi-VN_MB":o]}/${s}`,className:(0,i.default)("due-date-calculate-button",w.submitBtn)},d),n("dueDatePage.lastPeriod.calculate"))))},InlineForm=e=>{var t=(0,a._)(e,[]);let{t:n,locale:o}=(0,m.u)(),{classes:s={}}=(0,r.useContext)(h.C),{linkTool:c,form:d,submitProps:g}=(0,r.useContext)(v),w=(0,l.rZ)(),f="mb"===w.other.template;return r.createElement(p.H,Object.assign({formLayout:"inline"},t),r.createElement(p.H.FormRow,null,r.createElement(p.H.BorderInlineControl,{label:n("pregnancyWeightGain.weekInput")},r.createElement(u.I.Number,Object.assign({min:b.I.pregnantWeek.min,max:b.I.pregnantWeek.max,placeholder:`${b.I.pregnantWeek.min} - ${b.I.pregnantWeek.max}`,rightSection:r.createElement(p.H.Unit,null,n("pwgForm.week"))},d.getInputProps("pregnantWeek"))))),r.createElement(p.H.FormRow,null,r.createElement(p.H.BorderInlineControl,{label:n("pregnancyWeightGain.weightBeforeInput")},r.createElement(u.I.Number,Object.assign({},d.getInputProps("lastWeight"),{min:b.I.weight.min,max:b.I.weight.max,placeholder:n("tools.inputPlaceholder",{content:"50"}),rightSection:r.createElement(p.H.Unit,null,n("babyGrowth.kg"))})))),r.createElement(p.H.FormRow,null,r.createElement(p.H.BorderInlineControl,{label:n("pregnancyWeightGain.heightInput")},r.createElement(u.I.Number,Object.assign({},d.getInputProps("height"),{min:b.I.height.min,max:b.I.height.max,placeholder:n("tools.inputPlaceholder",{content:"160"}),rightSection:r.createElement(p.H.Unit,null,n("babyGrowth.cm"))})))),r.createElement(p.H.FormRow,null,r.createElement(p.H.BorderInlineControl,{label:n("pregnancyWeightGain.weightInput")},r.createElement(u.I.Number,Object.assign({},d.getInputProps("weight"),{min:b.I.weight.min,max:b.I.weight.max,placeholder:n("tools.inputPlaceholder",{content:"50"}),rightSection:r.createElement(p.H.Unit,null,n("babyGrowth.kg"))})))),r.createElement(p.H.FormRow,null,r.createElement(p.H.BorderInlineControl,{label:n("pregnancyWeightGain.havingTwins"),width:"none"},r.createElement(p.H.Switching,Object.assign({},d.getInputProps("hasTwin"))))),r.createElement(p.H.FormRow,{className:s.submitWrapper},r.createElement(p.H.Submit,Object.assign({type:"submit",dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${E.v[f?"vi-VN_MB":o]}/${c}`,className:(0,i.default)("due-date-calculate-button",s.submitBtn)},g),n("dueDatePage.lastPeriod.calculate"))))},MbLayout=e=>{var t=(0,a._)(e,[]);let{t:n,locale:i}=(0,m.u)(),{linkTool:o,form:s,submitProps:c}=(0,r.useContext)(v),d=(0,l.rZ)(),g="mb"===d.other.template;return r.createElement(p.H,Object.assign({formLayout:"inline"},t),r.createElement(p.H.FormRow,null,r.createElement(p.H.BorderBoxControl,{label:n("pregnancyWeightGain.weekInput"),rightSection:n("pregnancy.week")},r.createElement(u.I.Number,Object.assign({min:b.I.pregnantWeek.min,max:b.I.pregnantWeek.max,placeholder:`${b.I.pregnantWeek.min} - ${b.I.pregnantWeek.max}`},s.getInputProps("pregnantWeek")))),s.errors.pregnantWeek&&r.createElement(p.H.Error,null,s.errors.pregnantWeek)),r.createElement(p.H.FormRow,null,r.createElement(p.H.BorderBoxControl,{label:n("pregnancyWeightGain.weightBeforeInput"),rightSection:"kg"},r.createElement(u.I.Number,Object.assign({min:b.I.weight.min,max:b.I.weight.max},s.getInputProps("lastWeight"),{placeholder:n("tools.inputPlaceholder",{content:"50"})}))),s.errors.lastWeight&&r.createElement(p.H.Error,null,s.errors.lastWeight)),r.createElement(p.H.FormRow,null,r.createElement(p.H.BorderBoxControl,{label:n("pregnancyWeightGain.heightInput"),rightSection:"cm"},r.createElement(u.I.Number,Object.assign({min:b.I.height.min,max:b.I.height.max},s.getInputProps("height"),{placeholder:n("tools.inputPlaceholder",{content:"160"})}))),s.errors.height&&r.createElement(p.H.Error,null,s.errors.height)),r.createElement(p.H.FormRow,null,r.createElement(p.H.BorderBoxControl,{label:n("pregnancyWeightGain.weightInput"),rightSection:"kg"},r.createElement(u.I.Number,Object.assign({min:b.I.weight.min,max:b.I.weight.max},s.getInputProps("weight"),{placeholder:n("tools.inputPlaceholder",{content:"50"})}))),s.errors.weight&&r.createElement(p.H.Error,null,s.errors.weight)),r.createElement(p.H.Switching,Object.assign({label:n("pregnancyWeightGain.havingTwins")},s.getInputProps("hasTwin"))),r.createElement(p.H.Submit,Object.assign({type:"submit",dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${E.v[g?"vi-VN_MB":i]}/${o}`,className:"due-date-calculate-button"},c),n("dueDatePage.lastPeriod.calculate")))},PWGForm=e=>{var{formLayout:t="default",submitProps:n,onSubmit:i}=e,u=(0,a._)(e,["formLayout","submitProps","onSubmit"]);let{t:g,locale:h}=(0,m.u)(),p=(0,l.rZ)(),b="mb"===p.other.template,E=(0,o.c)({validate:{pregnantWeek:(0,s.U)(g("validation.error.requiredField")),height:(0,s.U)(g("validation.error.requiredField")),weight:(e,t)=>e?Number(e)>=Number(t.lastWeight)?null:g("pregnancyWeightGain.weightInput.error"):g("validation.error.requiredField"),lastWeight:(e,t)=>e?Number(e)w(d.H.PWG),[w]),x=Object.assign({onSubmit:E.onSubmit(i)},u);return r.createElement(v.Provider,{value:{linkTool:f,form:E,submitProps:n}},"inline"===t?r.createElement(InlineForm,Object.assign({},x)):b?r.createElement(MbLayout,Object.assign({formLayout:t},x)):r.createElement(DefaultForm,Object.assign({},x)))}},phbj:function(e,t,n){n.d(t,{i:function(){return isVideo}});let isVideo=e=>e.endsWith(".mp4")},LvgU:function(e,t,n){n.d(t,{S:function(){return r}});var a=n("2wr/");let r=a.r},zT0q:function(e,t,n){n.d(t,{M:function(){return Modal}});var a=n("q1tI"),r=n("EcpP"),l=n("i8i4"),i=n("rBCA"),o=n("tKpg"),s=n("gEnE"),c=n("iBNF");let m=(0,s.Z)(i.Z.div` position: relative; z-index: 200; background-color: ${c.r.colors.white}; border-radius: ${c.r.borderRadius}; box-shadow: 0px 8px 40px 0px #0000001a; &[data-site-type='marryBaby'] { border-radius: 16px; .hhg-modal__content { position: relative; z-index: 111; height: 100%; padding: 24px; } } .hhg-modal__content { position: relative; z-index: 111; height: 100%; padding: 16px; } .hhg-modal__video { position: relative; z-index: 111; height: 100%; background-color: none; box-shadow: none; } `,"hhgcomp-modal-modal"),d=i.Z.div` position: fixed; top: 0; left: 0; z-index: 201; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; visibility: hidden; opacity: 0; background-color: rgba(0, 0, 0, 0.6); transition: opacity 0.3s ease-in-out; .hhg-modal__close { position: absolute; top: 16px; right: 16px; cursor: pointer; img { width: 100%; height: 100%; border-radius: 50%; } } &[data-type='video'] { z-index: 1001; } &[data-open='true'] { opacity: 1; visibility: visible; } ${m.classSelector} { transition: transform 0.3s ease-in-out; } &.slideTop { ${m.classSelector} { transform: translate(0, -100vh); } &[data-open='true'] { ${m.classSelector} { transform: translate(0); } } } &.scaleUp { ${m.classSelector} { transform: scale(0.9); } &[data-open='true'] { ${m.classSelector} { transform: scale(1); } } } &[data-type='tail'] { justify-content: flex-end; ${m.classSelector} { width: 420px; height: 100%; border-radius: 0; overflow: hidden auto; } } &[data-type='form'] { ${m.classSelector} { width: 496px; height: 548px; max-height: 100%; overflow-y: auto; ${o.M.mbDown} { width: 340px; } } } &[data-type='video'] { ${m.classSelector} { height: 100%; max-height: 539px; ${o.M.mbDown} { height: 192px; width: 100%; height: 100%; border-radius: ${c.r.borderRadius}; max-height: 192px; } } } &[data-type='confirm'] { ${m.classSelector} { width: 100%; max-width: 407px; ${o.M.mbDown} { width: calc(100% - 32px); max-width: calc(100% - 32px); } } } `,u=i.Z.div` position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; align-items: center; &[data-open='false'] { display: none; } &[data-type='video'] { background-color: ${c.r.colors.secondaryDark}; } `,g="hhg-modals",getModalsRoot=()=>{let e=document.getElementById(g);return e||((e=document.createElement("div")).setAttribute("id",g),document.body.append(e)),e},cleanUpModalShow=()=>{let e=document.querySelectorAll('.hhg-modal[data-open="true"]');e.length<1&&document.body.classList.remove("hhc-modal-show")},cleanUpDisabledScroll=()=>{let e=document.querySelectorAll('.hhg-modal[data-open="true"]');e.length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},Modal=({type:e="lead",closeIcon:t,isOpen:n=!0,onClose:i,children:o,className:s="",animationType:c="scaleUp",isStaticBackdrop:g=!1,siteType:h})=>{let[p,b]=(0,a.useState)(!1),E=(0,a.useRef)(null),{width:v}=(0,r.u)();if(!E.current&&p&&(E.current=document.createElement("div")),(0,a.useEffect)(()=>(b(!0),()=>{b(!1),cleanUpModalShow(),cleanUpDisabledScroll()}),[]),(0,a.useEffect)(()=>{if(p){let e=getModalsRoot();return e.appendChild(E.current),()=>{e.removeChild(E.current)}}},[p]),(0,a.useEffect)(()=>{n?document.body.classList.add("hhc-modal-show"):cleanUpModalShow()},[n]),(0,a.useEffect)(()=>{n?(document.body.style.overflow="hidden",document.body.style.paddingRight=v+"px",document.body.classList.add("hhc-disabled-scroll")):cleanUpDisabledScroll()},[n,v]),!p)return null;let w=["hhg-modal__wrapper",s,c].filter(e=>e).join(" ");return(0,l.createPortal)(a.createElement(d,{className:w,"data-open":n,"data-type":e},!g&&a.createElement(u,{"data-open":n,onClick:i,"data-type":e}),!g&&"video"===e&&!!t&&a.createElement("div",{className:"hhg-modal__close",onClick:i},t),a.createElement(m,{className:"hhg-modal","data-open":n,"data-site-type":h},a.createElement("div",{className:"video"===e?"hhg-modal__video":"hhg-modal__content"},!!t&&"video"!==e&&a.createElement("div",{className:"hhg-modal__close",onClick:i},t),o))),E.current)}},Vmir:function(e,t,n){n.d(t,{H:function(){return HealthToolCardWrapper},T:function(){return ToolsBannerCard}});var a=n("NXpd"),r=n("q1tI"),l=n("/npG"),i=n("mYVa"),o=n("8vDj"),s=n("Eso5"),c=n("SPK5"),m=n("vaps"),d=n("TD78"),u=n("7CRU"),g=n("VkaC"),h=n("+Hg+"),p=n("lk1G"),b=n("tKpg"),E=n("X5xi");let v=(0,l.k)((e,{isRevamp:t,isPregTool:n,bannerColor:a,isMarryBaby:r})=>({wrapper:{position:"relative",width:"100%",height:"100%",display:"flex",gap:(0,i.h)(24),alignItems:"center",justifyContent:"space-between",padding:(0,i.h)(16),[e.fn.smallerThan("sm")]:{gap:(0,i.h)(12)}},container:{width:"100%",backgroundColor:a||(r?e.colors.mb[1]:n?e.colors.pink[1]:e.colors.blue[1]),position:"relative",display:"flex",gap:24,alignItems:"center",justifyContent:"space-between",padding:(0,i.h)(16),[e.fn.smallerThan("sm")]:{padding:`${(0,i.h)(12)} ${(0,i.h)(16)}`},a:{textDecoration:"none",color:"inherit"},'&[data-site="marryBaby"]':{a:{textDecoration:"underline"},[b.M.mbDown]:{paddingBottom:0}},[b.M.tdDown]:{height:"auto",".hhgcomp-toolbanner-wrapper":{".hhgcomp-toolbanner-inner":{display:"flex",alignItems:"center",[b.M.mbDown]:{justifyContent:"space-between"},".hhgcomp-toolbanner-iconcontainer":{position:"relative",right:(0,i.h)(-50),bottom:(0,i.h)(-20),width:(0,i.h)(110),minWidth:0,height:"auto",minHeight:0,alignSelf:"flex-end",marginBottom:(0,i.h)(-20),[b.M.mbDown]:{right:"unset"}}}}},".embedded-review":{gap:(0,i.h)(12),display:"flex",alignItems:"center"},".embedded-review__avatar":{position:"relative",minWidth:(0,i.h)(32),img:{width:(0,i.h)(32),height:(0,i.h)(32),display:"block",borderRadius:"100%"},svg:{bottom:0,right:0,position:"absolute"}}},headingWrapper:{display:"flex",flexDirection:"column",gap:t?(0,i.h)(8):0,[e.fn.smallerThan("sm")]:{gap:4}},avatarWrapper:{position:"relative",img:{maxWidth:(0,i.h)(48),maxHeight:(0,i.h)(48)},".embedded-review__avatar":{position:"relative"}},reviewText:{a:{textDecoration:"underline",textUnderlineOffset:"2px"}},iconWrapper:{display:"flex",justifyContent:"center",alignItems:"center",width:(0,i.h)(80),height:(0,i.h)(80),borderRadius:"50%",backgroundColor:"#fff",flexShrink:0,img:{maxWidth:(0,i.h)(48),maxHeight:(0,i.h)(48)},[e.fn.smallerThan("sm")]:{width:(0,i.h)(64),height:(0,i.h)(64),img:{maxWidth:(0,i.h)(40),maxHeight:(0,i.h)(40)}}},heading:{},disclaimerIcon:{flexShrink:0}})),ToolsBannerCard=e=>{var{className:t,classNames:n,heading:l,bannerColor:i,medicalReview:m={link:"#",reviewer:"",date:""},icon:h,style:b,isPregTool:E,isRevamp:w,disclaimer:f,styles:x}=e,y=(0,a._)(e,["className","classNames","heading","bannerColor","medicalReview","icon","style","isPregTool","isRevamp","disclaimer","styles"]);let{t:C}=(0,p.u)(),I=(0,o.rZ)(),S="mb"===I.other.template,k=S?"marryBaby":"helloSites",{classes:H,cx:T}=v({isRevamp:w,isPregTool:E,bannerColor:i,isMarryBaby:S},{name:"ToolsBannerCard",styles:x,classNames:n}),N=(null==m?void 0:m.reviewer)?r.createElement(g.T,{size:"label2",as:"div",className:H.reviewText},m.avatar&&r.createElement("div",{className:"embedded-review__avatar"},r.createElement(s.x,{className:H.avatarWrapper},r.createElement("img",{src:m.avatar,alt:m.reviewer,loading:"lazy"}),r.createElement(u.Z,{size:14}))),r.createElement("div",{dangerouslySetInnerHTML:{__html:C("toolPage.toolReviewer",{expert_name:`${m.reviewer.trim()}`,date:m.date})}})):null;return r.createElement(s.x,Object.assign({className:T(t,H.container),style:b,"data-site":k},y),r.createElement(c.k,{className:H.headingWrapper},r.createElement(g.T,{className:T(H.heading,"heading"),size:"h4",as:"h2"},l),N&&r.createElement(g.T,{size:"n1"},N),f&&r.createElement(c.k,{gap:4},r.createElement(d.Z,{size:16,color:I.colors.yellow[8],className:H.disclaimerIcon}),r.createElement(g.T,{size:"c1",variant:"secondary"},f))),r.createElement(c.k,{className:H.iconWrapper},h))};var w=(0,l.k)(()=>({root:{borderTopLeftRadius:"inherit",borderTopRightRadius:"inherit"}})),f=(0,l.k)(e=>({root:{paddingTop:16,borderRadius:"inherit",[e.fn.smallerThan("sm")]:{paddingTop:8}}})),x=(0,l.k)((e,{isPregTool:t,variant:n})=>{let a="mb"===e.other.template;return{root:Object.assign(Object.assign(Object.assign({display:"flex",flexDirection:"column",borderRadius:(0,i.h)(a?16:8)},"default"===n&&{backgroundColor:"#fff",border:`1px solid ${a?e.colors.mb[2]:t?e.colors.pink[1]:e.colors.blue[2]}`}),"gray"===n&&{backgroundColor:e.colors.neutral[0]}),"violet"===n&&{backgroundColor:e.colors.violet[0]}),submitBtn:{},bodyWrapper:{},scrollAreaWrapper:{},bannerWrapper:Object.assign(Object.assign({},"gray"===n&&{backgroundColor:"transparent",padding:`${(0,i.h)(16)} ${(0,i.h)(16)} 0`}),"violet"===n&&{backgroundColor:"transparent",padding:`${(0,i.h)(16)} ${(0,i.h)(16)} 0`}),bannerHeading:Object.assign({},("gray"===n||"violet"===n)&&{fontSize:(0,i.h)(20),lineHeight:(0,i.h)(28),fontWeight:h.F.semiBold,[e.fn.smallerThan("sm")]:{fontSize:(0,i.h)(17),lineHeight:(0,i.h)(24)}}),bannerReviewText:Object.assign({},("gray"===n||"violet"===n)&&{fontSize:(0,i.h)(14),lineHeight:(0,i.h)(22),[e.fn.smallerThan("sm")]:{fontSize:(0,i.h)(12),lineHeight:(0,i.h)(18)}}),submitWrapper:Object.assign(Object.assign({[e.fn.smallerThan("sm")]:{button:{width:"100%"}},[e.fn.largerThan("sm")]:{textAlign:"right"}},"gray"===n&&{backgroundColor:e.colors.neutral[0],button:{marginTop:10}}),"violet"===n&&{backgroundColor:e.colors.violet[0],button:{marginTop:10}}),newsletterBlock:Object.assign(Object.assign({},"gray"===n&&{backgroundColor:e.colors.neutral[0]}),"violet"===n&&{backgroundColor:e.colors.violet[0]})}});let HealthToolCardWrapper=e=>{var{children:t,styles:n,classNames:l,className:i,isPregTool:o,variant:c="default",hasBodyScroll:m}=e,d=(0,a._)(e,["children","styles","classNames","className","isPregTool","variant","hasBodyScroll"]);let{classes:u,cx:g}=x({isPregTool:o,variant:c},{name:"HealthToolCardWrapper",styles:n,classNames:l});return r.createElement(h.T,{variant:h.C.LEADGEN},r.createElement(E.C.Provider,{value:{isPregTool:o,classes:u,variant:c,hasBodyScroll:m}},r.createElement(s.x,Object.assign({className:g(i,u.root)},d),t)))};HealthToolCardWrapper.Body=e=>{var{children:t,className:n,styles:l,classNames:i}=e,o=(0,a._)(e,["children","className","styles","classNames"]);let{classes:c,hasBodyScroll:d}=(0,r.useContext)(E.C),{classes:u,cx:g}=f(void 0,{name:"HealthToolCardWrapper__Body",styles:l,classNames:i});return r.createElement(s.x,Object.assign({className:g(n,u.root,c.bodyWrapper)},o),d?r.createElement(m.x,{h:"100%",type:"auto",scrollbarSize:8,className:c.scrollAreaWrapper},t):t)},HealthToolCardWrapper.Banner=e=>{var{className:t,classNames:n,styles:l}=e,i=(0,a._)(e,["className","classNames","styles"]);let{classes:o}=(0,r.useContext)(E.C),{isPregTool:s}=(0,r.useContext)(E.C),{classes:c,cx:m}=w(void 0,{name:"HealthToolCardWrapper__Banner",classNames:n,styles:l});return r.createElement(ToolsBannerCard,Object.assign({isPregTool:s,classNames:{container:o.bannerWrapper,heading:o.bannerHeading,reviewText:o.bannerReviewText},className:m(t,c.root)},i))}}}]);