"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3597],{qTwK:function(e,t,r){r.d(t,{T:function(){return ThrForm}});var a=r("SwpR"),l=r("q1tI"),n=r("cChf"),o=r("ZFu2"),i=r("Yflq"),s=r("5DIC"),c=r("Ejk3"),u=r("KUTG"),m=r("AUQL"),d=r("Biuj"),g=r("tmJ0"),h=r("2YCo"),b=r("FGWO"),p=r("NgKr"),E=r("xrdX");let v=(0,l.createContext)({}),DefaultForm=e=>{var t,r=(0,a._)(e,[]);let{t:n,locale:o}=(0,s.u)(),{isAdult:i,activeValueNote:c,linkTool:u,form:w,submitProps:y}=(0,l.useContext)(v),{classes:f={}}=(0,l.useContext)(b.C);return l.createElement(p.H,Object.assign({formLayout:"default"},r),l.createElement(p.H.FormRow,null,l.createElement(m.G,Object.assign({},w.getInputProps("gender")))),l.createElement(p.H.FormRow,null,l.createElement(g.D,Object.assign({},w.getInputProps("age"),{placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0},label:l.createElement(h.T,{size:"p2",weight:"semiBold"},n("targetHeartRate.ageInput")),maxDate:new Date}))),l.createElement(p.H.FormRow,null,l.createElement(d.I.Number,Object.assign({label:l.createElement(h.T,{size:"p2",weight:"semiBold"},n("targetHeartRate.heartRateInput")),placeholder:n("tools.inputPlaceholder",{content:"60"})},w.getInputProps("heartRate"),{min:40,max:200,styles:()=>({rightSection:{width:"auto"}})}))),i&&l.createElement(p.H.FormRow,null,l.createElement(d.S,Object.assign({label:l.createElement(h.T,{size:"p2",weight:"semiBold"},n("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},w.getInputProps("activeValue")))),l.createElement(p.H.FormRow,{className:f.submitWrapper},l.createElement(p.H.Submit,Object.assign({className:f.submitBtn,type:"submit",dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:`https://${E.v[o]}/${u}`},y),n("bmi.submit"))))},InlineForm=e=>{var t,r=(0,a._)(e,[]);let{t:n,locale:o}=(0,s.u)(),{isAdult:i,activeValueNote:c,linkTool:u,form:h,submitProps:w}=(0,l.useContext)(v),{classes:y={}}=(0,l.useContext)(b.C);return l.createElement(p.H,Object.assign({formLayout:"inline"},r),l.createElement(p.H.FormRow,null,l.createElement(p.H.BorderInlineControl,{label:n("tools.selectGender"),width:"none"},l.createElement(m.G,Object.assign({type:"radio",hideLabel:!0,error:null},h.getInputProps("gender")))),h.errors.gender&&l.createElement(p.H.Error,null,h.errors.gender)),l.createElement(p.H.FormRow,null,l.createElement(p.H.BorderInlineControl,{label:n("targetHeartRate.ageInput")},l.createElement(g.D,Object.assign({},h.getInputProps("age"),{placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0},error:null,maxDate:new Date}))),h.errors.age&&l.createElement(p.H.Error,null,h.errors.age)),l.createElement(p.H.FormRow,null,l.createElement(p.H.BorderInlineControl,{label:n("targetHeartRate.heartRateInput")},l.createElement(d.I.Number,Object.assign({placeholder:n("tools.inputPlaceholder",{content:"60"})},h.getInputProps("heartRate"),{error:null,min:40,max:200,rightSection:l.createElement(p.H.Unit,null,"bmp"),styles:()=>({rightSection:{width:"auto"}})}))),h.errors.heartRate&&l.createElement(p.H.Error,null,h.errors.heartRate)),i&&l.createElement(p.H.FormRow,null,l.createElement(p.H.BorderInlineControl,{label:n("targetHeartRate.selectActive")},l.createElement(d.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},h.getInputProps("activeValue"))))),l.createElement(p.H.FormRow,{className:y.submitWrapper},l.createElement(p.H.Submit,Object.assign({className:y.submitBtn,type:"submit",dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:`https://${E.v[o]}/${u}`},w),n("bmi.submit"))))},ThrForm=e=>{var{formLayout:t,onSubmit:r,onError:m,submitProps:d}=e,g=(0,a._)(e,["formLayout","onSubmit","onError","submitProps"]);let{t:h,locale:b}=(0,s.u)(),p=(0,l.useRef)(40),{getHealthToolLink:E}=(0,i.u)(b),w=(0,n.c)({initialValues:{heartRate:60,activeValue:"low_intensity"},validate:{gender:(0,o.U)(h("validation.error.requiredField")),age:(0,o.U)(h("validation.error.requiredField")),heartRate:e=>Number(e)>=p.current&&200>=Number(e)?null:h("tools.heartRateRangeErr",{min:p.current,max:200})}}),y=(0,l.useMemo)(()=>E(u.H.THR),[E]),[f,I]=(0,l.useState)(!1),x=[{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}],H=[{value:"low_intensity",label:h("targetHeartRate.lowIntensity.title"),image:c.C.getAssetPath("/low.svg"),imageActive:c.C.getAssetPath("/low-active.svg"),content:h("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:h("targetHeartRate.moderateIntensity.title"),image:c.C.getAssetPath("/moderate.svg"),imageActive:c.C.getAssetPath("/moderate-active.svg"),content:h("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:h("targetHeartRate.aerobicZone.title"),image:c.C.getAssetPath("/aerobic.svg"),imageActive:c.C.getAssetPath("/aerobic-active.svg"),content:h("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:h("targetHeartRate.vigorousIntensity.title"),image:c.C.getAssetPath("/vigorous.svg"),imageActive:c.C.getAssetPath("/vigorous-active.svg"),content:h("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:h("targetHeartRate.maximumIntensity.title"),image:c.C.getAssetPath("/maximum.svg"),imageActive:c.C.getAssetPath("/maximum-active.svg"),content:h("targetHeartRate.maximumIntensity.note")}];(0,l.useEffect)(()=>{let e=w.getInputProps("age").value,t=w.getInputProps("gender").value;if(e instanceof Date){let r=(new Date().getTime()-e.getTime())/1e3;r>=567648e3?I(!0):I(!1);let a=x.find(e=>r>=31536e3*e.minAge&&r<31536e3*e.maxAge)||x[0];p.current="male"===t?a.rangeMale:a.rangeFemale}},[w]);let C=Object.assign(Object.assign({},g),{onSubmit:w.onSubmit(r,m)});return l.createElement(v.Provider,{value:{isAdult:f,activeValueNote:H,linkTool:y,form:w,submitProps:d}},"inline"===t?l.createElement(InlineForm,Object.assign({},C)):l.createElement(DefaultForm,Object.assign({},C)))}},i1bX:function(e,t,r){r.d(t,{S:function(){return SocialLinkPreview}});var a=r("SwpR"),l=r("q1tI"),n=r("Eso5"),o=r("8vDj"),i=r("9S3P"),s=r("gLxU"),c=r("rBCA"),u=r("IQVP"),m=r("KUTG"),d=r("dWwG"),g=r("nzWZ");let h=c.Z.div`
  .link-info-container {
    padding: 0.5rem 1rem;
    background: ${e=>e.color||"#f4faff"};
  }
  .link-image-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
    &.fetching {
      background: lightgray;
    }
    .loading-spinner {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    .link-image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }
  }
  a {
    text-decoration: none;
  }
  &[data-is-marrybaby='true'] {
    overflow: hidden;
    border-radius: 1rem;
  }
`,useExternalScript=({url:e,onLoad:t,onError:r})=>{let[a,n]=(0,l.useState)(e?"loading":"idle");return(0,l.useEffect)(()=>{if(!e){n("idle");return}let a=document.querySelector(`script[src="${e}"]`),handleLoadScript=()=>{n("ready"),null==t||t()},handleErrorScript=()=>{n("error"),null==r||r()};return a||((a=document.createElement("script")).type="application/javascript",a.src=e,a.async=!0,document.body.appendChild(a),a.addEventListener("load",handleLoadScript),a.addEventListener("error",handleErrorScript)),a.addEventListener("load",handleLoadScript),a.addEventListener("error",handleErrorScript),()=>{a.removeEventListener("load",handleLoadScript),a.removeEventListener("error",handleErrorScript)}},[e]),a},YoutubePlyr=({id:e,autoplay:t})=>{let r=(0,l.useRef)(null),a=useExternalScript({url:"https://cdn.plyr.io/3.7.8/plyr.js"});return(0,l.useEffect)(()=>{if(!document.getElementById("hhg-plyr-player")){let e=document.createElement("link");e.rel="stylesheet",e.type="text/css",e.href="https://cdn.plyr.io/3.7.8/plyr.css",e.id="hhg-plyr-player",document.head.appendChild(e)}("ready"===a||"undefined"!=typeof Plyr)&&new Plyr(r.current.querySelector('[data-id="player"]'),{autoplay:t,muted:!0})},[a]),l.createElement(l.Fragment,null,l.createElement(n.x,{ref:r,sx:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"#000","&, > div":{width:"100%",height:"100%"}}},l.createElement("div",{"data-id":"player"},l.createElement("iframe",{width:"100%",height:"100%",src:`https://www.youtube.com/embed/${e}?&mute=1&enablejsapi=1&rel=0`,allowFullScreen:!0,frameBorder:"0"}))))},SocialLinkPreview=({url:e,image:t,className:r,style:n,baseUrl:c="",autoPlay:b=!0,onPushStatus:p})=>{let{data:{locale:E}}=(0,l.useContext)(s.T),[v,w]=(0,l.useState)(null);(0,l.useEffect)(()=>{(0,a.a)(void 0,void 0,void 0,function*(){if(!t){if(!e)return w(null);w(e=>Object.assign(Object.assign({},e),{isFetching:!0})),(0,s.c)((0,s.f)(u.yy.FETCH_PREVIEW,{_locale:E},void 0,c),"POST",{data:{link:e},headers:{"Content-Type":"application/json"}},!!c).then(t=>{var r,a;w({url:e,image:(null===(r=null==t?void 0:t.data)||void 0===r?void 0:r.image)||(null===(a=null==t?void 0:t.data)||void 0===a?void 0:a.logo)})}).catch(()=>{w(null)})}})},[e,t]);let y=t||(null==v?void 0:v.image),f=(null==v?void 0:v.url)||e,I=(0,l.useMemo)(()=>(0,d.y)(f),[f]),x=(0,l.useMemo)(()=>f.includes("facebook.com")||f.includes("fb.watch"),[f]),H=(0,l.useRef)(0),C=(0,l.useRef)(0),[F,P]=(0,l.useState)(!1);(0,l.useEffect)(()=>{let handleResize=()=>{var e;let t=null===(e=D.current)||void 0===e?void 0:e.getBoundingClientRect(),r=!1;t&&(!H.current||Math.abs((H.current-t.width)/(null==t?void 0:t.width))>.2)&&(H.current=Math.floor(t.width),r=!0),t&&(!C.current||Math.abs((C.current-t.height)/(null==t?void 0:t.height))>.2)&&(C.current=Math.floor(t.height),r=!0),r&&P(e=>!e)};return handleResize(),window.addEventListener("resize",handleResize,{passive:!0}),()=>{window.removeEventListener("resize",handleResize)}},[]),(0,l.useEffect)(()=>{(null==v?void 0:v.image)&&(null==v?void 0:v.url)&&(null==p||p(!0))},[v]);let D=(0,l.useRef)(null),R=(0,o.rZ)();return l.createElement(h,{className:`${r} no-replace-click`,style:n,ref:D,color:R.colors[R.primaryColor][0]},!t&&(I||x)?l.createElement("div",{className:"link-image-wrapper"},I?l.createElement(YoutubePlyr,{id:I,autoplay:b}):x?l.createElement("iframe",{key:String(F),src:`https://www.facebook.com/plugins/video.php?href=${encodeURIComponent(f)}&autoplay=${b?1:0}&show_text=false&t=0&width=${H.current}&height=${C.current}`,style:{position:"absolute",top:"50%",left:"50%",border:"none",overflow:"hidden",height:C.current,width:H.current,transform:"translate(-50%, -50%)"},scrolling:"no",frameBorder:"0",allowFullScreen:!0,allow:"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share",loading:"lazy"}):null):l.createElement("a",{href:f,target:"_blank",rel:"noreferrer"},l.createElement("div",{className:`link-image-wrapper ${(null==v?void 0:v.isFetching)?"fetching":""}`},(null==v?void 0:v.isFetching)?l.createElement(g.L,{className:"loading-spinner"}):l.createElement(i.I,{className:"link-image",src:y||m.a,backupSrc:m.a,alt:f}))))}},tmJ0:function(e,t,r){r.d(t,{D:function(){return DatePicker}});var a=r("SwpR"),l=r("q1tI"),n=r("8vDj"),o=r("gHhT"),i=r("catb"),s=r("UqOp"),c=r("Ejk3"),u=r("9s1y"),m=r("XgXa"),d=r("yNk5");let DatePicker=e=>{var t,{value:r,fullWidth:g=!0}=e,h=(0,a._)(e,["value","fullWidth"]);let b=(0,n.rZ)(),p="mb"===b.other.template,E=null===(t=s.I[d.env.UNIFY_LOCALE||m.L.Vietnam])||void 0===t?void 0:t.dateFormat;return l.createElement(i.a,Object.assign({locale:u.M[d.env.UNIFY_LOCALE||m.L.Vietnam],valueFormat:E,size:"md",clearable:!1,popoverProps:g?{styles:{dropdown:{minWidth:"100%",display:"flex",justifyContent:"center",alignItems:"center"}}}:{},styles:{root:{position:"relative"},rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:l.createElement(o.E,{src:c.C.getAssetPath(p?"MB-calendar.svg":"OutlineCalendar.svg"),width:18,height:18}),value:r,placeholder:E},h,{className:`input-control ${(null==h?void 0:h.className)||""}`}))}},Y0Ow:function(e,t,r){r.d(t,{R:function(){return RadioImageGroup}});var a=r("q1tI"),l=r("iBNF"),n=r("rBCA"),o=r("c5xZ"),i=r("0Pmq");let s=n.Z.div`
  display: flex;
  width: 100%;

  &[data-direction='vertical'] {
    flex-direction: column;
  }

  &[data-direction='horizontal'] {
    flex-wrap: wrap;
  }
`,c=n.Z.div`
  display: flex;

  padding: 8px;

  border-radius: ${l.r.borderRadius};
  cursor: pointer;

  & > div {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }

  &[data-is-mb='false'] {
    &[data-selected='true'] {
      border: 1px solid #2d87f3;
      background: white;
    }
    &[data-selected='false'] {
      border: 1px solid #f2f2f2;
      box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);
    }
  }

  &[data-is-mb='true'] {
    border-radius: 16px;
    background: white;
    padding: 16px auto;

    &[data-selected='true'] {
      border: 1px solid ${l.r.mbColors.mint};
      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
    }
    &[data-selected='false'] {
      border: none;
    }
  }

  &[data-disabled='true'] {
    cursor: auto;
  }

  .radio-group-item-heading {
    margin-top: 8px;
    //height: 48px;
    text-align: center;
  }

  .gender-image {
    width: 70px;
    height: 70px;
    &[data-is-mobile='true'] {
      width: 40px;
      height: 40px;
    }
  }
`,RadioImageGroup=({value:e,options:t,className:r,direction:n="horizontal",onChange:u,isDisabled:m,siteType:d})=>{let[g,h]=(0,a.useState)(e),handleOnChange=e=>{!m&&(h(e),u&&u(e))},b="marryBaby"===d;return a.createElement(s,{className:r,"data-direction":n},t.map((t,r)=>a.createElement(c,{"data-selected":(e||g)===t.value,"data-is-mb":b,"data-disabled":m,key:r,onClick:()=>{handleOnChange(t.value)}},a.createElement("div",null,t.content,t.label&&a.createElement(a.Fragment,null,b?a.createElement(o.M,{type:"subtitle-2",color:(e||g)===t.value?l.r.mbColors.dark:l.r.mbColors.midGray},t.label):a.createElement(i.T,{type:"bold",color:(e||g)===t.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},t.label))))))}},"Z+S2":function(e,t,r){r.d(t,{B:function(){return BabyGrowthForm}});var a=r("SwpR"),l=r("q1tI"),n=r("/npG"),o=r("mYVa"),i=r("8vDj"),s=r("iuhU"),c=r("cChf"),u=r("ZFu2"),m=r("Biuj"),d=r("tmJ0"),g=r("2YCo"),h=r("iBNF"),b=r("5DIC"),p=r("FGWO"),E=r("uMiv"),v=r("NgKr"),w=r("AUQL"),y=r("XgXa"),f=r("Zge2");let I=(0,l.createContext)({}),DefaultForm=e=>{let{t,locale:r}=(0,b.u)(),{classes:a={}}=(0,l.useContext)(p.C),{form:n,currentUrl:o,submitProps:i}=(0,l.useContext)(I),s={placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0}};return l.createElement(v.H,Object.assign({formLayout:"default"},e),l.createElement(v.H.FormRow,null,l.createElement(v.H.Control,null,l.createElement(w.G,Object.assign({isBaby:!0,genderValue:{male:"boy",female:"girl"}},n.getInputProps("gender"),{error:null}))),n.errors.gender&&l.createElement(v.H.Error,null,n.errors.gender)),l.createElement(v.H.FormRow,null,l.createElement(m.I.Wrapper,{label:l.createElement(g.T,{size:"p2",weight:"semiBold"},t("babyGrowth.input.birthday"))},l.createElement(d.D,Object.assign({},s,{maxDate:new Date},n.getInputProps("birthday"),{error:null,onChange:e=>{e&&n.validateField("measurementDate"),n.getInputProps("birthday").onChange(e)}}))),n.errors.birthday&&l.createElement(v.H.Error,null,n.errors.birthday)),l.createElement(v.H.FormRow,null,l.createElement(m.I.Number,Object.assign({label:l.createElement(g.T,{size:"p2",weight:"semiBold"},t("babyGrowth.height"),l.createElement(g.T,{size:"p2",weight:"semiBold",color:h.r.colors.gray300,as:"span"},` (${t("babyGrowth.cm")})`))},n.getInputProps("height"),{placeholder:t("babyGrowth.height"),min:E.I.height.min,max:E.I.height.max,onChange:e=>{n.setFieldValue("height",e),n.setFieldValue("checkMesureVal",!n.values.checkMesureVal)}}))),l.createElement(v.H.FormRow,null,l.createElement(m.I.Number,Object.assign({label:l.createElement(g.T,{size:"p2",weight:"semiBold"},t("babyGrowth.weight"),l.createElement(g.T,{size:"p2",weight:"semiBold",color:h.r.colors.gray300,as:"span"},` (${t("babyGrowth.kg")})`))},n.getInputProps("weight"),{placeholder:t("babyGrowth.weight"),min:E.I.weight.min,max:E.I.weight.max,onChange:e=>{n.setFieldValue("weight",e),n.setFieldValue("checkMesureVal",!n.values.checkMesureVal)}}))),r!==y.L.Vietnam&&l.createElement(v.H.FormRow,null,l.createElement(m.I.Number,Object.assign({label:l.createElement(g.T,{size:"p2",weight:"semiBold"},t("babyGrowth.head"),l.createElement(g.T,{size:"p2",weight:"semiBold",color:h.r.colors.gray300,as:"span"},` (${t("babyGrowth.cm")})`))},n.getInputProps("head"),{placeholder:t("babyGrowth.head"),onChange:e=>{n.setFieldValue("head",e),n.setFieldValue("checkMesureVal",!n.values.checkMesureVal)}}))),n.errors.checkMesureVal&&l.createElement(v.H.Error,null,n.errors.checkMesureVal),l.createElement(v.H.FormRow,null,l.createElement(m.I.Wrapper,{label:l.createElement(g.T,{size:"p2",weight:"semiBold"},t("babyGrowth.input.measurementDate"))},l.createElement(d.D,Object.assign({},s,{defaultValue:new Date},n.getInputProps("measurementDate"),{maxDate:new Date,error:null}))),n.errors.measurementDate&&l.createElement(v.H.Error,null,n.errors.measurementDate)),l.createElement(v.H.FormRow,{className:a.submitWrapper},l.createElement(v.H.Submit,Object.assign({className:a.submitBtn,type:"submit","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":o},i),t("babyGrowth.input.submit"))))};var x=(0,n.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 r=Number(t)/Math.pow(Number(e)/100,2);if(isNaN(r))return 0;return Number(localizeNumberFormat(r))}}catch(e){}return 0},InlineForm=e=>{var{styles:t,classNames:r}=e,n=(0,a._)(e,["styles","classNames"]);let{t:o,locale:c}=(0,b.u)(),{form:u,currentUrl:h,submitProps:f}=(0,l.useContext)(I),{classes:H={}}=(0,l.useContext)(p.C),C=(0,i.rZ)(),{classes:F}=x(void 0,{name:"BabyGrowthForm__InlineForm",styles:t,classNames:r}),P={placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0}};return l.createElement(v.H,Object.assign({formLayout:"inline"},n),l.createElement(v.H.FormRow,null,l.createElement(v.H.BorderInlineControl,{label:o("tools.selectBabyGender")},l.createElement(w.G,Object.assign({type:"radio",hideLabel:!0,isBaby:!0,genderValue:{male:"boy",female:"girl"}},u.getInputProps("gender")))),u.errors.gender&&l.createElement(v.H.Error,null,u.errors.gender)),l.createElement(v.H.FormRow,null,l.createElement(v.H.BorderInlineControl,{label:o("babyGrowth.input.birthday")},l.createElement(d.D,Object.assign({},P,{maxDate:new Date},u.getInputProps("birthday"),{error:null,onChange:e=>{e&&u.validateField("measurementDate"),u.getInputProps("birthday").onChange(e)}}))),u.errors.birthday&&l.createElement(v.H.Error,null,u.errors.birthday)),l.createElement(v.H.FormRow,null,l.createElement(v.H.BorderInlineControl,{label:"BMI",styles:{control:{"&:first-child":{width:"auto"}}}},l.createElement(g.T,{size:"p3"},l.createElement("span",{className:F.bmiVal},u.getInputProps("height").value&&u.getInputProps("weight").value&&bmiCalculate(Number(u.getInputProps("height").value),Number(u.getInputProps("weight").value))),"(",o("babyGrowth.kg.m2"),")"),l.createElement(m.I.Number,Object.assign({},u.getInputProps("height"),{placeholder:o("babyGrowth.height"),min:E.I.height.min,max:E.I.height.max,onChange:e=>{u.setFieldValue("height",e),u.setFieldValue("checkMesureVal",!u.values.checkMesureVal)},rightSection:l.createElement(v.H.Unit,null,o("babyGrowth.cm"))})),l.createElement(m.I.Number,Object.assign({},u.getInputProps("weight"),{placeholder:o("babyGrowth.weight"),min:E.I.weight.min,max:E.I.weight.max,onChange:e=>{u.setFieldValue("weight",e),u.setFieldValue("checkMesureVal",!u.values.checkMesureVal)},rightSection:l.createElement(v.H.Unit,null,o("babyGrowth.kg"))}))),("mb"===C.other.template||c!==y.L.Vietnam)&&l.createElement(v.H.BorderInlineControl,{label:o("babyGrowth.head")},l.createElement(m.I.Number,Object.assign({},u.getInputProps("head"),{placeholder:o("babyGrowth.head"),onChange:e=>{u.setFieldValue("head",e),u.setFieldValue("checkMesureVal",!u.values.checkMesureVal)},rightSection:l.createElement(v.H.Unit,null,o("babyGrowth.cm"))}))),u.errors.checkMesureVal&&l.createElement(v.H.Error,null,u.errors.checkMesureVal)),l.createElement(v.H.FormRow,null,l.createElement(v.H.BorderInlineControl,{label:o("babyGrowth.input.measurementDate")},l.createElement(d.D,Object.assign({},P,{maxDate:new Date},u.getInputProps("measurementDate"),{error:null}))),u.errors.measurementDate&&l.createElement(v.H.Error,null,u.errors.measurementDate)),l.createElement(v.H.FormRow,{className:H.submitWrapper},l.createElement(v.H.Submit,Object.assign({type:"submit","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":h,className:(0,s.default)(F.submitBtn,H.submitBtn)},f),o("babyGrowth.input.submit"))))},MbLayout=e=>{var t=(0,a._)(e,[]);let{t:r}=(0,b.u)(),{form:n,currentUrl:o,submitProps:i}=(0,l.useContext)(I),s={placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0}};return l.createElement(v.H,Object.assign({formLayout:"default"},t),l.createElement(v.H.FormRow,null,l.createElement(v.H.Control,null,l.createElement(w.G,Object.assign({isBaby:!0,genderValue:{male:"boy",female:"girl"}},n.getInputProps("gender"),{error:null}))),n.errors.gender&&l.createElement(v.H.Error,null,n.errors.gender)),l.createElement(v.H.BorderBoxControl,{label:r("babyGrowth.input.birthday"),rightSection:l.createElement(f.Z,null)},l.createElement(d.D,Object.assign({},s,{maxDate:new Date},n.getInputProps("birthday"),{error:null,rightSection:null,onChange:e=>{e&&n.validateField("measurementDate"),n.getInputProps("birthday").onChange(e)}}))),n.errors.birthday&&l.createElement(v.H.Error,null,n.errors.birthday),l.createElement(v.H.BorderBoxControl,{label:r("babyGrowth.height"),rightSection:r("babyGrowth.cm")},l.createElement(m.I.Number,Object.assign({},n.getInputProps("height"),{placeholder:r("tools.inputPlaceholder",{content:"160"}),min:E.I.height.min,max:E.I.height.max,onChange:e=>{n.setFieldValue("height",e),n.setFieldValue("checkMesureVal",!n.values.checkMesureVal)}}))),n.errors.height&&l.createElement(v.H.Error,null,n.errors.height),l.createElement(v.H.BorderBoxControl,{label:r("babyGrowth.weight"),rightSection:r("babyGrowth.kg")},l.createElement(m.I.Number,Object.assign({},n.getInputProps("weight"),{placeholder:r("tools.inputPlaceholder",{content:"50"}),min:E.I.weight.min,max:E.I.weight.max,onChange:e=>{n.setFieldValue("weight",e),n.setFieldValue("checkMesureVal",!n.values.checkMesureVal)}}))),n.errors.weight&&l.createElement(v.H.Error,null,n.errors.weight),l.createElement(v.H.BorderBoxControl,{label:r("babyGrowth.head"),rightSection:r("babyGrowth.cm")},l.createElement(m.I.Number,Object.assign({},n.getInputProps("head"),{placeholder:r("tools.inputPlaceholder",{content:"50"}),onChange:e=>{n.setFieldValue("head",e),n.setFieldValue("checkMesureVal",!n.values.checkMesureVal)}}))),n.errors.checkMesureVal&&l.createElement(v.H.Error,null,n.errors.checkMesureVal),l.createElement(v.H.BorderBoxControl,{label:r("babyGrowth.input.measurementDate"),rightSection:l.createElement(f.Z,null)},l.createElement(m.I.Wrapper,null,l.createElement(d.D,Object.assign({},s,{defaultValue:new Date},n.getInputProps("measurementDate"),{maxDate:new Date,rightSection:null,error:null})))),n.errors.measurementDate&&l.createElement(v.H.Error,null,n.errors.measurementDate),l.createElement(v.H.Submit,Object.assign({type:"submit","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":o},i),r("babyGrowth.input.submit")))},BabyGrowthForm=e=>{var{onSubmit:t,formLayout:r="default",submitProps:n,currentUrl:o}=e,s=(0,a._)(e,["onSubmit","formLayout","submitProps","currentUrl"]);let{t:m}=(0,b.u)(),d=(0,i.rZ)(),g=(0,c.c)({initialValues:{measurementDate:new Date},validate:{gender:(0,u.U)(m("validation.error.requiredField")),birthday:(0,u.U)(m("validation.error.requiredField")),measurementDate:(e,t)=>t.birthday?t.birthday instanceof Date&&e instanceof Date&&t.birthday.getTime()<=e.getTime()?null:m("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:m("babyGrowth.error.atLeastOneOf")},validateInputOnChange:["checkMesureVal"]}),h=Object.assign({onSubmit:g.onSubmit(e=>null==t?void 0:t(Object.assign(Object.assign({},e),{bmi:bmiCalculate(Number(g.getInputProps("height").value),Number(g.getInputProps("weight").value)).toString()})))},s);return l.createElement(I.Provider,{value:{submitProps:n,currentUrl:o,form:g}},"default"===r?"mb"===d.other.template?l.createElement(MbLayout,Object.assign({formLayout:r},h)):l.createElement(DefaultForm,Object.assign({},h)):l.createElement(InlineForm,Object.assign({},h)))}}}]);