(self.webpackChunkhhgDiscoverV1=self.webpackChunkhhgDiscoverV1||[]).push([[8366],{bRes:function(e,i,r){"use strict";r.r(i),r.d(i,{WeekOfPregnancy:function(){return WeekOfPregnancy}});var n=r("BGKE"),t=r("+OUp"),a=r("iBNF"),o=r("DzJC"),l=r.n(o),s=r("dDsW"),d=r("OS56"),c=r("q6HN"),p=r("wA0V"),g=r("a5L+"),u=r("AG8C"),m=r("9brV"),h=r("iZSu");let genDataTrack=(e,i,r)=>{let n={...e};return(null==r?void 0:r.key)&&(n[r.key]=n[r.key].replace("{value}",r.value)),{...n,label:i||n.label}},genPropTrack=function(){for(var e=arguments.length,i=Array(e),r=0;r<e;r++)i[r]=arguments[r];let{category:n,label:t,action:a}=genDataTrack(...i);return{"data-event-category":n,"data-event-action":a,"data-event-label":t}},w={WEEK_PREGNANCY:{category:"Pregnancy Progression",action:"Slider Click",label:"{value}"}};r("e1DT"),r("+OQK");var f=r("rBCA"),v=r("CL9C"),x=r("vH4S");let b=(0,f.A)("div",{target:"e1f1iilz0"})("position:relative;width:100%;overflow-x:hidden;background-color:",null===a.w||void 0===a.w?void 0:a.w.colors.pink50,";",v.M.mbDown,"{& > div{padding:0 0;}}"),k=(0,f.A)("div",{target:"e1f1iilz1"})("position:relative;padding:40px;",v.M.mbDown,"{padding:0;}"),Y=(0,f.A)("div",{target:"e1f1iilz2"})("display:inline-block;height:108px;background-color:",a.w.colors.white,";border-radius:60px;cursor:pointer;&.selected-week-pill{background-color:",a.w.colors.pink100,";}& > div:first-of-type{margin:4px 4px 0;}& > p{margin-top:8px;text-align:center;}"),y=(0,f.A)("div",{target:"e1f1iilz3"})("& .title{text-align:center;&[data-space-bottom='true']{padding-bottom:168px;}}"),M=(0,f.A)("div",{target:"e1f1iilz4"})("position:relative;height:120px;margin-top:16px;& > .slick-slider{position:absolute;top:0;left:50%;width:1032px;margin:auto;transform:translateX(-50%);}& .centered-pill-wrapper{text-align:center;}& .week-pill{transition:all 0.4s;&:not(.selected-week-pill){box-shadow:0px 0px 24px rgba(0,0,0,0.08);}&.opacity-50{opacity:0.5;}&.opacity-10{opacity:0.1;}&.opacity-0{opacity:0;}}&[data-is-sticky='true']{position:fixed;z-index:",m.Mu.menuSearchPopup-1,";top:68px;left:0;width:100vw;margin-top:0;background-color:",a.w.colors.primaryBase,";transition:all 0.2s linear;",v.M.mbDown,"{top:48px;}&[data-visible='false']{top:-98px;",v.M.mbDown,"{top:-170px;}}&[data-hideontop='true']{",v.M.mbDown,"{top:-168px;}}> div{height:168px;margin-top:0;}.centered-pill-wrapper{padding:24px 0;}}"),D=(0,f.A)("div",{target:"e1f1iilz5"})("display:flex;align-items:center;justify-content:center;gap:80px;margin-top:32px;.infant-image{flex-shrink:0;min-width:0;min-height:0;aspect-ratio:1;border:4px solid #ffffff;border-radius:50%;object-fit:contain;padding:24px;img{width:200px;height:200px;aspect-ratio:1;}}.detail-group{display:flex;flex-direction:column;align-items:flex-start;gap:24px;}.detail{display:flex;flex-direction:column;align-items:flex-start;gap:8px;}",v.M.mbDown,"{flex-direction:column;background-color:#ffffff;border-radius:16px 16px 0px 0px;padding:32px;border-bottom:8px solid ",null===a.w||void 0===a.w?void 0:a.w.colors.neutral50,";.detail{align-items:center;text-align:center;}.detail-group{align-items:center;width:100%;.detail-recommendation-button{width:100%;}}.infant-image{display:none;}}"),z=(0,f.A)("div",{target:"e1f1iilz6"})("position:fixed;z-index:",m.Mu.menuSearchPopup+1,";top:0;left:0;width:100vw;background-color:",a.w.colors.white,";box-shadow:0px 1px 3px rgba(0,0,0,0.08);transition:all 0.2s linear;&:after{position:absolute;bottom:0;left:0;display:block;width:calc(var(--reading-progress) * 100%);height:2px;background-color:#e85388;content:'';transition:width 0.2s ease;}",v.M.mbDown,"{background-color:#e85388;&:after{display:none;}}&[data-visible='false']{top:-70px;}.container{display:flex;align-items:center;padding:21px 0;}.mobile-container{display:flex;align-items:center;padding:8px 16px;}.mb-logo{width:auto;height:28px;margin-right:24px;cursor:pointer;}.clickable-area{display:flex;align-items:center;cursor:pointer;}.text{padding:0 12px 0 24px;border-left:1px solid ",a.w.colors.gray600,";font-weight:600;}.arrow{width:8px;transition:all 0.2s ease;&[data-reverse='true']{transform:rotateZ(-180deg);}}.fruit-icon{margin-right:16px;}.mobile-text{font-weight:600;}.mobile-arrow{margin-left:auto;transform:rotateZ(90deg);transition:all 0.2s ease;&[data-reverse='true']{transform:rotateZ(-90deg);}}"),T=(0,f.A)("span",{target:"e1f1iilz7"})("display:inline-block;overflow:hidden;width:",e=>e.size,"px;height:",e=>e.size,"px;background-color:",e=>e.color,";background-repeat:no-repeat;-webkit-mask-image:url(",e=>e.iconSrc,");mask-image:url(",e=>e.iconSrc,");mask-position:center;-webkit-mask-size:contain;mask-size:contain;"),S=(0,f.A)("div",{target:"e1f1iilz8"})("display:inline-flex;overflow:hidden;width:",e=>e.size,"px;height:",e=>e.size,"px;box-sizing:border-box;align-items:center;justify-content:center;border:1px solid #e4e8ec;background-color:",e=>e.backgroundColor||(null===a.w||void 0===a.w?void 0:a.w.colors.white),";border-radius:",e=>e.borderRadius||"50%",";& > *{width:",e=>e.iconSize,"px;height:",e=>e.iconSize,"px;}"),C=(0,f.A)("div",{target:"e1f1iilz9"})("display:flex;align-items:center;justify-content:center;border-radius:50%;width:40px;height:40px;background-color:#ffffff;box-shadow:0px 10px 16px rgba(0,0,0,0.04),0px 2px 8px rgba(0,0,0,0.04),0px 0px 1px rgba(0,0,0,0.04);z-index:1;&.slick-arrow::before{display:none;}"),L=(0,f.A)("div",{target:"e1f1iilz10"})("width:100%;background-color:",null===a.w||void 0===a.w?void 0:a.w.colors.pink50,";position:relative;.mantine-Popover-dropdown{padding:8px;background:",null===a.w||void 0===a.w?void 0:a.w.colors.neutral50,";border-radius:4px;text-align:center;pointer-events:all;}"),N=(0,f.A)(x.Slider,{target:"e1f1iilz11"})("transform:translateY(-4px);z-index:0;pointer-events:none;user-select:none;.mantine-Slider-bar{background-color:",null===a.w||void 0===a.w?void 0:a.w.colors.pink600,";border-radius:0;}.mantine-Slider-track{background-color:",null===a.w||void 0===a.w?void 0:a.w.colors.neutral200,";height:12px;border-radius:0;&::before{border-radius:0;}}.mantine-Slider-thumb{background-color:",null===a.w||void 0===a.w?void 0:a.w.colors.pink600,";border:2px solid #ffffff;}.mantine-Slider-markFilled{border-color:",null===a.w||void 0===a.w?void 0:a.w.colors.pink600,";}"),NextArrow=e=>{let{onClick:i,className:r}=e;return(0,n.Y)(C,{onClick:i,className:r,children:(0,n.Y)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:(0,n.Y)("path",{d:"M13.071 12.0002L9.24995 8.17915C8.83595 7.76515 8.83595 7.09315 9.24995 6.67915C9.66395 6.26515 10.336 6.26515 10.75 6.67915L15.364 11.2932C15.755 11.6842 15.755 12.3172 15.364 12.7072L10.75 17.3212C10.336 17.7352 9.66395 17.7352 9.24995 17.3212C8.83595 16.9072 8.83595 16.2352 9.24995 15.8212L13.071 12.0002Z",fill:"#595959"})})})},PreviousArrow=e=>{let{onClick:i,className:r}=e;return(0,n.Y)(C,{onClick:i,className:r,children:(0,n.Y)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:(0,n.Y)("path",{d:"M10.929 12.0002L14.75 8.17915C15.164 7.76515 15.164 7.09315 14.75 6.67915C14.336 6.26515 13.664 6.26515 13.25 6.67915L8.63605 11.2932C8.24505 11.6842 8.24505 12.3172 8.63605 12.7072L13.25 17.3212C13.664 17.7352 14.336 17.7352 14.75 17.3212C15.164 16.9072 15.164 16.2352 14.75 15.8212L10.929 12.0002Z",fill:"#595959"})})})};var A=r("U+Ez"),P=r("P+HS"),F=r("XiKa"),W=r.n(F),E=r("bPK4");let WeekDetail=e=>{let{currentWeekDetail:i,disabledRecommendation:r}=e,{locale:o}=(0,u.$)(),{formatMessage:l}=(0,s.A)(),d=(0,t.useMemo)(()=>[{label:l({id:"weekOfPregnancy.size.height",defaultMessage:"Height:"}),value:i.height,unit:"cm"},{label:l({id:"weekOfPregnancy.size.weight",defaultMessage:"Weight:"}),value:i.weight,unit:"kg"}].filter(e=>e.value&&"0"!==e.value),[i]);return(0,n.FD)(D,{children:[(0,n.Y)("div",{className:"infant-image",children:(0,n.Y)("img",{loading:"lazy",src:i.icon||"".concat(m.nS,"/infant.png"),alt:"Infant"})}),i.description&&i.name&&(0,n.FD)("div",{className:"detail-group",children:[(0,n.FD)("div",{className:"detail",children:[(0,n.Y)(A.H,{tag:"h4",color:a.w.colors.gray800,children:i.name}),(0,n.FD)(P.Text,{as:"span",size:"p3",color:a.w.colors.gray700,children:[(0,n.Y)("div",{dangerouslySetInnerHTML:{__html:W()(i.description,{allowedTags:!1,allowedAttributes:!1,allowVulnerableTags:!0})}}),(0,n.Y)(P.Text,{as:"span",size:"p3",children:d.map((e,i)=>(0,n.FD)(x.Box,{component:"span",sx:e=>({[e.fn.smallerThan("sm")]:{display:"flex",flexDirection:"column",".divider":{display:"none"}}}),children:[(0,n.FD)("span",{children:[e.label," ",(0,n.FD)(P.Text,{size:"s2",weight:"semiBold",as:"span",children:[e.value," ",e.unit]})]}),i<d.length-1&&(0,n.Y)("span",{className:"divider",children:" - "})]},String(i)))})]})]}),!!i.permalink&&!r&&(0,n.Y)(P.Button,{size:"lg",color:a.w.colors.pink800,className:"detail-recommendation-button non-pointer-event-child",dataEventCategory:"Pregnancy Progression",dataEventAction:"Recommendation Click",dataEventLabel:"".concat((0,E.oN)(o)).concat(i.permalink)||"#",onClick:()=>{i.permalink&&(window.location.href=i.permalink)},children:l({id:"weekOfPregnancy.recommendations",defaultMessage:"Recommendation"})})]})]})};var O=r("+YhV"),B=r("/zZM"),V=r.n(B),H=r("fXV5");let Trimeter=e=>{let{currentWeek:i,...r}=e,{formatMessage:a}=(0,s.A)(),{locale:o}=(0,u.$)(),l=(0,g.a)(),[d,c]=(0,t.useState)(i+1);(0,t.useEffect)(()=>{c(i+1)},[i]);let p=40-d,m=(0,t.useMemo)(()=>d<14?0:d>=27?2:1,[d]),h=H.DN[o][m];return(0,n.Y)(L,{...r,children:(0,n.FD)(x.Popover,{opened:d>=4,position:"top",withArrow:!0,shadow:"md",arrowOffset:10,children:[(0,n.Y)(N,{thumbChildren:(0,n.Y)(x.Popover.Target,{children:(0,n.Y)("div",{},d)}),min:1,max:40,value:d,thumbSize:20,size:"lg",showLabelOnHover:!1,marks:[{value:13},{value:26}],labelAlwaysOn:!1}),(0,n.Y)(x.Popover.Dropdown,{children:(0,n.FD)("div",{children:[(0,n.Y)(V(),{href:h,prefetch:!1,children:(0,n.Y)(O.T,{size:"n1",type:"semiBold",children:(()=>{switch(m){case 0:return a({id:"dueDatePage.firstTrimester",defaultMessage:"1st Trimester"});case 1:return a({id:"dueDatePage.secondTrimester",defaultMessage:"2nd Trimester"});case 2:return a({id:"dueDatePage.thirdTrimester",defaultMessage:"3rd Trimester"});default:return""}})()})}),40!==d&&!l&&(0,n.Y)(O.T,{size:"n1",children:1===p?a({id:"dueDateTool.weekToGo.one",defaultMessage:"1 week to go"}):p<=0?a({id:"dueDateTool.weekToGo.outOfRange",defaultMessage:"Anytime now"}):a({id:"dueDateTool.weekToGo",defaultMessage:"{week} weeks to go"},{week:p})})]})})]})})};var R=r("VnHZ");let Z=[h.ne.Myanmar,h.ne.Taiwan],Pill=e=>{let{iconSrc:i,title:r,className:o,onSelect:l}=e,s=(0,p.m)(),d=(0,t.useMemo)(()=>null==o?void 0:o.includes("selected-week-pill"),[o]),{locale:c}=(0,u.$)();return(0,n.FD)(Y,{...genPropTrack(w.WEEK_PREGNANCY,"",{key:"label",value:s}),onClick:()=>{null==l||l()},className:o?"week-pill".concat(" non-pointer-event-child ",o):"week-pill non-pointer-event-child",children:[(0,n.Y)(S,{size:64,iconSize:40,backgroundColor:a.w.colors.white,children:(0,n.Y)("img",{loading:"lazy",src:i||"".concat(m.nS,"/week_default.png"),alt:""})}),d?(0,n.Y)(P.Text,{weight:"semiBold",size:"n1",color:a.w.colors.gray800,...Z.includes(c)&&{style:{fontSize:"10px"}},children:r}):(0,n.Y)(P.Text,{size:"n1",color:a.w.colors.gray600,...Z.includes(c)&&{style:{fontSize:"10px"}},children:r})]})},WeekOfPregnancy=e=>{let{isArticle:i=!1,data:r,onSelectWeek:o,className:p,defaultWeekIndex:u,withStickyScroll:m,disabledRecommendation:h=!1}=e,{formatMessage:w}=(0,s.A)(),f=(0,g.a)(),{state:{isLoggedIn:v}}=(0,t.useContext)(R.B),[x,Y]=(0,t.useState)(u||0),D=(0,t.useMemo)(()=>!!(i&&void 0!==u&&u===x),[u,x,i]),C=r[x],[L,N]=(0,t.useState)(0),[A,F]=(0,t.useState)(!1),[W,E]=(0,t.useState)(!1),getWeekNearby=e=>{let i=r.length,n=x+e;return n>=i?n-=i:n<0&&(n+=i),n},generateClassName=e=>e===x?"selected-week-pill":(f?[-1,1]:[-3,-2,-1,1,2,3]).map(e=>getWeekNearby(e)).includes(e)?void 0:(f?[-4,-3,-2,2,3,4]:[-4,4]).map(e=>getWeekNearby(e)).includes(e)?"opacity-50":"opacity-10",handleSelectWeek=e=>{Y(e),o&&o(e)},O=(0,t.useRef)(0);return(0,t.useEffect)(()=>{let e=document.querySelector("html");if(m){let i=l()(()=>{var i,r;window.scrollY>O.current?window.scrollY>=m.scrollYFrom&&F(!0):(F(!1),E(!1)),O.current=window.scrollY,N(window.scrollY/((null!==(i=null==e?void 0:e.scrollHeight)&&void 0!==i?i:0)-(null!==(r=null==e?void 0:e.clientHeight)&&void 0!==r?r:0)||1))},200);return window.addEventListener("scroll",i,{passive:!0}),()=>{window.removeEventListener("scroll",i)}}},[]),(0,n.FD)("div",{className:p,children:[v&&(0,n.Y)(Trimeter,{currentWeek:x}),(0,n.Y)(b,{children:(0,n.Y)(c.m,{children:(0,n.Y)(k,{className:"main-content",children:(0,n.FD)(y,{children:[r.length?(0,n.Y)(M,{"data-is-sticky":m&&A,"data-visible":W,children:(0,n.Y)(d.A,{infinite:!0,swipeToSlide:!0,slidesToShow:11,slidesToScroll:1,focusOnSelect:!0,speed:300,centerMode:!0,beforeChange:(e,i)=>handleSelectWeek(i),initialSlide:u||0,arrows:!f,nextArrow:(0,n.Y)(NextArrow,{}),prevArrow:(0,n.Y)(PreviousArrow,{}),children:r.map((e,i)=>(0,n.Y)("div",{className:"centered-pill-wrapper",children:(0,n.Y)(Pill,{className:generateClassName(i),title:null==e?void 0:e.name,iconSrc:null==e?void 0:e.fruitIcon})},i))})}):void 0,C&&(0,n.Y)(WeekDetail,{currentWeekDetail:C,disabledRecommendation:h||D})]})})})}),m&&(0,n.Y)(n.FK,{children:(0,n.Y)(z,{"data-visible":A,style:{"--reading-progress":L},children:f?(0,n.FD)("div",{className:"mobile-container",onClick:()=>E(e=>!e),children:[(0,n.Y)(S,{iconSize:24,size:32,backgroundColor:a.w.colors.white,className:"fruit-icon",children:(0,n.Y)("img",{loading:"lazy",src:(null==C?void 0:C.fruitIcon)||"/icons/week_carrot.svg",alt:""})}),(0,n.Y)(P.Text,{size:"p3",color:a.w.colors.white,className:"mobile-text",children:null==C?void 0:C.name}),(0,n.Y)(T,{className:"mobile-arrow",color:a.w.colors.white,iconSrc:"/icons/chevron.svg",size:18,"data-reverse":W})]}):(0,n.FD)(c.m,{className:"container",children:[(0,n.Y)("img",{loading:"lazy",className:"mb-logo",src:"/images/mb-logo.svg",alt:"",onClick:()=>window.location.href=window.location.origin}),(0,n.FD)("div",{className:"clickable-area",onClick:()=>E(e=>!e),children:[(0,n.FD)(P.Text,{className:"text",size:"label1",children:[w({id:"weekOfPregnancy.title"}),":"," ",null==C?void 0:C.name]}),(0,n.Y)("img",{loading:"lazy",className:"arrow","data-reverse":W,src:"/svg/arrow.svg",alt:""})]})]})})})]})}},fXV5:function(e,i,r){"use strict";r.d(i,{DN:function(){return o},_X:function(){return l}});var n,t,a=r("4BRW");(n=t||(t={}))[n["First trimester"]=0]="First trimester",n[n["Second trimester"]=1]="Second trimester",n[n["Third Trimester"]=2]="Third Trimester";let o={[a.L.Vietnam]:{0:"/mang-thai/thai-ky/tam-ca-nguyet-1",1:"/mang-thai/thai-ky/tam-ca-nguyet-2",2:"/mang-thai/thai-ky/tam-ca-nguyet-3"},[a.L.Cambodia]:{},[a.L.Indonesia]:{},[a.L.Malaysia]:{},[a.L.Myanmar]:{},[a.L.PhilippinesEnglish]:{},[a.L.PhilippinesTagalog]:{},[a.L.Taiwan]:{},[a.L.Singapore]:{0:"/pregnancy/pregnancy-progression/trimester-1",1:"/pregnancy/pregnancy-progression/trimester-2",2:"/pregnancy/pregnancy-progression/trimester-3"},[a.L.Thailand]:{},[a.L.India]:{}},l={[a.L.Vietnam]:"DD MMMM, YYYY",[a.L.Cambodia]:"MMMM DD, YYYY",[a.L.Indonesia]:"MMMM DD, YYYY",[a.L.Malaysia]:"MMMM DD, YYYY",[a.L.Myanmar]:"MMMM DD, YYYY",[a.L.PhilippinesEnglish]:"MMMM DD, YYYY",[a.L.PhilippinesTagalog]:"MMMM DD, YYYY",[a.L.Taiwan]:"MMM D日, YYYY",[a.L.Singapore]:"MMMM DD, YYYY",[a.L.Thailand]:"MMMM DD, YYYY",[a.L.India]:"MMMM DD, YYYY"}},VYCi:function(){},"A/s0":function(){},YZfw:function(){},uMuU:function(){}}]);