"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9634],{zWqd:function(e,t,l){l.d(t,{B:function(){return BmiForm},F:function(){return FitnessToolUnitPicker},H:function(){return B},N:function(){return NewsletterCheckbox},Q:function(){return Question1Label},a:function(){return Question2Label},b:function(){return Question2Description}});var n=l("+MNf"),a=l("q1tI"),r=l("wUmw"),i=l("IsoR"),o=l("HJLy"),s=l("/npG"),c=l("SPK5"),u=l("Eso5"),d=l("8vDj"),m=l("Zo/N"),g=l("mYVa"),h=l("lSJj"),p=l("TIp3"),b=l("OAL+"),v=l("iuhU"),E=l("C/sX"),f=l("u5t1"),w=l("UldL"),C=l("4Jk+"),x=l("eyMb"),y=l("FM21"),S=l("1awh"),k=l("MtwO"),L=l("jK4w"),z=l("nwPE"),I=l("xrdX"),O=l("mx4j");let Question1Label=e=>{var{LabelWrapper:t}=e,l=(0,n._)(e,["LabelWrapper"]);let{t:r}=(0,x.u)(),i=t?{}:Object.assign({size:"p2"},l),o=t||w.T;return a.createElement(o,Object.assign({},i),r("bmi.question.weightLossSupport"))},Question2Label=e=>{var{LabelWrapper:t}=e,l=(0,n._)(e,["LabelWrapper"]);let{t:r}=(0,x.u)(),i=t?{}:Object.assign({size:"p2"},l),o=t||w.T;return a.createElement(o,Object.assign({},i),r("bmi.question.glp1Awareness"))},Question2Description=e=>{var{LabelWrapper:t}=e,l=(0,n._)(e,["LabelWrapper"]);let{t:r}=(0,x.u)(),i=t?{}:Object.assign({size:"p2"},l),o=t||w.T;return a.createElement(o,Object.assign({},i),r("bmi.question.glp1Awareness.desc"))},T=(0,a.createContext)({});var j=(0,s.k)(()=>({label:{marginTop:2,cursor:"pointer",userSelect:"none"}}));let NewsletterCheckbox=e=>{var{labelTextProps:t,checked:l,LabelWrapper:r,useCollapse:i=!0}=e,o=(0,n._)(e,["labelTextProps","checked","LabelWrapper","useCollapse"]);let{t:s}=(0,x.u)(),[d,m]=(0,a.useState)(!i),[g,h]=(0,a.useState)(!0),[p,b]=(0,a.useState)(l),v=r?{}:Object.assign({size:"p3"},t),E=r||w.T,{classes:C}=j(void 0,{name:"NewsletterCheckbox"});return a.createElement(c.k,{gap:8,align:"flex-start"},a.createElement(f.d,Object.assign({},o,{label:void 0,size:"sm",checked:p,onChange:e=>{g?h(!1):b(e.currentTarget.checked)},styles:{labelWrapper:{display:"none"}}})),a.createElement(u.x,null,a.createElement(E,Object.assign({},v,{onClick:()=>{i&&m(e=>!e)},className:C.label,lineClamp:d?void 0:1}),s("bmi.newsletter.label"))))},FitnessToolUnitPicker=({displayValue:e,field:t,onChange:l})=>{let n=(0,d.rZ)(),r=n.colors.gray[1],i="height"===t?[{label:"cm",system:"metric"},{label:"ft",system:"imperial"}]:[{label:"kg",system:"metric"},{label:"lbs",system:"imperial"}];return a.createElement(m.v,{position:"bottom-end",withinPortal:!0,offset:0,styles:{dropdown:{backgroundColor:n.white,border:`${(0,g.h)(1)} solid ${r}`,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:n.fontSizes.sm,lineHeight:1.4,padding:`${(0,g.h)(6)} ${(0,g.h)(10)}`,borderRadius:n.radius.xs,color:n.colors.dark[9],"&[data-hovered]":{backgroundColor:"transparent"}}}},a.createElement(m.v.Target,null,a.createElement(h.k,{type:"button",sx:e=>({height:"100%",display:"flex",alignItems:"center",justifyContent:"flex-end",width:"100%",paddingRight:e.spacing.xs,gap:4})},a.createElement(p.x,{component:"span",size:"sm",sx:{lineHeight:1}},e),a.createElement(S.C,{style:{width:18,height:18}}))),a.createElement(m.v.Dropdown,null,i.map(r=>{let i=e===r.label;return a.createElement(m.v.Item,{key:r.label,onClick:()=>l(r.system,t),sx:{backgroundColor:i?n.colors.gray[1]:void 0,"&[data-hovered]":{backgroundColor:i?n.colors.gray[1]:"transparent"}}},r.label)})))},DefaultForm=e=>{var t,l,i,o,s,d,m;let{t:g,locale:h}=(0,x.u)(),{classes:p={}}=(0,a.useContext)(k.C),{control:E,bmiGenerated:w,linkTool:C,submitProps:S,withAdditionalQuestion:L,classes:O={},enableUnitPicker:j,unitSystem:N,unitHeight:P,unitWeight:F,onUnitChange:R}=(0,a.useContext)(T),H={body:{alignItems:"center"}};return a.createElement(y.H,Object.assign({formLayout:"default"},e),a.createElement(B,{isMobile:e.isMobile,gutter:4},a.createElement(b.K,{spacing:4,px:16},a.createElement(r.Qr,{name:"gender",control:E,rules:null===(t=w.gender)||void 0===t?void 0:t.rule,render:({field:{onChange:e},fieldState:{error:t}})=>a.createElement("div",null,a.createElement(B.GenderControl,{LabelWrapper:B.Label,error:void 0,onChange:e,gap:4}),(null==t?void 0:t.message)&&a.createElement(B.Error,{label:t.message}))}),a.createElement(r.Qr,{name:"age",control:E,rules:null===(l=w.age)||void 0===l?void 0:l.rule,render:({field:{name:e,value:t,onChange:l},fieldState:{error:n}})=>a.createElement("div",null,a.createElement(B.InputNumber,{label:a.createElement(B.Label,null,g("bmi.ageInput")),placeholder:g("tools.inputPlaceholder",{content:"25"}),name:e,value:t,onChange:l,min:0,rightSection:g("bmi.ageInput.desc"),classNames:{rightSection:O.inputRightSection}}),(null==n?void 0:n.message)&&a.createElement(B.Error,{label:n.message}))}),a.createElement(r.Qr,{name:"height",control:E,rules:null===(i=w.height)||void 0===i?void 0:i.rule,render:({field:{name:e,value:t,onChange:l},fieldState:{error:n}})=>a.createElement("div",null,a.createElement(B.InputNumber,{label:a.createElement(B.Label,null,g("bmi.heightInput")),placeholder:g("tools.inputPlaceholder",{content:"imperial"===N?6:170}),name:e,value:t,onChange:l,min:0,precision:1,inputMode:"decimal",rightSection:j?a.createElement(FitnessToolUnitPicker,{displayValue:P,field:"height",onChange:R}):g("bmi.heightInput.desc"),rightSectionWidth:70,classNames:{rightSection:O.inputRightSection},styles:j?void 0:()=>({rightSection:{paddingRight:0}})}),(null==n?void 0:n.message)&&a.createElement(B.Error,{label:n.message}))}),a.createElement(r.Qr,{name:"weight",control:E,rules:null===(o=w.weight)||void 0===o?void 0:o.rule,render:({field:{name:e,value:t,onChange:l},fieldState:{error:n}})=>a.createElement("div",null,a.createElement(B.InputNumber,{label:a.createElement(B.Label,null,g("bmi.weightInput")),placeholder:g("tools.inputPlaceholder",{content:"imperial"===N?130:60}),name:e,value:t,onChange:l,precision:1,inputMode:"decimal",min:0,rightSection:j?a.createElement(FitnessToolUnitPicker,{displayValue:F,field:"weight",onChange:R}):g("bmi.weightInput.desc"),rightSectionWidth:70,classNames:{rightSection:O.inputRightSection},styles:j?void 0:()=>({rightSection:{paddingRight:0}})}),(null==n?void 0:n.message)&&a.createElement(B.Error,{label:n.message}))})),L?a.createElement(a.Fragment,null,a.createElement(b.K,{spacing:4,px:16},a.createElement(r.Qr,{name:"question1",control:E,rules:null===(s=w.question1)||void 0===s?void 0:s.rule,render:({field:{value:e,onChange:t,name:l},fieldState:{error:n}})=>a.createElement("div",null,a.createElement(f.R.Group,{name:l,value:e,onChange:t,sx:{flex:1},label:a.createElement(Question1Label,{LabelWrapper:B.Label}),size:"lg"},a.createElement(c.k,{gap:"lg"},a.createElement(f.R,{size:"sm",value:"1",label:a.createElement(B.OptionLabel,null,g("switchBtn.yes")),styles:H}),a.createElement(f.R,{size:"sm",value:"0",label:a.createElement(B.OptionLabel,null,g("switchBtn.no")),styles:H}))),(null==n?void 0:n.message)&&a.createElement(B.Error,{label:n.message}))}),a.createElement(r.Qr,{name:"question2",control:E,rules:null===(d=w.question2)||void 0===d?void 0:d.rule,render:({field:{name:e,value:t,onChange:l},fieldState:{error:n}})=>a.createElement("div",null,a.createElement(f.R.Group,{name:e,value:t,onChange:l,sx:{flex:1},label:a.createElement(Question2Label,{LabelWrapper:B.Label}),size:"lg",description:h!==z.L.Malaysia&&a.createElement(Question2Description,{LabelWrapper:B.SubLabel})},a.createElement(c.k,{gap:"lg"},a.createElement(f.R,{size:"sm",value:"1",label:a.createElement(B.OptionLabel,null,g("switchBtn.yes")),styles:H}),a.createElement(f.R,{size:"sm",value:"0",label:a.createElement(B.OptionLabel,null,g("switchBtn.no")),styles:H}))),(null==n?void 0:n.message)&&a.createElement(B.Error,{label:n.message}))})),a.createElement(u.x,{className:(0,v.default)(O.newsletterBlock,p.newsletterBlock)},a.createElement(b.K,{spacing:8,px:16,py:12},a.createElement(r.Qr,{name:"newsletter",control:E,rules:null===(m=w.newsletter)||void 0===m?void 0:m.rule,render:e=>{var t=e.field,{value:l,onChange:r,name:i}=t,o=(0,n._)(t,["value","onChange","name"]);return a.createElement(NewsletterCheckbox,Object.assign({size:"sm",onChange:e=>r(e.currentTarget.checked),name:i,checked:!!l},o))}}),a.createElement(y.H.Submit,Object.assign({className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${I.v[h]}/${C}`,type:"submit",fullWidth:!0},S),g("bmi.submit"))))):a.createElement(u.x,{px:16,sx:{paddingBottom:8}},a.createElement(y.H.Submit,Object.assign({className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${I.v[h]}/${C}`,type:"submit",fullWidth:!0},S),g("bmi.submit")))))};var N=(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,l,i,o,s,d,m,h;let{t:p,locale:E}=(0,x.u)(),{control:C,bmiGenerated:S,isTouched:O,linkTool:j,submitProps:N,withAdditionalQuestion:P,enableUnitPicker:B,unitSystem:F,unitHeight:R,unitWeight:H,onUnitChange:_}=(0,a.useContext)(T),{classes:A={},variant:W}=(0,a.useContext)(k.C),{classes:M={}}=(0,a.useContext)(T);return a.createElement(y.H,Object.assign({formLayout:"inline"},e),a.createElement(r.Qr,{name:"gender",control:C,rules:null===(t=S.gender)||void 0===t?void 0:t.rule,render:({field:{onChange:e},fieldState:{error:t}})=>a.createElement(y.H.FormRow,null,a.createElement(y.H.BorderInlineControl,{label:p("tools.selectGender"),width:"none",errorMess:O&&(null==t?void 0:t.message)},a.createElement(L.G,{type:"radio",hideLabel:!0,error:O?a.createElement(a.Fragment,null):"",onChange:e})))}),a.createElement(r.Qr,{name:"age",control:C,rules:null===(l=S.age)||void 0===l?void 0:l.rule,render:({field:{name:e,value:t,onChange:l},fieldState:{error:n}})=>a.createElement(y.H.FormRow,null,a.createElement(y.H.BorderInlineControl,{label:p("bmi.ageInput"),errorMess:O&&(null==n?void 0:n.message)},a.createElement(f.I.Number,{placeholder:p("tools.inputPlaceholder",{content:"25"}),name:e,value:t,onChange:l,error:O&&(null==n?void 0:n.message)?a.createElement(a.Fragment,null):"",min:0,rightSection:a.createElement(y.H.Unit,null,p("tools.yearsOld")),styles:()=>({rightSection:{width:"auto"}})})))}),a.createElement(r.Qr,{name:"height",control:C,rules:null===(i=S.height)||void 0===i?void 0:i.rule,render:({field:{name:e,value:t,onChange:l},fieldState:{error:n}})=>a.createElement(y.H.FormRow,null,a.createElement(y.H.BorderInlineControl,{label:p("bmi.heightInput"),errorMess:O&&(null==n?void 0:n.message)},a.createElement(f.I.Number,{placeholder:p("tools.inputPlaceholder",{content:"imperial"===F?6:170}),name:e,value:t,onChange:l,min:0,precision:1,inputMode:"decimal",error:O&&(null==n?void 0:n.message)?a.createElement(a.Fragment,null):"",rightSection:B?a.createElement(FitnessToolUnitPicker,{displayValue:R,field:"height",onChange:_}):a.createElement(y.H.Unit,{styles:{root:{paddingRight:0}}},p("bmi.heightInput.desc")),rightSectionWidth:70,styles:B?void 0:()=>({rightSection:{paddingRight:0}})})))}),a.createElement(r.Qr,{name:"weight",control:C,rules:null===(o=S.weight)||void 0===o?void 0:o.rule,render:({field:{name:e,value:t,onChange:l},fieldState:{error:n}})=>a.createElement(y.H.FormRow,null,a.createElement(y.H.BorderInlineControl,{label:p("bmi.weightInput"),errorMess:O&&(null==n?void 0:n.message)},a.createElement(f.I.Number,{placeholder:p("tools.inputPlaceholder",{content:"imperial"===F?130:60}),name:e,value:t,onChange:l,error:O&&(null==n?void 0:n.message)?a.createElement(a.Fragment,null):"",precision:1,inputMode:"decimal",min:0,rightSection:B?a.createElement(FitnessToolUnitPicker,{displayValue:H,field:"weight",onChange:_}):a.createElement(y.H.Unit,{styles:{root:{paddingRight:0}}},p("bmi.weightInput.desc")),rightSectionWidth:70,styles:B?void 0:()=>({rightSection:{paddingRight:0}})})))}),P?a.createElement(a.Fragment,null,a.createElement(r.Qr,{name:"question1",control:C,rules:null===(s=S.question1)||void 0===s?void 0:s.rule,render:({field:{value:e,onChange:t,name:l},fieldState:{error:n}})=>a.createElement(y.H.FormRow,null,a.createElement(f.R.Group,{name:l,value:e,onChange:t,sx:{flex:1},label:a.createElement(w.T,{size:"s4",weight:"semiBold",span:!0},p("bmi.question.weightLossSupport")),size:"lg"},a.createElement(c.k,{gap:"lg",sx:{paddingTop:(0,g.h)(8)}},a.createElement(f.R,{size:"sm",value:"1",label:p("switchBtn.yes")}),a.createElement(f.R,{size:"sm",value:"0",label:p("switchBtn.no")}))),O&&(null==n?void 0:n.message)&&a.createElement(f.e,{label:n.message,textProps:{size:"p4"},sx:{marginTop:6}}))}),a.createElement(r.Qr,{name:"question2",control:C,rules:null===(d=S.question2)||void 0===d?void 0:d.rule,render:({field:{name:e,value:t,onChange:l},fieldState:{error:n}})=>a.createElement(y.H.FormRow,null,a.createElement(f.R.Group,{name:e,value:t,onChange:l,sx:{flex:1},label:a.createElement(w.T,{size:"s4",weight:"semiBold",span:!0},p("bmi.question.glp1Awareness")),size:"lg",description:E!==z.L.Malaysia&&a.createElement(w.T,{style:{fontSize:"10px"},span:!0},p("bmi.question.glp1Awareness.desc"))},a.createElement(c.k,{gap:"lg",sx:{paddingTop:(0,g.h)(8)}},a.createElement(f.R,{size:"sm",value:"1",label:p("switchBtn.yes")}),a.createElement(f.R,{size:"sm",value:"0",label:p("switchBtn.no")}))),O&&(null==n?void 0:n.message)&&a.createElement(f.e,{label:n.message,textProps:{size:"p4"},sx:{marginTop:6}}))}),"gray"===W||"violet"===W?a.createElement(a.Fragment,null,a.createElement(r.Qr,{name:"newsletter",control:C,rules:null===(m=S.newsletter)||void 0===m?void 0:m.rule,render:e=>{var t=e.field,{value:l,onChange:r,name:i}=t,o=(0,n._)(t,["value","onChange","name"]);return a.createElement(y.H.FormRow,null,a.createElement(f.d,Object.assign({size:"sm",label:a.createElement(w.T,{size:"p3"},p("bmi.newsletter.label")),onChange:e=>r(e.currentTarget.checked),name:i,checked:!!l},o)))}}),a.createElement(y.H.FormRow,{className:(0,v.default)(A.submitWrapper)},a.createElement(y.H.Submit,Object.assign({className:(0,v.default)("bmi-btn bmi--btn-submit",A.submitBtn),dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${I.v[E]}/${j}`,type:"submit"},N),p("bmi.submit")))):a.createElement(y.H.FormRow,{py:16,className:(0,v.default)(M.newsletterBlock,A.newsletterBlock)},a.createElement(b.K,{spacing:16},a.createElement(r.Qr,{name:"newsletter",control:C,rules:null===(h=S.newsletter)||void 0===h?void 0:h.rule,render:e=>{var t=e.field,{value:l,onChange:r,name:i}=t,o=(0,n._)(t,["value","onChange","name"]);return a.createElement(NewsletterCheckbox,Object.assign({size:"sm",labelTextProps:{size:"p4"},onChange:e=>r(e.currentTarget.checked),name:i,checked:!!l,useCollapse:!1},o))}}),a.createElement(u.x,{className:(0,v.default)(A.submitWrapper)},a.createElement(y.H.Submit,Object.assign({className:(0,v.default)("bmi-btn bmi--btn-submit",A.submitBtn),dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${I.v[E]}/${j}`,type:"submit"},N),p("bmi.submit")))))):a.createElement(y.H.FormRow,{className:(0,v.default)(A.submitWrapper)},a.createElement(y.H.Submit,Object.assign({className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${I.v[E]}/${j}`,type:"submit"},N),p("bmi.submit"))))},BmiForm=e=>{var{value:t,onChange:l,onSubmit:s,bmiGenerated:c,bmiUnit:u,defaultUnitSystem:d,enableUnitPicker:m=!0,formLayout:g="default",submitProps:h,withAdditionalQuestion:p,isMobile:b}=e,v=(0,n._)(e,["value","onChange","onSubmit","bmiGenerated","bmiUnit","defaultUnitSystem","enableUnitPicker","formLayout","submitProps","withAdditionalQuestion","isMobile"]);let{classes:E}=N(void 0,{name:"BmiForm"}),{locale:f}=(0,x.u)(),[w,y]=(0,a.useState)(!1),S=(0,a.useMemo)(()=>d||"metric",[d]),[k,L]=(0,a.useState)(S),{control:z,handleSubmit:I,setValue:j,watch:P}=(0,r.cI)({defaultValues:{question1:void 0,question2:void 0,newsletter:!0}}),B=P(),{getHealthToolLink:F}=(0,i.u)(f),R=(0,a.useMemo)(()=>F(o.H.OVULATION),[F]),H="imperial"===k?"ft":"cm",_="imperial"===k?"lbs":"kg",convertHeightToCm=e=>"imperial"===k?30.48*e:e,convertWeightToKg=e=>"imperial"===k?.45359237*e:e,onInValid=()=>{y(!0)};(0,a.useEffect)(()=>{Object.keys(t||{}).forEach(e=>{j(e,null==t?void 0:t[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})})},[t]),(0,a.useEffect)(()=>{l&&l(B)},[B]),(0,a.useEffect)(()=>{L(S)},[S]);let A=Object.assign({onSubmit:I(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:k}):(()=>{let n=u.heightConvert(t),a=u.weightConvert(l);return Object.assign(Object.assign({},e),{height:n,weight:a,bmi:(0,O.F)({height:n,weight:a})})})();onInValid(),s&&s(n)}),onInValid)},v);return a.createElement(C.T,{variant:C.C.LEADGEN},a.createElement(T.Provider,{value:{control:z,bmiGenerated:c,isTouched:w,linkTool:R,submitProps:h,withAdditionalQuestion:p,classes:E,enableUnitPicker:m,unitSystem:k,unitHeight:H,unitWeight:_,onUnitChange:(e,t)=>{m&&e!==k&&(L(e),j("height","",{shouldDirty:!0,shouldValidate:!1}),j("weight","",{shouldDirty:!0,shouldValidate:!1}))}}},"inline"===g?a.createElement(InlineForm,Object.assign({},A)):a.createElement(DefaultForm,Object.assign({},A,{isMobile:b}))))},P=(0,a.createContext)({}),Error=e=>{let{errorLabelSize:t}=(0,a.useContext)(P);return a.createElement(f.e,Object.assign({textProps:{size:t},sx:{marginTop:5}},e))};var B=Object.assign(e=>{var t,l,r,i,o,s,{children:c,isMobile:u}=e,d=(0,n._)(e,["children","isMobile"]);let m=Object.assign({isMobile:u,labelSize:null!==(t=d.labelSize)&&void 0!==t?t:u?"p2":"s4",subLabelSize:null!==(l=d.subLabelSize)&&void 0!==l?l:"subText",optionLabelSize:null!==(r=d.optionLabelSize)&&void 0!==r?r:u?"p2":"s4",inputSize:null!==(i=d.inputSize)&&void 0!==i?i:u?"sm":"md",gutter:null!==(o=d.gutter)&&void 0!==o?o:u?4:12,errorLabelSize:null!==(s=d.errorLabelSize)&&void 0!==s?s:"p3"},d);return a.createElement(P.Provider,{value:m},c)},{Row:e=>{var{children:t}=e,l=(0,n._)(e,["children"]);let{gutter:r}=(0,a.useContext)(P);return a.createElement(E.r,Object.assign({gutter:r},l),t)},Col:e=>{var{children:t}=e,l=(0,n._)(e,["children"]);return a.createElement(E.r.Col,Object.assign({span:12},l),t)},SubLabel:e=>{var{children:t}=e,l=(0,n._)(e,["children"]);let{subLabelSize:r}=(0,a.useContext)(P);return a.createElement(w.T,Object.assign({size:r},l),t)},Label:e=>{var{children:t}=e,l=(0,n._)(e,["children"]);let{labelSize:r}=(0,a.useContext)(P);return a.createElement(w.T,Object.assign({size:r,weight:"semiBold"},l,{span:!0}),t)},OptionLabel:e=>{var{children:t}=e,l=(0,n._)(e,["children"]);let{optionLabelSize:r}=(0,a.useContext)(P);return a.createElement(w.T,Object.assign({size:r,weight:"regular"},l,{span:!0}),t)},Input:f.I,InputNumber:e=>{var{error:t}=e,l=(0,n._)(e,["error"]);let{inputSize:r}=(0,a.useContext)(P);return a.createElement("div",null,a.createElement(f.I.Number,Object.assign({size:r},l)),t&&a.createElement(Error,{label:t}))},GenderControl:e=>{let{inputSize:t}=(0,a.useContext)(P);return a.createElement(L.G,Object.assign({size:t},e))},Error})},"4dmG":function(e,t,l){l.d(t,{A:function(){return Avatar},D:function(){return DistanceTag},I:function(){return IconWrapper},P:function(){return Pin3},S:function(){return ShapedArrowDown}});var n=l("q1tI"),a=l("rBCA"),r=l("iBNF"),i=l("oxWm"),o=l("UldL");let Pin3=e=>n.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 12 12",fill:"none"},e),n.createElement("g",{clipPath:"url(#clip0_5371_10640)"},n.createElement("path",{d:"M6.6665 4.3335L8.1665 5.8335L6.6665 7.3335",stroke:"#8C8C8C",strokeWidth:.72,strokeLinecap:"round",strokeLinejoin:"round"}),n.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"}),n.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"})),n.createElement("defs",null,n.createElement("clipPath",{id:"clip0_5371_10640"},n.createElement("rect",{width:12,height:12,fill:"white"})))),ShapedArrowDown=e=>n.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"none"},e),n.createElement("path",{d:"M13.5554 9.33398L7.99989 5.55621L2.44434 9.33398",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"})),s=a.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: ${r.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: ${r.r.borderRadius};
    }
    &[data-avatar-type='rounded'] {
      border-radius: 50%;
      img {
        --width: 100%;
        --height: 100%;
      }
    }
    img {
      object-fit: cover;
    }
  }
`,c={xs:28,small:32,medium:40,large:48,xl:64,xxl:80,xxxl:96},Avatar=({type:e="square",size:t,avatarImg:l,avatarUrl:a,firstLetter:r,backgroundColor:o,onClick:u,style:d,className:m,width:g,height:h,alt:p})=>{let b=t?c[t]:void 0,[v,E]=(0,n.useState)(!1);(0,n.useEffect)(()=>{if(a){let e=document.createElement("img");e.setAttribute("src",a),e.addEventListener("error",()=>{E(!0)})}},[a,E]);let f=(!a&&!l||v)&&r;return n.createElement(s,{style:Object.assign(Object.assign({},d),{"--size":b?b+"px":void 0,"--width-prop":g?g+"px":void 0,"--height-prop":h?h+"px":void 0,"--background-color":o}),"data-has-max":!!(g&&h),"data-avatar-type":e,onClick:u,className:m,avatarUrl:a,"data-custom-size":!!t},l,a&&!v&&n.createElement(i.I,{src:a,alt:p||"avatar"}),f&&r)},u=a.Z.div`
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  color: ${r.r.colors.red700};
  border-radius: 8px;
  border: 1px solid ${r.r.colors.neutral100};
  font-size: 0.6875rem;
  line-height: 1rem;
  border-radius: 0.5rem;
`,d=(0,a.Z)(Pin3)`
  width: 0.75rem;
  height: 0.75rem;
  color: ${r.r.colors.gray400};
`;function DistanceTag({value:e,className:t}){return n.createElement(u,{className:t},n.createElement(d,null),n.createElement(o.T,{size:"p3",weight:"regular",color:r.r.colors.gray400},e))}let m=a.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:l,wrapperSize:a,iconSize:r=24,wrapperStyle:i,iconStyle:o,svgIcon:s,wrapperProps:c})=>n.createElement(m,Object.assign({className:t,onClick:l,style:Object.assign(Object.assign(Object.assign(Object.assign({},a&&{"--wrapper-size":a}),r&&{"--icon-size":r}),s&&Object.assign(Object.assign({},s.fill&&{"--icon-fill-color":s.fill}),s.stroke&&{"--icon-stroke-color":s.stroke})),i),"data-clickable":!!l,"data-svg-custom-stroke":!!(null==s?void 0:s.stroke),"data-svg-custom-fill":!!(null==s?void 0:s.fill)},c),n.cloneElement(e,{style:o}))},wgE6:function(e,t,l){l.r(t),l.d(t,{ProfileChatbot:function(){return ProfileChatbot},TabDataInit:function(){return C},TabName:function(){return r},UserType:function(){return i}});var n,a,r,i,o=l("+MNf"),s=l("q1tI"),c=l("t4UM"),u=l("LIOH"),d=l("gDhB"),m=l("IQVP"),g=l("9cAc"),h=l("WedE"),p=l("vWP/"),b=l("4JiQ"),v=l("zSvm"),E=l("nwPE");l("JIJ2"),l("NmYn"),l("gY0P"),l("Wgwc"),l("QgiU"),l("rBCA");let f=(0,s.createContext)({}),Faqs=({faqs:e})=>{let[t,l]=(0,s.useState)([]),handleClick=e=>{if(t.includes(e)){let n=t.filter(t=>t!==e);l(n)}else l(t=>[...t,e])};return s.createElement("div",{className:"_0NhMo6T"},e.map((e,l)=>{let n=t.includes(l);return s.createElement("div",{className:"nrZtZ-u",key:l},s.createElement("div",{className:"faq-item",onClick:()=>handleClick(l)},s.createElement("div",{className:"faq-question",dangerouslySetInnerHTML:{__html:e.question||""}}),n?s.createElement(h.Z,null):s.createElement(p.Z,null)),s.createElement(b.U,{in:n,className:"faq-answer"},s.createElement("div",{dangerouslySetInnerHTML:{__html:e.answer||""}})))}))};var w={container:"_2ugC2Ll",body:"CCwRHCd",description:"RF63WXG",cardAuthorWrapper:"PIaeC0v"};let formatExperience=e=>e?{title:null==e?void 0:e.title,organization:null==e?void 0:e.organization,duration:e.duration}:{},formatEducation=e=>e?{completedYear:null==e?void 0:e.completed_year,schoolName:e.school_name,study:e.study}:{};(n=r||(r={}))[n.About=0]="About",n[n.Care=1]="Care",n[n.Answer=2]="Answer",n[n.Posts=3]="Posts",(a=i||(i={}))[a.Expert=0]="Expert",a[a.User=1]="User";let C={experiences:[],relatedPosts:[],educations:[],awards:[],contact:{},data:{}},ProfileChatbot=e=>{var{authorProps:t,authActionWrapper:l,onSkipQuestion:n,onCloseFromPost:a,onChatWithBot:r,showSkipQuestionTag:i,currentPageUrl:h}=e,p=(0,o._)(e,["authorProps","authActionWrapper","onSkipQuestion","onCloseFromPost","onChatWithBot","showSkipQuestionTag","currentPageUrl"]);let{data:{locale:b,userInfo:C,env:{isMarryBaby:x}}}=(0,s.useContext)(g.T),y=String(null==t?void 0:t.userId),[S,k]=(0,s.useState)(),[L,z]=(0,s.useState)(!1),[I,O]=(0,s.useState)(),[T,j]=(0,s.useState)([]),[N,P]=(0,s.useState)(""),B=(null==C?void 0:C._togetherUserId)===(null==t?void 0:t.userId),[F,R]=(0,s.useState)(1),H={value:String(F),dataList:[{value:"1",text:"FAQs",content:s.createElement(Faqs,{faqs:T})}],onTabChange:e=>R(Number(e))};return(0,s.useEffect)(()=>{(0,o.a)(void 0,void 0,void 0,function*(){var e,t,l,n,a,r,i,o,s,c,u;z(!0);let h=yield Promise.all([(0,g.c)((0,g.f)(m.yy.USER.DETAIL,{_locale:b,id:y}),"GET"),(0,g.c)((0,g.f)(m.yy.CHATBOT.PROFILE,{_locale:b}),"GET"),(0,g.c)((0,g.f)(m.yy.CHATBOT.FAQS_LIST,{_locale:b}),"GET")]),[p,v,E]=h,f={data:null==p?void 0:p.data,experiences:((null===(t=null===(e=null==p?void 0:p.data)||void 0===e?void 0:e.fields)||void 0===t?void 0:t.experiences)||[]).map(formatExperience),relatedPosts:((null===(l=null==p?void 0:p.data)||void 0===l?void 0:l.related_post)||[]).map(e=>(0,d.f)(e.post)),educations:((null===(a=null===(n=null==p?void 0:p.data)||void 0===n?void 0:n.fields)||void 0===a?void 0:a.educations)||[]).map(formatEducation),awards:(null===(i=null===(r=null==p?void 0:p.data)||void 0===r?void 0:r.fields)||void 0===i?void 0:i.awards_accreditations)||[],contact:(null===(s=null===(o=null==p?void 0:p.data)||void 0===o?void 0:o.fields)||void 0===s?void 0:s.contact)||{}};(null==p?void 0:p.status)===1&&O(f),j((null===(c=null==E?void 0:E.data)||void 0===c?void 0:c.faqs)||[]),P((null===(u=null==v?void 0:v.data)||void 0===u?void 0:u.description)||""),z(!1)})},[]),s.createElement(f.Provider,{value:{isMarryBaby:x,siteType:x?"marryBaby":"helloSites",authorId:String((null==t?void 0:t.userId)||""),authActionWrapper:l,onSkipQuestion:n,info:I,authorProps:t,onCloseFromPost:a,countValues:S,setCountValues:k,isAuthorLogin:B,showSkipQuestionTag:i,currentPageUrl:h}},s.createElement("div",Object.assign({},p,{className:`${w.container} ${(null==p?void 0:p.className)||""}`,"data-is-marrybaby":x}),L?s.createElement(u.L,null):s.createElement(s.Fragment,null,s.createElement("div",{className:w.cardAuthorWrapper},s.createElement(v.C,Object.assign({},t,{className:"card-author",showDetailPopup:!1,showChatbotButton:b===E.L.Vietnam,onChatWithBot:r}))),s.createElement("div",{className:w.description,dangerouslySetInnerHTML:{__html:N}}),T.length>0&&s.createElement("div",{className:w.body},s.createElement(c.T,Object.assign({},H))))))}},"1BUe":function(e,t,l){l.d(t,{D:function(){return DatePicker}});var n=l("+MNf"),a=l("q1tI"),r=l("8vDj"),i=l("gHhT"),o=l("catb"),s=l("+24l"),c=l("5SVV"),u=l("UvOQ"),d=l("nwPE"),m=l("yNk5");let DatePicker=e=>{var t,{value:l,fullWidth:g=!0}=e,h=(0,n._)(e,["value","fullWidth"]);let p=(0,r.rZ)(),b="mb"===p.other.template,v=null===(t=s.I[m.env.UNIFY_LOCALE||d.L.Vietnam])||void 0===t?void 0:t.dateFormat;return a.createElement(o.a,Object.assign({locale:u.M[m.env.UNIFY_LOCALE||d.L.Vietnam],valueFormat:v,size:"md",clearable:!1,popoverProps:g?{styles:{dropdown:{minWidth:"100%",display:"flex",justifyContent:"center",alignItems:"center"}}}:{},styles:{root:{position:"relative"},rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:a.createElement(i.E,{src:c.C.getAssetPath(b?"MB-calendar.svg":"OutlineCalendar.svg"),width:18,height:18}),value:l,placeholder:v},h,{className:`input-control ${(null==h?void 0:h.className)||""}`}))}}}]);