"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4071],{ehjy:function(e,t,l){l.d(t,{A:function(){return AuthorBadge},B:function(){return BookingBtn}});var n=l("SwpR"),r=l("q1tI"),a=l("5DIC"),i=l("/npG"),o=l("6HjK"),s=l("mU1U"),c=l("4cu0"),d=l("gLxU"),u=l("xrdX"),m=l("GOBr"),p=(0,i.k)(e=>({root:{display:"inline-block",flexShrink:0,padding:"2px 0.5rem",marginLeft:"4px",borderRadius:e.radius.xs,fontSize:"12px",fontWeight:400,lineHeight:"18px",'&[data-label-type="admin"]':{background:e.primaryColor[0],color:e.primaryColor[9]},'&[data-label-type="local admin"]':{background:e.primaryColor[8]},'&[data-label-type="ambassador"]':{background:e.colors.green[4]},'&[data-label-type="expert"]':{background:e.colors.yellow[6]},'&[data-label-type="moderator"]':{background:e.colors.red[0],color:e.colors.red[8]},'&[data-label-type="sponsor"]':{background:e.colors.teal[4]},'&[data-label-type="guide"]':{background:e.colors.teal[4]},'&[data-label-type="influencer"]':{background:e.colors.teal[4]}}}));let g={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},looselyMatchRole=e=>["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find(t=>t===e),AuthorBadge=e=>{var{siteType:t,role:l,title:i,styles:o,className:s}=e,c=(0,n._)(e,["siteType","role","title","styles","className"]);let{t:d}=(0,a.u)(),u=l?looselyMatchRole(l):"",{classes:m,cx:b}=p(void 0,{name:"AuthorBadge",styles:o});return u&&g[u]?r.createElement("div",Object.assign({className:b(m.root,s),"data-label-type":u,"data-is-marrybaby":"marryBaby"===t},c),i||d(g[u])):null},BookingBtn=e=>{var{label:t,bookingId:l,bookingType:i="doctor",locale:p="vi-VN"}=e,g=(0,n._)(e,["label","bookingId","bookingType","locale"]);let{t:b}=(0,a.u)(),[h,v]=(0,r.useState)(!1),E=(0,r.useMemo)(()=>"undefined"!=typeof window?window.location.href:"",[]),f=(0,r.useCallback)(()=>(0,n.a)(void 0,void 0,void 0,function*(){var e,t,n,r,a,c,g,b,h,E,f,x,y,w,C;let k="doctor"===i?o.P.GET_DOCTOR_DETAIL:"hospital"===i?o.P.GET_HOSPITAL_DETAIL:"service"===i?o.P.GET_SERVICE_DETAIL:"";try{v(!0);let o=yield(0,d.c)((0,d.b)(k,{id:l,site:u.v[p]}),"get");if((null==o?void 0:o._status)===1){let l="doctor"===i?{id:null===(t=null===(e=null==o?void 0:o._data)||void 0===e?void 0:e.doctor)||void 0===t?void 0:t.id,slug:null===(r=null===(n=null==o?void 0:o._data)||void 0===n?void 0:n.doctor)||void 0===r?void 0:r.slug,localSlug:null===(a=s.L[p])||void 0===a?void 0:a.DOCTOR}:"hospital"===i?{id:null===(g=null===(c=null==o?void 0:o._data)||void 0===c?void 0:c.branch)||void 0===g?void 0:g.id,slug:null===(h=null===(b=null==o?void 0:o._data)||void 0===b?void 0:b.branch)||void 0===h?void 0:h.slug,localSlug:null===(E=s.L[p])||void 0===E?void 0:E.HOSPITAL}:{id:null===(x=null===(f=null==o?void 0:o._data)||void 0===f?void 0:f.service)||void 0===x?void 0:x.id,slug:null===(w=null===(y=null==o?void 0:o._data)||void 0===y?void 0:y.service)||void 0===w?void 0:w.slug,localSlug:null===(C=s.L[p])||void 0===C?void 0:C.SERVICE};window.location.href=`https://${m.y?"":"discover."}${u.v[p]}/care/${l.localSlug}/${l.slug}-${l.id}/`}else v(!1)}catch(e){console.log(e),v(!1)}}),[]);return l&&i?r.createElement(c.B,Object.assign({dataEventCategory:"Care",dataEventAction:"Comment - Quick Booking",dataEventLabel:E,onClick:f,loading:h},g),t||b("careBooking.bookAnAppointment")):null}},"42rH":function(e,t,l){l.d(t,{B:function(){return BmiForm},F:function(){return FitnessToolUnitPicker},H:function(){return j},N:function(){return NewsletterCheckbox},Q:function(){return Question1Label},a:function(){return Question2Label},b:function(){return Question2Description}});var n=l("SwpR"),r=l("q1tI"),a=l("wUmw"),i=l("Yflq"),o=l("KUTG"),s=l("/npG"),c=l("SPK5"),d=l("Eso5"),u=l("8vDj"),m=l("Zo/N"),p=l("mYVa"),g=l("lSJj"),b=l("TIp3"),h=l("C/sX"),v=l("iuhU"),E=l("OAL+"),f=l("Biuj"),x=l("2YCo"),y=l("pfEW"),w=l("5DIC"),C=l("NgKr"),k=l("ACwe"),S=l("FGWO"),_=l("AUQL"),L=l("XgXa"),T=l("xrdX"),O=l("mx4j");let Question1Label=e=>{var{LabelWrapper:t}=e,l=(0,n._)(e,["LabelWrapper"]);let{t:a}=(0,w.u)(),i=t?{}:Object.assign({size:"p2"},l),o=t||x.T;return r.createElement(o,Object.assign({},i),a("bmi.question.weightLossSupport"))},Question2Label=e=>{var{LabelWrapper:t}=e,l=(0,n._)(e,["LabelWrapper"]);let{t:a}=(0,w.u)(),i=t?{}:Object.assign({size:"p2"},l),o=t||x.T;return r.createElement(o,Object.assign({},i),a("bmi.question.glp1Awareness"))},Question2Description=e=>{var{LabelWrapper:t}=e,l=(0,n._)(e,["LabelWrapper"]);let{t:a}=(0,w.u)(),i=t?{}:Object.assign({size:"p2"},l),o=t||x.T;return r.createElement(o,Object.assign({},i),a("bmi.question.glp1Awareness.desc"))},I=(0,r.createContext)({});var z=(0,s.k)(()=>({label:{marginTop:2,cursor:"pointer",userSelect:"none"}}));let NewsletterCheckbox=e=>{var{labelTextProps:t,checked:l,LabelWrapper:a,useCollapse:i=!0}=e,o=(0,n._)(e,["labelTextProps","checked","LabelWrapper","useCollapse"]);let{t:s}=(0,w.u)(),[u,m]=(0,r.useState)(!i),[p,g]=(0,r.useState)(!0),[b,h]=(0,r.useState)(l),v=a?{}:Object.assign({size:"p3"},t),E=a||x.T,{classes:y}=z(void 0,{name:"NewsletterCheckbox"});return r.createElement(c.k,{gap:8,align:"flex-start"},r.createElement(f.d,Object.assign({},o,{label:void 0,size:"sm",checked:b,onChange:e=>{p?g(!1):h(e.currentTarget.checked)},styles:{labelWrapper:{display:"none"}}})),r.createElement(d.x,null,r.createElement(E,Object.assign({},v,{onClick:()=>{i&&m(e=>!e)},className:y.label,lineClamp:u?void 0:1}),s("bmi.newsletter.label"))))},FitnessToolUnitPicker=({displayValue:e,field:t,onChange:l})=>{let n=(0,u.rZ)(),a=n.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.v,{position:"bottom-end",withinPortal:!0,offset:0,styles:{dropdown:{backgroundColor:n.white,border:`${(0,p.h)(1)} solid ${a}`,borderRadius:12,boxShadow:"0px 0px 1px 0px #0000000A,0px 2px 8px 0px #0000000A,0px 10px 16px 0px #0000000A",padding:(0,p.h)(4),minWidth:(0,p.h)(90)},item:{fontSize:n.fontSizes.sm,lineHeight:1.4,padding:`${(0,p.h)(6)} ${(0,p.h)(10)}`,borderRadius:n.radius.xs,color:n.colors.dark[9],"&[data-hovered]":{backgroundColor:"transparent"}}}},r.createElement(m.v.Target,null,r.createElement(g.k,{type:"button",sx:e=>({height:"100%",display:"flex",alignItems:"center",justifyContent:"flex-end",width:"100%",paddingRight:e.spacing.xs,gap:4})},r.createElement(b.x,{component:"span",size:"sm",sx:{lineHeight:1}},e),r.createElement(k.C,{style:{width:18,height:18}}))),r.createElement(m.v.Dropdown,null,i.map(a=>{let i=e===a.label;return r.createElement(m.v.Item,{key:a.label,onClick:()=>l(a.system,t),sx:{backgroundColor:i?n.colors.gray[1]:void 0,"&[data-hovered]":{backgroundColor:i?n.colors.gray[1]:"transparent"}}},a.label)})))},DefaultForm=e=>{var t,l,i,o,s,u,m;let{t:p,locale:g}=(0,w.u)(),{classes:b={}}=(0,r.useContext)(S.C),{control:E,bmiGenerated:x,linkTool:y,submitProps:k,withAdditionalQuestion:_,classes:O={},enableUnitPicker:z,unitSystem:B,unitHeight:R,unitWeight:H,onUnitChange:N}=(0,r.useContext)(I),A={body:{alignItems:"center"}};return r.createElement(C.H,Object.assign({formLayout:"default"},e),r.createElement(j,{isMobile:e.isMobile,gutter:4},r.createElement(j.Row,{px:16},r.createElement(j.Col,{span:12},r.createElement(a.Qr,{name:"gender",control:E,rules:null===(t=x.gender)||void 0===t?void 0:t.rule,render:({field:{onChange:e},fieldState:{error:t}})=>r.createElement("div",null,r.createElement(j.GenderControl,{LabelWrapper:j.Label,error:void 0,onChange:e,gap:4}),(null==t?void 0:t.message)&&r.createElement(j.Error,{label:t.message}))})),r.createElement(j.Col,{span:12},r.createElement(a.Qr,{name:"age",control:E,rules:null===(l=x.age)||void 0===l?void 0:l.rule,render:({field:{name:e,value:t,onChange:l},fieldState:{error:n}})=>r.createElement("div",null,r.createElement(j.InputNumber,{label:r.createElement(j.Label,null,p("bmi.ageInput")),placeholder:p("tools.inputPlaceholder",{content:"25"}),name:e,value:t,onChange:l,min:0,rightSection:p("bmi.ageInput.desc"),classNames:{rightSection:O.inputRightSection}}),(null==n?void 0:n.message)&&r.createElement(j.Error,{label:n.message}))})),r.createElement(j.Col,{span:12},r.createElement(a.Qr,{name:"height",control:E,rules:null===(i=x.height)||void 0===i?void 0:i.rule,render:({field:{name:e,value:t,onChange:l},fieldState:{error:n}})=>r.createElement("div",null,r.createElement(j.InputNumber,{label:r.createElement(j.Label,null,p("bmi.heightInput")),placeholder:p("tools.inputPlaceholder",{content:"imperial"===B?6:170}),name:e,value:t,onChange:l,min:0,precision:1,inputMode:"decimal",rightSection:z?r.createElement(FitnessToolUnitPicker,{displayValue:R,field:"height",onChange:N}):p("bmi.heightInput.desc"),rightSectionWidth:70,classNames:{rightSection:O.inputRightSection},styles:z?void 0:()=>({rightSection:{paddingRight:0}})}),(null==n?void 0:n.message)&&r.createElement(j.Error,{label:n.message}))})),r.createElement(j.Col,{span:12},r.createElement(a.Qr,{name:"weight",control:E,rules:null===(o=x.weight)||void 0===o?void 0:o.rule,render:({field:{name:e,value:t,onChange:l},fieldState:{error:n}})=>r.createElement("div",null,r.createElement(j.InputNumber,{label:r.createElement(j.Label,null,p("bmi.weightInput")),placeholder:p("tools.inputPlaceholder",{content:"imperial"===B?130:60}),name:e,value:t,onChange:l,precision:1,inputMode:"decimal",min:0,rightSection:z?r.createElement(FitnessToolUnitPicker,{displayValue:H,field:"weight",onChange:N}):p("bmi.weightInput.desc"),rightSectionWidth:70,classNames:{rightSection:O.inputRightSection},styles:z?void 0:()=>({rightSection:{paddingRight:0}})}),(null==n?void 0:n.message)&&r.createElement(j.Error,{label:n.message}))}))),_?r.createElement(r.Fragment,null,r.createElement(h.r,{gutter:4,px:16},r.createElement(j.Col,null,r.createElement(a.Qr,{name:"question1",control:E,rules:null===(s=x.question1)||void 0===s?void 0:s.rule,render:({field:{value:e,onChange:t,name:l},fieldState:{error:n}})=>r.createElement("div",null,r.createElement(f.R.Group,{name:l,value:e,onChange:t,sx:{flex:1},label:r.createElement(Question1Label,{LabelWrapper:j.Label}),size:"lg"},r.createElement(c.k,{gap:"lg"},r.createElement(f.R,{size:"sm",value:"1",label:r.createElement(j.OptionLabel,null,p("switchBtn.yes")),styles:A}),r.createElement(f.R,{size:"sm",value:"0",label:r.createElement(j.OptionLabel,null,p("switchBtn.no")),styles:A}))),(null==n?void 0:n.message)&&r.createElement(j.Error,{label:n.message}))})),r.createElement(j.Col,null,r.createElement(a.Qr,{name:"question2",control:E,rules:null===(u=x.question2)||void 0===u?void 0:u.rule,render:({field:{name:e,value:t,onChange:l},fieldState:{error:n}})=>r.createElement("div",null,r.createElement(f.R.Group,{name:e,value:t,onChange:l,sx:{flex:1},label:r.createElement(Question2Label,{LabelWrapper:j.Label}),size:"lg",description:g!==L.L.Malaysia&&r.createElement(Question2Description,{LabelWrapper:j.SubLabel})},r.createElement(c.k,{gap:"lg"},r.createElement(f.R,{size:"sm",value:"1",label:r.createElement(j.OptionLabel,null,p("switchBtn.yes")),styles:A}),r.createElement(f.R,{size:"sm",value:"0",label:r.createElement(j.OptionLabel,null,p("switchBtn.no")),styles:A}))),(null==n?void 0:n.message)&&r.createElement(j.Error,{label:n.message}))}))),r.createElement(d.x,{className:(0,v.default)(O.newsletterBlock,b.newsletterBlock)},r.createElement(h.r,{gutter:8,px:16,py:12},r.createElement(j.Col,null,r.createElement(a.Qr,{name:"newsletter",control:E,rules:null===(m=x.newsletter)||void 0===m?void 0:m.rule,render:e=>{var t=e.field,{value:l,onChange:a,name:i}=t,o=(0,n._)(t,["value","onChange","name"]);return r.createElement(NewsletterCheckbox,Object.assign({size:"sm",onChange:e=>a(e.currentTarget.checked),name:i,checked:!!l},o))}})),r.createElement(j.Col,null,r.createElement(C.H.Submit,Object.assign({className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${T.v[g]}/${y}`,type:"submit",fullWidth:!0},k),p("bmi.submit")))))):r.createElement(d.x,{px:16,sx:{paddingBottom:8}},r.createElement(C.H.Submit,Object.assign({className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${T.v[g]}/${y}`,type:"submit",fullWidth:!0},k),p("bmi.submit")))))};var B=(0,s.k)(e=>({newsletterBlock:{backgroundColor:e.colors.neutral[0],borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit",".bmi-btn":{marginTop:0}},inputRightSection:{fontSize:(0,p.h)(13),lineHeight:(0,p.h)(24),color:e.colors.gray[4],justifyContent:"flex-end",paddingRight:8,whiteSpace:"nowrap"}}));let InlineForm=e=>{var t,l,i,o,s,u,m,g;let{t:b,locale:h}=(0,w.u)(),{control:y,bmiGenerated:k,isTouched:O,linkTool:z,submitProps:B,withAdditionalQuestion:R,enableUnitPicker:j,unitSystem:H,unitHeight:N,unitWeight:A,onUnitChange:F}=(0,r.useContext)(I),{classes:P={},variant:Q}=(0,r.useContext)(S.C),{classes:M={}}=(0,r.useContext)(I);return r.createElement(C.H,Object.assign({formLayout:"inline"},e),r.createElement(a.Qr,{name:"gender",control:y,rules:null===(t=k.gender)||void 0===t?void 0:t.rule,render:({field:{onChange:e},fieldState:{error:t}})=>r.createElement(C.H.FormRow,null,r.createElement(C.H.BorderInlineControl,{label:b("tools.selectGender"),width:"none",errorMess:O&&(null==t?void 0:t.message)},r.createElement(_.G,{type:"radio",hideLabel:!0,error:O?r.createElement(r.Fragment,null):"",onChange:e})))}),r.createElement(a.Qr,{name:"age",control:y,rules:null===(l=k.age)||void 0===l?void 0:l.rule,render:({field:{name:e,value:t,onChange:l},fieldState:{error:n}})=>r.createElement(C.H.FormRow,null,r.createElement(C.H.BorderInlineControl,{label:b("bmi.ageInput"),errorMess:O&&(null==n?void 0:n.message)},r.createElement(f.I.Number,{placeholder:b("tools.inputPlaceholder",{content:"25"}),name:e,value:t,onChange:l,error:O&&(null==n?void 0:n.message)?r.createElement(r.Fragment,null):"",min:0,rightSection:r.createElement(C.H.Unit,null,b("tools.yearsOld")),styles:()=>({rightSection:{width:"auto"}})})))}),r.createElement(a.Qr,{name:"height",control:y,rules:null===(i=k.height)||void 0===i?void 0:i.rule,render:({field:{name:e,value:t,onChange:l},fieldState:{error:n}})=>r.createElement(C.H.FormRow,null,r.createElement(C.H.BorderInlineControl,{label:b("bmi.heightInput"),errorMess:O&&(null==n?void 0:n.message)},r.createElement(f.I.Number,{placeholder:b("tools.inputPlaceholder",{content:"imperial"===H?6:170}),name:e,value:t,onChange:l,min:0,precision:1,inputMode:"decimal",error:O&&(null==n?void 0:n.message)?r.createElement(r.Fragment,null):"",rightSection:j?r.createElement(FitnessToolUnitPicker,{displayValue:N,field:"height",onChange:F}):r.createElement(C.H.Unit,{styles:{root:{paddingRight:0}}},b("bmi.heightInput.desc")),rightSectionWidth:70,styles:j?void 0:()=>({rightSection:{paddingRight:0}})})))}),r.createElement(a.Qr,{name:"weight",control:y,rules:null===(o=k.weight)||void 0===o?void 0:o.rule,render:({field:{name:e,value:t,onChange:l},fieldState:{error:n}})=>r.createElement(C.H.FormRow,null,r.createElement(C.H.BorderInlineControl,{label:b("bmi.weightInput"),errorMess:O&&(null==n?void 0:n.message)},r.createElement(f.I.Number,{placeholder:b("tools.inputPlaceholder",{content:"imperial"===H?130:60}),name:e,value:t,onChange:l,error:O&&(null==n?void 0:n.message)?r.createElement(r.Fragment,null):"",precision:1,inputMode:"decimal",min:0,rightSection:j?r.createElement(FitnessToolUnitPicker,{displayValue:A,field:"weight",onChange:F}):r.createElement(C.H.Unit,{styles:{root:{paddingRight:0}}},b("bmi.weightInput.desc")),rightSectionWidth:70,styles:j?void 0:()=>({rightSection:{paddingRight:0}})})))}),R?r.createElement(r.Fragment,null,r.createElement(a.Qr,{name:"question1",control:y,rules:null===(s=k.question1)||void 0===s?void 0:s.rule,render:({field:{value:e,onChange:t,name:l},fieldState:{error:n}})=>r.createElement(C.H.FormRow,null,r.createElement(f.R.Group,{name:l,value:e,onChange:t,sx:{flex:1},label:r.createElement(x.T,{size:"s4",weight:"semiBold",span:!0},b("bmi.question.weightLossSupport")),size:"lg"},r.createElement(c.k,{gap:"lg",sx:{paddingTop:(0,p.h)(8)}},r.createElement(f.R,{size:"sm",value:"1",label:b("switchBtn.yes")}),r.createElement(f.R,{size:"sm",value:"0",label:b("switchBtn.no")}))),O&&(null==n?void 0:n.message)&&r.createElement(f.e,{label:n.message,textProps:{size:"p4"},sx:{marginTop:6}}))}),r.createElement(a.Qr,{name:"question2",control:y,rules:null===(u=k.question2)||void 0===u?void 0:u.rule,render:({field:{name:e,value:t,onChange:l},fieldState:{error:n}})=>r.createElement(C.H.FormRow,null,r.createElement(f.R.Group,{name:e,value:t,onChange:l,sx:{flex:1},label:r.createElement(x.T,{size:"s4",weight:"semiBold",span:!0},b("bmi.question.glp1Awareness")),size:"lg",description:h!==L.L.Malaysia&&r.createElement(x.T,{style:{fontSize:"10px"},span:!0},b("bmi.question.glp1Awareness.desc"))},r.createElement(c.k,{gap:"lg",sx:{paddingTop:(0,p.h)(8)}},r.createElement(f.R,{size:"sm",value:"1",label:b("switchBtn.yes")}),r.createElement(f.R,{size:"sm",value:"0",label:b("switchBtn.no")}))),O&&(null==n?void 0:n.message)&&r.createElement(f.e,{label:n.message,textProps:{size:"p4"},sx:{marginTop:6}}))}),"gray"===Q||"violet"===Q?r.createElement(r.Fragment,null,r.createElement(a.Qr,{name:"newsletter",control:y,rules:null===(m=k.newsletter)||void 0===m?void 0:m.rule,render:e=>{var t=e.field,{value:l,onChange:a,name:i}=t,o=(0,n._)(t,["value","onChange","name"]);return r.createElement(C.H.FormRow,null,r.createElement(f.d,Object.assign({size:"sm",label:r.createElement(x.T,{size:"p3"},b("bmi.newsletter.label")),onChange:e=>a(e.currentTarget.checked),name:i,checked:!!l},o)))}}),r.createElement(C.H.FormRow,{className:(0,v.default)(P.submitWrapper)},r.createElement(C.H.Submit,Object.assign({className:(0,v.default)("bmi-btn bmi--btn-submit",P.submitBtn),dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${T.v[h]}/${z}`,type:"submit"},B),b("bmi.submit")))):r.createElement(C.H.FormRow,{py:16,className:(0,v.default)(M.newsletterBlock,P.newsletterBlock)},r.createElement(E.K,{spacing:16},r.createElement(a.Qr,{name:"newsletter",control:y,rules:null===(g=k.newsletter)||void 0===g?void 0:g.rule,render:e=>{var t=e.field,{value:l,onChange:a,name:i}=t,o=(0,n._)(t,["value","onChange","name"]);return r.createElement(NewsletterCheckbox,Object.assign({size:"sm",labelTextProps:{size:"p4"},onChange:e=>a(e.currentTarget.checked),name:i,checked:!!l,useCollapse:!1},o))}}),r.createElement(d.x,{className:(0,v.default)(P.submitWrapper)},r.createElement(C.H.Submit,Object.assign({className:(0,v.default)("bmi-btn bmi--btn-submit",P.submitBtn),dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${T.v[h]}/${z}`,type:"submit"},B),b("bmi.submit")))))):r.createElement(C.H.FormRow,{className:(0,v.default)(P.submitWrapper)},r.createElement(C.H.Submit,Object.assign({className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${T.v[h]}/${z}`,type:"submit"},B),b("bmi.submit"))))},BmiForm=e=>{var{value:t,onChange:l,onSubmit:s,bmiGenerated:c,bmiUnit:d,defaultUnitSystem:u,enableUnitPicker:m=!0,formLayout:p="default",submitProps:g,withAdditionalQuestion:b,isMobile:h}=e,v=(0,n._)(e,["value","onChange","onSubmit","bmiGenerated","bmiUnit","defaultUnitSystem","enableUnitPicker","formLayout","submitProps","withAdditionalQuestion","isMobile"]);let{classes:E}=B(void 0,{name:"BmiForm"}),{locale:f}=(0,w.u)(),[x,C]=(0,r.useState)(!1),k=(0,r.useMemo)(()=>u||"metric",[u]),[S,_]=(0,r.useState)(k),{control:L,handleSubmit:T,setValue:z,watch:R}=(0,a.cI)({defaultValues:{question1:void 0,question2:void 0,newsletter:!0}}),j=R(),{getHealthToolLink:H}=(0,i.u)(f),N=(0,r.useMemo)(()=>H(o.H.OVULATION),[H]),A="imperial"===S?"ft":"cm",F="imperial"===S?"lbs":"kg",convertHeightToCm=e=>"imperial"===S?30.48*e:e,convertWeightToKg=e=>"imperial"===S?.45359237*e:e,onInValid=()=>{C(!0)};(0,r.useEffect)(()=>{Object.keys(t||{}).forEach(e=>{z(e,null==t?void 0:t[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})})},[t]),(0,r.useEffect)(()=>{l&&l(j)},[j]),(0,r.useEffect)(()=>{_(k)},[k]);let P=Object.assign({onSubmit:T(e=>(0,n.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),n=m?Object.assign(Object.assign({},e),{bmi:(0,O.F)({height:convertHeightToCm(t),weight:convertWeightToKg(l)}),unit:S}):(()=>{let n=d.heightConvert(t),r=d.weightConvert(l);return Object.assign(Object.assign({},e),{height:n,weight:r,bmi:(0,O.F)({height:n,weight:r})})})();onInValid(),s&&s(n)}),onInValid)},v);return r.createElement(y.T,{variant:y.C.LEADGEN},r.createElement(I.Provider,{value:{control:L,bmiGenerated:c,isTouched:x,linkTool:N,submitProps:g,withAdditionalQuestion:b,classes:E,enableUnitPicker:m,unitSystem:S,unitHeight:A,unitWeight:F,onUnitChange:(e,t)=>{m&&e!==S&&(_(e),z("height","",{shouldDirty:!0,shouldValidate:!1}),z("weight","",{shouldDirty:!0,shouldValidate:!1}))}}},"inline"===p?r.createElement(InlineForm,Object.assign({},P)):r.createElement(DefaultForm,Object.assign({},P,{isMobile:h}))))},R=(0,r.createContext)({}),Error=e=>{let{errorLabelSize:t}=(0,r.useContext)(R);return r.createElement(f.e,Object.assign({textProps:{size:t},sx:{marginTop:5}},e))};var j=Object.assign(e=>{var t,l,a,i,o,s,{children:c,isMobile:d}=e,u=(0,n._)(e,["children","isMobile"]);let m=Object.assign({isMobile:d,labelSize:null!==(t=u.labelSize)&&void 0!==t?t:d?"p2":"s4",subLabelSize:null!==(l=u.subLabelSize)&&void 0!==l?l:"subText",optionLabelSize:null!==(a=u.optionLabelSize)&&void 0!==a?a:d?"p2":"s4",inputSize:null!==(i=u.inputSize)&&void 0!==i?i:d?"sm":"md",gutter:null!==(o=u.gutter)&&void 0!==o?o:d?4:12,errorLabelSize:null!==(s=u.errorLabelSize)&&void 0!==s?s:"p3"},u);return r.createElement(R.Provider,{value:m},c)},{Row:e=>{var{children:t}=e,l=(0,n._)(e,["children"]);let{gutter:a}=(0,r.useContext)(R);return r.createElement(h.r,Object.assign({gutter:a},l),t)},Col:e=>{var{children:t}=e,l=(0,n._)(e,["children"]);return r.createElement(h.r.Col,Object.assign({span:12},l),t)},SubLabel:e=>{var{children:t}=e,l=(0,n._)(e,["children"]);let{subLabelSize:a}=(0,r.useContext)(R);return r.createElement(x.T,Object.assign({size:a},l),t)},Label:e=>{var{children:t}=e,l=(0,n._)(e,["children"]);let{labelSize:a}=(0,r.useContext)(R);return r.createElement(x.T,Object.assign({size:a,weight:"semiBold"},l,{span:!0}),t)},OptionLabel:e=>{var{children:t}=e,l=(0,n._)(e,["children"]);let{optionLabelSize:a}=(0,r.useContext)(R);return r.createElement(x.T,Object.assign({size:a,weight:"regular"},l,{span:!0}),t)},Input:f.I,InputNumber:e=>{var{error:t}=e,l=(0,n._)(e,["error"]);let{inputSize:a}=(0,r.useContext)(R);return r.createElement("div",null,r.createElement(f.I.Number,Object.assign({size:a},l)),t&&r.createElement(Error,{label:t}))},GenderControl:e=>{let{inputSize:t}=(0,r.useContext)(R);return r.createElement(_.G,Object.assign({size:t},e))},Error})},HzCz:function(e,t,l){l.d(t,{P:function(){return PopoverMenu},S:function(){return c}});var n=l("q1tI"),r=l("N0hu"),a=l("gLxU"),i=l("rBCA"),o=l("iBNF");let s=i.Z.div`
  position: relative;
  display: content;

  .popover-menu__btn {
    /* position: relative; */
    > span {
      width: 100%;
      height: 100%;
      > img {
        width: 100%;
        height: 100%;
      }
    }
  }

  .popover-menu__content {
    position: absolute;
    z-index: 10;
    width: 320px;
    padding: 8px;
    border: none;
    background: #fff;
    border-radius: 8px;
    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);

    &::before {
      position: absolute;
      width: 16px;
      height: 8px;
      background: #fff;
      content: '';
    }

    &.--position {
      &-top {
        bottom: calc(100% + 8px);

        &.--align {
          &-start {
            left: 0;

            &::before {
              top: 100%;
              left: 16px;
              clip-path: polygon(0 0, 50% 100%, 100% 0);
            }
          }

          &-end {
            left: 100%;
            transform: translateX(calc(-100% + 1rem));

            &::before {
              top: 100%;
              right: 16px;
              clip-path: polygon(0 0, 50% 100%, 100% 0);
            }
          }
        }
      }

      &-right {
        left: calc(100% + 8px);

        &.--align {
          &-start {
            top: 0;

            &::before {
              top: 16px;
              left: 0;
              width: 8px;
              height: 16px;
              clip-path: polygon(0 50%, 100% 0%, 100% 100%);
              transform: translateX(-100%);
            }
          }

          &-end {
            top: 100%;
            transform: translateX(calc(-100% + 1rem));

            &::before {
              bottom: 16px;
              left: 0;
              width: 8px;
              height: 16px;
              clip-path: polygon(0 50%, 100% 0%, 100% 100%);
              transform: translateX(-100%);
            }
          }
        }
      }

      &-bottom {
        top: calc(100% + 8px);

        &.--align {
          &-start {
            left: 0;

            &::before {
              bottom: 100%;
              left: 16px;
              clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
            }
          }

          &-end {
            left: 100%;
            transform: translateX(calc(-100% + 1rem));

            &::before {
              right: 16px;
              bottom: 100%;
              clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
            }
          }
        }
      }

      &-left {
        left: -8px;
        transform: translateX(-100%);

        &.--align {
          &-start {
            top: 0;

            &::before {
              top: 16px;
              left: 100%;
              width: 8px;
              height: 16px;
              clip-path: polygon(0 0%, 100% 50%, 0% 100%);
              transform: translateX(0);
            }
          }

          &-end {
            bottom: 0;

            &::before {
              bottom: 16px;
              left: 100%;
              width: 8px;
              height: 16px;
              clip-path: polygon(0 0%, 100% 50%, 0% 100%);
              transform: translateX(0);
            }
          }
        }
      }
    }
  }

  &[data-is-marrybaby='true'] {
    .popover-menu__content {
      padding: 0;
      border-radius: 12px;
      /* &::before {
        display: none;
      } */
    }
  }
`,c=i.Z.div`
  display: flex;
  /* max-height: 300px; */
  flex-direction: column;
  cursor: default;

  .__header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 0;
    margin-bottom: 8px;

    .__back-btn {
      position: absolute;
      top: 50%;
      left: 8px;
      width: 16px;
      height: 16px;
      cursor: pointer;
      transform: translateY(-50%);
    }
  }

  .tree-text-description {
    padding-right: 8px;
    padding-left: 8px;
    margin-top: -8px;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
  }

  .__content {
    overflow: auto;
    flex: 1;
  }

  .__list {
    .__item {
      position: relative;
      &.bold-item {
        font-weight: 700;
      }
      &:last-child {
        .__btn {
          margin-bottom: 0;
        }
      }

      .__btn {
        position: relative;
        display: flex;
        width: 100%;
        height: 40px;
        align-items: center;
        padding: 0 1rem;
        border: none;
        margin-bottom: 8px;
        color: ${o.r.colors.gray800};
        cursor: pointer;
        text-align: left;
        transition: background 0.3s;

        /* for better gtm tracking result  */
        * {
          pointer-events: none;
        }
        &.--checked {
          color: ${o.r.colors.gray500};
          pointer-events: none;
        }

        &:hover {
          background: ${o.r.colors.gray100};
        }

        .__icon {
          width: 16px;
          height: 16px;
          margin-right: 0.4rem;
        }

        & > span {
          position: relative;

          & > img {
            width: 16px;
            height: 16px;
            margin-right: 0.4rem;
          }
        }
      }

      .__toggle {
        position: absolute;
        top: 50%;
        right: 16px;
        width: 16px;
        height: 16px;
        pointer-events: none;
        transform: translateY(-50%);
      }
    }
  }
  &[data-is-marrybaby='true'] {
    .__header {
      padding: 1rem;
    }
    .tree-text-description {
      padding: 0 1rem;
    }
    .__list {
      .__item {
        &:first-child {
          .__btn {
            border-top-left-radius: 12px;
            border-top-right-radius: 12px;
          }
        }
        &:last-child {
          .__btn {
            border-bottom-left-radius: 12px;
            border-bottom-right-radius: 12px;
          }
        }
        .__btn {
          height: unset;
          padding: 1rem;
          margin-bottom: 0;
          &:hover {
            background: ${o.r.mbColors.lightPink};
          }
        }
      }
    }
  }
`,PopoverMenu=({className:e,style:t,toggleButtonContent:l,position:i="bottom",align:o="end",children:c,buttonProps:d})=>{let{data:{env:{isMarryBaby:u}}}=(0,n.useContext)(a.T),[m,p]=(0,n.useState)(!1),g=(0,n.useRef)(null),b=(0,n.useRef)(m);return(0,n.useEffect)(()=>{var e;b.current=m,m&&(null===(e=g.current)||void 0===e||e.focus())},[m]),(0,n.useEffect)(()=>{let clickHandler=e=>{var t;(null===(t=g.current)||void 0===t?void 0:t.contains(e.target))||!b.current||p(!1)};return window.addEventListener("click",clickHandler,{passive:!0}),()=>{window.removeEventListener("click",clickHandler)}},[]),n.createElement(s,{"data-is-marrybaby":u,className:e,style:t},n.createElement(r.B,Object.assign({theme:u?"marryBaby":"helloSites",className:"popover-menu__btn",size:"md",color:"transparent",onClick:()=>p(e=>!e)},d),l),m?n.createElement("div",{ref:g,className:`popover-menu__content --position-${i} --align-${o}`,tabIndex:0,onClick:e=>e.stopPropagation()},"function"==typeof c?c({setShow:p}):c):null)}}}]);