"use strict";(self.webpackChunkhhgDiscoverV1=self.webpackChunkhhgDiscoverV1||[]).push([[5263],{"NEg/":function(e,t,l){l.d(t,{C:function(){return n}});var a=l("+OUp");let n=(0,a.createContext)({})},"8PyR":function(e,t,l){l.d(t,{G:function(){return GenderOptionControl}});var a=l("vEfc"),n=l("+OUp"),r=l.n(n),i=l("OyPk"),o=l("XHvu"),s=l("vH4S"),m=l("aHnw"),c=l("Wbba"),u=l("uzh1"),d=l("sFNn");let p={lg:{height:48},md:{height:40},sm:{height:32},xs:{height:32}};var g=(0,s.createStyles)((e,{type:t,gap:l,size:a})=>{let n="mb"===e.other.template,r=p[a]||{},i=r.height;return{root:{},wrapper:Object.assign({gap:(0,s.rem)(l||8)},"radio"===t&&{justifyContent:"flex-end",gap:(0,s.rem)(l||24)}),groupErr:{fontSize:(0,s.rem)(14)},itemRoot:Object.assign({},"button"===t?{flexGrow:1,width:"50%",'&[data-checked="true"]':{".mantine-Radio-label":{borderColor:e.fn.primaryColor()}}}:"radio"===t?{padding:`${(0,s.rem)(10)} 0`,margin:0}:{}),itemLabelWrapper:{padding:0,width:"100%"},itemLabel:Object.assign({whiteSpace:"nowrap"},"button"===t?{position:"relative",padding:`${(0,s.rem)(2)} ${(0,s.rem)(16)}`,border:`1px solid ${n?"#EAEAEC":e.colors.gray[2]}`,backgroundColor:"#fff",borderRadius:(0,s.rem)(n?16:4),cursor:"pointer",display:"flex",justifyContent:"center",alignItems:"center",height:i,'&[data-disabled="true"]':{background:e.colors.gray[1],color:`${e.colors.gray[4]} !important`,img:{opacity:.5}},img:{height:(0,s.rem)("lg"===a?26:22)}}:"radio"===t?{fontSize:(0,s.rem)(14)}:{}),itemInner:Object.assign(Object.assign({},"button"===t&&{display:"none"}),"radio"===t&&{alignSelf:"center"}),itemBody:Object.assign({},"radio"===t&&{alignItems:"center"})}});let GenderOptionControl=e=>{var{label:t,availableValue:l,styles:p,isBaby:b,genderValue:h={male:"male",female:"female"},type:E="button",hideLabel:v,labelTextProps:x,labelText:f,gap:y,size:C="md",LabelWrapper:w}=e,S=(0,a.a)(e,["label","availableValue","styles","isBaby","genderValue","type","hideLabel","labelTextProps","labelText","gap","size","LabelWrapper"]);let{t:T}=(0,d.u)(),{classes:O,cx:j,theme:N}=g({type:E,gap:y,size:C},{name:"GenderOptionControl",styles:p}),B="mb"===N.other.template,[z,I]=(0,n.useState)(),F=(0,n.useRef)(null),H=w?{}:Object.assign({as:"label",size:"p2",weight:"semiBold",variant:"primary"},x),k=w||u.T,L=(0,n.useMemo)(()=>[{value:h.male,label:b?T("gender.boy"):T("gender.male"),icon:b?B?r().createElement(i.A,null):c.C.getAssetPath("health-tools/boy-icon.svg"):c.C.getAssetPath("health-tools/male-icon.svg")},{value:h.female,label:b?T("gender.girl"):T("gender.female"),icon:b?B?r().createElement(o.A,null):c.C.getAssetPath("health-tools/girl-icon.svg"):c.C.getAssetPath("health-tools/female-icon.svg")}],[]);return(0,n.useEffect)(()=>{I(l)},[l]),r().createElement(s.Box,{ref:F,className:O.root},r().createElement(m.R.Group,Object.assign({className:"radio-group",label:v?void 0:r().createElement(k,Object.assign({id:"gender-option-control-label"},H),t||(b?T("tools.selectBabyGender"):T("tools.selectGender"))),size:"lg"},S,{classNames:{error:O.groupErr}},"radio"===E&&{error:null}),r().createElement(s.Flex,{className:j(O.wrapper)},L.map(e=>r().createElement(m.R,Object.assign({className:"gender-item",size:"sm",classNames:{root:O.itemRoot,labelWrapper:O.itemLabelWrapper,label:O.itemLabel,inner:O.itemInner,body:O.itemBody},key:e.value,value:e.value},z&&e.value!==z&&{disabled:!0},{label:r().createElement(s.Flex,{gap:(0,s.rem)(8),align:"center",justify:"center",sx:{zIndex:0}},"button"===E&&("string"==typeof e.icon?r().createElement("img",{src:e.icon,className:"gender-image",alt:"female",loading:"lazy"}):e.icon),r().createElement(u.T,Object.assign({size:"p3"},f),e.label))}))))))}},"75tZ":function(e,t,l){l.d(t,{B:function(){return BmiForm},F:function(){return FitnessToolUnitPicker},H:function(){return S},N:function(){return NewsletterCheckbox},Q:function(){return Question1Label},a:function(){return Question2Label},b:function(){return Question2Description}});var a=l("vEfc"),n=l("+OUp"),r=l.n(n),i=l("wUmw"),o=l("soWg"),s=l("2O1/"),m=l("vH4S"),c=l("aHnw"),u=l("uzh1"),d=l("NXxl"),p=l("sFNn"),g=l("eM6a"),b=l("jjeI"),h=l("NEg/"),E=l("8PyR"),v=l("4BRW"),x=l("xrdX");function getBmi({weight:e,height:t}){let l=t/100;return Math.round(e/(l*l)*10)/10}let Question1Label=e=>{var{LabelWrapper:t}=e,l=(0,a.a)(e,["LabelWrapper"]);let{t:n}=(0,p.u)(),i=t?{}:Object.assign({size:"p2"},l),o=t||u.T;return r().createElement(o,Object.assign({},i),n("bmi.question.weightLossSupport"))},Question2Label=e=>{var{LabelWrapper:t}=e,l=(0,a.a)(e,["LabelWrapper"]);let{t:n}=(0,p.u)(),i=t?{}:Object.assign({size:"p2"},l),o=t||u.T;return r().createElement(o,Object.assign({},i),n("bmi.question.glp1Awareness"))},Question2Description=e=>{var{LabelWrapper:t}=e,l=(0,a.a)(e,["LabelWrapper"]);let{t:n}=(0,p.u)(),i=t?{}:Object.assign({size:"p2"},l),o=t||u.T;return r().createElement(o,Object.assign({},i),n("bmi.question.glp1Awareness.desc"))},f=(0,n.createContext)({});var y=(0,m.createStyles)(()=>({label:{marginTop:2,cursor:"pointer",userSelect:"none"}}));let NewsletterCheckbox=e=>{var{labelTextProps:t,checked:l,LabelWrapper:i,useCollapse:o=!0}=e,s=(0,a.a)(e,["labelTextProps","checked","LabelWrapper","useCollapse"]);let{t:d}=(0,p.u)(),[g,b]=(0,n.useState)(!o),[h,E]=(0,n.useState)(!0),[v,x]=(0,n.useState)(l),f=i?{}:Object.assign({size:"p3"},t),C=i||u.T,{classes:w}=y(void 0,{name:"NewsletterCheckbox"});return r().createElement(m.Flex,{gap:8,align:"flex-start"},r().createElement(c.d,Object.assign({},s,{label:void 0,size:"sm",checked:v,onChange:e=>{h?E(!1):x(e.currentTarget.checked)},styles:{labelWrapper:{display:"none"}}})),r().createElement(m.Box,null,r().createElement(C,Object.assign({},f,{onClick:()=>{o&&b(e=>!e)},className:w.label,lineClamp:g?void 0:1}),d("bmi.newsletter.label"))))},FitnessToolUnitPicker=({displayValue:e,field:t,onChange:l})=>{let a=(0,m.useMantineTheme)(),n=a.colors.gray[1],i="height"===t?[{label:"cm",system:"metric"},{label:"ft",system:"imperial"}]:[{label:"kg",system:"metric"},{label:"lbs",system:"imperial"}];return r().createElement(m.Menu,{position:"bottom-end",withinPortal:!0,offset:0,styles:{dropdown:{backgroundColor:a.white,border:`${(0,m.rem)(1)} solid ${n}`,borderRadius:12,boxShadow:"0px 0px 1px 0px #0000000A,0px 2px 8px 0px #0000000A,0px 10px 16px 0px #0000000A",padding:(0,m.rem)(4),minWidth:(0,m.rem)(90)},item:{fontSize:a.fontSizes.sm,lineHeight:1.4,padding:`${(0,m.rem)(6)} ${(0,m.rem)(10)}`,borderRadius:a.radius.xs,color:a.colors.dark[9],"&[data-hovered]":{backgroundColor:"transparent"}}}},r().createElement(m.Menu.Target,null,r().createElement(m.UnstyledButton,{type:"button",sx:e=>({height:"100%",display:"flex",alignItems:"center",justifyContent:"flex-end",width:"100%",paddingRight:e.spacing.xs,gap:4})},r().createElement(m.Text,{component:"span",size:"sm",sx:{lineHeight:1}},e),r().createElement(b.C,{style:{width:18,height:18}}))),r().createElement(m.Menu.Dropdown,null,i.map(n=>{let i=e===n.label;return r().createElement(m.Menu.Item,{key:n.label,onClick:()=>l(n.system,t),sx:{backgroundColor:i?a.colors.gray[1]:void 0,"&[data-hovered]":{backgroundColor:i?a.colors.gray[1]:"transparent"}}},n.label)})))},DefaultForm=e=>{var t,l,o,s,u,d,b;let{t:E,locale:y}=(0,p.u)(),{classes:C={}}=(0,n.useContext)(h.C),{control:w,bmiGenerated:T,linkTool:O,submitProps:j,withAdditionalQuestion:N,classes:B={},enableUnitPicker:z,unitSystem:I,unitHeight:F,unitWeight:H,onUnitChange:k}=(0,n.useContext)(f),L={body:{alignItems:"center"}};return r().createElement(g.H,Object.assign({formLayout:"default"},e),r().createElement(S,{isMobile:e.isMobile,gutter:4},r().createElement(m.Stack,{spacing:4,px:16},r().createElement(i.xI,{name:"gender",control:w,rules:null===(t=T.gender)||void 0===t?void 0:t.rule,render:({field:{onChange:e},fieldState:{error:t}})=>r().createElement("div",null,r().createElement(S.GenderControl,{LabelWrapper:S.Label,error:void 0,onChange:e,gap:4}),(null==t?void 0:t.message)&&r().createElement(S.Error,{label:t.message}))}),r().createElement(i.xI,{name:"age",control:w,rules:null===(l=T.age)||void 0===l?void 0:l.rule,render:({field:{name:e,value:t,onChange:l},fieldState:{error:a}})=>r().createElement("div",null,r().createElement(S.InputNumber,{label:r().createElement(S.Label,null,E("bmi.ageInput")),placeholder:E("tools.inputPlaceholder",{content:"25"}),name:e,value:t,onChange:l,min:0,rightSection:E("bmi.ageInput.desc"),classNames:{rightSection:B.inputRightSection}}),(null==a?void 0:a.message)&&r().createElement(S.Error,{label:a.message}))}),r().createElement(i.xI,{name:"height",control:w,rules:null===(o=T.height)||void 0===o?void 0:o.rule,render:({field:{name:e,value:t,onChange:l},fieldState:{error:a}})=>r().createElement("div",null,r().createElement(S.InputNumber,{label:r().createElement(S.Label,null,E("bmi.heightInput")),placeholder:E("tools.inputPlaceholder",{content:"imperial"===I?6:170}),name:e,value:t,onChange:l,min:0,precision:1,inputMode:"decimal",rightSection:z?r().createElement(FitnessToolUnitPicker,{displayValue:F,field:"height",onChange:k}):E("bmi.heightInput.desc"),rightSectionWidth:70,classNames:{rightSection:B.inputRightSection},styles:z?void 0:()=>({rightSection:{paddingRight:0}})}),(null==a?void 0:a.message)&&r().createElement(S.Error,{label:a.message}))}),r().createElement(i.xI,{name:"weight",control:w,rules:null===(s=T.weight)||void 0===s?void 0:s.rule,render:({field:{name:e,value:t,onChange:l},fieldState:{error:a}})=>r().createElement("div",null,r().createElement(S.InputNumber,{label:r().createElement(S.Label,null,E("bmi.weightInput")),placeholder:E("tools.inputPlaceholder",{content:"imperial"===I?130:60}),name:e,value:t,onChange:l,precision:1,inputMode:"decimal",min:0,rightSection:z?r().createElement(FitnessToolUnitPicker,{displayValue:H,field:"weight",onChange:k}):E("bmi.weightInput.desc"),rightSectionWidth:70,classNames:{rightSection:B.inputRightSection},styles:z?void 0:()=>({rightSection:{paddingRight:0}})}),(null==a?void 0:a.message)&&r().createElement(S.Error,{label:a.message}))})),N?r().createElement(r().Fragment,null,r().createElement(m.Stack,{spacing:4,px:16},r().createElement(i.xI,{name:"question1",control:w,rules:null===(u=T.question1)||void 0===u?void 0:u.rule,render:({field:{value:e,onChange:t,name:l},fieldState:{error:a}})=>r().createElement("div",null,r().createElement(c.R.Group,{name:l,value:e,onChange:t,sx:{flex:1},label:r().createElement(Question1Label,{LabelWrapper:S.Label}),size:"lg"},r().createElement(m.Flex,{gap:"lg"},r().createElement(c.R,{size:"sm",value:"1",label:r().createElement(S.OptionLabel,null,E("switchBtn.yes")),styles:L}),r().createElement(c.R,{size:"sm",value:"0",label:r().createElement(S.OptionLabel,null,E("switchBtn.no")),styles:L}))),(null==a?void 0:a.message)&&r().createElement(S.Error,{label:a.message}))}),r().createElement(i.xI,{name:"question2",control:w,rules:null===(d=T.question2)||void 0===d?void 0:d.rule,render:({field:{name:e,value:t,onChange:l},fieldState:{error:a}})=>r().createElement("div",null,r().createElement(c.R.Group,{name:e,value:t,onChange:l,sx:{flex:1},label:r().createElement(Question2Label,{LabelWrapper:S.Label}),size:"lg",description:y!==v.L.Malaysia&&r().createElement(Question2Description,{LabelWrapper:S.SubLabel})},r().createElement(m.Flex,{gap:"lg"},r().createElement(c.R,{size:"sm",value:"1",label:r().createElement(S.OptionLabel,null,E("switchBtn.yes")),styles:L}),r().createElement(c.R,{size:"sm",value:"0",label:r().createElement(S.OptionLabel,null,E("switchBtn.no")),styles:L}))),(null==a?void 0:a.message)&&r().createElement(S.Error,{label:a.message}))})),r().createElement(m.Box,{className:(0,m.clsx)(B.newsletterBlock,C.newsletterBlock)},r().createElement(m.Stack,{spacing:8,px:16,py:12},r().createElement(i.xI,{name:"newsletter",control:w,rules:null===(b=T.newsletter)||void 0===b?void 0:b.rule,render:e=>{var t=e.field,{value:l,onChange:n,name:i}=t,o=(0,a.a)(t,["value","onChange","name"]);return r().createElement(NewsletterCheckbox,Object.assign({size:"sm",onChange:e=>n(e.currentTarget.checked),name:i,checked:!!l},o))}}),r().createElement(g.H.Submit,Object.assign({className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${x.y[y]}/${O}`,type:"submit",fullWidth:!0},j),E("bmi.submit"))))):r().createElement(m.Box,{px:16,sx:{paddingBottom:8}},r().createElement(g.H.Submit,Object.assign({className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${x.y[y]}/${O}`,type:"submit",fullWidth:!0},j),E("bmi.submit")))))};var C=(0,m.createStyles)(e=>({newsletterBlock:{backgroundColor:e.colors.neutral[0],borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit",".bmi-btn":{marginTop:0}},inputRightSection:{fontSize:(0,m.rem)(13),lineHeight:(0,m.rem)(24),color:e.colors.gray[4],justifyContent:"flex-end",paddingRight:8,whiteSpace:"nowrap"}}));let InlineForm=e=>{var t,l,o,s,d,b,y,C;let{t:w,locale:S}=(0,p.u)(),{control:T,bmiGenerated:O,isTouched:j,linkTool:N,submitProps:B,withAdditionalQuestion:z,enableUnitPicker:I,unitSystem:F,unitHeight:H,unitWeight:k,onUnitChange:L}=(0,n.useContext)(f),{classes:R={},variant:W}=(0,n.useContext)(h.C),{classes:M={}}=(0,n.useContext)(f);return r().createElement(g.H,Object.assign({formLayout:"inline"},e),r().createElement(i.xI,{name:"gender",control:T,rules:null===(t=O.gender)||void 0===t?void 0:t.rule,render:({field:{onChange:e},fieldState:{error:t}})=>r().createElement(g.H.FormRow,null,r().createElement(g.H.BorderInlineControl,{label:w("tools.selectGender"),width:"none",errorMess:j&&(null==t?void 0:t.message)},r().createElement(E.G,{type:"radio",hideLabel:!0,error:j?r().createElement(r().Fragment,null):"",onChange:e})))}),r().createElement(i.xI,{name:"age",control:T,rules:null===(l=O.age)||void 0===l?void 0:l.rule,render:({field:{name:e,value:t,onChange:l},fieldState:{error:a}})=>r().createElement(g.H.FormRow,null,r().createElement(g.H.BorderInlineControl,{label:w("bmi.ageInput"),errorMess:j&&(null==a?void 0:a.message)},r().createElement(c.I.Number,{placeholder:w("tools.inputPlaceholder",{content:"25"}),name:e,value:t,onChange:l,error:j&&(null==a?void 0:a.message)?r().createElement(r().Fragment,null):"",min:0,rightSection:r().createElement(g.H.Unit,null,w("tools.yearsOld")),styles:()=>({rightSection:{width:"auto"}})})))}),r().createElement(i.xI,{name:"height",control:T,rules:null===(o=O.height)||void 0===o?void 0:o.rule,render:({field:{name:e,value:t,onChange:l},fieldState:{error:a}})=>r().createElement(g.H.FormRow,null,r().createElement(g.H.BorderInlineControl,{label:w("bmi.heightInput"),errorMess:j&&(null==a?void 0:a.message)},r().createElement(c.I.Number,{placeholder:w("tools.inputPlaceholder",{content:"imperial"===F?6:170}),name:e,value:t,onChange:l,min:0,precision:1,inputMode:"decimal",error:j&&(null==a?void 0:a.message)?r().createElement(r().Fragment,null):"",rightSection:I?r().createElement(FitnessToolUnitPicker,{displayValue:H,field:"height",onChange:L}):r().createElement(g.H.Unit,{styles:{root:{paddingRight:0}}},w("bmi.heightInput.desc")),rightSectionWidth:70,styles:I?void 0:()=>({rightSection:{paddingRight:0}})})))}),r().createElement(i.xI,{name:"weight",control:T,rules:null===(s=O.weight)||void 0===s?void 0:s.rule,render:({field:{name:e,value:t,onChange:l},fieldState:{error:a}})=>r().createElement(g.H.FormRow,null,r().createElement(g.H.BorderInlineControl,{label:w("bmi.weightInput"),errorMess:j&&(null==a?void 0:a.message)},r().createElement(c.I.Number,{placeholder:w("tools.inputPlaceholder",{content:"imperial"===F?130:60}),name:e,value:t,onChange:l,error:j&&(null==a?void 0:a.message)?r().createElement(r().Fragment,null):"",precision:1,inputMode:"decimal",min:0,rightSection:I?r().createElement(FitnessToolUnitPicker,{displayValue:k,field:"weight",onChange:L}):r().createElement(g.H.Unit,{styles:{root:{paddingRight:0}}},w("bmi.weightInput.desc")),rightSectionWidth:70,styles:I?void 0:()=>({rightSection:{paddingRight:0}})})))}),z?r().createElement(r().Fragment,null,r().createElement(i.xI,{name:"question1",control:T,rules:null===(d=O.question1)||void 0===d?void 0:d.rule,render:({field:{value:e,onChange:t,name:l},fieldState:{error:a}})=>r().createElement(g.H.FormRow,null,r().createElement(c.R.Group,{name:l,value:e,onChange:t,sx:{flex:1},label:r().createElement(u.T,{size:"s4",weight:"semiBold",span:!0},w("bmi.question.weightLossSupport")),size:"lg"},r().createElement(m.Flex,{gap:"lg",sx:{paddingTop:(0,m.rem)(8)}},r().createElement(c.R,{size:"sm",value:"1",label:w("switchBtn.yes")}),r().createElement(c.R,{size:"sm",value:"0",label:w("switchBtn.no")}))),j&&(null==a?void 0:a.message)&&r().createElement(c.e,{label:a.message,textProps:{size:"p4"},sx:{marginTop:6}}))}),r().createElement(i.xI,{name:"question2",control:T,rules:null===(b=O.question2)||void 0===b?void 0:b.rule,render:({field:{name:e,value:t,onChange:l},fieldState:{error:a}})=>r().createElement(g.H.FormRow,null,r().createElement(c.R.Group,{name:e,value:t,onChange:l,sx:{flex:1},label:r().createElement(u.T,{size:"s4",weight:"semiBold",span:!0},w("bmi.question.glp1Awareness")),size:"lg",description:S!==v.L.Malaysia&&r().createElement(u.T,{style:{fontSize:"10px"},span:!0},w("bmi.question.glp1Awareness.desc"))},r().createElement(m.Flex,{gap:"lg",sx:{paddingTop:(0,m.rem)(8)}},r().createElement(c.R,{size:"sm",value:"1",label:w("switchBtn.yes")}),r().createElement(c.R,{size:"sm",value:"0",label:w("switchBtn.no")}))),j&&(null==a?void 0:a.message)&&r().createElement(c.e,{label:a.message,textProps:{size:"p4"},sx:{marginTop:6}}))}),"gray"===W||"violet"===W?r().createElement(r().Fragment,null,r().createElement(i.xI,{name:"newsletter",control:T,rules:null===(y=O.newsletter)||void 0===y?void 0:y.rule,render:e=>{var t=e.field,{value:l,onChange:n,name:i}=t,o=(0,a.a)(t,["value","onChange","name"]);return r().createElement(g.H.FormRow,null,r().createElement(c.d,Object.assign({size:"sm",label:r().createElement(u.T,{size:"p3"},w("bmi.newsletter.label")),onChange:e=>n(e.currentTarget.checked),name:i,checked:!!l},o)))}}),r().createElement(g.H.FormRow,{className:(0,m.clsx)(R.submitWrapper)},r().createElement(g.H.Submit,Object.assign({className:(0,m.clsx)("bmi-btn bmi--btn-submit",R.submitBtn),dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${x.y[S]}/${N}`,type:"submit"},B),w("bmi.submit")))):r().createElement(g.H.FormRow,{py:16,className:(0,m.clsx)(M.newsletterBlock,R.newsletterBlock)},r().createElement(m.Stack,{spacing:16},r().createElement(i.xI,{name:"newsletter",control:T,rules:null===(C=O.newsletter)||void 0===C?void 0:C.rule,render:e=>{var t=e.field,{value:l,onChange:n,name:i}=t,o=(0,a.a)(t,["value","onChange","name"]);return r().createElement(NewsletterCheckbox,Object.assign({size:"sm",labelTextProps:{size:"p4"},onChange:e=>n(e.currentTarget.checked),name:i,checked:!!l,useCollapse:!1},o))}}),r().createElement(m.Box,{className:(0,m.clsx)(R.submitWrapper)},r().createElement(g.H.Submit,Object.assign({className:(0,m.clsx)("bmi-btn bmi--btn-submit",R.submitBtn),dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${x.y[S]}/${N}`,type:"submit"},B),w("bmi.submit")))))):r().createElement(g.H.FormRow,{className:(0,m.clsx)(R.submitWrapper)},r().createElement(g.H.Submit,Object.assign({className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${x.y[S]}/${N}`,type:"submit"},B),w("bmi.submit"))))},BmiForm=e=>{var{value:t,onChange:l,onSubmit:m,bmiGenerated:c,bmiUnit:u,defaultUnitSystem:g,enableUnitPicker:b=!0,formLayout:h="default",submitProps:E,withAdditionalQuestion:v,isMobile:x}=e,y=(0,a.a)(e,["value","onChange","onSubmit","bmiGenerated","bmiUnit","defaultUnitSystem","enableUnitPicker","formLayout","submitProps","withAdditionalQuestion","isMobile"]);let{classes:w}=C(void 0,{name:"BmiForm"}),{locale:S}=(0,p.u)(),[T,O]=(0,n.useState)(!1),j=(0,n.useMemo)(()=>g||"metric",[g]),[N,B]=(0,n.useState)(j),{control:z,handleSubmit:I,setValue:F,watch:H}=(0,i.mN)({defaultValues:{question1:void 0,question2:void 0,newsletter:!0}}),k=H(),{getHealthToolLink:L}=(0,o.u)(S),R=(0,n.useMemo)(()=>L(s.H.OVULATION),[L]),W="imperial"===N?"ft":"cm",M="imperial"===N?"lbs":"kg",convertHeightToCm=e=>"imperial"===N?30.48*e:e,convertWeightToKg=e=>"imperial"===N?.45359237*e:e,onInValid=()=>{O(!0)};(0,n.useEffect)(()=>{Object.keys(t||{}).forEach(e=>{F(e,null==t?void 0:t[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})})},[t]),(0,n.useEffect)(()=>{l&&l(k)},[k]),(0,n.useEffect)(()=>{B(j)},[j]);let P=Object.assign({onSubmit:I(e=>(0,a._)(void 0,void 0,void 0,function*(){let t="number"==typeof e.height?e.height:Number(e.height),l="number"==typeof e.weight?e.weight:Number(e.weight),a=b?Object.assign(Object.assign({},e),{bmi:getBmi({height:convertHeightToCm(t),weight:convertWeightToKg(l)}),unit:N}):(()=>{let a=u.heightConvert(t),n=u.weightConvert(l);return Object.assign(Object.assign({},e),{height:a,weight:n,bmi:getBmi({height:a,weight:n})})})();onInValid(),m&&m(a)}),onInValid)},y);return r().createElement(d.T,{variant:d.C.LEADGEN},r().createElement(f.Provider,{value:{control:z,bmiGenerated:c,isTouched:T,linkTool:R,submitProps:E,withAdditionalQuestion:v,classes:w,enableUnitPicker:b,unitSystem:N,unitHeight:W,unitWeight:M,onUnitChange:(e,t)=>{b&&e!==N&&(B(e),F("height","",{shouldDirty:!0,shouldValidate:!1}),F("weight","",{shouldDirty:!0,shouldValidate:!1}))}}},"inline"===h?r().createElement(InlineForm,Object.assign({},P)):r().createElement(DefaultForm,Object.assign({},P,{isMobile:x}))))},w=(0,n.createContext)({}),Error=e=>{let{errorLabelSize:t}=(0,n.useContext)(w);return r().createElement(c.e,Object.assign({textProps:{size:t},sx:{marginTop:5}},e))};var S=Object.assign(e=>{var t,l,n,i,o,s,{children:m,isMobile:c}=e,u=(0,a.a)(e,["children","isMobile"]);let d=Object.assign({isMobile:c,labelSize:null!==(t=u.labelSize)&&void 0!==t?t:c?"p2":"s4",subLabelSize:null!==(l=u.subLabelSize)&&void 0!==l?l:"subText",optionLabelSize:null!==(n=u.optionLabelSize)&&void 0!==n?n:c?"p2":"s4",inputSize:null!==(i=u.inputSize)&&void 0!==i?i:c?"sm":"md",gutter:null!==(o=u.gutter)&&void 0!==o?o:c?4:12,errorLabelSize:null!==(s=u.errorLabelSize)&&void 0!==s?s:"p3"},u);return r().createElement(w.Provider,{value:d},m)},{Row:e=>{var{children:t}=e,l=(0,a.a)(e,["children"]);let{gutter:i}=(0,n.useContext)(w);return r().createElement(m.Grid,Object.assign({gutter:i},l),t)},Col:e=>{var{children:t}=e,l=(0,a.a)(e,["children"]);return r().createElement(m.Grid.Col,Object.assign({span:12},l),t)},SubLabel:e=>{var{children:t}=e,l=(0,a.a)(e,["children"]);let{subLabelSize:i}=(0,n.useContext)(w);return r().createElement(u.T,Object.assign({size:i},l),t)},Label:e=>{var{children:t}=e,l=(0,a.a)(e,["children"]);let{labelSize:i}=(0,n.useContext)(w);return r().createElement(u.T,Object.assign({size:i,weight:"semiBold"},l,{span:!0}),t)},OptionLabel:e=>{var{children:t}=e,l=(0,a.a)(e,["children"]);let{optionLabelSize:i}=(0,n.useContext)(w);return r().createElement(u.T,Object.assign({size:i,weight:"regular"},l,{span:!0}),t)},Input:c.I,InputNumber:e=>{var{error:t}=e,l=(0,a.a)(e,["error"]);let{inputSize:i}=(0,n.useContext)(w);return r().createElement("div",null,r().createElement(c.I.Number,Object.assign({size:i},l)),t&&r().createElement(Error,{label:t}))},GenderControl:e=>{let{inputSize:t}=(0,n.useContext)(w);return r().createElement(E.G,Object.assign({size:t},e))},Error})},eM6a:function(e,t,l){l.d(t,{H:function(){return HealthToolFormWrapper}});var a=l("vEfc"),n=l("+OUp"),r=l.n(n),i=l("vH4S"),o=l("uzh1"),s=l("abax"),m=l("sFNn"),c=l("yVya"),u=l("iBNF"),d=(0,i.createStyles)(()=>({root:{justifyContent:"flex-start"},group:{display:"flex",alignItems:"stretch",gap:(0,i.rem)(8)},item:{flex:"1 1 0px"},icon:{flexShrink:0}}));let p=(0,n.createContext)({}),g=(0,i.createStyles)(()=>({root:{display:"flex",flexDirection:"column",gap:(0,i.rem)(8),paddingLeft:16,paddingRight:16,"&:last-child":{paddingBottom:16}}}));var b=(0,i.createStyles)((e,{formLayout:t})=>({root:{display:"flex",flexDirection:"column",gap:(0,i.rem)("inline"===t?8:16),borderRadius:"inherit",".mantine-Input-input::placeholder, .mantine-Input-input[data-invalid]::placeholder":{color:"#8C8C8C"},[e.fn.smallerThan("sm")]:Object.assign({"input, .mantine-DatePickerInput-input":{fontSize:(0,i.rem)(14)}},"default"===t&&{gap:8})},control:{width:(0,i.rem)(180),flexShrink:1,"&.error":{"button, input":{borderColor:e.colors.red[7]}}}}));let h=(0,i.createStyles)((e,{formLayout:t})=>{let l="mb"===e.other.template;return{root:Object.assign(Object.assign({minWidth:(0,i.rem)(180)},"inline"===t&&{alignSelf:"flex-end",marginTop:(0,i.rem)(16)}),"default"===t&&Object.assign({},l&&{alignSelf:"center"}))}}),E=(0,i.createStyles)(e=>({root:{color:e.colors.gray[6],whiteSpace:"nowrap",paddingRight:(0,i.rem)(16)}}));var v=(0,i.createStyles)(()=>({root:{display:"flex",gap:(0,i.rem)(8),border:"1px solid #EAEAEC",borderRadius:(0,i.rem)(16),padding:"10px 16px 12px 16px",flex:"1 1 0px",".mantine-Input-input":{border:0,paddingLeft:0,height:"22px",borderRadius:0,"&:focus":{outline:0,boxShadow:"none"}}},info:{display:"flex",flexDirection:"column",gap:0,flex:"1 1 0px"},label:{color:"#7C7C8F",fontWeight:"normal"},content:{},rightSection:{display:"flex",alignItems:"center",textTransform:"lowercase",color:"#3E3F58"}})),x=(0,i.createStyles)((e,{width:t,direction:l})=>{let a="mb"===e.other.template;return{root:{display:"flex",flexDirection:"column",gap:(0,i.rem)(8)},row:{display:"flex",flexDirection:l,alignItems:"stretch",justifyContent:"space-between",gap:(0,i.rem)(16),minHeight:(0,i.rem)(40)},labelWrapper:Object.assign({flex:"1 1 0px",display:"flex",alignItems:"center"},"row"===l&&{borderBottom:`1px solid ${e.colors.neutral[1]}`}),label:{fontSize:(0,i.rem)(14),lineHeight:(0,i.rem)(22),color:e.colors.gray[6]},content:{display:"flex",alignItems:"center",gap:(0,i.rem)(8),input:{backgroundColor:"#fff"}},control:{width:"number"==typeof t?(0,i.rem)(t):t,flexShrink:1,input:Object.assign({},a&&{borderRadius:(0,i.rem)(12)}),"&.error":{"button, input":{borderColor:e.colors.red[7]}}},error:{color:"red",textAlign:"right"}}});let f=(0,i.createStyles)(()=>({root:{color:"red",textAlign:"right",width:"auto"}}));var y=(0,i.createStyles)(e=>{let t="mb"===e.other.template;return{root:{label:Object.assign({},t&&{color:u.w.mbColors.midGray,fontSize:(0,i.rem)(12),fontWeight:"normal"})}}});let HealthToolFormWrapper=e=>{var{children:t,formLayout:l,styles:n,classNames:o,className:s,component:m="form"}=e,c=(0,a.a)(e,["children","formLayout","styles","classNames","className","component"]);let u=l||"default",{classes:d,cx:g}=b({formLayout:u},{name:"HealthToolFormWrapper",styles:n,classNames:o});return r().createElement(p.Provider,{value:{formLayout:u}},r().createElement(i.Box,Object.assign({component:m,className:g(s,d.root)},c),t))};HealthToolFormWrapper.Control=e=>{var{className:t,styles:l,classNames:n}=e,o=(0,a.a)(e,["className","styles","classNames"]);let{classes:s,cx:m}=y(void 0,{name:"HealthToolFormWrapper__Control",styles:l,classNames:n});return r().createElement(i.Box,Object.assign({className:m(t,s.root)},o))},HealthToolFormWrapper.BorderInlineControl=({label:e,children:t,styles:l,classNames:a,direction:n="row",width:s=180,errorMess:m})=>{let{classes:u}=x({width:s,direction:n},{name:"HealthToolFormWrapper__BorderInlineControl",styles:l,classNames:a});return r().createElement(i.Box,{className:u.root},r().createElement(i.Box,{className:u.row},r().createElement(i.Box,{className:u.labelWrapper},e&&r().createElement("label",{className:u.label,htmlFor:"gender"},e)),r().createElement(i.Box,{className:u.content},(0,c.A)(t).map((e,t)=>r().createElement(i.Box,{key:t,className:u.control},e)))),m&&r().createElement(o.T,{size:"p4",className:u.error},m))},HealthToolFormWrapper.BorderBoxControl=e=>{var{label:t,rightSection:l,children:n,styles:s,className:m,classNames:c}=e,u=(0,a.a)(e,["label","rightSection","children","styles","className","classNames"]);let{classes:d,cx:p}=v(void 0,{name:"HealthToolFormWrapper__BorderBoxControl",styles:s,classNames:c});return r().createElement(i.Box,Object.assign({className:p(d.root,m)},u),r().createElement(i.Box,{className:d.info},t&&r().createElement(o.T,{size:"n1",as:"label",className:d.label},t),r().createElement(i.Box,{className:d.content},r().isValidElement(n)?r().cloneElement(n,Object.assign(Object.assign({},n.props),{size:"sm",error:null})):null)),l&&r().createElement(i.Box,{className:d.rightSection},"string"==typeof l?r().createElement(o.T,{size:"p4"},l):r().isValidElement(l)?r().cloneElement(l,{size:24}):null))},HealthToolFormWrapper.Error=e=>{var{styles:t,classNames:l,className:n}=e,i=(0,a.a)(e,["styles","classNames","className"]);let{classes:s,cx:m}=f(void 0,{name:"HealthToolFormWrapper__UnitText",styles:t,classNames:l});return r().createElement(o.T,Object.assign({size:"p4",className:m(n,s.root)},i))},HealthToolFormWrapper.FormRow=e=>{var{styles:t,classNames:l,className:n,children:o}=e,s=(0,a.a)(e,["styles","classNames","className","children"]);let{classes:m,cx:c}=g(void 0,{name:"HealthToolFormWrapper__FormRow",styles:t,classNames:l});return r().createElement(i.Box,Object.assign({className:c(n,m.root)},s),o)},HealthToolFormWrapper.Submit=e=>{var{styles:t,classNames:l,className:i}=e,o=(0,a.a)(e,["styles","classNames","className"]);let{formLayout:m}=(0,n.useContext)(p),{classes:c,cx:u}=h({formLayout:m},{name:"HealthToolFormWrapper__SubmitBtn",styles:t,classNames:l});return r().createElement(s.B,Object.assign({className:u("submit-btn",i,c.root)},o,{variant:"primary",size:"md"}))},HealthToolFormWrapper.Unit=e=>{var{styles:t,classNames:l,className:n}=e,i=(0,a.a)(e,["styles","classNames","className"]);let{classes:s,cx:m}=E(void 0,{name:"HealthToolFormWrapper__UnitText",styles:t,classNames:l});return r().createElement(o.T,Object.assign({size:"p4",className:m(n,s.root)},i))},HealthToolFormWrapper.Switching=e=>{var{label:t}=e,l=(0,a.a)(e,["label"]);let{t:n}=(0,m.u)(),s=(0,i.useMantineTheme)(),c="mb"===s.other.template;return r().createElement(i.Flex,{gap:(0,i.rem)(4),sx:()=>({justifyContent:"space-between",alignItems:"center"})},t&&r().createElement(o.T,{size:c?"p4":"s4",color:"gray.6"},t),r().createElement(i.Switch,Object.assign({labelPosition:"left",onLabel:n("switchBtn.yes"),offLabel:n("switchBtn.no")},l,{styles:e=>({trackLabel:{fontSize:(0,i.rem)(12)},track:{cursor:"pointer"},body:{[e.fn.largerThan("sm")]:{flexDirection:"column",alignItems:"flex-start"},[e.fn.smallerThan("sm")]:{justifyContent:"space-between"}},labelWrapper:{[e.fn.smallerThan("sm")]:{display:"flex",justifyContent:"center"}}})})))},HealthToolFormWrapper.ChipGroup=e=>{var{data:t=[],label:l,isMobile:n,layout:s="horizonal",classNames:m,styles:c}=e,u=(0,a.a)(e,["data","label","isMobile","layout","classNames","styles"]);let{classes:p,theme:g}=d(void 0,{name:"ChipGroup",classNames:m,styles:c}),b="mb"===g.other.template,h=n?48:b?32:"vertical"===s?32:18;return r().createElement(i.Box,null,r().createElement(i.Input.Wrapper,{label:l&&r().createElement(o.T,{size:"p3",weight:"semiBold"},l)},r().createElement(i.Chip.Group,Object.assign({},u),r().createElement(i.Box,{className:p.group},t.map((e,t)=>r().createElement(i.Chip,{className:p.item,key:t,value:String(e.value),styles:{iconWrapper:{display:"none"},label:{width:"100%",borderRadius:(0,i.rem)(b?12:8),padding:0,border:`1px solid ${b?"#EAEAEC":g.colors.neutral[2]}`,height:"100%","&[data-checked]":{padding:0,backgroundColor:b?"#FFE9F1":g.colors.blue[0],border:`1px solid ${b?"#F5B4CB":g.colors.blue[1]}`},[g.fn.smallerThan("sm")]:{alignItems:"flex-start"}}}},r().createElement(i.Box,{sx:Object.assign(Object.assign(Object.assign({width:"100%",display:"flex",gap:(0,i.rem)(b?2:8),padding:"8px 16px 8px 12px",justifyContent:"center",alignItems:"center"},b&&{flexDirection:"column"}),"vertical"===s&&{flexDirection:"column",padding:"16px 8px 8px"}),{[g.fn.smallerThan("sm")]:{flexDirection:"column",padding:"16px 8px 8px"}})},r().isValidElement(e.icon)?r().cloneElement(e.icon,{size:h,isMarryBaby:b,className:p.icon}):null,r().createElement(o.T,{size:"p4",styles:{root:Object.assign(Object.assign({},b&&{textAlign:"center"}),{whiteSpace:"normal",[g.fn.smallerThan("sm")]:{fontSize:(0,i.rem)(12),lineHeight:(0,i.rem)(18),textAlign:"center"}})}},e.label))))))))}}}]);