npm - @hhgtech/hhg-components - Versions diffs - 1.27.144 → 1.27.145 - Mend

@hhgtech/hhg-components 1.27.144 → 1.27.145

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (270) hide show

package/build/{index-c5c5c265.js → index-bea0049a.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-"use strict";var e=require("react"),t=require("./index-7400c7e9.js"),a=require("./index.styles-07eb9913.js"),n=require("./screenSizeContext-1375a00f.js"),i=require("./index-952330e0.js"),l=require("./useTranslations-b9b74891.js");require("lodash/debounce");var r=require("./isProduction-720c05c1.js"),o=require("./index-dcb7fa59.js");require("./useCategory-87d80d34.js");var s=require("./gAssets.js"),d=require("./theme-a754bae5.js"),c=require("./tslib.es6-05c6313d.js"),u=require("@mantine/core"),m=require("innertext"),p=require("./index-6fc072fd.js");require("@mantine/dates");var h=require("./Onboarding-e23b9cd1.js"),g=require("dayjs"),f=require("styled-components");require("./translationsContext-4cefc7aa.js"),require("string-format");var b=require("@mantine/hooks"),v=require("./index-20ecb722.js"),y=require("lodash/throttle"),x=require("./index-c445f754.js"),w=require("./index-33433363.js"),E=require("./index-e39bf8f1.js"),C=require("date-fns");require("./utils-ecaa7f3e.js"),require("./index.styled-e98dc656.js"),require("./index-c008d868.js");var k=require("./types-e3eea061.js"),S=require("./index-4b020803.js"),T=require("./index-75660b1e.js"),B=require("./index.styled-cdea352e.js"),N=require("./index-33b4a57a.js"),A=require("react-hook-form"),_=require("./useHealthToolCache-83f0a560.js"),D=require("@hookform/resolvers/yup"),I=require("./index-09458e4f.js"),M=require("./index-26883f56.js"),P=require("./index-2fe0b5d7.js"),L=require("react-day-picker/DayPickerInput"),z=require("./useOutsideClick-ddf2a634.js"),$=require("date-fns/locale/en-US"),O=require("date-fns/locale/id"),j=require("date-fns/locale/vi"),F=require("date-fns/locale/zh-TW"),R=require("./getSocialList-5e540d83.js"),H=require("uuid"),U=require("./routing-c5fe28b7.js"),G=require("@mantine/form"),W=require("./index-92fd8920.js"),q=require("js-cookie"),V=require("lodash/flatten");require("react-contenteditable"),require("react-dom");var Q=require("lodash/uniqBy");function Z(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var Y=Z(e),X=Z(m),K=Z(g),J=Z(f),ee=Z(y),te=Z(L),ae=Z($),ne=Z(O),ie=Z(j),le=Z(F),re=Z(q),oe=Z(V),se=Z(Q),de="CHw-fZZ",ce="_03U6VRS",ue="EO828Vv";const me=({pagesAmount:t,activePage:i,handlePageChange:l,handleClick:r,href:o,queryPageName:s="page"})=>{const d=[...Array(t)].map(((e,t)=>t+1)),[c,u]=e.useState(i<=4?d.slice(0,5):i>=d.length-3?d.slice(d.length-5,d.length):d.slice(i-2,i+1));return e.useEffect((()=>{i<=4?u(d.slice(0,5)):i>=d.length-3?u(d.slice(d.length-5,d.length)):u(d.slice(i-2,i+1))}),[i]),Y.default.createElement(e.Fragment,null,i>4&&Y.default.createElement(e.Fragment,null,Y.default.createElement(a.StyledPaginationBlock,{onClick:()=>l(1)},o?Y.default.createElement("a",{href:o,onClick:r},1):1),Y.default.createElement(a.StyledPaginationBlock,null,"...")),c.map((e=>Y.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===i||void 0,onClick:()=>l(e)},o?Y.default.createElement("a",{href:n.formatUrlWithPageParam(o,e,s),onClick:r},e):e))),i<d.length-3&&Y.default.createElement(e.Fragment,null,Y.default.createElement(a.StyledPaginationBlock,null,"..."),Y.default.createElement(a.StyledPaginationBlock,{onClick:()=>l(d.length)},o?Y.default.createElement("a",{href:n.formatUrlWithPageParam(o,d.length,s),onClick:r},d.length):d.length)))},pe=({type:e,size:t="small",label:n,name:i,checked:l,value:r,className:o,isDisabled:s=!1,onChange:d,dataEventCategory:c,dataEventAction:u,dataEventLabel:m})=>{const p=!!u&&!!c&&!!m?{"data-event-category":c,"data-event-action":u,"data-event-label":m}:{};return Y.default.createElement(a.StyledRadio,{"data-disabled":s,className:o,"data-type":e,"data-size":t},Y.default.createElement("label",Object.assign({style:{display:"flex",alignItems:"center"}},p),Y.default.createElement("input",Object.assign({type:"radio",checked:l,name:i,value:r,onChange:()=>d(r)},p)),n))},he=({label:e,name:t,checked:n,className:i,isDisabled:l,onChange:r,value:o,isRectangle:s,inputDataTestId:d,siteType:c})=>Y.default.createElement(a.StyledCheckbox,{className:i,"data-disabled":l||void 0,"data-is-rectangle":s||void 0,"data-label-text":e,"data-theme":c},Y.default.createElement("input",{type:"checkbox",checked:n,name:t,onChange:()=>r(o,!n),disabled:l,value:o,id:`${t}-${o}`,"data-label-text":e,"data-testid":d}),!s&&Y.default.createElement("label",{htmlFor:`${t}-${o}`},e)),ge=e=>Y.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),Y.default.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#D2D6DC"})),fe=e=>Y.default.createElement("svg",Object.assign({},e,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),Y.default.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#FFC326"})),be=e=>{const t=l.useUniqueId();return Y.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),Y.default.createElement("path",{d:"M12.0001 17.2697L17.1701 20.3897C17.5501 20.6197 18.0201 20.2797 17.9201 19.8497L16.5501 13.9697L21.1101 10.0197C21.4401 9.72973 21.2701 9.17973 20.8201 9.13973L14.8101 8.62973L12.4601 3.08973C12.2901 2.67973 11.7101 2.67973 11.5401 3.08973L9.19006 8.62973L3.18006 9.13973C2.74006 9.17973 2.56006 9.72973 2.90006 10.0197L7.46006 13.9697L6.09006 19.8497C5.99006 20.2797 6.46006 20.6197 6.84006 20.3897L12.0001 17.2697Z",fill:"#E4E8EC"}),Y.default.createElement("mask",{id:t,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},Y.default.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),Y.default.createElement("g",{mask:`url(#${t})`},Y.default.createElement("path",{d:"M11.9998 17.2697L17.1698 20.3897C17.5498 20.6197 18.0198 20.2797 17.9198 19.8497L16.5498 13.9697L21.1098 10.0197C21.4398 9.72973 21.2698 9.17973 20.8198 9.13973L14.8098 8.62973L12.4598 3.08973C12.2898 2.67973 11.7098 2.67973 11.5398 3.08973L9.18981 8.62973L3.17981 9.13973C2.73981 9.17973 2.55981 9.72973 2.89981 10.0197L7.45981 13.9697L6.08981 19.8497C5.98981 20.2797 6.45981 20.6197 6.83981 20.3897L11.9998 17.2697Z",fill:"#FFC326"})))},ve=n=>{var{label:i,availableValue:r,styles:o,isBaby:d,genderValue:m={male:"male",female:"female"}}=n,p=c.__rest(n,["label","availableValue","styles","isBaby","genderValue"]);const{t:h}=l.useTranslations(),{classes:g,cx:f}=a.useStyles(void 0,{name:"GenderOptionControl",styles:o}),[b,v]=e.useState(),y=e.useRef(null),x=e.useMemo((()=>[{value:m.male,label:h(d?"gender.boy":"gender.male"),icon:s.CommonGAssets.getAssetPath(d?"health-tools/boy-icon.svg":"health-tools/male-icon.svg")},{value:m.female,label:h(d?"gender.girl":"gender.female"),icon:s.CommonGAssets.getAssetPath(d?"health-tools/girl-icon.svg":"health-tools/female-icon.svg")}]),[]);return e.useEffect((()=>{v(r)}),[r]),Y.default.createElement(u.Box,{ref:y,className:g.root},Y.default.createElement(u.Radio.Group,Object.assign({className:"radio-group",label:Y.default.createElement(t.Text,{as:"label",size:"s4",weight:"semiBold"},i||h(d?"tools.selectBabyGender":"tools.selectGender")),size:"lg"},p,{classNames:{error:g.groupErr}}),Y.default.createElement(u.Flex,{className:f(g.wrapper)},x.map((e=>Y.default.createElement(u.Radio,Object.assign({className:"gender-item",classNames:{root:g.itemRoot,labelWrapper:g.itemLabelWrapper,label:g.itemLabel,inner:g.itemInner},key:e.value,value:e.value},b&&e.value!==b&&{disabled:!0},{label:Y.default.createElement(u.Flex,{gap:u.rem(8),align:"center",justify:"center",sx:{zIndex:0}},Y.default.createElement("img",{src:e.icon,className:"gender-image",alt:"female",loading:"lazy"}),Y.default.createElement(t.Text,{size:"p3"},e.label))})))))))};var ye="tliWyii";var xe="PiqKaXk",we="HgbW6-m",Ee="_6lkfLYy",Ce="j7c-onH";const ke=({avatarImg:e,authorName:a,authorLink:n,uploadTime:i,size:l})=>Y.default.createElement("div",{className:Ce},Y.default.createElement("div",{className:"author"},Y.default.createElement("div",{className:"avatar","data-size":l},e),Y.default.createElement("div",{className:"poster","data-is-disabled-url":!n},Y.default.createElement(t.Text,{size:"lg"===l?"p3":"p4"},Y.default.createElement("a",{href:n},Y.default.createElement("span",{className:"name"},a),"•"," "),Y.default.createElement("span",null,i))))),Se=({isMobile:e,avatarImg:n,name:i,link:l,size:r="lg",specialty:o})=>Y.default.createElement("div",{className:Ce},Y.default.createElement("div",{className:"author"},Y.default.createElement("div",{className:"expert-avatar","data-size":r},n),Y.default.createElement("div",{className:"expert","data-is-disabled-url":!l},e?Y.default.createElement("a",{href:l},"lg"===r?Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:d.theme.colors.gray600},i),Y.default.createElement(t.Text,{color:d.theme.colors.gray500,size:"p3",className:"specialty"},o)):Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:d.theme.colors.gray600},i))):Y.default.createElement("a",{href:l},"lg"===r?Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:d.theme.colors.gray600},i),Y.default.createElement(t.Text,{color:d.theme.colors.gray500,size:"p3",className:"specialty"},o)):Y.default.createElement(Y.default.Fragment,null,Y.default.createElement("h6",{color:d.theme.colors.gray600,className:`${xe} expert__name`},i),Y.default.createElement(t.Text,{color:d.theme.colors.gray500,size:"p4",className:"specialty"},o)))))),Te=e.memo((()=>Y.default.createElement("div",{className:"shoppable"},Y.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),Y.default.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"}))))),Be=e.memo((({dataEventCategoryForBookmark:e,dataEventActionForBookmark:t,dataEventLabelForBookmark:a})=>Y.default.createElement("svg",{"data-event-category":e,"data-event-action":t,"data-event-label":a,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))),Ne=e.memo((({dataEventCategoryForBookmark:e,dataEventActionForBookmark:t,dataEventLabelForBookmark:a})=>Y.default.createElement("svg",{"data-event-category":e,"data-event-action":t,"data-event-label":a,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),Ae=e=>{var a,n,i,{article:l,author:r,authorAvatar:o,badge:s="",hideDescription:d=!1,isBookmarked:m=!1,onBookmark:h,time:g,tracking:f}=e,b=c.__rest(e,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:v}=p.useScreenSize();return console.log({article:l}),Y.default.createElement(u.Card,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},b),Y.default.createElement(u.Card.Section,{w:"100%",h:"100%",miw:264,m:0,className:"pointer"},Y.default.createElement("img",{src:(v?l.featureImageMobile:l.featureImage)||l.featureImage,alt:l.postName,style:{width:"100%"},loading:"lazy"})),Y.default.createElement(u.Card.Section,null,Y.default.createElement(u.Group,{position:"apart",mt:16,mb:4},Y.default.createElement(p.Anchor,{href:(null===(a=null==l?void 0:l.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},Y.default.createElement(t.Text,{size:"p4",color:"blue.6"},null===(n=null==l?void 0:l.primaryCategory)||void 0===n?void 0:n.displayName)),Y.default.createElement(u.Box,{sx:{cursor:"pointer"},role:"button",onClick:h},m?Y.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==f?void 0:f.bookmark),Y.default.createElement("path",{d:"M6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7Z",fill:"#595959"})):Y.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==f?void 0:f.bookmark),Y.default.createElement("path",{d:"M7 17.95L12 15.8L17 17.95V5.3C17 5.23333 16.9667 5.16667 16.9 5.1C16.8333 5.03333 16.7667 5 16.7 5H7.3C7.23333 5 7.16667 5.03333 7.1 5.1C7.03333 5.16667 7 5.23333 7 5.3V17.95ZM6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7ZM7 5H17H12H7Z",fill:"#595959"})))),Y.default.createElement(t.Text,{size:d?"s2":"s1",mb:8,weight:"semiBold",className:"pointer"},l.postTitle||l.postName||""),!d&&Y.default.createElement(t.Text,{size:"p2",mb:16,lineClamp:3,className:"pointer"},X.default(l.excerpt||l.description||(null===(i=l.postContent)||void 0===i?void 0:i.split("\r\n")[0])||"")),Y.default.createElement(u.Flex,{gap:12,align:"center"},Y.default.createElement(p.Avatar,{size:32,src:o,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:Y.default.createElement("img",{loading:"lazy",src:s,alt:""})}},"A"),Y.default.createElement(t.Text,{size:"n1",c:"gray.6"},r," • ",g))))};var _e=u.createStyles(((e,{})=>({root:{},image:{},title:{},category:{},description:{},author:{}})));const De=648/440,Ie=1.5,Me=a=>{var n,i,l,{article:r,author:o,authorAvatar:s,badge:d="",bannerImageWrapProps:m,hideDescription:h=!1,isBookmarked:g=!1,onBookmark:f,time:b,tracking:v,classNames:y,styles:x,unstyled:w,className:E}=a,C=c.__rest(a,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:k}=p.useScreenSize(),{classes:S,cx:T}=_e({},{name:"ArticleCard",classNames:y,styles:x,unstyled:w}),B=e.useMemo((()=>h?Ie:De),[h]);return Y.default.createElement(u.Card,Object.assign({className:T(S.root,E),padding:"lg",radius:0},C),Y.default.createElement(u.Card.Section,{className:T(S.image,"pointer")},Y.default.createElement(p.AspectRatio,Object.assign({ratio:B},m),Y.default.createElement("img",{src:(k?r.featureImageMobile:r.featureImage)||r.featureImage,alt:r.postName,style:{objectFit:"cover"}}))),Y.default.createElement(u.Card.Section,null,Y.default.createElement(u.Group,{position:"apart",mt:16,mb:4},Y.default.createElement(p.Anchor,{className:S.category,href:(null===(n=null==r?void 0:r.primaryCategory)||void 0===n?void 0:n.permalink)||"#"},Y.default.createElement(t.Text,{size:"p4",color:"blue.6"},null===(i=null==r?void 0:r.primaryCategory)||void 0===i?void 0:i.displayName)),Y.default.createElement(u.Box,{sx:{cursor:"pointer"},role:"button",onClick:f},g?Y.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==v?void 0:v.bookmark),Y.default.createElement("path",{d:"M6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7Z",fill:"#595959"})):Y.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==v?void 0:v.bookmark),Y.default.createElement("path",{d:"M7 17.95L12 15.8L17 17.95V5.3C17 5.23333 16.9667 5.16667 16.9 5.1C16.8333 5.03333 16.7667 5 16.7 5H7.3C7.23333 5 7.16667 5.03333 7.1 5.1C7.03333 5.16667 7 5.23333 7 5.3V17.95ZM6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7ZM7 5H17H12H7Z",fill:"#595959"})))),Y.default.createElement(t.Text,{className:T(S.title,"pointer"),size:h?"s2":"s1",mb:8,weight:"semiBold"},r.postTitle||r.postName||""),!h&&Y.default.createElement(t.Text,{className:T(S.description,"pointer"),size:"p2",mb:16,lineClamp:3},X.default(r.excerpt||r.description||(null===(l=r.postContent)||void 0===l?void 0:l.split("\r\n")[0])||"")),Y.default.createElement(u.Flex,{className:S.author,gap:12,align:"center"},Y.default.createElement(p.Avatar,{size:32,src:s,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:Y.default.createElement("img",{loading:"lazy",src:d,alt:""})}},"A"),Y.default.createElement(t.Text,{size:"n1",c:"gray.6"},o," • ",b))))},Pe=J.default.a`
+"use strict";var e=require("react"),t=require("./index-f8878003.js"),a=require("./index.styles-d24686a4.js"),n=require("./screenSizeContext-c556025a.js"),i=require("./index-700285e6.js"),l=require("./useTranslations-359598a6.js");require("lodash/debounce");var r=require("./isProduction-91b18c8c.js"),o=require("./index-8f2fc7ba.js");require("./useCategory-9c139534.js");var s=require("./gAssets.js"),d=require("./theme-4734b6d5.js"),c=require("./tslib.es6-9bb14f66.js"),u=require("@mantine/core"),m=require("innertext"),p=require("./index-40a7c1ec.js");require("@mantine/dates");var h=require("./Onboarding-fe7f8cb4.js"),g=require("dayjs"),f=require("styled-components");require("./translationsContext-10eaa979.js"),require("string-format");var b=require("@mantine/hooks"),v=require("./index-9614aad7.js"),y=require("lodash/throttle"),x=require("./index-830928e5.js"),w=require("./index-11d3c42f.js"),E=require("./index-64de3b47.js"),C=require("date-fns");require("./utils-7c32f482.js"),require("./index.styled-51fa91d5.js"),require("./index-901a9c4f.js");var k=require("./constants-cd7744f6.js"),S=require("./types-f7675bba.js"),T=require("./index-ee837c48.js"),B=require("./index-52622ae2.js"),N=require("./index.styled-24be01ff.js"),A=require("./index-d41e94ff.js"),_=require("react-hook-form"),D=require("./useHealthToolCache-8ab59949.js"),I=require("@hookform/resolvers/yup"),M=require("./index-1b3d17a7.js"),P=require("./index-41c1ae39.js"),L=require("react-day-picker/DayPickerInput"),z=require("./useOutsideClick-bfaeb7b2.js"),$=require("date-fns/locale/en-US"),O=require("date-fns/locale/id"),j=require("date-fns/locale/vi"),F=require("date-fns/locale/zh-TW"),R=require("./getSocialList-6b64f32b.js"),H=require("uuid"),U=require("./routing-a04c9023.js"),G=require("@mantine/form"),W=require("./index-cb6a6f40.js"),q=require("js-cookie"),V=require("lodash/flatten");require("react-contenteditable"),require("react-dom");var Q=require("lodash/uniqBy");function Z(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var Y=Z(e),X=Z(m),K=Z(g),J=Z(f),ee=Z(y),te=Z(L),ae=Z($),ne=Z(O),ie=Z(j),le=Z(F),re=Z(q),oe=Z(V),se=Z(Q),de="CHw-fZZ",ce="_03U6VRS",ue="EO828Vv";const me=({pagesAmount:t,activePage:i,handlePageChange:l,handleClick:r,href:o,queryPageName:s="page"})=>{const d=[...Array(t)].map(((e,t)=>t+1)),[c,u]=e.useState(i<=4?d.slice(0,5):i>=d.length-3?d.slice(d.length-5,d.length):d.slice(i-2,i+1));return e.useEffect((()=>{i<=4?u(d.slice(0,5)):i>=d.length-3?u(d.slice(d.length-5,d.length)):u(d.slice(i-2,i+1))}),[i]),Y.default.createElement(e.Fragment,null,i>4&&Y.default.createElement(e.Fragment,null,Y.default.createElement(a.StyledPaginationBlock,{onClick:()=>l(1)},o?Y.default.createElement("a",{href:o,onClick:r},1):1),Y.default.createElement(a.StyledPaginationBlock,null,"...")),c.map((e=>Y.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===i||void 0,onClick:()=>l(e)},o?Y.default.createElement("a",{href:n.formatUrlWithPageParam(o,e,s),onClick:r},e):e))),i<d.length-3&&Y.default.createElement(e.Fragment,null,Y.default.createElement(a.StyledPaginationBlock,null,"..."),Y.default.createElement(a.StyledPaginationBlock,{onClick:()=>l(d.length)},o?Y.default.createElement("a",{href:n.formatUrlWithPageParam(o,d.length,s),onClick:r},d.length):d.length)))},pe=({type:e,size:t="small",label:n,name:i,checked:l,value:r,className:o,isDisabled:s=!1,onChange:d,dataEventCategory:c,dataEventAction:u,dataEventLabel:m})=>{const p=!!u&&!!c&&!!m?{"data-event-category":c,"data-event-action":u,"data-event-label":m}:{};return Y.default.createElement(a.StyledRadio,{"data-disabled":s,className:o,"data-type":e,"data-size":t},Y.default.createElement("label",Object.assign({style:{display:"flex",alignItems:"center"}},p),Y.default.createElement("input",Object.assign({type:"radio",checked:l,name:i,value:r,onChange:()=>d(r)},p)),n))},he=({label:e,name:t,checked:n,className:i,isDisabled:l,onChange:r,value:o,isRectangle:s,inputDataTestId:d,siteType:c})=>Y.default.createElement(a.StyledCheckbox,{className:i,"data-disabled":l||void 0,"data-is-rectangle":s||void 0,"data-label-text":e,"data-theme":c},Y.default.createElement("input",{type:"checkbox",checked:n,name:t,onChange:()=>r(o,!n),disabled:l,value:o,id:`${t}-${o}`,"data-label-text":e,"data-testid":d}),!s&&Y.default.createElement("label",{htmlFor:`${t}-${o}`},e)),ge=e=>Y.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),Y.default.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#D2D6DC"})),fe=e=>Y.default.createElement("svg",Object.assign({},e,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),Y.default.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#FFC326"})),be=e=>{const t=l.useUniqueId();return Y.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),Y.default.createElement("path",{d:"M12.0001 17.2697L17.1701 20.3897C17.5501 20.6197 18.0201 20.2797 17.9201 19.8497L16.5501 13.9697L21.1101 10.0197C21.4401 9.72973 21.2701 9.17973 20.8201 9.13973L14.8101 8.62973L12.4601 3.08973C12.2901 2.67973 11.7101 2.67973 11.5401 3.08973L9.19006 8.62973L3.18006 9.13973C2.74006 9.17973 2.56006 9.72973 2.90006 10.0197L7.46006 13.9697L6.09006 19.8497C5.99006 20.2797 6.46006 20.6197 6.84006 20.3897L12.0001 17.2697Z",fill:"#E4E8EC"}),Y.default.createElement("mask",{id:t,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},Y.default.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),Y.default.createElement("g",{mask:`url(#${t})`},Y.default.createElement("path",{d:"M11.9998 17.2697L17.1698 20.3897C17.5498 20.6197 18.0198 20.2797 17.9198 19.8497L16.5498 13.9697L21.1098 10.0197C21.4398 9.72973 21.2698 9.17973 20.8198 9.13973L14.8098 8.62973L12.4598 3.08973C12.2898 2.67973 11.7098 2.67973 11.5398 3.08973L9.18981 8.62973L3.17981 9.13973C2.73981 9.17973 2.55981 9.72973 2.89981 10.0197L7.45981 13.9697L6.08981 19.8497C5.98981 20.2797 6.45981 20.6197 6.83981 20.3897L11.9998 17.2697Z",fill:"#FFC326"})))},ve=n=>{var{label:i,availableValue:r,styles:o,isBaby:d,genderValue:m={male:"male",female:"female"}}=n,p=c.__rest(n,["label","availableValue","styles","isBaby","genderValue"]);const{t:h}=l.useTranslations(),{classes:g,cx:f}=a.useStyles(void 0,{name:"GenderOptionControl",styles:o}),[b,v]=e.useState(),y=e.useRef(null),x=e.useMemo((()=>[{value:m.male,label:h(d?"gender.boy":"gender.male"),icon:s.CommonGAssets.getAssetPath(d?"health-tools/boy-icon.svg":"health-tools/male-icon.svg")},{value:m.female,label:h(d?"gender.girl":"gender.female"),icon:s.CommonGAssets.getAssetPath(d?"health-tools/girl-icon.svg":"health-tools/female-icon.svg")}]),[]);return e.useEffect((()=>{v(r)}),[r]),Y.default.createElement(u.Box,{ref:y,className:g.root},Y.default.createElement(u.Radio.Group,Object.assign({className:"radio-group",label:Y.default.createElement(t.Text,{as:"label",size:"s4",weight:"semiBold"},i||h(d?"tools.selectBabyGender":"tools.selectGender")),size:"lg"},p,{classNames:{error:g.groupErr}}),Y.default.createElement(u.Flex,{className:f(g.wrapper)},x.map((e=>Y.default.createElement(u.Radio,Object.assign({className:"gender-item",classNames:{root:g.itemRoot,labelWrapper:g.itemLabelWrapper,label:g.itemLabel,inner:g.itemInner},key:e.value,value:e.value},b&&e.value!==b&&{disabled:!0},{label:Y.default.createElement(u.Flex,{gap:u.rem(8),align:"center",justify:"center",sx:{zIndex:0}},Y.default.createElement("img",{src:e.icon,className:"gender-image",alt:"female",loading:"lazy"}),Y.default.createElement(t.Text,{size:"p3"},e.label))})))))))};var ye="tliWyii";var xe="PiqKaXk",we="HgbW6-m",Ee="_6lkfLYy",Ce="j7c-onH";const ke=({avatarImg:e,authorName:a,authorLink:n,uploadTime:i,size:l})=>Y.default.createElement("div",{className:Ce},Y.default.createElement("div",{className:"author"},Y.default.createElement("div",{className:"avatar","data-size":l},e),Y.default.createElement("div",{className:"poster","data-is-disabled-url":!n},Y.default.createElement(t.Text,{size:"lg"===l?"p3":"p4"},Y.default.createElement("a",{href:n},Y.default.createElement("span",{className:"name"},a),"•"," "),Y.default.createElement("span",null,i))))),Se=({isMobile:e,avatarImg:n,name:i,link:l,size:r="lg",specialty:o})=>Y.default.createElement("div",{className:Ce},Y.default.createElement("div",{className:"author"},Y.default.createElement("div",{className:"expert-avatar","data-size":r},n),Y.default.createElement("div",{className:"expert","data-is-disabled-url":!l},e?Y.default.createElement("a",{href:l},"lg"===r?Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:d.theme.colors.gray600},i),Y.default.createElement(t.Text,{color:d.theme.colors.gray500,size:"p3",className:"specialty"},o)):Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:d.theme.colors.gray600},i))):Y.default.createElement("a",{href:l},"lg"===r?Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:d.theme.colors.gray600},i),Y.default.createElement(t.Text,{color:d.theme.colors.gray500,size:"p3",className:"specialty"},o)):Y.default.createElement(Y.default.Fragment,null,Y.default.createElement("h6",{color:d.theme.colors.gray600,className:`${xe} expert__name`},i),Y.default.createElement(t.Text,{color:d.theme.colors.gray500,size:"p4",className:"specialty"},o)))))),Te=e.memo((()=>Y.default.createElement("div",{className:"shoppable"},Y.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),Y.default.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"}))))),Be=e.memo((({dataEventCategoryForBookmark:e,dataEventActionForBookmark:t,dataEventLabelForBookmark:a})=>Y.default.createElement("svg",{"data-event-category":e,"data-event-action":t,"data-event-label":a,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))),Ne=e.memo((({dataEventCategoryForBookmark:e,dataEventActionForBookmark:t,dataEventLabelForBookmark:a})=>Y.default.createElement("svg",{"data-event-category":e,"data-event-action":t,"data-event-label":a,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),Ae=e=>{var a,n,i,{article:l,author:r,authorAvatar:o,badge:s="",hideDescription:d=!1,isBookmarked:m=!1,onBookmark:h,time:g,tracking:f}=e,b=c.__rest(e,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:v}=p.useScreenSize();return console.log({article:l}),Y.default.createElement(u.Card,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},b),Y.default.createElement(u.Card.Section,{w:"100%",h:"100%",miw:264,m:0,className:"pointer"},Y.default.createElement("img",{src:(v?l.featureImageMobile:l.featureImage)||l.featureImage,alt:l.postName,style:{width:"100%"},loading:"lazy"})),Y.default.createElement(u.Card.Section,null,Y.default.createElement(u.Group,{position:"apart",mt:16,mb:4},Y.default.createElement(p.Anchor,{href:(null===(a=null==l?void 0:l.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},Y.default.createElement(t.Text,{size:"p4",color:"blue.6"},null===(n=null==l?void 0:l.primaryCategory)||void 0===n?void 0:n.displayName)),Y.default.createElement(u.Box,{sx:{cursor:"pointer"},role:"button",onClick:h},m?Y.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==f?void 0:f.bookmark),Y.default.createElement("path",{d:"M6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7Z",fill:"#595959"})):Y.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==f?void 0:f.bookmark),Y.default.createElement("path",{d:"M7 17.95L12 15.8L17 17.95V5.3C17 5.23333 16.9667 5.16667 16.9 5.1C16.8333 5.03333 16.7667 5 16.7 5H7.3C7.23333 5 7.16667 5.03333 7.1 5.1C7.03333 5.16667 7 5.23333 7 5.3V17.95ZM6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7ZM7 5H17H12H7Z",fill:"#595959"})))),Y.default.createElement(t.Text,{size:d?"s2":"s1",mb:8,weight:"semiBold",className:"pointer"},l.postTitle||l.postName||""),!d&&Y.default.createElement(t.Text,{size:"p2",mb:16,lineClamp:3,className:"pointer"},X.default(l.excerpt||l.description||(null===(i=l.postContent)||void 0===i?void 0:i.split("\r\n")[0])||"")),Y.default.createElement(u.Flex,{gap:12,align:"center"},Y.default.createElement(p.Avatar,{size:32,src:o,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:Y.default.createElement("img",{loading:"lazy",src:s,alt:""})}},"A"),Y.default.createElement(t.Text,{size:"n1",c:"gray.6"},r," • ",g))))};var _e=u.createStyles(((e,{})=>({root:{},image:{},title:{},category:{},description:{},author:{}})));const De=648/440,Ie=1.5,Me=a=>{var n,i,l,{article:r,author:o,authorAvatar:s,badge:d="",bannerImageWrapProps:m,hideDescription:h=!1,isBookmarked:g=!1,onBookmark:f,time:b,tracking:v,classNames:y,styles:x,unstyled:w,className:E}=a,C=c.__rest(a,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:k}=p.useScreenSize(),{classes:S,cx:T}=_e({},{name:"ArticleCard",classNames:y,styles:x,unstyled:w}),B=e.useMemo((()=>h?Ie:De),[h]);return Y.default.createElement(u.Card,Object.assign({className:T(S.root,E),padding:"lg",radius:0},C),Y.default.createElement(u.Card.Section,{className:T(S.image,"pointer")},Y.default.createElement(p.AspectRatio,Object.assign({ratio:B},m),Y.default.createElement("img",{src:(k?r.featureImageMobile:r.featureImage)||r.featureImage,alt:r.postName,style:{objectFit:"cover"}}))),Y.default.createElement(u.Card.Section,null,Y.default.createElement(u.Group,{position:"apart",mt:16,mb:4},Y.default.createElement(p.Anchor,{className:S.category,href:(null===(n=null==r?void 0:r.primaryCategory)||void 0===n?void 0:n.permalink)||"#"},Y.default.createElement(t.Text,{size:"p4",color:"blue.6"},null===(i=null==r?void 0:r.primaryCategory)||void 0===i?void 0:i.displayName)),Y.default.createElement(u.Box,{sx:{cursor:"pointer"},role:"button",onClick:f},g?Y.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==v?void 0:v.bookmark),Y.default.createElement("path",{d:"M6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7Z",fill:"#595959"})):Y.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==v?void 0:v.bookmark),Y.default.createElement("path",{d:"M7 17.95L12 15.8L17 17.95V5.3C17 5.23333 16.9667 5.16667 16.9 5.1C16.8333 5.03333 16.7667 5 16.7 5H7.3C7.23333 5 7.16667 5.03333 7.1 5.1C7.03333 5.16667 7 5.23333 7 5.3V17.95ZM6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7ZM7 5H17H12H7Z",fill:"#595959"})))),Y.default.createElement(t.Text,{className:T(S.title,"pointer"),size:h?"s2":"s1",mb:8,weight:"semiBold"},r.postTitle||r.postName||""),!h&&Y.default.createElement(t.Text,{className:T(S.description,"pointer"),size:"p2",mb:16,lineClamp:3},X.default(r.excerpt||r.description||(null===(l=r.postContent)||void 0===l?void 0:l.split("\r\n")[0])||"")),Y.default.createElement(u.Flex,{className:S.author,gap:12,align:"center"},Y.default.createElement(p.Avatar,{size:32,src:s,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:Y.default.createElement("img",{loading:"lazy",src:d,alt:""})}},"A"),Y.default.createElement(t.Text,{size:"n1",c:"gray.6"},o," • ",b))))},Pe=J.default.a`
   display: flex;
   height: 125px;
@@ -1931,7 +1931,7 @@
       height: 14px;
     }
   }
-`,Nn=({className:e,heading:n,color:i="blue",isMobile:r,bannerUrl:o,bannerUrlLarge:s,bannerColor:d,medicalReview:c={link:"#",reviewer:"",date:""},icon:m,style:p,siteType:h,isEmbeded:g})=>{var f,b;const{t:v}=l.useTranslations(),y=u.useMantineTheme(),x=r?o:s||o,w={pink:[8,6]},E=y.colors[i]||y.colors.blue,C=(null==c?void 0:c.reviewer)?Y.default.createElement(t.Text,{size:"label2",color:"#fff",as:"div",className:"embedded-review",sx:{a:{textUnderlineOffset:"2px",color:"#fff",textDecoration:"underline"}}},Y.default.createElement("div",{dangerouslySetInnerHTML:{__html:v("toolPage.toolReviewer",{expert_name:`<a href="${c.link}">${c.reviewer.trim()}</a>`,date:c.date})}})):null;return Y.default.createElement(Cn,{"data-is-mobile":r,style:p,"data-site":h},Y.default.createElement(En,{className:e,"data-banner-url":x,"data-is-mobile":r,"data-site":h,"data-banner-color":d,"data-is-embedded":g,bgColor:`linear-gradient(71deg, ${null==E?void 0:E[(null===(f=w[i])||void 0===f?void 0:f[0])||7]} -4.07%, ${null==E?void 0:E[(null===(b=w[i])||void 0===b?void 0:b[1])||4]} 90.13%)}`},"marryBaby"===h&&g?Y.default.createElement(kn,null,Y.default.createElement(Sn,null,m),Y.default.createElement(Tn,null,Y.default.createElement(a.Heading,{color:"white",tag:"h5",as:"h2"},n),c&&Y.default.createElement(Bn,{"data-is-mobile":r},C))):Y.default.createElement(u.Flex,{gap:u.rem(24),align:"center",justify:"space-between",sx:{padding:`${u.rem(13)} ${u.rem(20)}`,gap:u.rem(24)}},Y.default.createElement(u.Box,null,Y.default.createElement(a.Heading,{tag:"h5",as:"h2",color:"#fff"},n),c&&Y.default.createElement(t.Text,{size:"n1",as:"div"},C)),Y.default.createElement(u.Flex,{justify:"center",align:"center",sx:e=>{var t,a;return{width:u.rem(64),height:u.rem(64),borderRadius:"50%",background:(null===(a=null===(t=e.colors)||void 0===t?void 0:t[i])||void 0===a?void 0:a[0])||e.colors.blue[0],flexShrink:0,img:{maxWidth:u.rem(48),maxHeight:u.rem(48)},[e.fn.smallerThan("sm")]:{width:u.rem(56),height:u.rem(56),img:{maxWidth:u.rem(40),maxHeight:u.rem(40)}}}}},m))))},An=J.default(B.Dropdown)`
+`,Nn=({className:e,heading:n,color:i="blue",isMobile:r,bannerUrl:o,bannerUrlLarge:s,bannerColor:d,medicalReview:c={link:"#",reviewer:"",date:""},icon:m,style:p,siteType:h,isEmbeded:g})=>{var f,b;const{t:v}=l.useTranslations(),y=u.useMantineTheme(),x=r?o:s||o,w={pink:[8,6]},E=y.colors[i]||y.colors.blue,C=(null==c?void 0:c.reviewer)?Y.default.createElement(t.Text,{size:"label2",color:"#fff",as:"div",className:"embedded-review",sx:{a:{textUnderlineOffset:"2px",color:"#fff",textDecoration:"underline"}}},Y.default.createElement("div",{dangerouslySetInnerHTML:{__html:v("toolPage.toolReviewer",{expert_name:`<a href="${c.link}">${c.reviewer.trim()}</a>`,date:c.date})}})):null;return Y.default.createElement(Cn,{"data-is-mobile":r,style:p,"data-site":h},Y.default.createElement(En,{className:e,"data-banner-url":x,"data-is-mobile":r,"data-site":h,"data-banner-color":d,"data-is-embedded":g,bgColor:`linear-gradient(71deg, ${null==E?void 0:E[(null===(f=w[i])||void 0===f?void 0:f[0])||7]} -4.07%, ${null==E?void 0:E[(null===(b=w[i])||void 0===b?void 0:b[1])||4]} 90.13%)}`},"marryBaby"===h&&g?Y.default.createElement(kn,null,Y.default.createElement(Sn,null,m),Y.default.createElement(Tn,null,Y.default.createElement(a.Heading,{color:"white",tag:"h5",as:"h2"},n),c&&Y.default.createElement(Bn,{"data-is-mobile":r},C))):Y.default.createElement(u.Flex,{gap:u.rem(24),align:"center",justify:"space-between",sx:{padding:`${u.rem(13)} ${u.rem(20)}`,gap:u.rem(24)}},Y.default.createElement(u.Box,null,Y.default.createElement(a.Heading,{tag:"h5",as:"h2",color:"#fff"},n),c&&Y.default.createElement(t.Text,{size:"n1",as:"div"},C)),Y.default.createElement(u.Flex,{justify:"center",align:"center",sx:e=>{var t,a;return{width:u.rem(64),height:u.rem(64),borderRadius:"50%",background:(null===(a=null===(t=e.colors)||void 0===t?void 0:t[i])||void 0===a?void 0:a[0])||e.colors.blue[0],flexShrink:0,img:{maxWidth:u.rem(48),maxHeight:u.rem(48)},[e.fn.smallerThan("sm")]:{width:u.rem(56),height:u.rem(56),img:{maxWidth:u.rem(40),maxHeight:u.rem(40)}}}}},m))))},An=J.default(N.Dropdown)`
   border-color: ${e=>e.theme.mbColors.lightGray};
   background-color: ${e=>e.theme.colors.white};
   border-radius: 16px;
@@ -2125,7 +2125,7 @@
   }
 `;var Ln;J.default(Pn)`
   margin-right: 4px;
-`,function(e){e[e.lastPeriod=0]="lastPeriod",e[e.conception=1]="conception",e[e.IVF=2]="IVF"}(Ln||(Ln={}));const zn="yyyy-MM-dd",$n=e=>`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`,On=({locale:n,onClick:i,siteType:r,pageUrl:s})=>{const{t:c}=l.useTranslations(),[u,m]=e.useState(new Date);return Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(Mn,{className:"input-form","data-is-side":!0},"marryBaby"===r?Y.default.createElement(_n,{label:c("dueDatePage.conceptionDate"),name:"date",size:"md",value:$n(u),CustomInput:Y.default.createElement(je,{onChange:e=>{m(e)},placeholder:"dd/mm/yyyy",pickedDate:u,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>Y.default.createElement(E.Input,Object.assign({className:"due-date-input",name:"birthday",size:"md"},e,{value:u&&K.default(u).format(a.DUE_DATE_FORMAT)}))}),actionIcon:Y.default.createElement(t.Icon.CalendarMB,{size:32})}):Y.default.createElement(E.Input,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},c("dueDatePage.conceptionDate")),value:$n(u),name:"date",size:"md",className:"due-date-input",CustomInput:Y.default.createElement(je,{customInput:e=>Y.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:$n(u)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:n,pickedDate:u,displayDateFormat:k.DATE_FORMAT,onChange:e=>{m(e)},placeholder:"placeholder"})})),Y.default.createElement(p.Button,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===r?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:s,onClick:()=>{i((e=>{const t=new Date(e);return t.setDate(t.getDate()+265),{startDate:e,dueDate:t,otherInfo:{method:Ln.conception+1,conception_date:C.format(e,zn),first_day:null,cycle_length_days:null,ivf_transfer_date:null,days_transfer:null}}})(u),`${o.QUERY_HEALTH_TOOL.type}=1&sd=${C.format(u,zn)}&${o.QUERY_HEALTH_TOOL.additional}= `)},role:"button"},c("dueDatePage.lastPeriod.calculate")))},jn=({locale:n,onClick:i,siteType:r,pageUrl:s})=>{const{t:c}=l.useTranslations(),[u,m]=e.useState(new Date),[h,g]=e.useState("3");return Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(Mn,{className:"input-form","data-is-side":!0},"marryBaby"===r?Y.default.createElement(_n,{label:c("dueDatePage.ivf.transferDate"),name:"date",size:"md",value:$n(u),CustomInput:Y.default.createElement(je,{onChange:e=>{m(e)},placeholder:"dd/mm/yyyy",pickedDate:u,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>Y.default.createElement(E.Input,Object.assign({className:"due-date-input",name:"birthday",size:"md"},e,{value:u&&K.default(u).format(a.DUE_DATE_FORMAT)}))}),actionIcon:Y.default.createElement(t.Icon.CalendarMB,{size:32})}):Y.default.createElement(E.Input,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray700,style:{marginBottom:"9px",flex:"1"}},c("dueDatePage.ivf.transferDate")),value:$n(u),name:"date",size:"md",className:"due-date-input",CustomInput:Y.default.createElement(je,{customInput:e=>Y.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:$n(u)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:n,pickedDate:u,displayDateFormat:k.DATE_FORMAT,onChange:e=>{m(e)},placeholder:"placeholder"})})),Y.default.createElement("div",{style:{width:"100%"}},Y.default.createElement(et,{id:"radio-transfer-date",type:"circle",direction:"vertical",size:"small",group:"group1",value:h,onChange:e=>g(e),options:[{value:"3",label:c("dueDatePage.ivf.transferDateRadio",{number:3})},{value:"5",label:c("dueDatePage.ivf.transferDateRadio",{number:5})}]})),Y.default.createElement(p.Button,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===r?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:s,onClick:()=>{i(((e,t)=>{const a=new Date(e);return a.setDate(a.getDate()+265-t),{startDate:e,dueDate:a,otherInfo:{method:Ln.IVF+1,ivf_transfer_date:C.format(e,zn),days_transfer:t,conception_date:null,first_day:null,cycle_length_days:null}}})(u,Number(h)),`${o.QUERY_HEALTH_TOOL.type}=2&${o.QUERY_HEALTH_TOOL.startDate}=${C.format(u,zn)}&${o.QUERY_HEALTH_TOOL.additional}=${h}`)},role:"button"},c("dueDatePage.lastPeriod.calculate")))},Fn=({locale:n,onClick:i,siteType:r,pageUrl:s})=>{const{t:c}=l.useTranslations(),[u,m]=e.useState(28),[h,g]=e.useState(new Date);return Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(Mn,{className:"input-form","data-is-side":!0},"marryBaby"===r?Y.default.createElement(_n,{label:c("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:$n(h),CustomInput:Y.default.createElement(je,{onChange:e=>{g(e)},placeholder:"dd/mm/yyyy",pickedDate:h,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>Y.default.createElement(E.Input,Object.assign({name:"birthday",size:"md"},e,{value:h&&K.default(h).format(a.DUE_DATE_FORMAT)}))}),actionIcon:Y.default.createElement(t.Icon.CalendarMB,{size:32})}):Y.default.createElement(E.Input,{className:"input-section due-date-input",label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},c("dueDatePage.lastPeriod.lastPeriodLabel")),value:$n(h),name:"date",size:"md",CustomInput:Y.default.createElement(je,{customInput:e=>Y.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:$n(h)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:n,pickedDate:h,displayDateFormat:k.DATE_FORMAT,onChange:e=>{g(e)},placeholder:"placeholder"})})),Y.default.createElement("div",{className:"slider-due-date","data-theme":"marryBaby"===r?"marryBaby":""},"marryBaby"===r?Y.default.createElement(T.MarryBabyText,{type:"bodytext-3",color:d.theme.mbColors.midGray},c("dueDatePage.lastPeriod.periodLengthLabel")):Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600,style:{marginBottom:"0.5rem"}},c("dueDatePage.lastPeriod.periodLengthLabel")),Y.default.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===r&&Y.default.createElement(t.Text,{size:"s3",weight:"semiBold",color:d.theme.colors.gray600},u),Y.default.createElement(S.Slider,{containerStyle:{flex:1},min:20,max:40,step:1,labelAlwaysOn:"marryBaby"!==r,withControl:"marryBaby"!==r,onChange:m,value:u,label:"marryBaby"!==r?void 0:null}))),Y.default.createElement(p.Button,{dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:s,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===r?"secondary":"primary",onClick:()=>i(((e,t)=>{const a=t-21+272,n=new Date(e);return n.setDate(n.getDate()+a),{startDate:e,dueDate:n,otherInfo:{method:Ln.lastPeriod+1,first_day:C.format(e,zn),cycle_length_days:t,conception_date:null,ivf_transfer_date:null,days_transfer:null}}})(h,u),`${o.QUERY_HEALTH_TOOL.type}=0&${o.QUERY_HEALTH_TOOL.startDate}=${C.format(h,zn)}&${o.QUERY_HEALTH_TOOL.additional}=${u}`),role:"button"},c("dueDatePage.lastPeriod.calculate")))};J.default.div`
+`,function(e){e[e.lastPeriod=0]="lastPeriod",e[e.conception=1]="conception",e[e.IVF=2]="IVF"}(Ln||(Ln={}));const zn="yyyy-MM-dd",$n=e=>`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`,On=({locale:n,onClick:i,siteType:r,pageUrl:s})=>{const{t:c}=l.useTranslations(),[u,m]=e.useState(new Date);return Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(Mn,{className:"input-form","data-is-side":!0},"marryBaby"===r?Y.default.createElement(_n,{label:c("dueDatePage.conceptionDate"),name:"date",size:"md",value:$n(u),CustomInput:Y.default.createElement(je,{onChange:e=>{m(e)},placeholder:"dd/mm/yyyy",pickedDate:u,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>Y.default.createElement(E.Input,Object.assign({className:"due-date-input",name:"birthday",size:"md"},e,{value:u&&K.default(u).format(a.DUE_DATE_FORMAT)}))}),actionIcon:Y.default.createElement(t.Icon.CalendarMB,{size:32})}):Y.default.createElement(E.Input,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},c("dueDatePage.conceptionDate")),value:$n(u),name:"date",size:"md",className:"due-date-input",CustomInput:Y.default.createElement(je,{customInput:e=>Y.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:$n(u)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:n,pickedDate:u,displayDateFormat:S.DATE_FORMAT,onChange:e=>{m(e)},placeholder:"placeholder"})})),Y.default.createElement(p.Button,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===r?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:s,onClick:()=>{i((e=>{const t=new Date(e);return t.setDate(t.getDate()+265),{startDate:e,dueDate:t,otherInfo:{method:Ln.conception+1,conception_date:C.format(e,zn),first_day:null,cycle_length_days:null,ivf_transfer_date:null,days_transfer:null}}})(u),`${o.QUERY_HEALTH_TOOL.type}=1&sd=${C.format(u,zn)}&${o.QUERY_HEALTH_TOOL.additional}= `)},role:"button"},c("dueDatePage.lastPeriod.calculate")))},jn=({locale:n,onClick:i,siteType:r,pageUrl:s})=>{const{t:c}=l.useTranslations(),[u,m]=e.useState(new Date),[h,g]=e.useState("3");return Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(Mn,{className:"input-form","data-is-side":!0},"marryBaby"===r?Y.default.createElement(_n,{label:c("dueDatePage.ivf.transferDate"),name:"date",size:"md",value:$n(u),CustomInput:Y.default.createElement(je,{onChange:e=>{m(e)},placeholder:"dd/mm/yyyy",pickedDate:u,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>Y.default.createElement(E.Input,Object.assign({className:"due-date-input",name:"birthday",size:"md"},e,{value:u&&K.default(u).format(a.DUE_DATE_FORMAT)}))}),actionIcon:Y.default.createElement(t.Icon.CalendarMB,{size:32})}):Y.default.createElement(E.Input,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray700,style:{marginBottom:"9px",flex:"1"}},c("dueDatePage.ivf.transferDate")),value:$n(u),name:"date",size:"md",className:"due-date-input",CustomInput:Y.default.createElement(je,{customInput:e=>Y.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:$n(u)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:n,pickedDate:u,displayDateFormat:S.DATE_FORMAT,onChange:e=>{m(e)},placeholder:"placeholder"})})),Y.default.createElement("div",{style:{width:"100%"}},Y.default.createElement(et,{id:"radio-transfer-date",type:"circle",direction:"vertical",size:"small",group:"group1",value:h,onChange:e=>g(e),options:[{value:"3",label:c("dueDatePage.ivf.transferDateRadio",{number:3})},{value:"5",label:c("dueDatePage.ivf.transferDateRadio",{number:5})}]})),Y.default.createElement(p.Button,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===r?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:s,onClick:()=>{i(((e,t)=>{const a=new Date(e);return a.setDate(a.getDate()+265-t),{startDate:e,dueDate:a,otherInfo:{method:Ln.IVF+1,ivf_transfer_date:C.format(e,zn),days_transfer:t,conception_date:null,first_day:null,cycle_length_days:null}}})(u,Number(h)),`${o.QUERY_HEALTH_TOOL.type}=2&${o.QUERY_HEALTH_TOOL.startDate}=${C.format(u,zn)}&${o.QUERY_HEALTH_TOOL.additional}=${h}`)},role:"button"},c("dueDatePage.lastPeriod.calculate")))},Fn=({locale:n,onClick:i,siteType:r,pageUrl:s})=>{const{t:c}=l.useTranslations(),[u,m]=e.useState(28),[h,g]=e.useState(new Date);return Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(Mn,{className:"input-form","data-is-side":!0},"marryBaby"===r?Y.default.createElement(_n,{label:c("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:$n(h),CustomInput:Y.default.createElement(je,{onChange:e=>{g(e)},placeholder:"dd/mm/yyyy",pickedDate:h,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>Y.default.createElement(E.Input,Object.assign({name:"birthday",size:"md"},e,{value:h&&K.default(h).format(a.DUE_DATE_FORMAT)}))}),actionIcon:Y.default.createElement(t.Icon.CalendarMB,{size:32})}):Y.default.createElement(E.Input,{className:"input-section due-date-input",label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},c("dueDatePage.lastPeriod.lastPeriodLabel")),value:$n(h),name:"date",size:"md",CustomInput:Y.default.createElement(je,{customInput:e=>Y.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:$n(h)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:n,pickedDate:h,displayDateFormat:S.DATE_FORMAT,onChange:e=>{g(e)},placeholder:"placeholder"})})),Y.default.createElement("div",{className:"slider-due-date","data-theme":"marryBaby"===r?"marryBaby":""},"marryBaby"===r?Y.default.createElement(B.MarryBabyText,{type:"bodytext-3",color:d.theme.mbColors.midGray},c("dueDatePage.lastPeriod.periodLengthLabel")):Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600,style:{marginBottom:"0.5rem"}},c("dueDatePage.lastPeriod.periodLengthLabel")),Y.default.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===r&&Y.default.createElement(t.Text,{size:"s3",weight:"semiBold",color:d.theme.colors.gray600},u),Y.default.createElement(T.Slider,{containerStyle:{flex:1},min:20,max:40,step:1,labelAlwaysOn:"marryBaby"!==r,withControl:"marryBaby"!==r,onChange:m,value:u,label:"marryBaby"!==r?void 0:null}))),Y.default.createElement(p.Button,{dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:s,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===r?"secondary":"primary",onClick:()=>i(((e,t)=>{const a=t-21+272,n=new Date(e);return n.setDate(n.getDate()+a),{startDate:e,dueDate:n,otherInfo:{method:Ln.lastPeriod+1,first_day:C.format(e,zn),cycle_length_days:t,conception_date:null,ivf_transfer_date:null,days_transfer:null}}})(h,u),`${o.QUERY_HEALTH_TOOL.type}=0&${o.QUERY_HEALTH_TOOL.startDate}=${C.format(h,zn)}&${o.QUERY_HEALTH_TOOL.additional}=${u}`),role:"button"},c("dueDatePage.lastPeriod.calculate")))};J.default.div`
   padding: 0;
   background-color: white;
 `,J.default.div`
@@ -2426,7 +2426,7 @@
     padding-top: 8px;
     padding-bottom: 16px;
   }
-`,Vn=({onSubmitDueDate:a,locale:n,isSide:i,siteType:r})=>{const{t:o}=l.useTranslations(),[s,c]=e.useState(Ln.lastPeriod),u=[{value:Ln.lastPeriod,label:o("dueDatePage.lastPeriod")},{value:Ln.conception,label:o("dueDatePage.conceptionDate")},{value:Ln.IVF,label:o("dueDatePage.ivf")}],m=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return Y.default.createElement(Gn,null,Y.default.createElement(Dn,{className:"input-form input-section","data-is-side":!0},"marryBaby"===r?Y.default.createElement(An,{groupedWithLabel:o("dueDatePage.calculationMethod"),options:u,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:u[s],onChange:e=>{c(e.value)}}):Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},o("dueDatePage.calculationMethod")),Y.default.createElement(In,{"data-is-side":i},Y.default.createElement(B.Dropdown,{options:u,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"md",value:u[s],onChange:e=>{c(e.value)}})))),s===Ln.lastPeriod?Y.default.createElement(Fn,{locale:n,onClick:a,isSide:i,siteType:r,pageUrl:m}):null,s===Ln.conception?Y.default.createElement(On,{locale:n,onClick:a,isSide:i,siteType:r,pageUrl:m}):null,s===Ln.IVF?Y.default.createElement(jn,{locale:n,onClick:a,isSide:i,siteType:r,pageUrl:m}):null)},Qn=J.default.form`
+`,Vn=({onSubmitDueDate:a,locale:n,isSide:i,siteType:r})=>{const{t:o}=l.useTranslations(),[s,c]=e.useState(Ln.lastPeriod),u=[{value:Ln.lastPeriod,label:o("dueDatePage.lastPeriod")},{value:Ln.conception,label:o("dueDatePage.conceptionDate")},{value:Ln.IVF,label:o("dueDatePage.ivf")}],m=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return Y.default.createElement(Gn,null,Y.default.createElement(Dn,{className:"input-form input-section","data-is-side":!0},"marryBaby"===r?Y.default.createElement(An,{groupedWithLabel:o("dueDatePage.calculationMethod"),options:u,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:u[s],onChange:e=>{c(e.value)}}):Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},o("dueDatePage.calculationMethod")),Y.default.createElement(In,{"data-is-side":i},Y.default.createElement(N.Dropdown,{options:u,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"md",value:u[s],onChange:e=>{c(e.value)}})))),s===Ln.lastPeriod?Y.default.createElement(Fn,{locale:n,onClick:a,isSide:i,siteType:r,pageUrl:m}):null,s===Ln.conception?Y.default.createElement(On,{locale:n,onClick:a,isSide:i,siteType:r,pageUrl:m}):null,s===Ln.IVF?Y.default.createElement(jn,{locale:n,onClick:a,isSide:i,siteType:r,pageUrl:m}):null)},Qn=J.default.form`
   margin: auto;
   ${n.MediaQueries.mbUp} {
     width: 100%;
@@ -2799,7 +2799,7 @@
     flex-direction: column;
     gap: 0px;
   }
-`;function ii({weight:e,height:t}){const a=t/100,n=e;return Math.round(n/(a*a)*10)/10}const li=({value:n,onChange:i,onSubmit:r,disabled:s,bmiGenerated:m,bmiUnit:h,locale:g,isSide:f})=>{var b,v,y,x;const[w,E]=e.useState(!1),{control:C,handleSubmit:k,setValue:S,watch:T}=A.useForm(),B=T(),{t:N}=l.useTranslations(),{gender:D=!1,age:I=!1,height:M=!1,weight:P=!1,objective:L=!0}=s||{},{getHealthToolLink:z}=_.useHealthToolsCache(g),$=e.useMemo((()=>z(a.HEALTH_TOOL_TYPE.OVULATION)),[z]),O=e.useMemo((()=>[{value:"lose-weight",label:N("bmi.objective.loseWeight")},{value:"maintain-weight",label:N("bmi.objective.maintainWeight")},{value:"gain-weight",label:N("bmi.objective.gainWeight")}]),[]),j=()=>{E(!0)};return e.useEffect((()=>{Object.keys(n||{}).forEach((e=>{S(e,null==n?void 0:n[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})}))}),[n]),e.useEffect((()=>{i&&i(B)}),[B]),Y.default.createElement(ti,null,Y.default.createElement("form",{onSubmit:k((e=>c.__awaiter(void 0,void 0,void 0,(function*(){const t=h.heightConvert(e.height),a=h.weightConvert(e.weight),n={gender:e.gender,age:e.age,height:t,weight:a,bmi:ii({height:t,weight:a})};L||(n.objective=e.objective),j(),r&&r(n)}))),j)},!D&&Y.default.createElement(ai,{"data-is-side":f},Y.default.createElement(A.Controller,{name:"gender",control:C,defaultValue:"male",render:({field:{onChange:e}})=>Y.default.createElement(ve,{defaultValue:"male",onChange:t=>e(t),styles:e=>({root:!f&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:u.rem(12)}}})})})),Y.default.createElement(ni,{"data-is-side":f},!I&&Y.default.createElement(ai,null,Y.default.createElement(A.Controller,{name:"age",control:C,rules:null===(b=m.age)||void 0===b?void 0:b.rule,render:({field:{name:e,value:a,onChange:n},fieldState:{error:i}})=>Y.default.createElement(p.Input.Number,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600},N("bmi.ageInput")," ",Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray300,as:"span"},N("bmi.ageInput.desc"))),placeholder:N("healthtool.placeholder.age"),name:e,value:a,onChange:n,error:w?null==i?void 0:i.message:"",min:0})})),!M&&Y.default.createElement(ai,null,Y.default.createElement(A.Controller,{name:"height",control:C,rules:null===(v=m.height)||void 0===v?void 0:v.rule,render:({field:{name:e,value:a,onChange:n},fieldState:{error:i}})=>Y.default.createElement(p.Input.Number,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600},N("bmi.heightInput")," ",Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray300,as:"span"},N("bmi.heightInput.desc"))),placeholder:N("pwg.placeholder.height"),name:e,value:a,onChange:n,error:w?null==i?void 0:i.message:"",min:0})})),!P&&Y.default.createElement(ai,null,Y.default.createElement(A.Controller,{name:"weight",control:C,rules:null===(y=m.weight)||void 0===y?void 0:y.rule,render:({field:{name:e,value:a,onChange:n},fieldState:{error:i}})=>Y.default.createElement(p.Input.Number,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600},N("bmi.weightInput")," ",Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray300,as:"span"},N("bmi.weightInput.desc"))),placeholder:N("pwg.placeholder.weight"),name:e,value:a,onChange:n,error:w?null==i?void 0:i.message:"",precision:1,min:0})})),!L&&Y.default.createElement(ai,null,Y.default.createElement(A.Controller,{name:"objective",control:C,defaultValue:"lose-weight",rules:null===(x=m.objective)||void 0===x?void 0:x.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:n}})=>Y.default.createElement(ei,{size:"md",name:e,label:m.objective.label,CustomInput:Y.default.createElement(et,{id:"bmi-objective",className:"bmi-objective",type:"circle",direction:"vertical",size:"small",group:"group1",options:O,value:t,onChange:a}),errorMessage:w?null==n?void 0:n.message:"",className:"bmi--input bmi--input-objective"})}))),Y.default.createElement("div",{style:{display:"flex"}},Y.default.createElement(Jn,{size:"lg",fullWidth:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${o.domainLocales[g]}/${$}`,type:"submit"},N("bmi.submit")))))};J.default.img`
+`;function ii({weight:e,height:t}){const a=t/100,n=e;return Math.round(n/(a*a)*10)/10}const li=({value:n,onChange:i,onSubmit:r,disabled:s,bmiGenerated:m,bmiUnit:h,locale:g,isSide:f})=>{var b,v,y,x;const[w,E]=e.useState(!1),{control:C,handleSubmit:k,setValue:S,watch:T}=_.useForm(),B=T(),{t:N}=l.useTranslations(),{gender:A=!1,age:I=!1,height:M=!1,weight:P=!1,objective:L=!0}=s||{},{getHealthToolLink:z}=D.useHealthToolsCache(g),$=e.useMemo((()=>z(a.HEALTH_TOOL_TYPE.OVULATION)),[z]),O=e.useMemo((()=>[{value:"lose-weight",label:N("bmi.objective.loseWeight")},{value:"maintain-weight",label:N("bmi.objective.maintainWeight")},{value:"gain-weight",label:N("bmi.objective.gainWeight")}]),[]),j=()=>{E(!0)};return e.useEffect((()=>{Object.keys(n||{}).forEach((e=>{S(e,null==n?void 0:n[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})}))}),[n]),e.useEffect((()=>{i&&i(B)}),[B]),Y.default.createElement(ti,null,Y.default.createElement("form",{onSubmit:k((e=>c.__awaiter(void 0,void 0,void 0,(function*(){const t=h.heightConvert(e.height),a=h.weightConvert(e.weight),n={gender:e.gender,age:e.age,height:t,weight:a,bmi:ii({height:t,weight:a})};L||(n.objective=e.objective),j(),r&&r(n)}))),j)},!A&&Y.default.createElement(ai,{"data-is-side":f},Y.default.createElement(_.Controller,{name:"gender",control:C,defaultValue:"male",render:({field:{onChange:e}})=>Y.default.createElement(ve,{defaultValue:"male",onChange:t=>e(t),styles:e=>({root:!f&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:u.rem(12)}}})})})),Y.default.createElement(ni,{"data-is-side":f},!I&&Y.default.createElement(ai,null,Y.default.createElement(_.Controller,{name:"age",control:C,rules:null===(b=m.age)||void 0===b?void 0:b.rule,render:({field:{name:e,value:a,onChange:n},fieldState:{error:i}})=>Y.default.createElement(p.Input.Number,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600},N("bmi.ageInput")," ",Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray300,as:"span"},N("bmi.ageInput.desc"))),placeholder:N("healthtool.placeholder.age"),name:e,value:a,onChange:n,error:w?null==i?void 0:i.message:"",min:0})})),!M&&Y.default.createElement(ai,null,Y.default.createElement(_.Controller,{name:"height",control:C,rules:null===(v=m.height)||void 0===v?void 0:v.rule,render:({field:{name:e,value:a,onChange:n},fieldState:{error:i}})=>Y.default.createElement(p.Input.Number,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600},N("bmi.heightInput")," ",Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray300,as:"span"},N("bmi.heightInput.desc"))),placeholder:N("pwg.placeholder.height"),name:e,value:a,onChange:n,error:w?null==i?void 0:i.message:"",min:0})})),!P&&Y.default.createElement(ai,null,Y.default.createElement(_.Controller,{name:"weight",control:C,rules:null===(y=m.weight)||void 0===y?void 0:y.rule,render:({field:{name:e,value:a,onChange:n},fieldState:{error:i}})=>Y.default.createElement(p.Input.Number,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600},N("bmi.weightInput")," ",Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray300,as:"span"},N("bmi.weightInput.desc"))),placeholder:N("pwg.placeholder.weight"),name:e,value:a,onChange:n,error:w?null==i?void 0:i.message:"",precision:1,min:0})})),!L&&Y.default.createElement(ai,null,Y.default.createElement(_.Controller,{name:"objective",control:C,defaultValue:"lose-weight",rules:null===(x=m.objective)||void 0===x?void 0:x.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:n}})=>Y.default.createElement(ei,{size:"md",name:e,label:m.objective.label,CustomInput:Y.default.createElement(et,{id:"bmi-objective",className:"bmi-objective",type:"circle",direction:"vertical",size:"small",group:"group1",options:O,value:t,onChange:a}),errorMessage:w?null==n?void 0:n.message:"",className:"bmi--input bmi--input-objective"})}))),Y.default.createElement("div",{style:{display:"flex"}},Y.default.createElement(Jn,{size:"lg",fullWidth:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${o.domainLocales[g]}/${$}`,type:"submit"},N("bmi.submit")))))};J.default.img`
   width: 24px;
   height: 24px;
 `;const ri=J.default.div`
@@ -2957,7 +2957,7 @@
   .error-input input {
     border: 1px solid ${e=>e.theme.colors.red700};
   }
-`,gi=J.default(M.Label)`
+`,gi=J.default(k.Label)`
   display: inline-flex;
   padding-bottom: 6px;
   gap: 4px;
@@ -3016,7 +3016,7 @@
       padding: 16px;
     }
   }
-`,yi=J.default((({onSubmit:n,onError:i,schema:r,siteType:o})=>{const{t:s}=l.useTranslations(),c="mb"===u.useMantineTheme().other.template,{control:m,setValue:g,watch:f,handleSubmit:b,formState:{isSubmitted:v}}=A.useForm({resolver:D.yupResolver(r),mode:"onSubmit",defaultValues:{name:"",gender:h.Gender.Boy,measurementDate:new Date}}),y=f("weight"),x=f("height"),w=f("head"),C=e.useMemo((()=>v&&!y&&!x&&!w),[v,y,x,w]);e.useEffect((()=>{const e=bi(x,y);g("bmi",String(e)||"0")}),[y,x]);const k=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(mi,{"data-theme":o},Y.default.createElement(pi,{onSubmit:b(n,i)},Y.default.createElement(A.Controller,{control:m,name:"gender",render:({field:{onChange:e,value:t}})=>Y.default.createElement(I.BabyGrowthGender,{onChange:e,value:t,siteType:o})}),"marryBaby"===o?Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(A.Controller,{control:m,name:"birthday",render:({field:{onChange:e,value:n},fieldState:{error:i}})=>Y.default.createElement(hi,null,Y.default.createElement(_n,{label:s("babyGrowth.input.birthday"),name:"birthday",size:"md",value:String(n),CustomInput:Y.default.createElement(je,{onChange:e,placeholder:"dd/mm/yyyy",pickedDate:n||new Date,displayDateFormat:"dd/MM/yyyy",disabledDays:{after:new Date},customInput:t=>Y.default.createElement(E.Input,Object.assign({onChange:e,className:(null==i?void 0:i.message)?"error-input":"",name:"birthday",size:"md"},t,{value:n&&K.default(n).format(a.DUE_DATE_FORMAT)}))}),actionIcon:Y.default.createElement(t.Icon.CalendarMB,{size:32})}))}),Y.default.createElement(fi,null,Y.default.createElement(A.Controller,{control:m,name:"height",render:({field:{onChange:e,value:t},fieldState:{error:a}})=>Y.default.createElement(hi,null,Y.default.createElement(_n,{label:`${s("babyGrowth.height")} ${s("babyGrowth.cm")}`,name:"height",size:"md",value:String(t),CustomInput:Y.default.createElement(E.Input,{className:C||(null==a?void 0:a.message)?"error-input":"",name:"height",size:"md",placeholder:"Nhập thông tin",value:String(t),onChange:e,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()})}))}),Y.default.createElement(A.Controller,{control:m,name:"weight",render:({field:{onChange:e,value:t},fieldState:{error:a}})=>Y.default.createElement(hi,null,Y.default.createElement(_n,{label:`${s("babyGrowth.weight")} ${s("babyGrowth.kg")}`,name:"weight",size:"md",value:String(t),CustomInput:Y.default.createElement(E.Input,{className:C||(null==a?void 0:a.message)?"error-input":"",name:"weight",size:"md",placeholder:"Nhập thông tin",value:String(t),onChange:e,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()})}))})),Y.default.createElement(fi,null,Y.default.createElement(A.Controller,{control:m,name:"head",render:({field:{onChange:e,value:t},fieldState:{error:a}})=>Y.default.createElement(hi,null,Y.default.createElement(_n,{label:`${s("babyGrowth.headCircumference")} ${s("babyGrowth.cm")}`,name:"head",size:"md",value:String(t),CustomInput:Y.default.createElement(E.Input,{className:C||(null==a?void 0:a.message)?"error-input":"",name:"head",size:"md",value:String(t),onChange:e,type:"number",placeholder:"Nhập thông tin",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()})}))}),Y.default.createElement(A.Controller,{control:m,name:"bmi",render:({field:{value:e}})=>Y.default.createElement(hi,null,Y.default.createElement(_n,{label:`${s("babyGrowth.input.bmi")} ${s("babyGrowth.kg.m2")}`,name:"date",size:"md",value:String(e),CustomInput:Y.default.createElement(E.Input,{name:"bmi",size:"md",type:"number",value:String(e),isDisabled:!0,style:{color:"#9495A0"}})}))})),Y.default.createElement(A.Controller,{control:m,name:"measurementDate",render:({field:{onChange:e,value:n},fieldState:{error:i}})=>Y.default.createElement(hi,null,Y.default.createElement(_n,{label:s("babyGrowth.input.measurementDate"),name:"date",size:"md",value:$n(n),CustomInput:Y.default.createElement(je,{placeholder:n&&K.default(n).format(a.DUE_DATE_FORMAT),pickedDate:n||new Date,displayDateFormat:"dd/MM/yyyy",onChange:e,disabledDays:{after:new Date},customInput:t=>Y.default.createElement(E.Input,Object.assign({className:(null==i?void 0:i.message)&&"error-input",name:"measurementDate",size:"md",placeholder:n&&K.default(n).format(a.DUE_DATE_FORMAT),onChange:e},t,{value:n&&K.default(n).format(a.DUE_DATE_FORMAT)}))}),actionIcon:Y.default.createElement(t.Icon.CalendarMB,{size:32})}))}),Y.default.createElement(p.Button,{size:"lg",variant:c?"secondary":"primary","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":k},s("babyGrowth.input.submit"))):Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(A.Controller,{control:m,name:"birthday",render:({field:{onChange:e,value:n},fieldState:{error:i}})=>Y.default.createElement(hi,null,Y.default.createElement(gi,{size:"label1",htmlFor:"birthday"},Y.default.createElement(t.Text,{as:"label",size:"s4",weight:"semiBold"},s("babyGrowth.input.birthday"))),Y.default.createElement(je,{onChange:e,placeholder:"dd/mm/yyyy",pickedDate:n||new Date,displayDateFormat:"dd/MM/yyyy",disabledDays:{after:new Date},customInput:l=>Y.default.createElement(E.Input,Object.assign({onChange:e,className:(null==i?void 0:i.message)?"error-input":"",name:"birthday",size:"md",actionIcon:Y.default.createElement(t.Icon.Calendar,null)},l,{value:n&&K.default(n).format(a.DUE_DATE_FORMAT)}))}))}),Y.default.createElement(fi,null,Y.default.createElement(A.Controller,{control:m,name:"height",render:({field:{onChange:e,value:a},fieldState:{error:n}})=>Y.default.createElement(hi,null,Y.default.createElement(gi,{size:"label1",htmlFor:"height"},Y.default.createElement(t.Text,{size:"s4",weight:"semiBold"},s("babyGrowth.height")),Y.default.createElement(t.Text,{as:"span",size:"n1",color:d.theme.colors.gray400},s("babyGrowth.cm"))),Y.default.createElement(E.Input,{className:C||(null==n?void 0:n.message)?"error-input":"",name:"height",placeholder:"0",size:"md",value:String(a),onChange:e,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()}))}),Y.default.createElement(A.Controller,{control:m,name:"weight",render:({field:{onChange:e,value:a},fieldState:{error:n}})=>Y.default.createElement(hi,null,Y.default.createElement(gi,{size:"label1",htmlFor:"weight"},Y.default.createElement(t.Text,{size:"s4",weight:"semiBold"},s("babyGrowth.weight")),Y.default.createElement(t.Text,{as:"span",size:"n1",color:d.theme.colors.gray400},s("babyGrowth.kg"))),Y.default.createElement(E.Input,{className:C||(null==n?void 0:n.message)?"error-input":"",name:"weight",placeholder:"0",size:"md",value:String(a),onChange:e,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()}))})),Y.default.createElement(fi,null,Y.default.createElement(A.Controller,{control:m,name:"head",render:({field:{onChange:e,value:a},fieldState:{error:n}})=>Y.default.createElement(hi,null,Y.default.createElement(gi,{size:"label1",htmlFor:"head"},Y.default.createElement(t.Text,{size:"s4",weight:"semiBold"},s("babyGrowth.headCircumference")),Y.default.createElement(t.Text,{as:"span",size:"n1",color:d.theme.colors.gray400},s("babyGrowth.cm"))),Y.default.createElement(E.Input,{className:C||(null==n?void 0:n.message)?"error-input":"",name:"head",placeholder:"0",size:"md",value:String(a),onChange:e,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()}))}),Y.default.createElement(A.Controller,{control:m,name:"bmi",render:({field:{value:e}})=>Y.default.createElement(hi,null,Y.default.createElement(gi,{size:"label1",htmlFor:"bmi"},Y.default.createElement(t.Text,{size:"s4",weight:"semiBold"},s("babyGrowth.input.bmi")),Y.default.createElement(t.Text,{as:"span",size:"n1",color:d.theme.colors.gray400},s("babyGrowth.kg.m2"))),Y.default.createElement(E.Input,{name:"bmi",size:"md",type:"number",value:String(e),isDisabled:!0}))})),Y.default.createElement(A.Controller,{control:m,name:"measurementDate",render:({field:{onChange:e,value:n},fieldState:{error:i}})=>Y.default.createElement(hi,null,Y.default.createElement(gi,{size:"label1",htmlFor:"measurementDate"},Y.default.createElement(t.Text,{as:"label",size:"s4",weight:"semiBold"},s("babyGrowth.input.measurementDate"))),Y.default.createElement(je,{placeholder:n&&K.default(n).format(a.DUE_DATE_FORMAT),pickedDate:n||new Date,displayDateFormat:"dd/MM/yyyy",onChange:e,disabledDays:{after:new Date},customInput:l=>Y.default.createElement(E.Input,Object.assign({className:(null==i?void 0:i.message)&&"error-input",name:"measurementDate",size:"md",placeholder:n&&K.default(n).format(a.DUE_DATE_FORMAT),onChange:e,actionIcon:Y.default.createElement(t.Icon.Calendar,null)},l,{value:n&&K.default(n).format(a.DUE_DATE_FORMAT)}))}))}),Y.default.createElement(p.Button,{size:"lg",variant:c?"secondary":"primary","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":k},s("babyGrowth.input.submit"))))))}))`
+`,yi=J.default((({onSubmit:n,onError:i,schema:r,siteType:o})=>{const{t:s}=l.useTranslations(),c="mb"===u.useMantineTheme().other.template,{control:m,setValue:g,watch:f,handleSubmit:b,formState:{isSubmitted:v}}=_.useForm({resolver:I.yupResolver(r),mode:"onSubmit",defaultValues:{name:"",gender:h.Gender.Boy,measurementDate:new Date}}),y=f("weight"),x=f("height"),w=f("head"),C=e.useMemo((()=>v&&!y&&!x&&!w),[v,y,x,w]);e.useEffect((()=>{const e=bi(x,y);g("bmi",String(e)||"0")}),[y,x]);const k=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(mi,{"data-theme":o},Y.default.createElement(pi,{onSubmit:b(n,i)},Y.default.createElement(_.Controller,{control:m,name:"gender",render:({field:{onChange:e,value:t}})=>Y.default.createElement(M.BabyGrowthGender,{onChange:e,value:t,siteType:o})}),"marryBaby"===o?Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(_.Controller,{control:m,name:"birthday",render:({field:{onChange:e,value:n},fieldState:{error:i}})=>Y.default.createElement(hi,null,Y.default.createElement(_n,{label:s("babyGrowth.input.birthday"),name:"birthday",size:"md",value:String(n),CustomInput:Y.default.createElement(je,{onChange:e,placeholder:"dd/mm/yyyy",pickedDate:n||new Date,displayDateFormat:"dd/MM/yyyy",disabledDays:{after:new Date},customInput:t=>Y.default.createElement(E.Input,Object.assign({onChange:e,className:(null==i?void 0:i.message)?"error-input":"",name:"birthday",size:"md"},t,{value:n&&K.default(n).format(a.DUE_DATE_FORMAT)}))}),actionIcon:Y.default.createElement(t.Icon.CalendarMB,{size:32})}))}),Y.default.createElement(fi,null,Y.default.createElement(_.Controller,{control:m,name:"height",render:({field:{onChange:e,value:t},fieldState:{error:a}})=>Y.default.createElement(hi,null,Y.default.createElement(_n,{label:`${s("babyGrowth.height")} ${s("babyGrowth.cm")}`,name:"height",size:"md",value:String(t),CustomInput:Y.default.createElement(E.Input,{className:C||(null==a?void 0:a.message)?"error-input":"",name:"height",size:"md",placeholder:"Nhập thông tin",value:String(t),onChange:e,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()})}))}),Y.default.createElement(_.Controller,{control:m,name:"weight",render:({field:{onChange:e,value:t},fieldState:{error:a}})=>Y.default.createElement(hi,null,Y.default.createElement(_n,{label:`${s("babyGrowth.weight")} ${s("babyGrowth.kg")}`,name:"weight",size:"md",value:String(t),CustomInput:Y.default.createElement(E.Input,{className:C||(null==a?void 0:a.message)?"error-input":"",name:"weight",size:"md",placeholder:"Nhập thông tin",value:String(t),onChange:e,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()})}))})),Y.default.createElement(fi,null,Y.default.createElement(_.Controller,{control:m,name:"head",render:({field:{onChange:e,value:t},fieldState:{error:a}})=>Y.default.createElement(hi,null,Y.default.createElement(_n,{label:`${s("babyGrowth.headCircumference")} ${s("babyGrowth.cm")}`,name:"head",size:"md",value:String(t),CustomInput:Y.default.createElement(E.Input,{className:C||(null==a?void 0:a.message)?"error-input":"",name:"head",size:"md",value:String(t),onChange:e,type:"number",placeholder:"Nhập thông tin",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()})}))}),Y.default.createElement(_.Controller,{control:m,name:"bmi",render:({field:{value:e}})=>Y.default.createElement(hi,null,Y.default.createElement(_n,{label:`${s("babyGrowth.input.bmi")} ${s("babyGrowth.kg.m2")}`,name:"date",size:"md",value:String(e),CustomInput:Y.default.createElement(E.Input,{name:"bmi",size:"md",type:"number",value:String(e),isDisabled:!0,style:{color:"#9495A0"}})}))})),Y.default.createElement(_.Controller,{control:m,name:"measurementDate",render:({field:{onChange:e,value:n},fieldState:{error:i}})=>Y.default.createElement(hi,null,Y.default.createElement(_n,{label:s("babyGrowth.input.measurementDate"),name:"date",size:"md",value:$n(n),CustomInput:Y.default.createElement(je,{placeholder:n&&K.default(n).format(a.DUE_DATE_FORMAT),pickedDate:n||new Date,displayDateFormat:"dd/MM/yyyy",onChange:e,disabledDays:{after:new Date},customInput:t=>Y.default.createElement(E.Input,Object.assign({className:(null==i?void 0:i.message)&&"error-input",name:"measurementDate",size:"md",placeholder:n&&K.default(n).format(a.DUE_DATE_FORMAT),onChange:e},t,{value:n&&K.default(n).format(a.DUE_DATE_FORMAT)}))}),actionIcon:Y.default.createElement(t.Icon.CalendarMB,{size:32})}))}),Y.default.createElement(p.Button,{size:"lg",variant:c?"secondary":"primary","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":k},s("babyGrowth.input.submit"))):Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(_.Controller,{control:m,name:"birthday",render:({field:{onChange:e,value:n},fieldState:{error:i}})=>Y.default.createElement(hi,null,Y.default.createElement(gi,{size:"label1",htmlFor:"birthday"},Y.default.createElement(t.Text,{as:"label",size:"s4",weight:"semiBold"},s("babyGrowth.input.birthday"))),Y.default.createElement(je,{onChange:e,placeholder:"dd/mm/yyyy",pickedDate:n||new Date,displayDateFormat:"dd/MM/yyyy",disabledDays:{after:new Date},customInput:l=>Y.default.createElement(E.Input,Object.assign({onChange:e,className:(null==i?void 0:i.message)?"error-input":"",name:"birthday",size:"md",actionIcon:Y.default.createElement(t.Icon.Calendar,null)},l,{value:n&&K.default(n).format(a.DUE_DATE_FORMAT)}))}))}),Y.default.createElement(fi,null,Y.default.createElement(_.Controller,{control:m,name:"height",render:({field:{onChange:e,value:a},fieldState:{error:n}})=>Y.default.createElement(hi,null,Y.default.createElement(gi,{size:"label1",htmlFor:"height"},Y.default.createElement(t.Text,{size:"s4",weight:"semiBold"},s("babyGrowth.height")),Y.default.createElement(t.Text,{as:"span",size:"n1",color:d.theme.colors.gray400},s("babyGrowth.cm"))),Y.default.createElement(E.Input,{className:C||(null==n?void 0:n.message)?"error-input":"",name:"height",placeholder:"0",size:"md",value:String(a),onChange:e,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()}))}),Y.default.createElement(_.Controller,{control:m,name:"weight",render:({field:{onChange:e,value:a},fieldState:{error:n}})=>Y.default.createElement(hi,null,Y.default.createElement(gi,{size:"label1",htmlFor:"weight"},Y.default.createElement(t.Text,{size:"s4",weight:"semiBold"},s("babyGrowth.weight")),Y.default.createElement(t.Text,{as:"span",size:"n1",color:d.theme.colors.gray400},s("babyGrowth.kg"))),Y.default.createElement(E.Input,{className:C||(null==n?void 0:n.message)?"error-input":"",name:"weight",placeholder:"0",size:"md",value:String(a),onChange:e,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()}))})),Y.default.createElement(fi,null,Y.default.createElement(_.Controller,{control:m,name:"head",render:({field:{onChange:e,value:a},fieldState:{error:n}})=>Y.default.createElement(hi,null,Y.default.createElement(gi,{size:"label1",htmlFor:"head"},Y.default.createElement(t.Text,{size:"s4",weight:"semiBold"},s("babyGrowth.headCircumference")),Y.default.createElement(t.Text,{as:"span",size:"n1",color:d.theme.colors.gray400},s("babyGrowth.cm"))),Y.default.createElement(E.Input,{className:C||(null==n?void 0:n.message)?"error-input":"",name:"head",placeholder:"0",size:"md",value:String(a),onChange:e,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()}))}),Y.default.createElement(_.Controller,{control:m,name:"bmi",render:({field:{value:e}})=>Y.default.createElement(hi,null,Y.default.createElement(gi,{size:"label1",htmlFor:"bmi"},Y.default.createElement(t.Text,{size:"s4",weight:"semiBold"},s("babyGrowth.input.bmi")),Y.default.createElement(t.Text,{as:"span",size:"n1",color:d.theme.colors.gray400},s("babyGrowth.kg.m2"))),Y.default.createElement(E.Input,{name:"bmi",size:"md",type:"number",value:String(e),isDisabled:!0}))})),Y.default.createElement(_.Controller,{control:m,name:"measurementDate",render:({field:{onChange:e,value:n},fieldState:{error:i}})=>Y.default.createElement(hi,null,Y.default.createElement(gi,{size:"label1",htmlFor:"measurementDate"},Y.default.createElement(t.Text,{as:"label",size:"s4",weight:"semiBold"},s("babyGrowth.input.measurementDate"))),Y.default.createElement(je,{placeholder:n&&K.default(n).format(a.DUE_DATE_FORMAT),pickedDate:n||new Date,displayDateFormat:"dd/MM/yyyy",onChange:e,disabledDays:{after:new Date},customInput:l=>Y.default.createElement(E.Input,Object.assign({className:(null==i?void 0:i.message)&&"error-input",name:"measurementDate",size:"md",placeholder:n&&K.default(n).format(a.DUE_DATE_FORMAT),onChange:e,actionIcon:Y.default.createElement(t.Icon.Calendar,null)},l,{value:n&&K.default(n).format(a.DUE_DATE_FORMAT)}))}))}),Y.default.createElement(p.Button,{size:"lg",variant:c?"secondary":"primary","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":k},s("babyGrowth.input.submit"))))))}))`
   padding-block: 0;
 `;J.default(Nn)`
   padding-inline: 20px;
@@ -3365,7 +3365,7 @@
     flex-direction: column;
     gap: 0px;
   }
-`,Mi=({info:n,className:i,style:r,onChange:s,errorMessage:c={},locale:m,onClick:h,isSide:g})=>{const{t:f}=l.useTranslations(),[b,v]=e.useState({age:!1,height:!1,weight:!1}),{getHealthToolLink:y}=_.useHealthToolsCache(m),x=e.useMemo((()=>y(a.HEALTH_TOOL_TYPE.OVULATION)),[y]),[w,E]=e.useState("male"),C=(e,t)=>{""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},k=e=>{var t,a;a=e=>{v((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},n),{age:e});s&&s(t)},""!==(t=e)&&(isNaN(t)||isNaN(parseFloat(t))||t.includes("."))||a(t)};return e.useEffect((()=>{s&&s(Object.assign(Object.assign({},n),{objective:"lose-fat",activeLevel:"sedentary"}))}),[]),e.useEffect((()=>{v({age:!1,height:!1,weight:!1})}),[c]),Y.default.createElement(_i,{style:r,className:i},Y.default.createElement(Di,{"data-is-side":g},Y.default.createElement(ve,{defaultValue:"male",onChange:e=>E(e),styles:e=>({root:!g&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:u.rem(12)}}})})),Y.default.createElement(Ii,{"data-is-side":g},Y.default.createElement(Di,null,Y.default.createElement(p.Input.Number,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600},f("bmi.ageInput")," ",Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray300,as:"span"},f("bmi.ageInput.desc"))),placeholder:f("healthtool.placeholder.age"),value:Number(n.age),onChange:e=>k(String(e)),error:b.age?"":c.age,min:0})),Y.default.createElement(Di,null,Y.default.createElement(p.Input.Number,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600},f("bmi.heightInput")," ",Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray300,as:"span"},f("bmi.heightInput.desc"))),placeholder:f("pwg.placeholder.height"),value:Number(n.height),onChange:e=>{return t=String(e),void C(t,(e=>{v((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},n),{height:e});s&&s(t)}));var t},error:b.height?"":c.height,min:0})),Y.default.createElement(Di,null,Y.default.createElement(p.Input.Number,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600},f("bmi.weightInput")," ",Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray300,as:"span"},f("bmi.weightInput.desc"))),placeholder:f("pwg.placeholder.weight"),value:Number(n.weight),onChange:e=>{return t=String(e),v((e=>Object.assign(Object.assign({},e),{weight:!0}))),void C(t,(e=>{const t=Object.assign(Object.assign({},n),{weight:e});s&&s(t)}));var t},error:b.weight?"":c.weight,min:0,precision:1}))),Y.default.createElement("div",{style:{display:"flex"}},Y.default.createElement(Ai,{size:"lg",fullWidth:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMR",dataEventLabel:`https://${o.domainLocales[m]}/${x}`,onClick:()=>{h(w)}},f("bmi.submit"))))},Pi=({locale:n,onSubmit:i,isSide:r,siteType:o})=>{const{t:s}=l.useTranslations(),[c,u]=e.useState(new Date),[m,h]=e.useState(28),[g,f]=e.useState(7),b={cycle:m,periodDateStart:c,periodLength:g},v=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(Mn,{className:"input-form input-section","data-is-side":!0},"marryBaby"===o?Y.default.createElement(_n,{label:s("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:$n(c),CustomInput:Y.default.createElement(je,{onChange:e=>{u(e)},placeholder:"dd/mm/yyyy",pickedDate:c,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:C.addDays(new Date,-45),after:new Date},customInput:e=>Y.default.createElement(E.Input,Object.assign({className:"due-date-input",name:"birthday",size:"md"},e,{value:c&&K.default(c).format(a.DUE_DATE_FORMAT)}))}),actionIcon:Y.default.createElement(t.Icon.CalendarMB,{size:32})}):Y.default.createElement(E.Input,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959",style:{marginBottom:"9px",flex:"1"}},s("dueDatePage.lastPeriod.lastPeriodLabel")),value:$n(c),size:"md",name:"date",className:"due-date-input",CustomInput:Y.default.createElement(je,{customInput:e=>Y.default.createElement("input",Object.assign({},e,{type:"date",className:"due-date-input",value:$n(c)})),locale:n,pickedDate:c,displayDateFormat:k.DATE_FORMAT,onChange:e=>{u(e)},disabledDays:{before:C.addDays(new Date,-45),after:new Date},placeholder:"Chọn ngày"})})),Y.default.createElement("div",{className:"slider-ovulation day-slider","data-theme":"marryBaby"===o?"marryBaby":"","data-is-side":r},"marryBaby"===o?Y.default.createElement(T.MarryBabyText,{type:"bodytext-3",color:d.theme.mbColors.midGray},s("ovulationPage.cycleLength")):Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959"},s("ovulationPage.cycleLength")+" ",Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959",style:{display:"inline",minHeight:"36px"}},s("ovulationPage.dayUnit"))),Y.default.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===o&&Y.default.createElement(t.Text,{size:"s3",weight:"semiBold",color:d.theme.colors.gray600},m),Y.default.createElement(S.Slider,{containerStyle:{flex:1},min:21,max:45,step:1,value:m,onChange:h,labelAlwaysOn:"marryBaby"!==o,withControl:"marryBaby"!==o,label:"marryBaby"!==o?void 0:null}))),Y.default.createElement("div",{className:"slider-ovulation day-slider","data-theme":"marryBaby"===o?"marryBaby":"","data-is-side":r},"marryBaby"===o?Y.default.createElement(T.MarryBabyText,{type:"bodytext-3",color:d.theme.mbColors.midGray},s("ovulationPage.periodDuration")):Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959"},s("ovulationPage.periodDuration")+" ",Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959",style:{display:"inline",minHeight:"36px"}},s("ovulationPage.dayUnit"))),Y.default.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===o&&Y.default.createElement(t.Text,{size:"s3",weight:"semiBold",color:d.theme.colors.gray600},g),Y.default.createElement(S.Slider,{containerStyle:{flex:1},min:1,max:15,step:1,value:g,onChange:f,labelAlwaysOn:"marryBaby"!==o,withControl:"marryBaby"!==o,label:"marryBaby"!==o?void 0:null}))),Y.default.createElement("div",{style:{width:"100%",display:"flex"}},Y.default.createElement(p.Button,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===o?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Ovulation",dataEventLabel:v,onClick:()=>{localStorage.setItem("ovulationInfo",JSON.stringify(b)),i&&i({startDate:c,cycle:m,periodLength:g})},role:"button"},s("dueDatePage.lastPeriod.calculate"))))};var Li;!function(e){e[e.trackPeriod=0]="trackPeriod",e[e.conceive=1]="conceive",e[e.avoidPregnancy=2]="avoidPregnancy"}(Li||(Li={}));const zi=({locale:a,onSubmitOvulation:n,isSide:i,siteType:r})=>{const{t:o}=l.useTranslations(),[s,d]=e.useState(Li.trackPeriod),c=[{label:o("ovulationPage.trackPeriod"),value:Li.trackPeriod},{label:o("ovulationPage.conceive"),value:Li.conceive},{label:o("ovulationPage.avoidPregnancy"),value:Li.avoidPregnancy}];return Y.default.createElement(Gn,null,Y.default.createElement(Dn,{className:"input-form input-section","data-is-side":!0},"marryBaby"===r?Y.default.createElement(An,{groupedWithLabel:o("dueDatePage.calculationMethod"),options:c,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:c[s],onChange:e=>{d(e.value)}}):Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959",style:{marginBottom:"9px",flex:"1"}},o("ovulationPage.objectives")),Y.default.createElement(In,{"data-is-side":i},Y.default.createElement(B.Dropdown,{options:c,placeholder:o("ovulationPage.trackPeriod"),id:"due-date-dropdown",size:"md",value:c[s],onChange:e=>{d(e.value)}})))),Y.default.createElement(Pi,{siteType:r,locale:a,onSubmit:({startDate:e,cycle:t,periodLength:a})=>{n&&n({method:s,periodDateStart:e,cycle:t,periodLength:a})},isSide:i}))},$i=({siteType:t,info:n,onChange:i,errorMessage:r={}})=>{const{t:o}=l.useTranslations(),[s,c]=e.useState({weightBefore:!1,height:!1,weight:!1}),[u,m]=e.useState(0),p=e.useRef(null);e.useEffect((()=>{var e;m(null===(e=p.current)||void 0===e?void 0:e.clientHeight)}));const h=(e,t)=>{""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},g=e=>{h(e,(e=>{c((e=>Object.assign(Object.assign({},e),{weightBefore:!0})));const t=Object.assign(Object.assign({},n),{weightBefore:e});i&&i(t)}))},f=e=>{h(e,(e=>{c((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},n),{height:e});i&&i(t)}))},b=e=>{h(e,(e=>{c((e=>Object.assign(Object.assign({},e),{weight:!0})));const t=Object.assign(Object.assign({},n),{weight:e});i&&i(t)}))};return e.useEffect((()=>{i&&i(Object.assign({},n))}),[]),e.useEffect((()=>{c({weightBefore:!1,height:!1,weight:!1})}),[r]),"marryBaby"===t?Y.default.createElement(Y.default.Fragment,null,Y.default.createElement("div",{className:"input-form-pwg input-section"},Y.default.createElement(_n,{label:o("pregnancyWeightGain.heightInput"),name:"pwg-height",size:"md",value:null==n?void 0:n.height,CustomInput:Y.default.createElement(E.Input,{className:(null==s?void 0:s.height)?"":"error-input",name:"pwg-height",size:"md",placeholder:"Nhập thông tin",value:null==n?void 0:n.height,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==s?void 0:s.height)?"":null==r?void 0:r.height,showErrorMessage:!1,onChange:f})})),Y.default.createElement("div",{className:"input-form-pwg input-section"},Y.default.createElement(_n,{label:o("pregnancyWeightGain.weightBeforeInput"),name:"pwg-weightBefore",size:"md",value:null==n?void 0:n.weightBefore,CustomInput:Y.default.createElement(E.Input,{className:(null==s?void 0:s.weightBefore)?"":"error-input",name:"pwg-weightBefore",size:"md",placeholder:"Nhập thông tin",value:null==n?void 0:n.weightBefore,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==s?void 0:s.weightBefore)?"":null==r?void 0:r.height,showErrorMessage:!1,onChange:g})})),Y.default.createElement("div",{className:"input-form-pwg input-section"},Y.default.createElement(_n,{label:o("pregnancyWeightGain.weightInput"),name:"pwg-weight",size:"md",value:null==n?void 0:n.weight,CustomInput:Y.default.createElement(E.Input,{className:(null==s?void 0:s.weight)?"":"error-input",name:"pwg-weight",size:"md",placeholder:"Nhập thông tin",value:null==n?void 0:n.weight,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==s?void 0:s.weight)?"":null==r?void 0:r.weight,showErrorMessage:!1,onChange:b})}))):Y.default.createElement(Y.default.Fragment,null,Y.default.createElement("div",{className:"input-form-pwg"},Y.default.createElement(a.PureInput,{placeholder:o("pwg.placeholder.height"),className:"input-section",label:Y.default.createElement("span",{style:{color:d.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px"},className:"label-text"},o("pregnancyWeightGain.heightInput")," ",Y.default.createElement("span",{style:{color:`${d.theme.colors.gray300}`}},o("bmi.heightInput.desc"))),errorMessage:s.height?"":null==r?void 0:r.height,size:"sm",isNumerousKeyboard:!0,name:"pwg-height",value:null==n?void 0:n.height,onChange:f})),Y.default.createElement("div",{className:"input-form-pwg"},Y.default.createElement(a.PureInput,{placeholder:o("pwg.placeholder.weight"),className:"input-section",label:Y.default.createElement("span",{style:{color:d.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px"},ref:p,className:"label-text"},o("pregnancyWeightGain.weightBeforeInput")," ",Y.default.createElement("span",{style:{color:`${d.theme.colors.gray300}`}},o("pregnancyWeightGain.weightInput.desc"))),errorMessage:s.weightBefore?"":null==r?void 0:r.weightBefore,size:"sm",isNumerousKeyboard:!0,name:"pwg-weightBefore",onChange:g,value:null==n?void 0:n.weightBefore})),Y.default.createElement("div",{className:"input-form-pwg"},Y.default.createElement(a.PureInput,{placeholder:o("pwg.placeholder.weight"),className:"input-section",label:Y.default.createElement("span",{style:{color:d.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px",minHeight:u},className:"label-text"},o("pregnancyWeightGain.weightInput")," ",Y.default.createElement("span",{style:{color:`${d.theme.colors.gray300}`}},o("pregnancyWeightGain.weightInput.desc"))),errorMessage:s.weight?"":null==r?void 0:r.weight,size:"sm",isNumerousKeyboard:!0,name:"pwg-weight",value:null==n?void 0:n.weight,onChange:b})))},Oi=J.default.div`
+`,Mi=({info:n,className:i,style:r,onChange:s,errorMessage:c={},locale:m,onClick:h,isSide:g})=>{const{t:f}=l.useTranslations(),[b,v]=e.useState({age:!1,height:!1,weight:!1}),{getHealthToolLink:y}=D.useHealthToolsCache(m),x=e.useMemo((()=>y(a.HEALTH_TOOL_TYPE.OVULATION)),[y]),[w,E]=e.useState("male"),C=(e,t)=>{""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},k=e=>{var t,a;a=e=>{v((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},n),{age:e});s&&s(t)},""!==(t=e)&&(isNaN(t)||isNaN(parseFloat(t))||t.includes("."))||a(t)};return e.useEffect((()=>{s&&s(Object.assign(Object.assign({},n),{objective:"lose-fat",activeLevel:"sedentary"}))}),[]),e.useEffect((()=>{v({age:!1,height:!1,weight:!1})}),[c]),Y.default.createElement(_i,{style:r,className:i},Y.default.createElement(Di,{"data-is-side":g},Y.default.createElement(ve,{defaultValue:"male",onChange:e=>E(e),styles:e=>({root:!g&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:u.rem(12)}}})})),Y.default.createElement(Ii,{"data-is-side":g},Y.default.createElement(Di,null,Y.default.createElement(p.Input.Number,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600},f("bmi.ageInput")," ",Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray300,as:"span"},f("bmi.ageInput.desc"))),placeholder:f("healthtool.placeholder.age"),value:Number(n.age),onChange:e=>k(String(e)),error:b.age?"":c.age,min:0})),Y.default.createElement(Di,null,Y.default.createElement(p.Input.Number,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600},f("bmi.heightInput")," ",Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray300,as:"span"},f("bmi.heightInput.desc"))),placeholder:f("pwg.placeholder.height"),value:Number(n.height),onChange:e=>{return t=String(e),void C(t,(e=>{v((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},n),{height:e});s&&s(t)}));var t},error:b.height?"":c.height,min:0})),Y.default.createElement(Di,null,Y.default.createElement(p.Input.Number,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600},f("bmi.weightInput")," ",Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray300,as:"span"},f("bmi.weightInput.desc"))),placeholder:f("pwg.placeholder.weight"),value:Number(n.weight),onChange:e=>{return t=String(e),v((e=>Object.assign(Object.assign({},e),{weight:!0}))),void C(t,(e=>{const t=Object.assign(Object.assign({},n),{weight:e});s&&s(t)}));var t},error:b.weight?"":c.weight,min:0,precision:1}))),Y.default.createElement("div",{style:{display:"flex"}},Y.default.createElement(Ai,{size:"lg",fullWidth:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMR",dataEventLabel:`https://${o.domainLocales[m]}/${x}`,onClick:()=>{h(w)}},f("bmi.submit"))))},Pi=({locale:n,onSubmit:i,isSide:r,siteType:o})=>{const{t:s}=l.useTranslations(),[c,u]=e.useState(new Date),[m,h]=e.useState(28),[g,f]=e.useState(7),b={cycle:m,periodDateStart:c,periodLength:g},v=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(Mn,{className:"input-form input-section","data-is-side":!0},"marryBaby"===o?Y.default.createElement(_n,{label:s("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:$n(c),CustomInput:Y.default.createElement(je,{onChange:e=>{u(e)},placeholder:"dd/mm/yyyy",pickedDate:c,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:C.addDays(new Date,-45),after:new Date},customInput:e=>Y.default.createElement(E.Input,Object.assign({className:"due-date-input",name:"birthday",size:"md"},e,{value:c&&K.default(c).format(a.DUE_DATE_FORMAT)}))}),actionIcon:Y.default.createElement(t.Icon.CalendarMB,{size:32})}):Y.default.createElement(E.Input,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959",style:{marginBottom:"9px",flex:"1"}},s("dueDatePage.lastPeriod.lastPeriodLabel")),value:$n(c),size:"md",name:"date",className:"due-date-input",CustomInput:Y.default.createElement(je,{customInput:e=>Y.default.createElement("input",Object.assign({},e,{type:"date",className:"due-date-input",value:$n(c)})),locale:n,pickedDate:c,displayDateFormat:S.DATE_FORMAT,onChange:e=>{u(e)},disabledDays:{before:C.addDays(new Date,-45),after:new Date},placeholder:"Chọn ngày"})})),Y.default.createElement("div",{className:"slider-ovulation day-slider","data-theme":"marryBaby"===o?"marryBaby":"","data-is-side":r},"marryBaby"===o?Y.default.createElement(B.MarryBabyText,{type:"bodytext-3",color:d.theme.mbColors.midGray},s("ovulationPage.cycleLength")):Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959"},s("ovulationPage.cycleLength")+" ",Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959",style:{display:"inline",minHeight:"36px"}},s("ovulationPage.dayUnit"))),Y.default.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===o&&Y.default.createElement(t.Text,{size:"s3",weight:"semiBold",color:d.theme.colors.gray600},m),Y.default.createElement(T.Slider,{containerStyle:{flex:1},min:21,max:45,step:1,value:m,onChange:h,labelAlwaysOn:"marryBaby"!==o,withControl:"marryBaby"!==o,label:"marryBaby"!==o?void 0:null}))),Y.default.createElement("div",{className:"slider-ovulation day-slider","data-theme":"marryBaby"===o?"marryBaby":"","data-is-side":r},"marryBaby"===o?Y.default.createElement(B.MarryBabyText,{type:"bodytext-3",color:d.theme.mbColors.midGray},s("ovulationPage.periodDuration")):Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959"},s("ovulationPage.periodDuration")+" ",Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959",style:{display:"inline",minHeight:"36px"}},s("ovulationPage.dayUnit"))),Y.default.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===o&&Y.default.createElement(t.Text,{size:"s3",weight:"semiBold",color:d.theme.colors.gray600},g),Y.default.createElement(T.Slider,{containerStyle:{flex:1},min:1,max:15,step:1,value:g,onChange:f,labelAlwaysOn:"marryBaby"!==o,withControl:"marryBaby"!==o,label:"marryBaby"!==o?void 0:null}))),Y.default.createElement("div",{style:{width:"100%",display:"flex"}},Y.default.createElement(p.Button,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===o?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Ovulation",dataEventLabel:v,onClick:()=>{localStorage.setItem("ovulationInfo",JSON.stringify(b)),i&&i({startDate:c,cycle:m,periodLength:g})},role:"button"},s("dueDatePage.lastPeriod.calculate"))))};var Li;!function(e){e[e.trackPeriod=0]="trackPeriod",e[e.conceive=1]="conceive",e[e.avoidPregnancy=2]="avoidPregnancy"}(Li||(Li={}));const zi=({locale:a,onSubmitOvulation:n,isSide:i,siteType:r})=>{const{t:o}=l.useTranslations(),[s,d]=e.useState(Li.trackPeriod),c=[{label:o("ovulationPage.trackPeriod"),value:Li.trackPeriod},{label:o("ovulationPage.conceive"),value:Li.conceive},{label:o("ovulationPage.avoidPregnancy"),value:Li.avoidPregnancy}];return Y.default.createElement(Gn,null,Y.default.createElement(Dn,{className:"input-form input-section","data-is-side":!0},"marryBaby"===r?Y.default.createElement(An,{groupedWithLabel:o("dueDatePage.calculationMethod"),options:c,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:c[s],onChange:e=>{d(e.value)}}):Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959",style:{marginBottom:"9px",flex:"1"}},o("ovulationPage.objectives")),Y.default.createElement(In,{"data-is-side":i},Y.default.createElement(N.Dropdown,{options:c,placeholder:o("ovulationPage.trackPeriod"),id:"due-date-dropdown",size:"md",value:c[s],onChange:e=>{d(e.value)}})))),Y.default.createElement(Pi,{siteType:r,locale:a,onSubmit:({startDate:e,cycle:t,periodLength:a})=>{n&&n({method:s,periodDateStart:e,cycle:t,periodLength:a})},isSide:i}))},$i=({siteType:t,info:n,onChange:i,errorMessage:r={}})=>{const{t:o}=l.useTranslations(),[s,c]=e.useState({weightBefore:!1,height:!1,weight:!1}),[u,m]=e.useState(0),p=e.useRef(null);e.useEffect((()=>{var e;m(null===(e=p.current)||void 0===e?void 0:e.clientHeight)}));const h=(e,t)=>{""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},g=e=>{h(e,(e=>{c((e=>Object.assign(Object.assign({},e),{weightBefore:!0})));const t=Object.assign(Object.assign({},n),{weightBefore:e});i&&i(t)}))},f=e=>{h(e,(e=>{c((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},n),{height:e});i&&i(t)}))},b=e=>{h(e,(e=>{c((e=>Object.assign(Object.assign({},e),{weight:!0})));const t=Object.assign(Object.assign({},n),{weight:e});i&&i(t)}))};return e.useEffect((()=>{i&&i(Object.assign({},n))}),[]),e.useEffect((()=>{c({weightBefore:!1,height:!1,weight:!1})}),[r]),"marryBaby"===t?Y.default.createElement(Y.default.Fragment,null,Y.default.createElement("div",{className:"input-form-pwg input-section"},Y.default.createElement(_n,{label:o("pregnancyWeightGain.heightInput"),name:"pwg-height",size:"md",value:null==n?void 0:n.height,CustomInput:Y.default.createElement(E.Input,{className:(null==s?void 0:s.height)?"":"error-input",name:"pwg-height",size:"md",placeholder:"Nhập thông tin",value:null==n?void 0:n.height,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==s?void 0:s.height)?"":null==r?void 0:r.height,showErrorMessage:!1,onChange:f})})),Y.default.createElement("div",{className:"input-form-pwg input-section"},Y.default.createElement(_n,{label:o("pregnancyWeightGain.weightBeforeInput"),name:"pwg-weightBefore",size:"md",value:null==n?void 0:n.weightBefore,CustomInput:Y.default.createElement(E.Input,{className:(null==s?void 0:s.weightBefore)?"":"error-input",name:"pwg-weightBefore",size:"md",placeholder:"Nhập thông tin",value:null==n?void 0:n.weightBefore,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==s?void 0:s.weightBefore)?"":null==r?void 0:r.height,showErrorMessage:!1,onChange:g})})),Y.default.createElement("div",{className:"input-form-pwg input-section"},Y.default.createElement(_n,{label:o("pregnancyWeightGain.weightInput"),name:"pwg-weight",size:"md",value:null==n?void 0:n.weight,CustomInput:Y.default.createElement(E.Input,{className:(null==s?void 0:s.weight)?"":"error-input",name:"pwg-weight",size:"md",placeholder:"Nhập thông tin",value:null==n?void 0:n.weight,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==s?void 0:s.weight)?"":null==r?void 0:r.weight,showErrorMessage:!1,onChange:b})}))):Y.default.createElement(Y.default.Fragment,null,Y.default.createElement("div",{className:"input-form-pwg"},Y.default.createElement(a.PureInput,{placeholder:o("pwg.placeholder.height"),className:"input-section",label:Y.default.createElement("span",{style:{color:d.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px"},className:"label-text"},o("pregnancyWeightGain.heightInput")," ",Y.default.createElement("span",{style:{color:`${d.theme.colors.gray300}`}},o("bmi.heightInput.desc"))),errorMessage:s.height?"":null==r?void 0:r.height,size:"sm",isNumerousKeyboard:!0,name:"pwg-height",value:null==n?void 0:n.height,onChange:f})),Y.default.createElement("div",{className:"input-form-pwg"},Y.default.createElement(a.PureInput,{placeholder:o("pwg.placeholder.weight"),className:"input-section",label:Y.default.createElement("span",{style:{color:d.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px"},ref:p,className:"label-text"},o("pregnancyWeightGain.weightBeforeInput")," ",Y.default.createElement("span",{style:{color:`${d.theme.colors.gray300}`}},o("pregnancyWeightGain.weightInput.desc"))),errorMessage:s.weightBefore?"":null==r?void 0:r.weightBefore,size:"sm",isNumerousKeyboard:!0,name:"pwg-weightBefore",onChange:g,value:null==n?void 0:n.weightBefore})),Y.default.createElement("div",{className:"input-form-pwg"},Y.default.createElement(a.PureInput,{placeholder:o("pwg.placeholder.weight"),className:"input-section",label:Y.default.createElement("span",{style:{color:d.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px",minHeight:u},className:"label-text"},o("pregnancyWeightGain.weightInput")," ",Y.default.createElement("span",{style:{color:`${d.theme.colors.gray300}`}},o("pregnancyWeightGain.weightInput.desc"))),errorMessage:s.weight?"":null==r?void 0:r.weight,size:"sm",isNumerousKeyboard:!0,name:"pwg-weight",value:null==n?void 0:n.weight,onChange:b})))},Oi=J.default.div`
   flex: 1;
 `,ji=J.default.div`
   padding: 0 10px;
@@ -3526,7 +3526,7 @@
   ${n.MediaQueries.mbDown} {
     width: 100%;
   }
-`;var tl="WUqzfRb",al="MnVGtSY",nl="NclbhXQ";const il=({LinkComponent:e,page:t,isLast:a,onChangePage:n})=>{const{label:i,value:l,isDropdown:r,dropdownItems:o,dataEventCategory:s,dataEventAction:d,dataEventLabel:c}=t;return r?Y.default.createElement(B.Dropdown,{options:o,placeholder:"...",id:"",placeholderIcon:null,onChange:n,className:"collapsed-breadcrumb"}):Y.default.createElement("div",{className:nl,title:"string"!=typeof i?l:i,"data-last":a},e&&Y.default.createElement(e,{"data-event-category":s,"data-event-action":d,"data-event-label":c,href:l||"#"},i))},ll=J.default.div`
+`;var tl="WUqzfRb",al="MnVGtSY",nl="NclbhXQ";const il=({LinkComponent:e,page:t,isLast:a,onChangePage:n})=>{const{label:i,value:l,isDropdown:r,dropdownItems:o,dataEventCategory:s,dataEventAction:d,dataEventLabel:c}=t;return r?Y.default.createElement(N.Dropdown,{options:o,placeholder:"...",id:"",placeholderIcon:null,onChange:n,className:"collapsed-breadcrumb"}):Y.default.createElement("div",{className:nl,title:"string"!=typeof i?l:i,"data-last":a},e&&Y.default.createElement(e,{"data-event-category":s,"data-event-action":d,"data-event-label":c,href:l||"#"},i))},ll=J.default.div`
   display: flex;
   gap: 20px;
   width: 100%;
@@ -3557,7 +3557,7 @@
       }
     }
   }
-`,rl=()=>Y.default.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("path",{d:"M6.86364 10.6666H5.22727C4.86912 10.6666 4.51448 10.5977 4.18359 10.4637C3.8527 10.3296 3.55205 10.1332 3.2988 9.8856C2.78734 9.3855 2.5 8.70722 2.5 7.99998C2.5 7.29274 2.78734 6.61446 3.2988 6.11436C3.81026 5.61426 4.50396 5.33331 5.22727 5.33331H6.86364M9.78374 5.33331H11.7727C12.1309 5.33331 12.4855 5.40229 12.8164 5.5363C13.1473 5.67031 13.4479 5.86674 13.7012 6.11436C13.9545 6.36198 14.1553 6.65596 14.2924 6.97949C14.4295 7.30303 14.5 7.64979 14.5 7.99998C14.5 8.35017 14.4295 8.69693 14.2924 9.02047C14.1553 9.344 13.9545 9.63798 13.7012 9.8856C13.4479 10.1332 13.1473 10.3296 12.8164 10.4637C12.4855 10.5977 12.1309 10.6666 11.7727 10.6666H9.78374",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}),Y.default.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"})),ol=J.default(I.Drawer)`
+`,rl=()=>Y.default.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("path",{d:"M6.86364 10.6666H5.22727C4.86912 10.6666 4.51448 10.5977 4.18359 10.4637C3.8527 10.3296 3.55205 10.1332 3.2988 9.8856C2.78734 9.3855 2.5 8.70722 2.5 7.99998C2.5 7.29274 2.78734 6.61446 3.2988 6.11436C3.81026 5.61426 4.50396 5.33331 5.22727 5.33331H6.86364M9.78374 5.33331H11.7727C12.1309 5.33331 12.4855 5.40229 12.8164 5.5363C13.1473 5.67031 13.4479 5.86674 13.7012 6.11436C13.9545 6.36198 14.1553 6.65596 14.2924 6.97949C14.4295 7.30303 14.5 7.64979 14.5 7.99998C14.5 8.35017 14.4295 8.69693 14.2924 9.02047C14.1553 9.344 13.9545 9.63798 13.7012 9.8856C13.4479 10.1332 13.1473 10.3296 12.8164 10.4637C12.4855 10.5977 12.1309 10.6666 11.7727 10.6666H9.78374",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}),Y.default.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"})),ol=J.default(M.Drawer)`
   padding-bottom: 24px;
   .share-container {
     display: flex;
@@ -3682,4 +3682,4 @@
   top: 1px;
   right: 1px;
   cursor: pointer;
-`,pl={},hl=e=>{if(pl[e]){window.googletag=window.googletag||{cmd:[]};const{googletag:t}=window;t.cmd.push((function(){t.destroySlots([pl[e]]),delete pl[e]}))}},gl=["TopBanner","MidBanner1","MidBanner2","EndBanner","Sticky"],fl=e.forwardRef((function({className:t,adUnitPath:a,size:n,divId:i,pos:r,sizeMapping:o,contentId:d,isHidden:c,hideIfHasSubot:m,isSticky:p,refreshInterval:g,customTargetings:f,style:b,adDefaultSize:v,noWrapper:y,showCloseBtn:x,onCloseAd:w,headerBottom:E,wrapperProps:C,locale:k,isMarryBaby:S},T){const B=g||(k===h.LOCALE.Vietnam&&r.some((e=>gl.includes(e)))?30:void 0),{t:N}=l.useTranslations(),A=e.useRef(null),_=e.useRef(null),D=e.useRef(B);D.current=B;const[I,M]=e.useState(!1),P=()=>{D.current&&(null!==_.current&&clearInterval(_.current),_.current=window.setInterval((()=>{window.googletag=window.googletag||{cmd:[]};const{googletag:e}=window;e.cmd.push((function(){pl[i]&&e.pubads().refresh([pl[i]])}))}),1e3*D.current))};if(e.useEffect((()=>()=>{hl(i),_.current&&clearInterval(_.current)}),[]),e.useEffect((()=>{P()}),[B]),e.useEffect((()=>{c||(({contentId:e,adUnitPath:t,size:a,divId:n,pos:i,sizeMapping:l,hideIfHasSubot:r,customTargetings:o,onSuccess:s})=>{if(!n||!document.getElementById(n))return console.error("divId is required");hl(n),window.googletag=window.googletag||{cmd:[]};const{googletag:d}=window;d.cmd.push((function(){const c=document.querySelector('meta[name="content_id"]'),u="string"==typeof e?e:null==c?void 0:c.content,m=d.defineSlot(t,a,n);if(m){try{o&&Object.keys(o).forEach((e=>{e&&(null==m||m.setTargeting(e,o[e]))}))}catch(e){console.error(e)}pl[n]=m,m.setTargeting("Pos",i),m.addService(d.pubads()),u&&m.setTargeting("Content_ID",u),l&&m.defineSizeMapping(l),r&&document.getElementById("subot--container")&&m.setTargeting("chatbot",!0),d.display(n),null==s||s()}}))})({contentId:d,adUnitPath:a,size:n,divId:i,pos:r,sizeMapping:o,hideIfHasSubot:m,customTargetings:f,onSuccess:P})}),[c]),I)return null;const L=Y.default.createElement("div",{style:{position:"relative",width:"fit-content",height:"fit-content",overflow:"hidden",maxWidth:"100%",display:"flex",alignItems:"center",justifyContent:"center"}},Y.default.createElement("div",{ref:T,id:i}),x&&Y.default.createElement(ml,{onClick:()=>{null==w||w(),M(!0)}}));if(p)return L;const z=v?v[0]:n?Array.isArray(n[0])?n[0][0]:n[0]:void 0,$=v?v[1]:n?Array.isArray(n[0])?n[0][1]:n[1]:void 0;return Y.default.createElement(u.Box,Object.assign({},C,{className:t}),Y.default.createElement(cl,{ref:A,className:t,style:b,"data-no-wrapper":!!y,"data-header-bottom":!!E},y?L:Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(ul,{"data-header-bottom":!!E},Y.default.createElement("img",{src:S?s.CommonGAssets.getAssetPath("adsIcon-mb.svg"):s.CommonGAssets.getAssetPath("adsIcon.svg"),alt:"",loading:"lazy"}),Y.default.createElement("span",null,N("adBanner.title"))),Y.default.createElement("div",{style:{minWidth:z||"100%",minHeight:$||"100%",position:"relative"}},L))))})),bl=e.memo(fl,((e,t)=>e.adUnitPath===t.adUnitPath&&e.divId===t.divId&&e.className===t.className)),vl=[{title:"Health News & Current Affairs",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:s.CommonGAssets.getAssetPath("newsletter-prefer/newsletter-health.svg"),checked:!1,id:1},{title:"Educational Medical Hello Bacsi Content",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:s.CommonGAssets.getAssetPath("newsletter-prefer/newsletter-education.svg"),checked:!1,id:2},{title:"Hello Health Community Feed",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:s.CommonGAssets.getAssetPath("newsletter-prefer/newsletter-community.svg"),checked:!1,id:3}];var yl;!function(e){e.DUE_DATE="due-date-calculator",e.BMI="bmi",e.BMR="bmr",e.OVULATION="ovulation",e.IFRAME="IFRAME",e.PWG="pregnancy-weight-gain",e.THR="heart-rate",e.BABY_VACCINE="vaccination-tool",e.BABY_GROWTH="baby-growth-tracking",e.BABY_POOP="baby-poop-checking"}(yl||(yl={}));const xl={DUE_DATE:yl.DUE_DATE,BMI:yl.BMI,BMR:yl.BMR,OVULATION:yl.OVULATION,IFRAME:yl.IFRAME,PWG:yl.PWG,THR:yl.THR,BABY_VACCINE:yl.BABY_VACCINE,BABY_GROWTH:yl.BABY_GROWTH,BABY_POOP:yl.BABY_POOP},wl={[xl.DUE_DATE]:s.CommonGAssets.getAssetPath("health-tools/due-date-icon.svg")};var El,Cl,kl,Sl;!function(e){e.Pregnant="pregnant",e.Parenting="parenting"}(El||(El={})),function(e){e.Option="option"}(Cl||(Cl={})),function(e){e.Button="button",e.Checkbox="checkbox"}(kl||(kl={})),function(e){e.ShowTool="showTool",e.ShowPremiumModal="showPremiumModal",e.ShowOptionBanner="showOptionBanner",e.Hide="hide"}(Sl||(Sl={}));const Tl={pregnancy:El.Pregnant,parenting:El.Parenting},Bl={[El.Pregnant]:"pregnant",[El.Parenting]:"parent"},Nl=e=>({[xl.DUE_DATE]:{heading:e("pnBanner.dueDateTool.heading"),description:e("pnBanner.dueDateTool.desc"),btnLabel:e("pnBanner.caclNow"),value:xl.DUE_DATE,dataEventAction:"Try our Due Date Calculator Click"},[xl.BABY_VACCINE]:{heading:e("pnBanner.vaccination.heading"),description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:xl.BABY_VACCINE,dataEventAction:"Try our Baby Vaccine Scheduler Click"},[xl.BABY_GROWTH]:{heading:"Baby Growth",description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:xl.BABY_GROWTH},[o.RISK_SCREENER_NAME.HPV]:{heading:e("pnBanner.hpv.heading"),description:e("pnBanner.hpv.desc"),thumbnail:{desktop:s.CommonGAssets.getAssetPath("newsletter/banner-option-hpv-desktop.png"),mobile:s.CommonGAssets.getAssetPath("newsletter/banner-option-hpv-mobile.png")},isRiskScreener:!0,btnLabel:e("pnBanner.checkNow"),value:o.RISK_SCREENER_NAME.HPV,hideDescOnMobile:!0,dataEventAction:"Keep safe from HPV virus Click"}}),Al=e.createContext({}),_l=t=>{var a=c.__rest(t,[]);const{locale:n}=l.useTranslations(),{type:i,isMobile:r,currentUrl:o,isMarketing:d,isLoggedIn:m,setShouldAcquisitionModalOpen:h}=e.useContext(Al);return Y.default.createElement(u.Container,Object.assign({mih:{base:144,md:160},fluid:!0,p:0,sx:{borderRadius:4,cursor:"pointer"},onClick:()=>c.__awaiter(void 0,void 0,void 0,(function*(){const e=d?U.getCurrentBaseUrl(n)+"/dang-ky-nhan-tin/":`${window.location.href}?source=acquisition`;m?null==h||h():window.location.href=`${U.getCurrentSsoUrl(n)}/?returnUrl=${encodeURIComponent(e)}`})),"data-event-category":"Newsletter","data-event-action":"Banner Click","data-event-label":o,className:"pointer-event-child-none"},a),Y.default.createElement(p.ImageWrap,{src:d?s.CommonGAssets.getAssetPath(`newsletter/${r?"Mobile":"Desktop"}_Marketing.png`):s.CommonGAssets.getAssetPath(`newsletter/${r?"Mobile":"Desktop"}_${i}.png`),style:{maxWidth:"100%"},alt:"newsletter banner"}))},Dl="api/v1/categories?site={website_url}",Il="api/v1/subscription?site={website_url}",Ml="api/v1/categories?site={website_url}";var Pl=u.createStyles((e=>({root:{},wrapper:{[e.fn.smallerThan("sm")]:{width:"70%"}},button:{[e.fn.smallerThan("sm")]:{height:"auto",minHeight:u.rem(32),padding:`${u.rem(6)} ${u.rem(16)}`,textAlign:"center",width:"100%"}},buttonLabel:{whiteSpace:"normal"}})));const Ll=({heading:n,description:i,thumbnail:l={desktop:"",mobile:""},hideDescOnMobile:r,children:o})=>{const{isMobile:s,minHeight:d}=e.useContext(Al);return Y.default.createElement(u.Box,{sx:()=>({borderRadius:u.rem(8),background:"linear-gradient(180deg, #FAFDFF 0%, #E3F2FF 100%)"})},Y.default.createElement(u.Box,{sx:e=>({minHeight:u.rem(d),borderRadius:"inherit",background:`url(${s?l.mobile:l.desktop})`,backgroundPosition:"center right",backgroundRepeat:"no-repeat",backgroundSize:"contain",padding:`${u.rem(24)} ${u.rem(16)}`,display:"flex",flexDirection:"column",justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${u.rem(22)} ${u.rem(32)}`}})},Y.default.createElement(u.Stack,{spacing:u.rem(16)},Y.default.createElement(u.Stack,{spacing:u.rem(4),sx:e=>({maxWidth:"60%",[e.fn.largerThan("sm")]:{maxWidth:"70%"}})},n&&Y.default.createElement(a.Heading,{tag:"h4"},n),!(r&&s)&&i&&Y.default.createElement(t.Text,{size:"p4"},i)),Y.default.createElement(u.Box,null,o))))},zl=n=>{const{styleType:i=kl.Button,items:r=[],buttonProps:s,styles:d,submitBtnTracking:m}=n,{classes:h}=Pl(void 0,{name:"PremiumBannerWithOptions",styles:d}),{t:g,locale:f}=l.useTranslations(),{surveyType:b,articleId:v,handleClickOption:y,hasPremiumBanner:x,source:w,isMobile:E,setShowPNModal:C}=e.useContext(Al),k=e.useMemo((()=>x?r:r.filter((e=>!Boolean(e.isPNBtn))).filter(Boolean)),[r]),{getHealthToolLink:S}=_.useHealthToolsCache(f),T=G.useForm({initialValues:{bannerOptions:[]}}),B=e=>c.__awaiter(void 0,void 0,void 0,(function*(){return yield a.callApiWithAuth(a.getApiPath(a.PATHS.HEALTH_TOOL.CREATE,{_locale:f,type:Bl[b]}),"POST",{headers:{"Content-Type":"application/json"},data:{value:e,article:v,source:w}})})),N=e.useCallback((()=>Y.default.createElement(u.Flex,{gap:u.rem(8),className:h.wrapper},k.map(((e,t)=>Y.default.createElement(u.Box,{key:String(t),component:e.isLink?"a":"div",href:e.isRiskScreener?`https://${o.domainLocales[f]}/bot/${o.RISK_SCREENER_SLUG[f][e.activeTool]}/`:e.isLink?S(e.activeTool):void 0},Y.default.createElement(p.Button,Object.assign({className:h.button,classNames:{label:h.buttonLabel},size:"sm"},e.tracking,s,{onClick:()=>{e.isLink||(e.isPNBtn&&C(!0),B(e.value),y(e.value))}}),e.label)))))),[k,T]),A=e.useCallback((()=>Y.default.createElement(u.Flex,null,Y.default.createElement(u.Flex,{align:"center",gap:u.rem(24),sx:e=>({background:"white",borderRadius:u.rem(8),padding:u.rem(4),[e.fn.largerThan("sm")]:{paddingLeft:u.rem(16)}})},Y.default.createElement(p.Checkbox.Group,Object.assign({},T.getInputProps("bannerOptions",{type:"checkbox"})),Y.default.createElement(u.Flex,{gap:u.rem(16)},k.map(((e,t)=>Y.default.createElement(p.Checkbox,{key:String(t),value:e.value,label:e.label,styles:{label:{cursor:"pointer"}}}))))),Y.default.createElement(p.Button,Object.assign({size:"sm"},m,s,{disabled:0===T.getInputProps("bannerOptions").value.length,leftIcon:E?Y.default.createElement(t.Icon.ArrowRightTail,{size:18,useCurrentColor:!0}):void 0,onClick:()=>{const e=T.getInputProps("bannerOptions").value;B(e.join("|")),y(e.join("|"))},styles:e=>({root:{[e.fn.smallerThan("sm")]:{width:u.rem(38),minWidth:"auto",padding:0}}})}),!E&&g("pnBanner.submit"))))),[k,T]);return Y.default.createElement(Ll,Object.assign({},n),i===kl.Button?N():i===kl.Checkbox?A():null)},$l=n=>{var i,s;const{t:d}=l.useTranslations(),{heading:c,description:m,thumbnail:h,btnLabel:g,value:f,isRiskScreener:b,hideDescOnMobile:v,dataEventAction:y}=n,{locale:x}=l.useTranslations(),{isMobile:w}=e.useContext(Al),{getHealthToolLink:E,allTools:C}=_.useHealthToolsCache(x),k=b?"mainBanner":"toolBanner",S=e.useMemo((()=>{const e=b?`https://${r.isProduction?"":"discover."}${o.domainLocales[x]}/bot/${o.RISK_SCREENER_SLUG[x][f]}`:E(f);return Y.default.createElement("a",{href:e},Y.default.createElement(p.Button,{size:"sm","data-event-category":"Focused Audience","data-event-action":y,"data-event-label":e},g||d("pnBanner.caclNow")))}),[C]);return"mainBanner"===k?Y.default.createElement(Ll,Object.assign({},Object.assign(Object.assign({},n),{thumbnail:n.thumbnail})),S):Y.default.createElement(u.Flex,{gap:u.rem(7),align:"center",justify:"space-between",sx:e=>({borderRadius:u.rem(8),background:e.colors.blue[0],minHeight:u.rem(180),padding:`${u.rem(24)} ${u.rem(16)}`,[e.fn.largerThan("sm")]:{padding:`${u.rem(34)} ${u.rem(32)}`}})},Y.default.createElement(u.Stack,{spacing:u.rem(12)},Y.default.createElement(u.Stack,{spacing:u.rem(4)},c&&Y.default.createElement(a.Heading,{tag:"h4"},c),!(w&&v)&&m&&Y.default.createElement(t.Text,{size:"p4"},m)),Y.default.createElement(u.Flex,{gap:u.rem(8),sx:{button:{minWidth:u.rem(120)}}},S)),Y.default.createElement(u.Flex,{align:"center",justify:"center",sx:e=>({width:u.rem(96),height:u.rem(96),borderRadius:"50%",background:"white",flexShrink:0,[e.fn.largerThan("sm")]:{width:u.rem(112),height:u.rem(112)},img:{maxWidth:u.rem(64),[e.fn.largerThan("sm")]:{maxWidth:u.rem(73)}}})},Y.default.createElement("img",{alt:"health-tool-icon",src:h||(null===(s=null===(i=C.filter((e=>e.template===f)))||void 0===i?void 0:i[0])||void 0===s?void 0:s.icon)||wl[f]||"",loading:"lazy"})))},Ol=()=>{var t,a,n;const{t:i}=l.useTranslations(),{state:r,Outside:o}=e.useContext(Al);return(null==r?void 0:r.action)===Sl.ShowTool?Y.default.createElement(o,null,Nl(i)[null===(t=null==r?void 0:r.props)||void 0===t?void 0:t.value]?Y.default.createElement($l,Object.assign({},Nl(i)[null===(a=null==r?void 0:r.props)||void 0===a?void 0:a.value],{value:null===(n=null==r?void 0:r.props)||void 0===n?void 0:n.value})):null):(null==r?void 0:r.action)===Sl.ShowOptionBanner?Y.default.createElement(o,null,Y.default.createElement(zl,Object.assign({},null==r?void 0:r.props))):null},jl=a=>{var{isMobile:n,children:i,desktopBanner:l=s.CommonGAssets.getAssetPath("friso/onboarding-banner.jpg"),mobileBanner:r=s.CommonGAssets.getAssetPath("friso/onboarding-banner-mobile.jpg"),modalRatio:o={width:937,height:536},mobileBannerRatio:d={width:750,height:480},desktopBannerRatio:m={width:420,height:536},closeProps:h}=a,g=c.__rest(a,["isMobile","children","desktopBanner","mobileBanner","modalRatio","mobileBannerRatio","desktopBannerRatio","closeProps"]);const{width:f,height:v}=b.useViewportSize(),y=(v<=667?190:265)+f*d.height/d.width+74,[x,w]=e.useState(!1);return Y.default.createElement(W.Modal,Object.assign({styles:e=>({content:{flex:"auto",background:"transparent",[e.fn.smallerThan("sm")]:{maxHeight:"100%",height:"100%",position:"relative",borderRadius:0},[e.fn.largerThan("sm")]:{maxWidth:u.rem(o.width),width:"100%",height:"100%",maxHeight:u.rem(o.height),boxShadow:"none"}},body:{padding:0,width:"100%",height:"100%",[e.fn.largerThan("sm")]:{display:"flex",alignItems:"center"}},inner:{padding:0,[e.fn.smallerThan("sm")]:{display:"flex",alignItems:"flex-end"}}})},g),n?Y.default.createElement(u.Box,{sx:{position:"relative",height:"100%"},onTouchStart:()=>w(!0)},Y.default.createElement(u.Box,{className:"mobile-template",sx:{position:"absolute",height:100*(x?1:y/v)+"%",left:0,bottom:0,right:0,transition:"height 0.4s ease"}},Y.default.createElement(u.Box,{sx:{height:"100%",backgroundColor:"white",borderTopLeftRadius:x?0:u.rem(12),borderTopRightRadius:x?0:u.rem(12)}},Y.default.createElement(u.Box,{sx:{height:"calc(100% - 74px)",background:`url(${r})`,backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"top center",overflowY:"auto",borderRadius:"inherit"}},Y.default.createElement(u.UnstyledButton,Object.assign({leftIcon:Y.default.createElement(t.Icon.Close,null),sx:{position:"absolute",right:0,top:0,zIndex:1,padding:u.rem(10)}},h,{onClick:()=>null==g?void 0:g.onClose()})),Y.default.createElement(u.AspectRatio,{ratio:(null==d?void 0:d.width)/(null==d?void 0:d.height),w:"100%"}),Y.default.createElement(u.Box,{sx:{padding:`${u.rem(28)} ${u.rem(16)} ${u.rem(16)}`,background:"white"}},i))))):Y.default.createElement(u.AspectRatio,{className:"desktop-template",ratio:o.width/o.height,w:"100%",sx:{position:"relative","& > div":{justifyContent:"flex-end"}}},Y.default.createElement(u.Box,{sx:{width:"100%",height:"100%",justifyContent:"flex-end",alignItems:"stretch",borderRadius:u.rem(8),background:"white",boxShadow:"0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 2.25rem 1.75rem -0.4375rem, rgba(0, 0, 0, 0.04) 0 1.0625rem 1.0625rem -0.4375rem"}},Y.default.createElement("img",{alt:"",src:l,loading:"lazy",style:{borderTopLeftRadius:u.rem(8),borderBottomLeftRadius:u.rem(8),height:"100%",display:"block"}}),Y.default.createElement(u.Box,{sx:{position:"relative",height:"100%",width:(o.width-m.width)/o.width*100+"%"}},Y.default.createElement(p.Button,Object.assign({unstyled:!0,leftIcon:Y.default.createElement(t.Icon.Close,null)},h,{onClick:()=>null==g?void 0:g.onClose(),sx:{position:"absolute",right:0,top:"10px"}})),Y.default.createElement(u.Box,{className:"side-banner-modal-container",sx:{height:"100%",padding:`${u.rem(40)} ${u.rem(24)} 0`}},i)))))},Fl="user/subscription",Rl=e.createContext({}),Hl=e=>{var{value:t,name:a}=e,n=c.__rest(e,["value","name"]);return Y.default.createElement(p.ChipButton,Object.assign({value:t,withIcon:!0},n,{buttonProps:{styles:()=>({leftIcon:{marginRight:u.rem(6)},root:{paddingLeft:u.rem(10),paddingRight:u.rem(10)}})}}),a)},Ul=({topicsGroup:n,onTopicChange:i,isBlock:r=!1,selectedTopics:o=[],inputProps:s,labelProps:d,maxSelect:c=5,hasScroll:m,readonly:p})=>{const{action:{pushNotifications:h}}=e.useContext(a.TogetherComponentGlobalContext),g=oe.default(n.map((e=>e.topics||[]))),{t:f}=l.useTranslations(),[b,v]=e.useState([]);e.useEffect((()=>{v(o)}),[o.length]),e.useEffect((()=>{null==i||i(b)}),[b]);const y=e=>{e.length>5?h({type:"danger",title:f("pnTopicSection.maxSelectError.title",{maxSelect:c}),message:f("pnTopicSection.maxSelectError.desc")}):!p&&v((()=>g.filter((t=>e.some((e=>t.catId===e))))))};return Y.default.createElement(u.Stack,{spacing:12},n.map(((e,a)=>Y.default.createElement(u.Stack,{key:String(a),spacing:12},e.label&&Y.default.createElement(t.Text,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},d),e.label),m?Y.default.createElement(u.ScrollArea,{w:"100%",offsetScrollbars:!0,scrollbarSize:4,p:16,m:-16,styles:{viewport:{margin:-16,padding:16}}},Y.default.createElement(u.Box,{w:800},Y.default.createElement(u.Chip.Group,Object.assign({value:b.map((e=>e.catId)),multiple:!0},s,{onChange:y}),Y.default.createElement(u.Flex,{gap:8,wrap:"wrap"},e.topics.map((t=>Y.default.createElement(Hl,Object.assign({key:t.catId,value:t.catId,name:t.localName,isBlock:r},e.tracking)))))))):Y.default.createElement(u.Chip.Group,Object.assign({value:b.map((e=>e.catId)),multiple:!0},s,{onChange:y}),Y.default.createElement(u.Flex,{gap:8,wrap:"wrap"},e.topics.map((t=>t.catId?Y.default.createElement(Hl,Object.assign({key:t.catId,value:t.catId,name:t.localName,isBlock:r},e.tracking)):Y.default.isValidElement(t.component)?t.component:null))))))))},Gl=t=>{var{heading:n,children:i,stickyActions:l}=t,r=c.__rest(t,["heading","children","stickyActions"]);const{isMobile:o}=e.useContext(Rl),s=Y.default.createElement(u.Stack,{spacing:u.rem(24),sx:{height:"100%"}},Y.default.createElement(a.Heading,{tag:"h4",style:{textAlign:"center"}},n),Y.default.createElement(u.Box,null,i));return Y.default.createElement(u.Box,{sx:e=>({[e.fn.largerThan("sm")]:{position:"relative",height:"100%"}})},o?s:Y.default.createElement(u.ScrollArea,Object.assign({className:"layout-body",h:l?"calc(100% - 90px)":"100%"},r),s),l&&Y.default.createElement(u.Flex,{gap:u.rem(8),sx:e=>({position:"absolute",left:0,right:0,bottom:0,padding:u.rem(16),button:{flexGrow:1},justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${u.rem(24)} 0`}})},l))},Wl=()=>{const{t:n,locale:i}=l.useTranslations(),{data:{userInfo:r},action:{pushNotifications:o}}=e.useContext(a.TogetherComponentGlobalContext),s=null==r?void 0:r.id,{currentUrl:d,isMobile:m,pnSuggestCategory:h=[],nextStep:g,formValues:f,setFormValues:b,onSubmit:v,submitLoading:y,selectCategory:x,setCategoryLibs:w,setSelectCategory:E,maxSelectCategory:C}=e.useContext(Rl),k=h.map((e=>e.catId)),S=G.useForm({validate:{name:G.isNotEmpty(n("healthToolPNModal.mainForm.requireName"))},initialValues:Object.assign(Object.assign({},f),{fitnessTopics:k})}),[T,B]=e.useState([]),[N,A]=e.useState([]);e.useEffect((()=>{c.__awaiter(void 0,void 0,void 0,(function*(){var e;try{const t=yield a.callApiWithAuth(a.getPremiumApiPath(Ml,{_locale:i}),"get"),n=((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.subscription)||[]).filter((e=>!k.includes(e.catId)));B(h),A(n),w([...h,...n])}catch(e){console.log(e)}}))}),[]),e.useEffect((()=>{s&&S.setFieldValue("name",(null==r?void 0:r.name)||"")}),[s]);const _=()=>{""!==S.getInputProps("name").value?(b(S.getTransformedValues()),g()):S.validateField("name")},D=e.useMemo((()=>Y.default.createElement(p.Button,{variant:"tertiary",dataEventCategory:"Newsletter",dataEventAction:"More Category Click",dataEventLabel:d,leftIcon:Y.default.createElement(t.Icon.Plus,{size:16,color:"#262626",useCurrentColor:!0}),onClick:_,styles:e=>({root:{borderRadius:u.rem(6),padding:"2px 15px",height:u.rem(40)},label:{fontSize:u.rem(14),fontWeight:400,[e.fn.smallerThan("sm")]:{fontSize:u.rem(12),lineHeight:u.rem(16),height:u.rem(40)}},leftIcon:{marginRight:"5px"}})},Y.default.createElement(t.Text,{size:m?"p3":"p4"},n("home.seeMore")))),[S]);return e.useEffect((()=>{S.setFieldValue("fitnessTopics",x.map((e=>e.catId)))}),[x]),Y.default.createElement("form",{style:{height:"100%"},onSubmit:S.onSubmit((e=>{if(0===x.length)return o({type:"danger",title:n("newsletter.error.minTitle"),message:n("newsletter.error.minCotennt")}),!1;b(e),null==v||v(e.name)}))},Y.default.createElement(Gl,{heading:n("healthToolPNModal.heading"),stickyActions:Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(p.Button,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Register Click",dataEventLabel:d,loading:y,sx:{maxWidth:u.rem(240)}},n("healthToolPNModal.register")))},Y.default.createElement(u.Stack,{spacing:u.rem(16)},Y.default.createElement(p.Input,Object.assign({label:n("newsletter.welcome.description")},S.getInputProps("name"))),Y.default.createElement(Ul,{topicsGroup:[...0===h.length&&0===N.length?[{topics:[{component:D}]}]:[],...h.length>0?[{label:n("healthToolPNModal.mainForm.tailorTopicsHeading"),topics:[...h,...0===N.length?[{component:D}]:[]]}]:[],...N.length>0?[{label:n("healthToolPNModal.findMore.chooseFav"),topics:[...N,...N.length>0?[{component:D}]:[]]}]:[]],selectedTopics:[...T],labelProps:{size:m?"p3":"p4",color:"gray.6"},onTopicChange:E,maxSelect:C}))))},ql=e.forwardRef((function(e,a){var{label:n}=e,i=c.__rest(e,["label"]);return Y.default.createElement("div",Object.assign({ref:a},i),Y.default.createElement(u.Group,{noWrap:!0},Y.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.97887 8.15493C2.97887 5.29627 5.29627 2.97887 8.15493 2.97887C11.0136 2.97887 13.331 5.29627 13.331 8.15493C13.331 11.0136 11.0136 13.331 8.15493 13.331C5.29627 13.331 2.97887 11.0136 2.97887 8.15493ZM8.15493 1.5C4.47951 1.5 1.5 4.47951 1.5 8.15493C1.5 11.8303 4.47951 14.8099 8.15493 14.8099C9.72615 14.8099 11.1702 14.2653 12.3086 13.3547L15.2376 16.2837C15.5264 16.5725 15.9946 16.5725 16.2833 16.2837C16.5721 15.9949 16.5721 15.5267 16.2833 15.238L13.3544 12.3091C14.2652 11.1705 14.8099 9.72634 14.8099 8.15493C14.8099 4.47951 11.8303 1.5 8.15493 1.5Z",fill:"#8C8C8C"})),Y.default.createElement(t.Text,{size:"p3"},n)))})),Vl=e.forwardRef((function(e,a){var{label:n}=e,i=c.__rest(e,["label"]);return Y.default.createElement("div",Object.assign({ref:a},i),Y.default.createElement(t.Text,{size:"p3"},n))})),Ql=({history:e,onDelete:a})=>Y.default.createElement(u.Flex,{wrap:"wrap",gap:8},se.default(e,"catId").map((e=>Y.default.createElement(u.Badge,{key:e.catId,rightSection:Y.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:()=>null==a?void 0:a(e)},Y.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.5 9C1.5 4.8525 4.8525 1.5 9 1.5C13.1475 1.5 16.5 4.8525 16.5 9C16.5 13.1475 13.1475 16.5 9 16.5C4.8525 16.5 1.5 13.1475 1.5 9ZM11.1677 12.2248C11.4602 12.5173 11.9327 12.5173 12.2252 12.2248C12.5101 11.9323 12.5101 11.4523 12.2252 11.1673L10.0577 8.99979L12.2252 6.83229C12.5177 6.53979 12.5177 6.0673 12.2252 5.7748C11.9327 5.4823 11.4602 5.4823 11.1677 5.7748L9.00015 7.9423L6.83265 5.7748C6.54015 5.4823 6.06765 5.4823 5.77515 5.7748C5.63471 5.91492 5.55579 6.10516 5.55579 6.30354C5.55579 6.50193 5.63471 6.69217 5.77515 6.83229L7.94265 8.99979L5.77515 11.1673C5.63471 11.3074 5.55579 11.4977 5.55579 11.696C5.55579 11.8944 5.63471 12.0847 5.77515 12.2248C6.06765 12.5173 6.54015 12.5173 6.83265 12.2248L9.00015 10.0573L11.1677 12.2248Z",fill:"#8C8C8C"})),styles:{root:{height:32,background:"#ffffff",padding:"5px 12px",border:`1px solid ${p.themeColors.neutral[4]}`,borderRadius:32,textTransform:"unset"},rightSection:{height:18,cursor:"pointer"}}},Y.default.createElement(t.Text,{size:"p4"},e.localName))))),Zl=({topics:n,onTopicChange:i,isBlock:r=!1,selectedTopics:o,labelProps:s,maxSelect:d=5})=>{const{action:{pushNotifications:c}}=e.useContext(a.TogetherComponentGlobalContext),[m,p]=e.useState([]),{t:h}=l.useTranslations();e.useEffect((()=>{p(o)}),[o.length]),e.useEffect((()=>{i(m)}),[m]);return n&&0!==n.length?Y.default.createElement(u.Stack,{spacing:12,px:16,mx:-16},Y.default.createElement(t.Text,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},s),h("pnTopicSection.recentView")),Y.default.createElement(u.Chip.Group,{value:m.map((e=>e.catId)),onChange:e=>{r&&m.length<e.length?c({type:"danger",title:h("pnTopicSection.maxSelectError.title",{maxSelect:d}),message:h("pnTopicSection.maxSelectError.desc")}):p((()=>n.filter((t=>e.some((e=>t.catId===e))))))},multiple:!0},Y.default.createElement(u.Flex,{gap:8,wrap:"wrap"},n.map(((e,t)=>Y.default.createElement(Hl,{key:t,value:e.catId,name:e.localName,isBlock:r})))))):null},Yl=e=>{var{topic:a,active:n,onClick:i}=e,l=c.__rest(e,["topic","active","onClick"]);return Y.default.createElement(u.Box,Object.assign({sx:e=>({position:"relative",cursor:"pointer",padding:2,borderRadius:8,boxShadow:"0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04)",minHeight:u.rem(130),[e.fn.largerThan("sm")]:{minHeight:u.rem(138)}}),onClick:()=>i(a,n)},l),n&&Y.default.createElement(u.Box,{id:"test",sx:{position:"absolute",top:2,right:2,width:20,height:20,zIndex:1}},Y.default.createElement("svg",{id:"test",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.66699 9.99984C1.66699 5.39984 5.40033 1.6665 10.0003 1.6665C14.6003 1.6665 18.3337 5.39984 18.3337 9.99984C18.3337 14.5998 14.6003 18.3332 10.0003 18.3332C5.40033 18.3332 1.66699 14.5998 1.66699 9.99984ZM4.75066 10.5827L7.74232 13.5744C8.06732 13.8994 8.60066 13.8994 8.91732 13.5744L15.2423 7.2494C15.5673 6.9244 15.5673 6.3994 15.2423 6.0744C14.9173 5.7494 14.3923 5.7494 14.0673 6.0744L8.33399 11.8077L5.92566 9.40773C5.60066 9.08273 5.07566 9.08273 4.75066 9.40773C4.59461 9.56342 4.50692 9.7748 4.50692 9.99523C4.50692 10.2157 4.59461 10.427 4.75066 10.5827Z",fill:"#2D87F3"}),Y.default.createElement("path",{d:"M7.74224 13.5772L4.75057 10.5856C4.59453 10.4299 4.50684 10.2185 4.50684 9.99808C4.50684 9.77765 4.59453 9.56627 4.75057 9.41058C5.07557 9.08558 5.60057 9.08558 5.92557 9.41058L8.33391 11.8106L14.0672 6.07725C14.3922 5.75225 14.9172 5.75225 15.2422 6.07725C15.5672 6.40225 15.5672 6.92725 15.2422 7.25225L8.91724 13.5772C8.60057 13.9022 8.06724 13.9022 7.74224 13.5772Z",fill:"white"}))),Y.default.createElement(u.Box,{sx:{borderRadius:"8px"}},Y.default.createElement(p.AspectRatio,{ratio:1.5,mb:10,sx:e=>({background:e.colors.neutral[0]})},Y.default.createElement(u.Box,null,Y.default.createElement("img",{src:a.guid||"",alt:"cat",loading:"lazy",style:{maxHeight:"63px"}})))),Y.default.createElement(t.Text,{size:"p4",ta:"center",px:6,sx:{display:"-webkit-box","-webkit-line-clamp":"2","-webkit-box-orient":"vertical",overflow:"hidden"}},a.localName||""))},Xl=({topics:a,selectedTopics:n=[],onTopicChange:i,isBlock:r=!1,labelProps:o,pushNotifications:s,maxSelect:d=5})=>{const{t:c}=l.useTranslations(),[m,p]=e.useState([]),h=(e,t)=>{if(t)p((t=>t.filter((t=>t.catId!==e.catId))));else{if(r)return void s({type:"danger",title:c("pnTopicSection.maxSelectError.title",{maxSelect:d}),message:c("pnTopicSection.maxSelectError.desc")});p((t=>[...t,e]))}};e.useEffect((()=>{p(n)}),[n.length]),e.useEffect((()=>{i(m)}),[m]);const[g,f]=e.useState(!1),[b,v]=e.useState(0),[y,x]=e.useState(0),w=e.useRef(null),E=()=>{f(!1)};return Y.default.createElement(u.Stack,{spacing:10},Y.default.createElement(u.Flex,{justify:"space-between",align:"center",w:"100%"},Y.default.createElement(t.Text,Object.assign({size:"s5",color:"gray.4",weight:"semiBold",span:!0},o),c("pnTopicSection.trending"))),Y.default.createElement(u.Box,null,Y.default.createElement(u.ScrollArea,{type:"always",w:"100%",offsetScrollbars:!0,scrollbarSize:4,px:4,viewportRef:w,viewportProps:{onMouseDown:e=>{e.preventDefault(),w.current&&(f(!0),v(e.pageX-w.current.offsetLeft),x(w.current.scrollLeft))},onMouseUp:E,onMouseLeave:E,onMouseMove:e=>{if(e.preventDefault(),!g||!w.current)return;const t=2*(e.pageX-w.current.offsetLeft-b);w.current.scrollLeft=y-t}},styles:{viewport:{paddingBottom:16}}},Y.default.createElement(u.Box,{w:{base:112*a.length+8*(a.length-1)+10}},Y.default.createElement(u.Flex,{gap:8},a.map(((e,t)=>Y.default.createElement(Yl,{key:t,topic:e,onClick:h,active:m.some((t=>t.catId===e.catId)),w:{base:112}}))))))))},Kl=n=>{var{isLoggedIn:i,maxSelect:r=5,values:o=[],labelProps:s,onChange:d}=n,m=c.__rest(n,["isLoggedIn","maxSelect","values","labelProps","onChange"]);const{action:{pushNotifications:h}}=e.useContext(a.TogetherComponentGlobalContext),[g,f]=e.useState(""),{t:b,locale:v}=l.useTranslations(),y=e.useRef(null),[x,w]=e.useState([]),[E,C]=e.useState([]),[k,S]=e.useState([]),[T,B]=e.useState([]),[N,A]=e.useState(null),[_,D]=e.useState([]);e.useEffect((()=>{c.__awaiter(void 0,void 0,void 0,(function*(){var e,t;const n=yield a.callApiWithAuth(a.getPremiumApiPath(Dl,{_locale:v}),"get"),i=(null===(e=null==n?void 0:n.data)||void 0===e?void 0:e.interested)||[],l=(null===(t=null==n?void 0:n.data)||void 0===t?void 0:t.trending)||[],r=se.default([...i,...l],"catId").map((e=>Object.assign(Object.assign({},e),{value:e.catId||"",label:e.localName||""})));if(D(r||[]),A((null==n?void 0:n.data)||null),o.length>0){const e=i.filter((e=>o.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"interested"}))),t=l.filter((e=>o.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"trending"})));B(e),C(t)}}))}),[i]);const I=e.useMemo((()=>se.default([...x,...E,...T,...k],"catId")),[x,E,T,k]),[M,P]=e.useState(!1);e.useEffect((()=>{I.length>=r?P(!0):P(!1),null==d||d(I)}),[I]);return Y.default.createElement(u.Stack,Object.assign({spacing:u.rem(16)},m),Y.default.createElement(u.Stack,{spacing:u.rem(8)},Y.default.createElement(t.Text,{size:"p3"},b("pnTopicSection.maxSelectError.detail",{max:r,maxTopic:I.length})),Y.default.createElement(u.MultiSelect,{ref:y,maxSelectedValues:3,styles:{wrapper:{overflow:"initial !important"},separator:{padding:16},separatorLabel:{fontWeight:600,fontSize:12,lineHeight:"18px",textTransform:"uppercase",color:p.themeColors.gray[4],"&::after":{display:"none"}},searchInput:{fontSize:"inherit"},input:{paddingRight:16}},nothingFound:Y.default.createElement(t.Text,{size:"s4",color:"gray.6"},b("pnTopicSection.notFound")),itemComponent:""===g?ql:Vl,size:"lg",placeholder:b("pnTopicSection.plsEnterFavTopics"),data:_,onSearchChange:f,searchValue:g,icon:Y.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.97183 10.8732C3.97183 7.0617 7.0617 3.97183 10.8732 3.97183C14.6848 3.97183 17.7746 7.0617 17.7746 10.8732C17.7746 14.6848 14.6848 17.7746 10.8732 17.7746C7.0617 17.7746 3.97183 14.6848 3.97183 10.8732ZM10.8732 2C5.97268 2 2 5.97268 2 10.8732C2 15.7738 5.97268 19.7465 10.8732 19.7465C12.9682 19.7465 14.8936 19.0205 16.4115 17.8063L20.3168 21.7116C20.7018 22.0966 21.3261 22.0966 21.7111 21.7116C22.0961 21.3266 22.0961 20.7023 21.7111 20.3173L17.8059 16.4121C19.0203 14.894 19.7465 12.9684 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z",fill:"#595959"})),rightSection:Y.default.createElement(Y.default.Fragment,null),zIndex:500,searchable:!0,withinPortal:!0,onChange:e=>{return t=e,c.__awaiter(void 0,void 0,void 0,(function*(){var e;const a={trending:C,recently:S,interested:B,default:w};let n="default";if(M)h({type:"danger",title:b("pnTopicSection.maxSelectError.title",{maxSelect:r}),message:b("pnTopicSection.maxSelectError.desc")});else{const i=[{key:"trending",array:null==N?void 0:N.trending},{key:"recently",array:null==N?void 0:N.recently},{key:"interested",array:null==N?void 0:N.interested}].find((e=>{var a;return null===(a=e.array)||void 0===a?void 0:a.some((e=>e.catId===t[0]))}));n=(null==i?void 0:i.key)||"default",a[n]((e=>[...e,..._.filter((e=>t.some((t=>e.catId===t))))].map((e=>Object.assign(Object.assign({},e),{template:n}))))),null===(e=y.current)||void 0===e||e.blur()}return null}));var t},value:[]}),I&&I.length>0&&Y.default.createElement(Ql,{history:I,onDelete:e=>{const t={trending:C,recently:S,interested:B,default:w};(t[e.template]||t.default)((t=>{const a=[...t],n=a.findIndex((t=>t.catId===e.catId));return a.splice(n,1),a}))}})),Y.default.createElement(u.Box,{sx:e=>({position:"relative",height:u.rem(175),[e.fn.largerThan("sm")]:{height:u.rem(190)}})},Y.default.createElement(u.Box,{sx:{position:"absolute",top:0,right:0,left:0}},Y.default.createElement(Xl,{topics:((null==N?void 0:N.trending)||[]).map((e=>Object.assign(Object.assign({},e),{template:"trending"}))),selectedTopics:E,onTopicChange:C,isBlock:M,labelProps:s}))),Y.default.createElement(Zl,{topics:((null==N?void 0:N.recently)||[]).map((e=>Object.assign(Object.assign({},e),{template:"recently"}))),selectedTopics:k,onTopicChange:S,isBlock:M,labelProps:s}),Y.default.createElement(Ul,{labelProps:s,topicsGroup:[{label:b("pnTopicSection.ppAlsoInterested"),topics:((null==N?void 0:N.interested)||[]).map((e=>Object.assign(Object.assign({},e),{template:"interested"})))}],selectedTopics:T,onTopicChange:B,isBlock:M}))},Jl=()=>{const{t:t}=l.useTranslations(),{action:{pushNotifications:n}}=e.useContext(a.TogetherComponentGlobalContext),{prevStep:i,formValues:r,submitLoading:o,onSubmit:s,selectCategory:d,maxSelectCategory:c,setSelectCategory:m,currentUrl:h,isLoggedIn:g}=e.useContext(Rl);return Y.default.createElement(Gl,{heading:t("newsletter.topic.title"),type:"always",styles:{root:{paddingRight:u.rem(25)}},stickyActions:Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(p.Button,{fullWidth:!0,variant:"secondary",dataEventCategory:"Newsletter",dataEventAction:"Back  Click",dataEventLabel:h,onClick:i},t("healthToolPNModal.back")),Y.default.createElement(p.Button,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Next  Click",dataEventLabel:h,onClick:()=>{if(0===d.length)return n({type:"danger",title:t("newsletter.error.minTitle"),message:t("newsletter.error.minCotennt")}),!1;null==s||s(r.name)},loading:o},t("healthToolPNModal.next")))},Y.default.createElement(Kl,{isLoggedIn:g,maxSelect:c,values:r.fitnessTopics,onChange:m,labelProps:{size:"s5",sx:{textTransform:"uppercase"}}}))},er=()=>{const{t:n}=l.useTranslations(),{close:i,selectCategory:r,onRegisterSuccess:o,currentUrl:s,finishLabelOnResult:d,disclaimerText:c}=e.useContext(Rl);return e.useEffect((()=>()=>{setTimeout((()=>{null==o||o()}),400)}),[]),Y.default.createElement(Gl,{heading:n("healthToolPNModal.heading"),stickyActions:Y.default.createElement(p.Button,{fullWidth:!0,sx:{maxWidth:u.rem(300)},dataEventCategory:"Newsletter",dataEventAction:"Continue Reading Click",dataEventLabel:s,onClick:()=>{i()}},d||n("healthToolPNModal.finish"))},Y.default.createElement(u.Stack,null,Y.default.createElement(u.Flex,{gap:u.rem(8),sx:e=>({background:e.colors.green[0],border:`1px solid ${e.colors.green[1]}`,borderRadius:u.rem(8),padding:u.rem(8)})},Y.default.createElement(u.Box,null,Y.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("path",{d:"M9.99984 18.3334C14.6022 18.3334 18.3332 14.6025 18.3332 10.0001C18.3332 5.39771 14.6022 1.66675 9.99984 1.66675C5.39746 1.66675 1.6665 5.39771 1.6665 10.0001C1.6665 14.6025 5.39746 18.3334 9.99984 18.3334Z",fill:"#00B16A"}),Y.default.createElement("path",{d:"M9.58558 12.6674C9.22944 12.668 8.87668 12.5983 8.54752 12.4623C8.21835 12.3264 7.91925 12.1268 7.66732 11.8751L6.68587 10.8931C6.55607 10.7587 6.48424 10.5787 6.48587 10.3919C6.48749 10.2051 6.56243 10.0263 6.69455 9.89422C6.82667 9.7621 7.00539 9.68716 7.19222 9.68554C7.37906 9.68391 7.55906 9.75574 7.69345 9.88554L8.67491 10.8675C8.79344 10.986 8.93415 11.08 9.08902 11.1442C9.24389 11.2083 9.40987 11.2413 9.5775 11.2413C9.74513 11.2413 9.91111 11.2083 10.066 11.1442C10.2208 11.08 10.3616 10.986 10.4801 10.8675L16.7033 5.24335C16.8443 5.12184 17.0272 5.06032 17.213 5.07195C17.3987 5.08358 17.5726 5.16744 17.6973 5.30558C17.8221 5.44373 17.8878 5.6252 17.8805 5.81118C17.8731 5.99717 17.7933 6.17291 17.6581 6.30081L11.4592 11.8998C11.2128 12.1448 10.9205 12.3387 10.5989 12.4705C10.2774 12.6022 9.93304 12.6692 9.58558 12.6674Z",fill:"white"}))),Y.default.createElement(t.Text,{size:"p3"},c||n("pnModal.disclaimer"))),Y.default.createElement(a.Heading,{tag:"h5"},n("healthToolPNModal.yourPre")),r.length>0&&Y.default.createElement(Ul,{topicsGroup:[{label:"",topics:r}],selectedTopics:r,readonly:!0})))},tr=({isMobile:t,isLoggedIn:n,pnSuggestCategory:i=[],acquisitionInfo:r,currentUrl:d,opened:m,close:p,finishLabelOnResult:g,onRegisterSuccess:f,disclaimerText:b})=>{const{t:v,locale:y}=l.useTranslations(),{action:{pushNotifications:x}}=e.useContext(a.TogetherComponentGlobalContext),w=s.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),E=s.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),[C,k]=e.useState([]),[S,T]=e.useState([]),[B,N]=e.useState(0),[A,_]=e.useState({name:"",fitnessTopics:[]}),[D,I]=e.useState(!1),M=()=>N(2),P=e.useCallback((e=>c.__awaiter(void 0,void 0,void 0,(function*(){try{I(!0),yield a.callApiWithAuth(a.getPremiumApiPath(Il,{website_url:a.getWebsiteUrlApi(y)}),"post",{headers:{"Content-Type":"application/json"},method:"POST",data:{ga_client_id:re.default.get(o.GA_TOKEN_COOKIE),client_ip:window.clientIP||"",user_info:Object.assign(Object.assign({},r.userInfo),{name:e||A.name,type_subscription:1}),domain:o.domainLocales[y||h.LOCALE.Vietnam],category:S,perferred:r.preferredTopics.map((({id:e})=>({id:e})))}}),I(!1),yield a.callApiWithAuth(a.getSsoApiPath(Fl),"post",{headers:{"Content-Type":"application/json"},method:"PUT",data:{subscription:1}}),M()}catch(e){console.log({err:e}),I(!1),x({title:v("notification.comment.somethingWrong"),message:"",type:"danger"})}}))),[A,S]);return e.useEffect((()=>{[w,E].forEach((e=>{(new Image).src=e}))}),[]),Y.default.createElement(Rl.Provider,{value:{currentUrl:d,isMobile:t,isLoggedIn:n,opened:m,close:p,pnSuggestCategory:i,nextStep:()=>N((e=>e<3?e+1:e)),prevStep:()=>N((e=>e>0?e-1:e)),lastStep:M,categoryLibs:C,setCategoryLibs:k,selectCategory:S,setSelectCategory:T,formValues:A,setFormValues:_,maxSelectCategory:5,submitLoading:D,onSubmit:P,onRegisterSuccess:f,finishLabelOnResult:g,disclaimerText:b}},Y.default.createElement(jl,{isMobile:t,desktopBanner:s.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),mobileBanner:s.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),modalRatio:{width:960,height:588},desktopBannerRatio:{width:384,height:588},opened:m,onClose:p,zIndex:305,closeProps:{dataEventCategory:"Newsletter",dataEventAction:"Close Click",dataEventLabel:d}},Y.default.createElement(u.Stepper,{active:B,onStepClick:N,styles:{root:{height:"100%"},content:{padding:0,height:"100%",width:"100%"},steps:{display:"none"}}},Y.default.createElement(u.Stepper.Step,null,Y.default.createElement(Wl,null)),Y.default.createElement(u.Stepper.Step,null,Y.default.createElement(Jl,null)),Y.default.createElement(u.Stepper.Step,null,Y.default.createElement(er,null)))))},ar=()=>{const{locale:t}=l.useTranslations(),{isMobile:n,isLoggedIn:i,currentUrl:r,acquisitionInfo:o,categoryIds:s,state:d,setState:u,settings:m,submitHandler:p,subcribeHealthStatus:h,showPNModal:g,setShowPNModal:f,setIsBack:b}=e.useContext(Al),[v,y]=e.useState([]),[x,w]=e.useState(g);e.useEffect((()=>{c.__awaiter(void 0,void 0,void 0,(function*(){var e,n;const i=yield a.callApiWithAuth(a.getPremiumApiPath(Dl,{_locale:t}),"get"),l=[...(null===(e=null==i?void 0:i.data)||void 0===e?void 0:e.interested)||[],...(null===(n=null==i?void 0:i.data)||void 0===n?void 0:n.trending)||[]];y(l.filter((e=>s.includes(Number(e.catId)))))}))}),[]);const E=e.useRef([]);return e.useEffect((()=>{const e=(null==h?void 0:h.value)||"",t=e.split("|").filter(Boolean);let a=e;E.current.push(h),t.length>1&&(null!==E.current[0]&&b(!0),Object.keys(p).map((e=>{const n=e.split("|");if(t.length===n.length){let i=0;t.map((e=>{n.includes(String(e))&&(i+=1)})),i===t.length&&(a=e)}})));const n=t.length>0?p[a]:m;u(n)}),[h]),e.useEffect((()=>{w(g)}),[g]),(null==d?void 0:d.action)!==Sl.Hide?Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(Ol,Object.assign({},m.props)),Y.default.createElement(tr,{acquisitionInfo:o,isMobile:n,isLoggedIn:i,currentUrl:r,pnSuggestCategory:v,opened:x,close:()=>{var e;w(!1),f(!1),setTimeout((()=>{var e;(null===(e=d.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&u({action:Sl.Hide})}),400),(null===(e=d.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&u({action:Sl.Hide})},onRegisterSuccess:()=>w(!1)})):null};exports.AdBlock=bl,exports.Alert=({style:e,onClose:a,text:n,type:i,contentIcon:l,closeIcon:r,className:o,description:s})=>Y.default.createElement("div",{className:`${de} ${o||""}`,style:e,"data-alert-type":i},Y.default.createElement("div",{className:ce},Y.default.createElement("div",{className:"icon-title"},l,Y.default.createElement(t.Text,{weight:"bold",size:"label1"},n)),Y.default.createElement(t.Text,{weight:"regular",size:"p3"},s)),Y.default.createElement("div",{className:ue,onClick:a},r)),exports.ArticleCard=({articleLink:e,authorLink:n,authorName:i,avatarImg:l,banner:r,categoryLink:o,categoryName:d,className:c,dataEventActionForBanner:u,dataEventActionForBookmark:m,dataEventActionForCategory:p,dataEventActionForTitle:h,dataEventCategoryForBanner:g,dataEventCategoryForBookmark:f,dataEventCategoryForCategory:b,dataEventCategoryForTitle:v,dataEventLabelForBanner:y,dataEventLabelForBookmark:x,dataEventLabelForCategory:w,dataEventLabelForTitle:E,direction:C="horizontal",hasAffiliate:k,isBookmark:S=!1,isBookmarkDisplayed:T=!0,isMobile:B=!0,onBookmark:N,onClickCategoryName:A,section:_="normal",size:D="md",specialty:I,style:M,styleBanner:P,styleLabel:L,styleTitle:z,text:$,title:O,type:j="author",uploadTime:F,articleLinkTarget:R,isPremium:H})=>{const U=e=>{e.stopPropagation(),null==N||N()},G="lg"===D&&"expert"===j?"h4":"lg"===D&&"home"===_?B?"h4":"h3":"lg"===D?"h4":"h5",W="lg"===D?"p3":"p4",q=B||"home"!==_||"lg"!==D||"author"!==j?"c2":"c1";return Y.default.createElement("article",{className:`${Ee} ${c||""}`,"data-size":D,style:M,"data-direction":C,"data-is-expert":"expert"===j||void 0},Y.default.createElement("div",{className:"banner",style:P},Y.default.createElement("a",{className:we,"data-event-category":g,"data-event-action":u,"data-event-label":y,href:e||"#",target:R},r),H&&Y.default.createElement("img",{loading:"lazy",className:"premium",src:s.CommonGAssets.getAssetPath("premium-crown.svg")}),k&&Y.default.createElement(Te,null)),Y.default.createElement("div",{className:"content"},Y.default.createElement("div",{className:"inner-content"},Y.default.createElement(t.Text,{style:L,className:"label",size:q,weight:"caption"},Y.default.createElement("a",{className:we,"data-event-category":b,"data-event-action":p,"data-event-label":w,href:o||"#",onClick:A},d),T&&Y.default.createElement("a",{className:"bookmark",onClick:U},S?Y.default.createElement(Be,{dataEventCategoryForBookmark:f,dataEventActionForBookmark:m,dataEventLabelForBookmark:x}):Y.default.createElement(Ne,{dataEventCategoryForBookmark:f,dataEventActionForBookmark:m,dataEventLabelForBookmark:x}))),Y.default.createElement(a.Heading,{tag:G,style:z,className:"title",as:"lg"===D?"h2":"h3"},Y.default.createElement("a",{className:we,"data-event-category":v,"data-event-action":h,"data-event-label":E,href:e||"#",target:R},O)),$&&Y.default.createElement("a",{href:e||"#",target:R},Y.default.createElement(t.Text,{size:W,className:"text"},$))),Y.default.createElement("div",{className:"footer"},"author"===j?Y.default.createElement(ke,{size:D,avatarImg:l,authorName:i,authorLink:n,uploadTime:F,handleClick:U,isBookmarked:S,dataEventCategoryForBookmark:f,dataEventActionForBookmark:m,dataEventLabelForBookmark:x}):Y.default.createElement(Se,{size:D,isMobile:B,avatarImg:l,specialty:I,name:i,link:n,handleClick:U,isBookmarked:S,dataEventCategoryForBookmark:f,dataEventActionForBookmark:m,dataEventLabelForBookmark:x}))))},exports.ArticleCard$1=e=>{var{variant:t="vertical"}=e,a=c.__rest(e,["variant"]);return"horizontal"===t?Y.default.createElement(Ae,Object.assign({},a)):Y.default.createElement(Me,Object.assign({},a))},exports.BMICardEmbed=({isMobile:e,onSubmit:t,bmiContent:a,isSide:n,bmiGenerated:i,bmiUnit:r,bmiLink:o,locale:d})=>{var c,u,m;const{t:p}=l.useTranslations();return Y.default.createElement(Xn,{"data-is-side":n},Y.default.createElement(Nn,{isSide:n,icon:Y.default.createElement("img",{alt:"health-tool-icon",src:(null==a?void 0:a.featured_image)||s.CommonGAssets.getAssetPath("health-tools/bmi.svg"),loading:"lazy"}),heading:p("bmi.heading"),medicalReview:{link:null===(c=null==a?void 0:a.reviewBy)||void 0===c?void 0:c.link,reviewer:null===(u=null==a?void 0:a.reviewBy)||void 0===u?void 0:u.reviewer,date:null===(m=null==a?void 0:a.reviewBy)||void 0===m?void 0:m.date},isMobile:e}),Y.default.createElement(N.Container,null,Y.default.createElement(Yn,{as:"div","data-is-side":n},o&&Y.default.createElement(li,{onSubmit:t,bmiGenerated:i,locale:d,bmiUnit:r,isSide:n}))))},exports.BMRCardEmbed=({isSide:e,locale:t,bmrContent:a,isMobile:n,info:i,inputErrorMessage:r,onFormChange:o,onSubmit:d})=>{var c,u,m;const{t:p}=l.useTranslations();return Y.default.createElement(Xn,{"data-is-side":e},Y.default.createElement(Nn,{isSide:e,icon:Y.default.createElement("img",{alt:"health-tool-icon",src:(null==a?void 0:a.featured_image)||s.CommonGAssets.getAssetPath("health-tools/bmr.svg"),loading:"lazy"}),heading:p("bmr.heading"),medicalReview:{link:null===(c=null==a?void 0:a.reviewBy)||void 0===c?void 0:c.link,reviewer:null===(u=null==a?void 0:a.reviewBy)||void 0===u?void 0:u.reviewer,date:null===(m=null==a?void 0:a.reviewBy)||void 0===m?void 0:m.date},isMobile:n}),Y.default.createElement(N.Container,null,Y.default.createElement(Yn,{onSubmit:e=>e.preventDefault(),"data-is-side":e},Y.default.createElement(Hn,null,Y.default.createElement(Mi,{info:i,locale:t,errorMessage:r,onChange:o,onClick:d,isSide:e})))))},exports.BabyGrowthCardEmbed=({isMobile:e,className:t,onSubmit:a,onError:n,schema:i,babyGrowthContent:l,siteType:r})=>{var o,c,u;return Y.default.createElement(Xn,{"babyGrowthContent-is-mobile":e,"data-site":r},Y.default.createElement(Nn,{siteType:r,bannerUrl:s.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerUrlLarge:s.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerColor:"marryBaby"===r&&d.theme.mbColors.mint,isEmbeded:!0,icon:Y.default.createElement("img",{className:"embedded-icon",alt:"health-tool-icon",src:(null==l?void 0:l.featuredImage)||s.CommonGAssets.getAssetPath("health-tools/toolsIconBabyGrowth.svg"),loading:"lazy"}),heading:(null==l?void 0:l.title)||"",medicalReview:{link:null===(o=null==l?void 0:l.reviewBy)||void 0===o?void 0:o.link,reviewer:null===(c=null==l?void 0:l.reviewBy)||void 0===c?void 0:c.reviewer.trim(),date:null===(u=null==l?void 0:l.reviewBy)||void 0===u?void 0:u.date},isMobile:e}),Y.default.createElement(vi,{"data-theme":r},Y.default.createElement(yi,{siteType:r,schema:i,className:t,onSubmit:a,onError:n})))},exports.BabyPoopEmbed=({babyPoopPage:e,onClickFindOut:n,currentUrl:i,isSide:r,direction:o="auto",sponsorLogo:c})=>{const{t:m}=l.useTranslations(),h="mb"===u.useMantineTheme().other.template,{classes:g}=xi({isMarryBaby:h,isSide:r,direction:o},{name:"BabyPoopEmbed"}),{reviewedBy:f,reviewedDate:b}=e||{};return Y.default.createElement("div",{className:g.root},Y.default.createElement("div",{className:g.inner},Y.default.createElement(a.Heading,{tag:"h3",as:"h2",color:!h&&"#284A75"},e.title),Y.default.createElement("div",{className:g.content,"data-is-side":r},Y.default.createElement(t.Text,{size:"p3",className:"description"},e.description),!!f&&Y.default.createElement("div",{className:g.reviewText},Y.default.createElement("img",{src:s.CommonGAssets.getAssetPath("reviewerCheck.svg"),alt:"check",className:g.reviewTextIcon,loading:"lazy"}),Y.default.createElement(t.Text,{size:"p4",color:d.theme.colors.gray600},m("categoryPage.info.reviewed")," ",Y.default.createElement("a",{href:f.profile_url},f.display_name)," ",m("categoryPage.onDate",{date:b||""}))),Y.default.createElement("div",{className:g.action},Y.default.createElement(p.Button,{className:g.btn,size:h?"lg":"md",variant:h?"secondary":"primary",onClick:n,dataEventCategory:"Health Tool",dataEventAction:"Baby Stool Inquiry",dataEventLabel:i,style:{visibility:Boolean(n)?"visible":"hidden"}},m("babyPoop.findOut"))))),Y.default.createElement("div",{className:g.thumbnail},Y.default.createElement("img",{src:h?s.CommonGAssets.getAssetPath("baby-poop.svg"):null==e?void 0:e.featuredImage,alt:e.title,loading:"lazy"})),c&&Y.default.createElement("img",{loading:"lazy",src:c,alt:"sponsor",className:g.sponsorLogo}))},exports.Badge=({amount:e,type:t,size:n="medium",color:i="primary",icon:l,className:r})=>Y.default.createElement(a.StyledBadge,{"data-notification-type":t,"data-notification-size":n,"data-notification-color":i,"data-has-icon":!!l||void 0,notificationType:t,notificationSize:n,notificationColor:i,hasIcon:!!l,className:r},Y.default.createElement("div",null,e&&Y.default.createElement("span",null,e)," ",l&&Y.default.createElement("div",null,l))),exports.BorderHeading=({style:e,children:t,className:n,size:i="lg",type:l="bold",upperCase:r,as:o="h4",color:s})=>Y.default.createElement(a.StyledBorderHeading,{style:Object.assign({color:s},e),className:n,"data-size":i,"data-type":l,"data-uppercase":r,as:o},t),exports.Breadcrumbs=({className:t,pages:a,size:n,LinkComponent:i="a",onChangePage:l,separator:r})=>{const o=e.useMemo((()=>a.map(((e,t)=>a.length>4?t>1&&t<a.length-2?null:1===t?Object.assign(Object.assign({},e),{isDropdown:1===t,dropdownItems:a.slice(1,a.length-2)}):e:e)).filter(Boolean)),[a]);return Y.default.createElement("div",{"data-size":n,className:`${tl} ${t||""}`},o.map(((t,a)=>{const s=a+1===o.length;return Y.default.createElement(e.Fragment,{key:a},Y.default.createElement(il,{LinkComponent:i,page:t,isLast:s,onChangePage:l}),!s&&(t.separator||r||Y.default.createElement("div",{className:al,"data-size":n})))})))},exports.CategoryCard=e=>{var{category:a,imgBanner:n,label:i,className:l,style:r,href:o="",dataEventCategory:s,dataEventAction:d,dataEventLabel:u}=e,m=c.__rest(e,["category","imgBanner","label","className","style","href","dataEventCategory","dataEventAction","dataEventLabel"]);const p=(null==a?void 0:a.customizedUrl)||(null==a?void 0:a.permalink)||o||"";return Y.default.createElement(Pe,Object.assign({"data-event-category":s,"data-event-action":d,"data-event-label":u,className:l,style:r,href:p},(null==a?void 0:a.customizedUrl)&&!v.isInternalLink(a.customizedUrl)&&{target:"_blank"},{onClick:e=>{""===p&&e.preventDefault()}},m),Y.default.createElement("div",{className:"banner"},n),Y.default.createElement("div",{className:"content"},Y.default.createElement(t.Text,{className:"category_name",size:"sm",weight:"bold"},(null==a?void 0:a.displayName)||i||"")))},exports.Checkbox=he,exports.CheckboxGroup=({name:e,values:t=[],onChanges:a,options:n=[],className:i,type:l="vertical",isDisabled:r,isRectangle:o})=>{const s=(e,n)=>{const i=t.slice();if(n)i.push(e);else{const t=i.findIndex((t=>t===e));i.splice(t,1)}a&&a(i)};return Y.default.createElement(Le,{className:i,"data-type":l,"data-is-rectangle":o||void 0},n.map(((a,n)=>Y.default.createElement(he,{label:a.label,name:e,key:`${n}-${a.value}`,checked:t.includes(a.value),value:a.value,isDisabled:r||a.disabled,onChange:!r&&s,isRectangle:o}))))},exports.CookieAcceptConfirm=({className:e,policiesUrl:t,onAcceptClick:a,translations:n={acceptButton:"Accept",policiesButton:"Our Policies"},title:i="",description:l="",theme:r="helloSites",isOpen:o=!0,useDefaultPosition:s=!0,trackingAttributes:d})=>Y.default.createElement(jt,{className:e,"data-theme":r,"data-is-open":o,"data-default-position":s},Y.default.createElement(Ft,{"data-has-content":!!i},i),Y.default.createElement(Rt,{dangerouslySetInnerHTML:{__html:l}}),Y.default.createElement(Ht,null,Y.default.createElement(Ut,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:a,"data-event-category":null==d?void 0:d.dataEventCategory,"data-event-action":null==d?void 0:d.dataEventAction,"data-event-label":null==d?void 0:d.dataEventLabel},n.acceptButton),Y.default.createElement(Gt,{href:t},n.policiesButton))),exports.DatePicker=je,exports.DateRangePicker=function({inputSize:t="md",name:n="date-range-picker",value:i,minDate:l,maxDate:r,onChange:o,className:d,autoClose:c=!1}){i||(i={from:null,to:null});const[u,m]=e.useState(!1);function p(){m(!1)}const h=e.useRef(null);function g(e){o&&o(e)}function f(e){return C.format(e,"dd/MM/yyyy")}z.useOutsideClick(h,(()=>{p()}));const b=e.useMemo((()=>i.from&&i.to?C.isSameDay(i.from,i.to)?f(i.from):`${f(i.from)} - ${f(i.to)}`:""),[i.from,i.to]);return Y.default.createElement(Ji,{className:[d,u&&"focused"].filter(Boolean).join(" "),ref:h},Y.default.createElement("label",{htmlFor:n},Y.default.createElement(a.PureInput,{size:t,value:b,name:n,actionIcon:Y.default.createElement("img",{src:s.CommonGAssets.getAssetPath("calendar.svg"),loading:"lazy"}),onFocus:()=>m(!0)})),u?Y.default.createElement(el,{onMouseDown:e=>{e.stopPropagation()}},Y.default.createElement(Xi,{value:i,onChange:g,minDate:l,maxDate:r,close:p,autoClose:c})):null)},exports.DoctorInfo=lt,exports.DueDateCardEmbed=({isMobile:e,locale:t,onSubmitDueDate:a,dueDatePageInfo:n,expertUrl:i,isSide:r,siteType:o})=>{var c;const{t:u}=l.useTranslations();return Y.default.createElement(Xn,{"data-is-side":r,"data-site":o},Y.default.createElement(Nn,{isSide:r,siteType:o,bannerColor:"marryBaby"===o&&d.theme.mbColors.mint,isEmbeded:!0,color:"pink",icon:Y.default.createElement("img",{alt:"health-tool-icon",src:(null==n?void 0:n.featured_image)||s.CommonGAssets.getAssetPath("health-tools/due-date-icon.svg"),loading:"lazy"}),heading:u("healthTools.dueDateCalculator"),medicalReview:{link:i,reviewer:null===(c=null==n?void 0:n.reviewed_by)||void 0===c?void 0:c.display_name,date:null==n?void 0:n.reviewed_date},isMobile:e}),Y.default.createElement(Yn,{onSubmit:e=>e.preventDefault(),className:"due-date-cal","data-is-side":r},Y.default.createElement(Vn,{siteType:o,locale:t,onSubmitDueDate:a,isSide:r})))},exports.FileDropdown=({className:t,value:n,options:i,onUploadSelected:l,id:r,placeholderIcon:o,placeholder:s,style:d})=>{const[c,u]=e.useState(!1),m=()=>u(!c),p=e.useRef(i.map((e=>"upload"===e.type&&Y.default.createElement("input",{id:"uploader-dropdown-input-"+r+"-"+e.value,key:"uploader-dropdown-input-"+r+"-"+e.value,accept:e.fileAcceptedType,multiple:e.multiple,type:"file",style:{display:"none"},onChange:e=>{console.log("change"),l(e.target.files)}})))),h=Y.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12.17 14.83"},Y.default.createElement("defs",null,Y.default.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},Y.default.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"})),Y.default.createElement("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),Y.default.createElement("title",null,"File"),Y.default.createElement("g",{clipPath:"url(#prefix__clip-path)"},Y.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z",transform:"translate(-1.92 -1.54)"}),Y.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),g=Y.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},Y.default.createElement("defs",null,Y.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),Y.default.createElement("title",null,"download"),Y.default.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3",transform:"translate(-1.25 -2.21)"})),f=Y.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},Y.default.createElement("defs",null,Y.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),Y.default.createElement("title",null,"upload"),Y.default.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8",transform:"translate(-1.25 -2.21)"}));return Y.default.createElement(a.StyledDropdown,{className:t,"data-dropdown-open":!!c,id:r,"data-has-icons":!0,style:d,onBlur:()=>u(!1),tabIndex:0},Y.default.createElement(a.StyledDropdownName,{onClick:m},o||h," ",Y.default.createElement("span",null,n&&n.value?n.label:s)),c&&Y.default.createElement(a.StyledDropdownList,{onClick:m,"data-has-icons":!0},i.map((e=>Y.default.createElement(a.StyledDropdownOption,{key:`${r}-${e.value}`,"data-selected":n&&n.value===e.value||void 0,onClick:()=>{return"upload"===e.type?(a="#uploader-dropdown-input-"+r+"-"+e.value,void(null===(n=document.querySelector(a))||void 0===n||n.click())):void((t=e.url)&&window.open(t,"_blank"));var t,a,n}},Y.default.createElement(a.StyledIcon,null,e.icon||"download"===e.type?g:f),e.label)))),Y.default.createElement(Y.default.Fragment,null,p.current))},exports.FixedBottomAdBlock=({className:t,adUnitPath:a,divId:n,isMobile:i,contentId:l,customTargetings:r,locale:o,isMarryBaby:s})=>{const[d,c]=e.useState(!0),[u,m]=e.useState(!1),[p,h]=e.useState(!0),g=e.useRef(null),f=e.useRef(H.v4()),b=e.useRef(null),v=e.useRef(),y=e.useRef();return e.useEffect((()=>{const e=()=>{y.current&&clearTimeout(y.current),y.current=setTimeout((()=>{var t;document.getElementById("subot--container")?c(!0):(c(!1),(null===(t=g.current)||void 0===t?void 0:t.clientHeight)?h(!1):h(!0)),e()}),4e3)};return e(),()=>{v.current&&clearTimeout(v.current),y.current&&clearTimeout(y.current)}}),[]),d||u?null:Y.default.createElement(dl,{key:i?"mobile":"desktop",ref:b,className:t,"data-visible":!p},a&&Y.default.createElement(bl,{wrapperProps:{m:0},ref:g,adUnitPath:a,size:i?[[320,50],[320,100]]:[728,90],divId:(n||"div-gpt-ad-sticky")+(i?"-mobile":"")+l+String(f.current),pos:["Sticky"],contentId:l,hideIfHasSubot:i,customTargetings:r,adDefaultSize:i?[320,50]:[728,90],showCloseBtn:!0,onCloseAd:()=>m(!0),refreshInterval:60,locale:o,isMarryBaby:s}))},exports.FloatButtonGroup=({items:t,className:a,style:n,backgroundPanelStyle:i,isOpen:l,onOpen:r,onClose:o,disableBackdropClick:s,siteType:d="hb",animationType:c="zoom",zIndex:u=300})=>{const[m,p]=e.useState(!!l);e.useEffect((()=>{p(!!l)}),[l]);const h=()=>{p(!1),o&&o()};return Y.default.createElement(Dt,{style:n,className:a,"data-floatmenu-open":m,"data-site-type":d,"data-animation-type":c},Y.default.createElement(It,{className:"float-button-group__panel",style:Object.assign({zIndex:u},i),onClick:s?void 0:h}),Y.default.createElement(Mt,{className:"float-button-group___content",style:{zIndex:u}},Y.default.createElement(Pt,null,t.map(((e,a)=>Y.default.createElement(zt,{className:`float-item-button-${a}`,style:Object.assign(Object.assign({},"zoom"===c&&{bottom:64*(t.length-1-a),transitionDelay:_t/t.length*(m?t.length-1-a:a)+"ms"}),"slide"===c&&{bottom:64*(t.length-1-a),transitionDelay:_t/t.length*(m?a:t.length-1-a)+"ms"}),key:a,onClick:()=>{e.onClick(),e.keepMenuOnClick||p(!1)}},Y.default.createElement($t,{style:Object.assign({},"zoom"===c&&{transitionDelay:_t/t.length*(m?t.length-1-a:a)+"ms"})},e.label),Y.default.createElement(Ot,{className:"float-item-button__icon-wrapper",style:Object.assign({},("zoom"===c||"slide"===c)&&{transitionDelay:_t/t.length*(m?t.length-1-a:a)+"ms"})},e.icon))))),Y.default.createElement(Lt,{onClick:m?h:()=>{p(!0),r&&r()}})))},exports.GenderOptionControl=ve,exports.Grid=({className:e,columns:t,columnsDesktop:n,gridTemplateColumns:i,gridTemplateColumnsDesktop:l,gap:r,children:o,justifyChildren:s,style:d,alignItems:c})=>Y.default.createElement(a.StyledGrid,{className:e,style:d,theme:{columns:t,columnsDesktop:n,gap:r,justifyChildren:s,gridTemplateColumns:i,gridTemplateColumnsDesktop:l,alignItems:c}},o),exports.IconText=({size:e,iconPosition:t,className:a,children:n,icon:i})=>Y.default.createElement(Fe,{className:a,"data-size":e,"data-icon-position":t},"left"===t&&i,n,"right"===t&&i),exports.Loading=({className:e,theme:a,hideText:n})=>{const{t:i}=l.useTranslations();return Y.default.createElement("div",{className:`${ye} ${e}`},Y.default.createElement(t.Icon.Spinner,{isMarryBaby:"marryBaby"===a}),!n&&i("loading"))},exports.MAPPING_CATEGORY_PREMIUM_API_TYPE=Bl,exports.MAPPING_CATEGORY_PREMIUM_TYPE=Tl,exports.MobileBottomNavigation=Xt,exports.MobileBottomNavigationIcon=Yt,exports.OvulationCardEmbed=({onSubmitOvulation:e,locale:t,ovulationPageInfo:a,expertUrl:n,isSide:i=!1,siteType:r,isMobile:o})=>{var c;const{t:u}=l.useTranslations();return Y.default.createElement(Xn,{"data-is-side":i,"data-site":r},Y.default.createElement(Nn,{isSide:i,bannerUrl:s.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),siteType:r,bannerColor:"marryBaby"===r&&d.theme.mbColors.mint,isEmbeded:!0,color:"pink",icon:Y.default.createElement("img",{alt:"health-tool-icon",src:(null==a?void 0:a.featured_image)||s.CommonGAssets.getAssetPath("health-tools/ovulation-icon.svg"),loading:"lazy"}),heading:u("healthTools.ovulationCalculator"),medicalReview:{link:n,reviewer:null===(c=null==a?void 0:a.reviewed_by)||void 0===c?void 0:c.display_name,date:null==a?void 0:a.reviewed_date},isMobile:o}),Y.default.createElement(Yn,{onSubmit:e=>e.preventDefault(),className:"ovulation-cal","data-is-side":i},Y.default.createElement(zi,{siteType:r,locale:t,onSubmitOvulation:e,isSide:i})))},exports.PWGCardEmbed=({locale:n,onClick:i,inputErrorMessage:r,pwgContent:c,onFormChange:u,info:m,isMobile:h,isSide:g=!1,siteType:f})=>{var b;const{t:v}=l.useTranslations(),[y,x]=e.useState("notwins"),[w,E]=e.useState({label:"1",value:1}),C=e.useMemo((()=>[...Array(40)].map(((e,t)=>({label:`${t+1}`,value:`${t+1}`})))),[]),{getHealthToolLink:k}=_.useHealthToolsCache(n),S=e.useMemo((()=>k(a.HEALTH_TOOL_TYPE.PWG)),[k]);return Y.default.createElement(Xn,{"data-is-side":g,"data-site":f},Y.default.createElement(Nn,{siteType:f,bannerColor:"marryBaby"===f&&d.theme.mbColors.mint,isEmbeded:!0,color:"pink",icon:Y.default.createElement("img",{alt:"health-tool-icon",src:(null==c?void 0:c.featuredImage)||s.CommonGAssets.getAssetPath("health-tools/pwg-icon.svg"),loading:"lazy"}),heading:v("pregnancyWeightGain.heading"),medicalReview:{link:P.formatUserProfileUrl(null==c?void 0:c.reviewedBy),reviewer:null===(b=null==c?void 0:c.reviewedBy)||void 0===b?void 0:b.display_name,date:null==c?void 0:c.reviewedDate},isMobile:h,isSide:g}),Y.default.createElement(N.Container,null,Y.default.createElement(Yn,{onSubmit:e=>e.preventDefault(),className:"pwg-view-mobile","data-is-side":g},"marryBaby"!==f&&Y.default.createElement(Rn,{className:"hide-asking-mobile","data-is-side":g},Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",style:{display:"block",color:d.theme.colors.gray600},className:"label"},v("pregnancyWeightGain.havingTwins")),Y.default.createElement(Kn,{options:[{value:"twins",label:v("switchBtn.yes")},{value:"notwins",label:v("switchBtn.no")}],value:y,onChange:e=>x(e),className:"gender-selector",id:"twins-check",type:"circle",direction:"horizontal",size:"small",group:"group1"})),Y.default.createElement(Gn,null,Y.default.createElement(Wn,{className:"input-section input-form-pwg","data-is-side":g},"marryBaby"===f?Y.default.createElement(An,{groupedWithLabel:v("pregnancyWeightGain.weekInput"),options:C,placeholder:"28 days",id:"due-date-dropdown",size:"lg",value:w,onChange:e=>E({label:e.label,value:e.value})}):Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",style:{display:"inline-block",marginBottom:"9px",color:d.theme.colors.gray600}},v("pregnancyWeightGain.weekInput")),Y.default.createElement(B.Dropdown,{options:C,placeholder:String(w.label),id:"weight-gain-dropdown",size:"md",value:w,onChange:e=>E({label:e.label,value:e.value})}))),Y.default.createElement($i,{siteType:f,info:m,errorMessage:r,onChange:u})),"marryBaby"!==f&&Y.default.createElement(Rn,{className:"hide-asking-desk","data-is-side":g},Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",style:{display:"block",color:d.theme.colors.gray600},className:"label"},v("pregnancyWeightGain.havingTwins")),Y.default.createElement(Kn,{options:[{value:"twins",label:v("switchBtn.yes")},{value:"notwins",label:v("switchBtn.no")}],value:y,onChange:e=>x(e),className:"gender-selector",id:"twins-check-mobile",type:"circle",direction:"horizontal",size:"small",group:"group1"})),"marryBaby"===f&&Y.default.createElement(he,{name:"twins",label:v("pregnancyWeightGain.havingTwins"),checked:"twins"===y,siteType:"marryBaby",onChange:()=>{x("twins"===y?"notwins":"twins")},value:"twins"}),Y.default.createElement(Un,{"data-is-side":g,"data-site":f},Y.default.createElement(p.Button,{dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${o.domainLocales["marryBaby"===f?"vi-VN_MB":n]}/${S}`,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===f?"secondary":"primary",onClick:()=>i(y,w.value),role:"button"},v("dueDatePage.lastPeriod.calculate"))))))},exports.Pagination=({className:t,pagesAmount:i,currentPage:l,onChange:r,onClick:o,style:s,href:d,queryPageName:c="page"})=>{const u=[...Array(i)].map(((e,t)=>t+1)),[m,p]=e.useState(l),h=e.useMemo((()=>d&&d.endsWith("&page=")?d.replace("&page=",""):d),[d]),g=i-1,f=e=>{e<=i&&e>0&&(p(e),r(e))},b=e=>{o&&o(e)};return e.useEffect((()=>{p(l)}),[l]),Y.default.createElement(a.StyledPagination,{className:t,style:s},Y.default.createElement(a.StyledPageBlock,{className:"prev-page",onClick:()=>f(m-1),"data-last-page":1===m||void 0},h?Y.default.createElement("a",{href:n.formatUrlWithPageParam(h,m,c),onClick:b},Y.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):Y.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),u.length>8?Y.default.createElement(me,{pagesAmount:i,activePage:m,handlePageChange:f,handleClick:b,href:h,queryPageName:c}):u.map((e=>Y.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===m||void 0,onClick:()=>f(e)},h?Y.default.createElement("a",{href:n.formatUrlWithPageParam(h,e,c),onClick:b},e):e))),Y.default.createElement(a.StyledPageBlock,{className:"next-page",onClick:()=>f(m+1),"data-last-page":m===g+1||void 0},h?Y.default.createElement("a",{href:n.formatUrlWithPageParam(h,m,c),onClick:b},Y.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):Y.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.ProgressBar=({type:t,numberOfStep:a,activeStep:n,labelPrefix:i,detailSteps:l,className:r,onChange:o})=>{const[s,d]=e.useState(0),u=e=>{var{trackClassName:t}=e,a=c.__rest(e,["trackClassName"]);return Y.default.createElement(Ue,Object.assign({},a,{className:t}),Y.default.createElement(Ge,null))},m=Y.default.createElement(Re,{className:r+" progress-bar"},Y.default.createElement(u,null),Y.default.createElement((({trackLength:e,activeStep:t,labelPrefix:n="Step",onChange:i})=>Y.default.createElement(Y.default.Fragment,null,Array.from({length:a},((e,t)=>t)).map(((l,r)=>Y.default.createElement(He,{"data-is-active":r===t,"data-label":r,style:{left:r*e/(a-1)},onClick:()=>{i&&i(r)},key:r},r+1,Y.default.createElement(We,{"data-step-passed":r<=t},n+" "+(r+1))))))),{trackLength:s,activeStep:n,labelPrefix:i,onChange:o})),p=Y.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 5.5 9.5"},Y.default.createElement("title",null,"chevron-right"),Y.default.createElement("path",{d:"M.75 8.75l4-4-4-4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),h=Y.default.createElement(qe,null,l&&Array.from({length:l.length},((e,t)=>t)).map(((e,t)=>{var a;return Y.default.createElement(Ve,{key:t,"data-selected":t===n,onClick:()=>{o&&o(t)}},null===(a=l[t])||void 0===a?void 0:a.text," ",t<l.length-1&&p)}))),g=Y.default.createElement(Re,{className:r+" progress-bar"},Y.default.createElement((({detailSteps:e,activeStep:t,onChange:a})=>Y.default.createElement(Y.default.Fragment,null,Array.from({length:e.length},((e,t)=>t)).map(((n,i)=>Y.default.createElement(Qe,{key:i,style:{left:100/e.length*i+"%",width:100/e.length+"%"},onClick:()=>{a&&a(i)}},e[i].icon?Y.default.createElement(Ye,{onClick:()=>{a&&a(i)}},e[i].icon):Y.default.createElement(Ze,{"data-is-active":i===t,"data-label":n,onClick:()=>{a&&a(i)},key:i},i+1),Y.default.createElement(Xe,{"data-step-passed":i<t+1},e[i].text,Y.default.createElement(Ke,null,e[i].description)),i<e.length-1&&Y.default.createElement(u,{"data-step-passed":i<t,trackClassName:"progress-track","data-track-type":"detail"})))))),{activeStep:n,detailSteps:l,onChange:o})),f=e.useCallback(ee.default((()=>{const e=document.querySelector(".progress-bar");e&&d(e.offsetWidth)}),1e3),[]);return e.useEffect((()=>{const e=document.querySelector(".progress-bar");return d(null==e?void 0:e.offsetWidth),window.addEventListener("resize",f,{passive:!0}),()=>{window.removeEventListener("resize",f)}}),[]),"step-track"===t&&m||"breadcrumb"===t&&h||"detail-track"===t&&g},exports.Radio=pe,exports.RadioGroup=et,exports.RateStars=({gap:t=2,size:n=24,star:i,totalStars:l=5,onSelect:r,hideEmptyStars:o,style:s,className:d})=>{const c=Math.floor(i),u=i-c>=.5?1:0,[m,p]=e.useState(null),h=m||c,g=m?0:u;return Y.default.createElement(a.StyledRateStars,{"data-selectable":!!r,style:Object.assign({"--gap":t,"--star-size":n},s),className:d},Array.from({length:o?c+u:l}).map(((e,t)=>{const a=()=>!!r&&p(t+1),n=()=>!!r&&p(null);return t+1<=h?Y.default.createElement(fe,{key:t,onClick:()=>null==r?void 0:r(t+1),onMouseOver:a,onMouseLeave:n}):t+1===h+g?Y.default.createElement(be,{key:t,onClick:()=>null==r?void 0:r(t+1),onMouseOver:a,onMouseLeave:n}):Y.default.createElement(ge,{key:t,onClick:()=>null==r?void 0:r(t+1),onMouseOver:a,onMouseLeave:n})})))},exports.ScrollList=({row:t=2,column:a=3,isDotsShown:n=!0,isImageGalleryShown:i=!1,mode:l="infinity",type:r="separated",distanceOverlappedLeft:o={amount:0,unit:"pixel"},children:s,className:d,isProgressShown:c=!1,statusChildren:u,isArrowShown:m=!1,classNameLeftArrow:p,classNameRightArrow:h,dataEventCategory:g,dataEventAction:f,dataEventLabel:b,onChangePage:v,page:y,customPageWidth:x,scheme:w="hellosites",arrowType:E="Discover"})=>{const C="number"==typeof y,[k,S]=e.useState(C?y:0),T=[];Y.default.Children.map(s,((e,n)=>{n%(t*a)==0&&T.push([]),T[T.length-1].push(Y.default.cloneElement(e))}));const B=e.useRef(),N=e.useRef(0),A=e=>{if(!B.current)return;const{clientWidth:t}=B.current,a=x||t,n="intertwined"===r?"percentage"===o.unit?e*a+o.amount/100*a*e:e*a+o.amount*a*e:e*a;B.current.scrollTo({top:0,left:n,behavior:"smooth"}),N.current=e,S(e),v&&v(e)};e.useEffect((()=>{"number"==typeof y&&(e=>{if(!B.current)return;const{clientWidth:t}=B.current,a=x||t,n="intertwined"===r?"percentage"===o.unit?e*a+o.amount/100*a*e:e*a+o.amount*a*e:e*a;B.current.scrollTo({top:0,left:n,behavior:"smooth"}),N.current=e,S(e)})(y)}),[y]);const _=e=>{if(!B.current)return;const{clientWidth:t}=B.current,a=x||t;let n;n=0===k?0:k*a,"forward"===e&&(n===a*(T.length-1)?(S(T.length-1),n=a*(T.length-1),v&&v(T.length-1)):(S(k+1),n+=a,v&&v(k+1)),B.current.scrollTo({top:0,left:n,behavior:"smooth"})),"back"===e&&(0===n?(S(0),v&&v(0),n=0):(S(k-1),v&&v(k-1),n-=a),B.current.scrollTo({top:0,left:n,behavior:"smooth"}))},D=ee.default((()=>{if("infinity"===l){if(!B.current)return;const{clientWidth:e,scrollLeft:t}=B.current,a=x||e,n=Math.floor(t/a);S(n),v&&v(n)}}),400);return e.useEffect((()=>{if("snapped"===l){let e,t,a,n,i,l,s=!1;const d=B.current,c=(l,r)=>{s=!0,a=!1,n=!1,e=l-d.offsetLeft,t=r-d.offsetTop,i=d.scrollLeft},u=e=>{c(e.pageX,e.pageY)},m=e=>{c(e.touches[0].pageX,e.touches[0].pageY)},p=()=>{if(s=!1,a=!1,n=!1,!B.current)return;const{clientWidth:e}=B.current,t=x||e,i="ltr"===l?0!==N.current?N.current-1:N.current:"rtl"===l&&N.current<T.length-1?N.current+1:N.current,d="intertwined"===r?"percentage"===o.unit?i*t+o.amount/100*t*i:i*t+o.amount*t*i:i*t;B.current.scrollTo({top:0,left:d,behavior:"smooth"}),l="none",N.current!==i&&(N.current=i,S(i),v&&v(i))},h=(r,o)=>{if(!s)return;const c=r-d.offsetLeft,u=o-d.offsetTop,m=c-e,p=u-t;a||n||!(p>20||p<-20)||(a=!0),!a&&(m>20||m<-20)&&(n=!0,d.scrollLeft=i-m,m>0&&(l="ltr"),m<0&&(l="rtl"),0===m&&(l="none"))},g=e=>{n&&e.preventDefault(),h(e.pageX,e.pageY)},f=e=>{n&&e.preventDefault(),h(e.touches[0].pageX,e.touches[0].pageY)};return null==d||d.addEventListener("mousedown",u,{passive:!0}),null==d||d.addEventListener("touchstart",m,{passive:!0}),window.addEventListener("mouseup",p,{passive:!0}),window.addEventListener("touchend",p,{passive:!0}),null==d||d.addEventListener("mousemove",g,{passive:!0}),null==d||d.addEventListener("touchmove",f,{passive:!0}),()=>{null==d||d.removeEventListener("mousedown",u),null==d||d.removeEventListener("touchstart",m),window.removeEventListener("mouseup",p),window.removeEventListener("touchend",p),null==d||d.removeEventListener("mousemove",g),null==d||d.removeEventListener("touchmove",f)}}}),[]),Y.default.createElement(dt,{className:d,"data-row":t,onScroll:D},m&&k>0&&Y.default.createElement("div",{className:`${p} arrow-left`,onClick:()=>_("back"),"data-event-category":g,"data-event-action":f,"data-event-label":b},"Care"===E?Y.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},Y.default.createElement("g",{filter:"url(#filter0_dd_12599_34420)"},Y.default.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3V3C31.8368 3 39.0002 10.1634 39.0002 19V19C39.0002 27.8366 31.8368 35 23.0002 35V35C14.1637 35 7.00024 27.8366 7.00024 19V19Z",fill:"white"}),Y.default.createElement("path",{d:"M20.9293 19L24.7503 15.179C25.1643 14.765 25.1643 14.093 24.7503 13.679C24.3363 13.265 23.6643 13.265 23.2503 13.679L18.6363 18.293C18.2453 18.684 18.2453 19.317 18.6363 19.707L23.2503 24.321C23.6643 24.735 24.3363 24.735 24.7503 24.321C25.1643 23.907 25.1643 23.235 24.7503 22.821L20.9293 19Z",fill:"#595959"}),Y.default.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),Y.default.createElement("defs",null,Y.default.createElement("filter",{id:"filter0_dd_12599_34420",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},Y.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),Y.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),Y.default.createElement("feOffset",{dx:"-2",dy:"2"}),Y.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),Y.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),Y.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12599_34420"}),Y.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),Y.default.createElement("feOffset",{dx:"-1",dy:"1"}),Y.default.createElement("feGaussianBlur",{stdDeviation:"1"}),Y.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),Y.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12599_34420",result:"effect2_dropShadow_12599_34420"}),Y.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12599_34420",result:"shape"})))):Y.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),Y.default.createElement("path",{d:"M15.9997 11.1109L11.1108 15.9998L15.9997 20.8887",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),Y.default.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),Y.default.createElement("div",{ref:B,className:"container",style:{overflowX:"snapped"===l||m?"hidden":"scroll"}},T.map(((e,n)=>{let i=0;for(let e=0;e<n;e++)i+=T[e].length;return Y.default.createElement("div",{key:n,className:"section",style:{marginLeft:"intertwined"===r&&0!==n?o.amount+""+("percentage"===o.unit?"%":"px"):"0px"}},1===t&&c&&Y.default.createElement("div",{className:"progress-bar",style:{gridTemplateColumns:`repeat(${a}, 1fr)`}},e.map(((t,a)=>{const l=i+a,r=u.find((e=>e.index===l));return Y.default.createElement("div",{className:"items-progress",key:a},0===a&&0===n?Y.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):Y.default.createElement("div",{className:"line"}),Y.default.createElement("div",{className:"icon-status"},Y.default.createElement(ct,{status:null==r?void 0:r.status})),n===T.length-1&&a===e.length-1?Y.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):Y.default.createElement("div",{className:"line"}))}))),Y.default.createElement("div",{className:"grid-layout","data-index":n,style:{gridTemplateColumns:`repeat(${a}, 1fr)`,gridTemplateRows:`repeat(${t}, 1fr)`}},e.map(((e,t)=>Y.default.createElement(Y.default.Fragment,{key:t},Y.default.createElement("div",{className:"item-grid",key:t},e))))))}))),m&&k<T.length-1&&Y.default.createElement("div",{className:`${h} arrow-right`,onClick:()=>_("forward"),"data-event-category":g,"data-event-action":f,"data-event-label":b}," ","Care"===E?Y.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},Y.default.createElement("g",{filter:"url(#filter0_dd_12597_34423)"},Y.default.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3C31.8368 3 39.0002 10.1634 39.0002 19C39.0002 27.8366 31.8368 35 23.0002 35C14.1637 35 7.00024 27.8366 7.00024 19Z",fill:"white"}),Y.default.createElement("path",{d:"M24.0712 19L20.2502 15.179C19.8362 14.765 19.8362 14.093 20.2502 13.679C20.6642 13.265 21.3362 13.265 21.7502 13.679L26.3642 18.293C26.7552 18.684 26.7552 19.317 26.3642 19.707L21.7502 24.321C21.3362 24.735 20.6642 24.735 20.2502 24.321C19.8362 23.907 19.8362 23.235 20.2502 22.821L24.0712 19Z",fill:"#595959"}),Y.default.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),Y.default.createElement("defs",null,Y.default.createElement("filter",{id:"filter0_dd_12597_34423",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},Y.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),Y.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),Y.default.createElement("feOffset",{dx:"-2",dy:"2"}),Y.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),Y.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),Y.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12597_34423"}),Y.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),Y.default.createElement("feOffset",{dx:"-1",dy:"1"}),Y.default.createElement("feGaussianBlur",{stdDeviation:"1"}),Y.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),Y.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12597_34423",result:"effect2_dropShadow_12597_34423"}),Y.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12597_34423",result:"shape"})))):Y.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),Y.default.createElement("path",{d:"M15.9998 20.8891L20.8887 16.0002L15.9998 11.1113",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),Y.default.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),n&&Y.default.createElement("ul",{className:"bullet-nav"},T.map(((e,t)=>Y.default.createElement("li",{key:t,className:"bullet-nav__item "},Y.default.createElement("p",{onClick:()=>A(t),className:`bullet-nav__link scroll ${k==t?"active":null}`,"data-scheme":w}))))),i&&Y.default.createElement("div",{className:"image-gallery-wrapper","data-test":T.length},T.slice(0,3).map(((e,t)=>Y.default.createElement("div",{className:`image-block ${k==t?"active":null}`,key:t,onClick:()=>A(t),"data-scheme":w},e)))))},exports.SeoHead=({SEOData:t={},locale:a="vi-VN",routerPathname:n,routerQuery:i,nextHead:l,siteType:s,seoCustom:d,userId:c,forcedCanonicalUrl:u})=>{var m,p,h,g,f,b,v,y,x,w,E,C;const{totalPages:k,currentPage:S,SEOTitle:T="",SEODescription:B="",SEOImage:N,seoType:A,SEOImageWidth:_,SEOImageHeight:D,customMetaData:I=[],isIndexable:M=!0,hasNoCanonical:P=!1}=t,L=M&&r.isProduction?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",{NEXT_PUBLIC_BASE_API_URL:z}=process.env;let $=t.canonicalUrl||n;Object.keys(i).forEach((e=>{const t=i[e];t&&Array.isArray(t)&&($=$.replace(`[...${e}]`,t.join("/")))}));const O=a||"en-PH",j="helloSites"===s?o.domainLocales[O]:"www.marrybaby.vn",F=$.endsWith("/")?"":"/",R=e.useMemo((()=>{var e,n,i,l,r,o,s;let d="";if(t.apiMetaData&&"string"==typeof t.apiMetaData){const c=null===(e=t.apiMetaData)||void 0===e?void 0:e.match(/<title.*?>(.*)<\/title>/),u=` - Page ${S} of ${k}`,m=S&&1!==S&&c?t.apiMetaData.replace(c[0],c[0].includes("-")?c[0].replace("-",u+" - "):`<title>${c[1].concat(u)}</title>`).replace(`<link rel="canonical" href="https://${j}${$}${F}" />`,`<link rel="canonical" href="https://${j}${$}${F}?page=${S}" />`):t.apiMetaData;if(d=hn(m,{trim:!0}),!d.find((e=>{var t,a;return"og:image"===(null===(t=e.props)||void 0===t?void 0:t.property)||"og:image:secure_url"===(null===(a=e.props)||void 0===a?void 0:a.property)}))){const e=`https://${j}/images/${a}.png`;d=[...d,Y.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(n=t.openGraph)||void 0===n?void 0:n.image)||N||e||""}),Y.default.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(i=t.openGraph)||void 0===i?void 0:i.image)||N||e}),Y.default.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(l=t.openGraph)||void 0===l?void 0:l.imageWidth)&&String(null===(r=t.openGraph)||void 0===r?void 0:r.imageWidth)||_&&String(_)||"1200"}),Y.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(o=t.openGraph)||void 0===o?void 0:o.imageHeight)&&String(null===(s=t.openGraph)||void 0===s?void 0:s.imageHeight)||D&&String(D)||"630"})]}}return d}),[t.apiMetaData,t.openGraph,N,D,_,S,$,k,a,j]),H=`https://${j}/images/${a}.png`;return Y.default.createElement(l,null,Y.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===s&&Y.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===a?Y.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===a||"ms-MY"===a?Y.default.createElement(Y.default.Fragment,null):Y.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap",rel:"preload",as:"style"}),Y.default.createElement("link",{rel:"preconnect",href:z}),Y.default.createElement("meta",{charSet:"UTF-8"}),Y.default.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),Y.default.createElement("meta",{name:"google",content:"notranslate"}),Y.default.createElement("meta",{name:"robots",content:L}),Y.default.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),I.map(((e,t)=>Y.default.createElement("meta",Object.assign({key:t},e)))),Y.default.createElement("meta",{name:"theme-color",content:"helloSites"===s?"#2c87f3":"#e85388"}),Y.default.createElement("meta",{name:"page_type",content:"Home"}),Y.default.createElement("meta",{name:"page_platform",content:"WEB"}),Y.default.createElement("meta",{name:"page_language",content:O}),Y.default.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),!R&&Y.default.createElement(Y.default.Fragment,null,"helloSites"===s?Y.default.createElement("title",null,d?T:T+" - "+(null===(m=o.LOCALE_SPECS[a])||void 0===m?void 0:m.SITE_NAME)):Y.default.createElement("title",null,T),!P&&Y.default.createElement("link",{rel:"canonical",href:`https://${j}${$}`}),Y.default.createElement("meta",{name:"description",content:B||(null===(p=t.openGraph)||void 0===p?void 0:p.description)}),t.schemaData&&Y.default.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:t.schemaData}}),Y.default.createElement("meta",{property:"og:locale",content:a}),Y.default.createElement("meta",{property:"og:type",content:A||"website"}),Y.default.createElement("meta",{property:"og:title",content:(null===(h=t.openGraph)||void 0===h?void 0:h.title)||T}),Y.default.createElement("meta",{property:"og:description",content:(null===(g=t.openGraph)||void 0===g?void 0:g.description)||B}),Y.default.createElement("meta",{property:"og:url",content:`https://${j}${$}`}),Y.default.createElement("meta",{property:"og:site_name",content:`https://${j}`}),Y.default.createElement("meta",{property:"og:image",content:(null===(f=t.openGraph)||void 0===f?void 0:f.image)||N||H||""}),Y.default.createElement("meta",{property:"og:image:secure_url",content:(null===(b=t.openGraph)||void 0===b?void 0:b.image)||N||H}),Y.default.createElement("meta",{property:"og:image:width",content:(null===(v=t.openGraph)||void 0===v?void 0:v.imageWidth)&&String(null===(y=t.openGraph)||void 0===y?void 0:y.imageWidth)||_&&String(_)||"1200"}),Y.default.createElement("meta",{property:"og:image:height",content:(null===(x=t.openGraph)||void 0===x?void 0:x.imageHeight)&&String(null===(w=t.openGraph)||void 0===w?void 0:w.imageHeight)||D&&String(D)||"630"}),Y.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),Y.default.createElement("meta",{name:"twitter:title",content:(null===(E=t.twitter)||void 0===E?void 0:E.title)||T}),Y.default.createElement("meta",{name:"twitter:description",content:B}),Y.default.createElement("meta",{name:"twitter:image",content:(null===(C=t.twitter)||void 0===C?void 0:C.image)||N})),("helloSites"===s?o.FAVICONS[O]||[]:o.FAVICONS.marryBaby).map(((e,t)=>"link"===e.type?Y.default.createElement("link",{key:`favicon-${t}`,rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?Y.default.createElement("meta",{key:t,name:e.name,content:e.content}):null)),Array.isArray(R)&&u?R.filter((e=>"canonical"!==e.props.name&&"canonical"!==e.props.rel)):R,u&&Y.default.createElement("link",{rel:"canonical",href:u}),!t.hasNoAmp&&"vi-VN"!==a&&Y.default.createElement("link",{rel:"amphtml",href:`https://${j}${$}${F}?amp=1`}),c&&"undefined"!=typeof window?Y.default.createElement("script",{dangerouslySetInnerHTML:{__html:`window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '${c}'});`}}):null)},exports.ShareContainer=({url:a,onCopied:n,locale:i,siteType:r})=>{const{t:o}=l.useTranslations(),s=R.getSocialList(a||"").filter((e=>!e.allowedLocales||e.allowedLocales.includes(i))),u=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return Y.default.createElement(ll,null,Y.default.createElement(t.Text,{size:"p3",color:d.theme.colors.gray800},o("shareContainer.title")),Y.default.createElement("div",{className:"icon-group"},s.map(((e,t)=>Y.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer","data-event-category":"Health Tool","data-event-action":`Social Share - ${e.name}`,"data-event-label":u},e.icon))),Y.default.createElement(w.Button,{theme:r,size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:Y.default.createElement(rl,null),onClick:()=>c.__awaiter(void 0,void 0,void 0,(function*(){var e;yield null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(a),null==n||n()})),"data-event-category":"Health Tool","data-event-action":"Copy Link","data-event-label":u})))},exports.ShareDrawer=a=>{var{open:n,title:i,onClose:r,onCopied:o,onShared:s,url:u,locale:m}=a,p=c.__rest(a,["open","title","onClose","onCopied","onShared","url","locale"]);const{t:h}=l.useTranslations(),g=e.useCallback((()=>c.__awaiter(void 0,void 0,void 0,(function*(){var e;yield null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(u),null==o||o()}))),[u,o]),f=R.getSocialList(u||"").filter((e=>!e.allowedLocales||e.allowedLocales.includes(m)));return e.useEffect((()=>{n&&navigator.share&&navigator.share({title:null!=i?i:"Read This Post",url:u}).then((()=>{null==s||s()})).catch((()=>{null==r||r()}))}),[u,i,s,n]),"undefined"!=typeof navigator&&navigator.share?null:Y.default.createElement(ol,Object.assign({title:h("share.title"),onClose:r,open:n,placement:"bottom"},p),Y.default.createElement("div",{className:"share-container"},Y.default.createElement("div",{className:"icon-container"},Y.default.createElement(t.Text,{weight:"semiBold",size:"s3",color:d.theme.colors.gray600},h("share.title")),Y.default.createElement("div",{className:"icon-group"},f.map(((e,t)=>Y.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer"},e.icon))))),Y.default.createElement("div",{className:"link-container"},Y.default.createElement(t.Text,{weight:"semiBold",size:"s3",color:d.theme.colors.gray600},h("share.copyLink")),Y.default.createElement("div",{className:"input-group"},Y.default.createElement(E.Input,{name:"link",size:"md",value:u,isDisabled:!0}),Y.default.createElement(w.Button,{size:"md",type:"button",color:"tertiary",icon:Y.default.createElement(sl,null),onClick:g})))))},exports.StatisticCard=({type:e,description:t,value:a,withIcon:n,isInACard:i,cardColor:l,className:r})=>Y.default.createElement(ut,{className:r,"data-size":e,"data-is-in-card":"big"===e&&i,"data-card-color":l},Y.default.createElement(pt,null,"small"===e&&Y.default.createElement(mt,{"data-color":l}),t),Y.default.createElement(ht,{"data-size":e},"small"!==e&&n,a)),exports.SurveyOrPremiumBanner=({type:t,articleId:n=0,categoryIds:i=[],isMarketing:r,isSurveyType:d,hasPremiumBanner:c,currentUrl:m,isMobile:p,subcribeHealthStatus:h,setShouldAcquisitionModalOpen:g,onValueChange:f,source:b="discover",Wrapper:v})=>{const{t:y}=l.useTranslations(),{data:{userInfo:x}}=e.useContext(a.TogetherComponentGlobalContext),w=Boolean(null==x?void 0:x.id),[E,C]=e.useState(null),[k,S]=e.useState(),[T,B]=e.useState(""),[N,A]=e.useState(!1),[_,D]=e.useState(!1),I=e.useMemo((()=>Tl[t]),[]),M=((e,t)=>({[El.Pregnant]:{action:Sl.ShowOptionBanner,props:{heading:e("pnBanner.pregnancy.heading"),description:e("pnBanner.pregnancy.desc"),styleType:kl.Button,thumbnail:{desktop:s.CommonGAssets.getAssetPath("newsletter/banner-option-pregnancy-desktop.png"),mobile:s.CommonGAssets.getAssetPath("newsletter/banner-option-pregnancy-mobile.png")},buttonProps:{variant:"white",styles:e=>({minWidth:u.rem(80),[e.fn.largerThan("sm")]:{minWidth:u.rem(120)}})},items:[{label:e("switchBtn.yes"),value:"yes",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Are you navigating the world of pregnancy - Yes Click",dataEventLabel:t}},{label:e("switchBtn.no"),value:"no",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Are you navigating the world of pregnancy - No Click",dataEventLabel:t}}]},submitHandler:{yes:{action:Sl.ShowTool,props:{value:xl.DUE_DATE}},no:{action:Sl.ShowPremiumModal}}},[El.Parenting]:{action:Sl.ShowOptionBanner,props:{heading:e("pnBanner.parenting.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:s.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:s.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,styleType:kl.Checkbox,items:[{label:e("pnBanner.toddlers"),value:"todders"},{label:e("pnBanner.teenager"),value:"teenager"}],submitBtnTracking:{dataEventCategory:"Focused Audience",dataEventAction:"What is the age range of your kids Click",dataEventLabel:t}},submitHandler:{todders:{action:Sl.ShowTool,props:{value:xl.BABY_VACCINE}},teenager:{action:Sl.ShowOptionBanner,props:{styleType:kl.Button,heading:e("pnBanner.teenager.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:s.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:s.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-mobile.png")},buttonProps:{variant:"white"},items:[{label:e("childCard.boy"),value:"teenager.boy",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"What is the gender of your kids - Boy Click",dataEventLabel:t}},{label:e("childCard.girl"),value:"teenager.girl",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"What is the gender of your kids - Girl Click",dataEventLabel:t}}]}},"teenager.boy":{action:Sl.ShowPremiumModal},"teenager.girl":{action:Sl.ShowTool,activeTool:o.RISK_SCREENER_NAME.HPV,props:{value:o.RISK_SCREENER_NAME.HPV}},"todders|teenager":{action:Sl.ShowOptionBanner,props:{styleType:kl.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:s.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:s.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,buttonProps:{variant:"secondary"},styles:e=>({wrapper:{[e.fn.smallerThan("sm")]:{flexDirection:"column"}},button:{background:e.colors.blue[0]}}),items:[{label:e("pnBanner.vaccine.btnLabel"),activeTool:xl.BABY_VACCINE,isLink:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Baby Vaccine Click",dataEventLabel:t}},{label:e("pnBanner.pn.btnLabel"),value:"todders|teenager.showPN",isPNBtn:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Premium Newsletter Click",dataEventLabel:t}}]}},"todders|teenager.showPN":{action:Sl.ShowOptionBanner,props:{styleType:kl.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:s.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:s.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,buttonProps:{variant:"secondary"},styles:e=>({wrapper:{[e.fn.smallerThan("sm")]:{flexDirection:"column"}},button:{background:e.colors.blue[0]}}),items:[{label:e("pnBanner.vaccine.btnLabel"),activeTool:xl.BABY_VACCINE,isLink:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Baby Vaccine Click",dataEventLabel:t}}]}}}}}))(y,m)[I],P=null==M?void 0:M.submitHandler,L=v||u.Box,z=()=>c&&1!==(null==x?void 0:x.subscription)?Y.default.createElement(_l,null):null;return e.useEffect((()=>{w&&C({userInfo:x,preferredTopics:vl,healthTopics:[]})}),[w]),Y.default.createElement(Al.Provider,{value:{settings:M,submitHandler:P,type:t,surveyType:I,value:T,setValue:B,isMobile:p,isLoggedIn:w,isMarketing:r,hasPremiumBanner:c,currentUrl:m,acquisitionInfo:E,categoryIds:i,subcribeHealthStatus:h,articleId:n,onValueChange:f,state:k,setState:S,handleClickOption:e=>{const t=(e=>{let t="";const a=e.split("|");return 1===a.length?e:(Object.keys(P).map((e=>{const n=e.split("|");if(a.length===n.length){let i=0;a.map((e=>{n.includes(String(e))&&(i+=1)})),i===a.length&&(t=e)}})),t)})(e);if(t){const a=P[t];a.action===Sl.ShowPremiumModal?c?(A(!0),S(Object.assign(Object.assign({},k),{actionParams:{hideBannerWhenClose:a.action===Sl.ShowPremiumModal}}))):(S({action:Sl.Hide}),null==f||f(e)):(S(a),null==f||f(e))}},showPNModal:N,setShowPNModal:A,source:b,Outside:L,isBack:_,setIsBack:D,minHeight:180,setShouldAcquisitionModalOpen:g}},void 0!==h?w?d&&M?(()=>{const e=P[(null==h?void 0:h.value)||""];return(null==e?void 0:e.action)===Sl.ShowPremiumModal?z():Y.default.createElement(ar,null)})():z():c?Y.default.createElement(_l,null):null:null)},exports.SurveyQuestionCard=({className:a,headerText:n,style:i,question:l,termAndPolicyText:r,prevText:o,nextText:s,isContactForm:d,isDisableNext:c,isDisablePrev:u,onPrevClick:m,onNextClick:p,isSubmitButton:h,isButtonCenter:g,progress:f,descriptionText:b})=>{var v,y,x;const[E,C]=e.useState([]),{is_multi_select:k,multi_select_option:S,from:T,to:B}=l,N=null==l?void 0:l.type,A="checkbox"===N&&(null===(v=l.options)||void 0===v?void 0:v.length)&&(!E||0===E.length||k&&S===At.RANGE&&(E.length<T||E.length>B)||k&&S===At.EXACT_NUMBER&&E.length!==T)||"radio"===N&&(null===(y=l.options)||void 0===y?void 0:y.length)&&(!E||0===E.length)||"textbox"===N&&(null===(x=l.textOptions)||void 0===x?void 0:x.length)&&(E.length<l.textOptions.length||E.some((e=>!e.value))),_="number"==typeof f?f>1?1:f<0?0:Number(f.toFixed(2)):-1,D=e.useRef(null),I=()=>"textbox"!==N||D.current.reportValidity();return Y.default.createElement(Ct,{className:a,style:i},Y.default.createElement("div",{className:"survey-inner-wrapper"},n&&Y.default.createElement("div",{className:"survey-header"},Y.default.createElement(t.Text,{className:"survey-header-text",size:"c2"},n)),Y.default.createElement("form",{ref:D,onSubmit:e=>e.preventDefault()},Y.default.createElement(Nt,{question:l,description:b,onOptionsChange:e=>{C(e)},onTextOptionsChange:e=>{C(e)}})),d&&s&&Y.default.createElement(w.Button,{className:"survey-contact-submit",size:"lg",isDisabled:c||A,onClick:()=>I()&&p&&p(E)},s),r&&Y.default.createElement("div",{className:"term-policy-container"},r),"number"==typeof f&&Y.default.createElement("div",{className:"survey-progress-wrapper"},Y.default.createElement("div",{className:"survey-progress",style:{transform:`scaleX(${_})`}})),(o||s)&&Y.default.createElement("div",{"data-center":g,className:"survey-button-wrapper"},o&&Y.default.createElement(w.Button,{className:"survey-prev-button",size:"lg",color:u?"primary":"secondary",isDisabled:u,icon:Y.default.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("path",{d:"M2.44677 4.99999L5.31252 2.13424C5.62302 1.82374 5.62302 1.31974 5.31252 1.00924C5.00202 0.698742 4.49802 0.698742 4.18752 1.00924L0.727018 4.46974C0.433768 4.76299 0.433768 5.23774 0.727018 5.53024L4.18752 8.99074C4.49802 9.30124 5.00202 9.30124 5.31252 8.99074C5.62302 8.68024 5.62302 8.17624 5.31252 7.86574L2.44677 4.99999Z",fill:u?"#fff":"#2D87F3"})),onClick:m},o),!d&&s&&Y.default.createElement(w.Button,{onClick:()=>I()&&p&&p(E),className:"survey-next-button",size:"lg",isDisabled:c||A},s," ",h?void 0:Y.default.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("path",{d:"M3.80322 5.19994L0.937465 2.33419C0.626965 2.02369 0.626965 1.51969 0.937465 1.20919C1.24796 0.898693 1.75196 0.898693 2.06246 1.20919L5.52297 4.66969C5.81622 4.96294 5.81622 5.43769 5.52297 5.73019L2.06246 9.19069C1.75196 9.50119 1.24796 9.50119 0.937465 9.19069C0.626965 8.88019 0.626965 8.37619 0.937465 8.06569L3.80322 5.19994Z",fill:"#ffffff"}))))))},exports.SurveyThankyouCard=({thankyou:e,thankyouSubtitle:n,className:i,style:l})=>Y.default.createElement(Ct,{className:i,style:l},Y.default.createElement("div",{className:"survey-inner-wrapper"},Y.default.createElement(St,null,Y.default.createElement("div",{className:"survey-thankyou-wrapper-inner"},Y.default.createElement("svg",{viewBox:"0 0 122 122",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"survey-thankyou-icon"},Y.default.createElement("path",{d:"M61.5 122c33.137 0 60-26.863 60-60S94.637 2 61.5 2s-60 26.863-60 60 26.863 60 60 60Z",fill:d.theme.colors.primary50}),Y.default.createElement("ellipse",{cx:"61.5",cy:"110.36",rx:"48",ry:"3.36",fill:"#91CAFF"}),Y.default.createElement("path",{d:"M82.905 72.666H101.5L87.597 40H35.403L21.5 72.666h18.595V91H83.08l-.174-18.334Z",fill:"#2C74DF"}),Y.default.createElement("path",{d:"M74.4 15H39.863a5.364 5.364 0 0 0-5.363 5.363v52.214a5.364 5.364 0 0 0 5.363 5.363h43.273a5.364 5.364 0 0 0 5.363-5.363V21a6 6 0 0 0-6-6H74.4Z",fill:"#fff"}),Y.default.createElement("path",{d:"M88.853 80.108H34.147a4.055 4.055 0 0 1-4.087-4.074v-10.65c0-2.27 1.81-4.074 4.087-4.074h54.706a4.055 4.055 0 0 1 4.087 4.074v10.65c0 2.27-1.81 4.074-4.087 4.074Z",fill:"#E4E8EC"}),Y.default.createElement("path",{d:"M90.838 85.451H32.162a4.055 4.055 0 0 1-4.087-4.074v-10.65c0-2.27 1.81-4.074 4.087-4.074H90.78a4.055 4.055 0 0 1 4.087 4.074v10.65c.058 2.27-1.81 4.074-4.029 4.074Z",fill:"#fff"}),Y.default.createElement("path",{d:"M103.748 75.492v30.263c0 1.92-1.576 3.492-3.503 3.492H23.003c-1.927 0-3.503-1.572-3.503-3.492V75.492c0-1.92 1.576-3.492 3.503-3.492h19.384c1.926 0 3.503 1.571 3.503 3.492v5.354c0 .35.233.582.584.582h30.3c.351 0 .585-.233.585-.582v-5.354c0-1.92 1.576-3.492 3.503-3.492h19.383c1.927 0 3.503 1.571 3.503 3.492Z",fill:"#45A4FF"}),Y.default.createElement("path",{stroke:"#2C74DF",d:"M51.954 91.377v3.084c0 1.63 1.285 2.91 2.92 2.91h12.844c1.635 0 2.92-1.28 2.92-2.91v-3.084"}),Y.default.createElement("path",{d:"M120.5 38.025c-2-.246-3.25 1.352-2.375 3.195l.25.737c.75 1.844-.375 3.441-2.375 3.195l-.75-.123c-2-.245-3.25 1.352-2.375 3.195l.375.738c.75 1.843-.375 3.44-2.375 3.195l-.75-.123c-1.5-.123-2.625.737-2.625 1.966",stroke:"#FE921D"}),Y.default.createElement("path",{d:"M1.533 62c-.269 1.413 1.142 2.337 2.82 1.848l.672-.218c1.678-.543 3.089.38 2.82 1.848l-.134.544c-.269 1.413 1.141 2.337 2.82 1.848l.671-.218c1.68-.543 3.09.38 2.82 1.848l-.134.543c-.201 1.087.538 1.848 1.612 1.957M118 92a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM82 3.187l1.188 4.348 4.347-1.188L86.347 2 82 3.187Z",stroke:"#00B16A"}),Y.default.createElement("path",{stroke:"#FE921D",d:"M17 28a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"}),Y.default.createElement("path",{d:"M61.5 26.667c-7.364 0-13.333 5.97-13.333 13.333 0 7.364 5.969 13.333 13.333 13.333S74.833 47.364 74.833 40 68.864 26.667 61.5 26.667Zm7.61 10.276-9.334 9.333a1.33 1.33 0 0 1-1.885 0l-4-4a1.332 1.332 0 1 1 1.885-1.885l3.057 3.057 8.391-8.39a1.332 1.332 0 1 1 1.885 1.885Z",fill:"#00CB8A"})),e&&Y.default.createElement(a.Heading,{className:"survey-thankyou-title",tag:"h3"},e),n&&Y.default.createElement(t.Text,{className:"survey-thankyou-subtitle",size:"p3"},n))))),exports.THRCardEmbed=({isSide:n,locale:i,thrContent:r,isMobile:c,info:m,inputErrorMessage:p,onFormChange:h,onSubmit:g})=>{var f,b,v;const{t:y}=l.useTranslations(),{getHealthToolLink:x}=_.useHealthToolsCache(i),w=e.useMemo((()=>x(a.HEALTH_TOOL_TYPE.THR)),[x]),[E,C]=e.useState(!1),[k,T]=e.useState("low_intensity"),[B,A]=e.useState("male"),[D,I]=e.useState(60),[M,L]=e.useState({idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40}),z=[{idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40},{idAge:1,minAge:18,maxAge:25,rangeMale:49,rangeFemale:54},{idAge:2,minAge:25,maxAge:35,rangeMale:49,rangeFemale:54},{idAge:3,minAge:35,maxAge:45,rangeMale:50,rangeFemale:54},{idAge:4,minAge:45,maxAge:55,rangeMale:50,rangeFemale:54},{idAge:5,minAge:55,maxAge:65,rangeMale:51,rangeFemale:54},{idAge:6,minAge:65,maxAge:120,rangeMale:50,rangeFemale:54}],$=[{value:"low_intensity",label:y("targetHeartRate.lowIntensity.title"),image:s.CommonGAssets.getAssetPath("/low.svg"),imageActive:s.CommonGAssets.getAssetPath("/low-active.svg"),content:y("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:y("targetHeartRate.moderateIntensity.title"),image:s.CommonGAssets.getAssetPath("/moderate.svg"),imageActive:s.CommonGAssets.getAssetPath("/moderate-active.svg"),content:y("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:y("targetHeartRate.aerobicZone.title"),image:s.CommonGAssets.getAssetPath("/aerobic.svg"),imageActive:s.CommonGAssets.getAssetPath("/aerobic-active.svg"),content:y("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:y("targetHeartRate.vigorousIntensity.title"),image:s.CommonGAssets.getAssetPath("/vigorous.svg"),imageActive:s.CommonGAssets.getAssetPath("/vigorous-active.svg"),content:y("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:y("targetHeartRate.maximumIntensity.title"),image:s.CommonGAssets.getAssetPath("/maximum.svg"),imageActive:s.CommonGAssets.getAssetPath("/maximum-active.svg"),content:y("targetHeartRate.maximumIntensity.note")}];return e.useEffect((()=>{const e=((new Date).getTime()-new Date(null==m?void 0:m.age).getTime())/1e3;C(e>=567648e3);const t=z.find((t=>e>=365*t.minAge*24*60*60&&e<365*t.maxAge*24*60*60))||z[0];L(t),I(60)}),[null==m?void 0:m.age]),Y.default.createElement(Xn,{"data-is-side":n},Y.default.createElement(Nn,{isSide:n,icon:Y.default.createElement("img",{alt:"health-tool-icon",src:(null==r?void 0:r.featured_image)||s.CommonGAssets.getAssetPath("health-tools/target-heart-rate-icon.svg"),loading:"lazy"}),heading:y("targetHearRate.heading"),medicalReview:(null===(f=null==r?void 0:r.reviewedBy)||void 0===f?void 0:f.display_name)?{link:P.formatUserProfileUrl(null==r?void 0:r.reviewedBy),reviewer:null===(b=null==r?void 0:r.reviewedBy)||void 0===b?void 0:b.display_name,date:null==r?void 0:r.reviewedDate}:void 0,isMobile:c}),Y.default.createElement(N.Container,null,Y.default.createElement(Yn,{className:"heart-rate-cal",onSubmit:e=>e.preventDefault(),"data-is-side":n},Y.default.createElement(Bi,{"data-is-side":n},Y.default.createElement(Ti,null,Y.default.createElement(ve,{defaultValue:"male",onChange:e=>{A(e),I(60)},styles:e=>({root:!n&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:u.rem(12)}}})}))),Y.default.createElement(Bi,null,Y.default.createElement(Ni,{info:m,locale:i,errorMessage:p,onChange:h})),Y.default.createElement("div",{className:"slider-heart-rate"},Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600},y("targetHeartRate.heartRateInput")),Y.default.createElement("div",{className:"slider-outer-wrapper"},Y.default.createElement(S.Slider,{containerStyle:{flex:1},min:"male"===B?M.rangeMale:M.rangeFemale,max:200,step:1,value:D,withControl:!0,onChange:I}))),E&&Y.default.createElement(Ti,null,Y.default.createElement(qn,null,Y.default.createElement(t.Text,{size:"s4",style:{display:"inline-block",fontWeight:"bold",color:d.theme.colors.gray600,marginBottom:"9px"}},y("targetHeartRate.selectActive")),Y.default.createElement("div",{className:"card"},Y.default.createElement(Ci,{options:$.map((e=>({value:e.value,label:e.label,image:e.image,imageActive:e.imageActive}))),value:k,onChange:e=>{T(e)},className:"gender-selector"})),k&&Y.default.createElement("div",{className:"note"},Y.default.createElement("img",{style:{height:"16px",width:"16px"},src:s.CommonGAssets.getAssetPath("/infoIcon.svg"),alt:"",loading:"lazy"}),Y.default.createElement(t.Text,{size:"s4",color:"#595959"},null===(v=$[$.findIndex((e=>e.value==k))||0])||void 0===v?void 0:v.content)),!k&&Y.default.createElement("span",{style:{color:"#e64728"}},p.intensity)))),Y.default.createElement("div",{style:{display:"flex"}},Y.default.createElement(ki,{size:"lg",onClick:()=>{g(B,k,[D])},dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:`https://${o.domainLocales[i]}/${w}`},y("bmi.submit")))))},exports.Tabs=({style:a,initialTab:n,tabContent:i,onChange:l,className:r,dataEventCategory:o,dataEventAction:s,dataEventLabel:d,id:c,styles:u})=>{const{classes:m,cx:p,theme:h}=Et(void 0,{name:"Tabs",styles:u}),[g,f]=e.useState(n||0);return e.useEffect((()=>{f(n)}),[n]),Y.default.createElement("ul",{style:a,className:p(m.root,r),role:"tablist",id:c},i.map(((e,a)=>Y.default.createElement("li",{className:`${m.item} ${g===a?"active":""} ${e.className}`,"aria-selected":g===a,role:"tab",onClick:()=>{f(a),l&&l(a)},onKeyDown:e=>{"Enter"===e.key&&(f(a),l&&l(a))},key:a,"data-event-category":e.dataEventCategory||o,"data-event-action":e.dataEventAction||s,"data-event-label":e.dataEventLabel||d,tabIndex:0,"data-testid":e.dataTestid},Y.default.createElement("div",{className:m.itemInner},e.icon&&Y.default.createElement("div",{className:m.icon},e.icon),Y.default.createElement(t.Text,{className:m.label,size:e.textSize||"sm",weight:e.textType||"bold",color:g===a?h.fn.primaryColor():e.textColor||h.colors.gray[4],dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel},e.name))))))},exports.Tag=({type:e,children:t,style:n,isInline:l,isSquared:r=!1,className:o,isLight:s,hasMorePadding:d,isLink:c,isSelected:u,textProps:m={size:"sm"}})=>{const p=m.color?{"--text-props-color":m.color}:{};return Y.default.createElement(a.StyledTag,{"data-is-squared":r||void 0,"data-tag-type":e,"data-is-light":s||void 0,"data-has-more-padding":d||void 0,"data-is-inline":l||void 0,style:Object.assign(Object.assign({},n),p),className:o,"data-is-selected":u||void 0,"data-is-link":c||void 0,tagType:e,isInline:l,tagHasMorePadding:d,tagIsLight:s,tagIsSquared:r,tagIsALink:c},Y.default.createElement(i.Text,Object.assign({},m),t))},exports.Toggle=({className:e,id:t,onChange:n,checked:i,style:l,label:r})=>Y.default.createElement(a.StyledToggle,{className:e,style:l},Y.default.createElement("input",{type:"checkbox",id:t,onChange:n,checked:i}),Y.default.createElement("label",{htmlFor:t},Y.default.createElement(a.StyledToggleIcon,null),r&&Y.default.createElement(a.StyledToggleLabel,null,r))),exports.ToolsBannerCard=Nn,exports.index=st,exports.index$1=wt;
+`,pl={},hl=e=>{if(pl[e]){window.googletag=window.googletag||{cmd:[]};const{googletag:t}=window;t.cmd.push((function(){t.destroySlots([pl[e]]),delete pl[e]}))}},gl=["TopBanner","MidBanner1","MidBanner2","EndBanner","Sticky"],fl=e.forwardRef((function({className:t,adUnitPath:a,size:n,divId:i,pos:r,sizeMapping:o,contentId:d,isHidden:c,hideIfHasSubot:m,isSticky:p,refreshInterval:g,customTargetings:f,style:b,adDefaultSize:v,noWrapper:y,showCloseBtn:x,onCloseAd:w,headerBottom:E,wrapperProps:C,locale:k,isMarryBaby:S},T){const B=g||(k===h.LOCALE.Vietnam&&r.some((e=>gl.includes(e)))?30:void 0),{t:N}=l.useTranslations(),A=e.useRef(null),_=e.useRef(null),D=e.useRef(B);D.current=B;const[I,M]=e.useState(!1),P=()=>{D.current&&(null!==_.current&&clearInterval(_.current),_.current=window.setInterval((()=>{window.googletag=window.googletag||{cmd:[]};const{googletag:e}=window;e.cmd.push((function(){pl[i]&&e.pubads().refresh([pl[i]])}))}),1e3*D.current))};if(e.useEffect((()=>()=>{hl(i),_.current&&clearInterval(_.current)}),[]),e.useEffect((()=>{P()}),[B]),e.useEffect((()=>{c||(({contentId:e,adUnitPath:t,size:a,divId:n,pos:i,sizeMapping:l,hideIfHasSubot:r,customTargetings:o,onSuccess:s})=>{if(!n||!document.getElementById(n))return console.error("divId is required");hl(n),window.googletag=window.googletag||{cmd:[]};const{googletag:d}=window;d.cmd.push((function(){const c=document.querySelector('meta[name="content_id"]'),u="string"==typeof e?e:null==c?void 0:c.content,m=d.defineSlot(t,a,n);if(m){try{o&&Object.keys(o).forEach((e=>{e&&(null==m||m.setTargeting(e,o[e]))}))}catch(e){console.error(e)}pl[n]=m,m.setTargeting("Pos",i),m.addService(d.pubads()),u&&m.setTargeting("Content_ID",u),l&&m.defineSizeMapping(l),r&&document.getElementById("subot--container")&&m.setTargeting("chatbot",!0),d.display(n),null==s||s()}}))})({contentId:d,adUnitPath:a,size:n,divId:i,pos:r,sizeMapping:o,hideIfHasSubot:m,customTargetings:f,onSuccess:P})}),[c]),I)return null;const L=Y.default.createElement("div",{style:{position:"relative",width:"fit-content",height:"fit-content",overflow:"hidden",maxWidth:"100%",display:"flex",alignItems:"center",justifyContent:"center"}},Y.default.createElement("div",{ref:T,id:i}),x&&Y.default.createElement(ml,{onClick:()=>{null==w||w(),M(!0)}}));if(p)return L;const z=v?v[0]:n?Array.isArray(n[0])?n[0][0]:n[0]:void 0,$=v?v[1]:n?Array.isArray(n[0])?n[0][1]:n[1]:void 0;return Y.default.createElement(u.Box,Object.assign({},C,{className:t}),Y.default.createElement(cl,{ref:A,className:t,style:b,"data-no-wrapper":!!y,"data-header-bottom":!!E},y?L:Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(ul,{"data-header-bottom":!!E},Y.default.createElement("img",{src:S?s.CommonGAssets.getAssetPath("adsIcon-mb.svg"):s.CommonGAssets.getAssetPath("adsIcon.svg"),alt:"",loading:"lazy"}),Y.default.createElement("span",null,N("adBanner.title"))),Y.default.createElement("div",{style:{minWidth:z||"100%",minHeight:$||"100%",position:"relative"}},L))))})),bl=e.memo(fl,((e,t)=>e.adUnitPath===t.adUnitPath&&e.divId===t.divId&&e.className===t.className)),vl=[{title:"Health News & Current Affairs",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:s.CommonGAssets.getAssetPath("newsletter-prefer/newsletter-health.svg"),checked:!1,id:1},{title:"Educational Medical Hello Bacsi Content",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:s.CommonGAssets.getAssetPath("newsletter-prefer/newsletter-education.svg"),checked:!1,id:2},{title:"Hello Health Community Feed",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:s.CommonGAssets.getAssetPath("newsletter-prefer/newsletter-community.svg"),checked:!1,id:3}];var yl;!function(e){e.DUE_DATE="due-date-calculator",e.BMI="bmi",e.BMR="bmr",e.OVULATION="ovulation",e.IFRAME="IFRAME",e.PWG="pregnancy-weight-gain",e.THR="heart-rate",e.BABY_VACCINE="vaccination-tool",e.BABY_GROWTH="baby-growth-tracking",e.BABY_POOP="baby-poop-checking"}(yl||(yl={}));const xl={DUE_DATE:yl.DUE_DATE,BMI:yl.BMI,BMR:yl.BMR,OVULATION:yl.OVULATION,IFRAME:yl.IFRAME,PWG:yl.PWG,THR:yl.THR,BABY_VACCINE:yl.BABY_VACCINE,BABY_GROWTH:yl.BABY_GROWTH,BABY_POOP:yl.BABY_POOP},wl={[xl.DUE_DATE]:s.CommonGAssets.getAssetPath("health-tools/due-date-icon.svg")};var El,Cl,kl,Sl;!function(e){e.Pregnant="pregnant",e.Parenting="parenting"}(El||(El={})),function(e){e.Option="option"}(Cl||(Cl={})),function(e){e.Button="button",e.Checkbox="checkbox"}(kl||(kl={})),function(e){e.ShowTool="showTool",e.ShowPremiumModal="showPremiumModal",e.ShowOptionBanner="showOptionBanner",e.Hide="hide"}(Sl||(Sl={}));const Tl={pregnancy:El.Pregnant,parenting:El.Parenting},Bl={[El.Pregnant]:"pregnant",[El.Parenting]:"parent"},Nl=e=>({[xl.DUE_DATE]:{heading:e("pnBanner.dueDateTool.heading"),description:e("pnBanner.dueDateTool.desc"),btnLabel:e("pnBanner.caclNow"),value:xl.DUE_DATE,dataEventAction:"Try our Due Date Calculator Click"},[xl.BABY_VACCINE]:{heading:e("pnBanner.vaccination.heading"),description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:xl.BABY_VACCINE,dataEventAction:"Try our Baby Vaccine Scheduler Click"},[xl.BABY_GROWTH]:{heading:"Baby Growth",description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:xl.BABY_GROWTH},[o.RISK_SCREENER_NAME.HPV]:{heading:e("pnBanner.hpv.heading"),description:e("pnBanner.hpv.desc"),thumbnail:{desktop:s.CommonGAssets.getAssetPath("newsletter/banner-option-hpv-desktop.png"),mobile:s.CommonGAssets.getAssetPath("newsletter/banner-option-hpv-mobile.png")},isRiskScreener:!0,btnLabel:e("pnBanner.checkNow"),value:o.RISK_SCREENER_NAME.HPV,hideDescOnMobile:!0,dataEventAction:"Keep safe from HPV virus Click"}}),Al=e.createContext({}),_l=t=>{var a=c.__rest(t,[]);const{locale:n}=l.useTranslations(),{type:i,isMobile:r,currentUrl:o,isMarketing:d,isLoggedIn:m,setShouldAcquisitionModalOpen:h}=e.useContext(Al);return Y.default.createElement(u.Container,Object.assign({mih:{base:144,md:160},fluid:!0,p:0,sx:{borderRadius:4,cursor:"pointer"},onClick:()=>c.__awaiter(void 0,void 0,void 0,(function*(){const e=d?U.getCurrentBaseUrl(n)+"/dang-ky-nhan-tin/":`${window.location.href}?source=acquisition`;m?null==h||h():window.location.href=`${U.getCurrentSsoUrl(n)}/?returnUrl=${encodeURIComponent(e)}`})),"data-event-category":"Newsletter","data-event-action":"Banner Click","data-event-label":o,className:"pointer-event-child-none"},a),Y.default.createElement(p.ImageWrap,{src:d?s.CommonGAssets.getAssetPath(`newsletter/${r?"Mobile":"Desktop"}_Marketing.png`):s.CommonGAssets.getAssetPath(`newsletter/${r?"Mobile":"Desktop"}_${i}.png`),style:{maxWidth:"100%"},alt:"newsletter banner"}))},Dl="api/v1/categories?site={website_url}",Il="api/v1/subscription?site={website_url}",Ml="api/v1/categories?site={website_url}";var Pl=u.createStyles((e=>({root:{},wrapper:{[e.fn.smallerThan("sm")]:{width:"70%"}},button:{[e.fn.smallerThan("sm")]:{height:"auto",minHeight:u.rem(32),padding:`${u.rem(6)} ${u.rem(16)}`,textAlign:"center",width:"100%"}},buttonLabel:{whiteSpace:"normal"}})));const Ll=({heading:n,description:i,thumbnail:l={desktop:"",mobile:""},hideDescOnMobile:r,children:o})=>{const{isMobile:s,minHeight:d}=e.useContext(Al);return Y.default.createElement(u.Box,{sx:()=>({borderRadius:u.rem(8),background:"linear-gradient(180deg, #FAFDFF 0%, #E3F2FF 100%)"})},Y.default.createElement(u.Box,{sx:e=>({minHeight:u.rem(d),borderRadius:"inherit",background:`url(${s?l.mobile:l.desktop})`,backgroundPosition:"center right",backgroundRepeat:"no-repeat",backgroundSize:"contain",padding:`${u.rem(24)} ${u.rem(16)}`,display:"flex",flexDirection:"column",justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${u.rem(22)} ${u.rem(32)}`}})},Y.default.createElement(u.Stack,{spacing:u.rem(16)},Y.default.createElement(u.Stack,{spacing:u.rem(4),sx:e=>({maxWidth:"60%",[e.fn.largerThan("sm")]:{maxWidth:"70%"}})},n&&Y.default.createElement(a.Heading,{tag:"h4"},n),!(r&&s)&&i&&Y.default.createElement(t.Text,{size:"p4"},i)),Y.default.createElement(u.Box,null,o))))},zl=n=>{const{styleType:i=kl.Button,items:r=[],buttonProps:s,styles:d,submitBtnTracking:m}=n,{classes:h}=Pl(void 0,{name:"PremiumBannerWithOptions",styles:d}),{t:g,locale:f}=l.useTranslations(),{surveyType:b,articleId:v,handleClickOption:y,hasPremiumBanner:x,source:w,isMobile:E,setShowPNModal:C}=e.useContext(Al),k=e.useMemo((()=>x?r:r.filter((e=>!Boolean(e.isPNBtn))).filter(Boolean)),[r]),{getHealthToolLink:S}=D.useHealthToolsCache(f),T=G.useForm({initialValues:{bannerOptions:[]}}),B=e=>c.__awaiter(void 0,void 0,void 0,(function*(){return yield a.callApiWithAuth(a.getApiPath(a.PATHS.HEALTH_TOOL.CREATE,{_locale:f,type:Bl[b]}),"POST",{headers:{"Content-Type":"application/json"},data:{value:e,article:v,source:w}})})),N=e.useCallback((()=>Y.default.createElement(u.Flex,{gap:u.rem(8),className:h.wrapper},k.map(((e,t)=>Y.default.createElement(u.Box,{key:String(t),component:e.isLink?"a":"div",href:e.isRiskScreener?`https://${o.domainLocales[f]}/bot/${o.RISK_SCREENER_SLUG[f][e.activeTool]}/`:e.isLink?S(e.activeTool):void 0},Y.default.createElement(p.Button,Object.assign({className:h.button,classNames:{label:h.buttonLabel},size:"sm"},e.tracking,s,{onClick:()=>{e.isLink||(e.isPNBtn&&C(!0),B(e.value),y(e.value))}}),e.label)))))),[k,T]),A=e.useCallback((()=>Y.default.createElement(u.Flex,null,Y.default.createElement(u.Flex,{align:"center",gap:u.rem(24),sx:e=>({background:"white",borderRadius:u.rem(8),padding:u.rem(4),[e.fn.largerThan("sm")]:{paddingLeft:u.rem(16)}})},Y.default.createElement(p.Checkbox.Group,Object.assign({},T.getInputProps("bannerOptions",{type:"checkbox"})),Y.default.createElement(u.Flex,{gap:u.rem(16)},k.map(((e,t)=>Y.default.createElement(p.Checkbox,{key:String(t),value:e.value,label:e.label,styles:{label:{cursor:"pointer"}}}))))),Y.default.createElement(p.Button,Object.assign({size:"sm"},m,s,{disabled:0===T.getInputProps("bannerOptions").value.length,leftIcon:E?Y.default.createElement(t.Icon.ArrowRightTail,{size:18,useCurrentColor:!0}):void 0,onClick:()=>{const e=T.getInputProps("bannerOptions").value;B(e.join("|")),y(e.join("|"))},styles:e=>({root:{[e.fn.smallerThan("sm")]:{width:u.rem(38),minWidth:"auto",padding:0}}})}),!E&&g("pnBanner.submit"))))),[k,T]);return Y.default.createElement(Ll,Object.assign({},n),i===kl.Button?N():i===kl.Checkbox?A():null)},$l=n=>{var i,s;const{t:d}=l.useTranslations(),{heading:c,description:m,thumbnail:h,btnLabel:g,value:f,isRiskScreener:b,hideDescOnMobile:v,dataEventAction:y}=n,{locale:x}=l.useTranslations(),{isMobile:w}=e.useContext(Al),{getHealthToolLink:E,allTools:C}=D.useHealthToolsCache(x),k=b?"mainBanner":"toolBanner",S=e.useMemo((()=>{const e=b?`https://${r.isProduction?"":"discover."}${o.domainLocales[x]}/bot/${o.RISK_SCREENER_SLUG[x][f]}`:E(f);return Y.default.createElement("a",{href:e},Y.default.createElement(p.Button,{size:"sm","data-event-category":"Focused Audience","data-event-action":y,"data-event-label":e},g||d("pnBanner.caclNow")))}),[C]);return"mainBanner"===k?Y.default.createElement(Ll,Object.assign({},Object.assign(Object.assign({},n),{thumbnail:n.thumbnail})),S):Y.default.createElement(u.Flex,{gap:u.rem(7),align:"center",justify:"space-between",sx:e=>({borderRadius:u.rem(8),background:e.colors.blue[0],minHeight:u.rem(180),padding:`${u.rem(24)} ${u.rem(16)}`,[e.fn.largerThan("sm")]:{padding:`${u.rem(34)} ${u.rem(32)}`}})},Y.default.createElement(u.Stack,{spacing:u.rem(12)},Y.default.createElement(u.Stack,{spacing:u.rem(4)},c&&Y.default.createElement(a.Heading,{tag:"h4"},c),!(w&&v)&&m&&Y.default.createElement(t.Text,{size:"p4"},m)),Y.default.createElement(u.Flex,{gap:u.rem(8),sx:{button:{minWidth:u.rem(120)}}},S)),Y.default.createElement(u.Flex,{align:"center",justify:"center",sx:e=>({width:u.rem(96),height:u.rem(96),borderRadius:"50%",background:"white",flexShrink:0,[e.fn.largerThan("sm")]:{width:u.rem(112),height:u.rem(112)},img:{maxWidth:u.rem(64),[e.fn.largerThan("sm")]:{maxWidth:u.rem(73)}}})},Y.default.createElement("img",{alt:"health-tool-icon",src:h||(null===(s=null===(i=C.filter((e=>e.template===f)))||void 0===i?void 0:i[0])||void 0===s?void 0:s.icon)||wl[f]||"",loading:"lazy"})))},Ol=()=>{var t,a,n;const{t:i}=l.useTranslations(),{state:r,Outside:o}=e.useContext(Al);return(null==r?void 0:r.action)===Sl.ShowTool?Y.default.createElement(o,null,Nl(i)[null===(t=null==r?void 0:r.props)||void 0===t?void 0:t.value]?Y.default.createElement($l,Object.assign({},Nl(i)[null===(a=null==r?void 0:r.props)||void 0===a?void 0:a.value],{value:null===(n=null==r?void 0:r.props)||void 0===n?void 0:n.value})):null):(null==r?void 0:r.action)===Sl.ShowOptionBanner?Y.default.createElement(o,null,Y.default.createElement(zl,Object.assign({},null==r?void 0:r.props))):null},jl=a=>{var{isMobile:n,children:i,desktopBanner:l=s.CommonGAssets.getAssetPath("friso/onboarding-banner.jpg"),mobileBanner:r=s.CommonGAssets.getAssetPath("friso/onboarding-banner-mobile.jpg"),modalRatio:o={width:937,height:536},mobileBannerRatio:d={width:750,height:480},desktopBannerRatio:m={width:420,height:536},closeProps:h}=a,g=c.__rest(a,["isMobile","children","desktopBanner","mobileBanner","modalRatio","mobileBannerRatio","desktopBannerRatio","closeProps"]);const{width:f,height:v}=b.useViewportSize(),y=(v<=667?190:265)+f*d.height/d.width+74,[x,w]=e.useState(!1);return Y.default.createElement(W.Modal,Object.assign({styles:e=>({content:{flex:"auto",background:"transparent",[e.fn.smallerThan("sm")]:{maxHeight:"100%",height:"100%",position:"relative",borderRadius:0},[e.fn.largerThan("sm")]:{maxWidth:u.rem(o.width),width:"100%",height:"100%",maxHeight:u.rem(o.height),boxShadow:"none"}},body:{padding:0,width:"100%",height:"100%",[e.fn.largerThan("sm")]:{display:"flex",alignItems:"center"}},inner:{padding:0,[e.fn.smallerThan("sm")]:{display:"flex",alignItems:"flex-end"}}})},g),n?Y.default.createElement(u.Box,{sx:{position:"relative",height:"100%"},onTouchStart:()=>w(!0)},Y.default.createElement(u.Box,{className:"mobile-template",sx:{position:"absolute",height:100*(x?1:y/v)+"%",left:0,bottom:0,right:0,transition:"height 0.4s ease"}},Y.default.createElement(u.Box,{sx:{height:"100%",backgroundColor:"white",borderTopLeftRadius:x?0:u.rem(12),borderTopRightRadius:x?0:u.rem(12)}},Y.default.createElement(u.Box,{sx:{height:"calc(100% - 74px)",background:`url(${r})`,backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"top center",overflowY:"auto",borderRadius:"inherit"}},Y.default.createElement(u.UnstyledButton,Object.assign({leftIcon:Y.default.createElement(t.Icon.Close,null),sx:{position:"absolute",right:0,top:0,zIndex:1,padding:u.rem(10)}},h,{onClick:()=>null==g?void 0:g.onClose()})),Y.default.createElement(u.AspectRatio,{ratio:(null==d?void 0:d.width)/(null==d?void 0:d.height),w:"100%"}),Y.default.createElement(u.Box,{sx:{padding:`${u.rem(28)} ${u.rem(16)} ${u.rem(16)}`,background:"white"}},i))))):Y.default.createElement(u.AspectRatio,{className:"desktop-template",ratio:o.width/o.height,w:"100%",sx:{position:"relative","& > div":{justifyContent:"flex-end"}}},Y.default.createElement(u.Box,{sx:{width:"100%",height:"100%",justifyContent:"flex-end",alignItems:"stretch",borderRadius:u.rem(8),background:"white",boxShadow:"0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 2.25rem 1.75rem -0.4375rem, rgba(0, 0, 0, 0.04) 0 1.0625rem 1.0625rem -0.4375rem"}},Y.default.createElement("img",{alt:"",src:l,loading:"lazy",style:{borderTopLeftRadius:u.rem(8),borderBottomLeftRadius:u.rem(8),height:"100%",display:"block"}}),Y.default.createElement(u.Box,{sx:{position:"relative",height:"100%",width:(o.width-m.width)/o.width*100+"%"}},Y.default.createElement(p.Button,Object.assign({unstyled:!0,leftIcon:Y.default.createElement(t.Icon.Close,null)},h,{onClick:()=>null==g?void 0:g.onClose(),sx:{position:"absolute",right:0,top:"10px"}})),Y.default.createElement(u.Box,{className:"side-banner-modal-container",sx:{height:"100%",padding:`${u.rem(40)} ${u.rem(24)} 0`}},i)))))},Fl="user/subscription",Rl=e.createContext({}),Hl=e=>{var{value:t,name:a}=e,n=c.__rest(e,["value","name"]);return Y.default.createElement(p.ChipButton,Object.assign({value:t,withIcon:!0},n,{buttonProps:{styles:()=>({leftIcon:{marginRight:u.rem(6)},root:{paddingLeft:u.rem(10),paddingRight:u.rem(10)}})}}),a)},Ul=({topicsGroup:n,onTopicChange:i,isBlock:r=!1,selectedTopics:o=[],inputProps:s,labelProps:d,maxSelect:c=5,hasScroll:m,readonly:p})=>{const{action:{pushNotifications:h}}=e.useContext(a.TogetherComponentGlobalContext),g=oe.default(n.map((e=>e.topics||[]))),{t:f}=l.useTranslations(),[b,v]=e.useState([]);e.useEffect((()=>{v(o)}),[o.length]),e.useEffect((()=>{null==i||i(b)}),[b]);const y=e=>{e.length>5?h({type:"danger",title:f("pnTopicSection.maxSelectError.title",{maxSelect:c}),message:f("pnTopicSection.maxSelectError.desc")}):!p&&v((()=>g.filter((t=>e.some((e=>t.catId===e))))))};return Y.default.createElement(u.Stack,{spacing:12},n.map(((e,a)=>Y.default.createElement(u.Stack,{key:String(a),spacing:12},e.label&&Y.default.createElement(t.Text,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},d),e.label),m?Y.default.createElement(u.ScrollArea,{w:"100%",offsetScrollbars:!0,scrollbarSize:4,p:16,m:-16,styles:{viewport:{margin:-16,padding:16}}},Y.default.createElement(u.Box,{w:800},Y.default.createElement(u.Chip.Group,Object.assign({value:b.map((e=>e.catId)),multiple:!0},s,{onChange:y}),Y.default.createElement(u.Flex,{gap:8,wrap:"wrap"},e.topics.map((t=>Y.default.createElement(Hl,Object.assign({key:t.catId,value:t.catId,name:t.localName,isBlock:r},e.tracking)))))))):Y.default.createElement(u.Chip.Group,Object.assign({value:b.map((e=>e.catId)),multiple:!0},s,{onChange:y}),Y.default.createElement(u.Flex,{gap:8,wrap:"wrap"},e.topics.map((t=>t.catId?Y.default.createElement(Hl,Object.assign({key:t.catId,value:t.catId,name:t.localName,isBlock:r},e.tracking)):Y.default.isValidElement(t.component)?t.component:null))))))))},Gl=t=>{var{heading:n,children:i,stickyActions:l}=t,r=c.__rest(t,["heading","children","stickyActions"]);const{isMobile:o}=e.useContext(Rl),s=Y.default.createElement(u.Stack,{spacing:u.rem(24),sx:{height:"100%"}},Y.default.createElement(a.Heading,{tag:"h4",style:{textAlign:"center"}},n),Y.default.createElement(u.Box,null,i));return Y.default.createElement(u.Box,{sx:e=>({[e.fn.largerThan("sm")]:{position:"relative",height:"100%"}})},o?s:Y.default.createElement(u.ScrollArea,Object.assign({className:"layout-body",h:l?"calc(100% - 90px)":"100%"},r),s),l&&Y.default.createElement(u.Flex,{gap:u.rem(8),sx:e=>({position:"absolute",left:0,right:0,bottom:0,padding:u.rem(16),button:{flexGrow:1},justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${u.rem(24)} 0`}})},l))},Wl=()=>{const{t:n,locale:i}=l.useTranslations(),{data:{userInfo:r},action:{pushNotifications:o}}=e.useContext(a.TogetherComponentGlobalContext),s=null==r?void 0:r.id,{currentUrl:d,isMobile:m,pnSuggestCategory:h=[],nextStep:g,formValues:f,setFormValues:b,onSubmit:v,submitLoading:y,selectCategory:x,setCategoryLibs:w,setSelectCategory:E,maxSelectCategory:C}=e.useContext(Rl),k=h.map((e=>e.catId)),S=G.useForm({validate:{name:G.isNotEmpty(n("healthToolPNModal.mainForm.requireName"))},initialValues:Object.assign(Object.assign({},f),{fitnessTopics:k})}),[T,B]=e.useState([]),[N,A]=e.useState([]);e.useEffect((()=>{c.__awaiter(void 0,void 0,void 0,(function*(){var e;try{const t=yield a.callApiWithAuth(a.getPremiumApiPath(Ml,{_locale:i}),"get"),n=((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.subscription)||[]).filter((e=>!k.includes(e.catId)));B(h),A(n),w([...h,...n])}catch(e){console.log(e)}}))}),[]),e.useEffect((()=>{s&&S.setFieldValue("name",(null==r?void 0:r.name)||"")}),[s]);const _=()=>{""!==S.getInputProps("name").value?(b(S.getTransformedValues()),g()):S.validateField("name")},D=e.useMemo((()=>Y.default.createElement(p.Button,{variant:"tertiary",dataEventCategory:"Newsletter",dataEventAction:"More Category Click",dataEventLabel:d,leftIcon:Y.default.createElement(t.Icon.Plus,{size:16,color:"#262626",useCurrentColor:!0}),onClick:_,styles:e=>({root:{borderRadius:u.rem(6),padding:"2px 15px",height:u.rem(40)},label:{fontSize:u.rem(14),fontWeight:400,[e.fn.smallerThan("sm")]:{fontSize:u.rem(12),lineHeight:u.rem(16),height:u.rem(40)}},leftIcon:{marginRight:"5px"}})},Y.default.createElement(t.Text,{size:m?"p3":"p4"},n("home.seeMore")))),[S]);return e.useEffect((()=>{S.setFieldValue("fitnessTopics",x.map((e=>e.catId)))}),[x]),Y.default.createElement("form",{style:{height:"100%"},onSubmit:S.onSubmit((e=>{if(0===x.length)return o({type:"danger",title:n("newsletter.error.minTitle"),message:n("newsletter.error.minCotennt")}),!1;b(e),null==v||v(e.name)}))},Y.default.createElement(Gl,{heading:n("healthToolPNModal.heading"),stickyActions:Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(p.Button,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Register Click",dataEventLabel:d,loading:y,sx:{maxWidth:u.rem(240)}},n("healthToolPNModal.register")))},Y.default.createElement(u.Stack,{spacing:u.rem(16)},Y.default.createElement(p.Input,Object.assign({label:n("newsletter.welcome.description")},S.getInputProps("name"))),Y.default.createElement(Ul,{topicsGroup:[...0===h.length&&0===N.length?[{topics:[{component:D}]}]:[],...h.length>0?[{label:n("healthToolPNModal.mainForm.tailorTopicsHeading"),topics:[...h,...0===N.length?[{component:D}]:[]]}]:[],...N.length>0?[{label:n("healthToolPNModal.findMore.chooseFav"),topics:[...N,...N.length>0?[{component:D}]:[]]}]:[]],selectedTopics:[...T],labelProps:{size:m?"p3":"p4",color:"gray.6"},onTopicChange:E,maxSelect:C}))))},ql=e.forwardRef((function(e,a){var{label:n}=e,i=c.__rest(e,["label"]);return Y.default.createElement("div",Object.assign({ref:a},i),Y.default.createElement(u.Group,{noWrap:!0},Y.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.97887 8.15493C2.97887 5.29627 5.29627 2.97887 8.15493 2.97887C11.0136 2.97887 13.331 5.29627 13.331 8.15493C13.331 11.0136 11.0136 13.331 8.15493 13.331C5.29627 13.331 2.97887 11.0136 2.97887 8.15493ZM8.15493 1.5C4.47951 1.5 1.5 4.47951 1.5 8.15493C1.5 11.8303 4.47951 14.8099 8.15493 14.8099C9.72615 14.8099 11.1702 14.2653 12.3086 13.3547L15.2376 16.2837C15.5264 16.5725 15.9946 16.5725 16.2833 16.2837C16.5721 15.9949 16.5721 15.5267 16.2833 15.238L13.3544 12.3091C14.2652 11.1705 14.8099 9.72634 14.8099 8.15493C14.8099 4.47951 11.8303 1.5 8.15493 1.5Z",fill:"#8C8C8C"})),Y.default.createElement(t.Text,{size:"p3"},n)))})),Vl=e.forwardRef((function(e,a){var{label:n}=e,i=c.__rest(e,["label"]);return Y.default.createElement("div",Object.assign({ref:a},i),Y.default.createElement(t.Text,{size:"p3"},n))})),Ql=({history:e,onDelete:a})=>Y.default.createElement(u.Flex,{wrap:"wrap",gap:8},se.default(e,"catId").map((e=>Y.default.createElement(u.Badge,{key:e.catId,rightSection:Y.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:()=>null==a?void 0:a(e)},Y.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.5 9C1.5 4.8525 4.8525 1.5 9 1.5C13.1475 1.5 16.5 4.8525 16.5 9C16.5 13.1475 13.1475 16.5 9 16.5C4.8525 16.5 1.5 13.1475 1.5 9ZM11.1677 12.2248C11.4602 12.5173 11.9327 12.5173 12.2252 12.2248C12.5101 11.9323 12.5101 11.4523 12.2252 11.1673L10.0577 8.99979L12.2252 6.83229C12.5177 6.53979 12.5177 6.0673 12.2252 5.7748C11.9327 5.4823 11.4602 5.4823 11.1677 5.7748L9.00015 7.9423L6.83265 5.7748C6.54015 5.4823 6.06765 5.4823 5.77515 5.7748C5.63471 5.91492 5.55579 6.10516 5.55579 6.30354C5.55579 6.50193 5.63471 6.69217 5.77515 6.83229L7.94265 8.99979L5.77515 11.1673C5.63471 11.3074 5.55579 11.4977 5.55579 11.696C5.55579 11.8944 5.63471 12.0847 5.77515 12.2248C6.06765 12.5173 6.54015 12.5173 6.83265 12.2248L9.00015 10.0573L11.1677 12.2248Z",fill:"#8C8C8C"})),styles:{root:{height:32,background:"#ffffff",padding:"5px 12px",border:`1px solid ${p.themeColors.neutral[4]}`,borderRadius:32,textTransform:"unset"},rightSection:{height:18,cursor:"pointer"}}},Y.default.createElement(t.Text,{size:"p4"},e.localName))))),Zl=({topics:n,onTopicChange:i,isBlock:r=!1,selectedTopics:o,labelProps:s,maxSelect:d=5})=>{const{action:{pushNotifications:c}}=e.useContext(a.TogetherComponentGlobalContext),[m,p]=e.useState([]),{t:h}=l.useTranslations();e.useEffect((()=>{p(o)}),[o.length]),e.useEffect((()=>{i(m)}),[m]);return n&&0!==n.length?Y.default.createElement(u.Stack,{spacing:12,px:16,mx:-16},Y.default.createElement(t.Text,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},s),h("pnTopicSection.recentView")),Y.default.createElement(u.Chip.Group,{value:m.map((e=>e.catId)),onChange:e=>{r&&m.length<e.length?c({type:"danger",title:h("pnTopicSection.maxSelectError.title",{maxSelect:d}),message:h("pnTopicSection.maxSelectError.desc")}):p((()=>n.filter((t=>e.some((e=>t.catId===e))))))},multiple:!0},Y.default.createElement(u.Flex,{gap:8,wrap:"wrap"},n.map(((e,t)=>Y.default.createElement(Hl,{key:t,value:e.catId,name:e.localName,isBlock:r})))))):null},Yl=e=>{var{topic:a,active:n,onClick:i}=e,l=c.__rest(e,["topic","active","onClick"]);return Y.default.createElement(u.Box,Object.assign({sx:e=>({position:"relative",cursor:"pointer",padding:2,borderRadius:8,boxShadow:"0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04)",minHeight:u.rem(130),[e.fn.largerThan("sm")]:{minHeight:u.rem(138)}}),onClick:()=>i(a,n)},l),n&&Y.default.createElement(u.Box,{id:"test",sx:{position:"absolute",top:2,right:2,width:20,height:20,zIndex:1}},Y.default.createElement("svg",{id:"test",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.66699 9.99984C1.66699 5.39984 5.40033 1.6665 10.0003 1.6665C14.6003 1.6665 18.3337 5.39984 18.3337 9.99984C18.3337 14.5998 14.6003 18.3332 10.0003 18.3332C5.40033 18.3332 1.66699 14.5998 1.66699 9.99984ZM4.75066 10.5827L7.74232 13.5744C8.06732 13.8994 8.60066 13.8994 8.91732 13.5744L15.2423 7.2494C15.5673 6.9244 15.5673 6.3994 15.2423 6.0744C14.9173 5.7494 14.3923 5.7494 14.0673 6.0744L8.33399 11.8077L5.92566 9.40773C5.60066 9.08273 5.07566 9.08273 4.75066 9.40773C4.59461 9.56342 4.50692 9.7748 4.50692 9.99523C4.50692 10.2157 4.59461 10.427 4.75066 10.5827Z",fill:"#2D87F3"}),Y.default.createElement("path",{d:"M7.74224 13.5772L4.75057 10.5856C4.59453 10.4299 4.50684 10.2185 4.50684 9.99808C4.50684 9.77765 4.59453 9.56627 4.75057 9.41058C5.07557 9.08558 5.60057 9.08558 5.92557 9.41058L8.33391 11.8106L14.0672 6.07725C14.3922 5.75225 14.9172 5.75225 15.2422 6.07725C15.5672 6.40225 15.5672 6.92725 15.2422 7.25225L8.91724 13.5772C8.60057 13.9022 8.06724 13.9022 7.74224 13.5772Z",fill:"white"}))),Y.default.createElement(u.Box,{sx:{borderRadius:"8px"}},Y.default.createElement(p.AspectRatio,{ratio:1.5,mb:10,sx:e=>({background:e.colors.neutral[0]})},Y.default.createElement(u.Box,null,Y.default.createElement("img",{src:a.guid||"",alt:"cat",loading:"lazy",style:{maxHeight:"63px"}})))),Y.default.createElement(t.Text,{size:"p4",ta:"center",px:6,sx:{display:"-webkit-box","-webkit-line-clamp":"2","-webkit-box-orient":"vertical",overflow:"hidden"}},a.localName||""))},Xl=({topics:a,selectedTopics:n=[],onTopicChange:i,isBlock:r=!1,labelProps:o,pushNotifications:s,maxSelect:d=5})=>{const{t:c}=l.useTranslations(),[m,p]=e.useState([]),h=(e,t)=>{if(t)p((t=>t.filter((t=>t.catId!==e.catId))));else{if(r)return void s({type:"danger",title:c("pnTopicSection.maxSelectError.title",{maxSelect:d}),message:c("pnTopicSection.maxSelectError.desc")});p((t=>[...t,e]))}};e.useEffect((()=>{p(n)}),[n.length]),e.useEffect((()=>{i(m)}),[m]);const[g,f]=e.useState(!1),[b,v]=e.useState(0),[y,x]=e.useState(0),w=e.useRef(null),E=()=>{f(!1)};return Y.default.createElement(u.Stack,{spacing:10},Y.default.createElement(u.Flex,{justify:"space-between",align:"center",w:"100%"},Y.default.createElement(t.Text,Object.assign({size:"s5",color:"gray.4",weight:"semiBold",span:!0},o),c("pnTopicSection.trending"))),Y.default.createElement(u.Box,null,Y.default.createElement(u.ScrollArea,{type:"always",w:"100%",offsetScrollbars:!0,scrollbarSize:4,px:4,viewportRef:w,viewportProps:{onMouseDown:e=>{e.preventDefault(),w.current&&(f(!0),v(e.pageX-w.current.offsetLeft),x(w.current.scrollLeft))},onMouseUp:E,onMouseLeave:E,onMouseMove:e=>{if(e.preventDefault(),!g||!w.current)return;const t=2*(e.pageX-w.current.offsetLeft-b);w.current.scrollLeft=y-t}},styles:{viewport:{paddingBottom:16}}},Y.default.createElement(u.Box,{w:{base:112*a.length+8*(a.length-1)+10}},Y.default.createElement(u.Flex,{gap:8},a.map(((e,t)=>Y.default.createElement(Yl,{key:t,topic:e,onClick:h,active:m.some((t=>t.catId===e.catId)),w:{base:112}}))))))))},Kl=n=>{var{isLoggedIn:i,maxSelect:r=5,values:o=[],labelProps:s,onChange:d}=n,m=c.__rest(n,["isLoggedIn","maxSelect","values","labelProps","onChange"]);const{action:{pushNotifications:h}}=e.useContext(a.TogetherComponentGlobalContext),[g,f]=e.useState(""),{t:b,locale:v}=l.useTranslations(),y=e.useRef(null),[x,w]=e.useState([]),[E,C]=e.useState([]),[k,S]=e.useState([]),[T,B]=e.useState([]),[N,A]=e.useState(null),[_,D]=e.useState([]);e.useEffect((()=>{c.__awaiter(void 0,void 0,void 0,(function*(){var e,t;const n=yield a.callApiWithAuth(a.getPremiumApiPath(Dl,{_locale:v}),"get"),i=(null===(e=null==n?void 0:n.data)||void 0===e?void 0:e.interested)||[],l=(null===(t=null==n?void 0:n.data)||void 0===t?void 0:t.trending)||[],r=se.default([...i,...l],"catId").map((e=>Object.assign(Object.assign({},e),{value:e.catId||"",label:e.localName||""})));if(D(r||[]),A((null==n?void 0:n.data)||null),o.length>0){const e=i.filter((e=>o.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"interested"}))),t=l.filter((e=>o.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"trending"})));B(e),C(t)}}))}),[i]);const I=e.useMemo((()=>se.default([...x,...E,...T,...k],"catId")),[x,E,T,k]),[M,P]=e.useState(!1);e.useEffect((()=>{I.length>=r?P(!0):P(!1),null==d||d(I)}),[I]);return Y.default.createElement(u.Stack,Object.assign({spacing:u.rem(16)},m),Y.default.createElement(u.Stack,{spacing:u.rem(8)},Y.default.createElement(t.Text,{size:"p3"},b("pnTopicSection.maxSelectError.detail",{max:r,maxTopic:I.length})),Y.default.createElement(u.MultiSelect,{ref:y,maxSelectedValues:3,styles:{wrapper:{overflow:"initial !important"},separator:{padding:16},separatorLabel:{fontWeight:600,fontSize:12,lineHeight:"18px",textTransform:"uppercase",color:p.themeColors.gray[4],"&::after":{display:"none"}},searchInput:{fontSize:"inherit"},input:{paddingRight:16}},nothingFound:Y.default.createElement(t.Text,{size:"s4",color:"gray.6"},b("pnTopicSection.notFound")),itemComponent:""===g?ql:Vl,size:"lg",placeholder:b("pnTopicSection.plsEnterFavTopics"),data:_,onSearchChange:f,searchValue:g,icon:Y.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.97183 10.8732C3.97183 7.0617 7.0617 3.97183 10.8732 3.97183C14.6848 3.97183 17.7746 7.0617 17.7746 10.8732C17.7746 14.6848 14.6848 17.7746 10.8732 17.7746C7.0617 17.7746 3.97183 14.6848 3.97183 10.8732ZM10.8732 2C5.97268 2 2 5.97268 2 10.8732C2 15.7738 5.97268 19.7465 10.8732 19.7465C12.9682 19.7465 14.8936 19.0205 16.4115 17.8063L20.3168 21.7116C20.7018 22.0966 21.3261 22.0966 21.7111 21.7116C22.0961 21.3266 22.0961 20.7023 21.7111 20.3173L17.8059 16.4121C19.0203 14.894 19.7465 12.9684 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z",fill:"#595959"})),rightSection:Y.default.createElement(Y.default.Fragment,null),zIndex:500,searchable:!0,withinPortal:!0,onChange:e=>{return t=e,c.__awaiter(void 0,void 0,void 0,(function*(){var e;const a={trending:C,recently:S,interested:B,default:w};let n="default";if(M)h({type:"danger",title:b("pnTopicSection.maxSelectError.title",{maxSelect:r}),message:b("pnTopicSection.maxSelectError.desc")});else{const i=[{key:"trending",array:null==N?void 0:N.trending},{key:"recently",array:null==N?void 0:N.recently},{key:"interested",array:null==N?void 0:N.interested}].find((e=>{var a;return null===(a=e.array)||void 0===a?void 0:a.some((e=>e.catId===t[0]))}));n=(null==i?void 0:i.key)||"default",a[n]((e=>[...e,..._.filter((e=>t.some((t=>e.catId===t))))].map((e=>Object.assign(Object.assign({},e),{template:n}))))),null===(e=y.current)||void 0===e||e.blur()}return null}));var t},value:[]}),I&&I.length>0&&Y.default.createElement(Ql,{history:I,onDelete:e=>{const t={trending:C,recently:S,interested:B,default:w};(t[e.template]||t.default)((t=>{const a=[...t],n=a.findIndex((t=>t.catId===e.catId));return a.splice(n,1),a}))}})),Y.default.createElement(u.Box,{sx:e=>({position:"relative",height:u.rem(175),[e.fn.largerThan("sm")]:{height:u.rem(190)}})},Y.default.createElement(u.Box,{sx:{position:"absolute",top:0,right:0,left:0}},Y.default.createElement(Xl,{topics:((null==N?void 0:N.trending)||[]).map((e=>Object.assign(Object.assign({},e),{template:"trending"}))),selectedTopics:E,onTopicChange:C,isBlock:M,labelProps:s}))),Y.default.createElement(Zl,{topics:((null==N?void 0:N.recently)||[]).map((e=>Object.assign(Object.assign({},e),{template:"recently"}))),selectedTopics:k,onTopicChange:S,isBlock:M,labelProps:s}),Y.default.createElement(Ul,{labelProps:s,topicsGroup:[{label:b("pnTopicSection.ppAlsoInterested"),topics:((null==N?void 0:N.interested)||[]).map((e=>Object.assign(Object.assign({},e),{template:"interested"})))}],selectedTopics:T,onTopicChange:B,isBlock:M}))},Jl=()=>{const{t:t}=l.useTranslations(),{action:{pushNotifications:n}}=e.useContext(a.TogetherComponentGlobalContext),{prevStep:i,formValues:r,submitLoading:o,onSubmit:s,selectCategory:d,maxSelectCategory:c,setSelectCategory:m,currentUrl:h,isLoggedIn:g}=e.useContext(Rl);return Y.default.createElement(Gl,{heading:t("newsletter.topic.title"),type:"always",styles:{root:{paddingRight:u.rem(25)}},stickyActions:Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(p.Button,{fullWidth:!0,variant:"secondary",dataEventCategory:"Newsletter",dataEventAction:"Back  Click",dataEventLabel:h,onClick:i},t("healthToolPNModal.back")),Y.default.createElement(p.Button,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Next  Click",dataEventLabel:h,onClick:()=>{if(0===d.length)return n({type:"danger",title:t("newsletter.error.minTitle"),message:t("newsletter.error.minCotennt")}),!1;null==s||s(r.name)},loading:o},t("healthToolPNModal.next")))},Y.default.createElement(Kl,{isLoggedIn:g,maxSelect:c,values:r.fitnessTopics,onChange:m,labelProps:{size:"s5",sx:{textTransform:"uppercase"}}}))},er=()=>{const{t:n}=l.useTranslations(),{close:i,selectCategory:r,onRegisterSuccess:o,currentUrl:s,finishLabelOnResult:d,disclaimerText:c}=e.useContext(Rl);return e.useEffect((()=>()=>{setTimeout((()=>{null==o||o()}),400)}),[]),Y.default.createElement(Gl,{heading:n("healthToolPNModal.heading"),stickyActions:Y.default.createElement(p.Button,{fullWidth:!0,sx:{maxWidth:u.rem(300)},dataEventCategory:"Newsletter",dataEventAction:"Continue Reading Click",dataEventLabel:s,onClick:()=>{i()}},d||n("healthToolPNModal.finish"))},Y.default.createElement(u.Stack,null,Y.default.createElement(u.Flex,{gap:u.rem(8),sx:e=>({background:e.colors.green[0],border:`1px solid ${e.colors.green[1]}`,borderRadius:u.rem(8),padding:u.rem(8)})},Y.default.createElement(u.Box,null,Y.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("path",{d:"M9.99984 18.3334C14.6022 18.3334 18.3332 14.6025 18.3332 10.0001C18.3332 5.39771 14.6022 1.66675 9.99984 1.66675C5.39746 1.66675 1.6665 5.39771 1.6665 10.0001C1.6665 14.6025 5.39746 18.3334 9.99984 18.3334Z",fill:"#00B16A"}),Y.default.createElement("path",{d:"M9.58558 12.6674C9.22944 12.668 8.87668 12.5983 8.54752 12.4623C8.21835 12.3264 7.91925 12.1268 7.66732 11.8751L6.68587 10.8931C6.55607 10.7587 6.48424 10.5787 6.48587 10.3919C6.48749 10.2051 6.56243 10.0263 6.69455 9.89422C6.82667 9.7621 7.00539 9.68716 7.19222 9.68554C7.37906 9.68391 7.55906 9.75574 7.69345 9.88554L8.67491 10.8675C8.79344 10.986 8.93415 11.08 9.08902 11.1442C9.24389 11.2083 9.40987 11.2413 9.5775 11.2413C9.74513 11.2413 9.91111 11.2083 10.066 11.1442C10.2208 11.08 10.3616 10.986 10.4801 10.8675L16.7033 5.24335C16.8443 5.12184 17.0272 5.06032 17.213 5.07195C17.3987 5.08358 17.5726 5.16744 17.6973 5.30558C17.8221 5.44373 17.8878 5.6252 17.8805 5.81118C17.8731 5.99717 17.7933 6.17291 17.6581 6.30081L11.4592 11.8998C11.2128 12.1448 10.9205 12.3387 10.5989 12.4705C10.2774 12.6022 9.93304 12.6692 9.58558 12.6674Z",fill:"white"}))),Y.default.createElement(t.Text,{size:"p3"},c||n("pnModal.disclaimer"))),Y.default.createElement(a.Heading,{tag:"h5"},n("healthToolPNModal.yourPre")),r.length>0&&Y.default.createElement(Ul,{topicsGroup:[{label:"",topics:r}],selectedTopics:r,readonly:!0})))},tr=({isMobile:t,isLoggedIn:n,pnSuggestCategory:i=[],acquisitionInfo:r,currentUrl:d,opened:m,close:p,finishLabelOnResult:g,onRegisterSuccess:f,disclaimerText:b})=>{const{t:v,locale:y}=l.useTranslations(),{action:{pushNotifications:x}}=e.useContext(a.TogetherComponentGlobalContext),w=s.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),E=s.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),[C,k]=e.useState([]),[S,T]=e.useState([]),[B,N]=e.useState(0),[A,_]=e.useState({name:"",fitnessTopics:[]}),[D,I]=e.useState(!1),M=()=>N(2),P=e.useCallback((e=>c.__awaiter(void 0,void 0,void 0,(function*(){try{I(!0),yield a.callApiWithAuth(a.getPremiumApiPath(Il,{website_url:a.getWebsiteUrlApi(y)}),"post",{headers:{"Content-Type":"application/json"},method:"POST",data:{ga_client_id:re.default.get(o.GA_TOKEN_COOKIE),client_ip:window.clientIP||"",user_info:Object.assign(Object.assign({},r.userInfo),{name:e||A.name,type_subscription:1}),domain:o.domainLocales[y||h.LOCALE.Vietnam],category:S,perferred:r.preferredTopics.map((({id:e})=>({id:e})))}}),I(!1),yield a.callApiWithAuth(a.getSsoApiPath(Fl),"post",{headers:{"Content-Type":"application/json"},method:"PUT",data:{subscription:1}}),M()}catch(e){console.log({err:e}),I(!1),x({title:v("notification.comment.somethingWrong"),message:"",type:"danger"})}}))),[A,S]);return e.useEffect((()=>{[w,E].forEach((e=>{(new Image).src=e}))}),[]),Y.default.createElement(Rl.Provider,{value:{currentUrl:d,isMobile:t,isLoggedIn:n,opened:m,close:p,pnSuggestCategory:i,nextStep:()=>N((e=>e<3?e+1:e)),prevStep:()=>N((e=>e>0?e-1:e)),lastStep:M,categoryLibs:C,setCategoryLibs:k,selectCategory:S,setSelectCategory:T,formValues:A,setFormValues:_,maxSelectCategory:5,submitLoading:D,onSubmit:P,onRegisterSuccess:f,finishLabelOnResult:g,disclaimerText:b}},Y.default.createElement(jl,{isMobile:t,desktopBanner:s.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),mobileBanner:s.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),modalRatio:{width:960,height:588},desktopBannerRatio:{width:384,height:588},opened:m,onClose:p,zIndex:305,closeProps:{dataEventCategory:"Newsletter",dataEventAction:"Close Click",dataEventLabel:d}},Y.default.createElement(u.Stepper,{active:B,onStepClick:N,styles:{root:{height:"100%"},content:{padding:0,height:"100%",width:"100%"},steps:{display:"none"}}},Y.default.createElement(u.Stepper.Step,null,Y.default.createElement(Wl,null)),Y.default.createElement(u.Stepper.Step,null,Y.default.createElement(Jl,null)),Y.default.createElement(u.Stepper.Step,null,Y.default.createElement(er,null)))))},ar=()=>{const{locale:t}=l.useTranslations(),{isMobile:n,isLoggedIn:i,currentUrl:r,acquisitionInfo:o,categoryIds:s,state:d,setState:u,settings:m,submitHandler:p,subcribeHealthStatus:h,showPNModal:g,setShowPNModal:f,setIsBack:b}=e.useContext(Al),[v,y]=e.useState([]),[x,w]=e.useState(g);e.useEffect((()=>{c.__awaiter(void 0,void 0,void 0,(function*(){var e,n;const i=yield a.callApiWithAuth(a.getPremiumApiPath(Dl,{_locale:t}),"get"),l=[...(null===(e=null==i?void 0:i.data)||void 0===e?void 0:e.interested)||[],...(null===(n=null==i?void 0:i.data)||void 0===n?void 0:n.trending)||[]];y(l.filter((e=>s.includes(Number(e.catId)))))}))}),[]);const E=e.useRef([]);return e.useEffect((()=>{const e=(null==h?void 0:h.value)||"",t=e.split("|").filter(Boolean);let a=e;E.current.push(h),t.length>1&&(null!==E.current[0]&&b(!0),Object.keys(p).map((e=>{const n=e.split("|");if(t.length===n.length){let i=0;t.map((e=>{n.includes(String(e))&&(i+=1)})),i===t.length&&(a=e)}})));const n=t.length>0?p[a]:m;u(n)}),[h]),e.useEffect((()=>{w(g)}),[g]),(null==d?void 0:d.action)!==Sl.Hide?Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(Ol,Object.assign({},m.props)),Y.default.createElement(tr,{acquisitionInfo:o,isMobile:n,isLoggedIn:i,currentUrl:r,pnSuggestCategory:v,opened:x,close:()=>{var e;w(!1),f(!1),setTimeout((()=>{var e;(null===(e=d.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&u({action:Sl.Hide})}),400),(null===(e=d.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&u({action:Sl.Hide})},onRegisterSuccess:()=>w(!1)})):null};exports.AdBlock=bl,exports.Alert=({style:e,onClose:a,text:n,type:i,contentIcon:l,closeIcon:r,className:o,description:s})=>Y.default.createElement("div",{className:`${de} ${o||""}`,style:e,"data-alert-type":i},Y.default.createElement("div",{className:ce},Y.default.createElement("div",{className:"icon-title"},l,Y.default.createElement(t.Text,{weight:"bold",size:"label1"},n)),Y.default.createElement(t.Text,{weight:"regular",size:"p3"},s)),Y.default.createElement("div",{className:ue,onClick:a},r)),exports.ArticleCard=({articleLink:e,authorLink:n,authorName:i,avatarImg:l,banner:r,categoryLink:o,categoryName:d,className:c,dataEventActionForBanner:u,dataEventActionForBookmark:m,dataEventActionForCategory:p,dataEventActionForTitle:h,dataEventCategoryForBanner:g,dataEventCategoryForBookmark:f,dataEventCategoryForCategory:b,dataEventCategoryForTitle:v,dataEventLabelForBanner:y,dataEventLabelForBookmark:x,dataEventLabelForCategory:w,dataEventLabelForTitle:E,direction:C="horizontal",hasAffiliate:k,isBookmark:S=!1,isBookmarkDisplayed:T=!0,isMobile:B=!0,onBookmark:N,onClickCategoryName:A,section:_="normal",size:D="md",specialty:I,style:M,styleBanner:P,styleLabel:L,styleTitle:z,text:$,title:O,type:j="author",uploadTime:F,articleLinkTarget:R,isPremium:H})=>{const U=e=>{e.stopPropagation(),null==N||N()},G="lg"===D&&"expert"===j?"h4":"lg"===D&&"home"===_?B?"h4":"h3":"lg"===D?"h4":"h5",W="lg"===D?"p3":"p4",q=B||"home"!==_||"lg"!==D||"author"!==j?"c2":"c1";return Y.default.createElement("article",{className:`${Ee} ${c||""}`,"data-size":D,style:M,"data-direction":C,"data-is-expert":"expert"===j||void 0},Y.default.createElement("div",{className:"banner",style:P},Y.default.createElement("a",{className:we,"data-event-category":g,"data-event-action":u,"data-event-label":y,href:e||"#",target:R},r),H&&Y.default.createElement("img",{loading:"lazy",className:"premium",src:s.CommonGAssets.getAssetPath("premium-crown.svg")}),k&&Y.default.createElement(Te,null)),Y.default.createElement("div",{className:"content"},Y.default.createElement("div",{className:"inner-content"},Y.default.createElement(t.Text,{style:L,className:"label",size:q,weight:"caption"},Y.default.createElement("a",{className:we,"data-event-category":b,"data-event-action":p,"data-event-label":w,href:o||"#",onClick:A},d),T&&Y.default.createElement("a",{className:"bookmark",onClick:U},S?Y.default.createElement(Be,{dataEventCategoryForBookmark:f,dataEventActionForBookmark:m,dataEventLabelForBookmark:x}):Y.default.createElement(Ne,{dataEventCategoryForBookmark:f,dataEventActionForBookmark:m,dataEventLabelForBookmark:x}))),Y.default.createElement(a.Heading,{tag:G,style:z,className:"title",as:"lg"===D?"h2":"h3"},Y.default.createElement("a",{className:we,"data-event-category":v,"data-event-action":h,"data-event-label":E,href:e||"#",target:R},O)),$&&Y.default.createElement("a",{href:e||"#",target:R},Y.default.createElement(t.Text,{size:W,className:"text"},$))),Y.default.createElement("div",{className:"footer"},"author"===j?Y.default.createElement(ke,{size:D,avatarImg:l,authorName:i,authorLink:n,uploadTime:F,handleClick:U,isBookmarked:S,dataEventCategoryForBookmark:f,dataEventActionForBookmark:m,dataEventLabelForBookmark:x}):Y.default.createElement(Se,{size:D,isMobile:B,avatarImg:l,specialty:I,name:i,link:n,handleClick:U,isBookmarked:S,dataEventCategoryForBookmark:f,dataEventActionForBookmark:m,dataEventLabelForBookmark:x}))))},exports.ArticleCard$1=e=>{var{variant:t="vertical"}=e,a=c.__rest(e,["variant"]);return"horizontal"===t?Y.default.createElement(Ae,Object.assign({},a)):Y.default.createElement(Me,Object.assign({},a))},exports.BMICardEmbed=({isMobile:e,onSubmit:t,bmiContent:a,isSide:n,bmiGenerated:i,bmiUnit:r,bmiLink:o,locale:d})=>{var c,u,m;const{t:p}=l.useTranslations();return Y.default.createElement(Xn,{"data-is-side":n},Y.default.createElement(Nn,{isSide:n,icon:Y.default.createElement("img",{alt:"health-tool-icon",src:(null==a?void 0:a.featured_image)||s.CommonGAssets.getAssetPath("health-tools/bmi.svg"),loading:"lazy"}),heading:p("bmi.heading"),medicalReview:{link:null===(c=null==a?void 0:a.reviewBy)||void 0===c?void 0:c.link,reviewer:null===(u=null==a?void 0:a.reviewBy)||void 0===u?void 0:u.reviewer,date:null===(m=null==a?void 0:a.reviewBy)||void 0===m?void 0:m.date},isMobile:e}),Y.default.createElement(A.Container,null,Y.default.createElement(Yn,{as:"div","data-is-side":n},o&&Y.default.createElement(li,{onSubmit:t,bmiGenerated:i,locale:d,bmiUnit:r,isSide:n}))))},exports.BMRCardEmbed=({isSide:e,locale:t,bmrContent:a,isMobile:n,info:i,inputErrorMessage:r,onFormChange:o,onSubmit:d})=>{var c,u,m;const{t:p}=l.useTranslations();return Y.default.createElement(Xn,{"data-is-side":e},Y.default.createElement(Nn,{isSide:e,icon:Y.default.createElement("img",{alt:"health-tool-icon",src:(null==a?void 0:a.featured_image)||s.CommonGAssets.getAssetPath("health-tools/bmr.svg"),loading:"lazy"}),heading:p("bmr.heading"),medicalReview:{link:null===(c=null==a?void 0:a.reviewBy)||void 0===c?void 0:c.link,reviewer:null===(u=null==a?void 0:a.reviewBy)||void 0===u?void 0:u.reviewer,date:null===(m=null==a?void 0:a.reviewBy)||void 0===m?void 0:m.date},isMobile:n}),Y.default.createElement(A.Container,null,Y.default.createElement(Yn,{onSubmit:e=>e.preventDefault(),"data-is-side":e},Y.default.createElement(Hn,null,Y.default.createElement(Mi,{info:i,locale:t,errorMessage:r,onChange:o,onClick:d,isSide:e})))))},exports.BabyGrowthCardEmbed=({isMobile:e,className:t,onSubmit:a,onError:n,schema:i,babyGrowthContent:l,siteType:r})=>{var o,c,u;return Y.default.createElement(Xn,{"babyGrowthContent-is-mobile":e,"data-site":r},Y.default.createElement(Nn,{siteType:r,bannerUrl:s.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerUrlLarge:s.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerColor:"marryBaby"===r&&d.theme.mbColors.mint,isEmbeded:!0,icon:Y.default.createElement("img",{className:"embedded-icon",alt:"health-tool-icon",src:(null==l?void 0:l.featuredImage)||s.CommonGAssets.getAssetPath("health-tools/toolsIconBabyGrowth.svg"),loading:"lazy"}),heading:(null==l?void 0:l.title)||"",medicalReview:{link:null===(o=null==l?void 0:l.reviewBy)||void 0===o?void 0:o.link,reviewer:null===(c=null==l?void 0:l.reviewBy)||void 0===c?void 0:c.reviewer.trim(),date:null===(u=null==l?void 0:l.reviewBy)||void 0===u?void 0:u.date},isMobile:e}),Y.default.createElement(vi,{"data-theme":r},Y.default.createElement(yi,{siteType:r,schema:i,className:t,onSubmit:a,onError:n})))},exports.BabyPoopEmbed=({babyPoopPage:e,onClickFindOut:n,currentUrl:i,isSide:r,direction:o="auto",sponsorLogo:c})=>{const{t:m}=l.useTranslations(),h="mb"===u.useMantineTheme().other.template,{classes:g}=xi({isMarryBaby:h,isSide:r,direction:o},{name:"BabyPoopEmbed"}),{reviewedBy:f,reviewedDate:b}=e||{};return Y.default.createElement("div",{className:g.root},Y.default.createElement("div",{className:g.inner},Y.default.createElement(a.Heading,{tag:"h3",as:"h2",color:!h&&"#284A75"},e.title),Y.default.createElement("div",{className:g.content,"data-is-side":r},Y.default.createElement(t.Text,{size:"p3",className:"description"},e.description),!!f&&Y.default.createElement("div",{className:g.reviewText},Y.default.createElement("img",{src:s.CommonGAssets.getAssetPath("reviewerCheck.svg"),alt:"check",className:g.reviewTextIcon,loading:"lazy"}),Y.default.createElement(t.Text,{size:"p4",color:d.theme.colors.gray600},m("categoryPage.info.reviewed")," ",Y.default.createElement("a",{href:f.profile_url},f.display_name)," ",m("categoryPage.onDate",{date:b||""}))),Y.default.createElement("div",{className:g.action},Y.default.createElement(p.Button,{className:g.btn,size:h?"lg":"md",variant:h?"secondary":"primary",onClick:n,dataEventCategory:"Health Tool",dataEventAction:"Baby Stool Inquiry",dataEventLabel:i,style:{visibility:Boolean(n)?"visible":"hidden"}},m("babyPoop.findOut"))))),Y.default.createElement("div",{className:g.thumbnail},Y.default.createElement("img",{src:h?s.CommonGAssets.getAssetPath("baby-poop.svg"):null==e?void 0:e.featuredImage,alt:e.title,loading:"lazy"})),c&&Y.default.createElement("img",{loading:"lazy",src:c,alt:"sponsor",className:g.sponsorLogo}))},exports.Badge=({amount:e,type:t,size:n="medium",color:i="primary",icon:l,className:r})=>Y.default.createElement(a.StyledBadge,{"data-notification-type":t,"data-notification-size":n,"data-notification-color":i,"data-has-icon":!!l||void 0,notificationType:t,notificationSize:n,notificationColor:i,hasIcon:!!l,className:r},Y.default.createElement("div",null,e&&Y.default.createElement("span",null,e)," ",l&&Y.default.createElement("div",null,l))),exports.BorderHeading=({style:e,children:t,className:n,size:i="lg",type:l="bold",upperCase:r,as:o="h4",color:s})=>Y.default.createElement(a.StyledBorderHeading,{style:Object.assign({color:s},e),className:n,"data-size":i,"data-type":l,"data-uppercase":r,as:o},t),exports.Breadcrumbs=({className:t,pages:a,size:n,LinkComponent:i="a",onChangePage:l,separator:r})=>{const o=e.useMemo((()=>a.map(((e,t)=>a.length>4?t>1&&t<a.length-2?null:1===t?Object.assign(Object.assign({},e),{isDropdown:1===t,dropdownItems:a.slice(1,a.length-2)}):e:e)).filter(Boolean)),[a]);return Y.default.createElement("div",{"data-size":n,className:`${tl} ${t||""}`},o.map(((t,a)=>{const s=a+1===o.length;return Y.default.createElement(e.Fragment,{key:a},Y.default.createElement(il,{LinkComponent:i,page:t,isLast:s,onChangePage:l}),!s&&(t.separator||r||Y.default.createElement("div",{className:al,"data-size":n})))})))},exports.CategoryCard=e=>{var{category:a,imgBanner:n,label:i,className:l,style:r,href:o="",dataEventCategory:s,dataEventAction:d,dataEventLabel:u}=e,m=c.__rest(e,["category","imgBanner","label","className","style","href","dataEventCategory","dataEventAction","dataEventLabel"]);const p=(null==a?void 0:a.customizedUrl)||(null==a?void 0:a.permalink)||o||"";return Y.default.createElement(Pe,Object.assign({"data-event-category":s,"data-event-action":d,"data-event-label":u,className:l,style:r,href:p},(null==a?void 0:a.customizedUrl)&&!v.isInternalLink(a.customizedUrl)&&{target:"_blank"},{onClick:e=>{""===p&&e.preventDefault()}},m),Y.default.createElement("div",{className:"banner"},n),Y.default.createElement("div",{className:"content"},Y.default.createElement(t.Text,{className:"category_name",size:"sm",weight:"bold"},(null==a?void 0:a.displayName)||i||"")))},exports.Checkbox=he,exports.CheckboxGroup=({name:e,values:t=[],onChanges:a,options:n=[],className:i,type:l="vertical",isDisabled:r,isRectangle:o})=>{const s=(e,n)=>{const i=t.slice();if(n)i.push(e);else{const t=i.findIndex((t=>t===e));i.splice(t,1)}a&&a(i)};return Y.default.createElement(Le,{className:i,"data-type":l,"data-is-rectangle":o||void 0},n.map(((a,n)=>Y.default.createElement(he,{label:a.label,name:e,key:`${n}-${a.value}`,checked:t.includes(a.value),value:a.value,isDisabled:r||a.disabled,onChange:!r&&s,isRectangle:o}))))},exports.CookieAcceptConfirm=({className:e,policiesUrl:t,onAcceptClick:a,translations:n={acceptButton:"Accept",policiesButton:"Our Policies"},title:i="",description:l="",theme:r="helloSites",isOpen:o=!0,useDefaultPosition:s=!0,trackingAttributes:d})=>Y.default.createElement(jt,{className:e,"data-theme":r,"data-is-open":o,"data-default-position":s},Y.default.createElement(Ft,{"data-has-content":!!i},i),Y.default.createElement(Rt,{dangerouslySetInnerHTML:{__html:l}}),Y.default.createElement(Ht,null,Y.default.createElement(Ut,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:a,"data-event-category":null==d?void 0:d.dataEventCategory,"data-event-action":null==d?void 0:d.dataEventAction,"data-event-label":null==d?void 0:d.dataEventLabel},n.acceptButton),Y.default.createElement(Gt,{href:t},n.policiesButton))),exports.DatePicker=je,exports.DateRangePicker=function({inputSize:t="md",name:n="date-range-picker",value:i,minDate:l,maxDate:r,onChange:o,className:d,autoClose:c=!1}){i||(i={from:null,to:null});const[u,m]=e.useState(!1);function p(){m(!1)}const h=e.useRef(null);function g(e){o&&o(e)}function f(e){return C.format(e,"dd/MM/yyyy")}z.useOutsideClick(h,(()=>{p()}));const b=e.useMemo((()=>i.from&&i.to?C.isSameDay(i.from,i.to)?f(i.from):`${f(i.from)} - ${f(i.to)}`:""),[i.from,i.to]);return Y.default.createElement(Ji,{className:[d,u&&"focused"].filter(Boolean).join(" "),ref:h},Y.default.createElement("label",{htmlFor:n},Y.default.createElement(a.PureInput,{size:t,value:b,name:n,actionIcon:Y.default.createElement("img",{src:s.CommonGAssets.getAssetPath("calendar.svg"),loading:"lazy"}),onFocus:()=>m(!0)})),u?Y.default.createElement(el,{onMouseDown:e=>{e.stopPropagation()}},Y.default.createElement(Xi,{value:i,onChange:g,minDate:l,maxDate:r,close:p,autoClose:c})):null)},exports.DoctorInfo=lt,exports.DueDateCardEmbed=({isMobile:e,locale:t,onSubmitDueDate:a,dueDatePageInfo:n,expertUrl:i,isSide:r,siteType:o})=>{var c;const{t:u}=l.useTranslations();return Y.default.createElement(Xn,{"data-is-side":r,"data-site":o},Y.default.createElement(Nn,{isSide:r,siteType:o,bannerColor:"marryBaby"===o&&d.theme.mbColors.mint,isEmbeded:!0,color:"pink",icon:Y.default.createElement("img",{alt:"health-tool-icon",src:(null==n?void 0:n.featured_image)||s.CommonGAssets.getAssetPath("health-tools/due-date-icon.svg"),loading:"lazy"}),heading:u("healthTools.dueDateCalculator"),medicalReview:{link:i,reviewer:null===(c=null==n?void 0:n.reviewed_by)||void 0===c?void 0:c.display_name,date:null==n?void 0:n.reviewed_date},isMobile:e}),Y.default.createElement(Yn,{onSubmit:e=>e.preventDefault(),className:"due-date-cal","data-is-side":r},Y.default.createElement(Vn,{siteType:o,locale:t,onSubmitDueDate:a,isSide:r})))},exports.FileDropdown=({className:t,value:n,options:i,onUploadSelected:l,id:r,placeholderIcon:o,placeholder:s,style:d})=>{const[c,u]=e.useState(!1),m=()=>u(!c),p=e.useRef(i.map((e=>"upload"===e.type&&Y.default.createElement("input",{id:"uploader-dropdown-input-"+r+"-"+e.value,key:"uploader-dropdown-input-"+r+"-"+e.value,accept:e.fileAcceptedType,multiple:e.multiple,type:"file",style:{display:"none"},onChange:e=>{console.log("change"),l(e.target.files)}})))),h=Y.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12.17 14.83"},Y.default.createElement("defs",null,Y.default.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},Y.default.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"})),Y.default.createElement("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),Y.default.createElement("title",null,"File"),Y.default.createElement("g",{clipPath:"url(#prefix__clip-path)"},Y.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z",transform:"translate(-1.92 -1.54)"}),Y.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),g=Y.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},Y.default.createElement("defs",null,Y.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),Y.default.createElement("title",null,"download"),Y.default.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3",transform:"translate(-1.25 -2.21)"})),f=Y.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},Y.default.createElement("defs",null,Y.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),Y.default.createElement("title",null,"upload"),Y.default.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8",transform:"translate(-1.25 -2.21)"}));return Y.default.createElement(a.StyledDropdown,{className:t,"data-dropdown-open":!!c,id:r,"data-has-icons":!0,style:d,onBlur:()=>u(!1),tabIndex:0},Y.default.createElement(a.StyledDropdownName,{onClick:m},o||h," ",Y.default.createElement("span",null,n&&n.value?n.label:s)),c&&Y.default.createElement(a.StyledDropdownList,{onClick:m,"data-has-icons":!0},i.map((e=>Y.default.createElement(a.StyledDropdownOption,{key:`${r}-${e.value}`,"data-selected":n&&n.value===e.value||void 0,onClick:()=>{return"upload"===e.type?(a="#uploader-dropdown-input-"+r+"-"+e.value,void(null===(n=document.querySelector(a))||void 0===n||n.click())):void((t=e.url)&&window.open(t,"_blank"));var t,a,n}},Y.default.createElement(a.StyledIcon,null,e.icon||"download"===e.type?g:f),e.label)))),Y.default.createElement(Y.default.Fragment,null,p.current))},exports.FixedBottomAdBlock=({className:t,adUnitPath:a,divId:n,isMobile:i,contentId:l,customTargetings:r,locale:o,isMarryBaby:s})=>{const[d,c]=e.useState(!0),[u,m]=e.useState(!1),[p,h]=e.useState(!0),g=e.useRef(null),f=e.useRef(H.v4()),b=e.useRef(null),v=e.useRef(),y=e.useRef();return e.useEffect((()=>{const e=()=>{y.current&&clearTimeout(y.current),y.current=setTimeout((()=>{var t;document.getElementById("subot--container")?c(!0):(c(!1),(null===(t=g.current)||void 0===t?void 0:t.clientHeight)?h(!1):h(!0)),e()}),4e3)};return e(),()=>{v.current&&clearTimeout(v.current),y.current&&clearTimeout(y.current)}}),[]),d||u?null:Y.default.createElement(dl,{key:i?"mobile":"desktop",ref:b,className:t,"data-visible":!p},a&&Y.default.createElement(bl,{wrapperProps:{m:0},ref:g,adUnitPath:a,size:i?[[320,50],[320,100]]:[728,90],divId:(n||"div-gpt-ad-sticky")+(i?"-mobile":"")+l+String(f.current),pos:["Sticky"],contentId:l,hideIfHasSubot:i,customTargetings:r,adDefaultSize:i?[320,50]:[728,90],showCloseBtn:!0,onCloseAd:()=>m(!0),refreshInterval:60,locale:o,isMarryBaby:s}))},exports.FloatButtonGroup=({items:t,className:a,style:n,backgroundPanelStyle:i,isOpen:l,onOpen:r,onClose:o,disableBackdropClick:s,siteType:d="hb",animationType:c="zoom",zIndex:u=300})=>{const[m,p]=e.useState(!!l);e.useEffect((()=>{p(!!l)}),[l]);const h=()=>{p(!1),o&&o()};return Y.default.createElement(Dt,{style:n,className:a,"data-floatmenu-open":m,"data-site-type":d,"data-animation-type":c},Y.default.createElement(It,{className:"float-button-group__panel",style:Object.assign({zIndex:u},i),onClick:s?void 0:h}),Y.default.createElement(Mt,{className:"float-button-group___content",style:{zIndex:u}},Y.default.createElement(Pt,null,t.map(((e,a)=>Y.default.createElement(zt,{className:`float-item-button-${a}`,style:Object.assign(Object.assign({},"zoom"===c&&{bottom:64*(t.length-1-a),transitionDelay:_t/t.length*(m?t.length-1-a:a)+"ms"}),"slide"===c&&{bottom:64*(t.length-1-a),transitionDelay:_t/t.length*(m?a:t.length-1-a)+"ms"}),key:a,onClick:()=>{e.onClick(),e.keepMenuOnClick||p(!1)}},Y.default.createElement($t,{style:Object.assign({},"zoom"===c&&{transitionDelay:_t/t.length*(m?t.length-1-a:a)+"ms"})},e.label),Y.default.createElement(Ot,{className:"float-item-button__icon-wrapper",style:Object.assign({},("zoom"===c||"slide"===c)&&{transitionDelay:_t/t.length*(m?t.length-1-a:a)+"ms"})},e.icon))))),Y.default.createElement(Lt,{onClick:m?h:()=>{p(!0),r&&r()}})))},exports.GenderOptionControl=ve,exports.Grid=({className:e,columns:t,columnsDesktop:n,gridTemplateColumns:i,gridTemplateColumnsDesktop:l,gap:r,children:o,justifyChildren:s,style:d,alignItems:c})=>Y.default.createElement(a.StyledGrid,{className:e,style:d,theme:{columns:t,columnsDesktop:n,gap:r,justifyChildren:s,gridTemplateColumns:i,gridTemplateColumnsDesktop:l,alignItems:c}},o),exports.IconText=({size:e,iconPosition:t,className:a,children:n,icon:i})=>Y.default.createElement(Fe,{className:a,"data-size":e,"data-icon-position":t},"left"===t&&i,n,"right"===t&&i),exports.Loading=({className:e,theme:a,hideText:n})=>{const{t:i}=l.useTranslations();return Y.default.createElement("div",{className:`${ye} ${e}`},Y.default.createElement(t.Icon.Spinner,{isMarryBaby:"marryBaby"===a}),!n&&i("loading"))},exports.MAPPING_CATEGORY_PREMIUM_API_TYPE=Bl,exports.MAPPING_CATEGORY_PREMIUM_TYPE=Tl,exports.MobileBottomNavigation=Xt,exports.MobileBottomNavigationIcon=Yt,exports.OvulationCardEmbed=({onSubmitOvulation:e,locale:t,ovulationPageInfo:a,expertUrl:n,isSide:i=!1,siteType:r,isMobile:o})=>{var c;const{t:u}=l.useTranslations();return Y.default.createElement(Xn,{"data-is-side":i,"data-site":r},Y.default.createElement(Nn,{isSide:i,bannerUrl:s.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),siteType:r,bannerColor:"marryBaby"===r&&d.theme.mbColors.mint,isEmbeded:!0,color:"pink",icon:Y.default.createElement("img",{alt:"health-tool-icon",src:(null==a?void 0:a.featured_image)||s.CommonGAssets.getAssetPath("health-tools/ovulation-icon.svg"),loading:"lazy"}),heading:u("healthTools.ovulationCalculator"),medicalReview:{link:n,reviewer:null===(c=null==a?void 0:a.reviewed_by)||void 0===c?void 0:c.display_name,date:null==a?void 0:a.reviewed_date},isMobile:o}),Y.default.createElement(Yn,{onSubmit:e=>e.preventDefault(),className:"ovulation-cal","data-is-side":i},Y.default.createElement(zi,{siteType:r,locale:t,onSubmitOvulation:e,isSide:i})))},exports.PWGCardEmbed=({locale:n,onClick:i,inputErrorMessage:r,pwgContent:c,onFormChange:u,info:m,isMobile:h,isSide:g=!1,siteType:f})=>{var b;const{t:v}=l.useTranslations(),[y,x]=e.useState("notwins"),[w,E]=e.useState({label:"1",value:1}),C=e.useMemo((()=>[...Array(40)].map(((e,t)=>({label:`${t+1}`,value:`${t+1}`})))),[]),{getHealthToolLink:k}=D.useHealthToolsCache(n),S=e.useMemo((()=>k(a.HEALTH_TOOL_TYPE.PWG)),[k]);return Y.default.createElement(Xn,{"data-is-side":g,"data-site":f},Y.default.createElement(Nn,{siteType:f,bannerColor:"marryBaby"===f&&d.theme.mbColors.mint,isEmbeded:!0,color:"pink",icon:Y.default.createElement("img",{alt:"health-tool-icon",src:(null==c?void 0:c.featuredImage)||s.CommonGAssets.getAssetPath("health-tools/pwg-icon.svg"),loading:"lazy"}),heading:v("pregnancyWeightGain.heading"),medicalReview:{link:P.formatUserProfileUrl(null==c?void 0:c.reviewedBy),reviewer:null===(b=null==c?void 0:c.reviewedBy)||void 0===b?void 0:b.display_name,date:null==c?void 0:c.reviewedDate},isMobile:h,isSide:g}),Y.default.createElement(A.Container,null,Y.default.createElement(Yn,{onSubmit:e=>e.preventDefault(),className:"pwg-view-mobile","data-is-side":g},"marryBaby"!==f&&Y.default.createElement(Rn,{className:"hide-asking-mobile","data-is-side":g},Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",style:{display:"block",color:d.theme.colors.gray600},className:"label"},v("pregnancyWeightGain.havingTwins")),Y.default.createElement(Kn,{options:[{value:"twins",label:v("switchBtn.yes")},{value:"notwins",label:v("switchBtn.no")}],value:y,onChange:e=>x(e),className:"gender-selector",id:"twins-check",type:"circle",direction:"horizontal",size:"small",group:"group1"})),Y.default.createElement(Gn,null,Y.default.createElement(Wn,{className:"input-section input-form-pwg","data-is-side":g},"marryBaby"===f?Y.default.createElement(An,{groupedWithLabel:v("pregnancyWeightGain.weekInput"),options:C,placeholder:"28 days",id:"due-date-dropdown",size:"lg",value:w,onChange:e=>E({label:e.label,value:e.value})}):Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",style:{display:"inline-block",marginBottom:"9px",color:d.theme.colors.gray600}},v("pregnancyWeightGain.weekInput")),Y.default.createElement(N.Dropdown,{options:C,placeholder:String(w.label),id:"weight-gain-dropdown",size:"md",value:w,onChange:e=>E({label:e.label,value:e.value})}))),Y.default.createElement($i,{siteType:f,info:m,errorMessage:r,onChange:u})),"marryBaby"!==f&&Y.default.createElement(Rn,{className:"hide-asking-desk","data-is-side":g},Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",style:{display:"block",color:d.theme.colors.gray600},className:"label"},v("pregnancyWeightGain.havingTwins")),Y.default.createElement(Kn,{options:[{value:"twins",label:v("switchBtn.yes")},{value:"notwins",label:v("switchBtn.no")}],value:y,onChange:e=>x(e),className:"gender-selector",id:"twins-check-mobile",type:"circle",direction:"horizontal",size:"small",group:"group1"})),"marryBaby"===f&&Y.default.createElement(he,{name:"twins",label:v("pregnancyWeightGain.havingTwins"),checked:"twins"===y,siteType:"marryBaby",onChange:()=>{x("twins"===y?"notwins":"twins")},value:"twins"}),Y.default.createElement(Un,{"data-is-side":g,"data-site":f},Y.default.createElement(p.Button,{dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${o.domainLocales["marryBaby"===f?"vi-VN_MB":n]}/${S}`,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===f?"secondary":"primary",onClick:()=>i(y,w.value),role:"button"},v("dueDatePage.lastPeriod.calculate"))))))},exports.Pagination=({className:t,pagesAmount:i,currentPage:l,onChange:r,onClick:o,style:s,href:d,queryPageName:c="page"})=>{const u=[...Array(i)].map(((e,t)=>t+1)),[m,p]=e.useState(l),h=e.useMemo((()=>d&&d.endsWith("&page=")?d.replace("&page=",""):d),[d]),g=i-1,f=e=>{e<=i&&e>0&&(p(e),r(e))},b=e=>{o&&o(e)};return e.useEffect((()=>{p(l)}),[l]),Y.default.createElement(a.StyledPagination,{className:t,style:s},Y.default.createElement(a.StyledPageBlock,{className:"prev-page",onClick:()=>f(m-1),"data-last-page":1===m||void 0},h?Y.default.createElement("a",{href:n.formatUrlWithPageParam(h,m,c),onClick:b},Y.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):Y.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),u.length>8?Y.default.createElement(me,{pagesAmount:i,activePage:m,handlePageChange:f,handleClick:b,href:h,queryPageName:c}):u.map((e=>Y.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===m||void 0,onClick:()=>f(e)},h?Y.default.createElement("a",{href:n.formatUrlWithPageParam(h,e,c),onClick:b},e):e))),Y.default.createElement(a.StyledPageBlock,{className:"next-page",onClick:()=>f(m+1),"data-last-page":m===g+1||void 0},h?Y.default.createElement("a",{href:n.formatUrlWithPageParam(h,m,c),onClick:b},Y.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):Y.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.ProgressBar=({type:t,numberOfStep:a,activeStep:n,labelPrefix:i,detailSteps:l,className:r,onChange:o})=>{const[s,d]=e.useState(0),u=e=>{var{trackClassName:t}=e,a=c.__rest(e,["trackClassName"]);return Y.default.createElement(Ue,Object.assign({},a,{className:t}),Y.default.createElement(Ge,null))},m=Y.default.createElement(Re,{className:r+" progress-bar"},Y.default.createElement(u,null),Y.default.createElement((({trackLength:e,activeStep:t,labelPrefix:n="Step",onChange:i})=>Y.default.createElement(Y.default.Fragment,null,Array.from({length:a},((e,t)=>t)).map(((l,r)=>Y.default.createElement(He,{"data-is-active":r===t,"data-label":r,style:{left:r*e/(a-1)},onClick:()=>{i&&i(r)},key:r},r+1,Y.default.createElement(We,{"data-step-passed":r<=t},n+" "+(r+1))))))),{trackLength:s,activeStep:n,labelPrefix:i,onChange:o})),p=Y.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 5.5 9.5"},Y.default.createElement("title",null,"chevron-right"),Y.default.createElement("path",{d:"M.75 8.75l4-4-4-4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),h=Y.default.createElement(qe,null,l&&Array.from({length:l.length},((e,t)=>t)).map(((e,t)=>{var a;return Y.default.createElement(Ve,{key:t,"data-selected":t===n,onClick:()=>{o&&o(t)}},null===(a=l[t])||void 0===a?void 0:a.text," ",t<l.length-1&&p)}))),g=Y.default.createElement(Re,{className:r+" progress-bar"},Y.default.createElement((({detailSteps:e,activeStep:t,onChange:a})=>Y.default.createElement(Y.default.Fragment,null,Array.from({length:e.length},((e,t)=>t)).map(((n,i)=>Y.default.createElement(Qe,{key:i,style:{left:100/e.length*i+"%",width:100/e.length+"%"},onClick:()=>{a&&a(i)}},e[i].icon?Y.default.createElement(Ye,{onClick:()=>{a&&a(i)}},e[i].icon):Y.default.createElement(Ze,{"data-is-active":i===t,"data-label":n,onClick:()=>{a&&a(i)},key:i},i+1),Y.default.createElement(Xe,{"data-step-passed":i<t+1},e[i].text,Y.default.createElement(Ke,null,e[i].description)),i<e.length-1&&Y.default.createElement(u,{"data-step-passed":i<t,trackClassName:"progress-track","data-track-type":"detail"})))))),{activeStep:n,detailSteps:l,onChange:o})),f=e.useCallback(ee.default((()=>{const e=document.querySelector(".progress-bar");e&&d(e.offsetWidth)}),1e3),[]);return e.useEffect((()=>{const e=document.querySelector(".progress-bar");return d(null==e?void 0:e.offsetWidth),window.addEventListener("resize",f,{passive:!0}),()=>{window.removeEventListener("resize",f)}}),[]),"step-track"===t&&m||"breadcrumb"===t&&h||"detail-track"===t&&g},exports.Radio=pe,exports.RadioGroup=et,exports.RateStars=({gap:t=2,size:n=24,star:i,totalStars:l=5,onSelect:r,hideEmptyStars:o,style:s,className:d})=>{const c=Math.floor(i),u=i-c>=.5?1:0,[m,p]=e.useState(null),h=m||c,g=m?0:u;return Y.default.createElement(a.StyledRateStars,{"data-selectable":!!r,style:Object.assign({"--gap":t,"--star-size":n},s),className:d},Array.from({length:o?c+u:l}).map(((e,t)=>{const a=()=>!!r&&p(t+1),n=()=>!!r&&p(null);return t+1<=h?Y.default.createElement(fe,{key:t,onClick:()=>null==r?void 0:r(t+1),onMouseOver:a,onMouseLeave:n}):t+1===h+g?Y.default.createElement(be,{key:t,onClick:()=>null==r?void 0:r(t+1),onMouseOver:a,onMouseLeave:n}):Y.default.createElement(ge,{key:t,onClick:()=>null==r?void 0:r(t+1),onMouseOver:a,onMouseLeave:n})})))},exports.ScrollList=({row:t=2,column:a=3,isDotsShown:n=!0,isImageGalleryShown:i=!1,mode:l="infinity",type:r="separated",distanceOverlappedLeft:o={amount:0,unit:"pixel"},children:s,className:d,isProgressShown:c=!1,statusChildren:u,isArrowShown:m=!1,classNameLeftArrow:p,classNameRightArrow:h,dataEventCategory:g,dataEventAction:f,dataEventLabel:b,onChangePage:v,page:y,customPageWidth:x,scheme:w="hellosites",arrowType:E="Discover"})=>{const C="number"==typeof y,[k,S]=e.useState(C?y:0),T=[];Y.default.Children.map(s,((e,n)=>{n%(t*a)==0&&T.push([]),T[T.length-1].push(Y.default.cloneElement(e))}));const B=e.useRef(),N=e.useRef(0),A=e=>{if(!B.current)return;const{clientWidth:t}=B.current,a=x||t,n="intertwined"===r?"percentage"===o.unit?e*a+o.amount/100*a*e:e*a+o.amount*a*e:e*a;B.current.scrollTo({top:0,left:n,behavior:"smooth"}),N.current=e,S(e),v&&v(e)};e.useEffect((()=>{"number"==typeof y&&(e=>{if(!B.current)return;const{clientWidth:t}=B.current,a=x||t,n="intertwined"===r?"percentage"===o.unit?e*a+o.amount/100*a*e:e*a+o.amount*a*e:e*a;B.current.scrollTo({top:0,left:n,behavior:"smooth"}),N.current=e,S(e)})(y)}),[y]);const _=e=>{if(!B.current)return;const{clientWidth:t}=B.current,a=x||t;let n;n=0===k?0:k*a,"forward"===e&&(n===a*(T.length-1)?(S(T.length-1),n=a*(T.length-1),v&&v(T.length-1)):(S(k+1),n+=a,v&&v(k+1)),B.current.scrollTo({top:0,left:n,behavior:"smooth"})),"back"===e&&(0===n?(S(0),v&&v(0),n=0):(S(k-1),v&&v(k-1),n-=a),B.current.scrollTo({top:0,left:n,behavior:"smooth"}))},D=ee.default((()=>{if("infinity"===l){if(!B.current)return;const{clientWidth:e,scrollLeft:t}=B.current,a=x||e,n=Math.floor(t/a);S(n),v&&v(n)}}),400);return e.useEffect((()=>{if("snapped"===l){let e,t,a,n,i,l,s=!1;const d=B.current,c=(l,r)=>{s=!0,a=!1,n=!1,e=l-d.offsetLeft,t=r-d.offsetTop,i=d.scrollLeft},u=e=>{c(e.pageX,e.pageY)},m=e=>{c(e.touches[0].pageX,e.touches[0].pageY)},p=()=>{if(s=!1,a=!1,n=!1,!B.current)return;const{clientWidth:e}=B.current,t=x||e,i="ltr"===l?0!==N.current?N.current-1:N.current:"rtl"===l&&N.current<T.length-1?N.current+1:N.current,d="intertwined"===r?"percentage"===o.unit?i*t+o.amount/100*t*i:i*t+o.amount*t*i:i*t;B.current.scrollTo({top:0,left:d,behavior:"smooth"}),l="none",N.current!==i&&(N.current=i,S(i),v&&v(i))},h=(r,o)=>{if(!s)return;const c=r-d.offsetLeft,u=o-d.offsetTop,m=c-e,p=u-t;a||n||!(p>20||p<-20)||(a=!0),!a&&(m>20||m<-20)&&(n=!0,d.scrollLeft=i-m,m>0&&(l="ltr"),m<0&&(l="rtl"),0===m&&(l="none"))},g=e=>{n&&e.preventDefault(),h(e.pageX,e.pageY)},f=e=>{n&&e.preventDefault(),h(e.touches[0].pageX,e.touches[0].pageY)};return null==d||d.addEventListener("mousedown",u,{passive:!0}),null==d||d.addEventListener("touchstart",m,{passive:!0}),window.addEventListener("mouseup",p,{passive:!0}),window.addEventListener("touchend",p,{passive:!0}),null==d||d.addEventListener("mousemove",g,{passive:!0}),null==d||d.addEventListener("touchmove",f,{passive:!0}),()=>{null==d||d.removeEventListener("mousedown",u),null==d||d.removeEventListener("touchstart",m),window.removeEventListener("mouseup",p),window.removeEventListener("touchend",p),null==d||d.removeEventListener("mousemove",g),null==d||d.removeEventListener("touchmove",f)}}}),[]),Y.default.createElement(dt,{className:d,"data-row":t,onScroll:D},m&&k>0&&Y.default.createElement("div",{className:`${p} arrow-left`,onClick:()=>_("back"),"data-event-category":g,"data-event-action":f,"data-event-label":b},"Care"===E?Y.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},Y.default.createElement("g",{filter:"url(#filter0_dd_12599_34420)"},Y.default.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3V3C31.8368 3 39.0002 10.1634 39.0002 19V19C39.0002 27.8366 31.8368 35 23.0002 35V35C14.1637 35 7.00024 27.8366 7.00024 19V19Z",fill:"white"}),Y.default.createElement("path",{d:"M20.9293 19L24.7503 15.179C25.1643 14.765 25.1643 14.093 24.7503 13.679C24.3363 13.265 23.6643 13.265 23.2503 13.679L18.6363 18.293C18.2453 18.684 18.2453 19.317 18.6363 19.707L23.2503 24.321C23.6643 24.735 24.3363 24.735 24.7503 24.321C25.1643 23.907 25.1643 23.235 24.7503 22.821L20.9293 19Z",fill:"#595959"}),Y.default.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),Y.default.createElement("defs",null,Y.default.createElement("filter",{id:"filter0_dd_12599_34420",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},Y.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),Y.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),Y.default.createElement("feOffset",{dx:"-2",dy:"2"}),Y.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),Y.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),Y.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12599_34420"}),Y.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),Y.default.createElement("feOffset",{dx:"-1",dy:"1"}),Y.default.createElement("feGaussianBlur",{stdDeviation:"1"}),Y.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),Y.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12599_34420",result:"effect2_dropShadow_12599_34420"}),Y.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12599_34420",result:"shape"})))):Y.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),Y.default.createElement("path",{d:"M15.9997 11.1109L11.1108 15.9998L15.9997 20.8887",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),Y.default.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),Y.default.createElement("div",{ref:B,className:"container",style:{overflowX:"snapped"===l||m?"hidden":"scroll"}},T.map(((e,n)=>{let i=0;for(let e=0;e<n;e++)i+=T[e].length;return Y.default.createElement("div",{key:n,className:"section",style:{marginLeft:"intertwined"===r&&0!==n?o.amount+""+("percentage"===o.unit?"%":"px"):"0px"}},1===t&&c&&Y.default.createElement("div",{className:"progress-bar",style:{gridTemplateColumns:`repeat(${a}, 1fr)`}},e.map(((t,a)=>{const l=i+a,r=u.find((e=>e.index===l));return Y.default.createElement("div",{className:"items-progress",key:a},0===a&&0===n?Y.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):Y.default.createElement("div",{className:"line"}),Y.default.createElement("div",{className:"icon-status"},Y.default.createElement(ct,{status:null==r?void 0:r.status})),n===T.length-1&&a===e.length-1?Y.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):Y.default.createElement("div",{className:"line"}))}))),Y.default.createElement("div",{className:"grid-layout","data-index":n,style:{gridTemplateColumns:`repeat(${a}, 1fr)`,gridTemplateRows:`repeat(${t}, 1fr)`}},e.map(((e,t)=>Y.default.createElement(Y.default.Fragment,{key:t},Y.default.createElement("div",{className:"item-grid",key:t},e))))))}))),m&&k<T.length-1&&Y.default.createElement("div",{className:`${h} arrow-right`,onClick:()=>_("forward"),"data-event-category":g,"data-event-action":f,"data-event-label":b}," ","Care"===E?Y.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},Y.default.createElement("g",{filter:"url(#filter0_dd_12597_34423)"},Y.default.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3C31.8368 3 39.0002 10.1634 39.0002 19C39.0002 27.8366 31.8368 35 23.0002 35C14.1637 35 7.00024 27.8366 7.00024 19Z",fill:"white"}),Y.default.createElement("path",{d:"M24.0712 19L20.2502 15.179C19.8362 14.765 19.8362 14.093 20.2502 13.679C20.6642 13.265 21.3362 13.265 21.7502 13.679L26.3642 18.293C26.7552 18.684 26.7552 19.317 26.3642 19.707L21.7502 24.321C21.3362 24.735 20.6642 24.735 20.2502 24.321C19.8362 23.907 19.8362 23.235 20.2502 22.821L24.0712 19Z",fill:"#595959"}),Y.default.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),Y.default.createElement("defs",null,Y.default.createElement("filter",{id:"filter0_dd_12597_34423",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},Y.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),Y.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),Y.default.createElement("feOffset",{dx:"-2",dy:"2"}),Y.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),Y.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),Y.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12597_34423"}),Y.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),Y.default.createElement("feOffset",{dx:"-1",dy:"1"}),Y.default.createElement("feGaussianBlur",{stdDeviation:"1"}),Y.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),Y.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12597_34423",result:"effect2_dropShadow_12597_34423"}),Y.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12597_34423",result:"shape"})))):Y.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),Y.default.createElement("path",{d:"M15.9998 20.8891L20.8887 16.0002L15.9998 11.1113",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),Y.default.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),n&&Y.default.createElement("ul",{className:"bullet-nav"},T.map(((e,t)=>Y.default.createElement("li",{key:t,className:"bullet-nav__item "},Y.default.createElement("p",{onClick:()=>A(t),className:`bullet-nav__link scroll ${k==t?"active":null}`,"data-scheme":w}))))),i&&Y.default.createElement("div",{className:"image-gallery-wrapper","data-test":T.length},T.slice(0,3).map(((e,t)=>Y.default.createElement("div",{className:`image-block ${k==t?"active":null}`,key:t,onClick:()=>A(t),"data-scheme":w},e)))))},exports.SeoHead=({SEOData:t={},locale:a="vi-VN",routerPathname:n,routerQuery:i,nextHead:l,siteType:s,seoCustom:d,userId:c,forcedCanonicalUrl:u})=>{var m,p,h,g,f,b,v,y,x,w,E,C;const{totalPages:k,currentPage:S,SEOTitle:T="",SEODescription:B="",SEOImage:N,seoType:A,SEOImageWidth:_,SEOImageHeight:D,customMetaData:I=[],isIndexable:M=!0,hasNoCanonical:P=!1}=t,L=M&&r.isProduction?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",{NEXT_PUBLIC_BASE_API_URL:z}=process.env;let $=t.canonicalUrl||n;Object.keys(i).forEach((e=>{const t=i[e];t&&Array.isArray(t)&&($=$.replace(`[...${e}]`,t.join("/")))}));const O=a||"en-PH",j="helloSites"===s?o.domainLocales[O]:"www.marrybaby.vn",F=$.endsWith("/")?"":"/",R=e.useMemo((()=>{var e,n,i,l,r,o,s;let d="";if(t.apiMetaData&&"string"==typeof t.apiMetaData){const c=null===(e=t.apiMetaData)||void 0===e?void 0:e.match(/<title.*?>(.*)<\/title>/),u=` - Page ${S} of ${k}`,m=S&&1!==S&&c?t.apiMetaData.replace(c[0],c[0].includes("-")?c[0].replace("-",u+" - "):`<title>${c[1].concat(u)}</title>`).replace(`<link rel="canonical" href="https://${j}${$}${F}" />`,`<link rel="canonical" href="https://${j}${$}${F}?page=${S}" />`):t.apiMetaData;if(d=hn(m,{trim:!0}),!d.find((e=>{var t,a;return"og:image"===(null===(t=e.props)||void 0===t?void 0:t.property)||"og:image:secure_url"===(null===(a=e.props)||void 0===a?void 0:a.property)}))){const e=`https://${j}/images/${a}.png`;d=[...d,Y.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(n=t.openGraph)||void 0===n?void 0:n.image)||N||e||""}),Y.default.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(i=t.openGraph)||void 0===i?void 0:i.image)||N||e}),Y.default.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(l=t.openGraph)||void 0===l?void 0:l.imageWidth)&&String(null===(r=t.openGraph)||void 0===r?void 0:r.imageWidth)||_&&String(_)||"1200"}),Y.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(o=t.openGraph)||void 0===o?void 0:o.imageHeight)&&String(null===(s=t.openGraph)||void 0===s?void 0:s.imageHeight)||D&&String(D)||"630"})]}}return d}),[t.apiMetaData,t.openGraph,N,D,_,S,$,k,a,j]),H=`https://${j}/images/${a}.png`;return Y.default.createElement(l,null,Y.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===s&&Y.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===a?Y.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===a||"ms-MY"===a?Y.default.createElement(Y.default.Fragment,null):Y.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap",rel:"preload",as:"style"}),Y.default.createElement("link",{rel:"preconnect",href:z}),Y.default.createElement("meta",{charSet:"UTF-8"}),Y.default.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),Y.default.createElement("meta",{name:"google",content:"notranslate"}),Y.default.createElement("meta",{name:"robots",content:L}),Y.default.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),I.map(((e,t)=>Y.default.createElement("meta",Object.assign({key:t},e)))),Y.default.createElement("meta",{name:"theme-color",content:"helloSites"===s?"#2c87f3":"#e85388"}),Y.default.createElement("meta",{name:"page_type",content:"Home"}),Y.default.createElement("meta",{name:"page_platform",content:"WEB"}),Y.default.createElement("meta",{name:"page_language",content:O}),Y.default.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),!R&&Y.default.createElement(Y.default.Fragment,null,"helloSites"===s?Y.default.createElement("title",null,d?T:T+" - "+(null===(m=o.LOCALE_SPECS[a])||void 0===m?void 0:m.SITE_NAME)):Y.default.createElement("title",null,T),!P&&Y.default.createElement("link",{rel:"canonical",href:`https://${j}${$}`}),Y.default.createElement("meta",{name:"description",content:B||(null===(p=t.openGraph)||void 0===p?void 0:p.description)}),t.schemaData&&Y.default.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:t.schemaData}}),Y.default.createElement("meta",{property:"og:locale",content:a}),Y.default.createElement("meta",{property:"og:type",content:A||"website"}),Y.default.createElement("meta",{property:"og:title",content:(null===(h=t.openGraph)||void 0===h?void 0:h.title)||T}),Y.default.createElement("meta",{property:"og:description",content:(null===(g=t.openGraph)||void 0===g?void 0:g.description)||B}),Y.default.createElement("meta",{property:"og:url",content:`https://${j}${$}`}),Y.default.createElement("meta",{property:"og:site_name",content:`https://${j}`}),Y.default.createElement("meta",{property:"og:image",content:(null===(f=t.openGraph)||void 0===f?void 0:f.image)||N||H||""}),Y.default.createElement("meta",{property:"og:image:secure_url",content:(null===(b=t.openGraph)||void 0===b?void 0:b.image)||N||H}),Y.default.createElement("meta",{property:"og:image:width",content:(null===(v=t.openGraph)||void 0===v?void 0:v.imageWidth)&&String(null===(y=t.openGraph)||void 0===y?void 0:y.imageWidth)||_&&String(_)||"1200"}),Y.default.createElement("meta",{property:"og:image:height",content:(null===(x=t.openGraph)||void 0===x?void 0:x.imageHeight)&&String(null===(w=t.openGraph)||void 0===w?void 0:w.imageHeight)||D&&String(D)||"630"}),Y.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),Y.default.createElement("meta",{name:"twitter:title",content:(null===(E=t.twitter)||void 0===E?void 0:E.title)||T}),Y.default.createElement("meta",{name:"twitter:description",content:B}),Y.default.createElement("meta",{name:"twitter:image",content:(null===(C=t.twitter)||void 0===C?void 0:C.image)||N})),("helloSites"===s?o.FAVICONS[O]||[]:o.FAVICONS.marryBaby).map(((e,t)=>"link"===e.type?Y.default.createElement("link",{key:`favicon-${t}`,rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?Y.default.createElement("meta",{key:t,name:e.name,content:e.content}):null)),Array.isArray(R)&&u?R.filter((e=>"canonical"!==e.props.name&&"canonical"!==e.props.rel)):R,u&&Y.default.createElement("link",{rel:"canonical",href:u}),!t.hasNoAmp&&"vi-VN"!==a&&Y.default.createElement("link",{rel:"amphtml",href:`https://${j}${$}${F}?amp=1`}),c&&"undefined"!=typeof window?Y.default.createElement("script",{dangerouslySetInnerHTML:{__html:`window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '${c}'});`}}):null)},exports.ShareContainer=({url:a,onCopied:n,locale:i,siteType:r})=>{const{t:o}=l.useTranslations(),s=R.getSocialList(a||"").filter((e=>!e.allowedLocales||e.allowedLocales.includes(i))),u=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return Y.default.createElement(ll,null,Y.default.createElement(t.Text,{size:"p3",color:d.theme.colors.gray800},o("shareContainer.title")),Y.default.createElement("div",{className:"icon-group"},s.map(((e,t)=>Y.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer","data-event-category":"Health Tool","data-event-action":`Social Share - ${e.name}`,"data-event-label":u},e.icon))),Y.default.createElement(w.Button,{theme:r,size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:Y.default.createElement(rl,null),onClick:()=>c.__awaiter(void 0,void 0,void 0,(function*(){var e;yield null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(a),null==n||n()})),"data-event-category":"Health Tool","data-event-action":"Copy Link","data-event-label":u})))},exports.ShareDrawer=a=>{var{open:n,title:i,onClose:r,onCopied:o,onShared:s,url:u,locale:m}=a,p=c.__rest(a,["open","title","onClose","onCopied","onShared","url","locale"]);const{t:h}=l.useTranslations(),g=e.useCallback((()=>c.__awaiter(void 0,void 0,void 0,(function*(){var e;yield null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(u),null==o||o()}))),[u,o]),f=R.getSocialList(u||"").filter((e=>!e.allowedLocales||e.allowedLocales.includes(m)));return e.useEffect((()=>{n&&navigator.share&&navigator.share({title:null!=i?i:"Read This Post",url:u}).then((()=>{null==s||s()})).catch((()=>{null==r||r()}))}),[u,i,s,n]),"undefined"!=typeof navigator&&navigator.share?null:Y.default.createElement(ol,Object.assign({title:h("share.title"),onClose:r,open:n,placement:"bottom"},p),Y.default.createElement("div",{className:"share-container"},Y.default.createElement("div",{className:"icon-container"},Y.default.createElement(t.Text,{weight:"semiBold",size:"s3",color:d.theme.colors.gray600},h("share.title")),Y.default.createElement("div",{className:"icon-group"},f.map(((e,t)=>Y.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer"},e.icon))))),Y.default.createElement("div",{className:"link-container"},Y.default.createElement(t.Text,{weight:"semiBold",size:"s3",color:d.theme.colors.gray600},h("share.copyLink")),Y.default.createElement("div",{className:"input-group"},Y.default.createElement(E.Input,{name:"link",size:"md",value:u,isDisabled:!0}),Y.default.createElement(w.Button,{size:"md",type:"button",color:"tertiary",icon:Y.default.createElement(sl,null),onClick:g})))))},exports.StatisticCard=({type:e,description:t,value:a,withIcon:n,isInACard:i,cardColor:l,className:r})=>Y.default.createElement(ut,{className:r,"data-size":e,"data-is-in-card":"big"===e&&i,"data-card-color":l},Y.default.createElement(pt,null,"small"===e&&Y.default.createElement(mt,{"data-color":l}),t),Y.default.createElement(ht,{"data-size":e},"small"!==e&&n,a)),exports.SurveyOrPremiumBanner=({type:t,articleId:n=0,categoryIds:i=[],isMarketing:r,isSurveyType:d,hasPremiumBanner:c,currentUrl:m,isMobile:p,subcribeHealthStatus:h,setShouldAcquisitionModalOpen:g,onValueChange:f,source:b="discover",Wrapper:v})=>{const{t:y}=l.useTranslations(),{data:{userInfo:x}}=e.useContext(a.TogetherComponentGlobalContext),w=Boolean(null==x?void 0:x.id),[E,C]=e.useState(null),[k,S]=e.useState(),[T,B]=e.useState(""),[N,A]=e.useState(!1),[_,D]=e.useState(!1),I=e.useMemo((()=>Tl[t]),[]),M=((e,t)=>({[El.Pregnant]:{action:Sl.ShowOptionBanner,props:{heading:e("pnBanner.pregnancy.heading"),description:e("pnBanner.pregnancy.desc"),styleType:kl.Button,thumbnail:{desktop:s.CommonGAssets.getAssetPath("newsletter/banner-option-pregnancy-desktop.png"),mobile:s.CommonGAssets.getAssetPath("newsletter/banner-option-pregnancy-mobile.png")},buttonProps:{variant:"white",styles:e=>({minWidth:u.rem(80),[e.fn.largerThan("sm")]:{minWidth:u.rem(120)}})},items:[{label:e("switchBtn.yes"),value:"yes",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Are you navigating the world of pregnancy - Yes Click",dataEventLabel:t}},{label:e("switchBtn.no"),value:"no",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Are you navigating the world of pregnancy - No Click",dataEventLabel:t}}]},submitHandler:{yes:{action:Sl.ShowTool,props:{value:xl.DUE_DATE}},no:{action:Sl.ShowPremiumModal}}},[El.Parenting]:{action:Sl.ShowOptionBanner,props:{heading:e("pnBanner.parenting.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:s.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:s.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,styleType:kl.Checkbox,items:[{label:e("pnBanner.toddlers"),value:"todders"},{label:e("pnBanner.teenager"),value:"teenager"}],submitBtnTracking:{dataEventCategory:"Focused Audience",dataEventAction:"What is the age range of your kids Click",dataEventLabel:t}},submitHandler:{todders:{action:Sl.ShowTool,props:{value:xl.BABY_VACCINE}},teenager:{action:Sl.ShowOptionBanner,props:{styleType:kl.Button,heading:e("pnBanner.teenager.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:s.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:s.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-mobile.png")},buttonProps:{variant:"white"},items:[{label:e("childCard.boy"),value:"teenager.boy",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"What is the gender of your kids - Boy Click",dataEventLabel:t}},{label:e("childCard.girl"),value:"teenager.girl",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"What is the gender of your kids - Girl Click",dataEventLabel:t}}]}},"teenager.boy":{action:Sl.ShowPremiumModal},"teenager.girl":{action:Sl.ShowTool,activeTool:o.RISK_SCREENER_NAME.HPV,props:{value:o.RISK_SCREENER_NAME.HPV}},"todders|teenager":{action:Sl.ShowOptionBanner,props:{styleType:kl.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:s.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:s.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,buttonProps:{variant:"secondary"},styles:e=>({wrapper:{[e.fn.smallerThan("sm")]:{flexDirection:"column"}},button:{background:e.colors.blue[0]}}),items:[{label:e("pnBanner.vaccine.btnLabel"),activeTool:xl.BABY_VACCINE,isLink:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Baby Vaccine Click",dataEventLabel:t}},{label:e("pnBanner.pn.btnLabel"),value:"todders|teenager.showPN",isPNBtn:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Premium Newsletter Click",dataEventLabel:t}}]}},"todders|teenager.showPN":{action:Sl.ShowOptionBanner,props:{styleType:kl.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:s.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:s.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,buttonProps:{variant:"secondary"},styles:e=>({wrapper:{[e.fn.smallerThan("sm")]:{flexDirection:"column"}},button:{background:e.colors.blue[0]}}),items:[{label:e("pnBanner.vaccine.btnLabel"),activeTool:xl.BABY_VACCINE,isLink:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Baby Vaccine Click",dataEventLabel:t}}]}}}}}))(y,m)[I],P=null==M?void 0:M.submitHandler,L=v||u.Box,z=()=>c&&1!==(null==x?void 0:x.subscription)?Y.default.createElement(_l,null):null;return e.useEffect((()=>{w&&C({userInfo:x,preferredTopics:vl,healthTopics:[]})}),[w]),Y.default.createElement(Al.Provider,{value:{settings:M,submitHandler:P,type:t,surveyType:I,value:T,setValue:B,isMobile:p,isLoggedIn:w,isMarketing:r,hasPremiumBanner:c,currentUrl:m,acquisitionInfo:E,categoryIds:i,subcribeHealthStatus:h,articleId:n,onValueChange:f,state:k,setState:S,handleClickOption:e=>{const t=(e=>{let t="";const a=e.split("|");return 1===a.length?e:(Object.keys(P).map((e=>{const n=e.split("|");if(a.length===n.length){let i=0;a.map((e=>{n.includes(String(e))&&(i+=1)})),i===a.length&&(t=e)}})),t)})(e);if(t){const a=P[t];a.action===Sl.ShowPremiumModal?c?(A(!0),S(Object.assign(Object.assign({},k),{actionParams:{hideBannerWhenClose:a.action===Sl.ShowPremiumModal}}))):(S({action:Sl.Hide}),null==f||f(e)):(S(a),null==f||f(e))}},showPNModal:N,setShowPNModal:A,source:b,Outside:L,isBack:_,setIsBack:D,minHeight:180,setShouldAcquisitionModalOpen:g}},void 0!==h?w?d&&M?(()=>{const e=P[(null==h?void 0:h.value)||""];return(null==e?void 0:e.action)===Sl.ShowPremiumModal?z():Y.default.createElement(ar,null)})():z():c?Y.default.createElement(_l,null):null:null)},exports.SurveyQuestionCard=({className:a,headerText:n,style:i,question:l,termAndPolicyText:r,prevText:o,nextText:s,isContactForm:d,isDisableNext:c,isDisablePrev:u,onPrevClick:m,onNextClick:p,isSubmitButton:h,isButtonCenter:g,progress:f,descriptionText:b})=>{var v,y,x;const[E,C]=e.useState([]),{is_multi_select:k,multi_select_option:S,from:T,to:B}=l,N=null==l?void 0:l.type,A="checkbox"===N&&(null===(v=l.options)||void 0===v?void 0:v.length)&&(!E||0===E.length||k&&S===At.RANGE&&(E.length<T||E.length>B)||k&&S===At.EXACT_NUMBER&&E.length!==T)||"radio"===N&&(null===(y=l.options)||void 0===y?void 0:y.length)&&(!E||0===E.length)||"textbox"===N&&(null===(x=l.textOptions)||void 0===x?void 0:x.length)&&(E.length<l.textOptions.length||E.some((e=>!e.value))),_="number"==typeof f?f>1?1:f<0?0:Number(f.toFixed(2)):-1,D=e.useRef(null),I=()=>"textbox"!==N||D.current.reportValidity();return Y.default.createElement(Ct,{className:a,style:i},Y.default.createElement("div",{className:"survey-inner-wrapper"},n&&Y.default.createElement("div",{className:"survey-header"},Y.default.createElement(t.Text,{className:"survey-header-text",size:"c2"},n)),Y.default.createElement("form",{ref:D,onSubmit:e=>e.preventDefault()},Y.default.createElement(Nt,{question:l,description:b,onOptionsChange:e=>{C(e)},onTextOptionsChange:e=>{C(e)}})),d&&s&&Y.default.createElement(w.Button,{className:"survey-contact-submit",size:"lg",isDisabled:c||A,onClick:()=>I()&&p&&p(E)},s),r&&Y.default.createElement("div",{className:"term-policy-container"},r),"number"==typeof f&&Y.default.createElement("div",{className:"survey-progress-wrapper"},Y.default.createElement("div",{className:"survey-progress",style:{transform:`scaleX(${_})`}})),(o||s)&&Y.default.createElement("div",{"data-center":g,className:"survey-button-wrapper"},o&&Y.default.createElement(w.Button,{className:"survey-prev-button",size:"lg",color:u?"primary":"secondary",isDisabled:u,icon:Y.default.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("path",{d:"M2.44677 4.99999L5.31252 2.13424C5.62302 1.82374 5.62302 1.31974 5.31252 1.00924C5.00202 0.698742 4.49802 0.698742 4.18752 1.00924L0.727018 4.46974C0.433768 4.76299 0.433768 5.23774 0.727018 5.53024L4.18752 8.99074C4.49802 9.30124 5.00202 9.30124 5.31252 8.99074C5.62302 8.68024 5.62302 8.17624 5.31252 7.86574L2.44677 4.99999Z",fill:u?"#fff":"#2D87F3"})),onClick:m},o),!d&&s&&Y.default.createElement(w.Button,{onClick:()=>I()&&p&&p(E),className:"survey-next-button",size:"lg",isDisabled:c||A},s," ",h?void 0:Y.default.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y.default.createElement("path",{d:"M3.80322 5.19994L0.937465 2.33419C0.626965 2.02369 0.626965 1.51969 0.937465 1.20919C1.24796 0.898693 1.75196 0.898693 2.06246 1.20919L5.52297 4.66969C5.81622 4.96294 5.81622 5.43769 5.52297 5.73019L2.06246 9.19069C1.75196 9.50119 1.24796 9.50119 0.937465 9.19069C0.626965 8.88019 0.626965 8.37619 0.937465 8.06569L3.80322 5.19994Z",fill:"#ffffff"}))))))},exports.SurveyThankyouCard=({thankyou:e,thankyouSubtitle:n,className:i,style:l})=>Y.default.createElement(Ct,{className:i,style:l},Y.default.createElement("div",{className:"survey-inner-wrapper"},Y.default.createElement(St,null,Y.default.createElement("div",{className:"survey-thankyou-wrapper-inner"},Y.default.createElement("svg",{viewBox:"0 0 122 122",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"survey-thankyou-icon"},Y.default.createElement("path",{d:"M61.5 122c33.137 0 60-26.863 60-60S94.637 2 61.5 2s-60 26.863-60 60 26.863 60 60 60Z",fill:d.theme.colors.primary50}),Y.default.createElement("ellipse",{cx:"61.5",cy:"110.36",rx:"48",ry:"3.36",fill:"#91CAFF"}),Y.default.createElement("path",{d:"M82.905 72.666H101.5L87.597 40H35.403L21.5 72.666h18.595V91H83.08l-.174-18.334Z",fill:"#2C74DF"}),Y.default.createElement("path",{d:"M74.4 15H39.863a5.364 5.364 0 0 0-5.363 5.363v52.214a5.364 5.364 0 0 0 5.363 5.363h43.273a5.364 5.364 0 0 0 5.363-5.363V21a6 6 0 0 0-6-6H74.4Z",fill:"#fff"}),Y.default.createElement("path",{d:"M88.853 80.108H34.147a4.055 4.055 0 0 1-4.087-4.074v-10.65c0-2.27 1.81-4.074 4.087-4.074h54.706a4.055 4.055 0 0 1 4.087 4.074v10.65c0 2.27-1.81 4.074-4.087 4.074Z",fill:"#E4E8EC"}),Y.default.createElement("path",{d:"M90.838 85.451H32.162a4.055 4.055 0 0 1-4.087-4.074v-10.65c0-2.27 1.81-4.074 4.087-4.074H90.78a4.055 4.055 0 0 1 4.087 4.074v10.65c.058 2.27-1.81 4.074-4.029 4.074Z",fill:"#fff"}),Y.default.createElement("path",{d:"M103.748 75.492v30.263c0 1.92-1.576 3.492-3.503 3.492H23.003c-1.927 0-3.503-1.572-3.503-3.492V75.492c0-1.92 1.576-3.492 3.503-3.492h19.384c1.926 0 3.503 1.571 3.503 3.492v5.354c0 .35.233.582.584.582h30.3c.351 0 .585-.233.585-.582v-5.354c0-1.92 1.576-3.492 3.503-3.492h19.383c1.927 0 3.503 1.571 3.503 3.492Z",fill:"#45A4FF"}),Y.default.createElement("path",{stroke:"#2C74DF",d:"M51.954 91.377v3.084c0 1.63 1.285 2.91 2.92 2.91h12.844c1.635 0 2.92-1.28 2.92-2.91v-3.084"}),Y.default.createElement("path",{d:"M120.5 38.025c-2-.246-3.25 1.352-2.375 3.195l.25.737c.75 1.844-.375 3.441-2.375 3.195l-.75-.123c-2-.245-3.25 1.352-2.375 3.195l.375.738c.75 1.843-.375 3.44-2.375 3.195l-.75-.123c-1.5-.123-2.625.737-2.625 1.966",stroke:"#FE921D"}),Y.default.createElement("path",{d:"M1.533 62c-.269 1.413 1.142 2.337 2.82 1.848l.672-.218c1.678-.543 3.089.38 2.82 1.848l-.134.544c-.269 1.413 1.141 2.337 2.82 1.848l.671-.218c1.68-.543 3.09.38 2.82 1.848l-.134.543c-.201 1.087.538 1.848 1.612 1.957M118 92a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM82 3.187l1.188 4.348 4.347-1.188L86.347 2 82 3.187Z",stroke:"#00B16A"}),Y.default.createElement("path",{stroke:"#FE921D",d:"M17 28a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"}),Y.default.createElement("path",{d:"M61.5 26.667c-7.364 0-13.333 5.97-13.333 13.333 0 7.364 5.969 13.333 13.333 13.333S74.833 47.364 74.833 40 68.864 26.667 61.5 26.667Zm7.61 10.276-9.334 9.333a1.33 1.33 0 0 1-1.885 0l-4-4a1.332 1.332 0 1 1 1.885-1.885l3.057 3.057 8.391-8.39a1.332 1.332 0 1 1 1.885 1.885Z",fill:"#00CB8A"})),e&&Y.default.createElement(a.Heading,{className:"survey-thankyou-title",tag:"h3"},e),n&&Y.default.createElement(t.Text,{className:"survey-thankyou-subtitle",size:"p3"},n))))),exports.THRCardEmbed=({isSide:n,locale:i,thrContent:r,isMobile:c,info:m,inputErrorMessage:p,onFormChange:h,onSubmit:g})=>{var f,b,v;const{t:y}=l.useTranslations(),{getHealthToolLink:x}=D.useHealthToolsCache(i),w=e.useMemo((()=>x(a.HEALTH_TOOL_TYPE.THR)),[x]),[E,C]=e.useState(!1),[k,S]=e.useState("low_intensity"),[B,N]=e.useState("male"),[_,I]=e.useState(60),[M,L]=e.useState({idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40}),z=[{idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40},{idAge:1,minAge:18,maxAge:25,rangeMale:49,rangeFemale:54},{idAge:2,minAge:25,maxAge:35,rangeMale:49,rangeFemale:54},{idAge:3,minAge:35,maxAge:45,rangeMale:50,rangeFemale:54},{idAge:4,minAge:45,maxAge:55,rangeMale:50,rangeFemale:54},{idAge:5,minAge:55,maxAge:65,rangeMale:51,rangeFemale:54},{idAge:6,minAge:65,maxAge:120,rangeMale:50,rangeFemale:54}],$=[{value:"low_intensity",label:y("targetHeartRate.lowIntensity.title"),image:s.CommonGAssets.getAssetPath("/low.svg"),imageActive:s.CommonGAssets.getAssetPath("/low-active.svg"),content:y("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:y("targetHeartRate.moderateIntensity.title"),image:s.CommonGAssets.getAssetPath("/moderate.svg"),imageActive:s.CommonGAssets.getAssetPath("/moderate-active.svg"),content:y("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:y("targetHeartRate.aerobicZone.title"),image:s.CommonGAssets.getAssetPath("/aerobic.svg"),imageActive:s.CommonGAssets.getAssetPath("/aerobic-active.svg"),content:y("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:y("targetHeartRate.vigorousIntensity.title"),image:s.CommonGAssets.getAssetPath("/vigorous.svg"),imageActive:s.CommonGAssets.getAssetPath("/vigorous-active.svg"),content:y("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:y("targetHeartRate.maximumIntensity.title"),image:s.CommonGAssets.getAssetPath("/maximum.svg"),imageActive:s.CommonGAssets.getAssetPath("/maximum-active.svg"),content:y("targetHeartRate.maximumIntensity.note")}];return e.useEffect((()=>{const e=((new Date).getTime()-new Date(null==m?void 0:m.age).getTime())/1e3;C(e>=567648e3);const t=z.find((t=>e>=365*t.minAge*24*60*60&&e<365*t.maxAge*24*60*60))||z[0];L(t),I(60)}),[null==m?void 0:m.age]),Y.default.createElement(Xn,{"data-is-side":n},Y.default.createElement(Nn,{isSide:n,icon:Y.default.createElement("img",{alt:"health-tool-icon",src:(null==r?void 0:r.featured_image)||s.CommonGAssets.getAssetPath("health-tools/target-heart-rate-icon.svg"),loading:"lazy"}),heading:y("targetHearRate.heading"),medicalReview:(null===(f=null==r?void 0:r.reviewedBy)||void 0===f?void 0:f.display_name)?{link:P.formatUserProfileUrl(null==r?void 0:r.reviewedBy),reviewer:null===(b=null==r?void 0:r.reviewedBy)||void 0===b?void 0:b.display_name,date:null==r?void 0:r.reviewedDate}:void 0,isMobile:c}),Y.default.createElement(A.Container,null,Y.default.createElement(Yn,{className:"heart-rate-cal",onSubmit:e=>e.preventDefault(),"data-is-side":n},Y.default.createElement(Bi,{"data-is-side":n},Y.default.createElement(Ti,null,Y.default.createElement(ve,{defaultValue:"male",onChange:e=>{N(e),I(60)},styles:e=>({root:!n&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:u.rem(12)}}})}))),Y.default.createElement(Bi,null,Y.default.createElement(Ni,{info:m,locale:i,errorMessage:p,onChange:h})),Y.default.createElement("div",{className:"slider-heart-rate"},Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600},y("targetHeartRate.heartRateInput")),Y.default.createElement("div",{className:"slider-outer-wrapper"},Y.default.createElement(T.Slider,{containerStyle:{flex:1},min:"male"===B?M.rangeMale:M.rangeFemale,max:200,step:1,value:_,withControl:!0,onChange:I}))),E&&Y.default.createElement(Ti,null,Y.default.createElement(qn,null,Y.default.createElement(t.Text,{size:"s4",style:{display:"inline-block",fontWeight:"bold",color:d.theme.colors.gray600,marginBottom:"9px"}},y("targetHeartRate.selectActive")),Y.default.createElement("div",{className:"card"},Y.default.createElement(Ci,{options:$.map((e=>({value:e.value,label:e.label,image:e.image,imageActive:e.imageActive}))),value:k,onChange:e=>{S(e)},className:"gender-selector"})),k&&Y.default.createElement("div",{className:"note"},Y.default.createElement("img",{style:{height:"16px",width:"16px"},src:s.CommonGAssets.getAssetPath("/infoIcon.svg"),alt:"",loading:"lazy"}),Y.default.createElement(t.Text,{size:"s4",color:"#595959"},null===(v=$[$.findIndex((e=>e.value==k))||0])||void 0===v?void 0:v.content)),!k&&Y.default.createElement("span",{style:{color:"#e64728"}},p.intensity)))),Y.default.createElement("div",{style:{display:"flex"}},Y.default.createElement(ki,{size:"lg",onClick:()=>{g(B,k,[_])},dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:`https://${o.domainLocales[i]}/${w}`},y("bmi.submit")))))},exports.Tabs=({style:a,initialTab:n,tabContent:i,onChange:l,className:r,dataEventCategory:o,dataEventAction:s,dataEventLabel:d,id:c,styles:u})=>{const{classes:m,cx:p,theme:h}=Et(void 0,{name:"Tabs",styles:u}),[g,f]=e.useState(n||0);return e.useEffect((()=>{f(n)}),[n]),Y.default.createElement("ul",{style:a,className:p(m.root,r),role:"tablist",id:c},i.map(((e,a)=>Y.default.createElement("li",{className:`${m.item} ${g===a?"active":""} ${e.className}`,"aria-selected":g===a,role:"tab",onClick:()=>{f(a),l&&l(a)},onKeyDown:e=>{"Enter"===e.key&&(f(a),l&&l(a))},key:a,"data-event-category":e.dataEventCategory||o,"data-event-action":e.dataEventAction||s,"data-event-label":e.dataEventLabel||d,tabIndex:0,"data-testid":e.dataTestid},Y.default.createElement("div",{className:m.itemInner},e.icon&&Y.default.createElement("div",{className:m.icon},e.icon),Y.default.createElement(t.Text,{className:m.label,size:e.textSize||"sm",weight:e.textType||"bold",color:g===a?h.fn.primaryColor():e.textColor||h.colors.gray[4],dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel},e.name))))))},exports.Tag=({type:e,children:t,style:n,isInline:l,isSquared:r=!1,className:o,isLight:s,hasMorePadding:d,isLink:c,isSelected:u,textProps:m={size:"sm"}})=>{const p=m.color?{"--text-props-color":m.color}:{};return Y.default.createElement(a.StyledTag,{"data-is-squared":r||void 0,"data-tag-type":e,"data-is-light":s||void 0,"data-has-more-padding":d||void 0,"data-is-inline":l||void 0,style:Object.assign(Object.assign({},n),p),className:o,"data-is-selected":u||void 0,"data-is-link":c||void 0,tagType:e,isInline:l,tagHasMorePadding:d,tagIsLight:s,tagIsSquared:r,tagIsALink:c},Y.default.createElement(i.Text,Object.assign({},m),t))},exports.Toggle=({className:e,id:t,onChange:n,checked:i,style:l,label:r})=>Y.default.createElement(a.StyledToggle,{className:e,style:l},Y.default.createElement("input",{type:"checkbox",id:t,onChange:n,checked:i}),Y.default.createElement("label",{htmlFor:t},Y.default.createElement(a.StyledToggleIcon,null),r&&Y.default.createElement(a.StyledToggleLabel,null,r))),exports.ToolsBannerCard=Nn,exports.index=st,exports.index$1=wt;