"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7730],{PBoO:function(e,t,a){a.d(t,{M:function(){return Modal}});var r=a("ubET"),n=a("q1tI"),l=a("h8tX"),o=a("Vpjh");let Modal=e=>{var{styles:t,classNames:a,transitionProps:i}=e,s=(0,r.a)(e,["styles","classNames","transitionProps"]);let{classes:c}=(0,o.u)(void 0,{name:"Modal",styles:t,classNames:a});return n.createElement(l.u,Object.assign({centered:!0,classNames:c,transitionProps:Object.assign({transition:"fade"},i),trapFocus:!1},s))}},krdG:function(e,t,a){a.d(t,{B:function(){return p}});var r=a("ubET"),n=a("q1tI"),l=a("/npG"),o=a("HC7W"),i=a("8vDj"),s=a("mAfZ"),c=a("pOkR"),u=a("usMy"),d=(0,l.k)((e,t)=>{var a,r,n,l,i,s;let{other:d}=e,{template:m}=d,{size:p,variant:g,skipHover:h,withColorHover:b,isError:v,isSuccess:E,color:x,gradient:y,children:f,theme:w,customStylesType:C}=t,k="mb"===m||"marryBaby"===w,I=x||(w&&k?"mb":e.primaryColor),j=I.startsWith("#"),O=j?e.fn.lighten(x,.9):(null===(r=null===(a=e.colors)||void 0===a?void 0:a[I])||void 0===r?void 0:r[0])||"",F=j?I:null===(l=null===(n=e.colors)||void 0===n?void 0:n[I])||void 0===l?void 0:l[e.fn.primaryShade()],B=j?e.fn.darken(x,.05):null===(s=null===(i=e.colors)||void 0===i?void 0:i[I])||void 0===s?void 0:s[e.fn.primaryShade()+1],H=C===u.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`},y&&Object.assign({border:0,position:"relative"},"secondary"===g&&{"&:before":{content:'""',position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"#fff",borderRadius:"inherit"}})),{"&:focus":{outline:"none"}}),H&&{borderRadius:12}),!f&&{paddingLeft:"10px",paddingRight:"10px",".mantine-Button-icon":{margin:0}}),(()=>{switch(p){case"xl":return Object.assign({height:56,fontWeight:H?u.F.halfBold:u.F.semiBold,fontSize:H?"15px":k?"14px":"16px",lineHeight:"24px"},H&&{letterSpacing:"-0.3px"});case"lg":return Object.assign({height:48,fontWeight:H?u.F.halfBold:u.F.semiBold,fontSize:H?"15px":k?"14px":"16px",lineHeight:"24px"},H&&{letterSpacing:"-0.3px"});case"md":return Object.assign({height:40,fontWeight:H?u.F.halfBold:u.F.semiBold,fontSize:H?"13px":"14px",lineHeight:H?"20px":"22px"},H&&{letterSpacing:"-0.3px"});case"sm":return Object.assign(Object.assign({height:32,fontWeight:H?u.F.halfBold:u.F.semiBold,fontSize:H?"11px":k?"12px":"14px",lineHeight:H?"16px":"22px"},H&&{letterSpacing:"-0.2px"}),{paddingLeft:"16px",paddingRight:"16px"});case"xs":return Object.assign({height:24,fontWeight:H?u.F.halfBold:u.F.semiBold,fontSize:H?"11px":"12px",lineHeight:H?"16px":"18px",paddingLeft:"8px",paddingRight:"8px"},H&&{letterSpacing:"-0.2px"})}})()),(()=>{switch(g){case"primary":return Object.assign(Object.assign({color:e.white},y?{backgroundImage:y,backgroundColor:"initial"}:{backgroundColor:F}),!h&&{"&:hover":{backgroundColor:y?"initial":B}});case"secondary":return Object.assign(Object.assign(Object.assign({color:F,backgroundColor:"transparent",border:`1px solid ${F}`},y&&{backgroundImage:y,borderColor:"transparent"}),!h&&!y&&{"&:hover":{backgroundColor:O,border:`1px solid ${F}`}}),b&&!y&&{"&:hover":{backgroundColor:F,border:`1px solid ${F}`,color:"#fff"}});case"white":return{color:F,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:F,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:F,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,o.A)("inner")},y&&{position:"relative"}),leftIcon:{marginRight:8},rightIcon:{},label:Object.assign({},y&&"secondary"===g&&{background:y,"-webkit-background-clip":"text","-webkit-text-fill-color":"transparent"})}});let m={primary:"filled",secondary:"outline",tertiary:"default",light:"light",ghost:"subtle",error:"outline",white:"white",success:"subtle"},p=(0,n.forwardRef)((e,t)=>{var a,l;let o=(0,i.rZ)(),c=Object.assign(Object.assign({},null===(l=null===(a=o.components)||void 0===a?void 0:a.Button)||void 0===l?void 0:l.defaultProps),function(e){let t={};return Object.keys(e).filter(t=>void 0!==e[t]).forEach(a=>t[a]=e[a]),t}(e)),{variant:p,size:g,color:h,gradient:b,skipHover:v,withColorHover:E,className:x,dataEventCategory:y,dataEventAction:f,dataEventLabel:w,children:C,theme:k,component:I,styles:j,classNames:O}=c,F=(0,r.a)(c,["variant","size","color","gradient","skipHover","withColorHover","className","dataEventCategory","dataEventAction","dataEventLabel","children","theme","component","styles","classNames"]),B="error"===p,H=(0,u.u)(),{classes:T,cx:S}=d({variant:p,size:g,color:h,gradient:b,skipHover:v,withColorHover:E,isError:B,isSuccess:"success"===p,children:C,theme:k,customStylesType:H},{name:"ButtonMantine",styles:j,classNames:O});return n.createElement(s.z,Object.assign({component:I,className:S(x,p),classNames:{root:T.root,inner:T.inner,leftIcon:T.leftIcon,rightIcon:T.rightIcon,label:T.label},variant:m[p],"data-variant":p,"data-event-category":y,"data-event-action":f,"data-event-label":w,ref:t,loaderProps:F.disabled?{color:"currentColor"}:void 0},F),C)})},ORuy:function(e,t,a){a.d(t,{T:function(){return Tabs}});var r=a("ubET"),n=a("q1tI"),l=a("aKYm"),o=a("VLUI"),i=a("/npG"),s=a("mYVa"),c=a("rlLN"),u=a("vaps"),d=a("krdG"),m=a("lhAG"),p=(0,i.k)((e,t)=>{let{variant:a}=t,r={content:"none",top:0,bottom:0,zIndex:1,width:(0,s.h)(56)};return Object.assign({},"inline"===a&&{root:{},tabsList:{gap:(0,s.h)(24),borderBottom:"none",flexWrap:"nowrap"},tab:{padding:`${(0,s.h)(8)} 0`,color:e.colors.gray[4],borderColor:"transparent",borderBottomWidth:(0,s.h)(2),marginBottom:(0,s.h)(-1),transition:"border 0.2s ease","&:hover":{backgroundColor:"initial",borderColor:"transparent"},"&[data-active='true']":{color:e.fn.primaryColor(),borderColor:e.fn.primaryColor()}},tabRightSection:{},tabLabel:{},tabIcon:{},panel:{},scrollArea:{position:"relative","&.prev-bg":{"&:before":Object.assign(Object.assign({},r),{content:'""',position:"absolute",left:0,background:"linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%)"})},"&.next-bg":{"&:after":Object.assign(Object.assign({},r),{content:'""',position:"absolute",right:0,background:"linear-gradient(90deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%)"})}},list:{borderBottom:`1px solid ${e.colors.neutral[1]}`},btn:{position:"absolute",top:"50%",zIndex:2,transform:"translate(0, -50%)",width:(0,s.h)(28),height:(0,s.h)(28),padding:0,background:"white",borderRadius:"50%",cursor:"pointer",filter:"drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))",".mantine-Button-icon":{display:"flex",alignItems:"center",justifyContent:"center"},"&.disabled":{opacity:0,zIndex:0}},prevBtn:{left:0},nextBtn:{right:0}})});let Tabs=e=>{var t,{variant:a="inline",value:i,styles:s,children:g,dataList:h=[],tabProps:b,listProps:v,panelProps:E,TabComponentDisplay:x,startPadding:y=40,defaultValue:f}=e,w=(0,r.a)(e,["variant","value","styles","children","dataList","tabProps","listProps","panelProps","TabComponentDisplay","startPadding","defaultValue"]);let{cx:C,classes:k}=p({variant:a},{name:"Tabs",styles:s}),I=(0,n.useRef)(null),j=(0,n.useRef)([]),[O,F]=(0,n.useState)(f||(null===(t=null==h?void 0:h[0])||void 0===t?void 0:t.value)),[B,H]=(0,n.useState)(0),[T,S]=(0,n.useState)(!1),[P,N]=(0,n.useState)(!0),[R,D]=(0,n.useState)({x:0,y:0}),L=(0,n.useRef)(null),z=Object.assign({defaultValue:f,classNames:k},g?{value:i}:{value:O,onTabChange:e=>F(e)});(0,n.useEffect)(()=>{F(i)},[i]),(0,n.useEffect)(()=>{var e,t,a;null===(e=L.current)||void 0===e||e.scrollTo({left:(null===(a=null===(t=null==j?void 0:j.current)||void 0===t?void 0:t[B])||void 0===a?void 0:a.offsetLeft)-y,behavior:"smooth"})},[B]),(0,n.useEffect)(()=>{H(h.findIndex(e=>e.value==O))},[O]),(0,n.useEffect)(()=>{var e,t;N(0===R.x),S((null===(e=null==L?void 0:L.current)||void 0===e?void 0:e.clientWidth)+R.x===(null===(t=null==L?void 0:L.current)||void 0===t?void 0:t.scrollWidth))},[R]);let TabTextComponent=({text:e,dataEventCategory:t,dataEventAction:a,dataEventLabel:r})=>x?n.createElement(x,null,e):n.createElement(m.T,{size:"s3",color:"inherit",weight:"semiBold","data-event-category":t,"data-event-action":a,"data-event-label":r},e);return n.createElement(c.m,Object.assign({},z,w),g||n.createElement(n.Fragment,null,n.createElement(u.x,{className:C(k.scrollArea,`${P?"":"prev-bg"} ${T?"":"next-bg"}`),scrollbarSize:0,viewportRef:L,onScrollPositionChange:D},n.createElement(c.m.List,Object.assign({className:k.list,ref:I},v),h.map((e,t)=>n.createElement(c.m.Tab,Object.assign({ref:e=>j.current[t]=e,className:k.tab,key:String(e.value),value:String(e.value)},b),n.createElement(TabTextComponent,Object.assign({},e))))),n.createElement(d.B,{className:C(k.btn,k.prevBtn,P?"disabled":""),unstyled:!0,onClick:()=>H(B-1>-1?B-1:0),leftIcon:n.createElement(l.Z,{size:16})}),n.createElement(d.B,{className:C(k.btn,k.nextBtn,T?"disabled":""),unstyled:!0,onClick:()=>H(B+1<h.length-1?B+1:h.length-1),leftIcon:n.createElement(o.Z,{size:16})})),h.map(e=>n.createElement(c.m.Panel,Object.assign({value:String(e.value),key:String(e.value)},E),e.content))))};Tabs.List=c.m.List,Tabs.Tab=c.m.Tab,Tabs.Panel=c.m.Panel},"1C56":function(e,t,a){a.d(t,{B:function(){return BabyGrowthForm}});var r=a("ubET"),n=a("q1tI"),l=a("/npG"),o=a("mYVa"),i=a("8vDj"),s=a("iuhU"),c=a("cChf"),u=a("ZFu2"),d=a("wY0a"),m=a("veQL"),p=a("lhAG"),g=a("iBNF"),h=a("RF7b"),b=a("yoWs"),v=a("5O5z"),E=a("GyZF"),x=a("Duqj"),y=a("hKh/"),f=a("fkrl");let w=(0,n.createContext)({}),DefaultForm=e=>{let{t,locale:a}=(0,h.u)(),{classes:r={}}=(0,n.useContext)(b.C),{form:l,currentUrl:o,submitProps:i}=(0,n.useContext)(w),s={placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0}};return n.createElement(E.H,Object.assign({formLayout:"default"},e),n.createElement(E.H.FormRow,null,n.createElement(E.H.Control,null,n.createElement(x.G,Object.assign({isBaby:!0,genderValue:{male:"boy",female:"girl"}},l.getInputProps("gender"),{error:null}))),l.errors.gender&&n.createElement(E.H.Error,null,l.errors.gender)),n.createElement(E.H.FormRow,null,n.createElement(d.I.Wrapper,{label:n.createElement(p.T,{size:"p2",weight:"semiBold"},t("babyGrowth.input.birthday"))},n.createElement(m.D,Object.assign({},s,{maxDate:new Date},l.getInputProps("birthday"),{error:null,onChange:e=>{e&&l.validateField("measurementDate"),l.getInputProps("birthday").onChange(e)}}))),l.errors.birthday&&n.createElement(E.H.Error,null,l.errors.birthday)),n.createElement(E.H.FormRow,null,n.createElement(d.I.Number,Object.assign({label:n.createElement(p.T,{size:"p2",weight:"semiBold"},t("babyGrowth.height"),n.createElement(p.T,{size:"p2",weight:"semiBold",color:g.r.colors.gray300,as:"span"},` (${t("babyGrowth.cm")})`))},l.getInputProps("height"),{placeholder:t("babyGrowth.height"),min:v.I.height.min,max:v.I.height.max,onChange:e=>{l.setFieldValue("height",e),l.setFieldValue("checkMesureVal",!l.values.checkMesureVal)}}))),n.createElement(E.H.FormRow,null,n.createElement(d.I.Number,Object.assign({label:n.createElement(p.T,{size:"p2",weight:"semiBold"},t("babyGrowth.weight"),n.createElement(p.T,{size:"p2",weight:"semiBold",color:g.r.colors.gray300,as:"span"},` (${t("babyGrowth.kg")})`))},l.getInputProps("weight"),{placeholder:t("babyGrowth.weight"),min:v.I.weight.min,max:v.I.weight.max,onChange:e=>{l.setFieldValue("weight",e),l.setFieldValue("checkMesureVal",!l.values.checkMesureVal)}}))),a!==y.L.Vietnam&&n.createElement(E.H.FormRow,null,n.createElement(d.I.Number,Object.assign({label:n.createElement(p.T,{size:"p2",weight:"semiBold"},t("babyGrowth.head"),n.createElement(p.T,{size:"p2",weight:"semiBold",color:g.r.colors.gray300,as:"span"},` (${t("babyGrowth.cm")})`))},l.getInputProps("head"),{placeholder:t("babyGrowth.head"),onChange:e=>{l.setFieldValue("head",e),l.setFieldValue("checkMesureVal",!l.values.checkMesureVal)}}))),l.errors.checkMesureVal&&n.createElement(E.H.Error,null,l.errors.checkMesureVal),n.createElement(E.H.FormRow,null,n.createElement(d.I.Wrapper,{label:n.createElement(p.T,{size:"p2",weight:"semiBold"},t("babyGrowth.input.measurementDate"))},n.createElement(m.D,Object.assign({},s,{defaultValue:new Date},l.getInputProps("measurementDate"),{maxDate:new Date,error:null}))),l.errors.measurementDate&&n.createElement(E.H.Error,null,l.errors.measurementDate)),n.createElement(E.H.FormRow,{className:r.submitWrapper},n.createElement(E.H.Submit,Object.assign({className:r.submitBtn,type:"submit","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":o},i),t("babyGrowth.input.submit"))))};var C=(0,l.k)(e=>({root:{display:"flex",flexDirection:"column",gap:(0,o.h)(8)},bmiVal:{display:"inline-block"},unitText:{color:e.colors.gray[6]},submitBtn:{}}));let localizeNumberFormat=(e,t=2)=>Intl.NumberFormat(void 0,{maximumFractionDigits:t}).format(e),bmiCalculate=(e=0,t=0)=>{try{if(e&&t){let a=Number(t)/Math.pow(Number(e)/100,2);if(isNaN(a))return 0;return Number(localizeNumberFormat(a))}}catch(e){}return 0},InlineForm=e=>{var{styles:t,classNames:a}=e,l=(0,r.a)(e,["styles","classNames"]);let{t:o,locale:c}=(0,h.u)(),{form:u,currentUrl:g,submitProps:f}=(0,n.useContext)(w),{classes:k={}}=(0,n.useContext)(b.C),I=(0,i.rZ)(),{classes:j}=C(void 0,{name:"BabyGrowthForm__InlineForm",styles:t,classNames:a}),O={placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0}};return n.createElement(E.H,Object.assign({formLayout:"inline"},l),n.createElement(E.H.FormRow,null,n.createElement(E.H.BorderInlineControl,{label:o("tools.selectBabyGender")},n.createElement(x.G,Object.assign({type:"radio",hideLabel:!0,isBaby:!0,genderValue:{male:"boy",female:"girl"}},u.getInputProps("gender")))),u.errors.gender&&n.createElement(E.H.Error,null,u.errors.gender)),n.createElement(E.H.FormRow,null,n.createElement(E.H.BorderInlineControl,{label:o("babyGrowth.input.birthday")},n.createElement(m.D,Object.assign({},O,{maxDate:new Date},u.getInputProps("birthday"),{error:null,onChange:e=>{e&&u.validateField("measurementDate"),u.getInputProps("birthday").onChange(e)}}))),u.errors.birthday&&n.createElement(E.H.Error,null,u.errors.birthday)),n.createElement(E.H.FormRow,null,n.createElement(E.H.BorderInlineControl,{label:"BMI",styles:{control:{"&:first-child":{width:"auto"}}}},n.createElement(p.T,{size:"p3"},n.createElement("span",{className:j.bmiVal},u.getInputProps("height").value&&u.getInputProps("weight").value&&bmiCalculate(Number(u.getInputProps("height").value),Number(u.getInputProps("weight").value))),"(",o("babyGrowth.kg.m2"),")"),n.createElement(d.I.Number,Object.assign({},u.getInputProps("height"),{placeholder:o("babyGrowth.height"),min:v.I.height.min,max:v.I.height.max,onChange:e=>{u.setFieldValue("height",e),u.setFieldValue("checkMesureVal",!u.values.checkMesureVal)},rightSection:n.createElement(E.H.Unit,null,o("babyGrowth.cm"))})),n.createElement(d.I.Number,Object.assign({},u.getInputProps("weight"),{placeholder:o("babyGrowth.weight"),min:v.I.weight.min,max:v.I.weight.max,onChange:e=>{u.setFieldValue("weight",e),u.setFieldValue("checkMesureVal",!u.values.checkMesureVal)},rightSection:n.createElement(E.H.Unit,null,o("babyGrowth.kg"))}))),("mb"===I.other.template||c!==y.L.Vietnam)&&n.createElement(E.H.BorderInlineControl,{label:o("babyGrowth.head")},n.createElement(d.I.Number,Object.assign({},u.getInputProps("head"),{placeholder:o("babyGrowth.head"),onChange:e=>{u.setFieldValue("head",e),u.setFieldValue("checkMesureVal",!u.values.checkMesureVal)},rightSection:n.createElement(E.H.Unit,null,o("babyGrowth.cm"))}))),u.errors.checkMesureVal&&n.createElement(E.H.Error,null,u.errors.checkMesureVal)),n.createElement(E.H.FormRow,null,n.createElement(E.H.BorderInlineControl,{label:o("babyGrowth.input.measurementDate")},n.createElement(m.D,Object.assign({},O,{maxDate:new Date},u.getInputProps("measurementDate"),{error:null}))),u.errors.measurementDate&&n.createElement(E.H.Error,null,u.errors.measurementDate)),n.createElement(E.H.FormRow,{className:k.submitWrapper},n.createElement(E.H.Submit,Object.assign({type:"submit","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":g,className:(0,s.default)(j.submitBtn,k.submitBtn)},f),o("babyGrowth.input.submit"))))},MbLayout=e=>{var t=(0,r.a)(e,[]);let{t:a}=(0,h.u)(),{form:l,currentUrl:o,submitProps:i}=(0,n.useContext)(w),s={placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0}};return n.createElement(E.H,Object.assign({formLayout:"default"},t),n.createElement(E.H.FormRow,null,n.createElement(E.H.Control,null,n.createElement(x.G,Object.assign({isBaby:!0,genderValue:{male:"boy",female:"girl"}},l.getInputProps("gender"),{error:null}))),l.errors.gender&&n.createElement(E.H.Error,null,l.errors.gender)),n.createElement(E.H.BorderBoxControl,{label:a("babyGrowth.input.birthday"),rightSection:n.createElement(f.Z,null)},n.createElement(m.D,Object.assign({},s,{maxDate:new Date},l.getInputProps("birthday"),{error:null,rightSection:null,onChange:e=>{e&&l.validateField("measurementDate"),l.getInputProps("birthday").onChange(e)}}))),l.errors.birthday&&n.createElement(E.H.Error,null,l.errors.birthday),n.createElement(E.H.BorderBoxControl,{label:a("babyGrowth.height"),rightSection:a("babyGrowth.cm")},n.createElement(d.I.Number,Object.assign({},l.getInputProps("height"),{placeholder:a("tools.inputPlaceholder",{content:"160"}),min:v.I.height.min,max:v.I.height.max,onChange:e=>{l.setFieldValue("height",e),l.setFieldValue("checkMesureVal",!l.values.checkMesureVal)}}))),l.errors.height&&n.createElement(E.H.Error,null,l.errors.height),n.createElement(E.H.BorderBoxControl,{label:a("babyGrowth.weight"),rightSection:a("babyGrowth.kg")},n.createElement(d.I.Number,Object.assign({},l.getInputProps("weight"),{placeholder:a("tools.inputPlaceholder",{content:"50"}),min:v.I.weight.min,max:v.I.weight.max,onChange:e=>{l.setFieldValue("weight",e),l.setFieldValue("checkMesureVal",!l.values.checkMesureVal)}}))),l.errors.weight&&n.createElement(E.H.Error,null,l.errors.weight),n.createElement(E.H.BorderBoxControl,{label:a("babyGrowth.head"),rightSection:a("babyGrowth.cm")},n.createElement(d.I.Number,Object.assign({},l.getInputProps("head"),{placeholder:a("tools.inputPlaceholder",{content:"50"}),onChange:e=>{l.setFieldValue("head",e),l.setFieldValue("checkMesureVal",!l.values.checkMesureVal)}}))),l.errors.checkMesureVal&&n.createElement(E.H.Error,null,l.errors.checkMesureVal),n.createElement(E.H.BorderBoxControl,{label:a("babyGrowth.input.measurementDate"),rightSection:n.createElement(f.Z,null)},n.createElement(d.I.Wrapper,null,n.createElement(m.D,Object.assign({},s,{defaultValue:new Date},l.getInputProps("measurementDate"),{maxDate:new Date,rightSection:null,error:null})))),l.errors.measurementDate&&n.createElement(E.H.Error,null,l.errors.measurementDate),n.createElement(E.H.Submit,Object.assign({type:"submit","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":o},i),a("babyGrowth.input.submit")))},BabyGrowthForm=e=>{var{onSubmit:t,formLayout:a="default",submitProps:l,currentUrl:o}=e,s=(0,r.a)(e,["onSubmit","formLayout","submitProps","currentUrl"]);let{t:d}=(0,h.u)(),m=(0,i.rZ)(),p=(0,c.c)({initialValues:{measurementDate:new Date},validate:{gender:(0,u.U)(d("validation.error.requiredField")),birthday:(0,u.U)(d("validation.error.requiredField")),measurementDate:(e,t)=>t.birthday?t.birthday instanceof Date&&e instanceof Date&&t.birthday.getTime()<=e.getTime()?null:d("babyGrowth.error.measurementDateLowerThanBirthday",{name:""}):null,checkMesureVal:(e,t)=>void 0===t.head&&void 0===t.height&&void 0===t.weight||t.head||t.height||t.weight?null:d("babyGrowth.error.atLeastOneOf")},validateInputOnChange:["checkMesureVal"]}),g=Object.assign({onSubmit:p.onSubmit(e=>null==t?void 0:t(Object.assign(Object.assign({},e),{bmi:bmiCalculate(Number(p.getInputProps("height").value),Number(p.getInputProps("weight").value)).toString()})))},s);return n.createElement(w.Provider,{value:{submitProps:l,currentUrl:o,form:p}},"default"===a?"mb"===m.other.template?n.createElement(MbLayout,Object.assign({formLayout:a},g)):n.createElement(DefaultForm,Object.assign({},g)):n.createElement(InlineForm,Object.assign({},g)))}},m64X:function(e,t,a){a.d(t,{D:function(){return DrawerBottom}});var r=a("ubET"),n=a("q1tI"),l=a("iuhU"),o=a("h8tX"),i=a("Gn/9"),s=a("rSBk"),c=a("rBCA"),u=a("iBNF"),d=a("rvDO");(0,c.Z)(i.D)`
  /* max-height: 100vh;
  max-height: 100dvh; */
  background-color: white;

  &[data-vaul-drawer-direction='bottom'] {
    top: initial !important;
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
    padding-bottom: 32px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .drawer__handle {
    width: 44px;
    height: 3px;
    background-color: ${u.r.colors.neutral500};
    margin: 16px auto;
    flex-shrink: 0;
  }
`;let m=(0,c.Z)(s.dy.Content)`
  position: fixed;
  z-index: ${d.c-9e6+1};
  inset: 0;
  background-color: #fff;
  outline: none !important;

  &[data-is-linear='true'] {
    background: linear-gradient(180deg, #c3e3ff 1.86%, #fff 20%) !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'] {
    top: initial;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    /* padding-bottom: 16px; */
  }

  ${e=>e.isDragging&&`
      input {
        caret-color: transparent;
      }
    `}
`,p=(0,c.Z)(s.dy.Overlay)`
  position: fixed;
  inset: 0;
  z-index: ${d.c-9e6};
  width: 100%;
  max-height: 100%;
  background-color: rgb(0, 0, 0, 0.4);
`,g=(0,c.Z)(s.dy.Handle)`
  &[data-vaul-handle] {
    width: 44px;
    height: 3px;
    background-color: ${u.r.colors.neutral500};
    margin: 16px auto;
    flex-shrink: 0;
  }
`;function DrawerBottom(e){var{children:t,onClose:a,isOpen:c,onOpenChange:u,isMobile:d,classNames:h,isLinear:b,overlayClassName:v,contentClassName:E,handlerClassName:x,drawerOverlayProps:y}=e,f=(0,r.a)(e,["children","onClose","isOpen","onOpenChange","isMobile","classNames","isLinear","overlayClassName","contentClassName","handlerClassName","drawerOverlayProps"]);let{isDragging:w,handleDragStart:C,handleDragEnd:k}=(0,i.u)(),{onDrag:I,onRelease:j}=f,O=(0,r.a)(f,["onDrag","onRelease"]);return d?n.createElement(s.dy.Root,Object.assign({},O,{open:c,onOpenChange:u,onClose:a,onDrag:(e,t)=>{C(),null==I||I(e,t)},onRelease:(e,t)=>{k(),null==j||j(e,t)}}),n.createElement(s.dy.Portal,null,n.createElement(p,Object.assign({className:(0,l.default)(v,"drawer__overlay")},y)),n.createElement(m,{isDragging:w,className:(0,l.default)(E,"drawer__content"),"data-is-linear":b},n.createElement(s.dy.Title,{style:{display:"none"}}),n.createElement(g,{className:(0,l.default)(x,"drawer__handle")}),t))):n.createElement(o.u,Object.assign({withCloseButton:!0,centered:!0,zIndex:500,size:"auto",classNames:h,radius:"lg"},f,{onClose:a,opened:c,styles:{root:{maxHeight:"400px"},body:{background:b?"linear-gradient(180deg, #A5D4FF 0%, #FFFFFF 20%)":void 0}}}),t)}},"l/sA":function(e,t,a){a.d(t,{L:function(){return Loading}});var r=a("q1tI"),n=a("5auN"),l=a("RF7b");let Loading=({className:e,theme:t,hideText:a})=>{let{t:o}=(0,l.u)();return r.createElement("div",{className:`tliWyii ${e}`},r.createElement(n.I.Spinner,{isMarryBaby:"marryBaby"===t}),!a&&o("loading"))}},"6oAT":function(e,t,a){a.d(t,{i:function(){return isVideo}});let isVideo=e=>e.endsWith(".mp4")},N4RG:function(e,t,a){a.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 r=a("ubET"),n=a("q1tI"),l=a("wUmw"),o=a("Ix29"),i=a("990U"),s=a("/npG"),c=a("SPK5"),u=a("Eso5"),d=a("8vDj"),m=a("Zo/N"),p=a("mYVa"),g=a("lSJj"),h=a("TIp3"),b=a("OAL+"),v=a("iuhU"),E=a("C/sX"),x=a("wY0a"),y=a("lhAG"),f=a("usMy"),w=a("RF7b"),C=a("GyZF"),k=a("BpT+"),I=a("yoWs"),j=a("Duqj"),O=a("hKh/"),F=a("xrdX"),B=a("mx4j");let Question1Label=e=>{var{LabelWrapper:t}=e,a=(0,r.a)(e,["LabelWrapper"]);let{t:l}=(0,w.u)(),o=t?{}:Object.assign({size:"p2"},a),i=t||y.T;return n.createElement(i,Object.assign({},o),l("bmi.question.weightLossSupport"))},Question2Label=e=>{var{LabelWrapper:t}=e,a=(0,r.a)(e,["LabelWrapper"]);let{t:l}=(0,w.u)(),o=t?{}:Object.assign({size:"p2"},a),i=t||y.T;return n.createElement(i,Object.assign({},o),l("bmi.question.glp1Awareness"))},Question2Description=e=>{var{LabelWrapper:t}=e,a=(0,r.a)(e,["LabelWrapper"]);let{t:l}=(0,w.u)(),o=t?{}:Object.assign({size:"p2"},a),i=t||y.T;return n.createElement(i,Object.assign({},o),l("bmi.question.glp1Awareness.desc"))},H=(0,n.createContext)({});var T=(0,s.k)(()=>({label:{marginTop:2,cursor:"pointer",userSelect:"none"}}));let NewsletterCheckbox=e=>{var{labelTextProps:t,checked:a,LabelWrapper:l,useCollapse:o=!0}=e,i=(0,r.a)(e,["labelTextProps","checked","LabelWrapper","useCollapse"]);let{t:s}=(0,w.u)(),[d,m]=(0,n.useState)(!o),[p,g]=(0,n.useState)(!0),[h,b]=(0,n.useState)(a),v=l?{}:Object.assign({size:"p3"},t),E=l||y.T,{classes:f}=T(void 0,{name:"NewsletterCheckbox"});return n.createElement(c.k,{gap:8,align:"flex-start"},n.createElement(x.d,Object.assign({},i,{label:void 0,size:"sm",checked:h,onChange:e=>{p?g(!1):b(e.currentTarget.checked)},styles:{labelWrapper:{display:"none"}}})),n.createElement(u.x,null,n.createElement(E,Object.assign({},v,{onClick:()=>{o&&m(e=>!e)},className:f.label,lineClamp:d?void 0:1}),s("bmi.newsletter.label"))))},FitnessToolUnitPicker=({displayValue:e,field:t,onChange:a})=>{let r=(0,d.rZ)(),l=r.colors.gray[1],o="height"===t?[{label:"cm",system:"metric"},{label:"ft",system:"imperial"}]:[{label:"kg",system:"metric"},{label:"lbs",system:"imperial"}];return n.createElement(m.v,{position:"bottom-end",withinPortal:!0,offset:0,styles:{dropdown:{backgroundColor:r.white,border:`${(0,p.h)(1)} solid ${l}`,borderRadius:12,boxShadow:"0px 0px 1px 0px #0000000A,0px 2px 8px 0px #0000000A,0px 10px 16px 0px #0000000A",padding:(0,p.h)(4),minWidth:(0,p.h)(90)},item:{fontSize:r.fontSizes.sm,lineHeight:1.4,padding:`${(0,p.h)(6)} ${(0,p.h)(10)}`,borderRadius:r.radius.xs,color:r.colors.dark[9],"&[data-hovered]":{backgroundColor:"transparent"}}}},n.createElement(m.v.Target,null,n.createElement(g.k,{type:"button",sx:e=>({height:"100%",display:"flex",alignItems:"center",justifyContent:"flex-end",width:"100%",paddingRight:e.spacing.xs,gap:4})},n.createElement(h.x,{component:"span",size:"sm",sx:{lineHeight:1}},e),n.createElement(k.C,{style:{width:18,height:18}}))),n.createElement(m.v.Dropdown,null,o.map(l=>{let o=e===l.label;return n.createElement(m.v.Item,{key:l.label,onClick:()=>a(l.system,t),sx:{backgroundColor:o?r.colors.gray[1]:void 0,"&[data-hovered]":{backgroundColor:o?r.colors.gray[1]:"transparent"}}},l.label)})))},DefaultForm=e=>{var t,a,o,i,s,d,m;let{t:p,locale:g}=(0,w.u)(),{classes:h={}}=(0,n.useContext)(I.C),{control:E,bmiGenerated:y,linkTool:f,submitProps:k,withAdditionalQuestion:j,classes:B={},enableUnitPicker:T,unitSystem:S,unitHeight:P,unitWeight:R,onUnitChange:D}=(0,n.useContext)(H),L={body:{alignItems:"center"}};return n.createElement(C.H,Object.assign({formLayout:"default"},e),n.createElement(N,{isMobile:e.isMobile,gutter:4},n.createElement(b.K,{spacing:4,px:16},n.createElement(l.Qr,{name:"gender",control:E,rules:null===(t=y.gender)||void 0===t?void 0:t.rule,render:({field:{onChange:e},fieldState:{error:t}})=>n.createElement("div",null,n.createElement(N.GenderControl,{LabelWrapper:N.Label,error:void 0,onChange:e,gap:4}),(null==t?void 0:t.message)&&n.createElement(N.Error,{label:t.message}))}),n.createElement(l.Qr,{name:"age",control:E,rules:null===(a=y.age)||void 0===a?void 0:a.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:r}})=>n.createElement("div",null,n.createElement(N.InputNumber,{label:n.createElement(N.Label,null,p("bmi.ageInput")),placeholder:p("tools.inputPlaceholder",{content:"25"}),name:e,value:t,onChange:a,min:0,rightSection:p("bmi.ageInput.desc"),classNames:{rightSection:B.inputRightSection}}),(null==r?void 0:r.message)&&n.createElement(N.Error,{label:r.message}))}),n.createElement(l.Qr,{name:"height",control:E,rules:null===(o=y.height)||void 0===o?void 0:o.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:r}})=>n.createElement("div",null,n.createElement(N.InputNumber,{label:n.createElement(N.Label,null,p("bmi.heightInput")),placeholder:p("tools.inputPlaceholder",{content:"imperial"===S?6:170}),name:e,value:t,onChange:a,min:0,precision:1,inputMode:"decimal",rightSection:T?n.createElement(FitnessToolUnitPicker,{displayValue:P,field:"height",onChange:D}):p("bmi.heightInput.desc"),rightSectionWidth:70,classNames:{rightSection:B.inputRightSection},styles:T?void 0:()=>({rightSection:{paddingRight:0}})}),(null==r?void 0:r.message)&&n.createElement(N.Error,{label:r.message}))}),n.createElement(l.Qr,{name:"weight",control:E,rules:null===(i=y.weight)||void 0===i?void 0:i.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:r}})=>n.createElement("div",null,n.createElement(N.InputNumber,{label:n.createElement(N.Label,null,p("bmi.weightInput")),placeholder:p("tools.inputPlaceholder",{content:"imperial"===S?130:60}),name:e,value:t,onChange:a,precision:1,inputMode:"decimal",min:0,rightSection:T?n.createElement(FitnessToolUnitPicker,{displayValue:R,field:"weight",onChange:D}):p("bmi.weightInput.desc"),rightSectionWidth:70,classNames:{rightSection:B.inputRightSection},styles:T?void 0:()=>({rightSection:{paddingRight:0}})}),(null==r?void 0:r.message)&&n.createElement(N.Error,{label:r.message}))})),j?n.createElement(n.Fragment,null,n.createElement(b.K,{spacing:4,px:16},n.createElement(l.Qr,{name:"question1",control:E,rules:null===(s=y.question1)||void 0===s?void 0:s.rule,render:({field:{value:e,onChange:t,name:a},fieldState:{error:r}})=>n.createElement("div",null,n.createElement(x.R.Group,{name:a,value:e,onChange:t,sx:{flex:1},label:n.createElement(Question1Label,{LabelWrapper:N.Label}),size:"lg"},n.createElement(c.k,{gap:"lg"},n.createElement(x.R,{size:"sm",value:"1",label:n.createElement(N.OptionLabel,null,p("switchBtn.yes")),styles:L}),n.createElement(x.R,{size:"sm",value:"0",label:n.createElement(N.OptionLabel,null,p("switchBtn.no")),styles:L}))),(null==r?void 0:r.message)&&n.createElement(N.Error,{label:r.message}))}),n.createElement(l.Qr,{name:"question2",control:E,rules:null===(d=y.question2)||void 0===d?void 0:d.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:r}})=>n.createElement("div",null,n.createElement(x.R.Group,{name:e,value:t,onChange:a,sx:{flex:1},label:n.createElement(Question2Label,{LabelWrapper:N.Label}),size:"lg",description:g!==O.L.Malaysia&&n.createElement(Question2Description,{LabelWrapper:N.SubLabel})},n.createElement(c.k,{gap:"lg"},n.createElement(x.R,{size:"sm",value:"1",label:n.createElement(N.OptionLabel,null,p("switchBtn.yes")),styles:L}),n.createElement(x.R,{size:"sm",value:"0",label:n.createElement(N.OptionLabel,null,p("switchBtn.no")),styles:L}))),(null==r?void 0:r.message)&&n.createElement(N.Error,{label:r.message}))})),n.createElement(u.x,{className:(0,v.default)(B.newsletterBlock,h.newsletterBlock)},n.createElement(b.K,{spacing:8,px:16,py:12},n.createElement(l.Qr,{name:"newsletter",control:E,rules:null===(m=y.newsletter)||void 0===m?void 0:m.rule,render:e=>{var t=e.field,{value:a,onChange:l,name:o}=t,i=(0,r.a)(t,["value","onChange","name"]);return n.createElement(NewsletterCheckbox,Object.assign({size:"sm",onChange:e=>l(e.currentTarget.checked),name:o,checked:!!a},i))}}),n.createElement(C.H.Submit,Object.assign({className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${F.v[g]}/${f}`,type:"submit",fullWidth:!0},k),p("bmi.submit"))))):n.createElement(u.x,{px:16,sx:{paddingBottom:8}},n.createElement(C.H.Submit,Object.assign({className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${F.v[g]}/${f}`,type:"submit",fullWidth:!0},k),p("bmi.submit")))))};var S=(0,s.k)(e=>({newsletterBlock:{backgroundColor:e.colors.neutral[0],borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit",".bmi-btn":{marginTop:0}},inputRightSection:{fontSize:(0,p.h)(13),lineHeight:(0,p.h)(24),color:e.colors.gray[4],justifyContent:"flex-end",paddingRight:8,whiteSpace:"nowrap"}}));let InlineForm=e=>{var t,a,o,i,s,d,m,g;let{t:h,locale:E}=(0,w.u)(),{control:f,bmiGenerated:k,isTouched:B,linkTool:T,submitProps:S,withAdditionalQuestion:P,enableUnitPicker:N,unitSystem:R,unitHeight:D,unitWeight:L,onUnitChange:z}=(0,n.useContext)(H),{classes:M={},variant:A}=(0,n.useContext)(I.C),{classes:$={}}=(0,n.useContext)(H);return n.createElement(C.H,Object.assign({formLayout:"inline"},e),n.createElement(l.Qr,{name:"gender",control:f,rules:null===(t=k.gender)||void 0===t?void 0:t.rule,render:({field:{onChange:e},fieldState:{error:t}})=>n.createElement(C.H.FormRow,null,n.createElement(C.H.BorderInlineControl,{label:h("tools.selectGender"),width:"none",errorMess:B&&(null==t?void 0:t.message)},n.createElement(j.G,{type:"radio",hideLabel:!0,error:B?n.createElement(n.Fragment,null):"",onChange:e})))}),n.createElement(l.Qr,{name:"age",control:f,rules:null===(a=k.age)||void 0===a?void 0:a.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:r}})=>n.createElement(C.H.FormRow,null,n.createElement(C.H.BorderInlineControl,{label:h("bmi.ageInput"),errorMess:B&&(null==r?void 0:r.message)},n.createElement(x.I.Number,{placeholder:h("tools.inputPlaceholder",{content:"25"}),name:e,value:t,onChange:a,error:B&&(null==r?void 0:r.message)?n.createElement(n.Fragment,null):"",min:0,rightSection:n.createElement(C.H.Unit,null,h("tools.yearsOld")),styles:()=>({rightSection:{width:"auto"}})})))}),n.createElement(l.Qr,{name:"height",control:f,rules:null===(o=k.height)||void 0===o?void 0:o.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:r}})=>n.createElement(C.H.FormRow,null,n.createElement(C.H.BorderInlineControl,{label:h("bmi.heightInput"),errorMess:B&&(null==r?void 0:r.message)},n.createElement(x.I.Number,{placeholder:h("tools.inputPlaceholder",{content:"imperial"===R?6:170}),name:e,value:t,onChange:a,min:0,precision:1,inputMode:"decimal",error:B&&(null==r?void 0:r.message)?n.createElement(n.Fragment,null):"",rightSection:N?n.createElement(FitnessToolUnitPicker,{displayValue:D,field:"height",onChange:z}):n.createElement(C.H.Unit,{styles:{root:{paddingRight:0}}},h("bmi.heightInput.desc")),rightSectionWidth:70,styles:N?void 0:()=>({rightSection:{paddingRight:0}})})))}),n.createElement(l.Qr,{name:"weight",control:f,rules:null===(i=k.weight)||void 0===i?void 0:i.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:r}})=>n.createElement(C.H.FormRow,null,n.createElement(C.H.BorderInlineControl,{label:h("bmi.weightInput"),errorMess:B&&(null==r?void 0:r.message)},n.createElement(x.I.Number,{placeholder:h("tools.inputPlaceholder",{content:"imperial"===R?130:60}),name:e,value:t,onChange:a,error:B&&(null==r?void 0:r.message)?n.createElement(n.Fragment,null):"",precision:1,inputMode:"decimal",min:0,rightSection:N?n.createElement(FitnessToolUnitPicker,{displayValue:L,field:"weight",onChange:z}):n.createElement(C.H.Unit,{styles:{root:{paddingRight:0}}},h("bmi.weightInput.desc")),rightSectionWidth:70,styles:N?void 0:()=>({rightSection:{paddingRight:0}})})))}),P?n.createElement(n.Fragment,null,n.createElement(l.Qr,{name:"question1",control:f,rules:null===(s=k.question1)||void 0===s?void 0:s.rule,render:({field:{value:e,onChange:t,name:a},fieldState:{error:r}})=>n.createElement(C.H.FormRow,null,n.createElement(x.R.Group,{name:a,value:e,onChange:t,sx:{flex:1},label:n.createElement(y.T,{size:"s4",weight:"semiBold",span:!0},h("bmi.question.weightLossSupport")),size:"lg"},n.createElement(c.k,{gap:"lg",sx:{paddingTop:(0,p.h)(8)}},n.createElement(x.R,{size:"sm",value:"1",label:h("switchBtn.yes")}),n.createElement(x.R,{size:"sm",value:"0",label:h("switchBtn.no")}))),B&&(null==r?void 0:r.message)&&n.createElement(x.e,{label:r.message,textProps:{size:"p4"},sx:{marginTop:6}}))}),n.createElement(l.Qr,{name:"question2",control:f,rules:null===(d=k.question2)||void 0===d?void 0:d.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:r}})=>n.createElement(C.H.FormRow,null,n.createElement(x.R.Group,{name:e,value:t,onChange:a,sx:{flex:1},label:n.createElement(y.T,{size:"s4",weight:"semiBold",span:!0},h("bmi.question.glp1Awareness")),size:"lg",description:E!==O.L.Malaysia&&n.createElement(y.T,{style:{fontSize:"10px"},span:!0},h("bmi.question.glp1Awareness.desc"))},n.createElement(c.k,{gap:"lg",sx:{paddingTop:(0,p.h)(8)}},n.createElement(x.R,{size:"sm",value:"1",label:h("switchBtn.yes")}),n.createElement(x.R,{size:"sm",value:"0",label:h("switchBtn.no")}))),B&&(null==r?void 0:r.message)&&n.createElement(x.e,{label:r.message,textProps:{size:"p4"},sx:{marginTop:6}}))}),"gray"===A||"violet"===A?n.createElement(n.Fragment,null,n.createElement(l.Qr,{name:"newsletter",control:f,rules:null===(m=k.newsletter)||void 0===m?void 0:m.rule,render:e=>{var t=e.field,{value:a,onChange:l,name:o}=t,i=(0,r.a)(t,["value","onChange","name"]);return n.createElement(C.H.FormRow,null,n.createElement(x.d,Object.assign({size:"sm",label:n.createElement(y.T,{size:"p3"},h("bmi.newsletter.label")),onChange:e=>l(e.currentTarget.checked),name:o,checked:!!a},i)))}}),n.createElement(C.H.FormRow,{className:(0,v.default)(M.submitWrapper)},n.createElement(C.H.Submit,Object.assign({className:(0,v.default)("bmi-btn bmi--btn-submit",M.submitBtn),dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${F.v[E]}/${T}`,type:"submit"},S),h("bmi.submit")))):n.createElement(C.H.FormRow,{py:16,className:(0,v.default)($.newsletterBlock,M.newsletterBlock)},n.createElement(b.K,{spacing:16},n.createElement(l.Qr,{name:"newsletter",control:f,rules:null===(g=k.newsletter)||void 0===g?void 0:g.rule,render:e=>{var t=e.field,{value:a,onChange:l,name:o}=t,i=(0,r.a)(t,["value","onChange","name"]);return n.createElement(NewsletterCheckbox,Object.assign({size:"sm",labelTextProps:{size:"p4"},onChange:e=>l(e.currentTarget.checked),name:o,checked:!!a,useCollapse:!1},i))}}),n.createElement(u.x,{className:(0,v.default)(M.submitWrapper)},n.createElement(C.H.Submit,Object.assign({className:(0,v.default)("bmi-btn bmi--btn-submit",M.submitBtn),dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${F.v[E]}/${T}`,type:"submit"},S),h("bmi.submit")))))):n.createElement(C.H.FormRow,{className:(0,v.default)(M.submitWrapper)},n.createElement(C.H.Submit,Object.assign({className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${F.v[E]}/${T}`,type:"submit"},S),h("bmi.submit"))))},BmiForm=e=>{var{value:t,onChange:a,onSubmit:s,bmiGenerated:c,bmiUnit:u,defaultUnitSystem:d,enableUnitPicker:m=!0,formLayout:p="default",submitProps:g,withAdditionalQuestion:h,isMobile:b}=e,v=(0,r.a)(e,["value","onChange","onSubmit","bmiGenerated","bmiUnit","defaultUnitSystem","enableUnitPicker","formLayout","submitProps","withAdditionalQuestion","isMobile"]);let{classes:E}=S(void 0,{name:"BmiForm"}),{locale:x}=(0,w.u)(),[y,C]=(0,n.useState)(!1),k=(0,n.useMemo)(()=>d||"metric",[d]),[I,j]=(0,n.useState)(k),{control:O,handleSubmit:F,setValue:T,watch:P}=(0,l.cI)({defaultValues:{question1:void 0,question2:void 0,newsletter:!0}}),N=P(),{getHealthToolLink:R}=(0,o.u)(x),D=(0,n.useMemo)(()=>R(i.H.OVULATION),[R]),L="imperial"===I?"ft":"cm",z="imperial"===I?"lbs":"kg",convertHeightToCm=e=>"imperial"===I?30.48*e:e,convertWeightToKg=e=>"imperial"===I?.45359237*e:e,onInValid=()=>{C(!0)};(0,n.useEffect)(()=>{Object.keys(t||{}).forEach(e=>{T(e,null==t?void 0:t[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})})},[t]),(0,n.useEffect)(()=>{a&&a(N)},[N]),(0,n.useEffect)(()=>{j(k)},[k]);let M=Object.assign({onSubmit:F(e=>(0,r._)(void 0,void 0,void 0,function*(){let t="number"==typeof e.height?e.height:Number(e.height),a="number"==typeof e.weight?e.weight:Number(e.weight),r=m?Object.assign(Object.assign({},e),{bmi:(0,B.F)({height:convertHeightToCm(t),weight:convertWeightToKg(a)}),unit:I}):(()=>{let r=u.heightConvert(t),n=u.weightConvert(a);return Object.assign(Object.assign({},e),{height:r,weight:n,bmi:(0,B.F)({height:r,weight:n})})})();onInValid(),s&&s(r)}),onInValid)},v);return n.createElement(f.T,{variant:f.C.LEADGEN},n.createElement(H.Provider,{value:{control:O,bmiGenerated:c,isTouched:y,linkTool:D,submitProps:g,withAdditionalQuestion:h,classes:E,enableUnitPicker:m,unitSystem:I,unitHeight:L,unitWeight:z,onUnitChange:(e,t)=>{m&&e!==I&&(j(e),T("height","",{shouldDirty:!0,shouldValidate:!1}),T("weight","",{shouldDirty:!0,shouldValidate:!1}))}}},"inline"===p?n.createElement(InlineForm,Object.assign({},M)):n.createElement(DefaultForm,Object.assign({},M,{isMobile:b}))))},P=(0,n.createContext)({}),Error=e=>{let{errorLabelSize:t}=(0,n.useContext)(P);return n.createElement(x.e,Object.assign({textProps:{size:t},sx:{marginTop:5}},e))};var N=Object.assign(e=>{var t,a,l,o,i,s,{children:c,isMobile:u}=e,d=(0,r.a)(e,["children","isMobile"]);let m=Object.assign({isMobile:u,labelSize:null!==(t=d.labelSize)&&void 0!==t?t:u?"p2":"s4",subLabelSize:null!==(a=d.subLabelSize)&&void 0!==a?a:"subText",optionLabelSize:null!==(l=d.optionLabelSize)&&void 0!==l?l:u?"p2":"s4",inputSize:null!==(o=d.inputSize)&&void 0!==o?o:u?"sm":"md",gutter:null!==(i=d.gutter)&&void 0!==i?i:u?4:12,errorLabelSize:null!==(s=d.errorLabelSize)&&void 0!==s?s:"p3"},d);return n.createElement(P.Provider,{value:m},c)},{Row:e=>{var{children:t}=e,a=(0,r.a)(e,["children"]);let{gutter:l}=(0,n.useContext)(P);return n.createElement(E.r,Object.assign({gutter:l},a),t)},Col:e=>{var{children:t}=e,a=(0,r.a)(e,["children"]);return n.createElement(E.r.Col,Object.assign({span:12},a),t)},SubLabel:e=>{var{children:t}=e,a=(0,r.a)(e,["children"]);let{subLabelSize:l}=(0,n.useContext)(P);return n.createElement(y.T,Object.assign({size:l},a),t)},Label:e=>{var{children:t}=e,a=(0,r.a)(e,["children"]);let{labelSize:l}=(0,n.useContext)(P);return n.createElement(y.T,Object.assign({size:l,weight:"semiBold"},a,{span:!0}),t)},OptionLabel:e=>{var{children:t}=e,a=(0,r.a)(e,["children"]);let{optionLabelSize:l}=(0,n.useContext)(P);return n.createElement(y.T,Object.assign({size:l,weight:"regular"},a,{span:!0}),t)},Input:x.I,InputNumber:e=>{var{error:t}=e,a=(0,r.a)(e,["error"]);let{inputSize:l}=(0,n.useContext)(P);return n.createElement("div",null,n.createElement(x.I.Number,Object.assign({size:l},a)),t&&n.createElement(Error,{label:t}))},GenderControl:e=>{let{inputSize:t}=(0,n.useContext)(P);return n.createElement(j.G,Object.assign({size:t},e))},Error})},"4ojQ":function(e,t,a){a.d(t,{H:function(){return HealthToolCardWrapper},T:function(){return ToolsBannerCard}});var r=a("ubET"),n=a("q1tI"),l=a("/npG"),o=a("mYVa"),i=a("8vDj"),s=a("Eso5"),c=a("SPK5"),u=a("vaps"),d=a("CmQM"),m=a("UlxI"),p=a("lhAG"),g=a("usMy"),h=a("RF7b"),b=a("nm4t"),v=a("yoWs");let E=(0,l.k)((e,{isRevamp:t,isPregTool:a,bannerColor:r,isMarryBaby:n})=>({wrapper:{position:"relative",width:"100%",height:"100%",display:"flex",gap:(0,o.h)(24),alignItems:"center",justifyContent:"space-between",padding:(0,o.h)(16),[e.fn.smallerThan("sm")]:{gap:(0,o.h)(12)}},container:{width:"100%",backgroundColor:r||(n?e.colors.mb[1]:a?e.colors.pink[1]:e.colors.blue[1]),position:"relative",display:"flex",gap:24,alignItems:"center",justifyContent:"space-between",padding:(0,o.h)(16),[e.fn.smallerThan("sm")]:{padding:`${(0,o.h)(12)} ${(0,o.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,o.h)(-50),bottom:(0,o.h)(-20),width:(0,o.h)(110),minWidth:0,height:"auto",minHeight:0,alignSelf:"flex-end",marginBottom:(0,o.h)(-20),[b.M.mbDown]:{right:"unset"}}}}},".embedded-review":{gap:(0,o.h)(12),display:"flex",alignItems:"center"},".embedded-review__avatar":{position:"relative",minWidth:(0,o.h)(32),img:{width:(0,o.h)(32),height:(0,o.h)(32),display:"block",borderRadius:"100%"},svg:{bottom:0,right:0,position:"absolute"}}},headingWrapper:{display:"flex",flexDirection:"column",gap:t?(0,o.h)(8):0,[e.fn.smallerThan("sm")]:{gap:4}},avatarWrapper:{position:"relative",img:{maxWidth:(0,o.h)(48),maxHeight:(0,o.h)(48)},".embedded-review__avatar":{position:"relative"}},reviewText:{a:{textDecoration:"underline",textUnderlineOffset:"2px"}},iconWrapper:{display:"flex",justifyContent:"center",alignItems:"center",width:(0,o.h)(80),height:(0,o.h)(80),borderRadius:"50%",backgroundColor:"#fff",flexShrink:0,img:{maxWidth:(0,o.h)(48),maxHeight:(0,o.h)(48)},[e.fn.smallerThan("sm")]:{width:(0,o.h)(64),height:(0,o.h)(64),img:{maxWidth:(0,o.h)(40),maxHeight:(0,o.h)(40)}}},heading:{},disclaimerIcon:{flexShrink:0}})),ToolsBannerCard=e=>{var{className:t,classNames:a,heading:l,bannerColor:o,medicalReview:u={link:"#",reviewer:"",date:""},icon:g,style:b,isPregTool:v,isRevamp:x,disclaimer:y,styles:f}=e,w=(0,r.a)(e,["className","classNames","heading","bannerColor","medicalReview","icon","style","isPregTool","isRevamp","disclaimer","styles"]);let{t:C}=(0,h.u)(),k=(0,i.rZ)(),I="mb"===k.other.template,j=I?"marryBaby":"helloSites",{classes:O,cx:F}=E({isRevamp:x,isPregTool:v,bannerColor:o,isMarryBaby:I},{name:"ToolsBannerCard",styles:f,classNames:a}),B=(null==u?void 0:u.reviewer)?n.createElement(p.T,{size:"label2",as:"div",className:O.reviewText},u.avatar&&n.createElement("div",{className:"embedded-review__avatar"},n.createElement(s.x,{className:O.avatarWrapper},n.createElement("img",{src:u.avatar,alt:u.reviewer,loading:"lazy"}),n.createElement(m.Z,{size:14}))),n.createElement("div",{dangerouslySetInnerHTML:{__html:C("toolPage.toolReviewer",{expert_name:`<a href="/${u.link}">${u.reviewer.trim()}</a>`,date:u.date})}})):null;return n.createElement(s.x,Object.assign({className:F(t,O.container),style:b,"data-site":j},w),n.createElement(c.k,{className:O.headingWrapper},n.createElement(p.T,{className:F(O.heading,"heading"),size:"h4",as:"h2"},l),B&&n.createElement(p.T,{size:"n1"},B),y&&n.createElement(c.k,{gap:4},n.createElement(d.Z,{size:16,color:k.colors.yellow[8],className:O.disclaimerIcon}),n.createElement(p.T,{size:"c1",variant:"secondary"},y))),n.createElement(c.k,{className:O.iconWrapper},g))};var x=(0,l.k)(()=>({root:{borderTopLeftRadius:"inherit",borderTopRightRadius:"inherit"}})),y=(0,l.k)(e=>({root:{paddingTop:16,borderRadius:"inherit",[e.fn.smallerThan("sm")]:{paddingTop:8}}})),f=(0,l.k)((e,{isPregTool:t,variant:a})=>{let r="mb"===e.other.template;return{root:Object.assign(Object.assign(Object.assign({display:"flex",flexDirection:"column",borderRadius:(0,o.h)(r?16:8)},"default"===a&&{backgroundColor:"#fff",border:`1px solid ${r?e.colors.mb[2]:t?e.colors.pink[1]:e.colors.blue[2]}`}),"gray"===a&&{backgroundColor:e.colors.neutral[0]}),"violet"===a&&{backgroundColor:e.colors.violet[0]}),submitBtn:{},bodyWrapper:{},scrollAreaWrapper:{},bannerWrapper:Object.assign(Object.assign({},"gray"===a&&{backgroundColor:"transparent",padding:`${(0,o.h)(16)} ${(0,o.h)(16)} 0`}),"violet"===a&&{backgroundColor:"transparent",padding:`${(0,o.h)(16)} ${(0,o.h)(16)} 0`}),bannerHeading:Object.assign({},("gray"===a||"violet"===a)&&{fontSize:(0,o.h)(20),lineHeight:(0,o.h)(28),fontWeight:g.F.semiBold,[e.fn.smallerThan("sm")]:{fontSize:(0,o.h)(17),lineHeight:(0,o.h)(24)}}),bannerReviewText:Object.assign({},("gray"===a||"violet"===a)&&{fontSize:(0,o.h)(14),lineHeight:(0,o.h)(22),[e.fn.smallerThan("sm")]:{fontSize:(0,o.h)(12),lineHeight:(0,o.h)(18)}}),submitWrapper:Object.assign(Object.assign({[e.fn.smallerThan("sm")]:{button:{width:"100%"}},[e.fn.largerThan("sm")]:{textAlign:"right"}},"gray"===a&&{backgroundColor:e.colors.neutral[0],button:{marginTop:10}}),"violet"===a&&{backgroundColor:e.colors.violet[0],button:{marginTop:10}}),newsletterBlock:Object.assign(Object.assign({},"gray"===a&&{backgroundColor:e.colors.neutral[0]}),"violet"===a&&{backgroundColor:e.colors.violet[0]})}});let HealthToolCardWrapper=e=>{var{children:t,styles:a,classNames:l,className:o,isPregTool:i,variant:c="default",hasBodyScroll:u}=e,d=(0,r.a)(e,["children","styles","classNames","className","isPregTool","variant","hasBodyScroll"]);let{classes:m,cx:p}=f({isPregTool:i,variant:c},{name:"HealthToolCardWrapper",styles:a,classNames:l});return n.createElement(g.T,{variant:g.C.LEADGEN},n.createElement(v.C.Provider,{value:{isPregTool:i,classes:m,variant:c,hasBodyScroll:u}},n.createElement(s.x,Object.assign({className:p(o,m.root)},d),t)))};HealthToolCardWrapper.Body=e=>{var{children:t,className:a,styles:l,classNames:o}=e,i=(0,r.a)(e,["children","className","styles","classNames"]);let{classes:c,hasBodyScroll:d}=(0,n.useContext)(v.C),{classes:m,cx:p}=y(void 0,{name:"HealthToolCardWrapper__Body",styles:l,classNames:o});return n.createElement(s.x,Object.assign({className:p(a,m.root,c.bodyWrapper)},i),d?n.createElement(u.x,{h:"100%",type:"auto",scrollbarSize:8,className:c.scrollAreaWrapper},t):t)},HealthToolCardWrapper.Banner=e=>{var{className:t,classNames:a,styles:l}=e,o=(0,r.a)(e,["className","classNames","styles"]);let{classes:i}=(0,n.useContext)(v.C),{isPregTool:s}=(0,n.useContext)(v.C),{classes:c,cx:u}=x(void 0,{name:"HealthToolCardWrapper__Banner",classNames:a,styles:l});return n.createElement(ToolsBannerCard,Object.assign({isPregTool:s,classNames:{container:i.bannerWrapper,heading:i.bannerHeading,reviewText:i.bannerReviewText},className:u(t,c.root)},o))}},jZrC:function(e,t,a){a.d(t,{C:function(){return ChoiceField},T:function(){return TextField},i:function(){return I},u:function(){return g}});var r=a("/npG"),n=a("iuhU"),l=a("Eso5"),o=a("8vDj"),i=a("usMy"),s=a("ubET"),c=a("q1tI"),u=a("ChHM"),d=a("AeFk"),m=a("rBCA"),p=a("iBNF"),g=(0,r.k)(e=>(0,i.G)(e)[i.C.LEADGEN]);let h=(0,c.createContext)({}),b=d.iv`
  height: 100% !important;
  min-height: calc(var(--container-height, 56px) * 24 / 56);
  line-height: calc(var(--container-height, 56px) * 24 / 56);
  border: none !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 0;
  cursor: pointer;
  /* opacity: 0; */

  ::placeholder {
    color: ${p.r.colors.gray400};
  }
`,v=d.iv`
  height: auto !important;
  cursor: text;
  opacity: 1;
  transition: 0.1s ease-in-out all;
`,E=d.iv`
  position: absolute;
  top: calc(var(--container-height) / 2);
  left: var(--space-x, 16px);
  margin: 0;
  z-index: 1;
  cursor: pointer;
  transform: translateY(-50%);
  transition: 0.125s ease-in all;

  right: 0; // auto grow width
`,x=d.iv`
  top: var(--space-y-shrink, 6px);
  transform: translateY(0);
  transition: 0.125s ease-out all;
  right: 0; // auto grow width
`,y=d.iv`
  min-height: var(--container-height, 56px);
  display: flex;
  align-items: flex-end;
  border: 1px solid ${p.r.colors.gray200};
  border-radius: 8px;
  background-color: #fff;
  padding-inline: var(--space-x, 16px);
  padding-block: var(--space-y-not-shrink, 16px);
  cursor: pointer;
  pointer-events: none;

  &:has(.mantine-Input-rightSection) {
    padding-right: var(--container-height, 56px);
  }

  .mantine-Input-icon {
    display: none;
  }

  .mantine-NumberInput-control {
    border-color: ${p.r.colors.gray200};
  }
`,f=d.iv`
  height: auto;
  min-height: var(--container-height, 56px);
  padding-block: var(--space-y-shrink, 6px);
  cursor: text;
  pointer-events: auto;
`,w=d.iv`
  color: ${p.r.colors.red800};
  font-size: 12px;
  line-height: 1.5;
`,C=m.Z.div`
  --space-x: 16px;
  --space-y-not-shrink: 15px;
  --space-y-shrink: 6px;
  --container-height: 56px;
  --label-not-shrink: 16px;
  --label-shrink: 12px;
  --input: 15px;

  position: relative;
  min-width: 100px;
  max-width: 100%;
  display: inline-block;

  .textField_wrapper {
    display: inline-block;
    width: 100%;
    cursor: pointer;
  }

  .mantine-InputWrapper-root {
    &[data-invalid='true'] {
      .mantine-Input-wrapper {
        border-color: ${p.r.colors.red400};
      }
    }

    .mantine-Input-wrapper {
      &:has([data-invalid]) {
        border-color: ${p.r.colors.red400};
      }
    }
  }

  .mantine-InputWrapper-label {
    ${E}
  }

  .mantine-Input-wrapper {
    ${y}

    + .mantine-Popover-dropdown[data-position="bottom-start"] {
      left: 0 !important;
    }
    + .mantine-Popover-dropdown[data-position='top-start'] {
      top: unset !important;
      left: 0 !important;
      bottom: 100% !important;
    }
  }

  .mantine-Input-input {
    ${b}
  }

  &.textField_shrink {
    .mantine-InputWrapper-label {
      ${x}
    }

    .mantine-Input-wrapper {
      ${f}
      &.mantine-Select-wrapper {
        .mantine-Select-rightSection {
          pointer-events: auto !important;
        }
      }
    }

    .mantine-Input-input {
      ${v}
    }

    &:has(.PhoneInput) {
      .mantine-InputWrapper-label {
        left: var(--space-x, 16px);
      }
      .PhoneInput {
        .PhoneInputInput {
          opacity: 1;
        }
      }
    }
  }

  &:focus-within {
    .mantine-Input-wrapper {
      transition: 0.25s linear border;
      border-color: ${p.r.colors.primary600};
      box-shadow: 0 0 4px ${p.r.colors.primary200};
    }
  }

  .PhoneInput {
    --phone-select: 75px;
    --phone-input-space-x: 8px;
    width: 100%;
    opacity: 1;
    border: none;
    .PhoneInputCountry {
      background-color: transparent;
      border: none;
      padding: 0;
      width: var(--phone-select, 75px);
    }
    .PhoneInputInput {
      flex: 1;
      min-width: 0;
      line-height: 1.5;
      outline: none !important;
      border: none;
      box-shadow: none;
      font-size: var(--input, 15px);
      padding: 0 var(--phone-input-space-x, 8px);
      /* opacity: 0; */
      color: ${p.r.colors.gray800} !important;
      :focus {
        color: ${p.r.colors.gray800} !important;
      }
    }
  }

  &:has(.PhoneInput) {
    .mantine-InputWrapper-label {
      left: calc(
        var(--space-x, 16px) + var(--phone-select, 75px) +
          var(--phone-input-space-x, 8px)
      );
    }
  }

  .icon {
    position: absolute;
    top: calc(var(--container-height) / 2);
    right: var(--space-x, 16px);
    transform: translateY(-50%);
    transition: 0.125s ease-in all;
    &.shrink {
      top: calc(var(--container-height) / 2 - 4px);
      transform: translateY(0);
    }
  }
`,k=m.Z.div`
  &.leadgen-form_checkbox,
  &.leadgen-form_radio {
    width: 100%;
  }

  &.leadgen-form_dropdown {
    width: calc(50% - 12px);
  }

  .mantine-InputWrapper-root {
    display: block;
  }

  .mantine-InputWrapper-label {
    margin-bottom: 0.5rem;
    color: ${p.r.colors.gray800};
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
  }

  .mantine-Radio-root,
  .mantine-Checkbox-root {
    gap: 8px;
    min-width: calc(50% - 4px);

    // input[type='radio'],
    // input[type='checkbox'] {
    //   border-color: ${p.r.colors.gray600};
    //   width: 18px;
    //   height: 18px;
    // }
    // input[type='checkbox'] {
    //   border-radius: 4px;
    // }

    // &[data-checked='true'] {
    //   input[type='radio'],
    //   input[type='checkbox'] {
    //     border-color: ${p.r.colors.primary600};
    //   }

    //   input[type='radio'] {
    //     background-color: white;
    //   }
    // }

    .mantine-Checkbox-input {
      &:checked {
        border-color: ${p.r.colors.primary600};
      }
    }
  }

  .leadgen-choiceContainer {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px;
  }

  .mantine-InputWrapper-error {
    ${w}
  }
`;m.Z.div`
  position: absolute;
  top: calc(var(--container-height) / 2);
  right: var(--space-x, 16px);
`;let TextField=e=>{let{shrink:t,onChangeShrink:a,children:r,className:l}=e,o=(0,s.a)(e,["shrink","onChangeShrink","children","className"]),[i,u]=(0,c.useState)(t),[d,m]=(0,c.useState)(!1);return(0,c.useEffect)(()=>{u(t)},[t]),c.createElement(h.Provider,Object.assign({value:{shrinkProps:t,shrink:i,setShrink:u,onChangeShrink:a,hasIcon:d,setHasIcon:m}},o),c.createElement(C,Object.assign({shrink:i,className:(0,n.default)(l,"textField",{textField_shrink:!!i})},o),r))},TextFieldControl=e=>{let{shrink:t,shrinkProps:a,onChangeShrink:r,setShrink:n,hasIcon:o}=(0,c.useContext)(h),{children:i,htmlFor:s}=e,d=(0,u.O)(()=>{a||(n(!1),null==r||r(!1))}),focusInput=e=>{setTimeout(()=>{let t=e.querySelectorAll('input:not([disabled]):not([type="submit"]),select:not([disabled]),textarea:not([disabled])'),a=t.item(t.length-1);a&&a.focus({preventScroll:!0})},150)},m=(0,c.useCallback)(e=>{if(t){focusInput(e.currentTarget);return}n(!0),null==r||r(!0),focusInput(e.currentTarget)},[t]);return(0,c.useEffect)(()=>{n(a)},[a]),c.createElement(l.x,{ref:d,onClick:m,className:"textField_wrapper",component:s?"label":"div",htmlFor:s},"function"==typeof i?i({shrink:!!t,hasIcon:o}):i)},TextFieldIcon=({Icon:e})=>{let{shrink:t,setHasIcon:a}=(0,c.useContext)(h),r=(0,o.rZ)();return(0,c.useEffect)(()=>{e&&a(!0)},[]),e?c.createElement(e,{className:`icon ${t?"shrink":""}`,shrink:t,size:24,color:r.colors.gray[9]}):null};TextField.Control=TextFieldControl,TextField.Icon=TextFieldIcon;let ChoiceField=e=>{let{children:t,className:a}=e,r=(0,s.a)(e,["children","className"]);return c.createElement(k,Object.assign({className:(0,n.default)(a,"choiceField")},r),t)};var I=Object.freeze({__proto__:null,TextField:TextField,TextFieldControl:TextFieldControl,TextFieldIcon:TextFieldIcon,ChoiceField:ChoiceField})},vec8:function(e,t,a){a.d(t,{L:function(){return Loading}});var r=a("q1tI"),n=a("kqU0"),l=a("RF7b"),o=a("AeFk"),i=a("rBCA"),s=a("iBNF");let c=i.Z.div`
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1em;
  button {
    position: relative;
  }
`,u=o.F4`
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
`;i.Z.div`
  display: flex;
  width: fit-content;
  width: -moz-fit-content;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem 2rem;
  background: white;
  border-radius: ${s.r.borderRadius};
  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),
    -2px 2px 5px rgba(67, 86, 100, 0.123689);
  .loading-spinner {
    width: 24px;
    height: 24px;
    margin-bottom: 0.5rem;
    animation: ${u} 1.2s linear infinite;
  }
  &[data-is-marrybaby='true'] {
    box-shadow: none;
  }
`;let Loading=({className:e,size:t="md"})=>{let{t:a}=(0,l.u)();return r.createElement(c,{className:e},r.createElement(n.B,{size:t,color:"transparent",isLoading:!0},a("loading")))}},x9hL:function(e,t,a){a.d(t,{C:function(){return i}});var r=a("xrdX"),n=a("GOBr"),l=a("yNk5");let isNumeric=e=>!isNaN(parseFloat(e))&&isFinite(e),o="hellosehat.com",i=new class{constructor(){this.baseDomain="",this.subPath="",this.getAssetPath=(e,t,a)=>{let r="https://hhg-common."+[t||this.getBaseDomain(),a||this.subPath,e].join("/");return n.y||l.env.JEST_WORKER_ID?r:r+"?v="+Math.floor(new Date().getTime()/1e3/60/3)}}getBaseDomain(){if(this.baseDomain)return this.baseDomain;if("undefined"!=typeof window){let{host:e}=window.location,t=e.split("."),a=r.v[Object.keys(r.v).find(t=>e.includes(r.v[t]))];return t.includes("localhost")||t.includes("hellohealthgroup")||t.every(e=>isNumeric(e))||!a?o:a}return o}};i.subPath="common",i.baseDomain=r.v["vi-VN"]},"VHG+":function(e,t,a){a.d(t,{P:function(){return Popup}});var r=a("q1tI"),n=a("rBCA"),l=a("nm4t"),o=a("iBNF");let i=n.Z.div`
  position: fixed;
  left: 50%;

  padding: 0 16px 32px;
  background-color: ${o.r.colors.white};
  border-radius: ${o.r.borderRadius};
  box-shadow: 0px 4px 8px ${o.r.colors.gray200};
  transform: translate(-50%, -50%);
  transition: all 0.5s ease-in-out;
  visibility: hidden;

  &[data-open='true'] {
    z-index: 400;
    top: 50%;
    opacity: 1;
    visibility: visible;
  }

  &[data-open='false'] {
    top: -50%;
  }

  &[data-type='lead'] {
    width: 332px;
    height: 460px;

    div {
      top: -15px;
      right: -15px;
    }
  }

  &[data-type='form'] {
    width: 496px;
    height: 548px;
    ${l.M.mbDown} {
      width: 340px;
    }
  }

  &[data-type='confirm'] {
    ${l.M.mbDown} {
      width: calc(100% - 32px);
    }
    ${l.M.mbUp} {
      width: 100%;
      max-width: 407px;
    }
  }

  .popup-content {
    position: relative;
    z-index: 111;
    height: 100%;
    padding: 16px;
  }

  .close-button {
    position: absolute;
    top: 16px;
    right: 0;
    cursor: pointer;

    img {
      width: 100%;
      height: 100%;
      border-radius: 50%;
    }
  }
`,s=n.Z.div`
  position: fixed;
  z-index: 110;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  background: rgba(38, 38, 38, 0.3);

  &[data-open='false'] {
    display: none;
  }
`,Popup=({type:e="lead",closeIcon:t,isOpen:a=!0,onClose:n,children:l,className:o="",enableAnimation:c=!0,disableClickOutside:u=!1})=>r.createElement(r.Fragment,null,r.createElement(i,{"data-open":a,"data-type":e,"data-animation":c},r.createElement("div",{className:`${o||""} popup-content`},!!t&&r.createElement("div",{className:"close-button",onClick:n},t),l)),r.createElement(s,{"data-open":a,onClick:()=>{u||n()}}))},t68g:function(e,t,a){a.d(t,{B:function(){return BabyVaccineForm}});var r,n,l=a("ubET"),o=a("q1tI"),i=a("iuhU"),s=a("8vDj"),c=a("cChf"),u=a("ZFu2"),d=a("veQL"),m=a("lhAG"),p=a("RF7b"),g=a("yoWs"),h=a("GyZF"),b=a("Duqj"),v=a("fkrl");let E=(0,o.createContext)({}),DefaultLayout=e=>{var t=(0,l.a)(e,[]);let{t:a}=(0,p.u)(),{currentUrl:r,submitProps:n,form:s}=(0,o.useContext)(E),{classes:c={}}=(0,o.useContext)(g.C);return o.createElement(h.H,Object.assign({formLayout:"default"},t),o.createElement(h.H.FormRow,null,o.createElement(b.G,Object.assign({isBaby:!0},s.getInputProps("gender")))),o.createElement(h.H.FormRow,null,o.createElement(d.D,Object.assign({label:o.createElement(m.T,{size:"p2",weight:"semiBold"},a("babyGrowth.input.birthday")),placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0},maxDate:new Date},s.getInputProps("age")))),o.createElement(h.H.FormRow,{className:c.submitWrapper},o.createElement(h.H.Submit,Object.assign({type:"submit",className:(0,i.default)("due-date-calculate-button",c.submitBtn),dataEventCategory:"Health Tool",dataEventAction:"Vaccination Tool",dataEventLabel:r},n),a("dueDatePage.lastPeriod.calculate"))))},InlineLayout=e=>{var t=(0,l.a)(e,[]);let{t:a}=(0,p.u)(),{currentUrl:r,submitProps:n,form:s}=(0,o.useContext)(E),{classes:c={}}=(0,o.useContext)(g.C);return o.createElement(h.H,Object.assign({formLayout:"inline"},t),o.createElement(h.H.FormRow,null,o.createElement(h.H.BorderInlineControl,{label:a("tools.selectBabyGender"),width:"none"},o.createElement(b.G,Object.assign({isBaby:!0,hideLabel:!0,type:"radio"},s.getInputProps("gender")))),s.errors.gender&&o.createElement(h.H.Error,null,s.errors.gender)),o.createElement(h.H.FormRow,null,o.createElement(h.H.BorderInlineControl,{label:a("babyGrowth.input.birthday")},o.createElement(d.D,Object.assign({placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0},maxDate:new Date},s.getInputProps("age"),{error:null}))),s.errors.age&&o.createElement(h.H.Error,null,s.errors.age)),o.createElement(h.H.FormRow,{className:c.submitWrapper},o.createElement(h.H.Submit,Object.assign({type:"submit",className:(0,i.default)("due-date-calculate-button",c.submitBtn),dataEventCategory:"Health Tool",dataEventAction:"Vaccination Tool",dataEventLabel:r},n),a("dueDatePage.lastPeriod.calculate"))))},MbLayout=e=>{var t=(0,l.a)(e,[]);let{t:a}=(0,p.u)(),{currentUrl:r,submitProps:n,form:i}=(0,o.useContext)(E);return o.createElement(h.H,Object.assign({formLayout:"default"},t),o.createElement(h.H.Control,null,o.createElement(b.G,Object.assign({isBaby:!0},i.getInputProps("gender"),{error:null}))),i.errors.gender&&o.createElement(h.H.Error,null,i.errors.gender),o.createElement(h.H.FormRow,null,o.createElement(h.H.BorderBoxControl,{label:a("babyGrowth.input.birthday"),rightSection:o.createElement(v.Z,null)},o.createElement(d.D,Object.assign({placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0},maxDate:new Date,rightSection:null},i.getInputProps("age"),{error:null}))),i.errors.age&&o.createElement(h.H.Error,null,i.errors.age)),o.createElement(h.H.Submit,Object.assign({type:"submit",className:"due-date-calculate-button",dataEventCategory:"Health Tool",dataEventAction:"Vaccination Tool",dataEventLabel:r},n),a("dueDatePage.lastPeriod.calculate")))};(r=n||(n={}))[r.trackPeriod=0]="trackPeriod",r[r.conceive=1]="conceive",r[r.avoidPregnancy=2]="avoidPregnancy";let BabyVaccineForm=e=>{var{formLayout:t="default",submitProps:a,currentUrl:r,onSubmit:n}=e,i=(0,l.a)(e,["formLayout","submitProps","currentUrl","onSubmit"]);let{t:d}=(0,p.u)(),m=(0,s.rZ)(),g="mb"===m.other.template,h=(0,c.c)({validate:{gender:(0,u.U)(d("validation.error.requiredField")),age:(0,u.U)(d("validation.error.requiredField"))}}),b=Object.assign({onSubmit:h.onSubmit(n)},i);return o.createElement(E.Provider,{value:{submitProps:a,currentUrl:r,form:h}},"inline"===t?o.createElement(InlineLayout,Object.assign({},b)):g?o.createElement(MbLayout,Object.assign({formLayout:t},b)):o.createElement(DefaultLayout,Object.assign({},b)))}},DGRf:function(e,t,a){a.d(t,{B:function(){return BlueWhiteLogin},N:function(){return NavigationProfileButton},U:function(){return UserPlain},a:function(){return k},b:function(){return NavigationProvider},u:function(){return useCSSFocusPopupHelper}});var r=a("ubET"),n=a("q1tI"),l=a("nmRb"),o=a("mKAg"),i=a("wY0a"),s=a("krdG"),c=a("lhAG"),u=a("RF7b"),d=a("x9hL"),m=a("iBNF"),p=a("rBCA"),g=a("nm4t"),h=a("gEnE"),b=a("xXM3"),v=a.n(b),E=a("rvDO"),x=a("Hcm0"),y=a("nwSF"),f=a("xrdX"),w=a("QHxc"),C=a("hPj0");let BlueWhiteLogin=e=>n.createElement("svg",Object.assign({width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("rect",{y:"0.5",width:"31",height:"31",rx:"15.5",fill:"white"}),n.createElement("path",{d:"M15.4999 14.3797C16.9062 14.3797 18.0462 13.2397 18.0462 11.8334C18.0462 10.4271 16.9062 9.28711 15.4999 9.28711C14.0936 9.28711 12.9536 10.4271 12.9536 11.8334C12.9536 13.2397 14.0936 14.3797 15.4999 14.3797Z",stroke:"#2743AD",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M19.9092 22.0335C20.7055 21.7825 21.124 20.9029 20.786 20.1399C19.8879 18.1112 17.861 16.6946 15.4999 16.6946C13.1388 16.6946 11.112 18.1112 10.2138 20.1399C9.87585 20.9038 10.2944 21.7825 11.0907 22.0335C12.2249 22.3909 13.7258 22.7131 15.4999 22.7131C17.274 22.7131 18.7749 22.3909 19.9092 22.0335Z",stroke:"#2743AD",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})),UserPlain=e=>n.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("path",{d:"M9.99991 8.3797C11.4062 8.3797 12.5462 7.23969 12.5462 5.83341C12.5462 4.42712 11.4062 3.28711 9.99991 3.28711C8.59363 3.28711 7.45361 4.42712 7.45361 5.83341C7.45361 7.23969 8.59363 8.3797 9.99991 8.3797Z",stroke:"white",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M14.4092 16.0335C15.2055 15.7825 15.624 14.9029 15.286 14.1399C14.3879 12.1112 12.361 10.6946 9.99992 10.6946C7.63881 10.6946 5.61196 12.1112 4.71381 14.1399C4.37585 14.9038 4.79436 15.7825 5.59066 16.0335C6.72492 16.3909 8.22584 16.7131 9.99992 16.7131C11.774 16.7131 13.2749 16.3909 14.4092 16.0335Z",stroke:"white",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})),useNavConfig=({locale:e,projectType:t,siteType:a,enableBookingBtn:r})=>{let l=(0,n.useMemo)(()=>{let n="discover"===t||"together"===t||"marryBaby"===t||"profile"===t&&"marryBaby"===a,l="marryBaby"!==a&&"marryBaby"!==t&&E.C.includes(e),o=r&&"marryBaby"!==t&&"discover"===t&&"marryBaby"!==a&&E.d.includes(e),i="marryBaby"===t||E.a.includes(e),s="marryBaby"!==a&&E.E.includes(e),c="marryBaby"!==a&&E.E.includes(e),u=E.V.includes(e),d=E.H.includes(e),m=E.e.includes(e),p=(0,y.g)(e,"marryBaby"===a),g=p;"undefined"!=typeof window&&(g.includes("//id.")&&(g=g.replace("id.","")),g.includes("//staging-id.")&&(g=g.replace("staging-id.","discover.")));let h=(0,y.a)(e,"marryBaby"===a),b={HOME_PAGE_URL:g,CARE_URL_FE:`${g}/care`,TOGETHER_URL_FE:`${g}/community`,VIDEO_URL_FE:`${g}/videos`,SSO_URL:h,TOGETHER_API:(0,y.b)(),DISCOVER_API:(0,y.c)(e)};return{enableSearchBar:n,enableNavCare:l,enableNavCareBooking:o,enableNavTogether:i,enableNavEcom:s,enableProfileEcom:c,enableNavVideo:u,enableProfileMyHealth:!0,enableNavDiscover:!0,enableNavHealthTools:!0,enableProfileMySaved:!0,statics:b,enableNavClinityDownload:d,enableNavCartCare:m}},[]);return l},k=n.createContext({}),NavigationProvider=e=>{var{children:t}=e,a=(0,r.a)(e,["children"]);let[l,o]=n.useState(()=>a.currentUrl||`https://${"marryBaby"===a.siteType?x.d[a.locale||"en-PH"]:f.v[a.locale||"en-PH"]}${"together"===a.projectType?"/community":"ecom"===a.projectType?"/ecom":"care"===a.projectType?"/care":""}/`);(0,n.useEffect)(()=>{let update=()=>{o(window.location.href)};return window.addEventListener("popstate",update),update(),()=>{window.removeEventListener("popstate",update)}},[]);let i=useNavConfig({locale:a.locale,projectType:a.projectType,siteType:a.siteType,enableBookingBtn:a.enableBookingBtn});return n.createElement(k.Provider,{value:Object.assign(Object.assign({},a),{customClasses:a.customClasses||{},configs:Object.assign(Object.assign({},i),a.configs),currentUrl:a.currentUrl||l})},t)},useCSSFocusPopupHelper=e=>{let{allowBgScroll:t}=e||{},a=(0,n.useRef)();return{containerRef:a,onContainerFocus:()=>{t||(document.documentElement.style.overflow="hidden")},onContainerBlur:()=>{t||(document.documentElement.style.overflow="")},onButtonMouseDown:e=>{a.current&&(document.activeElement===a.current||a.current.contains(document.activeElement))&&(a.current.blur(),document.activeElement.blur(),e.preventDefault())},onClose:()=>{a.current&&(document.activeElement===a.current||a.current.contains(document.activeElement))&&(a.current.blur(),document.activeElement.blur())}}},I=(0,h.Z)(p.Z.div`
    position: absolute;
    right: 0;
    transition: all 0.5s ease-in-out;
    overflow-y: auto;

    &[data-open='true'] {
      z-index: 200;
      top: 120%;
      opacity: 1;
      visibility: visible;
    }

    &[data-open='false'] {
      display: none;
    }

    .popup-content {
      z-index: 111;
      height: 100%;
      border: 1px solid #0000001a;
      border-radius: 16px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }

    /* min-height: 415px; */
    ${g.M.mbUp} {
      width: 320px;
    }
    ${g.M.mbDown} {
      position: fixed;
      left: 0;
      width: 100%;
      padding-bottom: 70px;
    }
  `,"hhgcomp-navprofilebutton-popup"),j=(0,h.Z)(p.Z.div`
    position: fixed;
    z-index: 150;
    top: var(--header-bottom, 56px);
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;

    ${g.M.mbUp} {
      background-color: transparent;
      &[data-type='welcome'] {
        background: rgba(38, 38, 38, 0.3);
      }
      &[data-type='due-date'] {
        background: rgba(38, 38, 38, 0.3);
      }
    }

    ${g.M.mbDown} {
      background: rgba(38, 38, 38, 0.3);
    }

    &[data-type='welcome'] {
      top: 0;
    }

    &[data-open='false'] {
      display: none;
    }
  `,"hhgcomp-navprofilebutton-popupwrapper"),O=p.Z.div`
  width: 36px;
  height: 36px;
  cursor: pointer;

  img {
    border-radius: 50%;
  }

  .avatar {
    width: 36px;
    height: 36px;
    object-fit: cover;
  }

  .avatar-default {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: ${m.r.colors.secondaryBase};
    border-radius: 50%;
    color: white;
    font-size: 20px;
    font-weight: bold;
  }
`,F=p.Z.div`
  display: inline-flex;
  position: relative;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  flex-shrink: 0;
  cursor: pointer;

  .user-close-icon {
    display: none;
  }
  &:focus-within {
    .user-close-icon {
      display: block;
    }
    .user-avatar {
      display: none;
    }
    ${I.classSelector} {
      z-index: 200;
      top: 120%;
      opacity: 1;
      visibility: visible;
      display: initial;
      ${g.M.mbDown} {
        top: 100%;
      }
    }
    ${j.classSelector} {
      display: initial;
    }
  }
`,B=p.Z.a`
  display: inline-flex;
  .login-btn[data-color='tertiary'][data-size='md'] {
    padding-left: 12px;
    padding-right: 12px;
  }
  .mobile-only {
    ${g.M.mbUp} {
      display: none;
    }
  }
  .login-btn {
    display: none;
    ${g.M.mbUp} {
      display: block;
      border: 1px solid ${m.r.colors.neutral100};
    }
  }
  &[data-win-cash-back-theme='true'] {
    .login-btn {
      ${g.M.mbUp} {
        color: ${m.r.colors.white};
      }
    }
  }
`,ProfilePopup=({isOpen:e,userInfo:t,closePopup:a,siteType:r="helloSites",dispatchLogout:l})=>{let{customClasses:o={},configs:{enableProfileFindMyBooking:i}}=(0,n.useContext)(k);return n.createElement(I,{className:o.profilePopup,"data-open":e},n.createElement("div",{className:v()("popup-content",o.profilePopupContent)},n.createElement(w.l,{siteType:r,onLogout:()=>{l&&(l(),a())},userInfo:t,configs:{enableProfileFindMyBooking:i}})))},NavigationProfileButton=({userInfo:e,siteType:t,onLoginClick:a,currentUrl:p,isMinifyLogin:g,onLogout:h,style:b,isLoading:v,isMobile:E,className:x})=>{let{isWinCashBackTheme:y}=(0,n.useContext)(k),{t:f}=(0,u.u)(),[w,I]=(0,n.useState)(!1),j=(null==e?void 0:e.name)||(null==e?void 0:e.username),{containerRef:H,onContainerFocus:T,onContainerBlur:S,onButtonMouseDown:P,onClose:N}=useCSSFocusPopupHelper(),R=(0,n.useMemo)(()=>Object.assign(Object.assign({},b),{pointerEvents:"auto"}),[b]),D=(0,n.useMemo)(()=>E&&"helloSites"===t,[E,t]);return v?D?n.createElement(o.S,null):n.createElement(s.B,{size:"sm",color:"transparent",loading:!0}):(null==e?void 0:e.id)?n.createElement(n.Fragment,null,n.createElement(F,{ref:H,style:R,tabIndex:0,onBlur:S,onFocus:()=>{var e;T();let t=null===(e=H.current)||void 0===e?void 0:e.querySelector("#navigation-v2 .hhgcomp-navprofilebutton-popup");if(t){let e=t.getBoundingClientRect(),a=e.top,r=`calc(100vh - ${a}px)`;t.setAttribute("style",`max-height: ${r};`)}},className:x},n.createElement("div",{onMouseDown:P},n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:"user-close-icon"},n.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),n.createElement(i.A,{size:32,className:"user-avatar",src:null==e?void 0:e.avatar,color:"marryBaby"===t?m.r.mbColors.pink:m.r.colors.secondaryBase,placeholderText:j&&j.length?j[0].toUpperCase():"A"})),n.createElement(ProfilePopup,{dispatchLogout:()=>{N(),I(!0)},isOpen:!1,closePopup:N,siteType:t,userInfo:e})),n.createElement(C.F,{openLogoutPopup:w,onCloseHandler:()=>{document.body.classList.toggle("noscroll",!1),I(!1)},siteType:t,onLogoutHandler:()=>(0,r._)(void 0,void 0,void 0,function*(){I(!1),document.body.classList.toggle("noscroll",!1),yield h()})})):n.createElement(B,{style:Object.assign({textDecoration:"none"},R),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":p,"data-win-cash-back-theme":y,"data-site-type":t,onClick:a},g?n.createElement(O,null,n.createElement("img",{src:d.C.getAssetPath("lock.png"),className:"avatar",loading:"lazy",alt:"avatar"})):n.createElement(n.Fragment,null,"helloSites"===t&&(D?y?n.createElement(BlueWhiteLogin,{className:"mobile-only",style:{cursor:"pointer",width:32,height:32,flexShrink:0}}):n.createElement("img",{className:"mobile-only",src:d.C.getAssetPath("login.svg"),style:{cursor:"pointer",height:24,width:24}}):n.createElement(s.B,{className:"mobile-only",size:"sm",leftIcon:n.createElement(l.Z,{color:"currentColor",isSolid:!0,size:22}),sx:{paddingLeft:"8px",paddingRight:"12px"},styles:{leftIcon:{marginRight:4}}},f("navigation.loginJoin"))),"marryBaby"===t&&n.createElement("div",{className:"mobile-only",style:{paddingLeft:16}},n.createElement(c.T,{size:"p3",color:m.r.mbColors.pink},f("navigation.loginJoin"))),"marryBaby"===t?n.createElement(s.B,{className:"login-btn",size:"md",leftIcon:n.createElement(l.Z,{color:"currentColor",isSolid:!0,size:22})},f("navigation.loginJoin")):n.createElement(s.B,{className:"login-btn",size:"md",leftIcon:y?n.createElement(UserPlain,{style:{flexShrink:0,width:20,height:20}}):n.createElement(l.Z,{color:"#595959",isSolid:!0,size:22}),variant:"ghost",color:"#262626",sx:{fontWeight:500,fontSize:14,lineHeight:22}},f("navigation.loginJoin"))))}},"5RaK":function(e,t,a){a.d(t,{T:function(){return ThrForm}});var r=a("ubET"),n=a("q1tI"),l=a("cChf"),o=a("ZFu2"),i=a("Ix29"),s=a("RF7b"),c=a("x9hL"),u=a("990U"),d=a("Duqj"),m=a("wY0a"),p=a("veQL"),g=a("lhAG"),h=a("yoWs"),b=a("GyZF"),v=a("xrdX");let E=(0,n.createContext)({}),DefaultForm=e=>{var t,a=(0,r.a)(e,[]);let{t:l,locale:o}=(0,s.u)(),{isAdult:i,activeValueNote:c,linkTool:u,form:x,submitProps:y}=(0,n.useContext)(E),{classes:f={}}=(0,n.useContext)(h.C);return n.createElement(b.H,Object.assign({formLayout:"default"},a),n.createElement(b.H.FormRow,null,n.createElement(d.G,Object.assign({},x.getInputProps("gender")))),n.createElement(b.H.FormRow,null,n.createElement(p.D,Object.assign({},x.getInputProps("age"),{placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0},label:n.createElement(g.T,{size:"p2",weight:"semiBold"},l("targetHeartRate.ageInput")),maxDate:new Date}))),n.createElement(b.H.FormRow,null,n.createElement(m.I.Number,Object.assign({label:n.createElement(g.T,{size:"p2",weight:"semiBold"},l("targetHeartRate.heartRateInput")),placeholder:l("tools.inputPlaceholder",{content:"60"})},x.getInputProps("heartRate"),{min:40,max:200,styles:()=>({rightSection:{width:"auto"}})}))),i&&n.createElement(b.H.FormRow,null,n.createElement(m.S,Object.assign({label:n.createElement(g.T,{size:"p2",weight:"semiBold"},l("targetHeartRate.selectActive")),defaultValue:null===(t=null==c?void 0:c[0])||void 0===t?void 0:t.value,data:c.map(e=>({value:e.value,label:e.label})),styles:{item:{whiteSpace:"nowrap",padding:"10px 12px",fontSize:"14px"}},withinPortal:!0},x.getInputProps("activeValue")))),n.createElement(b.H.FormRow,{className:f.submitWrapper},n.createElement(b.H.Submit,Object.assign({className:f.submitBtn,type:"submit",dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:`https://${v.v[o]}/${u}`},y),l("bmi.submit"))))},InlineForm=e=>{var t,a=(0,r.a)(e,[]);let{t:l,locale:o}=(0,s.u)(),{isAdult:i,activeValueNote:c,linkTool:u,form:g,submitProps:x}=(0,n.useContext)(E),{classes:y={}}=(0,n.useContext)(h.C);return n.createElement(b.H,Object.assign({formLayout:"inline"},a),n.createElement(b.H.FormRow,null,n.createElement(b.H.BorderInlineControl,{label:l("tools.selectGender"),width:"none"},n.createElement(d.G,Object.assign({type:"radio",hideLabel:!0,error:null},g.getInputProps("gender")))),g.errors.gender&&n.createElement(b.H.Error,null,g.errors.gender)),n.createElement(b.H.FormRow,null,n.createElement(b.H.BorderInlineControl,{label:l("targetHeartRate.ageInput")},n.createElement(p.D,Object.assign({},g.getInputProps("age"),{placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0},error:null,maxDate:new Date}))),g.errors.age&&n.createElement(b.H.Error,null,g.errors.age)),n.createElement(b.H.FormRow,null,n.createElement(b.H.BorderInlineControl,{label:l("targetHeartRate.heartRateInput")},n.createElement(m.I.Number,Object.assign({placeholder:l("tools.inputPlaceholder",{content:"60"})},g.getInputProps("heartRate"),{error:null,min:40,max:200,rightSection:n.createElement(b.H.Unit,null,"bmp"),styles:()=>({rightSection:{width:"auto"}})}))),g.errors.heartRate&&n.createElement(b.H.Error,null,g.errors.heartRate)),i&&n.createElement(b.H.FormRow,null,n.createElement(b.H.BorderInlineControl,{label:l("targetHeartRate.selectActive")},n.createElement(m.S,Object.assign({defaultValue:null===(t=null==c?void 0:c[0])||void 0===t?void 0:t.value,data:c.map(e=>({value:e.value,label:e.label})),styles:{item:{whiteSpace:"nowrap",padding:"10px 12px",fontSize:"14px"}},withinPortal:!0},g.getInputProps("activeValue"))))),n.createElement(b.H.FormRow,{className:y.submitWrapper},n.createElement(b.H.Submit,Object.assign({className:y.submitBtn,type:"submit",dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:`https://${v.v[o]}/${u}`},x),l("bmi.submit"))))},ThrForm=e=>{var{formLayout:t,onSubmit:a,onError:d,submitProps:m}=e,p=(0,r.a)(e,["formLayout","onSubmit","onError","submitProps"]);let{t:g,locale:h}=(0,s.u)(),b=(0,n.useRef)(40),{getHealthToolLink:v}=(0,i.u)(h),x=(0,l.c)({initialValues:{heartRate:60,activeValue:"low_intensity"},validate:{gender:(0,o.U)(g("validation.error.requiredField")),age:(0,o.U)(g("validation.error.requiredField")),heartRate:e=>Number(e)>=b.current&&200>=Number(e)?null:g("tools.heartRateRangeErr",{min:b.current,max:200})}}),y=(0,n.useMemo)(()=>v(u.H.THR),[v]),[f,w]=(0,n.useState)(!1),C=[{idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40},{idAge:1,minAge:18,maxAge:25,rangeMale:49,rangeFemale:54},{idAge:2,minAge:25,maxAge:35,rangeMale:49,rangeFemale:54},{idAge:3,minAge:35,maxAge:45,rangeMale:50,rangeFemale:54},{idAge:4,minAge:45,maxAge:55,rangeMale:50,rangeFemale:54},{idAge:5,minAge:55,maxAge:65,rangeMale:51,rangeFemale:54},{idAge:6,minAge:65,maxAge:120,rangeMale:50,rangeFemale:54}],k=[{value:"low_intensity",label:g("targetHeartRate.lowIntensity.title"),image:c.C.getAssetPath("/low.svg"),imageActive:c.C.getAssetPath("/low-active.svg"),content:g("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:g("targetHeartRate.moderateIntensity.title"),image:c.C.getAssetPath("/moderate.svg"),imageActive:c.C.getAssetPath("/moderate-active.svg"),content:g("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:g("targetHeartRate.aerobicZone.title"),image:c.C.getAssetPath("/aerobic.svg"),imageActive:c.C.getAssetPath("/aerobic-active.svg"),content:g("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:g("targetHeartRate.vigorousIntensity.title"),image:c.C.getAssetPath("/vigorous.svg"),imageActive:c.C.getAssetPath("/vigorous-active.svg"),content:g("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:g("targetHeartRate.maximumIntensity.title"),image:c.C.getAssetPath("/maximum.svg"),imageActive:c.C.getAssetPath("/maximum-active.svg"),content:g("targetHeartRate.maximumIntensity.note")}];(0,n.useEffect)(()=>{let e=x.getInputProps("age").value,t=x.getInputProps("gender").value;if(e instanceof Date){let a=(new Date().getTime()-e.getTime())/1e3;a>=567648e3?w(!0):w(!1);let r=C.find(e=>a>=31536e3*e.minAge&&a<31536e3*e.maxAge)||C[0];b.current="male"===t?r.rangeMale:r.rangeFemale}},[x]);let I=Object.assign(Object.assign({},p),{onSubmit:x.onSubmit(a,d)});return n.createElement(E.Provider,{value:{isAdult:f,activeValueNote:k,linkTool:y,form:x,submitProps:m}},"inline"===t?n.createElement(InlineForm,Object.assign({},I)):n.createElement(DefaultForm,Object.assign({},I)))}},f4rt:function(e,t,a){a.d(t,{C:function(){return n}});var r=a("q1tI");let n=(0,r.forwardRef)(function(e,t){return r.createElement("circle",Object.assign({},e,{ref:t}),r.createElement("animate",{attributeName:"r",values:"4;8;4",dur:"2s",begin:"0s",repeatCount:"indefinite"}))})}}]);