"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3580],{"F/Hd":function(e,t,a){a.d(t,{T:function(){return m}});var r=a("fbRC"),n=a("q1tI"),l=a("/npG"),i=a("8vDj"),o=a("TIp3"),s=a("aaf5"),c=(0,l.k)((e,t)=>{var a,r,n,l,i,o,c,m,u,d;let g=s.a[null==t?void 0:t.customStylesType]||s.a[s.C.NONE],p=null===(a=g.fontSize[null==t?void 0:t.size])||void 0===a?void 0:a[0],h=null===(r=g.lineHeight[null==t?void 0:t.size])||void 0===r?void 0:r[0],b=null!==(i=null===(l=null===(n=g.letterSpacing)||void 0===n?void 0:n[null==t?void 0:t.size])||void 0===l?void 0:l[0])&&void 0!==i?i:0,v=null===(o=g.fontSize[null==t?void 0:t.size])||void 0===o?void 0:o[1],E=null===(c=g.lineHeight[null==t?void 0:t.size])||void 0===c?void 0:c[1],f=null!==(d=null===(u=null===(m=g.letterSpacing)||void 0===m?void 0:m[null==t?void 0:t.size])||void 0===u?void 0:u[1])&&void 0!==d?d:0;return{root:Object.assign({},(null==t?void 0:t.size)&&{fontWeight:(null==t?void 0:t.as)==="label"?s.F.semiBold:g.fontWeight[t.weight]||g.fontWeightBySize[null==t?void 0:t.size]||s.F.regular,fontSize:`${p}`,lineHeight:`${h}`,letterSpacing:b,[e.fn.smallerThan("sm")]:{fontSize:`${v}`,lineHeight:`${E}`,letterSpacing:f}})}});let m=(0,n.forwardRef)((e,t)=>{var a,{size:l,color:m,weight:u,as:d="p",styles:g,className:p,dataEventCategory:h,dataEventAction:b,dataEventLabel:v,variant:E}=e,f=(0,r._)(e,["size","color","weight","as","styles","className","dataEventCategory","dataEventAction","dataEventLabel","variant"]);let x=(0,i.rZ)(),w=(0,s.u)(),{classes:C,cx:y}=c({size:l,weight:"caption"===u?"bold":u,as:d,customStylesType:w},{name:"Text",styles:g}),k="string"==typeof x.colors[m]?x.colors[m]:m;return n.createElement(o.x,Object.assign({"data-size":l,className:y(C.root,p),color:k||("label"===d?x.colors.gray[6]:(null===(a=null==x?void 0:x.other)||void 0===a?void 0:a.template)==="mb"?x.colors.delftGray[7]:void 0)||("primary"===E?x.colors.gray[9]:"secondary"===E?x.colors.gray[7]:"tertiary"===E?x.colors.gray[4]:"disabled"===E?x.colors.gray[3]:"error"===E?x.colors.red[6]:"success"===E?x.colors.green[6]:void 0)||x.colors.gray[7],component:d,"data-event-category":h,"data-event-action":b,"data-event-label":v,classNames:{root:Object.assign(Object.assign({},f.wordWrap?{"word-wrap":f.wordWrap}:void 0),f.isUppercase||"caption"===u?{"text-transform":"uppercase"}:void 0)},ref:t},f))})},Gi02:function(e,t,a){a.d(t,{I:function(){return Indicator}});var r=a("fbRC"),n=a("q1tI"),l=a("QJsO"),i=a("iBNF");let Indicator=e=>{var{styles:t,color:a=i.r.colors.red700}=e,o=(0,r._)(e,["styles","color"]);return n.createElement(l.z,Object.assign({inline:!0,position:"top-end",offset:4,styles:Object.assign({processing:{animationDirection:"alternate"}},t),color:a},o))}},I9kg:function(e,t,a){a.d(t,{A:function(){return Avatar},D:function(){return DistanceTag},I:function(){return IconWrapper},P:function(){return Pin3},S:function(){return ShapedArrowDown},a:function(){return DrawerBottom}});var r=a("q1tI"),n=a("rBCA"),l=a("iBNF"),i=a("Aeci"),o=a("F/Hd"),s=a("fbRC"),c=a("iuhU"),m=a("h8tX"),u=a("OAWF"),d=a("rSBk"),g=a("v7JE");let Pin3=e=>r.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 12 12",fill:"none"},e),r.createElement("g",{clipPath:"url(#clip0_5371_10640)"},r.createElement("path",{d:"M6.6665 4.3335L8.1665 5.8335L6.6665 7.3335",stroke:"#8C8C8C",strokeWidth:.72,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M8.16667 5.8335H5.83333C5.09667 5.8335 4.5 6.43016 4.5 7.16683V7.50016",stroke:"#8C8C8C",strokeWidth:.72,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M6.94331 10.3902L10.3907 6.94281C10.9114 6.42211 10.9114 5.57789 10.3907 5.05719L6.94331 1.60981C6.42261 1.08911 5.57839 1.08911 5.05769 1.60981L1.61031 5.05719C1.08961 5.57789 1.08961 6.42211 1.61031 6.94281L5.05769 10.3902C5.57839 10.9109 6.42261 10.9109 6.94331 10.3902Z",stroke:"#8C8C8C",strokeWidth:.72,strokeLinecap:"round",strokeLinejoin:"round"})),r.createElement("defs",null,r.createElement("clipPath",{id:"clip0_5371_10640"},r.createElement("rect",{width:12,height:12,fill:"white"})))),ShapedArrowDown=e=>r.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"none"},e),r.createElement("path",{d:"M13.5554 9.33398L7.99989 5.55621L2.44434 9.33398",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"})),p=n.Z.div`
  background-color: var(--background-color, transparent);
  color: white;
  cursor: pointer;
  img {
    --width: var(--width-prop, 40px);
    --height: var(--height-prop, 40px);
    width: var(--width);
    height: var(--height);
  }
  &[data-has-max='true'] {
    img {
      max-width: var(--width);
      max-height: var(--height);
    }
  }

  &[data-avatar-type='square'] {
    img {
      --width: var(--width-prop, 72px);
      --height: var(--height-prop, 72px);
      border-radius: ${l.r.borderRadius};
    }
  }

  &[data-avatar-type='rounded'] {
    img {
      border-radius: 50%;
    }
  }

  &[data-custom-size='true'] {
    display: flex;
    overflow: hidden;
    overflow: hidden;
    width: var(--size);
    height: var(--size);
    align-items: center;
    justify-content: center;
    background-size: cover;
    font-size: calc(var(--size) / 2);
    font-weight: bold;
    &[data-avatar-type='square'] {
      border-radius: ${l.r.borderRadius};
    }
    &[data-avatar-type='rounded'] {
      border-radius: 50%;
      img {
        --width: 100%;
        --height: 100%;
      }
    }
    img {
      object-fit: cover;
    }
  }
`,h={xs:28,small:32,medium:40,large:48,xl:64,xxl:80,xxxl:96},Avatar=({type:e="square",size:t,avatarImg:a,avatarUrl:n,firstLetter:l,backgroundColor:o,onClick:s,style:c,className:m,width:u,height:d,alt:g})=>{let b=t?h[t]:void 0,[v,E]=(0,r.useState)(!1);(0,r.useEffect)(()=>{if(n){let e=document.createElement("img");e.setAttribute("src",n),e.addEventListener("error",()=>{E(!0)})}},[n,E]);let f=(!n&&!a||v)&&l;return r.createElement(p,{style:Object.assign(Object.assign({},c),{"--size":b?b+"px":void 0,"--width-prop":u?u+"px":void 0,"--height-prop":d?d+"px":void 0,"--background-color":o}),"data-has-max":!!(u&&d),"data-avatar-type":e,onClick:s,className:m,avatarUrl:n,"data-custom-size":!!t},a,n&&!v&&r.createElement(i.I,{src:n,alt:g||"avatar"}),f&&l)},b=n.Z.div`
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  color: ${l.r.colors.red700};
  border-radius: 8px;
  border: 1px solid ${l.r.colors.neutral100};
  font-size: 0.6875rem;
  line-height: 1rem;
  border-radius: 0.5rem;
`,v=(0,n.Z)(Pin3)`
  width: 0.75rem;
  height: 0.75rem;
  color: ${l.r.colors.gray400};
`;function DistanceTag({value:e,className:t}){return r.createElement(b,{className:t},r.createElement(v,null),r.createElement(o.T,{size:"p3",weight:"regular",color:l.r.colors.gray400},e))}let E=n.Z.div`
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;

  width: calc(var(--wrapper-size, var(--icon-size)) * 1px);
  height: calc(var(--wrapper-size, var(--icon-size)) * 1px);

  &[data-clickable='true'] {
    cursor: pointer;
  }

  > * {
    width: calc(var(--icon-size) * 1px);
    height: calc(var(--icon-size) * 1px);
  }

  &[data-svg-custom-stroke='true'] > svg * {
    stroke: var(--icon-stroke-color);
  }
  &[data-svg-custom-fill='true'] > svg * {
    fill: var(--icon-fill-color);
  }
`,IconWrapper=({children:e,className:t,onClick:a,wrapperSize:n,iconSize:l=24,wrapperStyle:i,iconStyle:o,svgIcon:s,wrapperProps:c})=>r.createElement(E,Object.assign({className:t,onClick:a,style:Object.assign(Object.assign(Object.assign(Object.assign({},n&&{"--wrapper-size":n}),l&&{"--icon-size":l}),s&&Object.assign(Object.assign({},s.fill&&{"--icon-fill-color":s.fill}),s.stroke&&{"--icon-stroke-color":s.stroke})),i),"data-clickable":!!a,"data-svg-custom-stroke":!!(null==s?void 0:s.stroke),"data-svg-custom-fill":!!(null==s?void 0:s.fill)},c),r.cloneElement(e,{style:o}));(0,n.Z)(u.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: ${l.r.colors.neutral500};
    margin: 16px auto;
    flex-shrink: 0;
  }
`;let f=(0,n.Z)(d.dy.Content)`
  position: fixed;
  z-index: ${g.Z-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;
      }
    `}
`,x=(0,n.Z)(d.dy.Overlay)`
  position: fixed;
  inset: 0;
  z-index: ${g.Z-9e6};
  width: 100%;
  max-height: 100%;
  background-color: rgb(0, 0, 0, 0.4);
`,w=(0,n.Z)(d.dy.Handle)`
  &[data-vaul-handle] {
    width: 44px;
    height: 3px;
    background-color: ${l.r.colors.neutral500};
    margin: 16px auto;
    flex-shrink: 0;
  }
`;function DrawerBottom(e){var{children:t,onClose:a,isOpen:n,onOpenChange:l,isMobile:i,classNames:o,isLinear:g,overlayClassName:p,contentClassName:h,handlerClassName:b}=e,v=(0,s._)(e,["children","onClose","isOpen","onOpenChange","isMobile","classNames","isLinear","overlayClassName","contentClassName","handlerClassName"]);let{isDragging:E,handleDragStart:C,handleDragEnd:y}=(0,u.u)();return i?r.createElement(d.dy.Root,Object.assign({onDrag:C,onRelease:y,open:n,onOpenChange:l,onClose:a},v),r.createElement(d.dy.Portal,null,r.createElement(x,{className:(0,c.default)(p,"drawer__overlay")}),r.createElement(f,{isDragging:E,className:(0,c.default)(h,"drawer__content"),"data-is-linear":g},r.createElement(d.dy.Title,{style:{display:"none"}}),r.createElement(w,{className:(0,c.default)(b,"drawer__handle")}),t))):r.createElement(m.u,Object.assign({withCloseButton:!0,centered:!0,zIndex:500,size:"auto",classNames:o,radius:"lg"},v,{onClose:a,opened:n,styles:{root:{maxHeight:"400px"},body:{background:g?"linear-gradient(180deg, #A5D4FF 0%, #FFFFFF 20%)":void 0}}}),t)}},"3ciJ":function(e,t,a){a.d(t,{T:function(){return ThrForm}});var r=a("fbRC"),n=a("q1tI"),l=a("cChf"),i=a("ZFu2"),o=a("4vXT"),s=a("thIk"),c=a("gC6A"),m=a("TUmP"),u=a("oF1Y"),d=a("6HDN"),g=a("qZBo"),p=a("F/Hd"),h=a("g73v"),b=a("Ni80"),v=a("xrdX");let E=(0,n.createContext)({}),DefaultForm=e=>{var t,a=(0,r._)(e,[]);let{t:l,locale:i}=(0,s.u)(),{isAdult:o,activeValueNote:c,linkTool:m,form:f,submitProps:x}=(0,n.useContext)(E),{classes:w={}}=(0,n.useContext)(h.C);return n.createElement(b.H,Object.assign({formLayout:"default"},a),n.createElement(b.H.FormRow,null,n.createElement(u.G,Object.assign({},f.getInputProps("gender")))),n.createElement(b.H.FormRow,null,n.createElement(g.D,Object.assign({},f.getInputProps("age"),{placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0},label:n.createElement(p.T,{size:"p2",weight:"semiBold"},l("targetHeartRate.ageInput")),maxDate:new Date}))),n.createElement(b.H.FormRow,null,n.createElement(d.I.Number,Object.assign({label:n.createElement(p.T,{size:"p2",weight:"semiBold"},l("targetHeartRate.heartRateInput")),placeholder:l("tools.inputPlaceholder",{content:"60"})},f.getInputProps("heartRate"),{min:40,max:200,styles:()=>({rightSection:{width:"auto"}})}))),o&&n.createElement(b.H.FormRow,null,n.createElement(d.S,Object.assign({label:n.createElement(p.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},f.getInputProps("activeValue")))),n.createElement(b.H.FormRow,{className:w.submitWrapper},n.createElement(b.H.Submit,Object.assign({className:w.submitBtn,type:"submit",dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:`https://${v.v[i]}/${m}`},x),l("bmi.submit"))))},InlineForm=e=>{var t,a=(0,r._)(e,[]);let{t:l,locale:i}=(0,s.u)(),{isAdult:o,activeValueNote:c,linkTool:m,form:p,submitProps:f}=(0,n.useContext)(E),{classes:x={}}=(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(u.G,Object.assign({type:"radio",hideLabel:!0,error:null},p.getInputProps("gender")))),p.errors.gender&&n.createElement(b.H.Error,null,p.errors.gender)),n.createElement(b.H.FormRow,null,n.createElement(b.H.BorderInlineControl,{label:l("targetHeartRate.ageInput")},n.createElement(g.D,Object.assign({},p.getInputProps("age"),{placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0},error:null,maxDate:new Date}))),p.errors.age&&n.createElement(b.H.Error,null,p.errors.age)),n.createElement(b.H.FormRow,null,n.createElement(b.H.BorderInlineControl,{label:l("targetHeartRate.heartRateInput")},n.createElement(d.I.Number,Object.assign({placeholder:l("tools.inputPlaceholder",{content:"60"})},p.getInputProps("heartRate"),{error:null,min:40,max:200,rightSection:n.createElement(b.H.Unit,null,"bmp"),styles:()=>({rightSection:{width:"auto"}})}))),p.errors.heartRate&&n.createElement(b.H.Error,null,p.errors.heartRate)),o&&n.createElement(b.H.FormRow,null,n.createElement(b.H.BorderInlineControl,{label:l("targetHeartRate.selectActive")},n.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},p.getInputProps("activeValue"))))),n.createElement(b.H.FormRow,{className:x.submitWrapper},n.createElement(b.H.Submit,Object.assign({className:x.submitBtn,type:"submit",dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:`https://${v.v[i]}/${m}`},f),l("bmi.submit"))))},ThrForm=e=>{var{formLayout:t,onSubmit:a,onError:u,submitProps:d}=e,g=(0,r._)(e,["formLayout","onSubmit","onError","submitProps"]);let{t:p,locale:h}=(0,s.u)(),b=(0,n.useRef)(40),{getHealthToolLink:v}=(0,o.u)(h),f=(0,l.c)({initialValues:{heartRate:60,activeValue:"low_intensity"},validate:{gender:(0,i.U)(p("validation.error.requiredField")),age:(0,i.U)(p("validation.error.requiredField")),heartRate:e=>Number(e)>=b.current&&200>=Number(e)?null:p("tools.heartRateRangeErr",{min:b.current,max:200})}}),x=(0,n.useMemo)(()=>v(m.H.THR),[v]),[w,C]=(0,n.useState)(!1),y=[{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:p("targetHeartRate.lowIntensity.title"),image:c.C.getAssetPath("/low.svg"),imageActive:c.C.getAssetPath("/low-active.svg"),content:p("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:p("targetHeartRate.moderateIntensity.title"),image:c.C.getAssetPath("/moderate.svg"),imageActive:c.C.getAssetPath("/moderate-active.svg"),content:p("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:p("targetHeartRate.aerobicZone.title"),image:c.C.getAssetPath("/aerobic.svg"),imageActive:c.C.getAssetPath("/aerobic-active.svg"),content:p("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:p("targetHeartRate.vigorousIntensity.title"),image:c.C.getAssetPath("/vigorous.svg"),imageActive:c.C.getAssetPath("/vigorous-active.svg"),content:p("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:p("targetHeartRate.maximumIntensity.title"),image:c.C.getAssetPath("/maximum.svg"),imageActive:c.C.getAssetPath("/maximum-active.svg"),content:p("targetHeartRate.maximumIntensity.note")}];(0,n.useEffect)(()=>{let e=f.getInputProps("age").value,t=f.getInputProps("gender").value;if(e instanceof Date){let a=(new Date().getTime()-e.getTime())/1e3;a>=567648e3?C(!0):C(!1);let r=y.find(e=>a>=31536e3*e.minAge&&a<31536e3*e.maxAge)||y[0];b.current="male"===t?r.rangeMale:r.rangeFemale}},[f]);let S=Object.assign(Object.assign({},g),{onSubmit:f.onSubmit(a,u)});return n.createElement(E.Provider,{value:{isAdult:w,activeValueNote:k,linkTool:x,form:f,submitProps:d}},"inline"===t?n.createElement(InlineForm,Object.assign({},S)):n.createElement(DefaultForm,Object.assign({},S)))}},thIk:function(e,t,a){a.d(t,{u:function(){return useTranslations}});var r=a("q1tI"),n=a("3XY/");function format(e,t){let a=[e];return(Object.keys(t).forEach(e=>{a=function(e,t,a){let n=[];return e.forEach(e=>{if("string"==typeof e){let l=RegExp(`\\{${a}\\}`,"gi");if("string"==typeof t||"number"==typeof t)n.push(e.replace(l,`${t}`));else{let a=e.split(l);a.forEach((e,l)=>{e&&(function(e){let t=[],a=!1,n=!1;return e.match(/^\s+/gi)&&(e=e.replace(/^\s+/gi,""),a=!0),e.match(/\s+$/gi)&&(e=e.replace(/\s+$/gi,""),n=!0),a&&t.push(r.createElement(r.Fragment,null,"\xa0")),t.push(e),n&&t.push(r.createElement(r.Fragment,null,"\xa0")),t})(e).forEach(e=>n.push(e)),l+1<a.length&&n.push(t)})}}else n.push(e)}),n}(a,t[e],e)}),0===a.length)?"":1===a.length&&"string"==typeof a[0]?a[0]:a.every(e=>"string"==typeof e)?a.join(""):r.createElement(r.Fragment,null,a.map((e,t)=>r.createElement(r.Fragment,{key:t},e)))}function useTranslations(){let{values:e,locale:t}=(0,r.useContext)(n.T)||{locale:"en-PH"};return(0,r.useMemo)(()=>({t:(t,a)=>e?e[t]?a?format(e[t]||t,a):e[t]||t:a?format(t,a):t:t,locale:t}),[e,t])}},gSLJ:function(e,t,a){a.d(t,{B:function(){return BmiForm},H:function(){return A},N:function(){return NewsletterCheckbox},Q:function(){return Question1Label},a:function(){return Question2Label},b:function(){return Question2Description}});var r=a("fbRC"),n=a("q1tI"),l=a("wUmw"),i=a("4vXT"),o=a("TUmP"),s=a("/npG"),c=a("SPK5"),m=a("Eso5"),u=a("8vDj"),d=a("Zo/N"),g=a("mYVa"),p=a("lSJj"),h=a("TIp3"),b=a("C/sX"),v=a("iuhU"),E=a("OAL+"),f=a("6HDN"),x=a("F/Hd"),w=a("aaf5"),C=a("thIk"),y=a("Ni80"),k=a("5/p/"),S=a("g73v"),H=a("oF1Y"),R=a("/hDE"),z=a("xrdX"),I=a("mx4j");let Question1Label=e=>{var{LabelWrapper:t}=e,a=(0,r._)(e,["LabelWrapper"]);let{t:l}=(0,C.u)(),i=t?{}:Object.assign({size:"p2"},a),o=t||x.T;return n.createElement(o,Object.assign({},i),l("bmi.question.weightLossSupport"))},Question2Label=e=>{var{LabelWrapper:t}=e,a=(0,r._)(e,["LabelWrapper"]);let{t:l}=(0,C.u)(),i=t?{}:Object.assign({size:"p2"},a),o=t||x.T;return n.createElement(o,Object.assign({},i),l("bmi.question.glp1Awareness"))},Question2Description=e=>{var{LabelWrapper:t}=e,a=(0,r._)(e,["LabelWrapper"]);let{t:l}=(0,C.u)(),i=t?{}:Object.assign({size:"p2"},a),o=t||x.T;return n.createElement(o,Object.assign({},i),l("bmi.question.glp1Awareness.desc"))},O=(0,n.createContext)({});var j=(0,s.k)(()=>({label:{marginTop:2,cursor:"pointer",userSelect:"none"}}));let NewsletterCheckbox=e=>{var{labelTextProps:t,checked:a,LabelWrapper:l,useCollapse:i=!0}=e,o=(0,r._)(e,["labelTextProps","checked","LabelWrapper","useCollapse"]);let{t:s}=(0,C.u)(),[u,d]=(0,n.useState)(!i),[g,p]=(0,n.useState)(!0),[h,b]=(0,n.useState)(a),v=l?{}:Object.assign({size:"p3"},t),E=l||x.T,{classes:w}=j(void 0,{name:"NewsletterCheckbox"});return n.createElement(c.k,{gap:8,align:"flex-start"},n.createElement(f.d,Object.assign({},o,{label:void 0,size:"sm",checked:h,onChange:e=>{g?p(!1):b(e.currentTarget.checked)},styles:{labelWrapper:{display:"none"}}})),n.createElement(m.x,null,n.createElement(E,Object.assign({},v,{onClick:()=>{i&&d(e=>!e)},className:w.label,lineClamp:u?void 0:1}),s("bmi.newsletter.label"))))},UnitPicker=({displayValue:e,field:t,onChange:a})=>{let r=(0,u.rZ)(),l=r.colors.gray[1],i="height"===t?[{label:"cm",system:"metric"},{label:"ft",system:"imperial"}]:[{label:"kg",system:"metric"},{label:"lbs",system:"imperial"}];return n.createElement(d.v,{position:"bottom-end",withinPortal:!0,offset:0,styles:{dropdown:{backgroundColor:r.white,border:`${(0,g.h)(1)} solid ${l}`,borderRadius:12,boxShadow:"0px 0px 1px 0px #0000000A,0px 2px 8px 0px #0000000A,0px 10px 16px 0px #0000000A",padding:(0,g.h)(4),minWidth:(0,g.h)(90)},item:{fontSize:r.fontSizes.sm,lineHeight:1.4,padding:`${(0,g.h)(6)} ${(0,g.h)(10)}`,borderRadius:r.radius.xs,color:r.colors.dark[9],"&[data-hovered]":{backgroundColor:"transparent"}}}},n.createElement(d.v.Target,null,n.createElement(p.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(d.v.Dropdown,null,i.map(l=>{let i=e===l.label;return n.createElement(d.v.Item,{key:l.label,onClick:()=>a(l.system,t),sx:{backgroundColor:i?r.colors.gray[1]:void 0,"&[data-hovered]":{backgroundColor:i?r.colors.gray[1]:"transparent"}}},l.label)})))},DefaultForm=e=>{var t,a,i,o,s,u,d;let{t:g,locale:p}=(0,C.u)(),{classes:h={}}=(0,n.useContext)(S.C),{control:E,bmiGenerated:x,linkTool:w,submitProps:k,withAdditionalQuestion:H,classes:I={},enableUnitPicker:j,unitSystem:L,unitHeight:F,unitWeight:T,onUnitChange:N}=(0,n.useContext)(O),P={body:{alignItems:"center"}};return n.createElement(y.H,Object.assign({formLayout:"default"},e),n.createElement(A,{isMobile:e.isMobile,gutter:4},n.createElement(A.Row,{px:16},n.createElement(A.Col,{span:12},n.createElement(l.Qr,{name:"gender",control:E,rules:null===(t=x.gender)||void 0===t?void 0:t.rule,render:({field:{onChange:e},fieldState:{error:t}})=>n.createElement("div",null,n.createElement(A.GenderControl,{LabelWrapper:A.Label,error:void 0,onChange:e,gap:4}),(null==t?void 0:t.message)&&n.createElement(A.Error,{label:t.message}))})),n.createElement(A.Col,{span:12},n.createElement(l.Qr,{name:"age",control:E,rules:null===(a=x.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(A.InputNumber,{label:n.createElement(A.Label,null,g("bmi.ageInput")),placeholder:g("tools.inputPlaceholder",{content:"25"}),name:e,value:t,onChange:a,min:0,rightSection:g("bmi.ageInput.desc"),classNames:{rightSection:I.inputRightSection}}),(null==r?void 0:r.message)&&n.createElement(A.Error,{label:r.message}))})),n.createElement(A.Col,{span:12},n.createElement(l.Qr,{name:"height",control:E,rules:null===(i=x.height)||void 0===i?void 0:i.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:r}})=>n.createElement("div",null,n.createElement(A.InputNumber,{label:n.createElement(A.Label,null,g("bmi.heightInput")),placeholder:g("tools.inputPlaceholder",{content:"imperial"===L?6:170}),name:e,value:t,onChange:a,min:0,precision:1,inputMode:"decimal",rightSection:j?n.createElement(UnitPicker,{displayValue:F,field:"height",onChange:N}):g("bmi.heightInput.desc"),rightSectionWidth:70,classNames:{rightSection:I.inputRightSection},styles:j?void 0:()=>({rightSection:{paddingRight:0}})}),(null==r?void 0:r.message)&&n.createElement(A.Error,{label:r.message}))})),n.createElement(A.Col,{span:12},n.createElement(l.Qr,{name:"weight",control:E,rules:null===(o=x.weight)||void 0===o?void 0:o.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:r}})=>n.createElement("div",null,n.createElement(A.InputNumber,{label:n.createElement(A.Label,null,g("bmi.weightInput")),placeholder:g("tools.inputPlaceholder",{content:"imperial"===L?130:60}),name:e,value:t,onChange:a,precision:1,inputMode:"decimal",min:0,rightSection:j?n.createElement(UnitPicker,{displayValue:T,field:"weight",onChange:N}):g("bmi.weightInput.desc"),rightSectionWidth:70,classNames:{rightSection:I.inputRightSection},styles:j?void 0:()=>({rightSection:{paddingRight:0}})}),(null==r?void 0:r.message)&&n.createElement(A.Error,{label:r.message}))}))),H?n.createElement(n.Fragment,null,n.createElement(b.r,{gutter:4,px:16},n.createElement(A.Col,null,n.createElement(l.Qr,{name:"question1",control:E,rules:null===(s=x.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(f.R.Group,{name:a,value:e,onChange:t,sx:{flex:1},label:n.createElement(Question1Label,{LabelWrapper:A.Label}),size:"lg"},n.createElement(c.k,{gap:"lg"},n.createElement(f.R,{size:"sm",value:"1",label:n.createElement(A.OptionLabel,null,g("switchBtn.yes")),styles:P}),n.createElement(f.R,{size:"sm",value:"0",label:n.createElement(A.OptionLabel,null,g("switchBtn.no")),styles:P}))),(null==r?void 0:r.message)&&n.createElement(A.Error,{label:r.message}))})),n.createElement(A.Col,null,n.createElement(l.Qr,{name:"question2",control:E,rules:null===(u=x.question2)||void 0===u?void 0:u.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:r}})=>n.createElement("div",null,n.createElement(f.R.Group,{name:e,value:t,onChange:a,sx:{flex:1},label:n.createElement(Question2Label,{LabelWrapper:A.Label}),size:"lg",description:p!==R.L.Malaysia&&n.createElement(Question2Description,{LabelWrapper:A.SubLabel})},n.createElement(c.k,{gap:"lg"},n.createElement(f.R,{size:"sm",value:"1",label:n.createElement(A.OptionLabel,null,g("switchBtn.yes")),styles:P}),n.createElement(f.R,{size:"sm",value:"0",label:n.createElement(A.OptionLabel,null,g("switchBtn.no")),styles:P}))),(null==r?void 0:r.message)&&n.createElement(A.Error,{label:r.message}))}))),n.createElement(m.x,{className:(0,v.default)(I.newsletterBlock,h.newsletterBlock)},n.createElement(b.r,{gutter:8,px:16,py:12},n.createElement(A.Col,null,n.createElement(l.Qr,{name:"newsletter",control:E,rules:null===(d=x.newsletter)||void 0===d?void 0:d.rule,render:e=>{var t=e.field,{value:a,onChange:l,name:i}=t,o=(0,r._)(t,["value","onChange","name"]);return n.createElement(NewsletterCheckbox,Object.assign({size:"sm",onChange:e=>l(e.currentTarget.checked),name:i,checked:!!a},o))}})),n.createElement(A.Col,null,n.createElement(y.H.Submit,Object.assign({className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${z.v[p]}/${w}`,type:"submit",fullWidth:!0},k),g("bmi.submit")))))):n.createElement(m.x,{px:16,sx:{paddingBottom:8}},n.createElement(y.H.Submit,Object.assign({className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${z.v[p]}/${w}`,type:"submit",fullWidth:!0},k),g("bmi.submit")))))};var L=(0,s.k)(e=>({newsletterBlock:{backgroundColor:e.colors.neutral[0],borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit",".bmi-btn":{marginTop:0}},inputRightSection:{fontSize:(0,g.h)(13),lineHeight:(0,g.h)(24),color:e.colors.gray[4],justifyContent:"flex-end",paddingRight:8,whiteSpace:"nowrap"}}));let InlineForm=e=>{var t,a,i,o,s,u,d,p;let{t:h,locale:b}=(0,C.u)(),{control:w,bmiGenerated:k,isTouched:I,linkTool:j,submitProps:L,withAdditionalQuestion:F,enableUnitPicker:A,unitSystem:T,unitHeight:N,unitWeight:P,onUnitChange:B}=(0,n.useContext)(O),{classes:_={},variant:D}=(0,n.useContext)(S.C),{classes:M={}}=(0,n.useContext)(O);return n.createElement(y.H,Object.assign({formLayout:"inline"},e),n.createElement(l.Qr,{name:"gender",control:w,rules:null===(t=k.gender)||void 0===t?void 0:t.rule,render:({field:{onChange:e},fieldState:{error:t}})=>n.createElement(y.H.FormRow,null,n.createElement(y.H.BorderInlineControl,{label:h("tools.selectGender"),width:"none",errorMess:I&&(null==t?void 0:t.message)},n.createElement(H.G,{type:"radio",hideLabel:!0,error:I?n.createElement(n.Fragment,null):"",onChange:e})))}),n.createElement(l.Qr,{name:"age",control:w,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(y.H.FormRow,null,n.createElement(y.H.BorderInlineControl,{label:h("bmi.ageInput"),errorMess:I&&(null==r?void 0:r.message)},n.createElement(f.I.Number,{placeholder:h("tools.inputPlaceholder",{content:"25"}),name:e,value:t,onChange:a,error:I&&(null==r?void 0:r.message)?n.createElement(n.Fragment,null):"",min:0,rightSection:n.createElement(y.H.Unit,null,h("tools.yearsOld")),styles:()=>({rightSection:{width:"auto"}})})))}),n.createElement(l.Qr,{name:"height",control:w,rules:null===(i=k.height)||void 0===i?void 0:i.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:r}})=>n.createElement(y.H.FormRow,null,n.createElement(y.H.BorderInlineControl,{label:h("bmi.heightInput"),errorMess:I&&(null==r?void 0:r.message)},n.createElement(f.I.Number,{placeholder:h("tools.inputPlaceholder",{content:"imperial"===T?6:170}),name:e,value:t,onChange:a,min:0,precision:1,inputMode:"decimal",error:I&&(null==r?void 0:r.message)?n.createElement(n.Fragment,null):"",rightSection:A?n.createElement(UnitPicker,{displayValue:N,field:"height",onChange:B}):n.createElement(y.H.Unit,{styles:{root:{paddingRight:0}}},h("bmi.heightInput.desc")),rightSectionWidth:70,styles:A?void 0:()=>({rightSection:{paddingRight:0}})})))}),n.createElement(l.Qr,{name:"weight",control:w,rules:null===(o=k.weight)||void 0===o?void 0:o.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:r}})=>n.createElement(y.H.FormRow,null,n.createElement(y.H.BorderInlineControl,{label:h("bmi.weightInput"),errorMess:I&&(null==r?void 0:r.message)},n.createElement(f.I.Number,{placeholder:h("tools.inputPlaceholder",{content:"imperial"===T?130:60}),name:e,value:t,onChange:a,error:I&&(null==r?void 0:r.message)?n.createElement(n.Fragment,null):"",precision:1,inputMode:"decimal",min:0,rightSection:A?n.createElement(UnitPicker,{displayValue:P,field:"weight",onChange:B}):n.createElement(y.H.Unit,{styles:{root:{paddingRight:0}}},h("bmi.weightInput.desc")),rightSectionWidth:70,styles:A?void 0:()=>({rightSection:{paddingRight:0}})})))}),F?n.createElement(n.Fragment,null,n.createElement(l.Qr,{name:"question1",control:w,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(y.H.FormRow,null,n.createElement(f.R.Group,{name:a,value:e,onChange:t,sx:{flex:1},label:n.createElement(x.T,{size:"s4",weight:"semiBold",span:!0},h("bmi.question.weightLossSupport")),size:"lg"},n.createElement(c.k,{gap:"lg",sx:{paddingTop:(0,g.h)(8)}},n.createElement(f.R,{size:"sm",value:"1",label:h("switchBtn.yes")}),n.createElement(f.R,{size:"sm",value:"0",label:h("switchBtn.no")}))),I&&(null==r?void 0:r.message)&&n.createElement(f.e,{label:r.message,textProps:{size:"p4"},sx:{marginTop:6}}))}),n.createElement(l.Qr,{name:"question2",control:w,rules:null===(u=k.question2)||void 0===u?void 0:u.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:r}})=>n.createElement(y.H.FormRow,null,n.createElement(f.R.Group,{name:e,value:t,onChange:a,sx:{flex:1},label:n.createElement(x.T,{size:"s4",weight:"semiBold",span:!0},h("bmi.question.glp1Awareness")),size:"lg",description:b!==R.L.Malaysia&&n.createElement(x.T,{style:{fontSize:"10px"},span:!0},h("bmi.question.glp1Awareness.desc"))},n.createElement(c.k,{gap:"lg",sx:{paddingTop:(0,g.h)(8)}},n.createElement(f.R,{size:"sm",value:"1",label:h("switchBtn.yes")}),n.createElement(f.R,{size:"sm",value:"0",label:h("switchBtn.no")}))),I&&(null==r?void 0:r.message)&&n.createElement(f.e,{label:r.message,textProps:{size:"p4"},sx:{marginTop:6}}))}),"gray"===D||"violet"===D?n.createElement(n.Fragment,null,n.createElement(l.Qr,{name:"newsletter",control:w,rules:null===(d=k.newsletter)||void 0===d?void 0:d.rule,render:e=>{var t=e.field,{value:a,onChange:l,name:i}=t,o=(0,r._)(t,["value","onChange","name"]);return n.createElement(y.H.FormRow,null,n.createElement(f.d,Object.assign({size:"sm",label:n.createElement(x.T,{size:"p3"},h("bmi.newsletter.label")),onChange:e=>l(e.currentTarget.checked),name:i,checked:!!a},o)))}}),n.createElement(y.H.FormRow,{className:(0,v.default)(_.submitWrapper)},n.createElement(y.H.Submit,Object.assign({className:(0,v.default)("bmi-btn bmi--btn-submit",_.submitBtn),dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${z.v[b]}/${j}`,type:"submit"},L),h("bmi.submit")))):n.createElement(y.H.FormRow,{py:16,className:(0,v.default)(M.newsletterBlock,_.newsletterBlock)},n.createElement(E.K,{spacing:16},n.createElement(l.Qr,{name:"newsletter",control:w,rules:null===(p=k.newsletter)||void 0===p?void 0:p.rule,render:e=>{var t=e.field,{value:a,onChange:l,name:i}=t,o=(0,r._)(t,["value","onChange","name"]);return n.createElement(NewsletterCheckbox,Object.assign({size:"sm",labelTextProps:{size:"p4"},onChange:e=>l(e.currentTarget.checked),name:i,checked:!!a,useCollapse:!1},o))}}),n.createElement(m.x,{className:(0,v.default)(_.submitWrapper)},n.createElement(y.H.Submit,Object.assign({className:(0,v.default)("bmi-btn bmi--btn-submit",_.submitBtn),dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${z.v[b]}/${j}`,type:"submit"},L),h("bmi.submit")))))):n.createElement(y.H.FormRow,{className:(0,v.default)(_.submitWrapper)},n.createElement(y.H.Submit,Object.assign({className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${z.v[b]}/${j}`,type:"submit"},L),h("bmi.submit"))))},BmiForm=e=>{var{value:t,onChange:a,onSubmit:s,bmiGenerated:c,bmiUnit:m,defaultUnitSystem:u,enableUnitPicker:d=!0,formLayout:g="default",submitProps:p,withAdditionalQuestion:h,isMobile:b}=e,v=(0,r._)(e,["value","onChange","onSubmit","bmiGenerated","bmiUnit","defaultUnitSystem","enableUnitPicker","formLayout","submitProps","withAdditionalQuestion","isMobile"]);let{classes:E}=L(void 0,{name:"BmiForm"}),{locale:f}=(0,C.u)(),[x,y]=(0,n.useState)(!1),k=(0,n.useMemo)(()=>u||"metric",[u]),[S,H]=(0,n.useState)(k),{control:R,handleSubmit:z,setValue:j,watch:F}=(0,l.cI)({defaultValues:{question1:void 0,question2:void 0,newsletter:!0}}),A=F(),{getHealthToolLink:T}=(0,i.u)(f),N=(0,n.useMemo)(()=>T(o.H.OVULATION),[T]),P="imperial"===S?"ft":"cm",B="imperial"===S?"lbs":"kg",convertHeightToCm=e=>"imperial"===S?30.48*e:e,convertWeightToKg=e=>"imperial"===S?.45359237*e:e,onInValid=()=>{y(!0)};(0,n.useEffect)(()=>{Object.keys(t||{}).forEach(e=>{j(e,null==t?void 0:t[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})})},[t]),(0,n.useEffect)(()=>{a&&a(A)},[A]),(0,n.useEffect)(()=>{H(k)},[k]);let _=Object.assign({onSubmit:z(e=>(0,r.a)(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=d?Object.assign(Object.assign({},e),{bmi:(0,I.F)({height:convertHeightToCm(t),weight:convertWeightToKg(a)}),unit:S}):(()=>{let r=m.heightConvert(t),n=m.weightConvert(a);return Object.assign(Object.assign({},e),{height:r,weight:n,bmi:(0,I.F)({height:r,weight:n})})})();onInValid(),s&&s(r)}),onInValid)},v);return n.createElement(w.T,{variant:w.C.LEADGEN},n.createElement(O.Provider,{value:{control:R,bmiGenerated:c,isTouched:x,linkTool:N,submitProps:p,withAdditionalQuestion:h,classes:E,enableUnitPicker:d,unitSystem:S,unitHeight:P,unitWeight:B,onUnitChange:(e,t)=>{d&&e!==S&&(H(e),j("height","",{shouldDirty:!0,shouldValidate:!1}),j("weight","",{shouldDirty:!0,shouldValidate:!1}))}}},"inline"===g?n.createElement(InlineForm,Object.assign({},_)):n.createElement(DefaultForm,Object.assign({},_,{isMobile:b}))))},F=(0,n.createContext)({}),Error=e=>{let{errorLabelSize:t}=(0,n.useContext)(F);return n.createElement(f.e,Object.assign({textProps:{size:t},sx:{marginTop:5}},e))};var A=Object.assign(e=>{var t,a,l,i,o,s,{children:c,isMobile:m}=e,u=(0,r._)(e,["children","isMobile"]);let d=Object.assign({isMobile:m,labelSize:null!==(t=u.labelSize)&&void 0!==t?t:m?"p2":"s4",subLabelSize:null!==(a=u.subLabelSize)&&void 0!==a?a:"subText",optionLabelSize:null!==(l=u.optionLabelSize)&&void 0!==l?l:m?"p2":"s4",inputSize:null!==(i=u.inputSize)&&void 0!==i?i:m?"sm":"md",gutter:null!==(o=u.gutter)&&void 0!==o?o:m?4:12,errorLabelSize:null!==(s=u.errorLabelSize)&&void 0!==s?s:"p3"},u);return n.createElement(F.Provider,{value:d},c)},{Row:e=>{var{children:t}=e,a=(0,r._)(e,["children"]);let{gutter:l}=(0,n.useContext)(F);return n.createElement(b.r,Object.assign({gutter:l},a),t)},Col:e=>{var{children:t}=e,a=(0,r._)(e,["children"]);return n.createElement(b.r.Col,Object.assign({span:12},a),t)},SubLabel:e=>{var{children:t}=e,a=(0,r._)(e,["children"]);let{subLabelSize:l}=(0,n.useContext)(F);return n.createElement(x.T,Object.assign({size:l},a),t)},Label:e=>{var{children:t}=e,a=(0,r._)(e,["children"]);let{labelSize:l}=(0,n.useContext)(F);return n.createElement(x.T,Object.assign({size:l,weight:"semiBold"},a,{span:!0}),t)},OptionLabel:e=>{var{children:t}=e,a=(0,r._)(e,["children"]);let{optionLabelSize:l}=(0,n.useContext)(F);return n.createElement(x.T,Object.assign({size:l,weight:"regular"},a,{span:!0}),t)},Input:f.I,InputNumber:e=>{var{error:t}=e,a=(0,r._)(e,["error"]);let{inputSize:l}=(0,n.useContext)(F);return n.createElement("div",null,n.createElement(f.I.Number,Object.assign({size:l},a)),t&&n.createElement(Error,{label:t}))},GenderControl:e=>{let{inputSize:t}=(0,n.useContext)(F);return n.createElement(H.G,Object.assign({size:t},e))},Error})}}]);