"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2582],{oZWv:function(e,t,o){o.d(t,{T:function(){return c}});var a=o("HJpP"),r=o("q1tI"),n=o("/npG"),i=o("8vDj"),l=o("TIp3"),s=o("hDz7"),d=(0,n.k)((e,t)=>{var o,a,r,n,i,l,d,c,p,u;let m=s.a[null==t?void 0:t.customStylesType]||s.a[s.C.NONE],g=null===(o=m.fontSize[null==t?void 0:t.size])||void 0===o?void 0:o[0],h=null===(a=m.lineHeight[null==t?void 0:t.size])||void 0===a?void 0:a[0],b=null!==(i=null===(n=null===(r=m.letterSpacing)||void 0===r?void 0:r[null==t?void 0:t.size])||void 0===n?void 0:n[0])&&void 0!==i?i:0,f=null===(l=m.fontSize[null==t?void 0:t.size])||void 0===l?void 0:l[1],v=null===(d=m.lineHeight[null==t?void 0:t.size])||void 0===d?void 0:d[1],x=null!==(u=null===(p=null===(c=m.letterSpacing)||void 0===c?void 0:c[null==t?void 0:t.size])||void 0===p?void 0:p[1])&&void 0!==u?u:0;return{root:Object.assign({},(null==t?void 0:t.size)&&{fontWeight:(null==t?void 0:t.as)==="label"?s.F.semiBold:m.fontWeight[t.weight]||m.fontWeightBySize[null==t?void 0:t.size]||s.F.regular,fontSize:`${g}`,lineHeight:`${h}`,letterSpacing:b,[e.fn.smallerThan("sm")]:{fontSize:`${f}`,lineHeight:`${v}`,letterSpacing:x}})}});let c=(0,r.forwardRef)((e,t)=>{var o,{size:n,color:c,weight:p,as:u="p",styles:m,className:g,dataEventCategory:h,dataEventAction:b,dataEventLabel:f,variant:v}=e,x=(0,a._)(e,["size","color","weight","as","styles","className","dataEventCategory","dataEventAction","dataEventLabel","variant"]);let y=(0,i.rZ)(),E=(0,s.u)(),{classes:w,cx:k}=d({size:n,weight:"caption"===p?"bold":p,as:u,customStylesType:E},{name:"Text",styles:m}),C="string"==typeof y.colors[c]?y.colors[c]:c;return r.createElement(l.x,Object.assign({"data-size":n,className:k(w.root,g),color:C||("label"===u?y.colors.gray[6]:(null===(o=null==y?void 0:y.other)||void 0===o?void 0:o.template)==="mb"?y.colors.delftGray[7]:void 0)||("primary"===v?y.colors.gray[9]:"secondary"===v?y.colors.gray[7]:"tertiary"===v?y.colors.gray[4]:"disabled"===v?y.colors.gray[3]:"error"===v?y.colors.red[6]:"success"===v?y.colors.green[6]:void 0)||y.colors.gray[7],component:u,"data-event-category":h,"data-event-action":b,"data-event-label":f,classNames:{root:Object.assign(Object.assign({},x.wordWrap?{"word-wrap":x.wordWrap}:void 0),x.isUppercase||"caption"===p?{"text-transform":"uppercase"}:void 0)},ref:t},x))})},qABS:function(e,t,o){o.d(t,{G:function(){return GenderOptionControl}});var a=o("HJpP"),r=o("q1tI"),n=o("OyPk"),i=o("XHvu"),l=o("/npG"),s=o("mYVa"),d=o("Eso5"),c=o("SPK5"),p=o("StZb"),u=o("Y5X8"),m=o("oZWv"),g=o("L+vc");let h={lg:{height:48},md:{height:40},sm:{height:32},xs:{height:32}};var b=(0,l.k)((e,{type:t,gap:o,size:a})=>{let r="mb"===e.other.template,n=h[a]||{},i=n.height;return{root:{},wrapper:Object.assign({gap:(0,s.h)(o||8)},"radio"===t&&{justifyContent:"flex-end",gap:(0,s.h)(o||24)}),groupErr:{fontSize:(0,s.h)(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.h)(10)} 0`,margin:0}:{}),itemLabelWrapper:{padding:0,width:"100%"},itemLabel:Object.assign({whiteSpace:"nowrap"},"button"===t?{position:"relative",padding:`${(0,s.h)(2)} ${(0,s.h)(16)}`,border:`1px solid ${r?"#EAEAEC":e.colors.gray[2]}`,backgroundColor:"#fff",borderRadius:(0,s.h)(r?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.h)("lg"===a?26:22)}}:"radio"===t?{fontSize:(0,s.h)(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:o,styles:l,isBaby:h,genderValue:f={male:"male",female:"female"},type:v="button",hideLabel:x,labelTextProps:y,labelText:E,gap:w,size:k="md",LabelWrapper:C}=e,S=(0,a._)(e,["label","availableValue","styles","isBaby","genderValue","type","hideLabel","labelTextProps","labelText","gap","size","LabelWrapper"]);let{t:O}=(0,g.u)(),{classes:I,cx:_,theme:P}=b({type:v,gap:w,size:k},{name:"GenderOptionControl",styles:l}),N="mb"===P.other.template,[j,T]=(0,r.useState)(),B=(0,r.useRef)(null),$=C?{}:Object.assign({as:"label",size:"p2",weight:"semiBold",variant:"primary"},y),z=C||m.T,R=(0,r.useMemo)(()=>[{value:f.male,label:h?O("gender.boy"):O("gender.male"),icon:h?N?r.createElement(n.Z,null):u.C.getAssetPath("health-tools/boy-icon.svg"):u.C.getAssetPath("health-tools/male-icon.svg")},{value:f.female,label:h?O("gender.girl"):O("gender.female"),icon:h?N?r.createElement(i.Z,null):u.C.getAssetPath("health-tools/girl-icon.svg"):u.C.getAssetPath("health-tools/female-icon.svg")}],[]);return(0,r.useEffect)(()=>{T(o)},[o]),r.createElement(d.x,{ref:B,className:I.root},r.createElement(p.R.Group,Object.assign({className:"radio-group",label:x?void 0:r.createElement(z,Object.assign({id:"gender-option-control-label"},$),t||(h?O("tools.selectBabyGender"):O("tools.selectGender"))),size:"lg"},S,{classNames:{error:I.groupErr}},"radio"===v&&{error:null}),r.createElement(c.k,{className:_(I.wrapper)},R.map(e=>r.createElement(p.R,Object.assign({className:"gender-item",size:"sm",classNames:{root:I.itemRoot,labelWrapper:I.itemLabelWrapper,label:I.itemLabel,inner:I.itemInner,body:I.itemBody},key:e.value,value:e.value},j&&e.value!==j&&{disabled:!0},{label:r.createElement(c.k,{gap:(0,s.h)(8),align:"center",justify:"center",sx:{zIndex:0}},"button"===v&&("string"==typeof e.icon?r.createElement("img",{src:e.icon,className:"gender-image",alt:"female",loading:"lazy"}):e.icon),r.createElement(m.T,Object.assign({size:"p3"},E),e.label))}))))))}},"+6Eu":function(e,t,o){o.d(t,{B:function(){return Button}});var a=o("HJpP"),r=o("q1tI"),n=o("XDLp");let Button=e=>{var{size:t,color:o="primary",isDisabled:i,isBlock:l,title:s,onClick:d,icon:c,iconPosition:p="left",children:u,isLoading:m=!1,loadingText:g,dataEventCategory:h,dataEventAction:b,dataEventLabel:f,dataProductChannel:v,dataProductSku:x,dataProductBrand:y,dataProductName:E,dataProductPrice:w,dataProductCategory:k,dataProductPosition:C,type:S}=e,O=(0,a._)(e,["size","color","isDisabled","isBlock","title","onClick","icon","iconPosition","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","type"]);return r.createElement(n.B,Object.assign({},{"data-event-category":h,"data-event-action":b,"data-event-label":f,"data-product-channel":v,"data-product-sku":x,"data-product-brand":y,"data-product-name":E,"data-product-price":w,"data-product-category":k,"data-product-position":C},{size:t,variant:"transparent"===o?"white":"danger"===o?"error":o,disabled:i,onClick:e=>{m||i||!d||d(e)},title:s,loading:m,type:S||"submit",leftIcon:"left"===p?c:void 0,rightIcon:"right"===p?c:void 0,w:l?"100%":void 0,p:l?"12px auto":void 0,"data-color":o,"data-size":t,"data-block":l,"data-has-icon":!!c||void 0,"data-theme":O.theme,"data-is-loading":m},O),m&&g||u)}},dHMd:function(e,t,o){o.d(t,{I:function(){return Indicator}});var a=o("HJpP"),r=o("q1tI"),n=o("QJsO"),i=o("iBNF");let Indicator=e=>{var{styles:t,color:o=i.r.colors.red700}=e,l=(0,a._)(e,["styles","color"]);return r.createElement(n.z,Object.assign({inline:!0,position:"top-end",offset:4,styles:Object.assign({processing:{animationDirection:"alternate"}},t),color:o},l))}},XDLp:function(e,t,o){o.d(t,{B:function(){return m}});var a=o("HJpP"),r=o("q1tI"),n=o("/npG"),i=o("HC7W"),l=o("8vDj"),s=o("mAfZ"),d=o("GrzX"),c=o("hDz7"),p=(0,n.k)((e,t)=>{var o,a,r,n,l,s;let{other:p}=e,{template:u}=p,{size:m,variant:g,skipHover:h,withColorHover:b,isError:f,isSuccess:v,color:x,gradient:y,children:E,theme:w,customStylesType:k}=t,C="mb"===u||"marryBaby"===w,S=x||(w&&C?"mb":e.primaryColor),O=S.startsWith("#"),I=O?e.fn.lighten(x,.9):(null===(a=null===(o=e.colors)||void 0===o?void 0:o[S])||void 0===a?void 0:a[0])||"",_=O?S:null===(n=null===(r=e.colors)||void 0===r?void 0:r[S])||void 0===n?void 0:n[e.fn.primaryShade()],P=O?e.fn.darken(x,.05):null===(s=null===(l=e.colors)||void 0===l?void 0:l[S])||void 0===s?void 0:s[e.fn.primaryShade()+1],N=k===c.C.LEADGEN;return{root:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({transition:`all ${d.A} ease-in-out`},y&&Object.assign({border:0,position:"relative"},"secondary"===g&&{"&:before":{content:'""',position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"#fff",borderRadius:"inherit"}})),{"&:focus":{outline:"none"}}),N&&{borderRadius:12}),!E&&{paddingLeft:"10px",paddingRight:"10px",".mantine-Button-icon":{margin:0}}),(()=>{switch(m){case"xl":return Object.assign({height:56,fontWeight:N?c.F.halfBold:c.F.semiBold,fontSize:N?"15px":C?"14px":"16px",lineHeight:"24px"},N&&{letterSpacing:"-0.3px"});case"lg":return Object.assign({height:48,fontWeight:N?c.F.halfBold:c.F.semiBold,fontSize:N?"15px":C?"14px":"16px",lineHeight:"24px"},N&&{letterSpacing:"-0.3px"});case"md":return Object.assign({height:40,fontWeight:N?c.F.halfBold:c.F.semiBold,fontSize:N?"13px":"14px",lineHeight:N?"20px":"22px"},N&&{letterSpacing:"-0.3px"});case"sm":return Object.assign(Object.assign({height:32,fontWeight:N?c.F.halfBold:c.F.semiBold,fontSize:N?"11px":C?"12px":"14px",lineHeight:N?"16px":"22px"},N&&{letterSpacing:"-0.2px"}),{paddingLeft:"16px",paddingRight:"16px"});case"xs":return Object.assign({height:24,fontWeight:N?c.F.halfBold:c.F.semiBold,fontSize:N?"11px":"12px",lineHeight:N?"16px":"18px",paddingLeft:"8px",paddingRight:"8px"},N&&{letterSpacing:"-0.2px"})}})()),(()=>{switch(g){case"primary":return Object.assign(Object.assign({color:e.white},y?{backgroundImage:y,backgroundColor:"initial"}:{backgroundColor:_}),!h&&{"&:hover":{backgroundColor:y?"initial":P}});case"secondary":return Object.assign(Object.assign(Object.assign({color:_,backgroundColor:"transparent",border:`1px solid ${_}`},y&&{backgroundImage:y,borderColor:"transparent"}),!h&&!y&&{"&:hover":{backgroundColor:I,border:`1px solid ${_}`}}),b&&!y&&{"&:hover":{backgroundColor:_,border:`1px solid ${_}`,color:"#fff"}});case"white":return{color:_,backgroundColor:"transparent",border:"1px solid transparent","&:hover":{backgroundColor:"transparent",borderColor:"transparent"}};case"tertiary":return{color:e.colors.gray[8],backgroundColor:e.white,border:`1px solid ${e.colors.neutral[2]}`,"&:hover":Object.assign({},h?{backgroundColor:e.white,border:`1px solid ${e.colors.neutral[2]}`}:{backgroundColor:e.colors.neutral[0],border:`1px solid ${e.colors.neutral[0]}`})};case"light":return{color:_,backgroundColor:I,border:"1px solid transparent","&:hover":Object.assign({},h?{backgroundColor:I,border:"1px solid transparent"}:{backgroundColor:e.white,border:`1px solid ${I}`})};case"ghost":return Object.assign({color:_,backgroundColor:"transparent",border:"1px solid transparent"},!h&&{"&:hover":{backgroundColor:I,border:"1px solid transparent"}})}})()),{"&[data-disabled]":{backgroundColor:e.colors.gray[1],color:e.colors.gray[4]}}),f?Object.assign({color:e.colors.red[6],backgroundColor:e.white,border:`1px solid ${e.colors.red[6]}`},!h&&{"&:hover":{backgroundColor:e.colors.red[0],border:`1px solid ${e.colors.red[6]}`}}):{}),v?Object.assign({color:e.colors.green[8],backgroundColor:e.colors.green[0]},!h&&{"&:hover":{backgroundColor:e.colors.green[0]}}):{}),inner:Object.assign({ref:(0,i.A)("inner")},y&&{position:"relative"}),leftIcon:{marginRight:8},rightIcon:{},label:Object.assign({},y&&"secondary"===g&&{background:y,"-webkit-background-clip":"text","-webkit-text-fill-color":"transparent"})}});let u={primary:"filled",secondary:"outline",tertiary:"default",light:"light",ghost:"subtle",error:"outline",white:"white",success:"subtle"},m=(0,r.forwardRef)((e,t)=>{var o,n;let i=(0,l.rZ)(),d=Object.assign(Object.assign({},null===(n=null===(o=i.components)||void 0===o?void 0:o.Button)||void 0===n?void 0:n.defaultProps),function(e){let t={};return Object.keys(e).filter(t=>void 0!==e[t]).forEach(o=>t[o]=e[o]),t}(e)),{variant:m,size:g,color:h,gradient:b,skipHover:f,withColorHover:v,className:x,dataEventCategory:y,dataEventAction:E,dataEventLabel:w,children:k,theme:C,component:S,styles:O,classNames:I}=d,_=(0,a._)(d,["variant","size","color","gradient","skipHover","withColorHover","className","dataEventCategory","dataEventAction","dataEventLabel","children","theme","component","styles","classNames"]),P="error"===m,N=(0,c.u)(),{classes:j,cx:T}=p({variant:m,size:g,color:h,gradient:b,skipHover:f,withColorHover:v,isError:P,isSuccess:"success"===m,children:k,theme:C,customStylesType:N},{name:"ButtonMantine",styles:O,classNames:I});return r.createElement(s.z,Object.assign({component:S,className:T(x,m),classNames:{root:j.root,inner:j.inner,leftIcon:j.leftIcon,rightIcon:j.rightIcon,label:j.label},variant:u[m],"data-variant":m,"data-event-category":y,"data-event-action":E,"data-event-label":w,ref:t,loaderProps:_.disabled?{color:"currentColor"}:void 0},_),k)})},"+MDz":function(e,t,o){o.d(t,{R:function(){return RadioImageGroup}});var a=o("q1tI"),r=o("iBNF"),n=o("rBCA"),i=o("uAq3"),l=o("uwjA");let s=n.Z.div` display: flex; width: 100%; &[data-direction='vertical'] { flex-direction: column; } &[data-direction='horizontal'] { flex-wrap: wrap; } `,d=n.Z.div` display: flex; padding: 8px; border-radius: ${r.r.borderRadius}; cursor: pointer; & > div { display: flex; width: 100%; height: 100%; flex-direction: column; align-items: center; justify-content: flex-start; } &[data-is-mb='false'] { &[data-selected='true'] { border: 1px solid #2d87f3; background: white; } &[data-selected='false'] { border: 1px solid #f2f2f2; box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08); } } &[data-is-mb='true'] { border-radius: 16px; background: white; padding: 16px auto; &[data-selected='true'] { border: 1px solid ${r.r.mbColors.mint}; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06); } &[data-selected='false'] { border: none; } } &[data-disabled='true'] { cursor: auto; } .radio-group-item-heading { margin-top: 8px; //height: 48px; text-align: center; } .gender-image { width: 70px; height: 70px; &[data-is-mobile='true'] { width: 40px; height: 40px; } } `,RadioImageGroup=({value:e,options:t,className:o,direction:n="horizontal",onChange:c,isDisabled:p,siteType:u})=>{let[m,g]=(0,a.useState)(e),handleOnChange=e=>{!p&&(g(e),c&&c(e))},h="marryBaby"===u;return a.createElement(s,{className:o,"data-direction":n},t.map((t,o)=>a.createElement(d,{"data-selected":(e||m)===t.value,"data-is-mb":h,"data-disabled":p,key:o,onClick:()=>{handleOnChange(t.value)}},a.createElement("div",null,t.content,t.label&&a.createElement(a.Fragment,null,h?a.createElement(i.M,{type:"subtitle-2",color:(e||m)===t.value?r.r.mbColors.dark:r.r.mbColors.midGray},t.label):a.createElement(l.T,{type:"bold",color:(e||m)===t.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},t.label))))))}},YqDK:function(e,t,o){o.d(t,{C:function(){return r}});var a=o("q1tI");let r=(0,a.forwardRef)(function(e,t){return a.createElement("circle",Object.assign({},e,{ref:t}),a.createElement("animate",{attributeName:"r",values:"4;8;4",dur:"2s",begin:"0s",repeatCount:"indefinite"}))})},"+4U8":function(e,t,o){o.d(t,{A:function(){return AuthorBadge},B:function(){return BookingBtn}});var a=o("HJpP"),r=o("q1tI"),n=o("L+vc"),i=o("/npG"),l=o("R2iv"),s=o("Hzfr"),d=o("XDLp"),c=o("Xfk/"),p=o("xrdX"),u=o("GOBr"),m=(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:o,title:i,styles:l,className:s}=e,d=(0,a._)(e,["siteType","role","title","styles","className"]);let{t:c}=(0,n.u)(),p=o?looselyMatchRole(o):"",{classes:u,cx:h}=m(void 0,{name:"AuthorBadge",styles:l});return p&&g[p]?r.createElement("div",Object.assign({className:h(u.root,s),"data-label-type":p,"data-is-marrybaby":"marryBaby"===t},d),i||c(g[p])):null},BookingBtn=e=>{var{label:t,bookingId:o,bookingType:i="doctor",locale:m="vi-VN"}=e,g=(0,a._)(e,["label","bookingId","bookingType","locale"]);let{t:h}=(0,n.u)(),[b,f]=(0,r.useState)(!1),v=(0,r.useMemo)(()=>"undefined"!=typeof window?window.location.href:"",[]),x=(0,r.useCallback)(()=>(0,a.a)(void 0,void 0,void 0,function*(){var e,t,a,r,n,d,g,h,b,v,x,y,E,w,k;let C="doctor"===i?l.P.GET_DOCTOR_DETAIL:"hospital"===i?l.P.GET_HOSPITAL_DETAIL:"service"===i?l.P.GET_SERVICE_DETAIL:"";try{f(!0);let l=yield(0,c.c)((0,c.b)(C,{id:o,site:p.v[m]}),"get");if((null==l?void 0:l._status)===1){let o="doctor"===i?{id:null===(t=null===(e=null==l?void 0:l._data)||void 0===e?void 0:e.doctor)||void 0===t?void 0:t.id,slug:null===(r=null===(a=null==l?void 0:l._data)||void 0===a?void 0:a.doctor)||void 0===r?void 0:r.slug,localSlug:null===(n=s.L[m])||void 0===n?void 0:n.DOCTOR}:"hospital"===i?{id:null===(g=null===(d=null==l?void 0:l._data)||void 0===d?void 0:d.branch)||void 0===g?void 0:g.id,slug:null===(b=null===(h=null==l?void 0:l._data)||void 0===h?void 0:h.branch)||void 0===b?void 0:b.slug,localSlug:null===(v=s.L[m])||void 0===v?void 0:v.HOSPITAL}:{id:null===(y=null===(x=null==l?void 0:l._data)||void 0===x?void 0:x.service)||void 0===y?void 0:y.id,slug:null===(w=null===(E=null==l?void 0:l._data)||void 0===E?void 0:E.service)||void 0===w?void 0:w.slug,localSlug:null===(k=s.L[m])||void 0===k?void 0:k.SERVICE};window.location.href=`https://${u.y?"":"discover."}${p.v[m]}/care/${o.localSlug}/${o.slug}-${o.id}/`}else f(!1)}catch(e){console.log(e),f(!1)}}),[]);return o&&i?r.createElement(d.B,Object.assign({dataEventCategory:"Care",dataEventAction:"Comment - Quick Booking",dataEventLabel:v,onClick:x,loading:b},g),t||h("careBooking.bookAnAppointment")):null}},"1N+i":function(e,t,o){o.d(t,{I:function(){return ImageWrap},u:function(){return useScreenSize}});var a=o("q1tI"),r=o("Efqo"),n=o("HJpP"),i=o("rBCA");let getIsMobile=()=>"undefined"!=typeof window&&window.innerWidth"undefined"!=typeof window&&window.innerWidth>=r.B.BREAK_POINT_MOBILE&&window.innerWidth{let[e,t]=(0,a.useState)(getIsMobile()),[o,r]=(0,a.useState)(getIsLargeMobile());return(0,a.useEffect)(()=>{let handleResize=()=>{t(getIsMobile()),r(getIsLargeMobile())};return window.addEventListener("resize",handleResize,{passive:!0}),()=>{window.removeEventListener("resize",handleResize)}},[]),{isMobile:e,isLargeMobile:o}},ImageWrap=e=>{var{alt:t,backupSrc:o,src:r,placeholderSrc:i,style:s,ref:d}=e,c=(0,n._)(e,["alt","backupSrc","src","placeholderSrc","style","ref"]);let[p,u]=(0,a.useState)(!1);return a.createElement(l,Object.assign({loading:"lazy",alt:t,onError:()=>!p&&u(!0),src:p?o||r:r||o,style:Object.assign(Object.assign({},i?{backgroundImage:`url(${i})`}:{}),s),"data-has-placeholder":!!i,ref:d},c))},l=i.Z.img` &[data-has-placeholder='true'] { background-position: center; background-repeat: no-repeat; background-size: cover; } `},"1iCw":function(e,t,o){o.d(t,{H:function(){return HealthToolFormWrapper}});var a=o("HJpP"),r=o("q1tI"),n=o("/npG"),i=o("mYVa"),l=o("Eso5"),s=o("aDCK"),d=o("9n+W"),c=o("8vDj"),p=o("SPK5"),u=o("2wr/"),m=o("oZWv"),g=o("XDLp"),h=o("L+vc"),b=o("yVya"),f=o("iBNF"),v=(0,n.k)(()=>({root:{justifyContent:"flex-start"},group:{display:"flex",alignItems:"stretch",gap:(0,i.h)(8)},item:{flex:"1 1 0px"},icon:{flexShrink:0}}));let x=(0,r.createContext)({}),y=(0,n.k)(()=>({root:{display:"flex",flexDirection:"column",gap:(0,i.h)(8),paddingLeft:16,paddingRight:16,"&:last-child":{paddingBottom:16}}}));var E=(0,n.k)((e,{formLayout:t})=>({root:{display:"flex",flexDirection:"column",gap:(0,i.h)("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.h)(14)}},"default"===t&&{gap:8})},control:{width:(0,i.h)(180),flexShrink:1,"&.error":{"button, input":{borderColor:e.colors.red[7]}}}}));let w=(0,n.k)((e,{formLayout:t})=>{let o="mb"===e.other.template;return{root:Object.assign(Object.assign({minWidth:(0,i.h)(180)},"inline"===t&&{alignSelf:"flex-end",marginTop:(0,i.h)(16)}),"default"===t&&Object.assign({},o&&{alignSelf:"center"}))}}),k=(0,n.k)(e=>({root:{color:e.colors.gray[6],whiteSpace:"nowrap",paddingRight:(0,i.h)(16)}}));var C=(0,n.k)(()=>({root:{display:"flex",gap:(0,i.h)(8),border:"1px solid #EAEAEC",borderRadius:(0,i.h)(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"}})),S=(0,n.k)((e,{width:t,direction:o})=>{let a="mb"===e.other.template;return{root:{display:"flex",flexDirection:"column",gap:(0,i.h)(8)},row:{display:"flex",flexDirection:o,alignItems:"stretch",justifyContent:"space-between",gap:(0,i.h)(16),minHeight:(0,i.h)(40)},labelWrapper:Object.assign({flex:"1 1 0px",display:"flex",alignItems:"center"},"row"===o&&{borderBottom:`1px solid ${e.colors.neutral[1]}`}),label:{fontSize:(0,i.h)(14),lineHeight:(0,i.h)(22),color:e.colors.gray[6]},content:{display:"flex",alignItems:"center",gap:(0,i.h)(8),input:{backgroundColor:"#fff"}},control:{width:"number"==typeof t?(0,i.h)(t):t,flexShrink:1,input:Object.assign({},a&&{borderRadius:(0,i.h)(12)}),"&.error":{"button, input":{borderColor:e.colors.red[7]}}},error:{color:"red",textAlign:"right"}}});let O=(0,n.k)(()=>({root:{color:"red",textAlign:"right",width:"auto"}}));var I=(0,n.k)(e=>{let t="mb"===e.other.template;return{root:{label:Object.assign({},t&&{color:f.r.mbColors.midGray,fontSize:(0,i.h)(12),fontWeight:"normal"})}}});let HealthToolFormWrapper=e=>{var{children:t,formLayout:o,styles:n,classNames:i,className:s,component:d="form"}=e,c=(0,a._)(e,["children","formLayout","styles","classNames","className","component"]);let p=o||"default",{classes:u,cx:m}=E({formLayout:p},{name:"HealthToolFormWrapper",styles:n,classNames:i});return r.createElement(x.Provider,{value:{formLayout:p}},r.createElement(l.x,Object.assign({component:d,className:m(s,u.root)},c),t))};HealthToolFormWrapper.Control=e=>{var{className:t,styles:o,classNames:n}=e,i=(0,a._)(e,["className","styles","classNames"]);let{classes:s,cx:d}=I(void 0,{name:"HealthToolFormWrapper__Control",styles:o,classNames:n});return r.createElement(l.x,Object.assign({className:d(t,s.root)},i))},HealthToolFormWrapper.BorderInlineControl=({label:e,children:t,styles:o,classNames:a,direction:n="row",width:i=180,errorMess:s})=>{let{classes:d}=S({width:i,direction:n},{name:"HealthToolFormWrapper__BorderInlineControl",styles:o,classNames:a});return r.createElement(l.x,{className:d.root},r.createElement(l.x,{className:d.row},r.createElement(l.x,{className:d.labelWrapper},e&&r.createElement("label",{className:d.label,htmlFor:"gender"},e)),r.createElement(l.x,{className:d.content},(0,b.Z)(t).map((e,t)=>r.createElement(l.x,{key:t,className:d.control},e)))),s&&r.createElement(m.T,{size:"p4",className:d.error},s))},HealthToolFormWrapper.BorderBoxControl=e=>{var{label:t,rightSection:o,children:n,styles:i,className:s,classNames:d}=e,c=(0,a._)(e,["label","rightSection","children","styles","className","classNames"]);let{classes:p,cx:u}=C(void 0,{name:"HealthToolFormWrapper__BorderBoxControl",styles:i,classNames:d});return r.createElement(l.x,Object.assign({className:u(p.root,s)},c),r.createElement(l.x,{className:p.info},t&&r.createElement(m.T,{size:"n1",as:"label",className:p.label},t),r.createElement(l.x,{className:p.content},r.isValidElement(n)?r.cloneElement(n,Object.assign(Object.assign({},n.props),{size:"sm",error:null})):null)),o&&r.createElement(l.x,{className:p.rightSection},"string"==typeof o?r.createElement(m.T,{size:"p4"},o):r.isValidElement(o)?r.cloneElement(o,{size:24}):null))},HealthToolFormWrapper.Error=e=>{var{styles:t,classNames:o,className:n}=e,i=(0,a._)(e,["styles","classNames","className"]);let{classes:l,cx:s}=O(void 0,{name:"HealthToolFormWrapper__UnitText",styles:t,classNames:o});return r.createElement(m.T,Object.assign({size:"p4",className:s(n,l.root)},i))},HealthToolFormWrapper.FormRow=e=>{var{styles:t,classNames:o,className:n,children:i}=e,s=(0,a._)(e,["styles","classNames","className","children"]);let{classes:d,cx:c}=y(void 0,{name:"HealthToolFormWrapper__FormRow",styles:t,classNames:o});return r.createElement(l.x,Object.assign({className:c(n,d.root)},s),i)},HealthToolFormWrapper.Submit=e=>{var{styles:t,classNames:o,className:n}=e,i=(0,a._)(e,["styles","classNames","className"]);let{formLayout:l}=(0,r.useContext)(x),{classes:s,cx:d}=w({formLayout:l},{name:"HealthToolFormWrapper__SubmitBtn",styles:t,classNames:o});return r.createElement(g.B,Object.assign({className:d("submit-btn",n,s.root)},i,{variant:"primary",size:"md"}))},HealthToolFormWrapper.Unit=e=>{var{styles:t,classNames:o,className:n}=e,i=(0,a._)(e,["styles","classNames","className"]);let{classes:l,cx:s}=k(void 0,{name:"HealthToolFormWrapper__UnitText",styles:t,classNames:o});return r.createElement(m.T,Object.assign({size:"p4",className:s(n,l.root)},i))},HealthToolFormWrapper.Switching=e=>{var{label:t}=e,o=(0,a._)(e,["label"]);let{t:n}=(0,h.u)(),l=(0,c.rZ)(),s="mb"===l.other.template;return r.createElement(p.k,{gap:(0,i.h)(4),sx:()=>({justifyContent:"space-between",alignItems:"center"})},t&&r.createElement(m.T,{size:s?"p4":"s4",color:"gray.6"},t),r.createElement(u.r,Object.assign({labelPosition:"left",onLabel:n("switchBtn.yes"),offLabel:n("switchBtn.no")},o,{styles:e=>({trackLabel:{fontSize:(0,i.h)(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:o,isMobile:n,layout:c="horizonal",classNames:p,styles:u}=e,g=(0,a._)(e,["data","label","isMobile","layout","classNames","styles"]);let{classes:h,theme:b}=v(void 0,{name:"ChipGroup",classNames:p,styles:u}),f="mb"===b.other.template,x=n?48:f?32:"vertical"===c?32:18;return r.createElement(l.x,null,r.createElement(s.I.Wrapper,{label:o&&r.createElement(m.T,{size:"p3",weight:"semiBold"},o)},r.createElement(d.A.Group,Object.assign({},g),r.createElement(l.x,{className:h.group},t.map((e,t)=>r.createElement(d.A,{className:h.item,key:t,value:String(e.value),styles:{iconWrapper:{display:"none"},label:{width:"100%",borderRadius:(0,i.h)(f?12:8),padding:0,border:`1px solid ${f?"#EAEAEC":b.colors.neutral[2]}`,height:"100%","&[data-checked]":{padding:0,backgroundColor:f?"#FFE9F1":b.colors.blue[0],border:`1px solid ${f?"#F5B4CB":b.colors.blue[1]}`},[b.fn.smallerThan("sm")]:{alignItems:"flex-start"}}}},r.createElement(l.x,{sx:Object.assign(Object.assign(Object.assign({width:"100%",display:"flex",gap:(0,i.h)(f?2:8),padding:"8px 16px 8px 12px",justifyContent:"center",alignItems:"center"},f&&{flexDirection:"column"}),"vertical"===c&&{flexDirection:"column",padding:"16px 8px 8px"}),{[b.fn.smallerThan("sm")]:{flexDirection:"column",padding:"16px 8px 8px"}})},r.isValidElement(e.icon)?r.cloneElement(e.icon,{size:x,isMarryBaby:f,className:h.icon}):null,r.createElement(m.T,{size:"p4",styles:{root:Object.assign(Object.assign({},f&&{textAlign:"center"}),{whiteSpace:"normal",[b.fn.smallerThan("sm")]:{fontSize:(0,i.h)(12),lineHeight:(0,i.h)(18),textAlign:"center"}})}},e.label))))))))}},Owkz:function(e,t,o){o.d(t,{L:function(){return Loading}});var a=o("q1tI"),r=o("L+vc"),n=o("+6Eu");let Loading=({className:e,size:t="md"})=>{let{t:o}=(0,r.u)();return a.createElement("div",{className:`PD6nRZX ${e}`},a.createElement(n.B,{size:t,color:"transparent",isLoading:!0},o("loading")))}},MJ9g:function(e,t,o){o.d(t,{S:function(){return SocialLinkPreview}});var a=o("HJpP"),r=o("q1tI"),n=o("Eso5"),i=o("8vDj"),l=o("1N+i"),s=o("Xfk/"),d=o("rBCA"),c=o("IQVP"),p=o("f2kC"),u=o("sK8H"),m=o("wGwR");let g=d.Z.div` .link-info-container { padding: 0.5rem 1rem; background: ${e=>e.color||"#f4faff"}; } .link-image-wrapper { position: relative; overflow: hidden; width: 100%; background-color: #000; padding-top: ${e=>{var t;return null!==(t=e.aspectPaddingTop)&&void 0!==t?t:e.isShort?"179.58%":"56.25%"}}; &.fetching { background: lightgray; } .loading-spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .link-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: ${e=>{var t;return null!==(t=e.posterFit)&&void 0!==t?t:"cover"}}; object-position: center; } } a { text-decoration: none; } &[data-is-marrybaby='true'] { overflow: hidden; border-radius: 1rem; } `,useExternalScript=({url:e,onLoad:t,onError:o})=>{let[a,n]=(0,r.useState)(e?"loading":"idle");return(0,r.useEffect)(()=>{if(!e){n("idle");return}let a=document.querySelector(`script[src="${e}"]`),handleLoadScript=()=>{n("ready"),null==t||t()},handleErrorScript=()=>{n("error"),null==o||o()};return a||((a=document.createElement("script")).type="application/javascript",a.src=e,a.async=!0,document.body.appendChild(a),a.addEventListener("load",handleLoadScript),a.addEventListener("error",handleErrorScript)),a.addEventListener("load",handleLoadScript),a.addEventListener("error",handleErrorScript),()=>{a.removeEventListener("load",handleLoadScript),a.removeEventListener("error",handleErrorScript)}},[e]),a},YoutubePlyr=({id:e,autoplay:t,posterFit:o="cover"})=>{let a=(0,r.useRef)(null),i=useExternalScript({url:"https://cdn.plyr.io/3.7.8/plyr.js"});return(0,r.useEffect)(()=>{var e;if(!document.getElementById("hhg-plyr-player")){let e=document.createElement("link");e.rel="stylesheet",e.type="text/css",e.href="https://cdn.plyr.io/3.7.8/plyr.css",e.id="hhg-plyr-player",document.head.appendChild(e)}let o="ready"===i||"undefined"!=typeof Plyr;if(!o)return;let r=null===(e=a.current)||void 0===e?void 0:e.querySelector('[data-id="player"]');if(!r)return;let n=new Plyr(r,{autoplay:t,muted:!0});return()=>{n.destroy()}},[i,t,e]),r.createElement(n.x,{ref:a,sx:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"#000","&, & > div":{width:"100%",height:"100%"},"& .plyr":{width:"100%",height:"100%",maxWidth:"none"},"& .plyr__video-wrapper":{height:"100%",width:"100%"},"& .plyr__video-embed":{paddingBottom:"0 !important",height:"100% !important",position:"relative"},"& .plyr__video-embed iframe":{position:"absolute",top:0,left:0,width:"100%",height:"100%"},"& .plyr__poster":{backgroundSize:"cover"===o?"cover !important":"contain !important",backgroundPosition:"center !important",backgroundRepeat:"no-repeat",width:"100% !important",height:"100% !important",top:0,left:0}}},r.createElement("div",{key:e,"data-id":"player",className:"plyr__video-embed"},r.createElement("iframe",{width:"100%",height:"100%",src:`https://www.youtube.com/embed/${e}?mute=1&enablejsapi=1&rel=0`,allow:"autoplay; fullscreen",allowFullScreen:!0,title:"YouTube preview",frameBorder:"0"})))},SocialLinkPreview=({url:e,image:t,className:o,style:n,baseUrl:d="",autoPlay:h=!0,isShort:b=!1,autoScaleByVideoType:f=!1,ratio:v,posterFit:x="cover",onPushStatus:y})=>{let{data:{locale:E}}=(0,r.useContext)(s.T),[w,k]=(0,r.useState)(null);(0,r.useEffect)(()=>{(0,a.a)(void 0,void 0,void 0,function*(){if(!t){if(!e)return k(null);k(e=>Object.assign(Object.assign({},e),{isFetching:!0})),(0,s.c)((0,s.f)(c.yy.FETCH_PREVIEW,{_locale:E},void 0,d),"POST",{data:{link:e},headers:{"Content-Type":"application/json"}},!!d).then(t=>{var o,a;k({url:e,image:(null===(o=null==t?void 0:t.data)||void 0===o?void 0:o.image)||(null===(a=null==t?void 0:t.data)||void 0===a?void 0:a.logo)})}).catch(()=>{k(null)})}})},[e,t]);let C=t||(null==w?void 0:w.image),S=(null==w?void 0:w.url)||e,O=(0,r.useMemo)(()=>(0,u.y)(S),[S]),I=(0,r.useMemo)(()=>S.includes("facebook.com")||S.includes("fb.watch"),[S]),_=(0,r.useMemo)(()=>{let e=(S||"").toLowerCase();return e.includes("/reel/")||e.includes("/reels/")},[S]),P=(0,r.useMemo)(()=>!!(O||I),[I,O]),N=(0,r.useMemo)(()=>!!f&&(!!b||S.toLowerCase().includes("/shorts/")||_),[f,S,_,b]),j=(0,r.useMemo)(()=>v?function(e){let t=e.trim().match(/^(\d+(?:\.\d+)?)\s*:\s*(\d+(?:\.\d+)?)$/);if(!t)return;let o=Number(t[1]),a=Number(t[2]);if(Number.isFinite(o)&&Number.isFinite(a)&&!(o<=0)&&!(a<=0))return`${a/o*100}%`}(v):void 0,[v]),T=(0,r.useRef)(null),B=(0,r.useRef)(0),$=(0,r.useRef)(0),[z,R]=(0,r.useState)(!1),W=(0,r.useCallback)(e=>{var t;let o=null===(t=T.current)||void 0===t?void 0:t.getBoundingClientRect();if(!(null==o?void 0:o.width))return;let a=Math.floor(o.width),r=Math.floor(o.height),n=!1;e?((!B.current||Math.abs((B.current-a)/o.width)>.2)&&(B.current=a,n=!0),(!$.current||Math.abs(($.current-r)/(o.height||1))>.2)&&($.current=r,n=!0)):(a!==B.current||r!==$.current)&&(B.current=a,$.current=r,n=!0),n&&R(e=>!e)},[]);(0,r.useLayoutEffect)(()=>{W(!1)},[j,v,N,S,W]),(0,r.useEffect)(()=>{let handleResize=()=>W(!0);return handleResize(),window.addEventListener("resize",handleResize,{passive:!0}),()=>{window.removeEventListener("resize",handleResize)}},[W]),(0,r.useEffect)(()=>{(null==w?void 0:w.image)&&(null==w?void 0:w.url)&&(null==y||y(!0))},[w]);let H=(0,i.rZ)();return r.createElement(g,{className:`${o} no-replace-click`,style:n,color:H.colors[H.primaryColor][0],isShort:N,aspectPaddingTop:j,posterFit:x},P&&(!t||_)?r.createElement("div",{ref:T,className:"link-image-wrapper"},O?r.createElement(YoutubePlyr,{key:`${O}-${null!=v?v:"auto"}`,id:O,autoplay:h,isShort:N,ratio:v,posterFit:x}):I?r.createElement("iframe",{key:String(z),src:`https://www.facebook.com/plugins/video.php?href=${encodeURIComponent(S)}&autoplay=${h?1:0}&show_text=false&t=0&width=${B.current}&height=${$.current}`,style:{position:"absolute",top:"50%",left:"50%",border:"none",overflow:"hidden",height:$.current,width:B.current,transform:"translate(-50%, -50%)"},scrolling:"no",frameBorder:"0",allowFullScreen:!0,allow:"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share",loading:"lazy"}):null):r.createElement("a",{href:S,target:"_blank",rel:"noreferrer"},r.createElement("div",{className:`link-image-wrapper ${(null==w?void 0:w.isFetching)?"fetching":""}`},(null==w?void 0:w.isFetching)?r.createElement(m.L,{className:"loading-spinner"}):r.createElement(l.I,{className:"link-image",src:C||p.a,backupSrc:p.a,alt:S}))))}},ppbz:function(e,t,o){o.d(t,{D:function(){return Drawer}});var a=o("q1tI"),r=o("t/pd"),n=o("Efqo"),i=o("AeFk"),l=o("rBCA"),s=o("iBNF"),d=o("zgNu"),c=o("oZWv");let p="600ms",generateStyleBasedOnPlacement=(e,t)=>{switch(e){case"top":return i.iv` top: 0; width: 100%; border-radius: 0px 0px 6px 6px; ${t?i.iv` animation: ${d.a} ${p} ease-in-out forwards; `:null} &.slideOut { animation: ${d.d} ${p} ease-in-out forwards; } `;case"right":return i.iv` right: 0; height: 100%; min-width: 300px; border-radius: 6px 0px 0px 6px; ${t?i.iv` animation: ${d.c} ${p} ease-in-out forwards; `:null} &.slideOut { animation: ${d.g} ${p} ease-in-out forwards; } `;case"bottom":return i.iv` bottom: 0; width: 100%; border-radius: 6px 6px 0px 0px; ${t?i.iv` animation: ${d.s} ${p} ease-in-out forwards; `:null} &.slideOut { animation: ${d.e} ${p} ease-in-out forwards; } `;case"left":return i.iv` left: 0; height: 100%; min-width: 300px; border-radius: 0px 6px 6px 0px; ${t?i.iv` animation: ${d.b} ${p} ease-in-out forwards; `:null} &.slideOut { animation: ${d.f} ${p} ease-in-out forwards; } `;default:return i.iv` left: 0; height: 100%; min-width: 300px; border-radius: 0px 6px 6px 0px; ${t?i.iv` animation: ${d.s} ${p} ease-in-out forwards; `:null} &.slideOut { animation: ${d.e} ${p} ease-in-out forwards; } `}},u=l.Z.div` position: fixed; inset: 0; z-index: ${s.r.zIndexes.drawer}; pointer-events: ${e=>e.open?"auto":"none"}; `,m=l.Z.div` position: fixed; z-index: 300; background: #ffffff; visibility: ${e=>e.open?"visible":"hidden"}; max-height: calc(100vh - 100px); display: flex; flex-direction: column; .title { display: flex; align-items: center; justify-content: space-between; padding: 16px; ${e=>e.hasTitle?i.iv` border-bottom: 1px solid ${s.r.colors.neutral100}; `:null} } .close-button { margin-left: auto; } ${e=>generateStyleBasedOnPlacement(e.placement,e.open)} `,g=l.Z.div` min-height: 200px; padding: 16px; overflow-y: auto; `,h=l.Z.div` position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; background-color: rgba(38, 38, 38, 0.3); z-index: 1; &[data-open='false'] { visibility: hidden; pointer-events: none; } &[data-open='true'] { visibility: visible; pointer-events: auto; } `,Backdrop=({open:e=!1,onClickOutside:t})=>a.createElement(h,{"data-open":e,onClick:t}),Drawer=({children:e,title:t,onClose:o,open:i=!1,placement:l="left",destroyOnClose:s=!1,isPropagationEvent:d=!0,className:p})=>{let h=(0,a.useRef)();(0,a.useEffect)(()=>((0,n.t)(i),()=>(0,n.t)(!1)),[i]);let onCloseDrawer=()=>{h.current.classList.add("slideOut"),setTimeout(()=>{o()},800)};return!i&&s?null:a.createElement(r.h,null,a.createElement(u,{className:p,open:i},a.createElement(Backdrop,{open:i,onClickOutside:onCloseDrawer}),a.createElement(m,{open:i,placement:l,ref:h,hasTitle:!!t},a.createElement("div",{className:"title"},t&&a.createElement(c.T,{size:"s2",weight:"semiBold"},t),a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:"close-button",onClick:onCloseDrawer},a.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"}))),a.createElement(g,{onClick:e=>{d&&e.stopPropagation()}},e&&(a.isValidElement(e)?e:"function"==typeof e?e({internalClose:onCloseDrawer}):null)))))}},Y5X8:function(e,t,o){o.d(t,{C:function(){return l}});var a=o("xrdX"),r=o("GOBr"),n=o("yNk5");let isNumeric=e=>!isNaN(parseFloat(e))&&isFinite(e),i="hellosehat.com",l=new class{constructor(){this.baseDomain="",this.subPath="",this.getAssetPath=(e,t,o)=>{let a="https://hhg-common."+[t||this.getBaseDomain(),o||this.subPath,e].join("/");return r.y||n.env.JEST_WORKER_ID?a:a+"?v="+Math.floor(new Date().getTime()/1e3/60/3)}}getBaseDomain(){if(this.baseDomain)return this.baseDomain;if("undefined"!=typeof window){let{host:e}=window.location,t=e.split("."),o=a.v[Object.keys(a.v).find(t=>e.includes(a.v[t]))];return t.includes("localhost")||t.includes("hellohealthgroup")||t.every(e=>isNumeric(e))||!o?i:o}return i}};l.subPath="common",l.baseDomain=a.v["vi-VN"]},"3iG9":function(e,t,o){o.d(t,{D:function(){return Dropdown}});var a=o("q1tI"),r=o("8vDj"),n=o("rBCA"),i=o("iBNF");let l=n.Z.div` --dropdown-padding: 12px 18px 12px 16px; position: relative; box-sizing: border-box; border: 1px solid ${i.r.colors.gray200}; background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat; background-position: right 16px center; border-radius: ${i.r.borderRadius}; &[data-disabled='true'], :disabled { background-color: #f2f2f2; cursor: not-allowed; } &[data-size='sm'] { font-size: 13px; line-height: 20px; } &[data-size='md'] { font-size: 14px; line-height: 21px; } &[data-size='lg'] { font-size: 16px; line-height: 24px; } &[data-has-icons='true'] { border: none; background: ${i.r.colors.gray100}; img, svg { display: inline-block; max-width: 16px; margin-right: 6px; } span { display: inline-block; vertical-align: middle; } &:hover { box-shadow: none; } > div { position: relative; display: flex; width: 100%; box-sizing: border-box; align-items: center; } > div::after { position: absolute; top: 50%; right: 12px; width: 10px; height: 8px; background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; content: ''; transform: translateY(-50%); } } &:hover { box-shadow: 0 0 2px 2px ${e=>e.shadowColor}; } &[data-is-native='true'] { padding: var(--dropdown-padding); line-height: 24px; &:focus { box-shadow: 0px 0px 2px 2px ${e=>e.shadowColor}; } } `,s=n.Z.div` padding: var(--dropdown-padding); cursor: pointer; &.with-label { padding-top: 34px; padding-bottom: 12px; } &[data-dropdown-open] { padding: 11px 15px 11px 15px; border: 1px solid ${e=>e.color}; border-radius: ${i.r.borderRadius}; box-shadow: 0 0 2px 2px ${e=>e.shadowColor}; } `,d=n.Z.ul` position: absolute; top: 100%; /* right: 0; */ min-width: 100%; left: 0; display: block; margin-top: 4px; background: ${i.r.colors.white}; border-radius: ${i.r.borderRadius}; box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689); cursor: pointer; &[data-has-icons='true'] { border: 1px solid ${i.r.colors.gray200}; background: white; box-shadow: none; filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04)); } `,c=n.Z.li` display: flex; padding: 12px 18px 12px 16px; &[data-disabled='true'] { cursor: not-allowed; color: #bfbfbf; & > * { pointer-events: none; } } &:hover, :active { background: ${i.r.colors.gray100}; } `,p=n.Z.div` max-width: 16px; margin-right: 8px; `,u=n.Z.div` position: absolute; top: 12px; left: 16px; pointer-events: none; `,Dropdown=({className:e,value:t,options:o,onChange:n=()=>void 0,id:i,placeholderIcon:m,placeholder:g,style:h,size:b="lg",groupedWithLabel:f,disabled:v,dropdownLabelTrackingAttributes:x={},isNativeSelect:y=!1})=>{let E=(0,r.rZ)(),[w,k]=a.useState(!1),showDropdown=()=>!v&&k(!w);if(y){let e="object"==typeof(null==t?void 0:t.value)&&t.value instanceof Date?t.value.toString():null==t?void 0:t.value;return a.createElement(l,{color:E.fn.primaryColor(),shadowColor:E.colors[E.primaryColor][2],as:"select","data-is-native":"true",value:e||void 0,disabled:v,onChange:e=>{if("string"==typeof e.target.value){let t=o.find(t=>t.value===e.target.value);t&&n(t)}}},g&&a.createElement("option",{value:g,disabled:!0,selected:!0},g),o.map(e=>a.createElement("option",{key:`${i}-${e.value}`,value:e.value,disabled:!!e.disabled&&e.disabled},e.label)))}return a.createElement(l,{color:E.fn.primaryColor(),shadowColor:E.colors[E.primaryColor][2],className:e,"data-dropdown-open":w||void 0,"data-size":b,id:i,"data-has-icons":!!m,style:h,onBlur:()=>k(!1),tabIndex:0,"data-disabled":v},!!f&&a.createElement(u,null,f),a.createElement(s,Object.assign({color:E.fn.primaryColor(),shadowColor:E.colors[E.primaryColor][2],onClick:showDropdown,className:f&&"with-label"},x),m," ",a.createElement("span",null,t&&t.value?t.label:g)),w&&a.createElement(d,{onClick:showDropdown,"data-has-icons":!!m},o.map(e=>a.createElement(c,{key:`${i}-${e.value}`,"data-selected":t&&t.value===e.value||void 0,onClick:()=>!e.disabled&&!v&&(null==n?void 0:n(e)),"data-disabled":!!e.disabled&&e.disabled},e.icon&&a.createElement(p,null,e.icon),e.label))))}},Xkz3:function(e,t,o){o.d(t,{B:function(){return m},F:function(){return h},G:function(){return g},S:function(){return c},a:function(){return fetchSSOV2ApiJson},c:function(){return checkUserExist},f:function(){return fetchSSOV2Api},g:function(){return getUserInfo},h:function(){return handleAuthSuccess},l:function(){return p},r:function(){return resetPassword},u:function(){return updateUserInfo},w:function(){return u}});var a=o("HJpP"),r=o("GOBr"),n=o("XwDk"),i=o("NGsg"),l=o("27Mu"),s=o("Bw1v"),d=o("xrdX");let c={LOGIN_BY_SOCIAL:"member/social-login",EMAIL:{REGISTER_BY_SEND_OTP:"login/login-with-email",LOGIN_BY_PASSWORD:"member/login",VERIFY_BY_OTP:"login/email-verify-code",SEND_OTP:"login/email-resend-otp-code"},PHONE:{REGISTER_BY_SEND_OTP:"login/login-with-sms",SEND_OTP:"login/sms/sent-otp",VERIFY_BY_OTP:"login/phone-verify-code",LOGIN_BY_PASSWORD:"member/login-by-phone",UPDATE_PHONE_SEND_OTP:"login/sms-social/sent-otp",UPDATE_PHONE_VERIFY_OTP:"login/sms-social/phone-verify-code"},WHATSAPP:{LOGIN_OTP_WHATSAPP:"login/login-otp-whatsapp",REGISTER_BY_SEND_OTP:"login/login-with-whatsapp",SEND_OTP:"login/whatsapp/sent-otp",UPDATE_PHONE_SEND_OTP:"login/sms-social/whatsapp/sent-otp",UPDATE_PHONE_VERIFY_OTP:"login/sms-social/whatsapp-verify-code",VERIFY_BY_OTP:"login/whatsapp-verify-code"},ZALO:{REGISTER_BY_SEND_OTP:"login/login-with-zalo",SEND_OTP:"login/zalo/sent-otp",VERIFY_BY_OTP:"login/zalo-verify-code",UPDATE_PHONE_SEND_OTP:"login/sms-social/zalo/sent-otp",UPDATE_PHONE_VERIFY_OTP:"login/sms-social/zalo-verify-code"},RESET_PASSWORD:"login/reset-password",CHECK_USER_EXIST:"member/check-user-exist",UPDATE_USER_INFO:"login/update-first-info",SETUP_USER_INFO:"login/setup-first-info",ECOM_CARE:{SEND_OTP:"login/ecom-care/send-email-otp-code",VERIFY_OTP:"login/ecom-care/email-verify-code",RESEND_OTP:"login/ecom-care/resend-email-otp-code"}},p="vi-VN",u={[s.L.Vietnam]:"1",[s.L.Indonesia]:"2",[s.L.Malaysia]:"3"}[p];i.L[p].PHONE;let getSSOV2ApiUrl=e=>(0,n.n)(`${(0,n.a)(p)}/api/v2/${e}`),getSSOApiUrl=e=>(0,n.n)(`${(0,n.a)(p)}/api/${e}`),m="hhg_user_token",fetchSSOV2Api=(e,t={},o)=>(0,a.a)(void 0,void 0,void 0,function*(){var a;let r;let n=o?"":null===(a=document.cookie.split("; ").find(e=>e.startsWith(m)))||void 0===a?void 0:a.split("=")[1];try{t.body instanceof FormData&&(t.body.append("ga_client_id",(0,l.ej)("_ga")||""),t.body.append("referrer",window.location.href)),r=yield fetch(getSSOV2ApiUrl(e),n?Object.assign(Object.assign({},t),{headers:Object.assign({Authorization:`Bearer ${n}`},null==t?void 0:t.headers)}):t)}catch(e){return console.error(e),null}return null==r?void 0:r.json()}),fetchSSOV2ApiJson=(e,t,o)=>(0,a.a)(void 0,void 0,void 0,function*(){var a;let r;let n=o?"":null===(a=document.cookie.split("; ").find(e=>e.startsWith(m)))||void 0===a?void 0:a.split("=")[1];try{r=yield fetch(getSSOV2ApiUrl(e),{method:"POST",headers:Object.assign({Accept:"application/json","Content-Type":"application/json"},n?{Authorization:`Bearer ${n}`}:{}),body:JSON.stringify(t)})}catch(e){return console.error(e),null}return null==r?void 0:r.json()}),fetchSSOApi=(e,t={},o)=>(0,a.a)(void 0,void 0,void 0,function*(){var a;let r;let n=o?"":null===(a=document.cookie.split("; ").find(e=>e.startsWith(m)))||void 0===a?void 0:a.split("=")[1];try{r=yield fetch(getSSOApiUrl(e),n?Object.assign(Object.assign({},t),{headers:Object.assign({Authorization:`Bearer ${n}`},null==t?void 0:t.headers)}):t)}catch(e){return console.error(e),null}return null==r?void 0:r.json()}),resetPassword=(e,t)=>(0,a.a)(void 0,void 0,void 0,function*(){let o=new FormData;return o.append("password",e),o.append("confirm-password",t),fetchSSOV2Api(c.RESET_PASSWORD,{method:"POST",body:o})}),checkUserExist=({email:e,phone:t})=>(0,a.a)(void 0,void 0,void 0,function*(){let o=new FormData;return e?o.append("email",e):o.append("phone_number",t),fetchSSOV2Api(c.CHECK_USER_EXIST,{method:"POST",body:o})}),updateUserInfo=e=>(0,a.a)(void 0,void 0,void 0,function*(){let t=new FormData;return Object.keys(e).forEach(o=>{let a=e[o];null!=a&&("string"!=typeof a||a.trim())&&t.append(o,e[o])}),fetchSSOV2Api(c.SETUP_USER_INFO,{method:"POST",body:t})}),g=r.y?"289442006438-040a42cbidr6v5d178f3iqi9q95821r3.apps.googleusercontent.com":"289442006438-cihobuq1h3r4426pur7u0e43fqdnep59.apps.googleusercontent.com",h="2759888574045636",getUserInfo=()=>(0,a.a)(void 0,void 0,void 0,function*(){return fetchSSOApi("user/profile",{method:"POST"})}),handleAuthSuccess=e=>{(null==e?void 0:e.token)&&(0,l.d8)(m,e.token,{domain:"localhost"===window.location.hostname?"localhost":`.${d.v[p]}`,expires:new Date(1e3*e.expire_in).toUTCString()}),(null==e?void 0:e.refresh_token)&&(0,l.d8)(i.k,e.refresh_token,{domain:"localhost"===window.location.hostname?"localhost":`.${d.v[p]}`})}},"7sBR":function(e,t,o){o.d(t,{P:function(){return Popup}});var a=o("q1tI"),r=o("rBCA"),n=o("Efqo"),i=o("iBNF");let l=r.Z.div` position: fixed; left: 50%; padding: 0 16px 32px; background-color: ${i.r.colors.white}; border-radius: ${i.r.borderRadius}; box-shadow: 0px 4px 8px ${i.r.colors.gray200}; transform: translate(-50%, -50%); transition: all 0.5s ease-in-out; visibility: hidden; &[data-open='true'] { z-index: 400; top: 50%; opacity: 1; visibility: visible; } &[data-open='false'] { top: -50%; } &[data-type='lead'] { width: 332px; height: 460px; div { top: -15px; right: -15px; } } &[data-type='form'] { width: 496px; height: 548px; ${n.M.mbDown} { width: 340px; } } &[data-type='confirm'] { ${n.M.mbDown} { width: calc(100% - 32px); } ${n.M.mbUp} { width: 100%; max-width: 407px; } } .popup-content { position: relative; z-index: 111; height: 100%; padding: 16px; } .close-button { position: absolute; top: 16px; right: 0; cursor: pointer; img { width: 100%; height: 100%; border-radius: 50%; } } `,s=r.Z.div` position: fixed; z-index: 110; top: 0; left: 0; width: 100%; height: 100%; align-items: center; background: rgba(38, 38, 38, 0.3); &[data-open='false'] { display: none; } `,Popup=({type:e="lead",closeIcon:t,isOpen:o=!0,onClose:r,children:n,className:i="",enableAnimation:d=!0,disableClickOutside:c=!1})=>a.createElement(a.Fragment,null,a.createElement(l,{"data-open":o,"data-type":e,"data-animation":d},a.createElement("div",{className:`${i||""} popup-content`},!!t&&a.createElement("div",{className:"close-button",onClick:r},t),n)),a.createElement(s,{"data-open":o,onClick:()=>{c||r()}}))},"3Utq":function(e,t,o){o.d(t,{P:function(){return PWGForm}});var a=o("HJpP"),r=o("q1tI"),n=o("8vDj"),i=o("iuhU"),l=o("cChf"),s=o("ZFu2"),d=o("PHlL"),c=o("L+vc"),p=o("f2kC"),u=o("StZb"),m=o("oZWv"),g=o("SlSK"),h=o("1iCw"),b=o("df6X"),f=o("xrdX");let v=(0,r.createContext)({}),DefaultForm=e=>{var t=(0,a._)(e,[]);let{t:o,locale:l}=(0,c.u)(),{linkTool:s,form:d,submitProps:p}=(0,r.useContext)(v),{classes:x={}}=(0,r.useContext)(g.C),y=(0,n.rZ)(),E="mb"===y.other.template;return r.createElement(h.H,Object.assign({formLayout:"default"},t),r.createElement(h.H.FormRow,null,r.createElement(u.I.Number,Object.assign({label:r.createElement(m.T,{size:"p2",weight:"semiBold"},o("pregnancyWeightGain.weekInput")),min:b.I.pregnantWeek.min,max:b.I.pregnantWeek.max,placeholder:`${b.I.pregnantWeek.min} - ${b.I.pregnantWeek.max}`},d.getInputProps("pregnantWeek")))),r.createElement(h.H.FormRow,null,r.createElement(u.I.Number,Object.assign({label:r.createElement(m.T,{size:"p2",weight:"semiBold"},o("pregnancyWeightGain.weightBeforeInput")),min:b.I.weight.min,max:b.I.weight.max,placeholder:o("tools.inputPlaceholder",{content:"50"})},d.getInputProps("lastWeight")))),r.createElement(h.H.FormRow,null,r.createElement(u.I.Number,Object.assign({label:r.createElement(m.T,{size:"p2",weight:"semiBold"},o("pregnancyWeightGain.heightInput")),min:b.I.height.min,max:b.I.height.max,placeholder:o("tools.inputPlaceholder",{content:"160"})},d.getInputProps("height")))),r.createElement(h.H.FormRow,null,r.createElement(u.I.Number,Object.assign({label:r.createElement(m.T,{size:"p2",weight:"semiBold"},o("pregnancyWeightGain.weightInput")),min:b.I.weight.min,max:b.I.weight.max,placeholder:o("tools.inputPlaceholder",{content:"50"})},d.getInputProps("weight")))),r.createElement(h.H.FormRow,null,r.createElement(h.H.Switching,Object.assign({label:r.createElement(m.T,{size:"p2",weight:"semiBold"},o("pregnancyWeightGain.havingTwins"))},d.getInputProps("hasTwin")))),r.createElement(h.H.FormRow,{className:x.submitWrapper},r.createElement(h.H.Submit,Object.assign({type:"submit",dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${f.v[E?"vi-VN_MB":l]}/${s}`,className:(0,i.default)("due-date-calculate-button",x.submitBtn)},p),o("dueDatePage.lastPeriod.calculate"))))},InlineForm=e=>{var t=(0,a._)(e,[]);let{t:o,locale:l}=(0,c.u)(),{classes:s={}}=(0,r.useContext)(g.C),{linkTool:d,form:p,submitProps:m}=(0,r.useContext)(v),x=(0,n.rZ)(),y="mb"===x.other.template;return r.createElement(h.H,Object.assign({formLayout:"inline"},t),r.createElement(h.H.FormRow,null,r.createElement(h.H.BorderInlineControl,{label:o("pregnancyWeightGain.weekInput")},r.createElement(u.I.Number,Object.assign({min:b.I.pregnantWeek.min,max:b.I.pregnantWeek.max,placeholder:`${b.I.pregnantWeek.min} - ${b.I.pregnantWeek.max}`,rightSection:r.createElement(h.H.Unit,null,o("pwgForm.week"))},p.getInputProps("pregnantWeek"))))),r.createElement(h.H.FormRow,null,r.createElement(h.H.BorderInlineControl,{label:o("pregnancyWeightGain.weightBeforeInput")},r.createElement(u.I.Number,Object.assign({},p.getInputProps("lastWeight"),{min:b.I.weight.min,max:b.I.weight.max,placeholder:o("tools.inputPlaceholder",{content:"50"}),rightSection:r.createElement(h.H.Unit,null,o("babyGrowth.kg"))})))),r.createElement(h.H.FormRow,null,r.createElement(h.H.BorderInlineControl,{label:o("pregnancyWeightGain.heightInput")},r.createElement(u.I.Number,Object.assign({},p.getInputProps("height"),{min:b.I.height.min,max:b.I.height.max,placeholder:o("tools.inputPlaceholder",{content:"160"}),rightSection:r.createElement(h.H.Unit,null,o("babyGrowth.cm"))})))),r.createElement(h.H.FormRow,null,r.createElement(h.H.BorderInlineControl,{label:o("pregnancyWeightGain.weightInput")},r.createElement(u.I.Number,Object.assign({},p.getInputProps("weight"),{min:b.I.weight.min,max:b.I.weight.max,placeholder:o("tools.inputPlaceholder",{content:"50"}),rightSection:r.createElement(h.H.Unit,null,o("babyGrowth.kg"))})))),r.createElement(h.H.FormRow,null,r.createElement(h.H.BorderInlineControl,{label:o("pregnancyWeightGain.havingTwins"),width:"none"},r.createElement(h.H.Switching,Object.assign({},p.getInputProps("hasTwin"))))),r.createElement(h.H.FormRow,{className:s.submitWrapper},r.createElement(h.H.Submit,Object.assign({type:"submit",dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${f.v[y?"vi-VN_MB":l]}/${d}`,className:(0,i.default)("due-date-calculate-button",s.submitBtn)},m),o("dueDatePage.lastPeriod.calculate"))))},MbLayout=e=>{var t=(0,a._)(e,[]);let{t:o,locale:i}=(0,c.u)(),{linkTool:l,form:s,submitProps:d}=(0,r.useContext)(v),p=(0,n.rZ)(),m="mb"===p.other.template;return r.createElement(h.H,Object.assign({formLayout:"inline"},t),r.createElement(h.H.FormRow,null,r.createElement(h.H.BorderBoxControl,{label:o("pregnancyWeightGain.weekInput"),rightSection:o("pregnancy.week")},r.createElement(u.I.Number,Object.assign({min:b.I.pregnantWeek.min,max:b.I.pregnantWeek.max,placeholder:`${b.I.pregnantWeek.min} - ${b.I.pregnantWeek.max}`},s.getInputProps("pregnantWeek")))),s.errors.pregnantWeek&&r.createElement(h.H.Error,null,s.errors.pregnantWeek)),r.createElement(h.H.FormRow,null,r.createElement(h.H.BorderBoxControl,{label:o("pregnancyWeightGain.weightBeforeInput"),rightSection:"kg"},r.createElement(u.I.Number,Object.assign({min:b.I.weight.min,max:b.I.weight.max},s.getInputProps("lastWeight"),{placeholder:o("tools.inputPlaceholder",{content:"50"})}))),s.errors.lastWeight&&r.createElement(h.H.Error,null,s.errors.lastWeight)),r.createElement(h.H.FormRow,null,r.createElement(h.H.BorderBoxControl,{label:o("pregnancyWeightGain.heightInput"),rightSection:"cm"},r.createElement(u.I.Number,Object.assign({min:b.I.height.min,max:b.I.height.max},s.getInputProps("height"),{placeholder:o("tools.inputPlaceholder",{content:"160"})}))),s.errors.height&&r.createElement(h.H.Error,null,s.errors.height)),r.createElement(h.H.FormRow,null,r.createElement(h.H.BorderBoxControl,{label:o("pregnancyWeightGain.weightInput"),rightSection:"kg"},r.createElement(u.I.Number,Object.assign({min:b.I.weight.min,max:b.I.weight.max},s.getInputProps("weight"),{placeholder:o("tools.inputPlaceholder",{content:"50"})}))),s.errors.weight&&r.createElement(h.H.Error,null,s.errors.weight)),r.createElement(h.H.Switching,Object.assign({label:o("pregnancyWeightGain.havingTwins")},s.getInputProps("hasTwin"))),r.createElement(h.H.Submit,Object.assign({type:"submit",dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${f.v[m?"vi-VN_MB":i]}/${l}`,className:"due-date-calculate-button"},d),o("dueDatePage.lastPeriod.calculate")))},PWGForm=e=>{var{formLayout:t="default",submitProps:o,onSubmit:i}=e,u=(0,a._)(e,["formLayout","submitProps","onSubmit"]);let{t:m,locale:g}=(0,c.u)(),h=(0,n.rZ)(),b="mb"===h.other.template,f=(0,l.c)({validate:{pregnantWeek:(0,s.U)(m("validation.error.requiredField")),height:(0,s.U)(m("validation.error.requiredField")),weight:(e,t)=>e?Number(e)>=Number(t.lastWeight)?null:m("pregnancyWeightGain.weightInput.error"):m("validation.error.requiredField"),lastWeight:(e,t)=>e?Number(e)x(p.H.PWG),[x]),E=Object.assign({onSubmit:f.onSubmit(i)},u);return r.createElement(v.Provider,{value:{linkTool:y,form:f,submitProps:o}},"inline"===t?r.createElement(InlineForm,Object.assign({},E)):b?r.createElement(MbLayout,Object.assign({formLayout:t},E)):r.createElement(DefaultForm,Object.assign({},E)))}},"L+vc":function(e,t,o){o.d(t,{f:function(){return format},u:function(){return useTranslations}});var a=o("q1tI"),r=o("QseG");function format(e,t){let o=[e];return(Object.keys(t).forEach(e=>{o=function(e,t,o){let r=[];return e.forEach(e=>{if("string"==typeof e){let n=RegExp(`\\{${o}\\}`,"gi");if("string"==typeof t||"number"==typeof t)r.push(e.replace(n,`${t}`));else{let o=e.split(n);o.forEach((e,n)=>{e&&(function(e){let t=[],o=!1,r=!1;return e.match(/^\s+/gi)&&(e=e.replace(/^\s+/gi,""),o=!0),e.match(/\s+$/gi)&&(e=e.replace(/\s+$/gi,""),r=!0),o&&t.push(a.createElement(a.Fragment,null,"\xa0")),t.push(e),r&&t.push(a.createElement(a.Fragment,null,"\xa0")),t})(e).forEach(e=>r.push(e)),n+1"string"==typeof e)?o.join(""):a.createElement(a.Fragment,null,o.map((e,t)=>a.createElement(a.Fragment,{key:t},e)))}function useTranslations(){let{values:e,locale:t}=(0,a.useContext)(r.T)||{locale:"en-PH"};return(0,a.useMemo)(()=>({t:(t,o)=>e?e[t]?o?format(e[t]||t,o):e[t]||t:o?format(t,o):t:t,locale:t}),[e,t])}},hEia:function(e,t,o){o.d(t,{M:function(){return Modal}});var a=o("q1tI"),r=o("1b8L"),n=o("i8i4"),i=o("rBCA"),l=o("Efqo"),s=o("gEnE"),d=o("iBNF");let c=(0,s.Z)(i.Z.div` position: relative; z-index: 200; background-color: ${d.r.colors.white}; border-radius: ${d.r.borderRadius}; box-shadow: 0px 8px 40px 0px #0000001a; &[data-site-type='marryBaby'] { border-radius: 16px; .hhg-modal__content { position: relative; z-index: 111; height: 100%; padding: 24px; } } .hhg-modal__content { position: relative; z-index: 111; height: 100%; padding: 16px; } .hhg-modal__video { position: relative; z-index: 111; height: 100%; background-color: none; box-shadow: none; } `,"hhgcomp-modal-modal"),p=i.Z.div` position: fixed; top: 0; left: 0; z-index: 201; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; visibility: hidden; opacity: 0; background-color: rgba(0, 0, 0, 0.6); transition: opacity 0.3s ease-in-out; .hhg-modal__close { position: absolute; top: 16px; right: 16px; cursor: pointer; img { width: 100%; height: 100%; border-radius: 50%; } } &[data-type='video'] { z-index: 1001; } &[data-open='true'] { opacity: 1; visibility: visible; } ${c.classSelector} { transition: transform 0.3s ease-in-out; } &.slideTop { ${c.classSelector} { transform: translate(0, -100vh); } &[data-open='true'] { ${c.classSelector} { transform: translate(0); } } } &.scaleUp { ${c.classSelector} { transform: scale(0.9); } &[data-open='true'] { ${c.classSelector} { transform: scale(1); } } } &[data-type='tail'] { justify-content: flex-end; ${c.classSelector} { width: 420px; height: 100%; border-radius: 0; overflow: hidden auto; } } &[data-type='form'] { ${c.classSelector} { width: 496px; height: 548px; max-height: 100%; overflow-y: auto; ${l.M.mbDown} { width: 340px; } } } &[data-type='video'] { ${c.classSelector} { height: 100%; max-height: 539px; ${l.M.mbDown} { height: 192px; width: 100%; height: 100%; border-radius: ${d.r.borderRadius}; max-height: 192px; } } } &[data-type='confirm'] { ${c.classSelector} { width: 100%; max-width: 407px; ${l.M.mbDown} { width: calc(100% - 32px); max-width: calc(100% - 32px); } } } `,u=i.Z.div` position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; align-items: center; &[data-open='false'] { display: none; } &[data-type='video'] { background-color: ${d.r.colors.secondaryDark}; } `,m="hhg-modals",getModalsRoot=()=>{let e=document.getElementById(m);return e||((e=document.createElement("div")).setAttribute("id",m),document.body.append(e)),e},cleanUpModalShow=()=>{let e=document.querySelectorAll('.hhg-modal[data-open="true"]');e.length<1&&document.body.classList.remove("hhc-modal-show")},cleanUpDisabledScroll=()=>{let e=document.querySelectorAll('.hhg-modal[data-open="true"]');e.length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},Modal=({type:e="lead",closeIcon:t,isOpen:o=!0,onClose:i,children:l,className:s="",animationType:d="scaleUp",isStaticBackdrop:m=!1,siteType:g})=>{let[h,b]=(0,a.useState)(!1),f=(0,a.useRef)(null),{width:v}=(0,r.u)();if(!f.current&&h&&(f.current=document.createElement("div")),(0,a.useEffect)(()=>(b(!0),()=>{b(!1),cleanUpModalShow(),cleanUpDisabledScroll()}),[]),(0,a.useEffect)(()=>{if(h){let e=getModalsRoot();return e.appendChild(f.current),()=>{e.removeChild(f.current)}}},[h]),(0,a.useEffect)(()=>{o?document.body.classList.add("hhc-modal-show"):cleanUpModalShow()},[o]),(0,a.useEffect)(()=>{o?(document.body.style.overflow="hidden",document.body.style.paddingRight=v+"px",document.body.classList.add("hhc-disabled-scroll")):cleanUpDisabledScroll()},[o,v]),!h)return null;let x=["hhg-modal__wrapper",s,d].filter(e=>e).join(" ");return(0,n.createPortal)(a.createElement(p,{className:x,"data-open":o,"data-type":e},!m&&a.createElement(u,{"data-open":o,onClick:i,"data-type":e}),!m&&"video"===e&&!!t&&a.createElement("div",{className:"hhg-modal__close",onClick:i},t),a.createElement(c,{className:"hhg-modal","data-open":o,"data-site-type":g},a.createElement("div",{className:"video"===e?"hhg-modal__video":"hhg-modal__content"},!!t&&"video"!==e&&a.createElement("div",{className:"hhg-modal__close",onClick:i},t),l))),f.current)}},mis8:function(e,t,o){o.d(t,{M:function(){return Modal}});var a=o("HJpP"),r=o("q1tI"),n=o("h8tX"),i=o("t724");let Modal=e=>{var{styles:t,classNames:o,transitionProps:l}=e,s=(0,a._)(e,["styles","classNames","transitionProps"]);let{classes:d}=(0,i.u)(void 0,{name:"Modal",styles:t,classNames:o});return r.createElement(n.u,Object.assign({centered:!0,classNames:d,transitionProps:Object.assign({transition:"fade"},l),trapFocus:!1},s))}}}]);