"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9301],{"5XBn":function(e,t,n){n.d(t,{S:function(){return SocialLinkPreview}});var r=n("NqJj"),a=n("q1tI"),i=n("Eso5"),l=n("8vDj"),o=n("yoIj"),s=n("4Ucc"),c=n("rBCA"),d=n("IQVP"),u=n("DRcn"),p=n("i7+Y"),m=n("xg56");let g=c.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:n})=>{let[r,i]=(0,a.useState)(e?"loading":"idle");return(0,a.useEffect)(()=>{if(!e){i("idle");return}let r=document.querySelector(`script[src="${e}"]`),handleLoadScript=()=>{i("ready"),null==t||t()},handleErrorScript=()=>{i("error"),null==n||n()};return r||((r=document.createElement("script")).type="application/javascript",r.src=e,r.async=!0,document.body.appendChild(r),r.addEventListener("load",handleLoadScript),r.addEventListener("error",handleErrorScript)),r.addEventListener("load",handleLoadScript),r.addEventListener("error",handleErrorScript),()=>{r.removeEventListener("load",handleLoadScript),r.removeEventListener("error",handleErrorScript)}},[e]),r},YoutubePlyr=({id:e,autoplay:t,posterFit:n="cover"})=>{let r=(0,a.useRef)(null),l=useExternalScript({url:"https://cdn.plyr.io/3.7.8/plyr.js"});return(0,a.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 n="ready"===l||"undefined"!=typeof Plyr;if(!n)return;let a=null===(e=r.current)||void 0===e?void 0:e.querySelector('[data-id="player"]');if(!a)return;let i=new Plyr(a,{autoplay:t,muted:!0});return()=>{i.destroy()}},[l,t,e]),a.createElement(i.x,{ref:r,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"===n?"cover !important":"contain !important",backgroundPosition:"center !important",backgroundRepeat:"no-repeat",width:"100% !important",height:"100% !important",top:0,left:0}}},a.createElement("div",{key:e,"data-id":"player",className:"plyr__video-embed"},a.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:n,style:i,baseUrl:c="",autoPlay:h=!0,isShort:b=!1,autoScaleByVideoType:v=!1,ratio:f,posterFit:E="cover",onPushStatus:y})=>{let{data:{locale:w}}=(0,a.useContext)(s.T),[x,I]=(0,a.useState)(null);(0,a.useEffect)(()=>{(0,r.a)(void 0,void 0,void 0,function*(){if(!t){if(!e)return I(null);I(e=>Object.assign(Object.assign({},e),{isFetching:!0})),(0,s.c)((0,s.f)(d.yy.FETCH_PREVIEW,{_locale:w},void 0,c),"POST",{data:{link:e},headers:{"Content-Type":"application/json"}},!!c).then(t=>{var n,r;I({url:e,image:(null===(n=null==t?void 0:t.data)||void 0===n?void 0:n.image)||(null===(r=null==t?void 0:t.data)||void 0===r?void 0:r.logo)})}).catch(()=>{I(null)})}})},[e,t]);let S=t||(null==x?void 0:x.image),C=(null==x?void 0:x.url)||e,k=(0,a.useMemo)(()=>(0,p.y)(C),[C]),_=(0,a.useMemo)(()=>C.includes("facebook.com")||C.includes("fb.watch"),[C]),P=(0,a.useMemo)(()=>{let e=(C||"").toLowerCase();return e.includes("/reel/")||e.includes("/reels/")},[C]),T=(0,a.useMemo)(()=>!!(k||_),[_,k]),j=(0,a.useMemo)(()=>!!v&&(!!b||C.toLowerCase().includes("/shorts/")||P),[v,C,P,b]),N=(0,a.useMemo)(()=>f?function(e){let t=e.trim().match(/^(\d+(?:\.\d+)?)\s*:\s*(\d+(?:\.\d+)?)$/);if(!t)return;let n=Number(t[1]),r=Number(t[2]);if(Number.isFinite(n)&&Number.isFinite(r)&&!(n<=0)&&!(r<=0))return`${r/n*100}%`}(f):void 0,[f]),W=(0,a.useRef)(null),O=(0,a.useRef)(0),H=(0,a.useRef)(0),[L,B]=(0,a.useState)(!1),F=(0,a.useCallback)(e=>{var t;let n=null===(t=W.current)||void 0===t?void 0:t.getBoundingClientRect();if(!(null==n?void 0:n.width))return;let r=Math.floor(n.width),a=Math.floor(n.height),i=!1;e?((!O.current||Math.abs((O.current-r)/n.width)>.2)&&(O.current=r,i=!0),(!H.current||Math.abs((H.current-a)/(n.height||1))>.2)&&(H.current=a,i=!0)):(r!==O.current||a!==H.current)&&(O.current=r,H.current=a,i=!0),i&&B(e=>!e)},[]);(0,a.useLayoutEffect)(()=>{F(!1)},[N,f,j,C,F]),(0,a.useEffect)(()=>{let handleResize=()=>F(!0);return handleResize(),window.addEventListener("resize",handleResize,{passive:!0}),()=>{window.removeEventListener("resize",handleResize)}},[F]),(0,a.useEffect)(()=>{(null==x?void 0:x.image)&&(null==x?void 0:x.url)&&(null==y||y(!0))},[x]);let R=(0,l.rZ)();return a.createElement(g,{className:`${n} no-replace-click`,style:i,color:R.colors[R.primaryColor][0],isShort:j,aspectPaddingTop:N,posterFit:E},T&&(!t||P)?a.createElement("div",{ref:W,className:"link-image-wrapper"},k?a.createElement(YoutubePlyr,{key:`${k}-${null!=f?f:"auto"}`,id:k,autoplay:h,isShort:j,ratio:f,posterFit:E}):_?a.createElement("iframe",{key:String(L),src:`https://www.facebook.com/plugins/video.php?href=${encodeURIComponent(C)}&autoplay=${h?1:0}&show_text=false&t=0&width=${O.current}&height=${H.current}`,style:{position:"absolute",top:"50%",left:"50%",border:"none",overflow:"hidden",height:H.current,width:O.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):a.createElement("a",{href:C,target:"_blank",rel:"noreferrer"},a.createElement("div",{className:`link-image-wrapper ${(null==x?void 0:x.isFetching)?"fetching":""}`},(null==x?void 0:x.isFetching)?a.createElement(m.L,{className:"loading-spinner"}):a.createElement(o.I,{className:"link-image",src:S||u.a,backupSrc:u.a,alt:C}))))}},aOVo:function(e,t,n){n.d(t,{S:function(){return Spoiler}});var r=n("NqJj"),a=n("q1tI"),i=n("uCoU"),l=n("UXNE"),o=n("Iewh"),s=n("iBNF");let Spoiler=e=>{var{children:t,line:n,lineHeight:c,trackingAttributes:d,maxHeight:u,customExpandFn:p}=e,m=(0,r._)(e,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]);let{t:g}=(0,o.u)(),h=(0,a.useMemo)(()=>u||(n&&c?n*c:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0)),[]);t||console.error("[HHG-Comp]:[Spoiler] Please provide children");let b=(0,a.useMemo)(()=>d?{"data-event-category":d.dataEventCategory,"data-event-action":d.dataEventAction,"data-event-label":d.dataEventLabel}:{},[d]);return a.createElement(i.o,Object.assign({showLabel:a.createElement(l.T,Object.assign({size:"p3",color:s.r.colors.primaryBase},b,{onClick:p}),g("articlePage.readMore")),hideLabel:a.createElement(l.T,Object.assign({size:"p3",color:s.r.colors.primaryBase},b),g("articlePage.showLess"))},m,{maxHeight:h}),t)}},yhDI:function(e,t,n){n.r(t),n.d(t,{ProfileChatbot:function(){return ProfileChatbot},TabDataInit:function(){return w},TabName:function(){return i},UserType:function(){return l}});var r,a,i,l,o=n("NqJj"),s=n("q1tI"),c=n("4G4n"),d=n("hgrG"),u=n("kEY1"),p=n("IQVP"),m=n("4Ucc"),g=n("WedE"),h=n("vWP/"),b=n("4JiQ"),v=n("H1V0"),f=n("gkFN");n("JIJ2"),n("NmYn"),n("gY0P"),n("Wgwc"),n("QgiU"),n("rBCA");let E=(0,s.createContext)({}),Faqs=({faqs:e})=>{let[t,n]=(0,s.useState)([]),handleClick=e=>{if(t.includes(e)){let r=t.filter(t=>t!==e);n(r)}else n(t=>[...t,e])};return s.createElement("div",{className:"_0NhMo6T"},e.map((e,n)=>{let r=t.includes(n);return s.createElement("div",{className:"nrZtZ-u",key:n},s.createElement("div",{className:"faq-item",onClick:()=>handleClick(n)},s.createElement("div",{className:"faq-question",dangerouslySetInnerHTML:{__html:e.question||""}}),r?s.createElement(g.Z,null):s.createElement(h.Z,null)),s.createElement(b.U,{in:r,className:"faq-answer"},s.createElement("div",{dangerouslySetInnerHTML:{__html:e.answer||""}})))}))};var y={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}:{};(r=i||(i={}))[r.About=0]="About",r[r.Care=1]="Care",r[r.Answer=2]="Answer",r[r.Posts=3]="Posts",(a=l||(l={}))[a.Expert=0]="Expert",a[a.User=1]="User";let w={experiences:[],relatedPosts:[],educations:[],awards:[],contact:{},data:{}},ProfileChatbot=e=>{var{authorProps:t,authActionWrapper:n,onSkipQuestion:r,onCloseFromPost:a,onChatWithBot:i,showSkipQuestionTag:l,currentPageUrl:g}=e,h=(0,o._)(e,["authorProps","authActionWrapper","onSkipQuestion","onCloseFromPost","onChatWithBot","showSkipQuestionTag","currentPageUrl"]);let{data:{locale:b,userInfo:w,env:{isMarryBaby:x}}}=(0,s.useContext)(m.T),I=String(null==t?void 0:t.userId),[S,C]=(0,s.useState)(),[k,_]=(0,s.useState)(!1),[P,T]=(0,s.useState)(),[j,N]=(0,s.useState)([]),[W,O]=(0,s.useState)(""),H=(null==w?void 0:w._togetherUserId)===(null==t?void 0:t.userId),[L,B]=(0,s.useState)(1),F={value:String(L),dataList:[{value:"1",text:"FAQs",content:s.createElement(Faqs,{faqs:j})}],onTabChange:e=>B(Number(e))};return(0,s.useEffect)(()=>{(0,o.a)(void 0,void 0,void 0,function*(){var e,t,n,r,a,i,l,o,s,c,d;_(!0);let g=yield Promise.all([(0,m.c)((0,m.f)(p.yy.USER.DETAIL,{_locale:b,id:I}),"GET"),(0,m.c)((0,m.f)(p.yy.CHATBOT.PROFILE,{_locale:b}),"GET"),(0,m.c)((0,m.f)(p.yy.CHATBOT.FAQS_LIST,{_locale:b}),"GET")]),[h,v,f]=g,E={data:null==h?void 0:h.data,experiences:((null===(t=null===(e=null==h?void 0:h.data)||void 0===e?void 0:e.fields)||void 0===t?void 0:t.experiences)||[]).map(formatExperience),relatedPosts:((null===(n=null==h?void 0:h.data)||void 0===n?void 0:n.related_post)||[]).map(e=>(0,u.f)(e.post)),educations:((null===(a=null===(r=null==h?void 0:h.data)||void 0===r?void 0:r.fields)||void 0===a?void 0:a.educations)||[]).map(formatEducation),awards:(null===(l=null===(i=null==h?void 0:h.data)||void 0===i?void 0:i.fields)||void 0===l?void 0:l.awards_accreditations)||[],contact:(null===(s=null===(o=null==h?void 0:h.data)||void 0===o?void 0:o.fields)||void 0===s?void 0:s.contact)||{}};(null==h?void 0:h.status)===1&&T(E),N((null===(c=null==f?void 0:f.data)||void 0===c?void 0:c.faqs)||[]),O((null===(d=null==v?void 0:v.data)||void 0===d?void 0:d.description)||""),_(!1)})},[]),s.createElement(E.Provider,{value:{isMarryBaby:x,siteType:x?"marryBaby":"helloSites",authorId:String((null==t?void 0:t.userId)||""),authActionWrapper:n,onSkipQuestion:r,info:P,authorProps:t,onCloseFromPost:a,countValues:S,setCountValues:C,isAuthorLogin:H,showSkipQuestionTag:l,currentPageUrl:g}},s.createElement("div",Object.assign({},h,{className:`${y.container} ${(null==h?void 0:h.className)||""}`,"data-is-marrybaby":x}),k?s.createElement(d.L,null):s.createElement(s.Fragment,null,s.createElement("div",{className:y.cardAuthorWrapper},s.createElement(v.C,Object.assign({},t,{className:"card-author",showDetailPopup:!1,showChatbotButton:b===f.L.Vietnam,onChatWithBot:i}))),s.createElement("div",{className:y.description,dangerouslySetInnerHTML:{__html:W}}),j.length>0&&s.createElement("div",{className:y.body},s.createElement(c.T,Object.assign({},F))))))}},RtJH:function(e,t,n){n.d(t,{H:function(){return Heading}});var r=n("NqJj"),a=n("q1tI"),i=n("8vDj"),l=n("UXNE");let Heading=e=>{var{as:t,tag:n,color:o,fontWeight:s,dataEventCategory:c,dataEventAction:d,dataEventLabel:u}=e,p=(0,r._)(e,["as","tag","color","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]);let m=(0,i.rZ)();return a.createElement(l.T,Object.assign({as:t||n,color:o||m.colors.gray[8],"data-event-category":c,"data-event-action":d,"data-event-label":u,weight:"semibold"===s?"semiBold":"bold",size:n,"data-size":n,"data-font-weight":s||void 0},p))}},WMVU:function(e,t,n){n.d(t,{P:function(){return PWGForm}});var r=n("NqJj"),a=n("q1tI"),i=n("8vDj"),l=n("iuhU"),o=n("cChf"),s=n("ZFu2"),c=n("6jG8"),d=n("Iewh"),u=n("DRcn"),p=n("VQam"),m=n("UXNE"),g=n("5JCz"),h=n("YUGk"),b=n("eTZv"),v=n("xrdX");let f=(0,a.createContext)({}),DefaultForm=e=>{var t=(0,r._)(e,[]);let{t:n,locale:o}=(0,d.u)(),{linkTool:s,form:c,submitProps:u}=(0,a.useContext)(f),{classes:E={}}=(0,a.useContext)(g.C),y=(0,i.rZ)(),w="mb"===y.other.template;return a.createElement(h.H,Object.assign({formLayout:"default"},t),a.createElement(h.H.FormRow,null,a.createElement(p.I.Number,Object.assign({label:a.createElement(m.T,{size:"p2",weight:"semiBold"},n("pregnancyWeightGain.weekInput")),min:b.I.pregnantWeek.min,max:b.I.pregnantWeek.max,placeholder:`${b.I.pregnantWeek.min} - ${b.I.pregnantWeek.max}`},c.getInputProps("pregnantWeek")))),a.createElement(h.H.FormRow,null,a.createElement(p.I.Number,Object.assign({label:a.createElement(m.T,{size:"p2",weight:"semiBold"},n("pregnancyWeightGain.weightBeforeInput")),min:b.I.weight.min,max:b.I.weight.max,placeholder:n("tools.inputPlaceholder",{content:"50"})},c.getInputProps("lastWeight")))),a.createElement(h.H.FormRow,null,a.createElement(p.I.Number,Object.assign({label:a.createElement(m.T,{size:"p2",weight:"semiBold"},n("pregnancyWeightGain.heightInput")),min:b.I.height.min,max:b.I.height.max,placeholder:n("tools.inputPlaceholder",{content:"160"})},c.getInputProps("height")))),a.createElement(h.H.FormRow,null,a.createElement(p.I.Number,Object.assign({label:a.createElement(m.T,{size:"p2",weight:"semiBold"},n("pregnancyWeightGain.weightInput")),min:b.I.weight.min,max:b.I.weight.max,placeholder:n("tools.inputPlaceholder",{content:"50"})},c.getInputProps("weight")))),a.createElement(h.H.FormRow,null,a.createElement(h.H.Switching,Object.assign({label:a.createElement(m.T,{size:"p2",weight:"semiBold"},n("pregnancyWeightGain.havingTwins"))},c.getInputProps("hasTwin")))),a.createElement(h.H.FormRow,{className:E.submitWrapper},a.createElement(h.H.Submit,Object.assign({type:"submit",dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${v.v[w?"vi-VN_MB":o]}/${s}`,className:(0,l.default)("due-date-calculate-button",E.submitBtn)},u),n("dueDatePage.lastPeriod.calculate"))))},InlineForm=e=>{var t=(0,r._)(e,[]);let{t:n,locale:o}=(0,d.u)(),{classes:s={}}=(0,a.useContext)(g.C),{linkTool:c,form:u,submitProps:m}=(0,a.useContext)(f),E=(0,i.rZ)(),y="mb"===E.other.template;return a.createElement(h.H,Object.assign({formLayout:"inline"},t),a.createElement(h.H.FormRow,null,a.createElement(h.H.BorderInlineControl,{label:n("pregnancyWeightGain.weekInput")},a.createElement(p.I.Number,Object.assign({min:b.I.pregnantWeek.min,max:b.I.pregnantWeek.max,placeholder:`${b.I.pregnantWeek.min} - ${b.I.pregnantWeek.max}`,rightSection:a.createElement(h.H.Unit,null,n("pwgForm.week"))},u.getInputProps("pregnantWeek"))))),a.createElement(h.H.FormRow,null,a.createElement(h.H.BorderInlineControl,{label:n("pregnancyWeightGain.weightBeforeInput")},a.createElement(p.I.Number,Object.assign({},u.getInputProps("lastWeight"),{min:b.I.weight.min,max:b.I.weight.max,placeholder:n("tools.inputPlaceholder",{content:"50"}),rightSection:a.createElement(h.H.Unit,null,n("babyGrowth.kg"))})))),a.createElement(h.H.FormRow,null,a.createElement(h.H.BorderInlineControl,{label:n("pregnancyWeightGain.heightInput")},a.createElement(p.I.Number,Object.assign({},u.getInputProps("height"),{min:b.I.height.min,max:b.I.height.max,placeholder:n("tools.inputPlaceholder",{content:"160"}),rightSection:a.createElement(h.H.Unit,null,n("babyGrowth.cm"))})))),a.createElement(h.H.FormRow,null,a.createElement(h.H.BorderInlineControl,{label:n("pregnancyWeightGain.weightInput")},a.createElement(p.I.Number,Object.assign({},u.getInputProps("weight"),{min:b.I.weight.min,max:b.I.weight.max,placeholder:n("tools.inputPlaceholder",{content:"50"}),rightSection:a.createElement(h.H.Unit,null,n("babyGrowth.kg"))})))),a.createElement(h.H.FormRow,null,a.createElement(h.H.BorderInlineControl,{label:n("pregnancyWeightGain.havingTwins"),width:"none"},a.createElement(h.H.Switching,Object.assign({},u.getInputProps("hasTwin"))))),a.createElement(h.H.FormRow,{className:s.submitWrapper},a.createElement(h.H.Submit,Object.assign({type:"submit",dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${v.v[y?"vi-VN_MB":o]}/${c}`,className:(0,l.default)("due-date-calculate-button",s.submitBtn)},m),n("dueDatePage.lastPeriod.calculate"))))},MbLayout=e=>{var t=(0,r._)(e,[]);let{t:n,locale:l}=(0,d.u)(),{linkTool:o,form:s,submitProps:c}=(0,a.useContext)(f),u=(0,i.rZ)(),m="mb"===u.other.template;return a.createElement(h.H,Object.assign({formLayout:"inline"},t),a.createElement(h.H.FormRow,null,a.createElement(h.H.BorderBoxControl,{label:n("pregnancyWeightGain.weekInput"),rightSection:n("pregnancy.week")},a.createElement(p.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&&a.createElement(h.H.Error,null,s.errors.pregnantWeek)),a.createElement(h.H.FormRow,null,a.createElement(h.H.BorderBoxControl,{label:n("pregnancyWeightGain.weightBeforeInput"),rightSection:"kg"},a.createElement(p.I.Number,Object.assign({min:b.I.weight.min,max:b.I.weight.max},s.getInputProps("lastWeight"),{placeholder:n("tools.inputPlaceholder",{content:"50"})}))),s.errors.lastWeight&&a.createElement(h.H.Error,null,s.errors.lastWeight)),a.createElement(h.H.FormRow,null,a.createElement(h.H.BorderBoxControl,{label:n("pregnancyWeightGain.heightInput"),rightSection:"cm"},a.createElement(p.I.Number,Object.assign({min:b.I.height.min,max:b.I.height.max},s.getInputProps("height"),{placeholder:n("tools.inputPlaceholder",{content:"160"})}))),s.errors.height&&a.createElement(h.H.Error,null,s.errors.height)),a.createElement(h.H.FormRow,null,a.createElement(h.H.BorderBoxControl,{label:n("pregnancyWeightGain.weightInput"),rightSection:"kg"},a.createElement(p.I.Number,Object.assign({min:b.I.weight.min,max:b.I.weight.max},s.getInputProps("weight"),{placeholder:n("tools.inputPlaceholder",{content:"50"})}))),s.errors.weight&&a.createElement(h.H.Error,null,s.errors.weight)),a.createElement(h.H.Switching,Object.assign({label:n("pregnancyWeightGain.havingTwins")},s.getInputProps("hasTwin"))),a.createElement(h.H.Submit,Object.assign({type:"submit",dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${v.v[m?"vi-VN_MB":l]}/${o}`,className:"due-date-calculate-button"},c),n("dueDatePage.lastPeriod.calculate")))},PWGForm=e=>{var{formLayout:t="default",submitProps:n,onSubmit:l}=e,p=(0,r._)(e,["formLayout","submitProps","onSubmit"]);let{t:m,locale:g}=(0,d.u)(),h=(0,i.rZ)(),b="mb"===h.other.template,v=(0,o.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)<Number(t.weight)?null:m("pregnancyWeightGain.weightInput.error"):m("validation.error.requiredField")}}),{getHealthToolLink:E}=(0,c.u)(g),y=(0,a.useMemo)(()=>E(u.H.PWG),[E]),w=Object.assign({onSubmit:v.onSubmit(l)},p);return a.createElement(f.Provider,{value:{linkTool:y,form:v,submitProps:n}},"inline"===t?a.createElement(InlineForm,Object.assign({},w)):b?a.createElement(MbLayout,Object.assign({formLayout:t},w)):a.createElement(DefaultForm,Object.assign({},w)))}},"4G4n":function(e,t,n){n.d(t,{T:function(){return Tabs}});var r=n("NqJj"),a=n("q1tI"),i=n("aKYm"),l=n("VLUI"),o=n("/npG"),s=n("mYVa"),c=n("rlLN"),d=n("vaps"),u=n("uLUn"),p=n("UXNE"),m=(0,o.k)((e,t)=>{let{variant:n}=t,r={content:"none",top:0,bottom:0,zIndex:1,width:(0,s.h)(56)};return Object.assign({},"inline"===n&&{root:{},tabsList:{gap:(0,s.h)(24),borderBottom:"none",flexWrap:"nowrap"},tab:{padding:`${(0,s.h)(8)} 0`,color:e.colors.gray[4],borderColor:"transparent",borderBottomWidth:(0,s.h)(2),marginBottom:(0,s.h)(-1),transition:"border 0.2s ease","&:hover":{backgroundColor:"initial",borderColor:"transparent"},"&[data-active='true']":{color:e.fn.primaryColor(),borderColor:e.fn.primaryColor()}},tabRightSection:{},tabLabel:{},tabIcon:{},panel:{},scrollArea:{position:"relative","&.prev-bg":{"&:before":Object.assign(Object.assign({},r),{content:'""',position:"absolute",left:0,background:"linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%)"})},"&.next-bg":{"&:after":Object.assign(Object.assign({},r),{content:'""',position:"absolute",right:0,background:"linear-gradient(90deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%)"})}},list:{borderBottom:`1px solid ${e.colors.neutral[1]}`},btn:{position:"absolute",top:"50%",zIndex:2,transform:"translate(0, -50%)",width:(0,s.h)(28),height:(0,s.h)(28),padding:0,background:"white",borderRadius:"50%",cursor:"pointer",filter:"drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))",".mantine-Button-icon":{display:"flex",alignItems:"center",justifyContent:"center"},"&.disabled":{opacity:0,zIndex:0}},prevBtn:{left:0},nextBtn:{right:0}})});let Tabs=e=>{var t,{variant:n="inline",value:o,styles:s,children:g,dataList:h=[],tabProps:b,listProps:v,panelProps:f,TabComponentDisplay:E,startPadding:y=40,defaultValue:w}=e,x=(0,r._)(e,["variant","value","styles","children","dataList","tabProps","listProps","panelProps","TabComponentDisplay","startPadding","defaultValue"]);let{cx:I,classes:S}=m({variant:n},{name:"Tabs",styles:s}),C=(0,a.useRef)(null),k=(0,a.useRef)([]),[_,P]=(0,a.useState)(w||(null===(t=null==h?void 0:h[0])||void 0===t?void 0:t.value)),[T,j]=(0,a.useState)(0),[N,W]=(0,a.useState)(!1),[O,H]=(0,a.useState)(!0),[L,B]=(0,a.useState)({x:0,y:0}),F=(0,a.useRef)(null),R=Object.assign({defaultValue:w,classNames:S},g?{value:o}:{value:_,onTabChange:e=>P(e)});(0,a.useEffect)(()=>{P(o)},[o]),(0,a.useEffect)(()=>{var e,t,n;null===(e=F.current)||void 0===e||e.scrollTo({left:(null===(n=null===(t=null==k?void 0:k.current)||void 0===t?void 0:t[T])||void 0===n?void 0:n.offsetLeft)-y,behavior:"smooth"})},[T]),(0,a.useEffect)(()=>{j(h.findIndex(e=>e.value==_))},[_]),(0,a.useEffect)(()=>{var e,t;H(0===L.x),W((null===(e=null==F?void 0:F.current)||void 0===e?void 0:e.clientWidth)+L.x===(null===(t=null==F?void 0:F.current)||void 0===t?void 0:t.scrollWidth))},[L]);let TabTextComponent=({text:e,dataEventCategory:t,dataEventAction:n,dataEventLabel:r})=>E?a.createElement(E,null,e):a.createElement(p.T,{size:"s3",color:"inherit",weight:"semiBold","data-event-category":t,"data-event-action":n,"data-event-label":r},e);return a.createElement(c.m,Object.assign({},R,x),g||a.createElement(a.Fragment,null,a.createElement(d.x,{className:I(S.scrollArea,`${O?"":"prev-bg"} ${N?"":"next-bg"}`),scrollbarSize:0,viewportRef:F,onScrollPositionChange:B},a.createElement(c.m.List,Object.assign({className:S.list,ref:C},v),h.map((e,t)=>a.createElement(c.m.Tab,Object.assign({ref:e=>k.current[t]=e,className:S.tab,key:String(e.value),value:String(e.value)},b),a.createElement(TabTextComponent,Object.assign({},e))))),a.createElement(u.B,{className:I(S.btn,S.prevBtn,O?"disabled":""),unstyled:!0,onClick:()=>j(T-1>-1?T-1:0),leftIcon:a.createElement(i.Z,{size:16})}),a.createElement(u.B,{className:I(S.btn,S.nextBtn,N?"disabled":""),unstyled:!0,onClick:()=>j(T+1<h.length-1?T+1:h.length-1),leftIcon:a.createElement(l.Z,{size:16})})),h.map(e=>a.createElement(c.m.Panel,Object.assign({value:String(e.value),key:String(e.value)},f),e.content))))};Tabs.List=c.m.List,Tabs.Tab=c.m.Tab,Tabs.Panel=c.m.Panel},BFrb:function(e,t,n){n.d(t,{P:function(){return PopoverMenu},S:function(){return c}});var r=n("q1tI"),a=n("+euA"),i=n("4Ucc"),l=n("rBCA"),o=n("iBNF");let s=l.Z.div`
  position: relative;
  display: content;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

          &-end {
            bottom: 0;

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

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

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

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

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

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

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

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

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

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

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

        & > span {
          position: relative;

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

      .__toggle {
        position: absolute;
        top: 50%;
        right: 16px;
        width: 16px;
        height: 16px;
        pointer-events: none;
        transform: translateY(-50%);
      }
    }
  }
  &[data-is-marrybaby='true'] {
    .__header {
      padding: 1rem;
    }
    .tree-text-description {
      padding: 0 1rem;
    }
    .__list {
      .__item {
        &:first-child {
          .__btn {
            border-top-left-radius: 12px;
            border-top-right-radius: 12px;
          }
        }
        &:last-child {
          .__btn {
            border-bottom-left-radius: 12px;
            border-bottom-right-radius: 12px;
          }
        }
        .__btn {
          height: unset;
          padding: 1rem;
          margin-bottom: 0;
          &:hover {
            background: ${o.r.mbColors.lightPink};
          }
        }
      }
    }
  }
`,PopoverMenu=({className:e,style:t,toggleButtonContent:n,position:l="bottom",align:o="end",children:c,buttonProps:d})=>{let{data:{env:{isMarryBaby:u}}}=(0,r.useContext)(i.T),[p,m]=(0,r.useState)(!1),g=(0,r.useRef)(null),h=(0,r.useRef)(p);return(0,r.useEffect)(()=>{var e;h.current=p,p&&(null===(e=g.current)||void 0===e||e.focus())},[p]),(0,r.useEffect)(()=>{let clickHandler=e=>{var t;(null===(t=g.current)||void 0===t?void 0:t.contains(e.target))||!h.current||m(!1)};return window.addEventListener("click",clickHandler,{passive:!0}),()=>{window.removeEventListener("click",clickHandler)}},[]),r.createElement(s,{"data-is-marrybaby":u,className:e,style:t},r.createElement(a.B,Object.assign({theme:u?"marryBaby":"helloSites",className:"popover-menu__btn",size:"md",color:"transparent",onClick:()=>m(e=>!e)},d),n),p?r.createElement("div",{ref:g,className:`popover-menu__content --position-${l} --align-${o}`,tabIndex:0,onClick:e=>e.stopPropagation()},"function"==typeof c?c({setShow:m}):c):null)}},RP3W:function(e,t,n){n.d(t,{A:function(){return AddressInput}});var r=n("NqJj"),a=n("q1tI"),i=n("OAL+"),l=n("aDCK"),o=n("VQam"),s=n("mzUN"),c=n("Iewh"),d=n("ySk+"),u=n("gkFN"),p=n("yNk5");let generateGetAddressDetail=e=>`${s.g}/cities-data-${d.M[e]}.json`,m={provinceByName:{},provinces:[],districts:[],wards:[],selectedProvince:"",selectedDistrict:"",selectedWard:""},reducer=(e,t)=>{switch(t.type){case"SET_DATA":return Object.assign(Object.assign({},e),t.payload);case"SET_DISTRICTS":return Object.assign(Object.assign({},e),{districts:t.payload});case"SET_WARDS":return Object.assign(Object.assign({},e),{wards:t.payload});case"SELECT_PROVINCE":return Object.assign(Object.assign({},e),{selectedProvince:t.payload,selectedDistrict:"",selectedWard:""});case"SELECT_DISTRICT":return Object.assign(Object.assign({},e),{selectedDistrict:t.payload,selectedWard:""});case"SELECT_WARD":return Object.assign(Object.assign({},e),{selectedWard:t.payload});default:return e}},mappingProvinceId=(e,t)=>{let n={};for(let[,e]of Object.entries(t)){let{id:t}=e;t&&(n[t]=e)}let r={};return e.map(e=>{r[e.name]=n[e.id]}),r},useAddress=({provinces:e})=>{let[t,n]=(0,a.useReducer)(reducer,m),{provinceByName:i,provinces:l,districts:o,wards:s,selectedProvince:c,selectedDistrict:d,selectedWard:g}=t,[h,b]=(0,a.useState)();return(0,a.useEffect)(()=>{(0,r.a)(void 0,void 0,void 0,function*(){var t,r,a;try{let i=yield fetch(generateGetAddressDetail(p.env.UNIFY_LOCALE||u.L.Vietnam)).then(e=>e.json());b(i);let{list:l}=i,o=e?mappingProvinceId(e,l):l,s=Object.keys(o),c=Object.keys((null===(t=l[s[0]])||void 0===t?void 0:t.list)||{}),d=Object.keys((null===(a=null===(r=l[s[0]])||void 0===r?void 0:r[c[0]])||void 0===a?void 0:a.list)||{});n({type:"SET_DATA",payload:{provinceByName:o,provinces:s,districts:c,wards:d}})}catch(e){console.error("Error fetching address data:",e)}})},[p.env.UNIFY_LOCALE]),{provinces:l,districts:o,wards:s,selectedProvince:c,selectedDistrict:d,selectedWard:g,handleProvinceChange:e=>{var t;let r=Object.keys((null===(t=i[e])||void 0===t?void 0:t.list)||{});n({type:"SET_DISTRICTS",payload:r}),n({type:"SET_WARDS",payload:[]}),n({type:"SELECT_PROVINCE",payload:e})},handleDistrictChange:e=>{var t,r;let a=Object.keys((null===(r=null===(t=i[c])||void 0===t?void 0:t.list[e])||void 0===r?void 0:r.list)||{});n({type:"SET_WARDS",payload:a}),n({type:"SELECT_DISTRICT",payload:e})},handleWardChange:e=>{n({type:"SELECT_WARD",payload:e})}}},AddressInput=e=>{var{error:t,provinces:n,placeholder:s}=e,d=(0,r._)(e,["error","provinces","placeholder"]);let{t:u}=(0,c.u)(),{provinces:p,districts:m,wards:g,selectedProvince:h,selectedDistrict:b,selectedWard:v,handleProvinceChange:f,handleDistrictChange:E,handleWardChange:y}=useAddress({provinces:n}),[w,x]=(0,a.useState)("");return(0,a.useEffect)(()=>{h&&b&&v&&w?d.onChange({selectedProvince:h,selectedDistrict:b,selectedWard:v,extraInfo:w}):d.onChange(null)},[h,b,v,w]),a.createElement(o.I.Wrapper,Object.assign({withAsterisk:!0},d),a.createElement(i.K,null,a.createElement(o.S,{placeholder:(null==s?void 0:s.province)||u("onboarding.similac.input.city"),data:n?p:p.sort(),searchable:!0,onChange:f,value:h}),a.createElement(o.S,{placeholder:(null==s?void 0:s.district)||u("onboarding.similac.input.district"),data:m.sort(),searchable:!0,onChange:E,value:b,disabled:!h}),a.createElement(o.S,{placeholder:(null==s?void 0:s.ward)||u("onboarding.similac.input.ward"),searchable:!0,data:g.sort(),value:v,onChange:y,disabled:!h||!b}),a.createElement(o.I,{placeholder:(null==s?void 0:s.address)||u("onboarding.similac.input.no"),disabled:!h||!b||!v,value:w,onChange:x,style:{marginBottom:0}})),a.createElement(l.I.Error,{size:"md"},t))}}}]);