npm - @hhgtech/hhg-components - Versions diffs - 1.28.38 → 1.28.39 - Mend

@hhgtech/hhg-components 1.28.38 → 1.28.39

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 (279) hide show

package/build/{index-7181ed37.js → index-543b2956.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";var e=require("react"),t=require("./index-d8488002.js"),a=require("./index.styles-746e11d9.js"),l=require("@linaria/react"),n=require("./screenSizeContext-124189a5.js"),r=require("./index-bc1f2b16.js"),o=require("./index-0998a0c5.js"),i=require("./useTranslations-3192cbaa.js"),s=require("./gAssets.js"),d=require("./theme-1d844ad5.js"),c=require("./index-d4b1c83b.js"),u=require("./tslib.es6-f2a6b38d.js"),m=require("@mantine/core"),g=require("innertext");require("@mantine/dates");var p=require("./index-afe36924.js"),f=require("./Subot-15363a5e.js"),h=require("dayjs");require("styled-components");var v=require("./isProduction-d85b1374.js");require("./translationsContext-10bda5c7.js"),require("string-format");var E=require("@mantine/hooks"),y=require("./index-4e52a123.js"),b=require("lodash/throttle"),C=require("html-react-parser"),k=require("date-fns"),w=require("./index-0dbf23c5.js");require("./utils-4ff4a11e.js"),require("./index.styled-da6c6ef9.js"),require("./index-c202f9a9.js"),require("./constants-e96d2ece.js"),require("lodash/debounce"),require("./useCategory-aeae2526.js");var S=require("./types-35fc8e69.js"),x=require("./index-9fec47c3.js"),T=require("./index-92424f07.js"),B=require("./index.styled-c5cb65ad.js"),N=require("./index-a06c4004.js"),A=require("react-hook-form"),L=require("./useHealthToolCache-1413dbb9.js"),P=require("./index-08523191.js"),I=require("./useOutsideClick-677500c0.js"),M=require("date-fns/locale/en-US"),D=require("date-fns/locale/id"),O=require("date-fns/locale/vi"),_=require("date-fns/locale/zh-TW"),z=require("./index-4be41dcc.js"),j=require("./getSocialList-2847146f.js"),F=require("uuid"),H=require("./routing-8c678608.js"),R=require("@mantine/form"),G=require("./index-76c9722b.js"),$=require("js-cookie"),W=require("lodash/flatten");require("react-contenteditable"),require("react-dom");var V=require("lodash/uniqBy"),U=require("./cookieHelper-d9b9e1ab.js"),q=require("./normalizeLink-38cda638.js");function Z(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var Y=Z(e),K=Z(g),Q=Z(h),X=Z(b),J=Z(C),ee=Z(M),te=Z(D),ae=Z(O),le=Z(_),ne=Z($),re=Z(W),oe=Z(V),ie="CHw-fZZ",se="_03U6VRS",de="EO828Vv";const ce=l.styled("div")({name:"StyledAvatar",class:"s1ycw1o8",propsAsIs:!1}),ue={xs:28,small:32,medium:40,large:48,xl:64,xxl:80,xxxl:96},me=({type:t="square",size:a,avatarImg:l,avatarUrl:n,firstLetter:o,backgroundColor:i,onClick:s,style:d,className:c,width:u,height:m,alt:g})=>{const p=a?ue[a]:void 0,[f,h]=e.useState(!1);e.useEffect((()=>{if(n){const e=document.createElement("img");e.setAttribute("src",n),e.addEventListener("error",(()=>{h(!0)}))}}),[n,h]);const v=(!n&&!l\|\|f)&&o;return Y.default.createElement(ce,{style:Object.assign(Object.assign({},d),{"--size":p?p+"px":void 0,"--width-prop":u?u+"px":void 0,"--height-prop":m?m+"px":void 0,"--background-color":i}),"data-has-max":!(!u\|\|!m),"data-avatar-type":t,onClick:s,className:c,avatarUrl:n,"data-custom-size":!!a},l,n&&!f&&Y.default.createElement(r.ImageWrap,{src:n,alt:g\|\|"avatar"}),v&&o)},ge=()=>Y.default.createElement("style",null,".file-dropdown-path{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}"),pe=()=>Y.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",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("title",null,"File"),Y.default.createElement("g",{clipPath:"url(#prefix__clip-path)"},Y.default.createElement("path",{className:"file-dropdown-path",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:"file-dropdown-path",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),fe=()=>Y.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},Y.default.createElement("title",null,"download"),Y.default.createElement("path",{className:"file-dropdown-path",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)"})),he=()=>Y.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},Y.default.createElement("title",null,"upload"),Y.default.createElement("path",{className:"file-dropdown-path",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)"})),ve=l.styled("div")({name:"StyledGrid",class:"s1n3ff5p",propsAsIs:!1}),Ee=({pagesAmount:t,activePage:l,handlePageChange:r,handleClick:o,href:i,queryPageName:s="page"})=>{const d=[...Array(t)].map(((e,t)=>t+1)),[c,u]=e.useState(l<=4?d.slice(0,5):l>=d.length-3?d.slice(d.length-5,d.length):d.slice(l-2,l+1));return e.useEffect((()=>{l<=4?u(d.slice(0,5)):l>=d.length-3?u(d.slice(d.length-5,d.length)):u(d.slice(l-2,l+1))}),[l]),Y.default.createElement(e.Fragment,null,l>4&&Y.default.createElement(e.Fragment,null,Y.default.createElement(a.StyledPaginationBlock,{onClick:()=>r(1)},i?Y.default.createElement("a",{href:i,onClick:o},1):1),Y.default.createElement(a.StyledPaginationBlock,null,"...")),c.map((e=>Y.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===l\|\|void 0,onClick:()=>r(e)},i?Y.default.createElement("a",{href:n.formatUrlWithPageParam(i,e,s),onClick:o},e):e))),l<d.length-3&&Y.default.createElement(e.Fragment,null,Y.default.createElement(a.StyledPaginationBlock,null,"..."),Y.default.createElement(a.StyledPaginationBlock,{onClick:()=>r(d.length)},i?Y.default.createElement("a",{href:n.formatUrlWithPageParam(i,d.length,s),onClick:o},d.length):d.length)))},ye=l.styled("div")({name:"StyledCheckbox",class:"s1apa94",propsAsIs:!1}),be=({label:e,name:t,checked:a,className:l,isDisabled:n,onChange:r,value:o,isRectangle:i,inputDataTestId:s,siteType:d})=>Y.default.createElement(ye,{className:l,"data-disabled":n\|\|void 0,"data-is-rectangle":i\|\|void 0,"data-label-text":e,"data-theme":d},Y.default.createElement("input",{type:"checkbox",checked:a,name:t,onChange:()=>r(o,!a),disabled:n,value:o,id:`${t}-${o}`,"data-label-text":e,"data-testid":s}),!i&&Y.default.createElement("label",{htmlFor:`${t}-${o}`},e)),Ce=e=>Y.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 32 32",fill:"none"}),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"})),ke=e=>Y.default.createElement("svg",Object.assign({},e,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"}),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"})),we=e=>{const t=i.useUniqueId();return Y.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 24 24",fill:"none"}),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"})))},Se=l=>{var{label:n,availableValue:r,styles:o,isBaby:d,genderValue:c={male:"male",female:"female"}}=l,g=u.__rest(l,["label","availableValue","styles","isBaby","genderValue"]);const{t:p}=i.useTranslations(),{classes:f,cx:h}=a.useStyles(void 0,{name:"GenderOptionControl",styles:o}),[v,E]=e.useState(),y=e.useRef(null),b=e.useMemo((()=>[{value:c.male,label:p(d?"gender.boy":"gender.male"),icon:s.CommonGAssets.getAssetPath(d?"health-tools/boy-icon.svg":"health-tools/male-icon.svg")},{value:c.female,label:p(d?"gender.girl":"gender.female"),icon:s.CommonGAssets.getAssetPath(d?"health-tools/girl-icon.svg":"health-tools/female-icon.svg")}]),[]);return e.useEffect((()=>{E(r)}),[r]),Y.default.createElement(m.Box,{ref:y,className:f.root},Y.default.createElement(m.Radio.Group,Object.assign({className:"radio-group",label:Y.default.createElement(t.Text,{as:"label",size:"s4",weight:"semiBold"},n\|\|p(d?"tools.selectBabyGender":"tools.selectGender")),size:"lg"},g,{classNames:{error:f.groupErr}}),Y.default.createElement(m.Flex,{className:h(f.wrapper)},b.map((e=>Y.default.createElement(m.Radio,Object.assign({className:"gender-item",classNames:{root:f.itemRoot,labelWrapper:f.itemLabelWrapper,label:f.itemLabel,inner:f.itemInner},key:e.value,value:e.value},v&&e.value!==v&&{disabled:!0},{label:Y.default.createElement(m.Flex,{gap:m.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 xe="PiqKaXk",Te="HgbW6-m",Be="_6lkfLYy",Ne="j7c-onH";const Ae=({avatarImg:e,authorName:a,authorLink:l,uploadTime:n,size:r})=>Y.default.createElement("div",{className:Ne},Y.default.createElement("div",{className:"author"},Y.default.createElement("div",{className:"avatar","data-size":r},e),Y.default.createElement("div",{className:"poster","data-is-disabled-url":!l},Y.default.createElement(t.Text,{size:"lg"===r?"p3":"p4"},Y.default.createElement("a",{href:l},Y.default.createElement("span",{className:"name"},a),"•"," "),Y.default.createElement("span",null,n))))),Le=({isMobile:e,avatarImg:l,name:n,link:r,size:o="lg",specialty:i})=>Y.default.createElement("div",{className:Ne},Y.default.createElement("div",{className:"author"},Y.default.createElement("div",{className:"expert-avatar","data-size":o},l),Y.default.createElement("div",{className:"expert","data-is-disabled-url":!r},e?Y.default.createElement("a",{href:r},"lg"===o?Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:d.theme.colors.gray600},n),Y.default.createElement(t.Text,{color:d.theme.colors.gray500,size:"p3",className:"specialty"},i)):Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:d.theme.colors.gray600},n))):Y.default.createElement("a",{href:r},"lg"===o?Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:d.theme.colors.gray600},n),Y.default.createElement(t.Text,{color:d.theme.colors.gray500,size:"p3",className:"specialty"},i)):Y.default.createElement(Y.default.Fragment,null,Y.default.createElement("h6",{color:d.theme.colors.gray600,className:`${xe} expert__name`},n),Y.default.createElement(t.Text,{color:d.theme.colors.gray500,size:"p4",className:"specialty"},i)))))),Pe=e=>{var a,l,n,{article:o,author:i,authorAvatar:s,badge:d="",hideDescription:c=!1,isBookmarked:g=!1,onBookmark:p,time:f,tracking:h}=e,v=u.__rest(e,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:E}=r.useScreenSize();return console.log({article:o}),Y.default.createElement(m.Card,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},v),Y.default.createElement(m.Card.Section,{w:"100%",h:"100%",miw:264,m:0,className:"pointer"},Y.default.createElement("img",{src:(E?o.featureImageMobile:o.featureImage)\|\|o.featureImage,alt:o.postName,style:{width:"100%"},loading:"lazy"})),Y.default.createElement(m.Card.Section,null,Y.default.createElement(m.Group,{position:"apart",mt:16,mb:4},Y.default.createElement(r.Anchor,{href:(null===(a=null==o?void 0:o.primaryCategory)\|\|void 0===a?void 0:a.permalink)\|\|"#"},Y.default.createElement(t.Text,{size:"p4",color:"blue.6"},null===(l=null==o?void 0:o.primaryCategory)\|\|void 0===l?void 0:l.displayName)),Y.default.createElement(m.Box,{sx:{cursor:"pointer"},role:"button",onClick:p},g?Y.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==h?void 0:h.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"},null==h?void 0:h.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:c?"s2":"s1",mb:8,weight:"semiBold",className:"pointer"},o.postTitle\|\|o.postName\|\|""),!c&&Y.default.createElement(t.Text,{size:"p2",mb:16,lineClamp:3,className:"pointer"},K.default(o.excerpt\|\|o.description\|\|(null===(n=o.postContent)\|\|void 0===n?void 0:n.split("\r\n")[0])\|\|"")),Y.default.createElement(m.Flex,{gap:12,align:"center"},Y.default.createElement(r.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"},i," • ",f))))},Ie=648/440,Me=1.5,De=a=>{var l,n,o,{article:i,author:s,authorAvatar:d,badge:g="",bannerImageWrapProps:p,hideDescription:f=!1,isBookmarked:h=!1,onBookmark:v,time:E,tracking:y,classNames:b,styles:C,unstyled:k,className:w}=a,S=u.__rest(a,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:x}=r.useScreenSize(),{classes:T,cx:B}=c.useStyles({},{name:"ArticleCard",classNames:b,styles:C,unstyled:k}),N=e.useMemo((()=>f?Me:Ie),[f]);return Y.default.createElement(m.Card,Object.assign({className:B(T.root,w),padding:"lg",radius:0},S),Y.default.createElement(m.Card.Section,{className:B(T.image,"pointer")},Y.default.createElement(r.AspectRatio,Object.assign({ratio:N},p),Y.default.createElement("img",{src:(x?i.featureImageMobile:i.featureImage)\|\|i.featureImage,alt:i.postName,style:{objectFit:"cover"}}))),Y.default.createElement(m.Card.Section,null,Y.default.createElement(m.Group,{position:"apart",mt:16,mb:4},Y.default.createElement(r.Anchor,{className:T.category,href:(null===(l=null==i?void 0:i.primaryCategory)\|\|void 0===l?void 0:l.permalink)\|\|"#"},Y.default.createElement(t.Text,{size:"p4",color:"blue.6"},null===(n=null==i?void 0:i.primaryCategory)\|\|void 0===n?void 0:n.displayName)),Y.default.createElement(m.Box,{sx:{cursor:"pointer"},role:"button",onClick:v},h?Y.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==y?void 0:y.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"},null==y?void 0:y.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:B(T.title,"pointer"),size:f?"s2":"s1",mb:8,weight:"semiBold"},i.postTitle\|\|i.postName\|\|""),!f&&Y.default.createElement(t.Text,{className:B(T.description,"pointer"),size:"p2",mb:16,lineClamp:3},K.default(i.excerpt\|\|i.description\|\|(null===(o=i.postContent)\|\|void 0===o?void 0:o.split("\r\n")[0])\|\|"")),Y.default.createElement(m.Flex,{className:T.author,gap:12,align:"center"},Y.default.createElement(r.Avatar,{size:32,src:d,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:Y.default.createElement("img",{loading:"lazy",src:g,alt:""})}},"A"),Y.default.createElement(t.Text,{size:"n1",c:"gray.6"},s," • ",E))))};var Oe=Object.freeze({__proto__:null,SideMenu:c.SideMenu,SideHeader:c.SideHeader,UserInfo:c.UserInfo,MenuLink:c.MenuLink});const _e=({status:e})=>"inActive"===e?Y.default.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none"},Y.default.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"})):"active"===e?Y.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none"},Y.default.createElement("circle",{cx:"6",cy:"6",r:"4",fill:"#2D87F3"}),Y.default.createElement("circle",{cx:"6",cy:"6",r:"5.5",stroke:"#2D87F3"})):"done"===e?Y.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none"},Y.default.createElement("path",{d:"M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z",fill:"#00B16A"}),Y.default.createElement("path",{d:"M8.76061 4.20029L4.80061 7.80029L3.00061 6.16392",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})):Y.default.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none"},Y.default.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"}));var ze=Object.freeze({__proto__:null,Table:c.Table,Cell:c.Cell,Head:c.Head,Row:c.Row,Body:c.Body});const je=({locale:l,onClick:n,siteType:o,pageUrl:s})=>{const{t:u}=i.useTranslations(),[m,g]=e.useState(new Date);return Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(c.StyledLastPeriodFormContainer,{className:"input-form","data-is-side":!0},"marryBaby"===o?Y.default.createElement(c.StyledTextField,{label:u("dueDatePage.conceptionDate"),name:"date",size:"md",value:c.DateToInputValue(m),CustomInput:Y.default.createElement(c.DatePicker,{onChange:e=>{g(e)},placeholder:"dd/mm/yyyy",pickedDate:m,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>Y.default.createElement(w.Input,Object.assign({className:"due-date-input",name:"birthday",size:"md"},e,{value:m&&Q.default(m).format(a.DUE_DATE_FORMAT)}))}),actionIcon:Y.default.createElement(t.Icon.CalendarMB,{size:32})}):Y.default.createElement(w.Input,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},u("dueDatePage.conceptionDate")),value:c.DateToInputValue(m),name:"date",size:"md",className:"due-date-input",CustomInput:Y.default.createElement(c.DatePicker,{customInput:e=>Y.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:c.DateToInputValue(m)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:l,pickedDate:m,displayDateFormat:S.DATE_FORMAT,onChange:e=>{g(e)},placeholder:"placeholder"})})),Y.default.createElement(r.Button,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===o?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:s,onClick:()=>{n(c.getDueDateConception(m),`${p.QUERY_HEALTH_TOOL.type}=1&sd=${k.format(m,c.API_DATE_FORMAT)}&${p.QUERY_HEALTH_TOOL.additional}= `)},role:"button"},u("dueDatePage.lastPeriod.calculate")))},Fe=({locale:l,onClick:n,siteType:o,pageUrl:s})=>{const{t:u}=i.useTranslations(),[m,g]=e.useState(new Date),[f,h]=e.useState("3");return Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(c.StyledLastPeriodFormContainer,{className:"input-form","data-is-side":!0},"marryBaby"===o?Y.default.createElement(c.StyledTextField,{label:u("dueDatePage.ivf.transferDate"),name:"date",size:"md",value:c.DateToInputValue(m),CustomInput:Y.default.createElement(c.DatePicker,{onChange:e=>{g(e)},placeholder:"dd/mm/yyyy",pickedDate:m,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>Y.default.createElement(w.Input,Object.assign({className:"due-date-input",name:"birthday",size:"md"},e,{value:m&&Q.default(m).format(a.DUE_DATE_FORMAT)}))}),actionIcon:Y.default.createElement(t.Icon.CalendarMB,{size:32})}):Y.default.createElement(w.Input,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray700,style:{marginBottom:"9px",flex:"1"}},u("dueDatePage.ivf.transferDate")),value:c.DateToInputValue(m),name:"date",size:"md",className:"due-date-input",CustomInput:Y.default.createElement(c.DatePicker,{customInput:e=>Y.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:c.DateToInputValue(m)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:l,pickedDate:m,displayDateFormat:S.DATE_FORMAT,onChange:e=>{g(e)},placeholder:"placeholder"})})),Y.default.createElement("div",{style:{width:"100%"}},Y.default.createElement(c.RadioGroup,{id:"radio-transfer-date",direction:"vertical",size:"small",value:f,onChange:e=>h(e),options:[{value:"3",label:u("dueDatePage.ivf.transferDateRadio",{number:3})},{value:"5",label:u("dueDatePage.ivf.transferDateRadio",{number:5})}]})),Y.default.createElement(r.Button,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===o?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:s,onClick:()=>{n(c.getDueDateIVF(m,Number(f)),`${p.QUERY_HEALTH_TOOL.type}=2&${p.QUERY_HEALTH_TOOL.startDate}=${k.format(m,c.API_DATE_FORMAT)}&${p.QUERY_HEALTH_TOOL.additional}=${f}`)},role:"button"},u("dueDatePage.lastPeriod.calculate")))},He=({locale:l,onClick:n,siteType:o,pageUrl:s})=>{const{t:u}=i.useTranslations(),[m,g]=e.useState(28),[f,h]=e.useState(new Date);return Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(c.StyledLastPeriodFormContainer,{className:"input-form","data-is-side":!0},"marryBaby"===o?Y.default.createElement(c.StyledTextField,{label:u("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:c.DateToInputValue(f),CustomInput:Y.default.createElement(c.DatePicker,{onChange:e=>{h(e)},placeholder:"dd/mm/yyyy",pickedDate:f,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>Y.default.createElement(w.Input,Object.assign({name:"birthday",size:"md"},e,{value:f&&Q.default(f).format(a.DUE_DATE_FORMAT)}))}),actionIcon:Y.default.createElement(t.Icon.CalendarMB,{size:32})}):Y.default.createElement(w.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"}},u("dueDatePage.lastPeriod.lastPeriodLabel")),value:c.DateToInputValue(f),name:"date",size:"md",CustomInput:Y.default.createElement(c.DatePicker,{customInput:e=>Y.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:c.DateToInputValue(f)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:l,pickedDate:f,displayDateFormat:S.DATE_FORMAT,onChange:e=>{h(e)},placeholder:"placeholder"})})),Y.default.createElement("div",{className:"slider-due-date","data-theme":"marryBaby"===o?"marryBaby":""},"marryBaby"===o?Y.default.createElement(T.MarryBabyText,{type:"bodytext-3",color:d.theme.mbColors.midGray},u("dueDatePage.lastPeriod.periodLengthLabel")):Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600,style:{marginBottom:"0.5rem"}},u("dueDatePage.lastPeriod.periodLengthLabel")),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(x.Slider,{containerStyle:{flex:1},min:20,max:40,step:1,labelAlwaysOn:"marryBaby"!==o,withControl:"marryBaby"!==o,onChange:g,value:m,label:"marryBaby"!==o?void 0:null}))),Y.default.createElement(r.Button,{dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:s,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===o?"secondary":"primary",onClick:()=>n(c.getDueDateLastPeriod(f,m),`${p.QUERY_HEALTH_TOOL.type}=0&${p.QUERY_HEALTH_TOOL.startDate}=${k.format(f,c.API_DATE_FORMAT)}&${p.QUERY_HEALTH_TOOL.additional}=${m}`),role:"button"},u("dueDatePage.lastPeriod.calculate")))},Re=({onSubmitDueDate:a,locale:l,isSide:n,siteType:r})=>{const{t:o}=i.useTranslations(),[s,u]=e.useState(c.DueDateCalculatorType.lastPeriod),m=[{value:c.DueDateCalculatorType.lastPeriod,label:o("dueDatePage.lastPeriod")},{value:c.DueDateCalculatorType.conception,label:o("dueDatePage.conceptionDate")},{value:c.DueDateCalculatorType.IVF,label:o("dueDatePage.ivf")}],g=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return Y.default.createElement(c.StyledInputWrapper,null,Y.default.createElement(c.StyledMethodContainer,{className:"input-form input-section","data-is-side":!0},"marryBaby"===r?Y.default.createElement(c.StyledDropDown,{groupedWithLabel:o("dueDatePage.calculationMethod"),options:m,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:m[s],onChange:e=>{u(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(c.StyledMethodSwitcherContainer,{"data-is-side":n},Y.default.createElement(B.Dropdown,{options:m,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"md",value:m[s],onChange:e=>{u(e.value)}})))),s===c.DueDateCalculatorType.lastPeriod?Y.default.createElement(He,{locale:l,onClick:a,isSide:n,siteType:r,pageUrl:g}):null,s===c.DueDateCalculatorType.conception?Y.default.createElement(je,{locale:l,onClick:a,isSide:n,siteType:r,pageUrl:g}):null,s===c.DueDateCalculatorType.IVF?Y.default.createElement(Fe,{locale:l,onClick:a,isSide:n,siteType:r,pageUrl:g}):null)};function Ge({weight:e,height:t}){const a=t/100,l=e;return Math.round(l/(aa)10)/10}const $e=({value:l,onChange:n,onSubmit:o,disabled:s,bmiGenerated:g,bmiUnit:f,locale:h,isSide:v})=>{var E,y,b,C;const[k,w]=e.useState(!1),{control:S,handleSubmit:x,setValue:T,watch:B}=A.useForm(),N=B(),{t:P}=i.useTranslations(),{gender:I=!1,age:M=!1,height:D=!1,weight:O=!1,objective:_=!0}=s\|\|{},{getHealthToolLink:z}=L.useHealthToolsCache(h),j=e.useMemo((()=>z(a.HEALTH_TOOL_TYPE.OVULATION)),[z]),F=e.useMemo((()=>[{value:"lose-weight",label:P("bmi.objective.loseWeight")},{value:"maintain-weight",label:P("bmi.objective.maintainWeight")},{value:"gain-weight",label:P("bmi.objective.gainWeight")}]),[]),H=()=>{w(!0)};return e.useEffect((()=>{Object.keys(l\|\|{}).forEach((e=>{T(e,null==l?void 0:l[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})}))}),[l]),e.useEffect((()=>{n&&n(N)}),[N]),Y.default.createElement(c.StyledContainer$1,null,Y.default.createElement("form",{onSubmit:x((e=>u.__awaiter(void 0,void 0,void 0,(function(){const t=f.heightConvert(e.height),a=f.weightConvert(e.weight),l={gender:e.gender,age:e.age,height:t,weight:a,bmi:Ge({height:t,weight:a})};_\|\|(l.objective=e.objective),H(),o&&o(l)}))),H)},!I&&Y.default.createElement(c.FormControl,{"data-is-side":v},Y.default.createElement(A.Controller,{name:"gender",control:S,defaultValue:"male",render:({field:{onChange:e}})=>Y.default.createElement(Se,{defaultValue:"male",onChange:t=>e(t),styles:e=>({root:!v&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:m.rem(12)}}})})})),Y.default.createElement(c.StyledRow,{"data-is-side":v},!M&&Y.default.createElement(c.FormControl,null,Y.default.createElement(A.Controller,{name:"age",control:S,rules:null===(E=g.age)\|\|void 0===E?void 0:E.rule,render:({field:{name:e,value:a,onChange:l},fieldState:{error:n}})=>Y.default.createElement(r.Input.Number,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600},P("bmi.ageInput")," ",Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray300,as:"span"},P("bmi.ageInput.desc"))),placeholder:P("healthtool.placeholder.age"),name:e,value:a,onChange:l,error:k?null==n?void 0:n.message:"",min:0})})),!D&&Y.default.createElement(c.FormControl,null,Y.default.createElement(A.Controller,{name:"height",control:S,rules:null===(y=g.height)\|\|void 0===y?void 0:y.rule,render:({field:{name:e,value:a,onChange:l},fieldState:{error:n}})=>Y.default.createElement(r.Input.Number,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600},P("bmi.heightInput")," ",Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray300,as:"span"},P("bmi.heightInput.desc"))),placeholder:P("pwg.placeholder.height"),name:e,value:a,onChange:l,error:k?null==n?void 0:n.message:"",min:0})})),!O&&Y.default.createElement(c.FormControl,null,Y.default.createElement(A.Controller,{name:"weight",control:S,rules:null===(b=g.weight)\|\|void 0===b?void 0:b.rule,render:({field:{name:e,value:a,onChange:l},fieldState:{error:n}})=>Y.default.createElement(r.Input.Number,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600},P("bmi.weightInput")," ",Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray300,as:"span"},P("bmi.weightInput.desc"))),placeholder:P("pwg.placeholder.weight"),name:e,value:a,onChange:l,error:k?null==n?void 0:n.message:"",precision:1,min:0})})),!_&&Y.default.createElement(c.FormControl,null,Y.default.createElement(A.Controller,{name:"objective",control:S,defaultValue:"lose-weight",rules:null===(C=g.objective)\|\|void 0===C?void 0:C.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:l}})=>Y.default.createElement(c.StyledInput,{size:"md",name:e,label:g.objective.label,CustomInput:Y.default.createElement(c.RadioGroup,{id:"bmi-objective",className:"bmi-objective",direction:"vertical",size:"small",options:F,value:t,onChange:a}),errorMessage:k?null==l?void 0:l.message:"",className:"bmi--input bmi--input-objective"})}))),Y.default.createElement("div",{style:{display:"flex"}},Y.default.createElement(c.StyledButton,{size:"lg",fullWidth:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${p.domainLocales[h]}/${j}`,type:"submit"},P("bmi.submit")))))},We=({value:a,options:l,className:n,direction:r="horizontal",onChange:o,isDisabled:i})=>{const[s,d]=e.useState(a);return Y.default.createElement(c.StyledRadioImageGroup,{className:n,"data-direction":r},l.map(((e,l)=>Y.default.createElement(c.StyledRadioImageItem,{"data-selected":(a\|\|s)===e.value,"data-disabled":i,key:`health-tool${l}`,onClick:()=>{var t;t=e.value,i\|\|(d(t),o&&o(t))}},Y.default.createElement("div",null,Y.default.createElement("img",{src:(a\|\|s)===e.value?e.imageActive:e.image,className:"gender-image",alt:"",loading:"lazy"}),e.label&&Y.default.createElement(t.Text,{weight:"bold",className:"radio-group-item-heading",size:"label1"},e.label))))))},Ve=({info:a,className:l,style:n,onChange:r,errorMessage:o={},locale:s})=>{const{t:u}=i.useTranslations(),[m,g]=e.useState(new Date),[p,f]=e.useState({age:!1,rate:!1});return e.useEffect((()=>{f({age:!1,rate:!1})}),[o]),Y.default.createElement(c.StyledContainer$2,{style:n,className:l},Y.default.createElement(w.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"}},u("targetHeartRate.ageInput")),value:c.DateToInputValue(m),name:"date",size:"md",CustomInput:Y.default.createElement(c.DatePicker,{customInput:e=>Y.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:c.DateToInputValue(m)})),disabledDays:{after:new Date(k.addDays(new Date,0))},locale:s,pickedDate:m,displayDateFormat:"dd/MM/yyyy",onChange:e=>{(e=>{g(e),f((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},a),{age:k.format(new Date(e),c.API_DATE_FORMAT)});r&&r(t)})(e)},placeholder:"placeholder"}),errorMessage:p.age?"":o.age}))},Ue=({info:l,className:n,style:o,onChange:s,errorMessage:u={},locale:g,onClick:f,isSide:h})=>{const{t:v}=i.useTranslations(),[E,y]=e.useState({age:!1,height:!1,weight:!1}),{getHealthToolLink:b}=L.useHealthToolsCache(g),C=e.useMemo((()=>b(a.HEALTH_TOOL_TYPE.OVULATION)),[b]),[k,w]=e.useState("male"),S=(e,t)=>{""!==e&&(isNaN(e)\|\|isNaN(parseFloat(e)))\|\|t(e)},x=e=>{var t,a;a=e=>{y((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},l),{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({},l),{objective:"lose-fat",activeLevel:"sedentary"}))}),[]),e.useEffect((()=>{y({age:!1,height:!1,weight:!1})}),[u]),Y.default.createElement(c.StyledContainer$3,{style:o,className:n},Y.default.createElement(c.FormControl$2,{"data-is-side":h},Y.default.createElement(Se,{defaultValue:"male",onChange:e=>w(e),styles:e=>({root:!h&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:m.rem(12)}}})})),Y.default.createElement(c.StyledRow$2,{"data-is-side":h},Y.default.createElement(c.FormControl$2,null,Y.default.createElement(r.Input.Number,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600},v("bmi.ageInput")," ",Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray300,as:"span"},v("bmi.ageInput.desc"))),placeholder:v("healthtool.placeholder.age"),value:Number(l.age),onChange:e=>x(String(e)),error:E.age?"":u.age,min:0})),Y.default.createElement(c.FormControl$2,null,Y.default.createElement(r.Input.Number,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600},v("bmi.heightInput")," ",Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray300,as:"span"},v("bmi.heightInput.desc"))),placeholder:v("pwg.placeholder.height"),value:Number(l.height),onChange:e=>{return t=String(e),void S(t,(e=>{y((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},l),{height:e});s&&s(t)}));var t},error:E.height?"":u.height,min:0})),Y.default.createElement(c.FormControl$2,null,Y.default.createElement(r.Input.Number,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600},v("bmi.weightInput")," ",Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray300,as:"span"},v("bmi.weightInput.desc"))),placeholder:v("pwg.placeholder.weight"),value:Number(l.weight),onChange:e=>{return t=String(e),y((e=>Object.assign(Object.assign({},e),{weight:!0}))),void S(t,(e=>{const t=Object.assign(Object.assign({},l),{weight:e});s&&s(t)}));var t},error:E.weight?"":u.weight,min:0,precision:1}))),Y.default.createElement("div",{style:{display:"flex"}},Y.default.createElement(c.StyledButton$2,{size:"lg",fullWidth:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMR",dataEventLabel:`https://${p.domainLocales[g]}/${C}`,onClick:()=>{f(k)}},v("bmi.submit"))))},qe=({siteType:t,info:l,onChange:n,errorMessage:r={}})=>{const{t:o}=i.useTranslations(),[s,u]=e.useState({weightBefore:!1,height:!1,weight:!1}),[m,g]=e.useState(0),p=e.useRef(null);e.useEffect((()=>{var e;g(null===(e=p.current)\|\|void 0===e?void 0:e.clientHeight)}));const f=(e,t)=>{""!==e&&(isNaN(e)\|\|isNaN(parseFloat(e)))\|\|t(e)},h=e=>{f(e,(e=>{u((e=>Object.assign(Object.assign({},e),{weightBefore:!0})));const t=Object.assign(Object.assign({},l),{weightBefore:e});n&&n(t)}))},v=e=>{f(e,(e=>{u((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},l),{height:e});n&&n(t)}))},E=e=>{f(e,(e=>{u((e=>Object.assign(Object.assign({},e),{weight:!0})));const t=Object.assign(Object.assign({},l),{weight:e});n&&n(t)}))};return e.useEffect((()=>{n&&n(Object.assign({},l))}),[]),e.useEffect((()=>{u({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(c.StyledTextField,{label:o("pregnancyWeightGain.heightInput"),name:"pwg-height",size:"md",value:null==l?void 0:l.height,CustomInput:Y.default.createElement(w.Input,{className:(null==s?void 0:s.height)?"":"error-input",name:"pwg-height",size:"md",placeholder:"Nhập thông tin",value:null==l?void 0:l.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:v})})),Y.default.createElement("div",{className:"input-form-pwg input-section"},Y.default.createElement(c.StyledTextField,{label:o("pregnancyWeightGain.weightBeforeInput"),name:"pwg-weightBefore",size:"md",value:null==l?void 0:l.weightBefore,CustomInput:Y.default.createElement(w.Input,{className:(null==s?void 0:s.weightBefore)?"":"error-input",name:"pwg-weightBefore",size:"md",placeholder:"Nhập thông tin",value:null==l?void 0:l.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:h})})),Y.default.createElement("div",{className:"input-form-pwg input-section"},Y.default.createElement(c.StyledTextField,{label:o("pregnancyWeightGain.weightInput"),name:"pwg-weight",size:"md",value:null==l?void 0:l.weight,CustomInput:Y.default.createElement(w.Input,{className:(null==s?void 0:s.weight)?"":"error-input",name:"pwg-weight",size:"md",placeholder:"Nhập thông tin",value:null==l?void 0:l.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:E})}))):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==l?void 0:l.height,onChange:v})),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:h,value:null==l?void 0:l.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:m},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==l?void 0:l.weight,onChange:E})))};const Ze={"en-PH":ee.default,"vi-VN":ae.default,"zh-TW":le.default,"id-ID":te.default};function Ye(t){const{value:a={from:null,to:null}}=t,[l,n]=e.useState(null),{isMobile:o}=r.useScreenSize(),[i,s]=e.useState((()=>a)),[d,u]=e.useState((()=>{var e;return k.startOfMonth(null!==(e=a.from)&&void 0!==e?e:new Date)})),m=e.useMemo((()=>k.addMonths(d,1)),[d]);const g=Object.assign(Object.assign({},t),{goToNextMonth:function(){u((e=>k.addMonths(e,1)))},goToPreviousMonth:function(){u((e=>k.subMonths(e,1)))},range:i,setRange:s,hoverDay:l,setHoverDay:n});return Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(Ke,Object.assign({},g,{date:d})),!o&&Y.default.createElement(c.StyledCalendarMonthSeparator,null),!o&&Y.default.createElement(Ke,Object.assign({},g,{date:m})))}function Ke({date:t,range:a,setRange:l,onChange:n,goToPreviousMonth:r,goToNextMonth:o,minDate:d,maxDate:u,close:m=(()=>{}),autoClose:g=!1,hoverDay:p,setHoverDay:f}){const{locale:h}=i.useTranslations(),v=e.useMemo((()=>{var e;return null!==(e=Ze[h])&&void 0!==e?e:Ze["en-PH"]}),[h]),E=e.useMemo((()=>k.format(t,"MMMM",{locale:v})),[t,v]),y=e.useMemo((()=>v?[1,2,3,4,5,6,0].map((e=>v.localize.day(e,{width:"narrow"}))):[]),[v]);function b(e,t){if(null===e)return Y.default.createElement(c.StyledCalendarDayNumberWrapper,{key:`idx-${t}`,"data-empty":"true"});const n=e.getDate(),r=k.isToday(e),o=!!a.from&&k.isSameDay(a.from,e),i=!!a.to&&k.isSameDay(a.to,e),s=o\|\|i;let h=!1;null!==p&&a.from&&k.isBefore(a.from,p)&&!a.to?h=k.isWithinInterval(e,{start:a.from,end:p}):a.from&&a.to&&(h=k.isWithinInterval(e,{start:a.from,end:a.to}));let v=!1;return d&&u?v=!k.isWithinInterval(e,{start:d,end:u}):d?v=k.isBefore(e,d):u&&(v=k.isAfter(e,u)),Y.default.createElement(c.StyledCalendarDayNumberWrapper,{key:n,"data-is-today":r,"data-is-past":!r&&k.isPast(e),"data-is-selected":s,"data-is-disabled":v,"data-in-range":h,"data-is-from":o,"data-is-to":i,onMouseEnter:()=>{f(e)},onMouseLeave:()=>f(null),onClick:()=>{v\|\|l((t=>(g&&a.from&&!a.to&&m(),function(e,t){return t.from\|\|t.to?t.from&&t.to?{from:e,to:null}:t.from?k.isBefore(e,t.from)?Object.assign(Object.assign({},t),{from:e}):Object.assign(Object.assign({},t),{to:e}):t:Object.assign(Object.assign({},t),{from:e})}(e,t))))}},Y.default.createElement(c.StyledCalendarDayNumber,{onClick:()=>{}},Y.default.createElement("p",null,n)))}return e.useEffect((()=>{a.from&&a.to&&n(a)}),[a]),Y.default.createElement(c.StyledCalendarWrapper,{className:"calendar-wrapper"},Y.default.createElement(c.StyledCalendarHead,null,Y.default.createElement(z.Button,{onClick:r,size:"md",color:"ghost",icon:Y.default.createElement("img",{src:s.CommonGAssets.getAssetPath("calendarArrowLeft.svg"),loading:"lazy"})}),Y.default.createElement("div",{className:"calendar-month"},E,Y.default.createElement("strong",null,k.format(t,"yyyy"))),Y.default.createElement(z.Button,{onClick:o,size:"md",color:"ghost",icon:Y.default.createElement("img",{src:s.CommonGAssets.getAssetPath("calendarArrowRight.svg"),loading:"lazy"})})),Y.default.createElement(c.StyledCalendarCellsWrapper,null,Y.default.createElement("div",null,Y.default.createElement(c.StyledCalendarDaysOfWeek,null,y.map(((e,t)=>Y.default.createElement(c.StyledCalendarDayLabel,{key:`${e}-${t}`},e))))),Y.default.createElement("div",null,function(){const e=t.getFullYear(),l=t.getMonth(),n=k.getDaysInMonth(t),r=[];for(let t=1;t<=n;t++)r.push(new Date(e,l,t));const o=r[0]?r[0].getDay():0;if(1!==o){const e=0===o?6:o-1;for(let t=0;t<e;t++)r.unshift(null)}return Y.default.createElement(c.StyledCalendarMonthWrapper,{key:`month-${l}`,"data-month-index":l,"data-has-range":Boolean(a.from&&a.to)},Y.default.createElement(c.StyledCalendarDaysWrapper,null,Y.default.createElement(c.StyledCalendarDateGrid,null,r.map(b))))}())))}var Qe="WUqzfRb",Xe="MnVGtSY",Je="NclbhXQ";const et=({LinkComponent:e,page:t,isLast:a,onChangePage:l})=>{const{label:n,value:r,isDropdown:o,dropdownItems:i,dataEventCategory:s,dataEventAction:d,dataEventLabel:c}=t;return o?Y.default.createElement(B.Dropdown,{options:i,placeholder:"...",id:"",placeholderIcon:null,onChange:l,className:"collapsed-breadcrumb"}):Y.default.createElement("div",{className:Je,title:"string"!=typeof n?r:n,"data-last":a},e&&Y.default.createElement(e,{"data-event-category":s,"data-event-action":d,"data-event-label":c,href:r\|\|"#"},n))},tt=()=>Y.default.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none"},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"})),at=()=>Y.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",className:"copy"},Y.default.createElement("path",{d:"M4 2.5C3.17125 2.5 2.5 3.17125 2.5 4V13.75C2.5 14.164 2.836 14.5 3.25 14.5C3.664 14.5 4 14.164 4 13.75V4H13.75C14.164 4 14.5 3.664 14.5 3.25C14.5 2.836 14.164 2.5 13.75 2.5H4ZM7 5.5C6.17125 5.5 5.5 6.17125 5.5 7V16C5.5 16.8287 6.17125 17.5 7 17.5H16C16.8287 17.5 17.5 16.8287 17.5 16V7C17.5 6.17125 16.8287 5.5 16 5.5H7ZM7 7H16V16H7V7Z",fill:"#595959"})),lt=e=>({[c.HEALTH_TOOL_TYPE.DUE_DATE]:{heading:e("pnBanner.dueDateTool.heading"),description:e("pnBanner.dueDateTool.desc"),btnLabel:e("pnBanner.caclNow"),value:c.HEALTH_TOOL_TYPE.DUE_DATE,dataEventAction:"Try our Due Date Calculator Click"},[c.HEALTH_TOOL_TYPE.BABY_VACCINE]:{heading:e("pnBanner.vaccination.heading"),description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:c.HEALTH_TOOL_TYPE.BABY_VACCINE,dataEventAction:"Try our Baby Vaccine Scheduler Click"},[c.HEALTH_TOOL_TYPE.BABY_GROWTH]:{heading:"Baby Growth",description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:c.HEALTH_TOOL_TYPE.BABY_GROWTH},[p.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:p.RISK_SCREENER_NAME.HPV,hideDescOnMobile:!0,dataEventAction:"Keep safe from HPV virus Click"}}),nt=t=>{var a=u.__rest(t,[]);const{locale:l}=i.useTranslations(),{type:n,isMobile:o,currentUrl:d,isMarketing:g,isLoggedIn:p,setShouldAcquisitionModalOpen:f}=e.useContext(c.SurveyOrPremiumBannerContext);return Y.default.createElement(m.Container,Object.assign({mih:{base:144,md:160},fluid:!0,p:0,sx:{borderRadius:4,cursor:"pointer"},onClick:()=>u.__awaiter(void 0,void 0,void 0,(function(){const e=g?H.getCurrentBaseUrl(l)+"/dang-ky-nhan-tin/":`${window.location.href}?source=acquisition`;p?null==f\|\|f():window.location.href=`${H.getCurrentSsoUrl(l)}/?returnUrl=${encodeURIComponent(e)}`})),"data-event-category":"Newsletter","data-event-action":"Banner Click","data-event-label":d,className:"pointer-event-child-none"},a),Y.default.createElement(r.ImageWrap,{src:g?s.CommonGAssets.getAssetPath(`newsletter/${o?"Mobile":"Desktop"}_Marketing.png`):s.CommonGAssets.getAssetPath(`newsletter/${o?"Mobile":"Desktop"}_${n}.png`),style:{maxWidth:"100%"},alt:"newsletter banner"}))},rt="api/v1/categories?site={website_url}",ot="api/v1/subscription?site={website_url}",it="api/v1/categories?site={website_url}",st=({heading:l,description:n,thumbnail:r={desktop:"",mobile:""},hideDescOnMobile:o,children:i})=>{const{isMobile:s,minHeight:d}=e.useContext(c.SurveyOrPremiumBannerContext);return Y.default.createElement(m.Box,{sx:()=>({borderRadius:m.rem(8),background:"linear-gradient(180deg, #FAFDFF 0%, #E3F2FF 100%)"})},Y.default.createElement(m.Box,{sx:e=>({minHeight:m.rem(d),borderRadius:"inherit",background:`url(${s?r.mobile:r.desktop})`,backgroundPosition:"center right",backgroundRepeat:"no-repeat",backgroundSize:"contain",padding:`${m.rem(24)} ${m.rem(16)}`,display:"flex",flexDirection:"column",justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${m.rem(22)} ${m.rem(32)}`}})},Y.default.createElement(m.Stack,{spacing:m.rem(16)},Y.default.createElement(m.Stack,{spacing:m.rem(4),sx:e=>({maxWidth:"60%",[e.fn.largerThan("sm")]:{maxWidth:"70%"}})},l&&Y.default.createElement(a.Heading,{tag:"h4"},l),!(o&&s)&&n&&Y.default.createElement(t.Text,{size:"p4"},n)),Y.default.createElement(m.Box,null,i))))},dt=l=>{const{styleType:n=c.OptionBannerStyleType.Button,items:o=[],buttonProps:s,styles:d,submitBtnTracking:g}=l,{classes:f}=c.useStyles$3(void 0,{name:"PremiumBannerWithOptions",styles:d}),{t:h,locale:v}=i.useTranslations(),{surveyType:E,articleId:y,handleClickOption:b,hasPremiumBanner:C,source:k,isMobile:w,setShowPNModal:S}=e.useContext(c.SurveyOrPremiumBannerContext),x=e.useMemo((()=>C?o:o.filter((e=>!Boolean(e.isPNBtn))).filter(Boolean)),[o]),{getHealthToolLink:T}=L.useHealthToolsCache(v),B=R.useForm({initialValues:{bannerOptions:[]}}),N=e=>u.__awaiter(void 0,void 0,void 0,(function(){return yield a.callApiWithAuth(a.getApiPath(a.PATHS.HEALTH_TOOL.CREATE,{_locale:v,type:c.MAPPING_CATEGORY_PREMIUM_API_TYPE[E]}),"POST",{headers:{"Content-Type":"application/json"},data:{value:e,article:y,source:k}})})),A=e.useCallback((()=>Y.default.createElement(m.Flex,{gap:m.rem(8),className:f.wrapper},x.map(((e,t)=>Y.default.createElement(m.Box,{key:String(t),component:e.isLink?"a":"div",href:e.isRiskScreener?`https://${p.domainLocales[v]}/bot/${p.RISK_SCREENER_SLUG[v][e.activeTool]}/`:e.isLink?T(e.activeTool):void 0},Y.default.createElement(r.Button,Object.assign({className:f.button,classNames:{label:f.buttonLabel},size:"sm"},e.tracking,s,{onClick:()=>{e.isLink\|\|(e.isPNBtn&&S(!0),N(e.value),b(e.value))}}),e.label)))))),[x,B]),P=e.useCallback((()=>Y.default.createElement(m.Flex,null,Y.default.createElement(m.Flex,{align:"center",gap:m.rem(24),sx:e=>({background:"white",borderRadius:m.rem(8),padding:m.rem(4),[e.fn.largerThan("sm")]:{paddingLeft:m.rem(16)}})},Y.default.createElement(r.Checkbox.Group,Object.assign({},B.getInputProps("bannerOptions",{type:"checkbox"})),Y.default.createElement(m.Flex,{gap:m.rem(16)},x.map(((e,t)=>Y.default.createElement(r.Checkbox,{key:String(t),value:e.value,label:e.label,styles:{label:{cursor:"pointer"}}}))))),Y.default.createElement(r.Button,Object.assign({size:"sm"},g,s,{disabled:0===B.getInputProps("bannerOptions").value.length,leftIcon:w?Y.default.createElement(t.Icon.ArrowRightTail,{size:18,useCurrentColor:!0}):void 0,onClick:()=>{const e=B.getInputProps("bannerOptions").value;N(e.join("\|")),b(e.join("\|"))},styles:e=>({root:{[e.fn.smallerThan("sm")]:{width:m.rem(38),minWidth:"auto",padding:0}}})}),!w&&h("pnBanner.submit"))))),[x,B]);return Y.default.createElement(st,Object.assign({},l),n===c.OptionBannerStyleType.Button?A():n===c.OptionBannerStyleType.Checkbox?P():null)},ct=l=>{var n,o;const{t:s}=i.useTranslations(),{heading:d,description:u,thumbnail:g,btnLabel:f,value:h,isRiskScreener:E,hideDescOnMobile:y,dataEventAction:b}=l,{locale:C}=i.useTranslations(),{isMobile:k}=e.useContext(c.SurveyOrPremiumBannerContext),{getHealthToolLink:w,allTools:S}=L.useHealthToolsCache(C),x=E?"mainBanner":"toolBanner",T=e.useMemo((()=>{const e=E?`https://${v.isProduction?"":"discover."}${p.domainLocales[C]}/bot/${p.RISK_SCREENER_SLUG[C][h]}`:w(h);return Y.default.createElement("a",{href:e},Y.default.createElement(r.Button,{size:"sm","data-event-category":"Focused Audience","data-event-action":b,"data-event-label":e},f\|\|s("pnBanner.caclNow")))}),[S]);return"mainBanner"===x?Y.default.createElement(st,Object.assign({},Object.assign(Object.assign({},l),{thumbnail:l.thumbnail})),T):Y.default.createElement(m.Flex,{gap:m.rem(7),align:"center",justify:"space-between",sx:e=>({borderRadius:m.rem(8),background:e.colors.blue[0],minHeight:m.rem(180),padding:`${m.rem(24)} ${m.rem(16)}`,[e.fn.largerThan("sm")]:{padding:`${m.rem(34)} ${m.rem(32)}`}})},Y.default.createElement(m.Stack,{spacing:m.rem(12)},Y.default.createElement(m.Stack,{spacing:m.rem(4)},d&&Y.default.createElement(a.Heading,{tag:"h4"},d),!(k&&y)&&u&&Y.default.createElement(t.Text,{size:"p4"},u)),Y.default.createElement(m.Flex,{gap:m.rem(8),sx:{button:{minWidth:m.rem(120)}}},T)),Y.default.createElement(m.Flex,{align:"center",justify:"center",sx:e=>({width:m.rem(96),height:m.rem(96),borderRadius:"50%",background:"white",flexShrink:0,[e.fn.largerThan("sm")]:{width:m.rem(112),height:m.rem(112)},img:{maxWidth:m.rem(64),[e.fn.largerThan("sm")]:{maxWidth:m.rem(73)}}})},Y.default.createElement("img",{alt:"health-tool-icon",src:g\|\|(null===(o=null===(n=S.filter((e=>e.template===h)))\|\|void 0===n?void 0:n[0])\|\|void 0===o?void 0:o.icon)\|\|c.HEALTH_TOOL_DEFAULT_IMG[h]\|\|"",loading:"lazy"})))},ut=()=>{var t,a,l;const{t:n}=i.useTranslations(),{state:r,Outside:o}=e.useContext(c.SurveyOrPremiumBannerContext);return(null==r?void 0:r.action)===c.BannerAction.ShowTool?Y.default.createElement(o,null,lt(n)[null===(t=null==r?void 0:r.props)\|\|void 0===t?void 0:t.value]?Y.default.createElement(ct,Object.assign({},lt(n)[null===(a=null==r?void 0:r.props)\|\|void 0===a?void 0:a.value],{value:null===(l=null==r?void 0:r.props)\|\|void 0===l?void 0:l.value})):null):(null==r?void 0:r.action)===c.BannerAction.ShowOptionBanner?Y.default.createElement(o,null,Y.default.createElement(dt,Object.assign({},null==r?void 0:r.props))):null},mt=a=>{var{isMobile:l,children:n,desktopBanner:o=s.CommonGAssets.getAssetPath("friso/onboarding-banner.jpg"),mobileBanner:i=s.CommonGAssets.getAssetPath("friso/onboarding-banner-mobile.jpg"),modalRatio:d={width:937,height:536},mobileBannerRatio:c={width:750,height:480},desktopBannerRatio:g={width:420,height:536},closeProps:p}=a,f=u.__rest(a,["isMobile","children","desktopBanner","mobileBanner","modalRatio","mobileBannerRatio","desktopBannerRatio","closeProps"]);const{width:h,height:v}=E.useViewportSize(),y=(v<=667?190:265)+hc.height/c.width+74,[b,C]=e.useState(!1);return Y.default.createElement(G.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:m.rem(d.width),width:"100%",height:"100%",maxHeight:m.rem(d.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"}}})},f),l?Y.default.createElement(m.Box,{sx:{position:"relative",height:"100%"},onTouchStart:()=>C(!0)},Y.default.createElement(m.Box,{className:"mobile-template",sx:{position:"absolute",height:100(b?1:y/v)+"%",left:0,bottom:0,right:0,transition:"height 0.4s ease"}},Y.default.createElement(m.Box,{sx:{height:"100%",backgroundColor:"white",borderTopLeftRadius:b?0:m.rem(12),borderTopRightRadius:b?0:m.rem(12)}},Y.default.createElement(m.Box,{sx:{height:"calc(100% - 74px)",background:`url(${i})`,backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"top center",overflowY:"auto",borderRadius:"inherit"}},Y.default.createElement(m.UnstyledButton,Object.assign({leftIcon:Y.default.createElement(t.Icon.Close,null),sx:{position:"absolute",right:0,top:0,zIndex:1,padding:m.rem(10)}},p,{onClick:()=>null==f?void 0:f.onClose()})),Y.default.createElement(m.AspectRatio,{ratio:(null==c?void 0:c.width)/(null==c?void 0:c.height),w:"100%"}),Y.default.createElement(m.Box,{sx:{padding:`${m.rem(28)} ${m.rem(16)} ${m.rem(16)}`,background:"white"}},n))))):Y.default.createElement(m.AspectRatio,{className:"desktop-template",ratio:d.width/d.height,w:"100%",sx:{position:"relative","& > div":{justifyContent:"flex-end"}}},Y.default.createElement(m.Box,{sx:{width:"100%",height:"100%",justifyContent:"flex-end",alignItems:"stretch",borderRadius:m.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:o,loading:"lazy",style:{borderTopLeftRadius:m.rem(8),borderBottomLeftRadius:m.rem(8),height:"100%",display:"block"}}),Y.default.createElement(m.Box,{sx:{position:"relative",height:"100%",width:(d.width-g.width)/d.width100+"%"}},Y.default.createElement(r.Button,Object.assign({unstyled:!0,leftIcon:Y.default.createElement(t.Icon.Close,null)},p,{onClick:()=>null==f?void 0:f.onClose(),sx:{position:"absolute",right:0,top:"10px"}})),Y.default.createElement(m.Box,{className:"side-banner-modal-container",sx:{height:"100%",padding:`${m.rem(40)} ${m.rem(24)} 0`}},n)))))},gt="user/subscription",pt=e=>{var{value:t,name:a}=e,l=u.__rest(e,["value","name"]);return Y.default.createElement(r.ChipButton,Object.assign({value:t,withIcon:!0},l,{buttonProps:{styles:()=>({leftIcon:{marginRight:m.rem(6)},root:{paddingLeft:m.rem(10),paddingRight:m.rem(10)}})}}),a)},ft=({topicsGroup:l,onTopicChange:n,isBlock:r=!1,selectedTopics:o=[],inputProps:s,labelProps:d,maxSelect:c=5,hasScroll:u,readonly:g})=>{const{action:{pushNotifications:p}}=e.useContext(a.TogetherComponentGlobalContext),f=re.default(l.map((e=>e.topics\|\|[]))),{t:h}=i.useTranslations(),[v,E]=e.useState([]);e.useEffect((()=>{E(o)}),[o.length]),e.useEffect((()=>{null==n\|\|n(v)}),[v]);const y=e=>{e.length>5?p({type:"danger",title:h("pnTopicSection.maxSelectError.title",{maxSelect:c}),message:h("pnTopicSection.maxSelectError.desc")}):!g&&E((()=>f.filter((t=>e.some((e=>t.catId===e))))))};return Y.default.createElement(m.Stack,{spacing:12},l.map(((e,a)=>Y.default.createElement(m.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),u?Y.default.createElement(m.ScrollArea,{w:"100%",offsetScrollbars:!0,scrollbarSize:4,p:16,m:-16,styles:{viewport:{margin:-16,padding:16}}},Y.default.createElement(m.Box,{w:800},Y.default.createElement(m.Chip.Group,Object.assign({value:v.map((e=>e.catId)),multiple:!0},s,{onChange:y}),Y.default.createElement(m.Flex,{gap:8,wrap:"wrap"},e.topics.map((t=>Y.default.createElement(pt,Object.assign({key:t.catId,value:t.catId,name:t.localName,isBlock:r},e.tracking)))))))):Y.default.createElement(m.Chip.Group,Object.assign({value:v.map((e=>e.catId)),multiple:!0},s,{onChange:y}),Y.default.createElement(m.Flex,{gap:8,wrap:"wrap"},e.topics.map((t=>t.catId?Y.default.createElement(pt,Object.assign({key:t.catId,value:t.catId,name:t.localName,isBlock:r},e.tracking)):Y.default.isValidElement(t.component)?t.component:null))))))))},ht=t=>{var{heading:l,children:n,stickyActions:r}=t,o=u.__rest(t,["heading","children","stickyActions"]);const{isMobile:i}=e.useContext(c.PremiumNewsletterModalContext),s=Y.default.createElement(m.Stack,{spacing:m.rem(24),sx:{height:"100%"}},Y.default.createElement(a.Heading,{tag:"h4",style:{textAlign:"center"}},l),Y.default.createElement(m.Box,null,n));return Y.default.createElement(m.Box,{sx:e=>({[e.fn.largerThan("sm")]:{position:"relative",height:"100%"}})},i?s:Y.default.createElement(m.ScrollArea,Object.assign({className:"layout-body",h:r?"calc(100% - 90px)":"100%"},o),s),r&&Y.default.createElement(m.Flex,{gap:m.rem(8),sx:e=>({position:"absolute",left:0,right:0,bottom:0,padding:m.rem(16),button:{flexGrow:1},justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${m.rem(24)} 0`}})},r))},vt=()=>{const{t:l,locale:n}=i.useTranslations(),{data:{userInfo:o},action:{pushNotifications:s}}=e.useContext(a.TogetherComponentGlobalContext),d=null==o?void 0:o.id,{currentUrl:g,isMobile:p,pnSuggestCategory:f=[],nextStep:h,formValues:v,setFormValues:E,onSubmit:y,submitLoading:b,selectCategory:C,setCategoryLibs:k,setSelectCategory:w,maxSelectCategory:S}=e.useContext(c.PremiumNewsletterModalContext),x=f.map((e=>e.catId)),T=R.useForm({validate:{name:R.isNotEmpty(l("healthToolPNModal.mainForm.requireName"))},initialValues:Object.assign(Object.assign({},v),{fitnessTopics:x})}),[B,N]=e.useState([]),[A,L]=e.useState([]);e.useEffect((()=>{u.__awaiter(void 0,void 0,void 0,(function(){var e;try{const t=yield a.callApiWithAuth(a.getPremiumApiPath(it,{_locale:n}),"get"),l=((null===(e=null==t?void 0:t.data)\|\|void 0===e?void 0:e.subscription)\|\|[]).filter((e=>!x.includes(e.catId)));N(f),L(l),k([...f,...l])}catch(e){console.log(e)}}))}),[]),e.useEffect((()=>{d&&T.setFieldValue("name",(null==o?void 0:o.name)\|\|"")}),[d]);const P=()=>{""!==T.getInputProps("name").value?(E(T.getTransformedValues()),h()):T.validateField("name")},I=e.useMemo((()=>Y.default.createElement(r.Button,{variant:"tertiary",dataEventCategory:"Newsletter",dataEventAction:"More Category Click",dataEventLabel:g,leftIcon:Y.default.createElement(t.Icon.Plus,{size:16,color:"#262626",useCurrentColor:!0}),onClick:P,styles:e=>({root:{borderRadius:m.rem(6),padding:"2px 15px",height:m.rem(40)},label:{fontSize:m.rem(14),fontWeight:400,[e.fn.smallerThan("sm")]:{fontSize:m.rem(12),lineHeight:m.rem(16),height:m.rem(40)}},leftIcon:{marginRight:"5px"}})},Y.default.createElement(t.Text,{size:p?"p3":"p4"},l("home.seeMore")))),[T]);return e.useEffect((()=>{T.setFieldValue("fitnessTopics",C.map((e=>e.catId)))}),[C]),Y.default.createElement("form",{style:{height:"100%"},onSubmit:T.onSubmit((e=>{if(0===C.length)return s({type:"danger",title:l("newsletter.error.minTitle"),message:l("newsletter.error.minCotennt")}),!1;E(e),null==y\|\|y(e.name)}))},Y.default.createElement(ht,{heading:l("healthToolPNModal.heading"),stickyActions:Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(r.Button,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Register Click",dataEventLabel:g,loading:b,sx:{maxWidth:m.rem(240)}},l("healthToolPNModal.register")))},Y.default.createElement(m.Stack,{spacing:m.rem(16)},Y.default.createElement(r.Input,Object.assign({label:l("newsletter.welcome.description")},T.getInputProps("name"))),Y.default.createElement(ft,{topicsGroup:[...0===f.length&&0===A.length?[{topics:[{component:I}]}]:[],...f.length>0?[{label:l("healthToolPNModal.mainForm.tailorTopicsHeading"),topics:[...f,...0===A.length?[{component:I}]:[]]}]:[],...A.length>0?[{label:l("healthToolPNModal.findMore.chooseFav"),topics:[...A,...A.length>0?[{component:I}]:[]]}]:[]],selectedTopics:[...B],labelProps:{size:p?"p3":"p4",color:"gray.6"},onTopicChange:w,maxSelect:S}))))},Et=({history:e,onDelete:a})=>Y.default.createElement(m.Flex,{wrap:"wrap",gap:8},oe.default(e,"catId").map((e=>Y.default.createElement(m.Badge,{key:e.catId,rightSection:Y.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",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 ${r.themeColors.neutral[4]}`,borderRadius:32,textTransform:"unset"},rightSection:{height:18,cursor:"pointer"}}},Y.default.createElement(t.Text,{size:"p4"},e.localName))))),yt=({topics:l,onTopicChange:n,isBlock:r=!1,selectedTopics:o,labelProps:s,maxSelect:d=5})=>{const{action:{pushNotifications:c}}=e.useContext(a.TogetherComponentGlobalContext),[u,g]=e.useState([]),{t:p}=i.useTranslations();e.useEffect((()=>{g(o)}),[o.length]),e.useEffect((()=>{n(u)}),[u]);return l&&0!==l.length?Y.default.createElement(m.Stack,{spacing:12,px:16,mx:-16},Y.default.createElement(t.Text,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},s),p("pnTopicSection.recentView")),Y.default.createElement(m.Chip.Group,{value:u.map((e=>e.catId)),onChange:e=>{r&&u.length<e.length?c({type:"danger",title:p("pnTopicSection.maxSelectError.title",{maxSelect:d}),message:p("pnTopicSection.maxSelectError.desc")}):g((()=>l.filter((t=>e.some((e=>t.catId===e))))))},multiple:!0},Y.default.createElement(m.Flex,{gap:8,wrap:"wrap"},l.map(((e,t)=>Y.default.createElement(pt,{key:t,value:e.catId,name:e.localName,isBlock:r})))))):null},bt=e=>{var{topic:a,active:l,onClick:n}=e,o=u.__rest(e,["topic","active","onClick"]);return Y.default.createElement(m.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:m.rem(130),[e.fn.largerThan("sm")]:{minHeight:m.rem(138)}}),onClick:()=>n(a,l)},o),l&&Y.default.createElement(m.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"},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(m.Box,{sx:{borderRadius:"8px"}},Y.default.createElement(r.AspectRatio,{ratio:1.5,mb:10,sx:e=>({background:e.colors.neutral[0]})},Y.default.createElement(m.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\|\|""))},Ct=({topics:a,selectedTopics:l=[],onTopicChange:n,isBlock:r=!1,labelProps:o,pushNotifications:s,maxSelect:d=5})=>{const{t:c}=i.useTranslations(),[u,g]=e.useState([]),p=(e,t)=>{if(t)g((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")});g((t=>[...t,e]))}};e.useEffect((()=>{g(l)}),[l.length]),e.useEffect((()=>{n(u)}),[u]);const[f,h]=e.useState(!1),[v,E]=e.useState(0),[y,b]=e.useState(0),C=e.useRef(null),k=()=>{h(!1)};return Y.default.createElement(m.Stack,{spacing:10},Y.default.createElement(m.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(m.Box,null,Y.default.createElement(m.ScrollArea,{type:"always",w:"100%",offsetScrollbars:!0,scrollbarSize:4,px:4,viewportRef:C,viewportProps:{onMouseDown:e=>{e.preventDefault(),C.current&&(h(!0),E(e.pageX-C.current.offsetLeft),b(C.current.scrollLeft))},onMouseUp:k,onMouseLeave:k,onMouseMove:e=>{if(e.preventDefault(),!f\|\|!C.current)return;const t=2(e.pageX-C.current.offsetLeft-v);C.current.scrollLeft=y-t}},styles:{viewport:{paddingBottom:16}}},Y.default.createElement(m.Box,{w:{base:112a.length+8(a.length-1)+10}},Y.default.createElement(m.Flex,{gap:8},a.map(((e,t)=>Y.default.createElement(bt,{key:t,topic:e,onClick:p,active:u.some((t=>t.catId===e.catId)),w:{base:112}}))))))))},kt=l=>{var{isLoggedIn:n,maxSelect:o=5,values:s=[],labelProps:d,onChange:g}=l,p=u.__rest(l,["isLoggedIn","maxSelect","values","labelProps","onChange"]);const{action:{pushNotifications:f}}=e.useContext(a.TogetherComponentGlobalContext),[h,v]=e.useState(""),{t:E,locale:y}=i.useTranslations(),b=e.useRef(null),[C,k]=e.useState([]),[w,S]=e.useState([]),[x,T]=e.useState([]),[B,N]=e.useState([]),[A,L]=e.useState(null),[P,I]=e.useState([]);e.useEffect((()=>{u.__awaiter(void 0,void 0,void 0,(function(){var e,t;const l=yield a.callApiWithAuth(a.getPremiumApiPath(rt,{_locale:y}),"get"),n=(null===(e=null==l?void 0:l.data)\|\|void 0===e?void 0:e.interested)\|\|[],r=(null===(t=null==l?void 0:l.data)\|\|void 0===t?void 0:t.trending)\|\|[],o=oe.default([...n,...r],"catId").map((e=>Object.assign(Object.assign({},e),{value:e.catId\|\|"",label:e.localName\|\|""})));if(I(o\|\|[]),L((null==l?void 0:l.data)\|\|null),s.length>0){const e=n.filter((e=>s.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"interested"}))),t=r.filter((e=>s.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"trending"})));N(e),S(t)}}))}),[n]);const M=e.useMemo((()=>oe.default([...C,...w,...B,...x],"catId")),[C,w,B,x]),[D,O]=e.useState(!1);e.useEffect((()=>{M.length>=o?O(!0):O(!1),null==g\|\|g(M)}),[M]);return Y.default.createElement(m.Stack,Object.assign({spacing:m.rem(16)},p),Y.default.createElement(m.Stack,{spacing:m.rem(8)},Y.default.createElement(t.Text,{size:"p3"},E("pnTopicSection.maxSelectError.detail",{max:o,maxTopic:M.length})),Y.default.createElement(m.MultiSelect,{ref:b,maxSelectedValues:3,styles:{wrapper:{overflow:"initial !important"},separator:{padding:16},separatorLabel:{fontWeight:600,fontSize:12,lineHeight:"18px",textTransform:"uppercase",color:r.themeColors.gray[4],"&::after":{display:"none"}},searchInput:{fontSize:"inherit"},input:{paddingRight:16}},nothingFound:Y.default.createElement(t.Text,{size:"s4",color:"gray.6"},E("pnTopicSection.notFound")),itemComponent:""===h?c._SuggestedTopic:c._Topic,size:"lg",placeholder:E("pnTopicSection.plsEnterFavTopics"),data:P,onSearchChange:v,searchValue:h,icon:Y.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},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,u.__awaiter(void 0,void 0,void 0,(function(){var e;const a={trending:S,recently:T,interested:N,default:k};let l="default";if(D)f({type:"danger",title:E("pnTopicSection.maxSelectError.title",{maxSelect:o}),message:E("pnTopicSection.maxSelectError.desc")});else{const n=[{key:"trending",array:null==A?void 0:A.trending},{key:"recently",array:null==A?void 0:A.recently},{key:"interested",array:null==A?void 0:A.interested}].find((e=>{var a;return null===(a=e.array)\|\|void 0===a?void 0:a.some((e=>e.catId===t[0]))}));l=(null==n?void 0:n.key)\|\|"default",a[l]((e=>[...e,...P.filter((e=>t.some((t=>e.catId===t))))].map((e=>Object.assign(Object.assign({},e),{template:l}))))),null===(e=b.current)\|\|void 0===e\|\|e.blur()}return null}));var t},value:[]}),M&&M.length>0&&Y.default.createElement(Et,{history:M,onDelete:e=>{const t={trending:S,recently:T,interested:N,default:k};(t[e.template]\|\|t.default)((t=>{const a=[...t],l=a.findIndex((t=>t.catId===e.catId));return a.splice(l,1),a}))}})),Y.default.createElement(m.Box,{sx:e=>({position:"relative",height:m.rem(175),[e.fn.largerThan("sm")]:{height:m.rem(190)}})},Y.default.createElement(m.Box,{sx:{position:"absolute",top:0,right:0,left:0}},Y.default.createElement(Ct,{topics:((null==A?void 0:A.trending)\|\|[]).map((e=>Object.assign(Object.assign({},e),{template:"trending"}))),selectedTopics:w,onTopicChange:S,isBlock:D,labelProps:d}))),Y.default.createElement(yt,{topics:((null==A?void 0:A.recently)\|\|[]).map((e=>Object.assign(Object.assign({},e),{template:"recently"}))),selectedTopics:x,onTopicChange:T,isBlock:D,labelProps:d}),Y.default.createElement(ft,{labelProps:d,topicsGroup:[{label:E("pnTopicSection.ppAlsoInterested"),topics:((null==A?void 0:A.interested)\|\|[]).map((e=>Object.assign(Object.assign({},e),{template:"interested"})))}],selectedTopics:B,onTopicChange:N,isBlock:D}))},wt=()=>{const{t:t}=i.useTranslations(),{action:{pushNotifications:l}}=e.useContext(a.TogetherComponentGlobalContext),{prevStep:n,formValues:o,submitLoading:s,onSubmit:d,selectCategory:u,maxSelectCategory:g,setSelectCategory:p,currentUrl:f,isLoggedIn:h}=e.useContext(c.PremiumNewsletterModalContext);return Y.default.createElement(ht,{heading:t("newsletter.topic.title"),type:"always",styles:{root:{paddingRight:m.rem(25)}},stickyActions:Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(r.Button,{fullWidth:!0,variant:"secondary",dataEventCategory:"Newsletter",dataEventAction:"Back Click",dataEventLabel:f,onClick:n},t("healthToolPNModal.back")),Y.default.createElement(r.Button,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Next Click",dataEventLabel:f,onClick:()=>{if(0===u.length)return l({type:"danger",title:t("newsletter.error.minTitle"),message:t("newsletter.error.minCotennt")}),!1;null==d\|\|d(o.name)},loading:s},t("healthToolPNModal.next")))},Y.default.createElement(kt,{isLoggedIn:h,maxSelect:g,values:o.fitnessTopics,onChange:p,labelProps:{size:"s5",sx:{textTransform:"uppercase"}}}))},St=()=>{const{t:l}=i.useTranslations(),{close:n,selectCategory:o,onRegisterSuccess:s,currentUrl:d,finishLabelOnResult:u,disclaimerText:g}=e.useContext(c.PremiumNewsletterModalContext);return e.useEffect((()=>()=>{setTimeout((()=>{null==s\|\|s()}),400)}),[]),Y.default.createElement(ht,{heading:l("healthToolPNModal.heading"),stickyActions:Y.default.createElement(r.Button,{fullWidth:!0,sx:{maxWidth:m.rem(300)},dataEventCategory:"Newsletter",dataEventAction:"Continue Reading Click",dataEventLabel:d,onClick:()=>{n()}},u\|\|l("healthToolPNModal.finish"))},Y.default.createElement(m.Stack,null,Y.default.createElement(m.Flex,{gap:m.rem(8),sx:e=>({background:e.colors.green[0],border:`1px solid ${e.colors.green[1]}`,borderRadius:m.rem(8),padding:m.rem(8)})},Y.default.createElement(m.Box,null,Y.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},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"},g\|\|l("pnModal.disclaimer"))),Y.default.createElement(a.Heading,{tag:"h5"},l("healthToolPNModal.yourPre")),o.length>0&&Y.default.createElement(ft,{topicsGroup:[{label:"",topics:o}],selectedTopics:o,readonly:!0})))},xt=({isMobile:t,isLoggedIn:l,pnSuggestCategory:n=[],acquisitionInfo:r,currentUrl:o,opened:d,close:g,finishLabelOnResult:h,onRegisterSuccess:v,disclaimerText:E})=>{const{t:y,locale:b}=i.useTranslations(),{action:{pushNotifications:C}}=e.useContext(a.TogetherComponentGlobalContext),k=s.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),w=s.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),[S,x]=e.useState([]),[T,B]=e.useState([]),[N,A]=e.useState(0),[L,P]=e.useState({name:"",fitnessTopics:[]}),[I,M]=e.useState(!1),D=()=>A(2),O=e.useCallback((e=>u.__awaiter(void 0,void 0,void 0,(function(){try{M(!0),yield a.callApiWithAuth(a.getPremiumApiPath(ot,{website_url:a.getWebsiteUrlApi(b)}),"post",{headers:{"Content-Type":"application/json"},method:"POST",data:{ga_client_id:ne.default.get(p.GA_TOKEN_COOKIE),client_ip:window.clientIP\|\|"",user_info:Object.assign(Object.assign({},r.userInfo),{name:e\|\|L.name,type_subscription:1}),domain:p.domainLocales[b\|\|f.LOCALE.Vietnam],category:T,perferred:r.preferredTopics.map((({id:e})=>({id:e})))}}),M(!1),yield a.callApiWithAuth(a.getSsoApiPath(gt),"post",{headers:{"Content-Type":"application/json"},method:"PUT",data:{subscription:1}}),D()}catch(e){console.log({err:e}),M(!1),C({title:y("notification.comment.somethingWrong"),message:"",type:"danger"})}}))),[L,T]);return e.useEffect((()=>{[k,w].forEach((e=>{(new Image).src=e}))}),[]),Y.default.createElement(c.PremiumNewsletterModalContext.Provider,{value:{currentUrl:o,isMobile:t,isLoggedIn:l,opened:d,close:g,pnSuggestCategory:n,nextStep:()=>A((e=>e<3?e+1:e)),prevStep:()=>A((e=>e>0?e-1:e)),lastStep:D,categoryLibs:S,setCategoryLibs:x,selectCategory:T,setSelectCategory:B,formValues:L,setFormValues:P,maxSelectCategory:5,submitLoading:I,onSubmit:O,onRegisterSuccess:v,finishLabelOnResult:h,disclaimerText:E}},Y.default.createElement(mt,{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:d,onClose:g,zIndex:305,closeProps:{dataEventCategory:"Newsletter",dataEventAction:"Close Click",dataEventLabel:o}},Y.default.createElement(m.Stepper,{active:N,onStepClick:A,styles:{root:{height:"100%"},content:{padding:0,height:"100%",width:"100%"},steps:{display:"none"}}},Y.default.createElement(m.Stepper.Step,null,Y.default.createElement(vt,null)),Y.default.createElement(m.Stepper.Step,null,Y.default.createElement(wt,null)),Y.default.createElement(m.Stepper.Step,null,Y.default.createElement(St,null)))))},Tt=()=>{const{locale:t}=i.useTranslations(),{isMobile:l,isLoggedIn:n,currentUrl:r,acquisitionInfo:o,categoryIds:s,state:d,setState:m,settings:g,submitHandler:p,subcribeHealthStatus:f,showPNModal:h,setShowPNModal:v,setIsBack:E}=e.useContext(c.SurveyOrPremiumBannerContext),[y,b]=e.useState([]),[C,k]=e.useState(h);e.useEffect((()=>{u.__awaiter(void 0,void 0,void 0,(function(){var e,l;const n=yield a.callApiWithAuth(a.getPremiumApiPath(rt,{_locale:t}),"get"),r=[...(null===(e=null==n?void 0:n.data)\|\|void 0===e?void 0:e.interested)\|\|[],...(null===(l=null==n?void 0:n.data)\|\|void 0===l?void 0:l.trending)\|\|[]];b(r.filter((e=>s.includes(Number(e.catId)))))}))}),[]);const w=e.useRef([]);return e.useEffect((()=>{const e=(null==f?void 0:f.value)\|\|"",t=e.split("\|").filter(Boolean);let a=e;w.current.push(f),t.length>1&&(null!==w.current[0]&&E(!0),Object.keys(p).map((e=>{const l=e.split("\|");if(t.length===l.length){let n=0;t.map((e=>{l.includes(String(e))&&(n+=1)})),n===t.length&&(a=e)}})));const l=t.length>0?p[a]:g;m(l)}),[f]),e.useEffect((()=>{k(h)}),[h]),(null==d?void 0:d.action)!==c.BannerAction.Hide?Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(ut,Object.assign({},g.props)),Y.default.createElement(xt,{acquisitionInfo:o,isMobile:l,isLoggedIn:n,currentUrl:r,pnSuggestCategory:y,opened:C,close:()=>{var e;k(!1),v(!1),setTimeout((()=>{var e;(null===(e=d.actionParams)\|\|void 0===e?void 0:e.hideBannerWhenClose)&&m({action:c.BannerAction.Hide})}),400),(null===(e=d.actionParams)\|\|void 0===e?void 0:e.hideBannerWhenClose)&&m({action:c.BannerAction.Hide})},onRegisterSuccess:()=>k(!1)})):null},Bt={myBooking:"booking",mySaved:"saved",myHealth:"health",myFamily:"family",myCommunity:"my-communities",eCom:"/shop/ho-so/quan-li-don-hang/"};var Nt="uJQBNNg",At="TfG3dM5",Lt="aMtjFNf",Pt="cSz2RR-",It="GyFm00F";function Mt({userInfo:t,onClickMyProfileButton:a,themeName:l="helloSites"}){const{t:n}=i.useTranslations(),r=e.useMemo((()=>{const e=(null==t?void 0:t.name)\|\|(null==t?void 0:t.username);return e&&e.length?e[0].toUpperCase():"A"}),[null==t?void 0:t.username,null==t?void 0:t.name]);return Y.default.createElement("div",{className:Nt,onClick:()=>{a&&a()}},Y.default.createElement(me,{className:At,type:"rounded",size:"xl",avatarUrl:null==t?void 0:t.avatar,firstLetter:r,backgroundColor:"marryBaby"===l?d.theme.mbColors.pink:d.theme.colors.secondaryBase}),Y.default.createElement("div",{className:Lt},Y.default.createElement("div",{className:Pt},(null==t?void 0:t.name)\|\|(null==t?void 0:t.username)),Y.default.createElement("div",{className:It,style:{"--bg-hellosites":`url(${s.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-chevronRight.svg")})`,"--bg-marrybaby":`url(${s.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-arrowRight.svg")})`}},n("userProfile.nav.header.viewProfile"))))}var Dt="gn6HmGG",Ot="FCx8FEM",_t="zMiRxaE",zt="lZ2Z9MQ",jt="rwm-agG",Ft="qMOscoq";const Ht=({themeName:t,locale:a,onClickItem:l})=>{const[n,r]=e.useState(""),o=e.useMemo((()=>"marryBaby"===t?[{key:"userProfile.nav.menu.password",icon:s.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-lock.svg"),link:"password"},{key:"userProfile.nav.menu.logout",icon:s.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-logOut.svg"),link:"logout"}]:[{key:"userProfile.nav.menu.accountSettings",icon:s.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-settingsWheel.svg"),subMenu:[{key:"common.profileNavigator.newsletterSubscription",link:"subscriptions",disableLocale:["id-ID","ms-MY","km-KH","en-PH","tl-PH","th-TH","my-MM","zh-TW","hi-IN"]},{key:"userProfile.nav.menu.password",link:"password"},{key:"userProfile.nav.menu.disableAccount",link:"disable-account",disableLocale:["hi-IN"]}]},{key:"userProfile.nav.menu.help",icon:s.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-helpCircle.svg"),link:"help"}]),[t]);function i(e){e.subMenu?r((t=>t?"":e.key)):l&&l(e)}return Y.default.createElement("div",{className:Dt},o.map((e=>Y.default.createElement(Rt,{key:e.key,item:e,openKey:n,onClickItem:i,locale:a}))))},Rt=({item:e,openKey:t,onClickItem:a,locale:l})=>{var n;const{t:r}=i.useTranslations();return(null===(n=e.disableLocale)\|\|void 0===n?void 0:n.includes(l))?null:Y.default.createElement("div",{className:`${Ot} nav-menu-item`,"data-is-open":t===e.key,key:e.key,"data-has-submenu":!!e.subMenu},Y.default.createElement("div",{className:_t,onClick:()=>a(e)},e.icon&&Y.default.createElement("div",{className:zt,style:{backgroundImage:`url("${e.icon}")`}}),r(e.key),e.subMenu&&Y.default.createElement("div",{className:jt,style:{"--after-bg":`url(${s.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-chevronDown.svg")})`}})),e.subMenu&&Y.default.createElement("div",{className:Ft},e.subMenu.map((e=>Y.default.createElement(Rt,{key:e.key,item:e,openKey:t,onClickItem:a,locale:l})))))};var Gt="-AZt1au",$t="IvSIfCI",Wt="eahCJov",Vt="XIyViFs",Ut="_4y-O0w3",qt="kO8iNgD",Zt="a1d4E10",Yt="Tdguxxf",Kt="-mOxsaU",Qt="yPeDBNZ";const Xt={helloSites:{member:()=>s.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-member.svg"),ambassador:()=>s.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-ambassador.svg"),doctor:()=>s.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-doctor.svg"),expert:()=>s.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-expert.svg"),influencer:()=>s.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-influencer.svg")},marryBaby:{member:()=>s.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-member.svg"),ambassador:()=>s.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-ambassador.svg"),doctor:()=>s.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-doctor.svg"),expert:()=>s.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-expert.svg"),influencer:()=>s.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-influencer.svg")}},Jt=({themeName:t,rank:a="member",numberOfPosts:l=0})=>{const{t:n}=i.useTranslations(),r=e.useMemo((()=>{var e,l;return(null===(l=null===(e=Xt[t])\|\|void 0===e?void 0:e[a])\|\|void 0===l?void 0:l.call(e))\|\|""}),[a,t]);return Y.default.createElement("div",{className:Ut,"data-user-rank":a},Y.default.createElement("div",{className:qt},Y.default.createElement("div",{className:Zt},Y.default.createElement("div",{className:Yt,style:{backgroundImage:`url("${r}")`}}),Y.default.createElement("h3",{className:Kt},n(`userProfile.userRank.${a}`)),l>0&&Y.default.createElement("p",{className:Qt},l," ",n("userProfile.nav.header.count.posts")))))};exports.Alert=({style:e,onClose:a,text:l,type:n,contentIcon:r,closeIcon:o,className:i,description:s})=>Y.default.createElement("div",{className:`${ie} ${i\|\|""}`,style:e,"data-alert-type":n},Y.default.createElement("div",{className:se},Y.default.createElement("div",{className:"icon-title"},r,Y.default.createElement(t.Text,{weight:"bold",size:"label1"},l)),Y.default.createElement(t.Text,{weight:"regular",size:"p3"},s)),Y.default.createElement("div",{className:de,onClick:a},o)),exports.ArticleCard=({articleLink:e,authorLink:l,authorName:n,avatarImg:r,banner:o,categoryLink:i,categoryName:d,className:u,dataEventActionForBanner:m,dataEventActionForBookmark:g,dataEventActionForCategory:p,dataEventActionForTitle:f,dataEventCategoryForBanner:h,dataEventCategoryForBookmark:v,dataEventCategoryForCategory:E,dataEventCategoryForTitle:y,dataEventLabelForBanner:b,dataEventLabelForBookmark:C,dataEventLabelForCategory:k,dataEventLabelForTitle:w,direction:S="horizontal",hasAffiliate:x,isBookmark:T=!1,isBookmarkDisplayed:B=!0,isMobile:N=!0,onBookmark:A,onClickCategoryName:L,section:P="normal",size:I="md",specialty:M,style:D,styleBanner:O,styleLabel:_,styleTitle:z,text:j,title:F,type:H="author",uploadTime:R,articleLinkTarget:G,isPremium:$})=>{const W=e=>{e.stopPropagation(),null==A\|\|A()},V="lg"===I&&"expert"===H?"h4":"lg"===I&&"home"===P?N?"h4":"h3":"lg"===I?"h4":"h5",U="lg"===I?"p3":"p4",q=N\|\|"home"!==P\|\|"lg"!==I\|\|"author"!==H?"c2":"c1";return Y.default.createElement("article",{className:`${Be} ${u\|\|""}`,"data-size":I,style:D,"data-direction":S,"data-is-expert":"expert"===H\|\|void 0},Y.default.createElement("div",{className:"banner",style:O},Y.default.createElement("a",{className:Te,"data-event-category":h,"data-event-action":m,"data-event-label":b,href:e\|\|"#",target:G},o),$&&Y.default.createElement("img",{loading:"lazy",className:"premium",src:s.CommonGAssets.getAssetPath("premium-crown.svg")}),x&&Y.default.createElement(c.AffiliateIcon,null)),Y.default.createElement("div",{className:"content"},Y.default.createElement("div",{className:"inner-content"},Y.default.createElement(t.Text,{style:_,className:"label",size:q,weight:"caption"},Y.default.createElement("a",{className:Te,"data-event-category":E,"data-event-action":p,"data-event-label":k,href:i\|\|"#",onClick:L},d),B&&Y.default.createElement("a",{className:"bookmark",onClick:W},T?Y.default.createElement(c.BookmarkedIcon,{dataEventCategoryForBookmark:v,dataEventActionForBookmark:g,dataEventLabelForBookmark:C}):Y.default.createElement(c.UnbookmarkedIcon,{dataEventCategoryForBookmark:v,dataEventActionForBookmark:g,dataEventLabelForBookmark:C}))),Y.default.createElement(a.Heading,{tag:V,style:z,className:"title",as:"lg"===I?"h2":"h3"},Y.default.createElement("a",{className:Te,"data-event-category":y,"data-event-action":f,"data-event-label":w,href:e\|\|"#",target:G},F)),j&&Y.default.createElement("a",{href:e\|\|"#",target:G},Y.default.createElement(t.Text,{size:U,className:"text"},j))),Y.default.createElement("div",{className:"footer"},"author"===H?Y.default.createElement(Ae,{size:I,avatarImg:r,authorName:n,authorLink:l,uploadTime:R,handleClick:W,isBookmarked:T,dataEventCategoryForBookmark:v,dataEventActionForBookmark:g,dataEventLabelForBookmark:C}):Y.default.createElement(Le,{size:I,isMobile:N,avatarImg:r,specialty:M,name:n,link:l,handleClick:W,isBookmarked:T,dataEventCategoryForBookmark:v,dataEventActionForBookmark:g,dataEventLabelForBookmark:C}))))},exports.ArticleCard$1=e=>{var{variant:t="vertical"}=e,a=u.__rest(e,["variant"]);return"horizontal"===t?Y.default.createElement(Pe,Object.assign({},a)):Y.default.createElement(De,Object.assign({},a))},exports.Avatar=me,exports.BMICardEmbed=({isMobile:e,onSubmit:t,bmiContent:a,isSide:l,bmiGenerated:n,bmiUnit:r,bmiLink:o,locale:d})=>{var u,m,g;const{t:p}=i.useTranslations();return Y.default.createElement(c.StyledContainer,{"data-is-side":l},Y.default.createElement(c.ToolsBannerCard,{isSide:l,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===(u=null==a?void 0:a.reviewBy)\|\|void 0===u?void 0:u.link,reviewer:null===(m=null==a?void 0:a.reviewBy)\|\|void 0===m?void 0:m.reviewer,date:null===(g=null==a?void 0:a.reviewBy)\|\|void 0===g?void 0:g.date},isMobile:e}),Y.default.createElement(N.Container,null,Y.default.createElement(c.StyledContent,{as:"div","data-is-side":l},o&&Y.default.createElement($e,{onSubmit:t,bmiGenerated:n,locale:d,bmiUnit:r,isSide:l}))))},exports.BMRCardEmbed=({isSide:e,locale:t,bmrContent:a,isMobile:l,info:n,inputErrorMessage:r,onFormChange:o,onSubmit:d})=>{var u,m,g;const{t:p}=i.useTranslations();return Y.default.createElement(c.StyledContainer,{"data-is-side":e},Y.default.createElement(c.ToolsBannerCard,{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===(u=null==a?void 0:a.reviewBy)\|\|void 0===u?void 0:u.link,reviewer:null===(m=null==a?void 0:a.reviewBy)\|\|void 0===m?void 0:m.reviewer,date:null===(g=null==a?void 0:a.reviewBy)\|\|void 0===g?void 0:g.date},isMobile:l}),Y.default.createElement(N.Container,null,Y.default.createElement(c.StyledContent,{onSubmit:e=>e.preventDefault(),"data-is-side":e},Y.default.createElement(c.StyledInputForm,null,Y.default.createElement(Ue,{info:n,locale:t,errorMessage:r,onChange:o,onClick:d,isSide:e})))))},exports.BabyGrowthCardEmbed=({isMobile:e,className:t,onSubmit:a,onError:l,schema:n,babyGrowthContent:r,siteType:o})=>{var i,u,m;return Y.default.createElement(c.StyledContainer,{"babyGrowthContent-is-mobile":e,"data-site":o},Y.default.createElement(c.ToolsBannerCard,{siteType:o,bannerUrl:s.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerUrlLarge:s.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerColor:"marryBaby"===o&&d.theme.mbColors.mint,isEmbeded:!0,icon:Y.default.createElement("img",{className:"embedded-icon",alt:"health-tool-icon",src:(null==r?void 0:r.featuredImage)\|\|s.CommonGAssets.getAssetPath("health-tools/toolsIconBabyGrowth.svg"),loading:"lazy"}),heading:(null==r?void 0:r.title)\|\|"",medicalReview:{link:null===(i=null==r?void 0:r.reviewBy)\|\|void 0===i?void 0:i.link,reviewer:null===(u=null==r?void 0:r.reviewBy)\|\|void 0===u?void 0:u.reviewer.trim(),date:null===(m=null==r?void 0:r.reviewBy)\|\|void 0===m?void 0:m.date},isMobile:e}),Y.default.createElement(c.StyledBabyGrowthWrapper,{"data-theme":o},Y.default.createElement(c.StyleForm,{siteType:o,schema:n,className:t,onSubmit:a,onError:l})))},exports.BabyPoopEmbed=({babyPoopPage:e,onClickFindOut:l,currentUrl:n,isSide:o,direction:u="auto",sponsorLogo:g})=>{const{t:p}=i.useTranslations(),f="mb"===m.useMantineTheme().other.template,{classes:h}=c.useStyles$2({isMarryBaby:f,isSide:o,direction:u},{name:"BabyPoopEmbed"}),{reviewedBy:v,reviewedDate:E}=e\|\|{};return Y.default.createElement("div",{className:h.root},Y.default.createElement("div",{className:h.inner},Y.default.createElement(a.Heading,{tag:"h3",as:"h2",color:!f&&"#284A75"},e.title),Y.default.createElement("div",{className:h.content,"data-is-side":o},Y.default.createElement(t.Text,{size:"p3",className:"description"},e.description),!!v&&Y.default.createElement("div",{className:h.reviewText},Y.default.createElement("img",{src:s.CommonGAssets.getAssetPath("reviewerCheck.svg"),alt:"check",className:h.reviewTextIcon,loading:"lazy"}),Y.default.createElement(t.Text,{size:"p4",color:d.theme.colors.gray600},p("categoryPage.info.reviewed")," ",Y.default.createElement("a",{href:v.profile_url},v.display_name)," ",p("categoryPage.onDate",{date:E\|\|""}))),Y.default.createElement("div",{className:h.action},Y.default.createElement(r.Button,{className:h.btn,size:f?"lg":"md",variant:f?"secondary":"primary",onClick:l,dataEventCategory:"Health Tool",dataEventAction:"Baby Stool Inquiry",dataEventLabel:n,style:{visibility:Boolean(l)?"visible":"hidden"}},p("babyPoop.findOut"))))),Y.default.createElement("div",{className:h.thumbnail},Y.default.createElement("img",{src:f?s.CommonGAssets.getAssetPath("baby-poop.svg"):null==e?void 0:e.featuredImage,alt:e.title,loading:"lazy"})),g&&Y.default.createElement("img",{loading:"lazy",src:g,alt:"sponsor",className:h.sponsorLogo}))},exports.Badge=({amount:e,type:t,size:l="medium",color:n="primary",icon:r,className:o})=>Y.default.createElement(a.StyledBadge,{"data-notification-type":t,"data-notification-size":l,"data-notification-color":n,"data-has-icon":!!r\|\|void 0,notificationType:t,notificationSize:l,notificationColor:n,hasIcon:!!r,className:o},Y.default.createElement("div",null,e&&Y.default.createElement("span",null,e)," ",r&&Y.default.createElement("div",null,r))),exports.BorderHeading=({style:e,children:t,className:l,size:n="lg",type:r="bold",upperCase:o,as:i="h4",color:s})=>Y.default.createElement(a.StyledBorderHeading,{style:Object.assign({color:s},e),className:l,"data-size":n,"data-type":r,"data-uppercase":o,as:i},t),exports.Breadcrumbs=({className:t,pages:a,size:l,LinkComponent:n="a",onChangePage:r,separator:o})=>{const i=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":l,className:`${Qe} ${t\|\|""}`},i.map(((t,a)=>{const s=a+1===i.length;return Y.default.createElement(e.Fragment,{key:a},Y.default.createElement(et,{LinkComponent:n,page:t,isLast:s,onChangePage:r}),!s&&(t.separator\|\|o\|\|Y.default.createElement("div",{className:Xe,"data-size":l})))})))},exports.CategoryCard=e=>{var{category:a,imgBanner:l,label:n,className:r,style:o,href:i="",dataEventCategory:s,dataEventAction:d,dataEventLabel:m}=e,g=u.__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)\|\|i\|\|"";return Y.default.createElement(c.StyledCategoryCard,Object.assign({"data-event-category":s,"data-event-action":d,"data-event-label":m,className:r,style:o,href:p},(null==a?void 0:a.customizedUrl)&&!y.isInternalLink(a.customizedUrl)&&{target:"_blank"},{onClick:e=>{""===p&&e.preventDefault()}},g),Y.default.createElement("div",{className:"banner"},l),Y.default.createElement("div",{className:"content"},Y.default.createElement(t.Text,{className:"category_name",size:"sm",weight:"bold"},(null==a?void 0:a.displayName)\|\|n\|\|"")))},exports.Checkbox=be,exports.CheckboxGroup=({name:e,values:t=[],onChanges:a,options:l=[],className:n,type:r="vertical",isDisabled:o,isRectangle:i})=>{const s=(e,l)=>{const n=t.slice();if(l)n.push(e);else{const t=n.findIndex((t=>t===e));n.splice(t,1)}a&&a(n)};return Y.default.createElement(c.StyledCheckboxGroup,{className:n,"data-type":r,"data-is-rectangle":i\|\|void 0},l.map(((a,l)=>Y.default.createElement(be,{label:a.label,name:e,key:`${l}-${a.value}`,checked:t.includes(a.value),value:a.value,isDisabled:o\|\|a.disabled,onChange:!o&&s,isRectangle:i}))))},exports.CookieAcceptConfirm=({className:e,policiesUrl:t,onAcceptClick:a,translations:l={acceptButton:"Accept",policiesButton:"Our Policies"},title:n="",description:r="",theme:o="helloSites",isOpen:i=!0,useDefaultPosition:s=!0,trackingAttributes:d})=>Y.default.createElement(c.StyledAcceptCardContainer,{className:e,"data-theme":o,"data-is-open":i,"data-default-position":s},Y.default.createElement(c.StyledTitleSection,{"data-has-content":!!n},n),Y.default.createElement(c.StyledDescription,{dangerouslySetInnerHTML:{__html:r}}),Y.default.createElement(c.StyledButtonGroup,null,Y.default.createElement(c.StyledAcceptButton,{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},l.acceptButton),Y.default.createElement(c.StyledPoliciesButton,{href:t},l.policiesButton))),exports.DateRangePicker=function({inputSize:t="md",name:l="date-range-picker",value:n,minDate:r,maxDate:o,onChange:i,className:d,autoClose:u=!1}){n\|\|(n={from:null,to:null});const[m,g]=e.useState(!1);function p(){g(!1)}const f=e.useRef(null);function h(e){i&&i(e)}function v(e){return k.format(e,"dd/MM/yyyy")}I.useOutsideClick(f,(()=>{p()}));const E=e.useMemo((()=>n.from&&n.to?k.isSameDay(n.from,n.to)?v(n.from):`${v(n.from)} - ${v(n.to)}`:""),[n.from,n.to]);return Y.default.createElement(c.StyledWrapper,{className:[d,m&&"focused"].filter(Boolean).join(" "),ref:f},Y.default.createElement("label",{htmlFor:l},Y.default.createElement(a.PureInput,{size:t,value:E,name:l,actionIcon:Y.default.createElement("img",{src:s.CommonGAssets.getAssetPath("calendar.svg"),loading:"lazy"}),onFocus:()=>g(!0)})),m?Y.default.createElement(c.StyledCalendarWrapper$1,{onMouseDown:e=>{e.stopPropagation()}},Y.default.createElement(Ye,{value:n,onChange:h,minDate:r,maxDate:o,close:p,autoClose:u})):null)},exports.DueDateCardEmbed=({isMobile:e,locale:t,onSubmitDueDate:a,dueDatePageInfo:l,expertUrl:n,isSide:r,siteType:o})=>{var u;const{t:m}=i.useTranslations();return Y.default.createElement(c.StyledContainer,{"data-is-side":r,"data-site":o},Y.default.createElement(c.ToolsBannerCard,{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==l?void 0:l.featured_image)\|\|s.CommonGAssets.getAssetPath("health-tools/due-date-icon.svg"),loading:"lazy"}),heading:m("healthTools.dueDateCalculator"),medicalReview:{link:n,reviewer:null===(u=null==l?void 0:l.reviewed_by)\|\|void 0===u?void 0:u.display_name,date:null==l?void 0:l.reviewed_date},isMobile:e}),Y.default.createElement(c.StyledContent,{onSubmit:e=>e.preventDefault(),className:"due-date-cal","data-is-side":r},Y.default.createElement(Re,{siteType:o,locale:t,onSubmitDueDate:a,isSide:r})))},exports.FileDropdown=({className:t,value:l,options:n,onUploadSelected:r,id:o,placeholderIcon:i,placeholder:s,style:d})=>{const[c,u]=e.useState(!1),m=()=>u(!c),g=e.useRef(n.map((e=>"upload"===e.type&&Y.default.createElement("input",{id:"uploader-dropdown-input-"+o+"-"+e.value,key:"uploader-dropdown-input-"+o+"-"+e.value,accept:e.fileAcceptedType,multiple:e.multiple,type:"file",style:{display:"none"},onChange:e=>{console.log("change"),r(e.target.files)}}))));return Y.default.createElement(a.StyledDropdown,{className:t,"data-dropdown-open":!!c,id:o,"data-has-icons":!0,style:d,onBlur:()=>u(!1),tabIndex:0},Y.default.createElement(ge,null),Y.default.createElement(a.StyledDropdownName,{onClick:m},i\|\|Y.default.createElement(pe,null)," ",Y.default.createElement("span",null,l&&l.value?l.label:s)),c&&Y.default.createElement(a.StyledDropdownList,{onClick:m,"data-has-icons":!0},n.map((e=>Y.default.createElement(a.StyledDropdownOption,{key:`${o}-${e.value}`,"data-selected":l&&l.value===e.value\|\|void 0,onClick:()=>{return"upload"===e.type?(a="#uploader-dropdown-input-"+o+"-"+e.value,void(null===(l=document.querySelector(a))\|\|void 0===l\|\|l.click())):void((t=e.url)&&window.open(t,"_blank"));var t,a,l}},Y.default.createElement(a.StyledIcon,null,e.icon\|\|"download"===e.type?Y.default.createElement(fe,null):Y.default.createElement(he,null)),e.label)))),Y.default.createElement(Y.default.Fragment,null,g.current))},exports.FixedBottomAdBlock=({className:t,adUnitPath:a,divId:l,isMobile:n,contentId:r,customTargetings:o,locale:i,isMarryBaby:s})=>{const[d,u]=e.useState(!0),[m,g]=e.useState(!1),[p,f]=e.useState(!0),h=e.useRef(null),v=e.useRef(F.v4()),E=e.useRef(null),y=e.useRef(),b=e.useRef();return e.useEffect((()=>{const e=()=>{b.current&&clearTimeout(b.current),b.current=setTimeout((()=>{var t;document.getElementById("subot--container")?u(!0):(u(!1),(null===(t=h.current)\|\|void 0===t?void 0:t.clientHeight)?f(!1):f(!0)),e()}),4e3)};return e(),()=>{y.current&&clearTimeout(y.current),b.current&&clearTimeout(b.current)}}),[]),d\|\|m?null:Y.default.createElement(c.StyledFixedAdBlock,{key:n?"mobile":"desktop",ref:E,className:t,"data-visible":!p},a&&Y.default.createElement(c.AdBlock,{wrapperProps:{m:0},ref:h,adUnitPath:a,size:n?[[320,50],[320,100]]:[728,90],divId:(l\|\|"div-gpt-ad-sticky")+(n?"-mobile":"")+r+String(v.current),pos:["Sticky"],contentId:r,hideIfHasSubot:n,customTargetings:o,adDefaultSize:n?[320,50]:[728,90],showCloseBtn:!0,onCloseAd:()=>g(!0),refreshInterval:60,locale:i,isMarryBaby:s}))},exports.FloatButtonGroup=({items:t,className:a,style:l,backgroundPanelStyle:n,isOpen:r,onOpen:o,onClose:i,disableBackdropClick:s,siteType:d="hb",animationType:u="zoom",zIndex:m=300})=>{const[g,p]=e.useState(!!r);e.useEffect((()=>{p(!!r)}),[r]);const f=()=>{p(!1),i&&i()};return Y.default.createElement(c.StyledFloatButtonGroup,{style:l,className:a,"data-floatmenu-open":g,"data-site-type":d,"data-animation-type":u},Y.default.createElement(c.StyledFloatButtonGroupBackgroundPanel,{className:"float-button-group__panel",style:Object.assign({zIndex:m},n),onClick:s?void 0:f}),Y.default.createElement(c.StyledFloatButtonGroupContent,{className:"float-button-group___content",style:{zIndex:m}},Y.default.createElement(c.StyledFloatButtonGroupItemsWrapper,null,t.map(((e,a)=>Y.default.createElement(c.StyledFloatButtonGroupButton,{className:`float-item-button-${a}`,style:Object.assign(Object.assign({},"zoom"===u&&{bottom:64(t.length-1-a),transitionDelay:c.TRANSITION_TIMING/t.length(g?t.length-1-a:a)+"ms"}),"slide"===u&&{bottom:64(t.length-1-a),transitionDelay:c.TRANSITION_TIMING/t.length(g?a:t.length-1-a)+"ms"}),key:a,onClick:()=>{e.onClick(),e.keepMenuOnClick\|\|p(!1)}},Y.default.createElement(c.StyledFloatButtonGroupButtonLabel,{style:Object.assign({},"zoom"===u&&{transitionDelay:c.TRANSITION_TIMING/t.length(g?t.length-1-a:a)+"ms"})},e.label),Y.default.createElement(c.StyledFloatButtonGroupButtonIcon,{className:"float-item-button__icon-wrapper",style:Object.assign({},("zoom"===u\|\|"slide"===u)&&{transitionDelay:c.TRANSITION_TIMING/t.length(g?t.length-1-a:a)+"ms"})},e.icon))))),Y.default.createElement(c.StyledFloatButtonGroupToggleIcon,{onClick:g?f:()=>{p(!0),o&&o()}})))},exports.GenderOptionControl=Se,exports.Grid=({className:e,columns:t,columnsDesktop:a,gridTemplateColumns:l,gridTemplateColumnsDesktop:n,gap:r,children:o,justifyChildren:i,style:s,alignItems:d})=>Y.default.createElement(ve,{className:e,style:Object.assign({"--columns-count":t,"--columns-count-desktop":a,"--grid-template-columns":l,"--grid-template-columns-desktop":n,"--justify-children":i,"--grid-gap":r,"--align-items":d},s)},o),exports.IconText=({size:e,iconPosition:t,className:a,children:l,icon:n})=>Y.default.createElement(c.StyledIconText,{className:a,"data-size":e,"data-icon-position":t},"left"===t&&n,l,"right"===t&&n),exports.NavHeader=Mt,exports.OvulationCardEmbed=({onSubmitOvulation:e,locale:t,ovulationPageInfo:a,expertUrl:l,isSide:n=!1,siteType:r,isMobile:o})=>{var u;const{t:m}=i.useTranslations();return Y.default.createElement(c.StyledContainer,{"data-is-side":n,"data-site":r},Y.default.createElement(c.ToolsBannerCard,{isSide:n,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:m("healthTools.ovulationCalculator"),medicalReview:{link:l,reviewer:null===(u=null==a?void 0:a.reviewed_by)\|\|void 0===u?void 0:u.display_name,date:null==a?void 0:a.reviewed_date},isMobile:o}),Y.default.createElement(c.StyledContent,{onSubmit:e=>e.preventDefault(),className:"ovulation-cal","data-is-side":n},Y.default.createElement(c.OvulationCalculator,{siteType:r,locale:t,onSubmitOvulation:e,isSide:n})))},exports.PWGCardEmbed=({locale:l,onClick:n,inputErrorMessage:o,pwgContent:u,onFormChange:m,info:g,isMobile:f,isSide:h=!1,siteType:v})=>{var E;const{t:y}=i.useTranslations(),[b,C]=e.useState("notwins"),[k,w]=e.useState({label:"1",value:1}),S=e.useMemo((()=>[...Array(40)].map(((e,t)=>({label:`${t+1}`,value:`${t+1}`})))),[]),{getHealthToolLink:x}=L.useHealthToolsCache(l),T=e.useMemo((()=>x(a.HEALTH_TOOL_TYPE.PWG)),[x]);return Y.default.createElement(c.StyledContainer,{"data-is-side":h,"data-site":v},Y.default.createElement(c.ToolsBannerCard,{siteType:v,bannerColor:"marryBaby"===v&&d.theme.mbColors.mint,isEmbeded:!0,color:"pink",icon:Y.default.createElement("img",{alt:"health-tool-icon",src:(null==u?void 0:u.featuredImage)\|\|s.CommonGAssets.getAssetPath("health-tools/pwg-icon.svg"),loading:"lazy"}),heading:y("pregnancyWeightGain.heading"),medicalReview:{link:P.formatUserProfileUrl(null==u?void 0:u.reviewedBy),reviewer:null===(E=null==u?void 0:u.reviewedBy)\|\|void 0===E?void 0:E.display_name,date:null==u?void 0:u.reviewedDate},isMobile:f,isSide:h}),Y.default.createElement(N.Container,null,Y.default.createElement(c.StyledContent,{onSubmit:e=>e.preventDefault(),className:"pwg-view-mobile","data-is-side":h},"marryBaby"!==v&&Y.default.createElement(c.StyledTwins,{className:"hide-asking-mobile","data-is-side":h},Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",style:{display:"block",color:d.theme.colors.gray600},className:"label"},y("pregnancyWeightGain.havingTwins")),Y.default.createElement(c.StyledRadioGroup,{options:[{value:"twins",label:y("switchBtn.yes")},{value:"notwins",label:y("switchBtn.no")}],value:b,onChange:e=>C(e),className:"gender-selector",id:"twins-check",direction:"horizontal",size:"small"})),Y.default.createElement(c.StyledInputWrapper,null,Y.default.createElement(c.StyledFormInput,{className:"input-section input-form-pwg","data-is-side":h},"marryBaby"===v?Y.default.createElement(c.StyledDropDown,{groupedWithLabel:y("pregnancyWeightGain.weekInput"),options:S,placeholder:"28 days",id:"due-date-dropdown",size:"lg",value:k,onChange:e=>w({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}},y("pregnancyWeightGain.weekInput")),Y.default.createElement(B.Dropdown,{options:S,placeholder:String(k.label),id:"weight-gain-dropdown",size:"md",value:k,onChange:e=>w({label:e.label,value:e.value})}))),Y.default.createElement(qe,{siteType:v,info:g,errorMessage:o,onChange:m})),"marryBaby"!==v&&Y.default.createElement(c.StyledTwins,{className:"hide-asking-desk","data-is-side":h},Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",style:{display:"block",color:d.theme.colors.gray600},className:"label"},y("pregnancyWeightGain.havingTwins")),Y.default.createElement(c.StyledRadioGroup,{options:[{value:"twins",label:y("switchBtn.yes")},{value:"notwins",label:y("switchBtn.no")}],value:b,onChange:e=>C(e),className:"gender-selector",id:"twins-check-mobile",direction:"horizontal",size:"small"})),"marryBaby"===v&&Y.default.createElement(be,{name:"twins",label:y("pregnancyWeightGain.havingTwins"),checked:"twins"===b,siteType:"marryBaby",onChange:()=>{C("twins"===b?"notwins":"twins")},value:"twins"}),Y.default.createElement(c.StyledSubmitButton,{"data-is-side":h,"data-site":v},Y.default.createElement(r.Button,{dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${p.domainLocales["marryBaby"===v?"vi-VN_MB":l]}/${T}`,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===v?"secondary":"primary",onClick:()=>n(b,k.value),role:"button"},y("dueDatePage.lastPeriod.calculate"))))))},exports.Pagination=({className:t,pagesAmount:l,currentPage:r,onChange:o,onClick:i,style:s,href:d,queryPageName:c="page"})=>{const u=[...Array(l)].map(((e,t)=>t+1)),[m,g]=e.useState(r),p=e.useMemo((()=>d&&d.endsWith("&page=")?d.replace("&page=",""):d),[d]),f=l-1,h=e=>{e<=l&&e>0&&(g(e),o(e))},v=e=>{i&&i(e)};return e.useEffect((()=>{g(r)}),[r]),Y.default.createElement(a.StyledPagination,{className:t,style:s},Y.default.createElement(a.StyledPageBlock,{className:"prev-page",onClick:()=>h(m-1),"data-last-page":1===m\|\|void 0},p?Y.default.createElement("a",{href:n.formatUrlWithPageParam(p,m,c),onClick:v},Y.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},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"},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(Ee,{pagesAmount:l,activePage:m,handlePageChange:h,handleClick:v,href:p,queryPageName:c}):u.map((e=>Y.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===m\|\|void 0,onClick:()=>h(e)},p?Y.default.createElement("a",{href:n.formatUrlWithPageParam(p,e,c),onClick:v},e):e))),Y.default.createElement(a.StyledPageBlock,{className:"next-page",onClick:()=>h(m+1),"data-last-page":m===f+1\|\|void 0},p?Y.default.createElement("a",{href:n.formatUrlWithPageParam(p,m,c),onClick:v},Y.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},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"},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:l,labelPrefix:n,detailSteps:r,className:o,onChange:i})=>{const[s,d]=e.useState(0),m=e=>{var{trackClassName:t}=e,a=u.__rest(e,["trackClassName"]);return Y.default.createElement(c.StyledTrackContainer,Object.assign({},a,{className:t}),Y.default.createElement(c.StyledTrack,null))},g=Y.default.createElement(c.StyledSlider,{className:o+" progress-bar"},Y.default.createElement(m,null),Y.default.createElement((({trackLength:e,activeStep:t,labelPrefix:l="Step",onChange:n})=>Y.default.createElement(Y.default.Fragment,null,Array.from({length:a},((e,t)=>t)).map(((r,o)=>Y.default.createElement(c.StyledStep,{"data-is-active":o===t,"data-label":o,style:{left:oe/(a-1)},onClick:()=>{n&&n(o)},key:o},o+1,Y.default.createElement(c.StyledStepLabel,{"data-step-passed":o<=t},l+" "+(o+1))))))),{trackLength:s,activeStep:l,labelPrefix:n,onChange:i})),p=Y.default.createElement("svg",{"data-name":"Layer 1",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})),f=Y.default.createElement(c.StyledBreadcrumbContainer,null,r&&Array.from({length:r.length},((e,t)=>t)).map(((e,t)=>{var a;return Y.default.createElement(c.StyledBreadcrumbWrapper,{key:t,"data-selected":t===l,onClick:()=>{i&&i(t)}},null===(a=r[t])\|\|void 0===a?void 0:a.text," ",t<r.length-1&&p)}))),h=Y.default.createElement(c.StyledSlider,{className:o+" 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(((l,n)=>Y.default.createElement(c.StyledDetailStep,{key:n,style:{left:100/e.lengthn+"%",width:100/e.length+"%"},onClick:()=>{a&&a(n)}},e[n].icon?Y.default.createElement(c.StyledDetailStepIndicatorExternal,{onClick:()=>{a&&a(n)}},e[n].icon):Y.default.createElement(c.StyledDetailStepIndicator,{"data-is-active":n===t,"data-label":l,onClick:()=>{a&&a(n)},key:n},n+1),Y.default.createElement(c.StyledDetailStepLabel,{"data-step-passed":n<t+1},e[n].text,Y.default.createElement(c.StyledDetailStepDescription,null,e[n].description)),n<e.length-1&&Y.default.createElement(m,{"data-step-passed":n<t,trackClassName:"progress-track","data-track-type":"detail"})))))),{activeStep:l,detailSteps:r,onChange:i})),v=e.useCallback(X.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",v,{passive:!0}),()=>{window.removeEventListener("resize",v)}}),[]),"step-track"===t&&g\|\|"breadcrumb"===t&&f\|\|"detail-track"===t&&h},exports.Radio=({size:e="small",label:t,name:a,checked:l,value:n,className:o,isDisabled:i=!1,onChange:s,dataEventCategory:d,dataEventAction:c,dataEventLabel:u})=>{const m=!!c&&!!d&&!!u?{"data-event-category":d,"data-event-action":c,"data-event-label":u}:{};return Y.default.createElement(r.Radio,Object.assign({size:"small"===e?"md":"lg",label:t,name:a,checked:l,value:n,className:o,disabled:i,onChange:e=>null==s?void 0:s(e.target.value)},m))},exports.RateStars=({gap:t=2,size:l=24,star:n,totalStars:r=5,onSelect:o,hideEmptyStars:i,style:s,className:d})=>{const c=Math.floor(n),u=n-c>=.5?1:0,[m,g]=e.useState(null),p=m\|\|c,f=m?0:u;return Y.default.createElement(a.StyledRateStars,{"data-selectable":!!o,style:Object.assign({"--gap":t,"--star-size":l},s),className:d},Array.from({length:i?c+u:r}).map(((e,t)=>{const a=()=>!!o&&g(t+1),l=()=>!!o&&g(null);return t+1<=p?Y.default.createElement(ke,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l}):t+1===p+f?Y.default.createElement(we,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l}):Y.default.createElement(Ce,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l})})))},exports.ScrollList=({row:t=2,column:a=3,isDotsShown:l=!0,isImageGalleryShown:n=!1,mode:r="infinity",type:o="separated",distanceOverlappedLeft:i={amount:0,unit:"pixel"},children:s,className:d,isProgressShown:u=!1,statusChildren:m,isArrowShown:g=!1,classNameLeftArrow:p,classNameRightArrow:f,dataEventCategory:h,dataEventAction:v,dataEventLabel:E,onChangePage:y,page:b,customPageWidth:C,scheme:k="hellosites",arrowType:w="Discover"})=>{const S="number"==typeof b,[x,T]=e.useState(S?b:0),B=[];Y.default.Children.map(s,((e,l)=>{l%(ta)==0&&B.push([]),B[B.length-1].push(Y.default.cloneElement(e))}));const N=e.useRef(),A=e.useRef(0),L=e=>{if(!N.current)return;const{clientWidth:t}=N.current,a=C\|\|t,l="intertwined"===o?"percentage"===i.unit?ea+i.amount/100ae:ea+i.amountae:ea;N.current.scrollTo({top:0,left:l,behavior:"smooth"}),A.current=e,T(e),y&&y(e)};e.useEffect((()=>{"number"==typeof b&&(e=>{if(!N.current)return;const{clientWidth:t}=N.current,a=C\|\|t,l="intertwined"===o?"percentage"===i.unit?ea+i.amount/100ae:ea+i.amountae:ea;N.current.scrollTo({top:0,left:l,behavior:"smooth"}),A.current=e,T(e)})(b)}),[b]);const P=e=>{if(!N.current)return;const{clientWidth:t}=N.current,a=C\|\|t;let l;l=0===x?0:xa,"forward"===e&&(l===a(B.length-1)?(T(B.length-1),l=a(B.length-1),y&&y(B.length-1)):(T(x+1),l+=a,y&&y(x+1)),N.current.scrollTo({top:0,left:l,behavior:"smooth"})),"back"===e&&(0===l?(T(0),y&&y(0),l=0):(T(x-1),y&&y(x-1),l-=a),N.current.scrollTo({top:0,left:l,behavior:"smooth"}))},I=X.default((()=>{if("infinity"===r){if(!N.current)return;const{clientWidth:e,scrollLeft:t}=N.current,a=C\|\|e,l=Math.floor(t/a);T(l),y&&y(l)}}),400);return e.useEffect((()=>{if("snapped"===r){let e,t,a,l,n,r,s=!1;const d=N.current,c=(r,o)=>{s=!0,a=!1,l=!1,e=r-d.offsetLeft,t=o-d.offsetTop,n=d.scrollLeft},u=e=>{c(e.pageX,e.pageY)},m=e=>{c(e.touches[0].pageX,e.touches[0].pageY)},g=()=>{if(s=!1,a=!1,l=!1,!N.current)return;const{clientWidth:e}=N.current,t=C\|\|e,n="ltr"===r?0!==A.current?A.current-1:A.current:"rtl"===r&&A.current<B.length-1?A.current+1:A.current,d="intertwined"===o?"percentage"===i.unit?nt+i.amount/100tn:nt+i.amounttn:nt;N.current.scrollTo({top:0,left:d,behavior:"smooth"}),r="none",A.current!==n&&(A.current=n,T(n),y&&y(n))},p=(o,i)=>{if(!s)return;const c=o-d.offsetLeft,u=i-d.offsetTop,m=c-e,g=u-t;a\|\|l\|\|!(g>20\|\|g<-20)\|\|(a=!0),!a&&(m>20\|\|m<-20)&&(l=!0,d.scrollLeft=n-m,m>0&&(r="ltr"),m<0&&(r="rtl"),0===m&&(r="none"))},f=e=>{l&&e.preventDefault(),p(e.pageX,e.pageY)},h=e=>{l&&e.preventDefault(),p(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",g,{passive:!0}),window.addEventListener("touchend",g,{passive:!0}),null==d\|\|d.addEventListener("mousemove",f,{passive:!0}),null==d\|\|d.addEventListener("touchmove",h,{passive:!0}),()=>{null==d\|\|d.removeEventListener("mousedown",u),null==d\|\|d.removeEventListener("touchstart",m),window.removeEventListener("mouseup",g),window.removeEventListener("touchend",g),null==d\|\|d.removeEventListener("mousemove",f),null==d\|\|d.removeEventListener("touchmove",h)}}}),[]),Y.default.createElement(c.StyledScrollList,{className:d,"data-row":t,onScroll:I},g&&x>0&&Y.default.createElement("div",{className:`${p} arrow-left`,onClick:()=>P("back"),"data-event-category":h,"data-event-action":v,"data-event-label":E},"Care"===w?Y.default.createElement("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"},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"===k?"#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"===k?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),Y.default.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===k?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),Y.default.createElement("div",{ref:N,className:"container",style:{overflowX:"snapped"===r\|\|g?"hidden":"scroll"}},B.map(((e,l)=>{let n=0;for(let e=0;e<l;e++)n+=B[e].length;return Y.default.createElement("div",{key:l,className:"section",style:{marginLeft:"intertwined"===o&&0!==l?i.amount+""+("percentage"===i.unit?"%":"px"):"0px"}},1===t&&u&&Y.default.createElement("div",{className:"progress-bar",style:{gridTemplateColumns:`repeat(${a}, 1fr)`}},e.map(((t,a)=>{const r=n+a,o=m.find((e=>e.index===r));return Y.default.createElement("div",{className:"items-progress",key:a},0===a&&0===l?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(_e,{status:null==o?void 0:o.status})),l===B.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":l,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))))))}))),g&&x<B.length-1&&Y.default.createElement("div",{className:`${f} arrow-right`,onClick:()=>P("forward"),"data-event-category":h,"data-event-action":v,"data-event-label":E}," ","Care"===w?Y.default.createElement("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"},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"===k?"#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"===k?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),Y.default.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===k?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),l&&Y.default.createElement("ul",{className:"bullet-nav"},B.map(((e,t)=>Y.default.createElement("li",{key:t,className:"bullet-nav__item "},Y.default.createElement("p",{onClick:()=>L(t),className:`bullet-nav__link scroll ${x==t?"active":null}`,"data-scheme":k}))))),n&&Y.default.createElement("div",{className:"image-gallery-wrapper","data-test":B.length},B.slice(0,3).map(((e,t)=>Y.default.createElement("div",{className:`image-block ${x==t?"active":null}`,key:t,onClick:()=>L(t),"data-scheme":k},e)))))},exports.SeoHead=({SEOData:t={},locale:a="vi-VN",routerPathname:l,routerQuery:n,nextHead:r,siteType:o,seoCustom:i,userId:s,forcedCanonicalUrl:d})=>{var c,u,m,g,f,h,E,y,b,C,k,w;const{totalPages:S,currentPage:x,SEOTitle:T="",SEODescription:B="",SEOImage:N,seoType:A,SEOImageWidth:L,SEOImageHeight:P,customMetaData:I=[],isIndexable:M=!0,hasNoCanonical:D=!1}=t,O=M&&v.isProduction?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",{NEXT_PUBLIC_BASE_API_URL:_}=process.env;let z=t.canonicalUrl\|\|l;Object.keys(n).forEach((e=>{const t=n[e];t&&Array.isArray(t)&&(z=z.replace(`[...${e}]`,t.join("/")))}));const j=a\|\|"en-PH",F="helloSites"===o?p.domainLocales[j]:"www.marrybaby.vn",H=z.endsWith("/")?"":"/",R=e.useMemo((()=>{var e,l,n,r,o,i,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 ${x} of ${S}`,m=x&&1!==x&&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://${F}${z}${H}" />`,`<link rel="canonical" href="https://${F}${z}${H}?page=${x}" />`):t.apiMetaData;if(d=J.default(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://${F}/images/${a}.png`;d=[...d,Y.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(l=t.openGraph)\|\|void 0===l?void 0:l.image)\|\|N\|\|e\|\|""}),Y.default.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(n=t.openGraph)\|\|void 0===n?void 0:n.image)\|\|N\|\|e}),Y.default.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(r=t.openGraph)\|\|void 0===r?void 0:r.imageWidth)&&String(null===(o=t.openGraph)\|\|void 0===o?void 0:o.imageWidth)\|\|L&&String(L)\|\|"1200"}),Y.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(i=t.openGraph)\|\|void 0===i?void 0:i.imageHeight)&&String(null===(s=t.openGraph)\|\|void 0===s?void 0:s.imageHeight)\|\|P&&String(P)\|\|"630"})]}}return d}),[t.apiMetaData,t.openGraph,N,P,L,x,z,S,a,F]),G=`https://${F}/images/${a}.png`;return Y.default.createElement(r,null,Y.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===o?Y.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter:wght@400..800&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"}):"th-TH"===a?Y.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wdth,wght@62.5..100,100..900&display=swap",rel:"stylesheet"}):Y.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter:wght@400..800&display=swap",rel:"stylesheet"}),Y.default.createElement("link",{rel:"preconnect",href:_}),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:O}),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"===o?"#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:j}),Y.default.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),!R&&Y.default.createElement(Y.default.Fragment,null,"helloSites"===o?Y.default.createElement("title",null,i?T:T+" - "+(null===(c=p.LOCALE_SPECS[a])\|\|void 0===c?void 0:c.SITE_NAME)):Y.default.createElement("title",null,T),!D&&Y.default.createElement("link",{rel:"canonical",href:`https://${F}${z}`}),Y.default.createElement("meta",{name:"description",content:B\|\|(null===(u=t.openGraph)\|\|void 0===u?void 0:u.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===(m=t.openGraph)\|\|void 0===m?void 0:m.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://${F}${z}`}),Y.default.createElement("meta",{property:"og:site_name",content:`https://${F}`}),Y.default.createElement("meta",{property:"og:image",content:(null===(f=t.openGraph)\|\|void 0===f?void 0:f.image)\|\|N\|\|G\|\|""}),Y.default.createElement("meta",{property:"og:image:secure_url",content:(null===(h=t.openGraph)\|\|void 0===h?void 0:h.image)\|\|N\|\|G}),Y.default.createElement("meta",{property:"og:image:width",content:(null===(E=t.openGraph)\|\|void 0===E?void 0:E.imageWidth)&&String(null===(y=t.openGraph)\|\|void 0===y?void 0:y.imageWidth)\|\|L&&String(L)\|\|"1200"}),Y.default.createElement("meta",{property:"og:image:height",content:(null===(b=t.openGraph)\|\|void 0===b?void 0:b.imageHeight)&&String(null===(C=t.openGraph)\|\|void 0===C?void 0:C.imageHeight)\|\|P&&String(P)\|\|"630"}),Y.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),Y.default.createElement("meta",{name:"twitter:title",content:(null===(k=t.twitter)\|\|void 0===k?void 0:k.title)\|\|T}),Y.default.createElement("meta",{name:"twitter:description",content:B}),Y.default.createElement("meta",{name:"twitter:image",content:(null===(w=t.twitter)\|\|void 0===w?void 0:w.image)\|\|N})),("helloSites"===o?p.FAVICONS[j]\|\|[]:p.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)&&d?R.filter((e=>"canonical"!==e.props.name&&"canonical"!==e.props.rel)):R,d&&Y.default.createElement("link",{rel:"canonical",href:d}),!t.hasNoAmp&&"vi-VN"!==a&&Y.default.createElement("link",{rel:"amphtml",href:`https://${F}${z}${H}?amp=1`}),s&&"undefined"!=typeof window?Y.default.createElement("script",{dangerouslySetInnerHTML:{__html:`window.dataLayer = window.dataLayer \|\| []; window.dataLayer.push({'userID': '${s}'});`}}):null)},exports.ShareContainer=({url:a,onCopied:l,locale:n,siteType:r})=>{const{t:o}=i.useTranslations(),s=j.getSocialList(a\|\|"").filter((e=>!e.allowedLocales\|\|e.allowedLocales.includes(n))),m=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return Y.default.createElement(c.StyledShareContainer,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":m},e.icon))),Y.default.createElement(z.Button,{theme:r,size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:Y.default.createElement(tt,null),onClick:()=>u.__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==l\|\|l()})),"data-event-category":"Health Tool","data-event-action":"Copy Link","data-event-label":m})))},exports.ShareDrawer=a=>{var{open:l,title:n,onClose:r,onCopied:o,onShared:s,url:m,locale:g}=a,p=u.__rest(a,["open","title","onClose","onCopied","onShared","url","locale"]);const{t:f}=i.useTranslations(),h=e.useCallback((()=>u.__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(m),null==o\|\|o()}))),[m,o]),v=j.getSocialList(m\|\|"").filter((e=>!e.allowedLocales\|\|e.allowedLocales.includes(g)));return e.useEffect((()=>{l&&navigator.share&&navigator.share({title:null!=n?n:"Read This Post",url:m}).then((()=>{null==s\|\|s()})).catch((()=>{null==r\|\|r()}))}),[m,n,s,l]),"undefined"!=typeof navigator&&navigator.share?null:Y.default.createElement(c.StyledShareDrawer,Object.assign({title:f("share.title"),onClose:r,open:l,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},f("share.title")),Y.default.createElement("div",{className:"icon-group"},v.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},f("share.copyLink")),Y.default.createElement("div",{className:"input-group"},Y.default.createElement(w.Input,{name:"link",size:"md",value:m,isDisabled:!0}),Y.default.createElement(z.Button,{size:"md",type:"button",color:"tertiary",icon:Y.default.createElement(at,null),onClick:h})))))},exports.StatisticCard=({type:e,description:t,value:a,withIcon:l,isInACard:n,cardColor:r,className:o})=>Y.default.createElement(c.StyledStatisticContainer,{className:o,"data-size":e,"data-is-in-card":"big"===e&&n,"data-card-color":r},Y.default.createElement(c.StyledDescriptionWrapper,null,"small"===e&&Y.default.createElement(c.StyledDot,{"data-color":r}),t),Y.default.createElement(c.StyledStatisticNumberWrapper,{"data-size":e},"small"!==e&&l,a)),exports.SurveyOrPremiumBanner=({type:t,articleId:l=0,categoryIds:n=[],isMarketing:r,isSurveyType:o,hasPremiumBanner:d,currentUrl:u,isMobile:g,subcribeHealthStatus:f,setShouldAcquisitionModalOpen:h,onValueChange:v,source:E="discover",Wrapper:y})=>{const{t:b}=i.useTranslations(),{data:{userInfo:C}}=e.useContext(a.TogetherComponentGlobalContext),k=Boolean(null==C?void 0:C.id),[w,S]=e.useState(null),[x,T]=e.useState(),[B,N]=e.useState(""),[A,L]=e.useState(!1),[P,I]=e.useState(!1),M=e.useMemo((()=>c.MAPPING_CATEGORY_PREMIUM_TYPE[t]),[]),D=((e,t)=>({[c.BannerCategory.Pregnant]:{action:c.BannerAction.ShowOptionBanner,props:{heading:e("pnBanner.pregnancy.heading"),description:e("pnBanner.pregnancy.desc"),styleType:c.OptionBannerStyleType.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:m.rem(80),[e.fn.largerThan("sm")]:{minWidth:m.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:c.BannerAction.ShowTool,props:{value:c.HEALTH_TOOL_TYPE.DUE_DATE}},no:{action:c.BannerAction.ShowPremiumModal}}},[c.BannerCategory.Parenting]:{action:c.BannerAction.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:c.OptionBannerStyleType.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:c.BannerAction.ShowTool,props:{value:c.HEALTH_TOOL_TYPE.BABY_VACCINE}},teenager:{action:c.BannerAction.ShowOptionBanner,props:{styleType:c.OptionBannerStyleType.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:c.BannerAction.ShowPremiumModal},"teenager.girl":{action:c.BannerAction.ShowTool,activeTool:p.RISK_SCREENER_NAME.HPV,props:{value:p.RISK_SCREENER_NAME.HPV}},"todders\|teenager":{action:c.BannerAction.ShowOptionBanner,props:{styleType:c.OptionBannerStyleType.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:c.HEALTH_TOOL_TYPE.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:c.BannerAction.ShowOptionBanner,props:{styleType:c.OptionBannerStyleType.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:c.HEALTH_TOOL_TYPE.BABY_VACCINE,isLink:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Baby Vaccine Click",dataEventLabel:t}}]}}}}}))(b,u)[M],O=null==D?void 0:D.submitHandler,_=y\|\|m.Box,z=()=>d&&1!==(null==C?void 0:C.subscription)?Y.default.createElement(nt,null):null;return e.useEffect((()=>{k&&S({userInfo:C,preferredTopics:c.PREFER_TOPICS,healthTopics:[]})}),[k]),Y.default.createElement(c.SurveyOrPremiumBannerContext.Provider,{value:{settings:D,submitHandler:O,type:t,surveyType:M,value:B,setValue:N,isMobile:g,isLoggedIn:k,isMarketing:r,hasPremiumBanner:d,currentUrl:u,acquisitionInfo:w,categoryIds:n,subcribeHealthStatus:f,articleId:l,onValueChange:v,state:x,setState:T,handleClickOption:e=>{const t=(e=>{let t="";const a=e.split("\|");return 1===a.length?e:(Object.keys(O).map((e=>{const l=e.split("\|");if(a.length===l.length){let n=0;a.map((e=>{l.includes(String(e))&&(n+=1)})),n===a.length&&(t=e)}})),t)})(e);if(t){const a=O[t];a.action===c.BannerAction.ShowPremiumModal?d?(L(!0),T(Object.assign(Object.assign({},x),{actionParams:{hideBannerWhenClose:a.action===c.BannerAction.ShowPremiumModal}}))):(T({action:c.BannerAction.Hide}),null==v\|\|v(e)):(T(a),null==v\|\|v(e))}},showPNModal:A,setShowPNModal:L,source:E,Outside:_,isBack:P,setIsBack:I,minHeight:180,setShouldAcquisitionModalOpen:h}},void 0!==f?k?o&&D?(()=>{const e=O[(null==f?void 0:f.value)\|\|""];return(null==e?void 0:e.action)===c.BannerAction.ShowPremiumModal?z():Y.default.createElement(Tt,null)})():z():d?Y.default.createElement(nt,null):null:null)},exports.SurveyThankyouCard=({thankyou:e,thankyouSubtitle:l,className:n,style:r})=>Y.default.createElement(c.StyledSurveyQuestionCard,{className:n,style:r},Y.default.createElement("div",{className:"survey-inner-wrapper"},Y.default.createElement(c.StyledSurveyThankyouCard,null,Y.default.createElement("div",{className:"survey-thankyou-wrapper-inner"},Y.default.createElement("svg",{viewBox:"0 0 122 122",fill:"none",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),l&&Y.default.createElement(t.Text,{className:"survey-thankyou-subtitle",size:"p3"},l))))),exports.THRCardEmbed=({isSide:l,locale:n,thrContent:r,isMobile:o,info:u,inputErrorMessage:g,onFormChange:f,onSubmit:h})=>{var v,E,y;const{t:b}=i.useTranslations(),{getHealthToolLink:C}=L.useHealthToolsCache(n),k=e.useMemo((()=>C(a.HEALTH_TOOL_TYPE.THR)),[C]),[w,S]=e.useState(!1),[T,B]=e.useState("low_intensity"),[A,I]=e.useState("male"),[M,D]=e.useState(60),[O,_]=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}],j=[{value:"low_intensity",label:b("targetHeartRate.lowIntensity.title"),image:s.CommonGAssets.getAssetPath("/low.svg"),imageActive:s.CommonGAssets.getAssetPath("/low-active.svg"),content:b("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:b("targetHeartRate.moderateIntensity.title"),image:s.CommonGAssets.getAssetPath("/moderate.svg"),imageActive:s.CommonGAssets.getAssetPath("/moderate-active.svg"),content:b("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:b("targetHeartRate.aerobicZone.title"),image:s.CommonGAssets.getAssetPath("/aerobic.svg"),imageActive:s.CommonGAssets.getAssetPath("/aerobic-active.svg"),content:b("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:b("targetHeartRate.vigorousIntensity.title"),image:s.CommonGAssets.getAssetPath("/vigorous.svg"),imageActive:s.CommonGAssets.getAssetPath("/vigorous-active.svg"),content:b("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:b("targetHeartRate.maximumIntensity.title"),image:s.CommonGAssets.getAssetPath("/maximum.svg"),imageActive:s.CommonGAssets.getAssetPath("/maximum-active.svg"),content:b("targetHeartRate.maximumIntensity.note")}];return e.useEffect((()=>{const e=((new Date).getTime()-new Date(null==u?void 0:u.age).getTime())/1e3;S(e>=567648e3);const t=z.find((t=>e>=365t.minAge246060&&e<365t.maxAge246060))\|\|z[0];_(t),D(60)}),[null==u?void 0:u.age]),Y.default.createElement(c.StyledContainer,{"data-is-side":l},Y.default.createElement(c.ToolsBannerCard,{isSide:l,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:b("targetHearRate.heading"),medicalReview:(null===(v=null==r?void 0:r.reviewedBy)\|\|void 0===v?void 0:v.display_name)?{link:P.formatUserProfileUrl(null==r?void 0:r.reviewedBy),reviewer:null===(E=null==r?void 0:r.reviewedBy)\|\|void 0===E?void 0:E.display_name,date:null==r?void 0:r.reviewedDate}:void 0,isMobile:o}),Y.default.createElement(N.Container,null,Y.default.createElement(c.StyledContent,{className:"heart-rate-cal",onSubmit:e=>e.preventDefault(),"data-is-side":l},Y.default.createElement(c.StyledRow$1,{"data-is-side":l},Y.default.createElement(c.FormControl$1,null,Y.default.createElement(Se,{defaultValue:"male",onChange:e=>{I(e),D(60)},styles:e=>({root:!l&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:m.rem(12)}}})}))),Y.default.createElement(c.StyledRow$1,null,Y.default.createElement(Ve,{info:u,locale:n,errorMessage:g,onChange:f})),Y.default.createElement("div",{className:"slider-heart-rate"},Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600},b("targetHeartRate.heartRateInput")),Y.default.createElement("div",{className:"slider-outer-wrapper"},Y.default.createElement(x.Slider,{containerStyle:{flex:1},min:"male"===A?O.rangeMale:O.rangeFemale,max:200,step:1,value:M,withControl:!0,onChange:D}))),w&&Y.default.createElement(c.FormControl$1,null,Y.default.createElement(c.StyledActive,null,Y.default.createElement(t.Text,{size:"s4",style:{display:"inline-block",fontWeight:"bold",color:d.theme.colors.gray600,marginBottom:"9px"}},b("targetHeartRate.selectActive")),Y.default.createElement("div",{className:"card"},Y.default.createElement(We,{options:j.map((e=>({value:e.value,label:e.label,image:e.image,imageActive:e.imageActive}))),value:T,onChange:e=>{B(e)},className:"gender-selector"})),T&&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===(y=j[j.findIndex((e=>e.value==T))\|\|0])\|\|void 0===y?void 0:y.content)),!T&&Y.default.createElement("span",{style:{color:"#e64728"}},g.intensity)))),Y.default.createElement("div",{style:{display:"flex"}},Y.default.createElement(c.StyledButton$1,{size:"lg",onClick:()=>{h(A,T,[M])},dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:`https://${p.domainLocales[n]}/${k}`},b("bmi.submit")))))},exports.Tabs=({style:a,initialTab:l,tabContent:n,onChange:r,className:o,dataEventCategory:i,dataEventAction:s,dataEventLabel:d,id:u,styles:m})=>{const{classes:g,cx:p,theme:f}=c.useStyles$1(void 0,{name:"Tabs",styles:m}),[h,v]=e.useState(l\|\|0);return e.useEffect((()=>{v(l)}),[l]),Y.default.createElement("ul",{style:a,className:p(g.root,o),role:"tablist",id:u},n.map(((e,a)=>Y.default.createElement("li",{className:`${g.item} ${h===a?"active":""} ${e.className}`,"aria-selected":h===a,role:"tab",onClick:()=>{v(a),r&&r(a)},onKeyDown:e=>{"Enter"===e.key&&(v(a),r&&r(a))},key:a,"data-event-category":e.dataEventCategory\|\|i,"data-event-action":e.dataEventAction\|\|s,"data-event-label":e.dataEventLabel\|\|d,tabIndex:0,"data-testid":e.dataTestid},Y.default.createElement("div",{className:g.itemInner},e.icon&&Y.default.createElement("div",{className:g.icon},e.icon),Y.default.createElement(t.Text,{className:g.label,size:e.textSize\|\|"sm",weight:e.textType\|\|"bold",color:h===a?f.fn.primaryColor():e.textColor\|\|f.colors.gray[4],dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel},e.name))))))},exports.Tag=({type:e,children:t,style:l,isInline:n,isSquared:r=!1,className:i,isLight:s,hasMorePadding:d,isLink:c,isSelected:u,textProps:m={size:"sm"}})=>{const g=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":n\|\|void 0,style:Object.assign(Object.assign({},l),g),className:i,"data-is-selected":u\|\|void 0,"data-is-link":c\|\|void 0,tagType:e,isInline:n,tagHasMorePadding:d,tagIsLight:s,tagIsSquared:r,tagIsALink:c},Y.default.createElement(o.Text,Object.assign({},m),t))},exports.Toggle=({className:e,id:t,onChange:l,checked:n,style:r,label:o})=>Y.default.createElement(a.StyledToggle,{className:e,style:r},Y.default.createElement("input",{type:"checkbox",id:t,onChange:l,checked:n}),Y.default.createElement("label",{htmlFor:t},Y.default.createElement(a.StyledToggleIcon,null),o&&Y.default.createElement(a.StyledToggleLabel,null,o))),exports.UserProfileNavigation=({SSO_URL:t,UP_BASEPATH:a="user",themeName:l="helloSites",cardUrls:n=Bt,enableCare:r,enableTogether:o,enableEcom:d,enableMySaved:u,userInfo:m,togetherApiDomain:g,userPostsNumber:p,onClickNavigationCard:f,onClickMyProfileButton:h,onClickMenuItem:v,onClickLogout:E,isUserProfileNavigatorMenuHidden:b=!1,isMyHealthEnabled:C=!1,locale:k})=>{const{t:w}=i.useTranslations(),[S,x]=e.useState(p\|\|0),T="marryBaby"===l;e.useEffect((()=>{if(m&&void 0===p){const e=U.getCookie("hhg_user_token");e&&fetch(q.normalizeLinkSlash(y.getTogetherUserPostsApiPath(k,T,g)),{headers:{Authorization:`Bearer ${e}`}}).then((e=>e.json())).then((e=>{var t,a,l;1===(null==e?void 0:e.status)&&(null===(t=null==e?void 0:e.data)\|\|void 0===t?void 0:t.pagination)&&x((null===(l=null===(a=null==e?void 0:e.data)\|\|void 0===a?void 0:a.pagination)\|\|void 0===l?void 0:l.total_items)\|\|0)})).catch((e=>console.error("Error fetching post number",e)))}}),[k,null!==m,p,g,T]);const B=e.useMemo((()=>{let e;return e=T?["myHealth","myCommunity","mySaved"]:["myHealth","mySaved","myBooking","myCommunity","eCom"],e.filter((e=>"myBooking"===e?r:"myCommunity"===e?o:"myHealth"===e?C:"eCom"===e?d:"mySaved"!==e\|\|u))}),[T,C]),N=e.useMemo((()=>"marryBaby"===l?null:Y.default.createElement(z.Button,{color:"tertiary",icon:Y.default.createElement("img",{src:s.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-logOut.svg"),width:15,height:15,loading:"lazy"}),size:"md",onClick:E,className:Vt},w("userProfile.nav.menu.logout"))),[l]),A=e=>{e.startsWith("http")\|\|e.startsWith("/")?window.location.href=q.normalizeLink(e):t&&(window.location.href=q.normalizeLink(`${t}${a}/${e}`))},L=e=>{const t=n[e];f?f(t):A(t)};return m?Y.default.createElement("div",{className:Gt,"data-theme":l},Y.default.createElement(Mt,{userInfo:m,themeName:l,onClickMyProfileButton:()=>{h?h():A("profile")}}),Y.default.createElement(Jt,{themeName:l,rank:"member",numberOfPosts:S}),Y.default.createElement("div",{className:$t},B.map((e=>Y.default.createElement(c.NavigationCard,{className:Wt,key:e,themeName:l,type:e,onClick:L})))),!b&&Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(Ht,{themeName:l,locale:k,onClickItem:e=>{"logout"===e.link&&E?E():e.link&&!e.subMenu&&(v?v(e.link):A(e.link))}}),N)):null},exports.UserStats=Jt,exports.index=Oe,exports.index$1=ze;
1	+ "use strict";var e=require("react"),t=require("./index-70fc6801.js"),a=require("./index.styles-eee657e0.js"),l=require("@linaria/react"),n=require("./screenSizeContext-478cce5e.js"),r=require("./index-8a4e8200.js"),o=require("./index-b983594e.js"),i=require("./useTranslations-2e112ad4.js"),s=require("./gAssets.js"),d=require("./theme-1481c80b.js"),c=require("./index-dd161fb0.js"),u=require("./tslib.es6-524ea691.js"),m=require("@mantine/core"),g=require("innertext");require("@mantine/dates");var p=require("./index-511b99c0.js"),f=require("./Subot-b76ccc9c.js"),h=require("dayjs");require("styled-components");var v=require("./isProduction-fa856154.js");require("./translationsContext-e83c75a5.js"),require("string-format");var E=require("@mantine/hooks"),y=require("./index-e4732cde.js"),b=require("lodash/throttle"),C=require("html-react-parser"),k=require("date-fns"),w=require("./index-1cc9c0e2.js");require("./utils-6f3d330e.js"),require("./index.styled-95722c0d.js"),require("./index-ff51ac26.js"),require("./constants-82348c13.js"),require("lodash/debounce"),require("./useCategory-15d34903.js");var S=require("./types-5ceae17e.js"),x=require("./index-566d616e.js"),T=require("./index-2744bd7d.js"),B=require("./index.styled-edaa5fca.js"),N=require("./index-0251e5f0.js"),A=require("react-hook-form"),L=require("./useHealthToolCache-af770568.js"),P=require("./index-505a6231.js"),I=require("./useOutsideClick-abc52969.js"),M=require("date-fns/locale/en-US"),D=require("date-fns/locale/id"),O=require("date-fns/locale/vi"),_=require("date-fns/locale/zh-TW"),z=require("./index-f20a3b0b.js"),j=require("./getSocialList-55a29d3a.js"),F=require("uuid"),H=require("./routing-d19d8856.js"),R=require("@mantine/form"),G=require("./index-557f79d9.js"),$=require("js-cookie"),W=require("lodash/flatten");require("react-contenteditable"),require("react-dom");var V=require("lodash/uniqBy"),U=require("./cookieHelper-edf24fec.js"),q=require("./normalizeLink-b898d874.js");function Z(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var Y=Z(e),K=Z(g),Q=Z(h),X=Z(b),J=Z(C),ee=Z(M),te=Z(D),ae=Z(O),le=Z(_),ne=Z($),re=Z(W),oe=Z(V),ie="CHw-fZZ",se="_03U6VRS",de="EO828Vv";const ce=l.styled("div")({name:"StyledAvatar",class:"s1ycw1o8",propsAsIs:!1}),ue={xs:28,small:32,medium:40,large:48,xl:64,xxl:80,xxxl:96},me=({type:t="square",size:a,avatarImg:l,avatarUrl:n,firstLetter:o,backgroundColor:i,onClick:s,style:d,className:c,width:u,height:m,alt:g})=>{const p=a?ue[a]:void 0,[f,h]=e.useState(!1);e.useEffect((()=>{if(n){const e=document.createElement("img");e.setAttribute("src",n),e.addEventListener("error",(()=>{h(!0)}))}}),[n,h]);const v=(!n&&!l\|\|f)&&o;return Y.default.createElement(ce,{style:Object.assign(Object.assign({},d),{"--size":p?p+"px":void 0,"--width-prop":u?u+"px":void 0,"--height-prop":m?m+"px":void 0,"--background-color":i}),"data-has-max":!(!u\|\|!m),"data-avatar-type":t,onClick:s,className:c,avatarUrl:n,"data-custom-size":!!a},l,n&&!f&&Y.default.createElement(r.ImageWrap,{src:n,alt:g\|\|"avatar"}),v&&o)},ge=()=>Y.default.createElement("style",null,".file-dropdown-path{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}"),pe=()=>Y.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",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("title",null,"File"),Y.default.createElement("g",{clipPath:"url(#prefix__clip-path)"},Y.default.createElement("path",{className:"file-dropdown-path",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:"file-dropdown-path",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),fe=()=>Y.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},Y.default.createElement("title",null,"download"),Y.default.createElement("path",{className:"file-dropdown-path",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)"})),he=()=>Y.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},Y.default.createElement("title",null,"upload"),Y.default.createElement("path",{className:"file-dropdown-path",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)"})),ve=l.styled("div")({name:"StyledGrid",class:"s1n3ff5p",propsAsIs:!1}),Ee=({pagesAmount:t,activePage:l,handlePageChange:r,handleClick:o,href:i,queryPageName:s="page"})=>{const d=[...Array(t)].map(((e,t)=>t+1)),[c,u]=e.useState(l<=4?d.slice(0,5):l>=d.length-3?d.slice(d.length-5,d.length):d.slice(l-2,l+1));return e.useEffect((()=>{l<=4?u(d.slice(0,5)):l>=d.length-3?u(d.slice(d.length-5,d.length)):u(d.slice(l-2,l+1))}),[l]),Y.default.createElement(e.Fragment,null,l>4&&Y.default.createElement(e.Fragment,null,Y.default.createElement(a.StyledPaginationBlock,{onClick:()=>r(1)},i?Y.default.createElement("a",{href:i,onClick:o},1):1),Y.default.createElement(a.StyledPaginationBlock,null,"...")),c.map((e=>Y.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===l\|\|void 0,onClick:()=>r(e)},i?Y.default.createElement("a",{href:n.formatUrlWithPageParam(i,e,s),onClick:o},e):e))),l<d.length-3&&Y.default.createElement(e.Fragment,null,Y.default.createElement(a.StyledPaginationBlock,null,"..."),Y.default.createElement(a.StyledPaginationBlock,{onClick:()=>r(d.length)},i?Y.default.createElement("a",{href:n.formatUrlWithPageParam(i,d.length,s),onClick:o},d.length):d.length)))},ye=l.styled("div")({name:"StyledCheckbox",class:"s1apa94",propsAsIs:!1}),be=({label:e,name:t,checked:a,className:l,isDisabled:n,onChange:r,value:o,isRectangle:i,inputDataTestId:s,siteType:d})=>Y.default.createElement(ye,{className:l,"data-disabled":n\|\|void 0,"data-is-rectangle":i\|\|void 0,"data-label-text":e,"data-theme":d},Y.default.createElement("input",{type:"checkbox",checked:a,name:t,onChange:()=>r(o,!a),disabled:n,value:o,id:`${t}-${o}`,"data-label-text":e,"data-testid":s}),!i&&Y.default.createElement("label",{htmlFor:`${t}-${o}`},e)),Ce=e=>Y.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 32 32",fill:"none"}),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"})),ke=e=>Y.default.createElement("svg",Object.assign({},e,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"}),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"})),we=e=>{const t=i.useUniqueId();return Y.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 24 24",fill:"none"}),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"})))},Se=l=>{var{label:n,availableValue:r,styles:o,isBaby:d,genderValue:c={male:"male",female:"female"}}=l,g=u.__rest(l,["label","availableValue","styles","isBaby","genderValue"]);const{t:p}=i.useTranslations(),{classes:f,cx:h}=a.useStyles(void 0,{name:"GenderOptionControl",styles:o}),[v,E]=e.useState(),y=e.useRef(null),b=e.useMemo((()=>[{value:c.male,label:p(d?"gender.boy":"gender.male"),icon:s.CommonGAssets.getAssetPath(d?"health-tools/boy-icon.svg":"health-tools/male-icon.svg")},{value:c.female,label:p(d?"gender.girl":"gender.female"),icon:s.CommonGAssets.getAssetPath(d?"health-tools/girl-icon.svg":"health-tools/female-icon.svg")}]),[]);return e.useEffect((()=>{E(r)}),[r]),Y.default.createElement(m.Box,{ref:y,className:f.root},Y.default.createElement(m.Radio.Group,Object.assign({className:"radio-group",label:Y.default.createElement(t.Text,{as:"label",size:"s4",weight:"semiBold"},n\|\|p(d?"tools.selectBabyGender":"tools.selectGender")),size:"lg"},g,{classNames:{error:f.groupErr}}),Y.default.createElement(m.Flex,{className:h(f.wrapper)},b.map((e=>Y.default.createElement(m.Radio,Object.assign({className:"gender-item",classNames:{root:f.itemRoot,labelWrapper:f.itemLabelWrapper,label:f.itemLabel,inner:f.itemInner},key:e.value,value:e.value},v&&e.value!==v&&{disabled:!0},{label:Y.default.createElement(m.Flex,{gap:m.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 xe="PiqKaXk",Te="HgbW6-m",Be="_6lkfLYy",Ne="j7c-onH";const Ae=({avatarImg:e,authorName:a,authorLink:l,uploadTime:n,size:r})=>Y.default.createElement("div",{className:Ne},Y.default.createElement("div",{className:"author"},Y.default.createElement("div",{className:"avatar","data-size":r},e),Y.default.createElement("div",{className:"poster","data-is-disabled-url":!l},Y.default.createElement(t.Text,{size:"lg"===r?"p3":"p4"},Y.default.createElement("a",{href:l},Y.default.createElement("span",{className:"name"},a),"•"," "),Y.default.createElement("span",null,n))))),Le=({isMobile:e,avatarImg:l,name:n,link:r,size:o="lg",specialty:i})=>Y.default.createElement("div",{className:Ne},Y.default.createElement("div",{className:"author"},Y.default.createElement("div",{className:"expert-avatar","data-size":o},l),Y.default.createElement("div",{className:"expert","data-is-disabled-url":!r},e?Y.default.createElement("a",{href:r},"lg"===o?Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:d.theme.colors.gray600},n),Y.default.createElement(t.Text,{color:d.theme.colors.gray500,size:"p3",className:"specialty"},i)):Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:d.theme.colors.gray600},n))):Y.default.createElement("a",{href:r},"lg"===o?Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:d.theme.colors.gray600},n),Y.default.createElement(t.Text,{color:d.theme.colors.gray500,size:"p3",className:"specialty"},i)):Y.default.createElement(Y.default.Fragment,null,Y.default.createElement("h6",{color:d.theme.colors.gray600,className:`${xe} expert__name`},n),Y.default.createElement(t.Text,{color:d.theme.colors.gray500,size:"p4",className:"specialty"},i)))))),Pe=e=>{var a,l,n,{article:o,author:i,authorAvatar:s,badge:d="",hideDescription:c=!1,isBookmarked:g=!1,onBookmark:p,time:f,tracking:h}=e,v=u.__rest(e,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:E}=r.useScreenSize();return console.log({article:o}),Y.default.createElement(m.Card,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},v),Y.default.createElement(m.Card.Section,{w:"100%",h:"100%",miw:264,m:0,className:"pointer"},Y.default.createElement("img",{src:(E?o.featureImageMobile:o.featureImage)\|\|o.featureImage,alt:o.postName,style:{width:"100%"},loading:"lazy"})),Y.default.createElement(m.Card.Section,null,Y.default.createElement(m.Group,{position:"apart",mt:16,mb:4},Y.default.createElement(r.Anchor,{href:(null===(a=null==o?void 0:o.primaryCategory)\|\|void 0===a?void 0:a.permalink)\|\|"#"},Y.default.createElement(t.Text,{size:"p4",color:"blue.6"},null===(l=null==o?void 0:o.primaryCategory)\|\|void 0===l?void 0:l.displayName)),Y.default.createElement(m.Box,{sx:{cursor:"pointer"},role:"button",onClick:p},g?Y.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==h?void 0:h.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"},null==h?void 0:h.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:c?"s2":"s1",mb:8,weight:"semiBold",className:"pointer"},o.postTitle\|\|o.postName\|\|""),!c&&Y.default.createElement(t.Text,{size:"p2",mb:16,lineClamp:3,className:"pointer"},K.default(o.excerpt\|\|o.description\|\|(null===(n=o.postContent)\|\|void 0===n?void 0:n.split("\r\n")[0])\|\|"")),Y.default.createElement(m.Flex,{gap:12,align:"center"},Y.default.createElement(r.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"},i," • ",f))))},Ie=648/440,Me=1.5,De=a=>{var l,n,o,{article:i,author:s,authorAvatar:d,badge:g="",bannerImageWrapProps:p,hideDescription:f=!1,isBookmarked:h=!1,onBookmark:v,time:E,tracking:y,classNames:b,styles:C,unstyled:k,className:w}=a,S=u.__rest(a,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:x}=r.useScreenSize(),{classes:T,cx:B}=c.useStyles({},{name:"ArticleCard",classNames:b,styles:C,unstyled:k}),N=e.useMemo((()=>f?Me:Ie),[f]);return Y.default.createElement(m.Card,Object.assign({className:B(T.root,w),padding:"lg",radius:0},S),Y.default.createElement(m.Card.Section,{className:B(T.image,"pointer")},Y.default.createElement(r.AspectRatio,Object.assign({ratio:N},p),Y.default.createElement("img",{src:(x?i.featureImageMobile:i.featureImage)\|\|i.featureImage,alt:i.postName,style:{objectFit:"cover"}}))),Y.default.createElement(m.Card.Section,null,Y.default.createElement(m.Group,{position:"apart",mt:16,mb:4},Y.default.createElement(r.Anchor,{className:T.category,href:(null===(l=null==i?void 0:i.primaryCategory)\|\|void 0===l?void 0:l.permalink)\|\|"#"},Y.default.createElement(t.Text,{size:"p4",color:"blue.6"},null===(n=null==i?void 0:i.primaryCategory)\|\|void 0===n?void 0:n.displayName)),Y.default.createElement(m.Box,{sx:{cursor:"pointer"},role:"button",onClick:v},h?Y.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==y?void 0:y.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"},null==y?void 0:y.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:B(T.title,"pointer"),size:f?"s2":"s1",mb:8,weight:"semiBold"},i.postTitle\|\|i.postName\|\|""),!f&&Y.default.createElement(t.Text,{className:B(T.description,"pointer"),size:"p2",mb:16,lineClamp:3},K.default(i.excerpt\|\|i.description\|\|(null===(o=i.postContent)\|\|void 0===o?void 0:o.split("\r\n")[0])\|\|"")),Y.default.createElement(m.Flex,{className:T.author,gap:12,align:"center"},Y.default.createElement(r.Avatar,{size:32,src:d,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:Y.default.createElement("img",{loading:"lazy",src:g,alt:""})}},"A"),Y.default.createElement(t.Text,{size:"n1",c:"gray.6"},s," • ",E))))};var Oe=Object.freeze({__proto__:null,SideMenu:c.SideMenu,SideHeader:c.SideHeader,UserInfo:c.UserInfo,MenuLink:c.MenuLink});const _e=({status:e})=>"inActive"===e?Y.default.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none"},Y.default.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"})):"active"===e?Y.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none"},Y.default.createElement("circle",{cx:"6",cy:"6",r:"4",fill:"#2D87F3"}),Y.default.createElement("circle",{cx:"6",cy:"6",r:"5.5",stroke:"#2D87F3"})):"done"===e?Y.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none"},Y.default.createElement("path",{d:"M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z",fill:"#00B16A"}),Y.default.createElement("path",{d:"M8.76061 4.20029L4.80061 7.80029L3.00061 6.16392",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})):Y.default.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none"},Y.default.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"}));var ze=Object.freeze({__proto__:null,Table:c.Table,Cell:c.Cell,Head:c.Head,Row:c.Row,Body:c.Body});const je=({locale:l,onClick:n,siteType:o,pageUrl:s})=>{const{t:u}=i.useTranslations(),[m,g]=e.useState(new Date);return Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(c.StyledLastPeriodFormContainer,{className:"input-form","data-is-side":!0},"marryBaby"===o?Y.default.createElement(c.StyledTextField,{label:u("dueDatePage.conceptionDate"),name:"date",size:"md",value:c.DateToInputValue(m),CustomInput:Y.default.createElement(c.DatePicker,{onChange:e=>{g(e)},placeholder:"dd/mm/yyyy",pickedDate:m,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>Y.default.createElement(w.Input,Object.assign({className:"due-date-input",name:"birthday",size:"md"},e,{value:m&&Q.default(m).format(a.DUE_DATE_FORMAT)}))}),actionIcon:Y.default.createElement(t.Icon.CalendarMB,{size:32})}):Y.default.createElement(w.Input,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},u("dueDatePage.conceptionDate")),value:c.DateToInputValue(m),name:"date",size:"md",className:"due-date-input",CustomInput:Y.default.createElement(c.DatePicker,{customInput:e=>Y.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:c.DateToInputValue(m)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:l,pickedDate:m,displayDateFormat:S.DATE_FORMAT,onChange:e=>{g(e)},placeholder:"placeholder"})})),Y.default.createElement(r.Button,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===o?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:s,onClick:()=>{n(c.getDueDateConception(m),`${p.QUERY_HEALTH_TOOL.type}=1&sd=${k.format(m,c.API_DATE_FORMAT)}&${p.QUERY_HEALTH_TOOL.additional}= `)},role:"button"},u("dueDatePage.lastPeriod.calculate")))},Fe=({locale:l,onClick:n,siteType:o,pageUrl:s})=>{const{t:u}=i.useTranslations(),[m,g]=e.useState(new Date),[f,h]=e.useState("3");return Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(c.StyledLastPeriodFormContainer,{className:"input-form","data-is-side":!0},"marryBaby"===o?Y.default.createElement(c.StyledTextField,{label:u("dueDatePage.ivf.transferDate"),name:"date",size:"md",value:c.DateToInputValue(m),CustomInput:Y.default.createElement(c.DatePicker,{onChange:e=>{g(e)},placeholder:"dd/mm/yyyy",pickedDate:m,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>Y.default.createElement(w.Input,Object.assign({className:"due-date-input",name:"birthday",size:"md"},e,{value:m&&Q.default(m).format(a.DUE_DATE_FORMAT)}))}),actionIcon:Y.default.createElement(t.Icon.CalendarMB,{size:32})}):Y.default.createElement(w.Input,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray700,style:{marginBottom:"9px",flex:"1"}},u("dueDatePage.ivf.transferDate")),value:c.DateToInputValue(m),name:"date",size:"md",className:"due-date-input",CustomInput:Y.default.createElement(c.DatePicker,{customInput:e=>Y.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:c.DateToInputValue(m)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:l,pickedDate:m,displayDateFormat:S.DATE_FORMAT,onChange:e=>{g(e)},placeholder:"placeholder"})})),Y.default.createElement("div",{style:{width:"100%"}},Y.default.createElement(c.RadioGroup,{id:"radio-transfer-date",direction:"vertical",size:"small",value:f,onChange:e=>h(e),options:[{value:"3",label:u("dueDatePage.ivf.transferDateRadio",{number:3})},{value:"5",label:u("dueDatePage.ivf.transferDateRadio",{number:5})}]})),Y.default.createElement(r.Button,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===o?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:s,onClick:()=>{n(c.getDueDateIVF(m,Number(f)),`${p.QUERY_HEALTH_TOOL.type}=2&${p.QUERY_HEALTH_TOOL.startDate}=${k.format(m,c.API_DATE_FORMAT)}&${p.QUERY_HEALTH_TOOL.additional}=${f}`)},role:"button"},u("dueDatePage.lastPeriod.calculate")))},He=({locale:l,onClick:n,siteType:o,pageUrl:s})=>{const{t:u}=i.useTranslations(),[m,g]=e.useState(28),[f,h]=e.useState(new Date);return Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(c.StyledLastPeriodFormContainer,{className:"input-form","data-is-side":!0},"marryBaby"===o?Y.default.createElement(c.StyledTextField,{label:u("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:c.DateToInputValue(f),CustomInput:Y.default.createElement(c.DatePicker,{onChange:e=>{h(e)},placeholder:"dd/mm/yyyy",pickedDate:f,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>Y.default.createElement(w.Input,Object.assign({name:"birthday",size:"md"},e,{value:f&&Q.default(f).format(a.DUE_DATE_FORMAT)}))}),actionIcon:Y.default.createElement(t.Icon.CalendarMB,{size:32})}):Y.default.createElement(w.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"}},u("dueDatePage.lastPeriod.lastPeriodLabel")),value:c.DateToInputValue(f),name:"date",size:"md",CustomInput:Y.default.createElement(c.DatePicker,{customInput:e=>Y.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:c.DateToInputValue(f)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:l,pickedDate:f,displayDateFormat:S.DATE_FORMAT,onChange:e=>{h(e)},placeholder:"placeholder"})})),Y.default.createElement("div",{className:"slider-due-date","data-theme":"marryBaby"===o?"marryBaby":""},"marryBaby"===o?Y.default.createElement(T.MarryBabyText,{type:"bodytext-3",color:d.theme.mbColors.midGray},u("dueDatePage.lastPeriod.periodLengthLabel")):Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600,style:{marginBottom:"0.5rem"}},u("dueDatePage.lastPeriod.periodLengthLabel")),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(x.Slider,{containerStyle:{flex:1},min:20,max:40,step:1,labelAlwaysOn:"marryBaby"!==o,withControl:"marryBaby"!==o,onChange:g,value:m,label:"marryBaby"!==o?void 0:null}))),Y.default.createElement(r.Button,{dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:s,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===o?"secondary":"primary",onClick:()=>n(c.getDueDateLastPeriod(f,m),`${p.QUERY_HEALTH_TOOL.type}=0&${p.QUERY_HEALTH_TOOL.startDate}=${k.format(f,c.API_DATE_FORMAT)}&${p.QUERY_HEALTH_TOOL.additional}=${m}`),role:"button"},u("dueDatePage.lastPeriod.calculate")))},Re=({onSubmitDueDate:a,locale:l,isSide:n,siteType:r})=>{const{t:o}=i.useTranslations(),[s,u]=e.useState(c.DueDateCalculatorType.lastPeriod),m=[{value:c.DueDateCalculatorType.lastPeriod,label:o("dueDatePage.lastPeriod")},{value:c.DueDateCalculatorType.conception,label:o("dueDatePage.conceptionDate")},{value:c.DueDateCalculatorType.IVF,label:o("dueDatePage.ivf")}],g=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return Y.default.createElement(c.StyledInputWrapper,null,Y.default.createElement(c.StyledMethodContainer,{className:"input-form input-section","data-is-side":!0},"marryBaby"===r?Y.default.createElement(c.StyledDropDown,{groupedWithLabel:o("dueDatePage.calculationMethod"),options:m,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:m[s],onChange:e=>{u(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(c.StyledMethodSwitcherContainer,{"data-is-side":n},Y.default.createElement(B.Dropdown,{options:m,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"md",value:m[s],onChange:e=>{u(e.value)}})))),s===c.DueDateCalculatorType.lastPeriod?Y.default.createElement(He,{locale:l,onClick:a,isSide:n,siteType:r,pageUrl:g}):null,s===c.DueDateCalculatorType.conception?Y.default.createElement(je,{locale:l,onClick:a,isSide:n,siteType:r,pageUrl:g}):null,s===c.DueDateCalculatorType.IVF?Y.default.createElement(Fe,{locale:l,onClick:a,isSide:n,siteType:r,pageUrl:g}):null)};function Ge({weight:e,height:t}){const a=t/100,l=e;return Math.round(l/(aa)10)/10}const $e=({value:l,onChange:n,onSubmit:o,disabled:s,bmiGenerated:g,bmiUnit:f,locale:h,isSide:v})=>{var E,y,b,C;const[k,w]=e.useState(!1),{control:S,handleSubmit:x,setValue:T,watch:B}=A.useForm(),N=B(),{t:P}=i.useTranslations(),{gender:I=!1,age:M=!1,height:D=!1,weight:O=!1,objective:_=!0}=s\|\|{},{getHealthToolLink:z}=L.useHealthToolsCache(h),j=e.useMemo((()=>z(a.HEALTH_TOOL_TYPE.OVULATION)),[z]),F=e.useMemo((()=>[{value:"lose-weight",label:P("bmi.objective.loseWeight")},{value:"maintain-weight",label:P("bmi.objective.maintainWeight")},{value:"gain-weight",label:P("bmi.objective.gainWeight")}]),[]),H=()=>{w(!0)};return e.useEffect((()=>{Object.keys(l\|\|{}).forEach((e=>{T(e,null==l?void 0:l[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})}))}),[l]),e.useEffect((()=>{n&&n(N)}),[N]),Y.default.createElement(c.StyledContainer$1,null,Y.default.createElement("form",{onSubmit:x((e=>u.__awaiter(void 0,void 0,void 0,(function(){const t=f.heightConvert(e.height),a=f.weightConvert(e.weight),l={gender:e.gender,age:e.age,height:t,weight:a,bmi:Ge({height:t,weight:a})};_\|\|(l.objective=e.objective),H(),o&&o(l)}))),H)},!I&&Y.default.createElement(c.FormControl,{"data-is-side":v},Y.default.createElement(A.Controller,{name:"gender",control:S,defaultValue:"male",render:({field:{onChange:e}})=>Y.default.createElement(Se,{defaultValue:"male",onChange:t=>e(t),styles:e=>({root:!v&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:m.rem(12)}}})})})),Y.default.createElement(c.StyledRow,{"data-is-side":v},!M&&Y.default.createElement(c.FormControl,null,Y.default.createElement(A.Controller,{name:"age",control:S,rules:null===(E=g.age)\|\|void 0===E?void 0:E.rule,render:({field:{name:e,value:a,onChange:l},fieldState:{error:n}})=>Y.default.createElement(r.Input.Number,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600},P("bmi.ageInput")," ",Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray300,as:"span"},P("bmi.ageInput.desc"))),placeholder:P("healthtool.placeholder.age"),name:e,value:a,onChange:l,error:k?null==n?void 0:n.message:"",min:0})})),!D&&Y.default.createElement(c.FormControl,null,Y.default.createElement(A.Controller,{name:"height",control:S,rules:null===(y=g.height)\|\|void 0===y?void 0:y.rule,render:({field:{name:e,value:a,onChange:l},fieldState:{error:n}})=>Y.default.createElement(r.Input.Number,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600},P("bmi.heightInput")," ",Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray300,as:"span"},P("bmi.heightInput.desc"))),placeholder:P("pwg.placeholder.height"),name:e,value:a,onChange:l,error:k?null==n?void 0:n.message:"",min:0})})),!O&&Y.default.createElement(c.FormControl,null,Y.default.createElement(A.Controller,{name:"weight",control:S,rules:null===(b=g.weight)\|\|void 0===b?void 0:b.rule,render:({field:{name:e,value:a,onChange:l},fieldState:{error:n}})=>Y.default.createElement(r.Input.Number,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600},P("bmi.weightInput")," ",Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray300,as:"span"},P("bmi.weightInput.desc"))),placeholder:P("pwg.placeholder.weight"),name:e,value:a,onChange:l,error:k?null==n?void 0:n.message:"",precision:1,min:0})})),!_&&Y.default.createElement(c.FormControl,null,Y.default.createElement(A.Controller,{name:"objective",control:S,defaultValue:"lose-weight",rules:null===(C=g.objective)\|\|void 0===C?void 0:C.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:l}})=>Y.default.createElement(c.StyledInput,{size:"md",name:e,label:g.objective.label,CustomInput:Y.default.createElement(c.RadioGroup,{id:"bmi-objective",className:"bmi-objective",direction:"vertical",size:"small",options:F,value:t,onChange:a}),errorMessage:k?null==l?void 0:l.message:"",className:"bmi--input bmi--input-objective"})}))),Y.default.createElement("div",{style:{display:"flex"}},Y.default.createElement(c.StyledButton,{size:"lg",fullWidth:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${p.domainLocales[h]}/${j}`,type:"submit"},P("bmi.submit")))))},We=({value:a,options:l,className:n,direction:r="horizontal",onChange:o,isDisabled:i})=>{const[s,d]=e.useState(a);return Y.default.createElement(c.StyledRadioImageGroup,{className:n,"data-direction":r},l.map(((e,l)=>Y.default.createElement(c.StyledRadioImageItem,{"data-selected":(a\|\|s)===e.value,"data-disabled":i,key:`health-tool${l}`,onClick:()=>{var t;t=e.value,i\|\|(d(t),o&&o(t))}},Y.default.createElement("div",null,Y.default.createElement("img",{src:(a\|\|s)===e.value?e.imageActive:e.image,className:"gender-image",alt:"",loading:"lazy"}),e.label&&Y.default.createElement(t.Text,{weight:"bold",className:"radio-group-item-heading",size:"label1"},e.label))))))},Ve=({info:a,className:l,style:n,onChange:r,errorMessage:o={},locale:s})=>{const{t:u}=i.useTranslations(),[m,g]=e.useState(new Date),[p,f]=e.useState({age:!1,rate:!1});return e.useEffect((()=>{f({age:!1,rate:!1})}),[o]),Y.default.createElement(c.StyledContainer$2,{style:n,className:l},Y.default.createElement(w.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"}},u("targetHeartRate.ageInput")),value:c.DateToInputValue(m),name:"date",size:"md",CustomInput:Y.default.createElement(c.DatePicker,{customInput:e=>Y.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:c.DateToInputValue(m)})),disabledDays:{after:new Date(k.addDays(new Date,0))},locale:s,pickedDate:m,displayDateFormat:"dd/MM/yyyy",onChange:e=>{(e=>{g(e),f((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},a),{age:k.format(new Date(e),c.API_DATE_FORMAT)});r&&r(t)})(e)},placeholder:"placeholder"}),errorMessage:p.age?"":o.age}))},Ue=({info:l,className:n,style:o,onChange:s,errorMessage:u={},locale:g,onClick:f,isSide:h})=>{const{t:v}=i.useTranslations(),[E,y]=e.useState({age:!1,height:!1,weight:!1}),{getHealthToolLink:b}=L.useHealthToolsCache(g),C=e.useMemo((()=>b(a.HEALTH_TOOL_TYPE.OVULATION)),[b]),[k,w]=e.useState("male"),S=(e,t)=>{""!==e&&(isNaN(e)\|\|isNaN(parseFloat(e)))\|\|t(e)},x=e=>{var t,a;a=e=>{y((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},l),{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({},l),{objective:"lose-fat",activeLevel:"sedentary"}))}),[]),e.useEffect((()=>{y({age:!1,height:!1,weight:!1})}),[u]),Y.default.createElement(c.StyledContainer$3,{style:o,className:n},Y.default.createElement(c.FormControl$2,{"data-is-side":h},Y.default.createElement(Se,{defaultValue:"male",onChange:e=>w(e),styles:e=>({root:!h&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:m.rem(12)}}})})),Y.default.createElement(c.StyledRow$2,{"data-is-side":h},Y.default.createElement(c.FormControl$2,null,Y.default.createElement(r.Input.Number,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600},v("bmi.ageInput")," ",Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray300,as:"span"},v("bmi.ageInput.desc"))),placeholder:v("healthtool.placeholder.age"),value:Number(l.age),onChange:e=>x(String(e)),error:E.age?"":u.age,min:0})),Y.default.createElement(c.FormControl$2,null,Y.default.createElement(r.Input.Number,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600},v("bmi.heightInput")," ",Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray300,as:"span"},v("bmi.heightInput.desc"))),placeholder:v("pwg.placeholder.height"),value:Number(l.height),onChange:e=>{return t=String(e),void S(t,(e=>{y((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},l),{height:e});s&&s(t)}));var t},error:E.height?"":u.height,min:0})),Y.default.createElement(c.FormControl$2,null,Y.default.createElement(r.Input.Number,{label:Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600},v("bmi.weightInput")," ",Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray300,as:"span"},v("bmi.weightInput.desc"))),placeholder:v("pwg.placeholder.weight"),value:Number(l.weight),onChange:e=>{return t=String(e),y((e=>Object.assign(Object.assign({},e),{weight:!0}))),void S(t,(e=>{const t=Object.assign(Object.assign({},l),{weight:e});s&&s(t)}));var t},error:E.weight?"":u.weight,min:0,precision:1}))),Y.default.createElement("div",{style:{display:"flex"}},Y.default.createElement(c.StyledButton$2,{size:"lg",fullWidth:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMR",dataEventLabel:`https://${p.domainLocales[g]}/${C}`,onClick:()=>{f(k)}},v("bmi.submit"))))},qe=({siteType:t,info:l,onChange:n,errorMessage:r={}})=>{const{t:o}=i.useTranslations(),[s,u]=e.useState({weightBefore:!1,height:!1,weight:!1}),[m,g]=e.useState(0),p=e.useRef(null);e.useEffect((()=>{var e;g(null===(e=p.current)\|\|void 0===e?void 0:e.clientHeight)}));const f=(e,t)=>{""!==e&&(isNaN(e)\|\|isNaN(parseFloat(e)))\|\|t(e)},h=e=>{f(e,(e=>{u((e=>Object.assign(Object.assign({},e),{weightBefore:!0})));const t=Object.assign(Object.assign({},l),{weightBefore:e});n&&n(t)}))},v=e=>{f(e,(e=>{u((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},l),{height:e});n&&n(t)}))},E=e=>{f(e,(e=>{u((e=>Object.assign(Object.assign({},e),{weight:!0})));const t=Object.assign(Object.assign({},l),{weight:e});n&&n(t)}))};return e.useEffect((()=>{n&&n(Object.assign({},l))}),[]),e.useEffect((()=>{u({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(c.StyledTextField,{label:o("pregnancyWeightGain.heightInput"),name:"pwg-height",size:"md",value:null==l?void 0:l.height,CustomInput:Y.default.createElement(w.Input,{className:(null==s?void 0:s.height)?"":"error-input",name:"pwg-height",size:"md",placeholder:"Nhập thông tin",value:null==l?void 0:l.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:v})})),Y.default.createElement("div",{className:"input-form-pwg input-section"},Y.default.createElement(c.StyledTextField,{label:o("pregnancyWeightGain.weightBeforeInput"),name:"pwg-weightBefore",size:"md",value:null==l?void 0:l.weightBefore,CustomInput:Y.default.createElement(w.Input,{className:(null==s?void 0:s.weightBefore)?"":"error-input",name:"pwg-weightBefore",size:"md",placeholder:"Nhập thông tin",value:null==l?void 0:l.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:h})})),Y.default.createElement("div",{className:"input-form-pwg input-section"},Y.default.createElement(c.StyledTextField,{label:o("pregnancyWeightGain.weightInput"),name:"pwg-weight",size:"md",value:null==l?void 0:l.weight,CustomInput:Y.default.createElement(w.Input,{className:(null==s?void 0:s.weight)?"":"error-input",name:"pwg-weight",size:"md",placeholder:"Nhập thông tin",value:null==l?void 0:l.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:E})}))):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==l?void 0:l.height,onChange:v})),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:h,value:null==l?void 0:l.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:m},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==l?void 0:l.weight,onChange:E})))};const Ze={"en-PH":ee.default,"vi-VN":ae.default,"zh-TW":le.default,"id-ID":te.default};function Ye(t){const{value:a={from:null,to:null}}=t,[l,n]=e.useState(null),{isMobile:o}=r.useScreenSize(),[i,s]=e.useState((()=>a)),[d,u]=e.useState((()=>{var e;return k.startOfMonth(null!==(e=a.from)&&void 0!==e?e:new Date)})),m=e.useMemo((()=>k.addMonths(d,1)),[d]);const g=Object.assign(Object.assign({},t),{goToNextMonth:function(){u((e=>k.addMonths(e,1)))},goToPreviousMonth:function(){u((e=>k.subMonths(e,1)))},range:i,setRange:s,hoverDay:l,setHoverDay:n});return Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(Ke,Object.assign({},g,{date:d})),!o&&Y.default.createElement(c.StyledCalendarMonthSeparator,null),!o&&Y.default.createElement(Ke,Object.assign({},g,{date:m})))}function Ke({date:t,range:a,setRange:l,onChange:n,goToPreviousMonth:r,goToNextMonth:o,minDate:d,maxDate:u,close:m=(()=>{}),autoClose:g=!1,hoverDay:p,setHoverDay:f}){const{locale:h}=i.useTranslations(),v=e.useMemo((()=>{var e;return null!==(e=Ze[h])&&void 0!==e?e:Ze["en-PH"]}),[h]),E=e.useMemo((()=>k.format(t,"MMMM",{locale:v})),[t,v]),y=e.useMemo((()=>v?[1,2,3,4,5,6,0].map((e=>v.localize.day(e,{width:"narrow"}))):[]),[v]);function b(e,t){if(null===e)return Y.default.createElement(c.StyledCalendarDayNumberWrapper,{key:`idx-${t}`,"data-empty":"true"});const n=e.getDate(),r=k.isToday(e),o=!!a.from&&k.isSameDay(a.from,e),i=!!a.to&&k.isSameDay(a.to,e),s=o\|\|i;let h=!1;null!==p&&a.from&&k.isBefore(a.from,p)&&!a.to?h=k.isWithinInterval(e,{start:a.from,end:p}):a.from&&a.to&&(h=k.isWithinInterval(e,{start:a.from,end:a.to}));let v=!1;return d&&u?v=!k.isWithinInterval(e,{start:d,end:u}):d?v=k.isBefore(e,d):u&&(v=k.isAfter(e,u)),Y.default.createElement(c.StyledCalendarDayNumberWrapper,{key:n,"data-is-today":r,"data-is-past":!r&&k.isPast(e),"data-is-selected":s,"data-is-disabled":v,"data-in-range":h,"data-is-from":o,"data-is-to":i,onMouseEnter:()=>{f(e)},onMouseLeave:()=>f(null),onClick:()=>{v\|\|l((t=>(g&&a.from&&!a.to&&m(),function(e,t){return t.from\|\|t.to?t.from&&t.to?{from:e,to:null}:t.from?k.isBefore(e,t.from)?Object.assign(Object.assign({},t),{from:e}):Object.assign(Object.assign({},t),{to:e}):t:Object.assign(Object.assign({},t),{from:e})}(e,t))))}},Y.default.createElement(c.StyledCalendarDayNumber,{onClick:()=>{}},Y.default.createElement("p",null,n)))}return e.useEffect((()=>{a.from&&a.to&&n(a)}),[a]),Y.default.createElement(c.StyledCalendarWrapper,{className:"calendar-wrapper"},Y.default.createElement(c.StyledCalendarHead,null,Y.default.createElement(z.Button,{onClick:r,size:"md",color:"ghost",icon:Y.default.createElement("img",{src:s.CommonGAssets.getAssetPath("calendarArrowLeft.svg"),loading:"lazy"})}),Y.default.createElement("div",{className:"calendar-month"},E,Y.default.createElement("strong",null,k.format(t,"yyyy"))),Y.default.createElement(z.Button,{onClick:o,size:"md",color:"ghost",icon:Y.default.createElement("img",{src:s.CommonGAssets.getAssetPath("calendarArrowRight.svg"),loading:"lazy"})})),Y.default.createElement(c.StyledCalendarCellsWrapper,null,Y.default.createElement("div",null,Y.default.createElement(c.StyledCalendarDaysOfWeek,null,y.map(((e,t)=>Y.default.createElement(c.StyledCalendarDayLabel,{key:`${e}-${t}`},e))))),Y.default.createElement("div",null,function(){const e=t.getFullYear(),l=t.getMonth(),n=k.getDaysInMonth(t),r=[];for(let t=1;t<=n;t++)r.push(new Date(e,l,t));const o=r[0]?r[0].getDay():0;if(1!==o){const e=0===o?6:o-1;for(let t=0;t<e;t++)r.unshift(null)}return Y.default.createElement(c.StyledCalendarMonthWrapper,{key:`month-${l}`,"data-month-index":l,"data-has-range":Boolean(a.from&&a.to)},Y.default.createElement(c.StyledCalendarDaysWrapper,null,Y.default.createElement(c.StyledCalendarDateGrid,null,r.map(b))))}())))}var Qe="WUqzfRb",Xe="MnVGtSY",Je="NclbhXQ";const et=({LinkComponent:e,page:t,isLast:a,onChangePage:l})=>{const{label:n,value:r,isDropdown:o,dropdownItems:i,dataEventCategory:s,dataEventAction:d,dataEventLabel:c}=t;return o?Y.default.createElement(B.Dropdown,{options:i,placeholder:"...",id:"",placeholderIcon:null,onChange:l,className:"collapsed-breadcrumb"}):Y.default.createElement("div",{className:Je,title:"string"!=typeof n?r:n,"data-last":a},e&&Y.default.createElement(e,{"data-event-category":s,"data-event-action":d,"data-event-label":c,href:r\|\|"#"},n))},tt=()=>Y.default.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none"},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"})),at=()=>Y.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",className:"copy"},Y.default.createElement("path",{d:"M4 2.5C3.17125 2.5 2.5 3.17125 2.5 4V13.75C2.5 14.164 2.836 14.5 3.25 14.5C3.664 14.5 4 14.164 4 13.75V4H13.75C14.164 4 14.5 3.664 14.5 3.25C14.5 2.836 14.164 2.5 13.75 2.5H4ZM7 5.5C6.17125 5.5 5.5 6.17125 5.5 7V16C5.5 16.8287 6.17125 17.5 7 17.5H16C16.8287 17.5 17.5 16.8287 17.5 16V7C17.5 6.17125 16.8287 5.5 16 5.5H7ZM7 7H16V16H7V7Z",fill:"#595959"})),lt=e=>({[c.HEALTH_TOOL_TYPE.DUE_DATE]:{heading:e("pnBanner.dueDateTool.heading"),description:e("pnBanner.dueDateTool.desc"),btnLabel:e("pnBanner.caclNow"),value:c.HEALTH_TOOL_TYPE.DUE_DATE,dataEventAction:"Try our Due Date Calculator Click"},[c.HEALTH_TOOL_TYPE.BABY_VACCINE]:{heading:e("pnBanner.vaccination.heading"),description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:c.HEALTH_TOOL_TYPE.BABY_VACCINE,dataEventAction:"Try our Baby Vaccine Scheduler Click"},[c.HEALTH_TOOL_TYPE.BABY_GROWTH]:{heading:"Baby Growth",description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:c.HEALTH_TOOL_TYPE.BABY_GROWTH},[p.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:p.RISK_SCREENER_NAME.HPV,hideDescOnMobile:!0,dataEventAction:"Keep safe from HPV virus Click"}}),nt=t=>{var a=u.__rest(t,[]);const{locale:l}=i.useTranslations(),{type:n,isMobile:o,currentUrl:d,isMarketing:g,isLoggedIn:p,setShouldAcquisitionModalOpen:f}=e.useContext(c.SurveyOrPremiumBannerContext);return Y.default.createElement(m.Container,Object.assign({mih:{base:144,md:160},fluid:!0,p:0,sx:{borderRadius:4,cursor:"pointer"},onClick:()=>u.__awaiter(void 0,void 0,void 0,(function(){const e=g?H.getCurrentBaseUrl(l)+"/dang-ky-nhan-tin/":`${window.location.href}?source=acquisition`;p?null==f\|\|f():window.location.href=`${H.getCurrentSsoUrl(l)}/?returnUrl=${encodeURIComponent(e)}`})),"data-event-category":"Newsletter","data-event-action":"Banner Click","data-event-label":d,className:"pointer-event-child-none"},a),Y.default.createElement(r.ImageWrap,{src:g?s.CommonGAssets.getAssetPath(`newsletter/${o?"Mobile":"Desktop"}_Marketing.png`):s.CommonGAssets.getAssetPath(`newsletter/${o?"Mobile":"Desktop"}_${n}.png`),style:{maxWidth:"100%"},alt:"newsletter banner"}))},rt="api/v1/categories?site={website_url}",ot="api/v1/subscription?site={website_url}",it="api/v1/categories?site={website_url}",st=({heading:l,description:n,thumbnail:r={desktop:"",mobile:""},hideDescOnMobile:o,children:i})=>{const{isMobile:s,minHeight:d}=e.useContext(c.SurveyOrPremiumBannerContext);return Y.default.createElement(m.Box,{sx:()=>({borderRadius:m.rem(8),background:"linear-gradient(180deg, #FAFDFF 0%, #E3F2FF 100%)"})},Y.default.createElement(m.Box,{sx:e=>({minHeight:m.rem(d),borderRadius:"inherit",background:`url(${s?r.mobile:r.desktop})`,backgroundPosition:"center right",backgroundRepeat:"no-repeat",backgroundSize:"contain",padding:`${m.rem(24)} ${m.rem(16)}`,display:"flex",flexDirection:"column",justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${m.rem(22)} ${m.rem(32)}`}})},Y.default.createElement(m.Stack,{spacing:m.rem(16)},Y.default.createElement(m.Stack,{spacing:m.rem(4),sx:e=>({maxWidth:"60%",[e.fn.largerThan("sm")]:{maxWidth:"70%"}})},l&&Y.default.createElement(a.Heading,{tag:"h4"},l),!(o&&s)&&n&&Y.default.createElement(t.Text,{size:"p4"},n)),Y.default.createElement(m.Box,null,i))))},dt=l=>{const{styleType:n=c.OptionBannerStyleType.Button,items:o=[],buttonProps:s,styles:d,submitBtnTracking:g}=l,{classes:f}=c.useStyles$3(void 0,{name:"PremiumBannerWithOptions",styles:d}),{t:h,locale:v}=i.useTranslations(),{surveyType:E,articleId:y,handleClickOption:b,hasPremiumBanner:C,source:k,isMobile:w,setShowPNModal:S}=e.useContext(c.SurveyOrPremiumBannerContext),x=e.useMemo((()=>C?o:o.filter((e=>!Boolean(e.isPNBtn))).filter(Boolean)),[o]),{getHealthToolLink:T}=L.useHealthToolsCache(v),B=R.useForm({initialValues:{bannerOptions:[]}}),N=e=>u.__awaiter(void 0,void 0,void 0,(function(){return yield a.callApiWithAuth(a.getApiPath(a.PATHS.HEALTH_TOOL.CREATE,{_locale:v,type:c.MAPPING_CATEGORY_PREMIUM_API_TYPE[E]}),"POST",{headers:{"Content-Type":"application/json"},data:{value:e,article:y,source:k}})})),A=e.useCallback((()=>Y.default.createElement(m.Flex,{gap:m.rem(8),className:f.wrapper},x.map(((e,t)=>Y.default.createElement(m.Box,{key:String(t),component:e.isLink?"a":"div",href:e.isRiskScreener?`https://${p.domainLocales[v]}/bot/${p.RISK_SCREENER_SLUG[v][e.activeTool]}/`:e.isLink?T(e.activeTool):void 0},Y.default.createElement(r.Button,Object.assign({className:f.button,classNames:{label:f.buttonLabel},size:"sm"},e.tracking,s,{onClick:()=>{e.isLink\|\|(e.isPNBtn&&S(!0),N(e.value),b(e.value))}}),e.label)))))),[x,B]),P=e.useCallback((()=>Y.default.createElement(m.Flex,null,Y.default.createElement(m.Flex,{align:"center",gap:m.rem(24),sx:e=>({background:"white",borderRadius:m.rem(8),padding:m.rem(4),[e.fn.largerThan("sm")]:{paddingLeft:m.rem(16)}})},Y.default.createElement(r.Checkbox.Group,Object.assign({},B.getInputProps("bannerOptions",{type:"checkbox"})),Y.default.createElement(m.Flex,{gap:m.rem(16)},x.map(((e,t)=>Y.default.createElement(r.Checkbox,{key:String(t),value:e.value,label:e.label,styles:{label:{cursor:"pointer"}}}))))),Y.default.createElement(r.Button,Object.assign({size:"sm"},g,s,{disabled:0===B.getInputProps("bannerOptions").value.length,leftIcon:w?Y.default.createElement(t.Icon.ArrowRightTail,{size:18,useCurrentColor:!0}):void 0,onClick:()=>{const e=B.getInputProps("bannerOptions").value;N(e.join("\|")),b(e.join("\|"))},styles:e=>({root:{[e.fn.smallerThan("sm")]:{width:m.rem(38),minWidth:"auto",padding:0}}})}),!w&&h("pnBanner.submit"))))),[x,B]);return Y.default.createElement(st,Object.assign({},l),n===c.OptionBannerStyleType.Button?A():n===c.OptionBannerStyleType.Checkbox?P():null)},ct=l=>{var n,o;const{t:s}=i.useTranslations(),{heading:d,description:u,thumbnail:g,btnLabel:f,value:h,isRiskScreener:E,hideDescOnMobile:y,dataEventAction:b}=l,{locale:C}=i.useTranslations(),{isMobile:k}=e.useContext(c.SurveyOrPremiumBannerContext),{getHealthToolLink:w,allTools:S}=L.useHealthToolsCache(C),x=E?"mainBanner":"toolBanner",T=e.useMemo((()=>{const e=E?`https://${v.isProduction?"":"discover."}${p.domainLocales[C]}/bot/${p.RISK_SCREENER_SLUG[C][h]}`:w(h);return Y.default.createElement("a",{href:e},Y.default.createElement(r.Button,{size:"sm","data-event-category":"Focused Audience","data-event-action":b,"data-event-label":e},f\|\|s("pnBanner.caclNow")))}),[S]);return"mainBanner"===x?Y.default.createElement(st,Object.assign({},Object.assign(Object.assign({},l),{thumbnail:l.thumbnail})),T):Y.default.createElement(m.Flex,{gap:m.rem(7),align:"center",justify:"space-between",sx:e=>({borderRadius:m.rem(8),background:e.colors.blue[0],minHeight:m.rem(180),padding:`${m.rem(24)} ${m.rem(16)}`,[e.fn.largerThan("sm")]:{padding:`${m.rem(34)} ${m.rem(32)}`}})},Y.default.createElement(m.Stack,{spacing:m.rem(12)},Y.default.createElement(m.Stack,{spacing:m.rem(4)},d&&Y.default.createElement(a.Heading,{tag:"h4"},d),!(k&&y)&&u&&Y.default.createElement(t.Text,{size:"p4"},u)),Y.default.createElement(m.Flex,{gap:m.rem(8),sx:{button:{minWidth:m.rem(120)}}},T)),Y.default.createElement(m.Flex,{align:"center",justify:"center",sx:e=>({width:m.rem(96),height:m.rem(96),borderRadius:"50%",background:"white",flexShrink:0,[e.fn.largerThan("sm")]:{width:m.rem(112),height:m.rem(112)},img:{maxWidth:m.rem(64),[e.fn.largerThan("sm")]:{maxWidth:m.rem(73)}}})},Y.default.createElement("img",{alt:"health-tool-icon",src:g\|\|(null===(o=null===(n=S.filter((e=>e.template===h)))\|\|void 0===n?void 0:n[0])\|\|void 0===o?void 0:o.icon)\|\|c.HEALTH_TOOL_DEFAULT_IMG[h]\|\|"",loading:"lazy"})))},ut=()=>{var t,a,l;const{t:n}=i.useTranslations(),{state:r,Outside:o}=e.useContext(c.SurveyOrPremiumBannerContext);return(null==r?void 0:r.action)===c.BannerAction.ShowTool?Y.default.createElement(o,null,lt(n)[null===(t=null==r?void 0:r.props)\|\|void 0===t?void 0:t.value]?Y.default.createElement(ct,Object.assign({},lt(n)[null===(a=null==r?void 0:r.props)\|\|void 0===a?void 0:a.value],{value:null===(l=null==r?void 0:r.props)\|\|void 0===l?void 0:l.value})):null):(null==r?void 0:r.action)===c.BannerAction.ShowOptionBanner?Y.default.createElement(o,null,Y.default.createElement(dt,Object.assign({},null==r?void 0:r.props))):null},mt=a=>{var{isMobile:l,children:n,desktopBanner:o=s.CommonGAssets.getAssetPath("friso/onboarding-banner.jpg"),mobileBanner:i=s.CommonGAssets.getAssetPath("friso/onboarding-banner-mobile.jpg"),modalRatio:d={width:937,height:536},mobileBannerRatio:c={width:750,height:480},desktopBannerRatio:g={width:420,height:536},closeProps:p}=a,f=u.__rest(a,["isMobile","children","desktopBanner","mobileBanner","modalRatio","mobileBannerRatio","desktopBannerRatio","closeProps"]);const{width:h,height:v}=E.useViewportSize(),y=(v<=667?190:265)+hc.height/c.width+74,[b,C]=e.useState(!1);return Y.default.createElement(G.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:m.rem(d.width),width:"100%",height:"100%",maxHeight:m.rem(d.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"}}})},f),l?Y.default.createElement(m.Box,{sx:{position:"relative",height:"100%"},onTouchStart:()=>C(!0)},Y.default.createElement(m.Box,{className:"mobile-template",sx:{position:"absolute",height:100(b?1:y/v)+"%",left:0,bottom:0,right:0,transition:"height 0.4s ease"}},Y.default.createElement(m.Box,{sx:{height:"100%",backgroundColor:"white",borderTopLeftRadius:b?0:m.rem(12),borderTopRightRadius:b?0:m.rem(12)}},Y.default.createElement(m.Box,{sx:{height:"calc(100% - 74px)",background:`url(${i})`,backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"top center",overflowY:"auto",borderRadius:"inherit"}},Y.default.createElement(m.UnstyledButton,Object.assign({leftIcon:Y.default.createElement(t.Icon.Close,null),sx:{position:"absolute",right:0,top:0,zIndex:1,padding:m.rem(10)}},p,{onClick:()=>null==f?void 0:f.onClose()})),Y.default.createElement(m.AspectRatio,{ratio:(null==c?void 0:c.width)/(null==c?void 0:c.height),w:"100%"}),Y.default.createElement(m.Box,{sx:{padding:`${m.rem(28)} ${m.rem(16)} ${m.rem(16)}`,background:"white"}},n))))):Y.default.createElement(m.AspectRatio,{className:"desktop-template",ratio:d.width/d.height,w:"100%",sx:{position:"relative","& > div":{justifyContent:"flex-end"}}},Y.default.createElement(m.Box,{sx:{width:"100%",height:"100%",justifyContent:"flex-end",alignItems:"stretch",borderRadius:m.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:o,loading:"lazy",style:{borderTopLeftRadius:m.rem(8),borderBottomLeftRadius:m.rem(8),height:"100%",display:"block"}}),Y.default.createElement(m.Box,{sx:{position:"relative",height:"100%",width:(d.width-g.width)/d.width100+"%"}},Y.default.createElement(r.Button,Object.assign({unstyled:!0,leftIcon:Y.default.createElement(t.Icon.Close,null)},p,{onClick:()=>null==f?void 0:f.onClose(),sx:{position:"absolute",right:0,top:"10px"}})),Y.default.createElement(m.Box,{className:"side-banner-modal-container",sx:{height:"100%",padding:`${m.rem(40)} ${m.rem(24)} 0`}},n)))))},gt="user/subscription",pt=e=>{var{value:t,name:a}=e,l=u.__rest(e,["value","name"]);return Y.default.createElement(r.ChipButton,Object.assign({value:t,withIcon:!0},l,{buttonProps:{styles:()=>({leftIcon:{marginRight:m.rem(6)},root:{paddingLeft:m.rem(10),paddingRight:m.rem(10)}})}}),a)},ft=({topicsGroup:l,onTopicChange:n,isBlock:r=!1,selectedTopics:o=[],inputProps:s,labelProps:d,maxSelect:c=5,hasScroll:u,readonly:g})=>{const{action:{pushNotifications:p}}=e.useContext(a.TogetherComponentGlobalContext),f=re.default(l.map((e=>e.topics\|\|[]))),{t:h}=i.useTranslations(),[v,E]=e.useState([]);e.useEffect((()=>{E(o)}),[o.length]),e.useEffect((()=>{null==n\|\|n(v)}),[v]);const y=e=>{e.length>5?p({type:"danger",title:h("pnTopicSection.maxSelectError.title",{maxSelect:c}),message:h("pnTopicSection.maxSelectError.desc")}):!g&&E((()=>f.filter((t=>e.some((e=>t.catId===e))))))};return Y.default.createElement(m.Stack,{spacing:12},l.map(((e,a)=>Y.default.createElement(m.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),u?Y.default.createElement(m.ScrollArea,{w:"100%",offsetScrollbars:!0,scrollbarSize:4,p:16,m:-16,styles:{viewport:{margin:-16,padding:16}}},Y.default.createElement(m.Box,{w:800},Y.default.createElement(m.Chip.Group,Object.assign({value:v.map((e=>e.catId)),multiple:!0},s,{onChange:y}),Y.default.createElement(m.Flex,{gap:8,wrap:"wrap"},e.topics.map((t=>Y.default.createElement(pt,Object.assign({key:t.catId,value:t.catId,name:t.localName,isBlock:r},e.tracking)))))))):Y.default.createElement(m.Chip.Group,Object.assign({value:v.map((e=>e.catId)),multiple:!0},s,{onChange:y}),Y.default.createElement(m.Flex,{gap:8,wrap:"wrap"},e.topics.map((t=>t.catId?Y.default.createElement(pt,Object.assign({key:t.catId,value:t.catId,name:t.localName,isBlock:r},e.tracking)):Y.default.isValidElement(t.component)?t.component:null))))))))},ht=t=>{var{heading:l,children:n,stickyActions:r}=t,o=u.__rest(t,["heading","children","stickyActions"]);const{isMobile:i}=e.useContext(c.PremiumNewsletterModalContext),s=Y.default.createElement(m.Stack,{spacing:m.rem(24),sx:{height:"100%"}},Y.default.createElement(a.Heading,{tag:"h4",style:{textAlign:"center"}},l),Y.default.createElement(m.Box,null,n));return Y.default.createElement(m.Box,{sx:e=>({[e.fn.largerThan("sm")]:{position:"relative",height:"100%"}})},i?s:Y.default.createElement(m.ScrollArea,Object.assign({className:"layout-body",h:r?"calc(100% - 90px)":"100%"},o),s),r&&Y.default.createElement(m.Flex,{gap:m.rem(8),sx:e=>({position:"absolute",left:0,right:0,bottom:0,padding:m.rem(16),button:{flexGrow:1},justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${m.rem(24)} 0`}})},r))},vt=()=>{const{t:l,locale:n}=i.useTranslations(),{data:{userInfo:o},action:{pushNotifications:s}}=e.useContext(a.TogetherComponentGlobalContext),d=null==o?void 0:o.id,{currentUrl:g,isMobile:p,pnSuggestCategory:f=[],nextStep:h,formValues:v,setFormValues:E,onSubmit:y,submitLoading:b,selectCategory:C,setCategoryLibs:k,setSelectCategory:w,maxSelectCategory:S}=e.useContext(c.PremiumNewsletterModalContext),x=f.map((e=>e.catId)),T=R.useForm({validate:{name:R.isNotEmpty(l("healthToolPNModal.mainForm.requireName"))},initialValues:Object.assign(Object.assign({},v),{fitnessTopics:x})}),[B,N]=e.useState([]),[A,L]=e.useState([]);e.useEffect((()=>{u.__awaiter(void 0,void 0,void 0,(function(){var e;try{const t=yield a.callApiWithAuth(a.getPremiumApiPath(it,{_locale:n}),"get"),l=((null===(e=null==t?void 0:t.data)\|\|void 0===e?void 0:e.subscription)\|\|[]).filter((e=>!x.includes(e.catId)));N(f),L(l),k([...f,...l])}catch(e){console.log(e)}}))}),[]),e.useEffect((()=>{d&&T.setFieldValue("name",(null==o?void 0:o.name)\|\|"")}),[d]);const P=()=>{""!==T.getInputProps("name").value?(E(T.getTransformedValues()),h()):T.validateField("name")},I=e.useMemo((()=>Y.default.createElement(r.Button,{variant:"tertiary",dataEventCategory:"Newsletter",dataEventAction:"More Category Click",dataEventLabel:g,leftIcon:Y.default.createElement(t.Icon.Plus,{size:16,color:"#262626",useCurrentColor:!0}),onClick:P,styles:e=>({root:{borderRadius:m.rem(6),padding:"2px 15px",height:m.rem(40)},label:{fontSize:m.rem(14),fontWeight:400,[e.fn.smallerThan("sm")]:{fontSize:m.rem(12),lineHeight:m.rem(16),height:m.rem(40)}},leftIcon:{marginRight:"5px"}})},Y.default.createElement(t.Text,{size:p?"p3":"p4"},l("home.seeMore")))),[T]);return e.useEffect((()=>{T.setFieldValue("fitnessTopics",C.map((e=>e.catId)))}),[C]),Y.default.createElement("form",{style:{height:"100%"},onSubmit:T.onSubmit((e=>{if(0===C.length)return s({type:"danger",title:l("newsletter.error.minTitle"),message:l("newsletter.error.minCotennt")}),!1;E(e),null==y\|\|y(e.name)}))},Y.default.createElement(ht,{heading:l("healthToolPNModal.heading"),stickyActions:Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(r.Button,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Register Click",dataEventLabel:g,loading:b,sx:{maxWidth:m.rem(240)}},l("healthToolPNModal.register")))},Y.default.createElement(m.Stack,{spacing:m.rem(16)},Y.default.createElement(r.Input,Object.assign({label:l("newsletter.welcome.description")},T.getInputProps("name"))),Y.default.createElement(ft,{topicsGroup:[...0===f.length&&0===A.length?[{topics:[{component:I}]}]:[],...f.length>0?[{label:l("healthToolPNModal.mainForm.tailorTopicsHeading"),topics:[...f,...0===A.length?[{component:I}]:[]]}]:[],...A.length>0?[{label:l("healthToolPNModal.findMore.chooseFav"),topics:[...A,...A.length>0?[{component:I}]:[]]}]:[]],selectedTopics:[...B],labelProps:{size:p?"p3":"p4",color:"gray.6"},onTopicChange:w,maxSelect:S}))))},Et=({history:e,onDelete:a})=>Y.default.createElement(m.Flex,{wrap:"wrap",gap:8},oe.default(e,"catId").map((e=>Y.default.createElement(m.Badge,{key:e.catId,rightSection:Y.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",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 ${r.themeColors.neutral[4]}`,borderRadius:32,textTransform:"unset"},rightSection:{height:18,cursor:"pointer"}}},Y.default.createElement(t.Text,{size:"p4"},e.localName))))),yt=({topics:l,onTopicChange:n,isBlock:r=!1,selectedTopics:o,labelProps:s,maxSelect:d=5})=>{const{action:{pushNotifications:c}}=e.useContext(a.TogetherComponentGlobalContext),[u,g]=e.useState([]),{t:p}=i.useTranslations();e.useEffect((()=>{g(o)}),[o.length]),e.useEffect((()=>{n(u)}),[u]);return l&&0!==l.length?Y.default.createElement(m.Stack,{spacing:12,px:16,mx:-16},Y.default.createElement(t.Text,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},s),p("pnTopicSection.recentView")),Y.default.createElement(m.Chip.Group,{value:u.map((e=>e.catId)),onChange:e=>{r&&u.length<e.length?c({type:"danger",title:p("pnTopicSection.maxSelectError.title",{maxSelect:d}),message:p("pnTopicSection.maxSelectError.desc")}):g((()=>l.filter((t=>e.some((e=>t.catId===e))))))},multiple:!0},Y.default.createElement(m.Flex,{gap:8,wrap:"wrap"},l.map(((e,t)=>Y.default.createElement(pt,{key:t,value:e.catId,name:e.localName,isBlock:r})))))):null},bt=e=>{var{topic:a,active:l,onClick:n}=e,o=u.__rest(e,["topic","active","onClick"]);return Y.default.createElement(m.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:m.rem(130),[e.fn.largerThan("sm")]:{minHeight:m.rem(138)}}),onClick:()=>n(a,l)},o),l&&Y.default.createElement(m.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"},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(m.Box,{sx:{borderRadius:"8px"}},Y.default.createElement(r.AspectRatio,{ratio:1.5,mb:10,sx:e=>({background:e.colors.neutral[0]})},Y.default.createElement(m.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\|\|""))},Ct=({topics:a,selectedTopics:l=[],onTopicChange:n,isBlock:r=!1,labelProps:o,pushNotifications:s,maxSelect:d=5})=>{const{t:c}=i.useTranslations(),[u,g]=e.useState([]),p=(e,t)=>{if(t)g((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")});g((t=>[...t,e]))}};e.useEffect((()=>{g(l)}),[l.length]),e.useEffect((()=>{n(u)}),[u]);const[f,h]=e.useState(!1),[v,E]=e.useState(0),[y,b]=e.useState(0),C=e.useRef(null),k=()=>{h(!1)};return Y.default.createElement(m.Stack,{spacing:10},Y.default.createElement(m.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(m.Box,null,Y.default.createElement(m.ScrollArea,{type:"always",w:"100%",offsetScrollbars:!0,scrollbarSize:4,px:4,viewportRef:C,viewportProps:{onMouseDown:e=>{e.preventDefault(),C.current&&(h(!0),E(e.pageX-C.current.offsetLeft),b(C.current.scrollLeft))},onMouseUp:k,onMouseLeave:k,onMouseMove:e=>{if(e.preventDefault(),!f\|\|!C.current)return;const t=2(e.pageX-C.current.offsetLeft-v);C.current.scrollLeft=y-t}},styles:{viewport:{paddingBottom:16}}},Y.default.createElement(m.Box,{w:{base:112a.length+8(a.length-1)+10}},Y.default.createElement(m.Flex,{gap:8},a.map(((e,t)=>Y.default.createElement(bt,{key:t,topic:e,onClick:p,active:u.some((t=>t.catId===e.catId)),w:{base:112}}))))))))},kt=l=>{var{isLoggedIn:n,maxSelect:o=5,values:s=[],labelProps:d,onChange:g}=l,p=u.__rest(l,["isLoggedIn","maxSelect","values","labelProps","onChange"]);const{action:{pushNotifications:f}}=e.useContext(a.TogetherComponentGlobalContext),[h,v]=e.useState(""),{t:E,locale:y}=i.useTranslations(),b=e.useRef(null),[C,k]=e.useState([]),[w,S]=e.useState([]),[x,T]=e.useState([]),[B,N]=e.useState([]),[A,L]=e.useState(null),[P,I]=e.useState([]);e.useEffect((()=>{u.__awaiter(void 0,void 0,void 0,(function(){var e,t;const l=yield a.callApiWithAuth(a.getPremiumApiPath(rt,{_locale:y}),"get"),n=(null===(e=null==l?void 0:l.data)\|\|void 0===e?void 0:e.interested)\|\|[],r=(null===(t=null==l?void 0:l.data)\|\|void 0===t?void 0:t.trending)\|\|[],o=oe.default([...n,...r],"catId").map((e=>Object.assign(Object.assign({},e),{value:e.catId\|\|"",label:e.localName\|\|""})));if(I(o\|\|[]),L((null==l?void 0:l.data)\|\|null),s.length>0){const e=n.filter((e=>s.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"interested"}))),t=r.filter((e=>s.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"trending"})));N(e),S(t)}}))}),[n]);const M=e.useMemo((()=>oe.default([...C,...w,...B,...x],"catId")),[C,w,B,x]),[D,O]=e.useState(!1);e.useEffect((()=>{M.length>=o?O(!0):O(!1),null==g\|\|g(M)}),[M]);return Y.default.createElement(m.Stack,Object.assign({spacing:m.rem(16)},p),Y.default.createElement(m.Stack,{spacing:m.rem(8)},Y.default.createElement(t.Text,{size:"p3"},E("pnTopicSection.maxSelectError.detail",{max:o,maxTopic:M.length})),Y.default.createElement(m.MultiSelect,{ref:b,maxSelectedValues:3,styles:{wrapper:{overflow:"initial !important"},separator:{padding:16},separatorLabel:{fontWeight:600,fontSize:12,lineHeight:"18px",textTransform:"uppercase",color:r.themeColors.gray[4],"&::after":{display:"none"}},searchInput:{fontSize:"inherit"},input:{paddingRight:16}},nothingFound:Y.default.createElement(t.Text,{size:"s4",color:"gray.6"},E("pnTopicSection.notFound")),itemComponent:""===h?c._SuggestedTopic:c._Topic,size:"lg",placeholder:E("pnTopicSection.plsEnterFavTopics"),data:P,onSearchChange:v,searchValue:h,icon:Y.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},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,u.__awaiter(void 0,void 0,void 0,(function(){var e;const a={trending:S,recently:T,interested:N,default:k};let l="default";if(D)f({type:"danger",title:E("pnTopicSection.maxSelectError.title",{maxSelect:o}),message:E("pnTopicSection.maxSelectError.desc")});else{const n=[{key:"trending",array:null==A?void 0:A.trending},{key:"recently",array:null==A?void 0:A.recently},{key:"interested",array:null==A?void 0:A.interested}].find((e=>{var a;return null===(a=e.array)\|\|void 0===a?void 0:a.some((e=>e.catId===t[0]))}));l=(null==n?void 0:n.key)\|\|"default",a[l]((e=>[...e,...P.filter((e=>t.some((t=>e.catId===t))))].map((e=>Object.assign(Object.assign({},e),{template:l}))))),null===(e=b.current)\|\|void 0===e\|\|e.blur()}return null}));var t},value:[]}),M&&M.length>0&&Y.default.createElement(Et,{history:M,onDelete:e=>{const t={trending:S,recently:T,interested:N,default:k};(t[e.template]\|\|t.default)((t=>{const a=[...t],l=a.findIndex((t=>t.catId===e.catId));return a.splice(l,1),a}))}})),Y.default.createElement(m.Box,{sx:e=>({position:"relative",height:m.rem(175),[e.fn.largerThan("sm")]:{height:m.rem(190)}})},Y.default.createElement(m.Box,{sx:{position:"absolute",top:0,right:0,left:0}},Y.default.createElement(Ct,{topics:((null==A?void 0:A.trending)\|\|[]).map((e=>Object.assign(Object.assign({},e),{template:"trending"}))),selectedTopics:w,onTopicChange:S,isBlock:D,labelProps:d}))),Y.default.createElement(yt,{topics:((null==A?void 0:A.recently)\|\|[]).map((e=>Object.assign(Object.assign({},e),{template:"recently"}))),selectedTopics:x,onTopicChange:T,isBlock:D,labelProps:d}),Y.default.createElement(ft,{labelProps:d,topicsGroup:[{label:E("pnTopicSection.ppAlsoInterested"),topics:((null==A?void 0:A.interested)\|\|[]).map((e=>Object.assign(Object.assign({},e),{template:"interested"})))}],selectedTopics:B,onTopicChange:N,isBlock:D}))},wt=()=>{const{t:t}=i.useTranslations(),{action:{pushNotifications:l}}=e.useContext(a.TogetherComponentGlobalContext),{prevStep:n,formValues:o,submitLoading:s,onSubmit:d,selectCategory:u,maxSelectCategory:g,setSelectCategory:p,currentUrl:f,isLoggedIn:h}=e.useContext(c.PremiumNewsletterModalContext);return Y.default.createElement(ht,{heading:t("newsletter.topic.title"),type:"always",styles:{root:{paddingRight:m.rem(25)}},stickyActions:Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(r.Button,{fullWidth:!0,variant:"secondary",dataEventCategory:"Newsletter",dataEventAction:"Back Click",dataEventLabel:f,onClick:n},t("healthToolPNModal.back")),Y.default.createElement(r.Button,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Next Click",dataEventLabel:f,onClick:()=>{if(0===u.length)return l({type:"danger",title:t("newsletter.error.minTitle"),message:t("newsletter.error.minCotennt")}),!1;null==d\|\|d(o.name)},loading:s},t("healthToolPNModal.next")))},Y.default.createElement(kt,{isLoggedIn:h,maxSelect:g,values:o.fitnessTopics,onChange:p,labelProps:{size:"s5",sx:{textTransform:"uppercase"}}}))},St=()=>{const{t:l}=i.useTranslations(),{close:n,selectCategory:o,onRegisterSuccess:s,currentUrl:d,finishLabelOnResult:u,disclaimerText:g}=e.useContext(c.PremiumNewsletterModalContext);return e.useEffect((()=>()=>{setTimeout((()=>{null==s\|\|s()}),400)}),[]),Y.default.createElement(ht,{heading:l("healthToolPNModal.heading"),stickyActions:Y.default.createElement(r.Button,{fullWidth:!0,sx:{maxWidth:m.rem(300)},dataEventCategory:"Newsletter",dataEventAction:"Continue Reading Click",dataEventLabel:d,onClick:()=>{n()}},u\|\|l("healthToolPNModal.finish"))},Y.default.createElement(m.Stack,null,Y.default.createElement(m.Flex,{gap:m.rem(8),sx:e=>({background:e.colors.green[0],border:`1px solid ${e.colors.green[1]}`,borderRadius:m.rem(8),padding:m.rem(8)})},Y.default.createElement(m.Box,null,Y.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},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"},g\|\|l("pnModal.disclaimer"))),Y.default.createElement(a.Heading,{tag:"h5"},l("healthToolPNModal.yourPre")),o.length>0&&Y.default.createElement(ft,{topicsGroup:[{label:"",topics:o}],selectedTopics:o,readonly:!0})))},xt=({isMobile:t,isLoggedIn:l,pnSuggestCategory:n=[],acquisitionInfo:r,currentUrl:o,opened:d,close:g,finishLabelOnResult:h,onRegisterSuccess:v,disclaimerText:E})=>{const{t:y,locale:b}=i.useTranslations(),{action:{pushNotifications:C}}=e.useContext(a.TogetherComponentGlobalContext),k=s.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),w=s.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),[S,x]=e.useState([]),[T,B]=e.useState([]),[N,A]=e.useState(0),[L,P]=e.useState({name:"",fitnessTopics:[]}),[I,M]=e.useState(!1),D=()=>A(2),O=e.useCallback((e=>u.__awaiter(void 0,void 0,void 0,(function(){try{M(!0),yield a.callApiWithAuth(a.getPremiumApiPath(ot,{website_url:a.getWebsiteUrlApi(b)}),"post",{headers:{"Content-Type":"application/json"},method:"POST",data:{ga_client_id:ne.default.get(p.GA_TOKEN_COOKIE),client_ip:window.clientIP\|\|"",user_info:Object.assign(Object.assign({},r.userInfo),{name:e\|\|L.name,type_subscription:1}),domain:p.domainLocales[b\|\|f.LOCALE.Vietnam],category:T,perferred:r.preferredTopics.map((({id:e})=>({id:e})))}}),M(!1),yield a.callApiWithAuth(a.getSsoApiPath(gt),"post",{headers:{"Content-Type":"application/json"},method:"PUT",data:{subscription:1}}),D()}catch(e){console.log({err:e}),M(!1),C({title:y("notification.comment.somethingWrong"),message:"",type:"danger"})}}))),[L,T]);return e.useEffect((()=>{[k,w].forEach((e=>{(new Image).src=e}))}),[]),Y.default.createElement(c.PremiumNewsletterModalContext.Provider,{value:{currentUrl:o,isMobile:t,isLoggedIn:l,opened:d,close:g,pnSuggestCategory:n,nextStep:()=>A((e=>e<3?e+1:e)),prevStep:()=>A((e=>e>0?e-1:e)),lastStep:D,categoryLibs:S,setCategoryLibs:x,selectCategory:T,setSelectCategory:B,formValues:L,setFormValues:P,maxSelectCategory:5,submitLoading:I,onSubmit:O,onRegisterSuccess:v,finishLabelOnResult:h,disclaimerText:E}},Y.default.createElement(mt,{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:d,onClose:g,zIndex:305,closeProps:{dataEventCategory:"Newsletter",dataEventAction:"Close Click",dataEventLabel:o}},Y.default.createElement(m.Stepper,{active:N,onStepClick:A,styles:{root:{height:"100%"},content:{padding:0,height:"100%",width:"100%"},steps:{display:"none"}}},Y.default.createElement(m.Stepper.Step,null,Y.default.createElement(vt,null)),Y.default.createElement(m.Stepper.Step,null,Y.default.createElement(wt,null)),Y.default.createElement(m.Stepper.Step,null,Y.default.createElement(St,null)))))},Tt=()=>{const{locale:t}=i.useTranslations(),{isMobile:l,isLoggedIn:n,currentUrl:r,acquisitionInfo:o,categoryIds:s,state:d,setState:m,settings:g,submitHandler:p,subcribeHealthStatus:f,showPNModal:h,setShowPNModal:v,setIsBack:E}=e.useContext(c.SurveyOrPremiumBannerContext),[y,b]=e.useState([]),[C,k]=e.useState(h);e.useEffect((()=>{u.__awaiter(void 0,void 0,void 0,(function(){var e,l;const n=yield a.callApiWithAuth(a.getPremiumApiPath(rt,{_locale:t}),"get"),r=[...(null===(e=null==n?void 0:n.data)\|\|void 0===e?void 0:e.interested)\|\|[],...(null===(l=null==n?void 0:n.data)\|\|void 0===l?void 0:l.trending)\|\|[]];b(r.filter((e=>s.includes(Number(e.catId)))))}))}),[]);const w=e.useRef([]);return e.useEffect((()=>{const e=(null==f?void 0:f.value)\|\|"",t=e.split("\|").filter(Boolean);let a=e;w.current.push(f),t.length>1&&(null!==w.current[0]&&E(!0),Object.keys(p).map((e=>{const l=e.split("\|");if(t.length===l.length){let n=0;t.map((e=>{l.includes(String(e))&&(n+=1)})),n===t.length&&(a=e)}})));const l=t.length>0?p[a]:g;m(l)}),[f]),e.useEffect((()=>{k(h)}),[h]),(null==d?void 0:d.action)!==c.BannerAction.Hide?Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(ut,Object.assign({},g.props)),Y.default.createElement(xt,{acquisitionInfo:o,isMobile:l,isLoggedIn:n,currentUrl:r,pnSuggestCategory:y,opened:C,close:()=>{var e;k(!1),v(!1),setTimeout((()=>{var e;(null===(e=d.actionParams)\|\|void 0===e?void 0:e.hideBannerWhenClose)&&m({action:c.BannerAction.Hide})}),400),(null===(e=d.actionParams)\|\|void 0===e?void 0:e.hideBannerWhenClose)&&m({action:c.BannerAction.Hide})},onRegisterSuccess:()=>k(!1)})):null},Bt={myBooking:"booking",mySaved:"saved",myHealth:"health",myFamily:"family",myCommunity:"my-communities",eCom:"/shop/ho-so/quan-li-don-hang/"};var Nt="uJQBNNg",At="TfG3dM5",Lt="aMtjFNf",Pt="cSz2RR-",It="GyFm00F";function Mt({userInfo:t,onClickMyProfileButton:a,themeName:l="helloSites"}){const{t:n}=i.useTranslations(),r=e.useMemo((()=>{const e=(null==t?void 0:t.name)\|\|(null==t?void 0:t.username);return e&&e.length?e[0].toUpperCase():"A"}),[null==t?void 0:t.username,null==t?void 0:t.name]);return Y.default.createElement("div",{className:Nt,onClick:()=>{a&&a()}},Y.default.createElement(me,{className:At,type:"rounded",size:"xl",avatarUrl:null==t?void 0:t.avatar,firstLetter:r,backgroundColor:"marryBaby"===l?d.theme.mbColors.pink:d.theme.colors.secondaryBase}),Y.default.createElement("div",{className:Lt},Y.default.createElement("div",{className:Pt},(null==t?void 0:t.name)\|\|(null==t?void 0:t.username)),Y.default.createElement("div",{className:It,style:{"--bg-hellosites":`url(${s.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-chevronRight.svg")})`,"--bg-marrybaby":`url(${s.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-arrowRight.svg")})`}},n("userProfile.nav.header.viewProfile"))))}var Dt="gn6HmGG",Ot="FCx8FEM",_t="zMiRxaE",zt="lZ2Z9MQ",jt="rwm-agG",Ft="qMOscoq";const Ht=({themeName:t,locale:a,onClickItem:l})=>{const[n,r]=e.useState(""),o=e.useMemo((()=>"marryBaby"===t?[{key:"userProfile.nav.menu.password",icon:s.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-lock.svg"),link:"password"},{key:"userProfile.nav.menu.logout",icon:s.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-logOut.svg"),link:"logout"}]:[{key:"userProfile.nav.menu.accountSettings",icon:s.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-settingsWheel.svg"),subMenu:[{key:"common.profileNavigator.newsletterSubscription",link:"subscriptions",disableLocale:["id-ID","ms-MY","km-KH","en-PH","tl-PH","th-TH","my-MM","zh-TW","hi-IN"]},{key:"userProfile.nav.menu.password",link:"password"},{key:"userProfile.nav.menu.disableAccount",link:"disable-account",disableLocale:["hi-IN"]}]},{key:"userProfile.nav.menu.help",icon:s.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-helpCircle.svg"),link:"help"}]),[t]);function i(e){e.subMenu?r((t=>t?"":e.key)):l&&l(e)}return Y.default.createElement("div",{className:Dt},o.map((e=>Y.default.createElement(Rt,{key:e.key,item:e,openKey:n,onClickItem:i,locale:a}))))},Rt=({item:e,openKey:t,onClickItem:a,locale:l})=>{var n;const{t:r}=i.useTranslations();return(null===(n=e.disableLocale)\|\|void 0===n?void 0:n.includes(l))?null:Y.default.createElement("div",{className:`${Ot} nav-menu-item`,"data-is-open":t===e.key,key:e.key,"data-has-submenu":!!e.subMenu},Y.default.createElement("div",{className:_t,onClick:()=>a(e)},e.icon&&Y.default.createElement("div",{className:zt,style:{backgroundImage:`url("${e.icon}")`}}),r(e.key),e.subMenu&&Y.default.createElement("div",{className:jt,style:{"--after-bg":`url(${s.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-chevronDown.svg")})`}})),e.subMenu&&Y.default.createElement("div",{className:Ft},e.subMenu.map((e=>Y.default.createElement(Rt,{key:e.key,item:e,openKey:t,onClickItem:a,locale:l})))))};var Gt="-AZt1au",$t="IvSIfCI",Wt="eahCJov",Vt="XIyViFs",Ut="_4y-O0w3",qt="kO8iNgD",Zt="a1d4E10",Yt="Tdguxxf",Kt="-mOxsaU",Qt="yPeDBNZ";const Xt={helloSites:{member:()=>s.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-member.svg"),ambassador:()=>s.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-ambassador.svg"),doctor:()=>s.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-doctor.svg"),expert:()=>s.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-expert.svg"),influencer:()=>s.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-influencer.svg")},marryBaby:{member:()=>s.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-member.svg"),ambassador:()=>s.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-ambassador.svg"),doctor:()=>s.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-doctor.svg"),expert:()=>s.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-expert.svg"),influencer:()=>s.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-influencer.svg")}},Jt=({themeName:t,rank:a="member",numberOfPosts:l=0})=>{const{t:n}=i.useTranslations(),r=e.useMemo((()=>{var e,l;return(null===(l=null===(e=Xt[t])\|\|void 0===e?void 0:e[a])\|\|void 0===l?void 0:l.call(e))\|\|""}),[a,t]);return Y.default.createElement("div",{className:Ut,"data-user-rank":a},Y.default.createElement("div",{className:qt},Y.default.createElement("div",{className:Zt},Y.default.createElement("div",{className:Yt,style:{backgroundImage:`url("${r}")`}}),Y.default.createElement("h3",{className:Kt},n(`userProfile.userRank.${a}`)),l>0&&Y.default.createElement("p",{className:Qt},l," ",n("userProfile.nav.header.count.posts")))))};exports.Alert=({style:e,onClose:a,text:l,type:n,contentIcon:r,closeIcon:o,className:i,description:s})=>Y.default.createElement("div",{className:`${ie} ${i\|\|""}`,style:e,"data-alert-type":n},Y.default.createElement("div",{className:se},Y.default.createElement("div",{className:"icon-title"},r,Y.default.createElement(t.Text,{weight:"bold",size:"label1"},l)),Y.default.createElement(t.Text,{weight:"regular",size:"p3"},s)),Y.default.createElement("div",{className:de,onClick:a},o)),exports.ArticleCard=({articleLink:e,authorLink:l,authorName:n,avatarImg:r,banner:o,categoryLink:i,categoryName:d,className:u,dataEventActionForBanner:m,dataEventActionForBookmark:g,dataEventActionForCategory:p,dataEventActionForTitle:f,dataEventCategoryForBanner:h,dataEventCategoryForBookmark:v,dataEventCategoryForCategory:E,dataEventCategoryForTitle:y,dataEventLabelForBanner:b,dataEventLabelForBookmark:C,dataEventLabelForCategory:k,dataEventLabelForTitle:w,direction:S="horizontal",hasAffiliate:x,isBookmark:T=!1,isBookmarkDisplayed:B=!0,isMobile:N=!0,onBookmark:A,onClickCategoryName:L,section:P="normal",size:I="md",specialty:M,style:D,styleBanner:O,styleLabel:_,styleTitle:z,text:j,title:F,type:H="author",uploadTime:R,articleLinkTarget:G,isPremium:$})=>{const W=e=>{e.stopPropagation(),null==A\|\|A()},V="lg"===I&&"expert"===H?"h4":"lg"===I&&"home"===P?N?"h4":"h3":"lg"===I?"h4":"h5",U="lg"===I?"p3":"p4",q=N\|\|"home"!==P\|\|"lg"!==I\|\|"author"!==H?"c2":"c1";return Y.default.createElement("article",{className:`${Be} ${u\|\|""}`,"data-size":I,style:D,"data-direction":S,"data-is-expert":"expert"===H\|\|void 0},Y.default.createElement("div",{className:"banner",style:O},Y.default.createElement("a",{className:Te,"data-event-category":h,"data-event-action":m,"data-event-label":b,href:e\|\|"#",target:G},o),$&&Y.default.createElement("img",{loading:"lazy",className:"premium",src:s.CommonGAssets.getAssetPath("premium-crown.svg")}),x&&Y.default.createElement(c.AffiliateIcon,null)),Y.default.createElement("div",{className:"content"},Y.default.createElement("div",{className:"inner-content"},Y.default.createElement(t.Text,{style:_,className:"label",size:q,weight:"caption"},Y.default.createElement("a",{className:Te,"data-event-category":E,"data-event-action":p,"data-event-label":k,href:i\|\|"#",onClick:L},d),B&&Y.default.createElement("a",{className:"bookmark",onClick:W},T?Y.default.createElement(c.BookmarkedIcon,{dataEventCategoryForBookmark:v,dataEventActionForBookmark:g,dataEventLabelForBookmark:C}):Y.default.createElement(c.UnbookmarkedIcon,{dataEventCategoryForBookmark:v,dataEventActionForBookmark:g,dataEventLabelForBookmark:C}))),Y.default.createElement(a.Heading,{tag:V,style:z,className:"title",as:"lg"===I?"h2":"h3"},Y.default.createElement("a",{className:Te,"data-event-category":y,"data-event-action":f,"data-event-label":w,href:e\|\|"#",target:G},F)),j&&Y.default.createElement("a",{href:e\|\|"#",target:G},Y.default.createElement(t.Text,{size:U,className:"text"},j))),Y.default.createElement("div",{className:"footer"},"author"===H?Y.default.createElement(Ae,{size:I,avatarImg:r,authorName:n,authorLink:l,uploadTime:R,handleClick:W,isBookmarked:T,dataEventCategoryForBookmark:v,dataEventActionForBookmark:g,dataEventLabelForBookmark:C}):Y.default.createElement(Le,{size:I,isMobile:N,avatarImg:r,specialty:M,name:n,link:l,handleClick:W,isBookmarked:T,dataEventCategoryForBookmark:v,dataEventActionForBookmark:g,dataEventLabelForBookmark:C}))))},exports.ArticleCard$1=e=>{var{variant:t="vertical"}=e,a=u.__rest(e,["variant"]);return"horizontal"===t?Y.default.createElement(Pe,Object.assign({},a)):Y.default.createElement(De,Object.assign({},a))},exports.Avatar=me,exports.BMICardEmbed=({isMobile:e,onSubmit:t,bmiContent:a,isSide:l,bmiGenerated:n,bmiUnit:r,bmiLink:o,locale:d})=>{var u,m,g;const{t:p}=i.useTranslations();return Y.default.createElement(c.StyledContainer,{"data-is-side":l},Y.default.createElement(c.ToolsBannerCard,{isSide:l,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===(u=null==a?void 0:a.reviewBy)\|\|void 0===u?void 0:u.link,reviewer:null===(m=null==a?void 0:a.reviewBy)\|\|void 0===m?void 0:m.reviewer,date:null===(g=null==a?void 0:a.reviewBy)\|\|void 0===g?void 0:g.date},isMobile:e}),Y.default.createElement(N.Container,null,Y.default.createElement(c.StyledContent,{as:"div","data-is-side":l},o&&Y.default.createElement($e,{onSubmit:t,bmiGenerated:n,locale:d,bmiUnit:r,isSide:l}))))},exports.BMRCardEmbed=({isSide:e,locale:t,bmrContent:a,isMobile:l,info:n,inputErrorMessage:r,onFormChange:o,onSubmit:d})=>{var u,m,g;const{t:p}=i.useTranslations();return Y.default.createElement(c.StyledContainer,{"data-is-side":e},Y.default.createElement(c.ToolsBannerCard,{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===(u=null==a?void 0:a.reviewBy)\|\|void 0===u?void 0:u.link,reviewer:null===(m=null==a?void 0:a.reviewBy)\|\|void 0===m?void 0:m.reviewer,date:null===(g=null==a?void 0:a.reviewBy)\|\|void 0===g?void 0:g.date},isMobile:l}),Y.default.createElement(N.Container,null,Y.default.createElement(c.StyledContent,{onSubmit:e=>e.preventDefault(),"data-is-side":e},Y.default.createElement(c.StyledInputForm,null,Y.default.createElement(Ue,{info:n,locale:t,errorMessage:r,onChange:o,onClick:d,isSide:e})))))},exports.BabyGrowthCardEmbed=({isMobile:e,className:t,onSubmit:a,onError:l,schema:n,babyGrowthContent:r,siteType:o})=>{var i,u,m;return Y.default.createElement(c.StyledContainer,{"babyGrowthContent-is-mobile":e,"data-site":o},Y.default.createElement(c.ToolsBannerCard,{siteType:o,bannerUrl:s.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerUrlLarge:s.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerColor:"marryBaby"===o&&d.theme.mbColors.mint,isEmbeded:!0,icon:Y.default.createElement("img",{className:"embedded-icon",alt:"health-tool-icon",src:(null==r?void 0:r.featuredImage)\|\|s.CommonGAssets.getAssetPath("health-tools/toolsIconBabyGrowth.svg"),loading:"lazy"}),heading:(null==r?void 0:r.title)\|\|"",medicalReview:{link:null===(i=null==r?void 0:r.reviewBy)\|\|void 0===i?void 0:i.link,reviewer:null===(u=null==r?void 0:r.reviewBy)\|\|void 0===u?void 0:u.reviewer.trim(),date:null===(m=null==r?void 0:r.reviewBy)\|\|void 0===m?void 0:m.date},isMobile:e}),Y.default.createElement(c.StyledBabyGrowthWrapper,{"data-theme":o},Y.default.createElement(c.StyleForm,{siteType:o,schema:n,className:t,onSubmit:a,onError:l})))},exports.BabyPoopEmbed=({babyPoopPage:e,onClickFindOut:l,currentUrl:n,isSide:o,direction:u="auto",sponsorLogo:g})=>{const{t:p}=i.useTranslations(),f="mb"===m.useMantineTheme().other.template,{classes:h}=c.useStyles$2({isMarryBaby:f,isSide:o,direction:u},{name:"BabyPoopEmbed"}),{reviewedBy:v,reviewedDate:E}=e\|\|{};return Y.default.createElement("div",{className:h.root},Y.default.createElement("div",{className:h.inner},Y.default.createElement(a.Heading,{tag:"h3",as:"h2",color:!f&&"#284A75"},e.title),Y.default.createElement("div",{className:h.content,"data-is-side":o},Y.default.createElement(t.Text,{size:"p3",className:"description"},e.description),!!v&&Y.default.createElement("div",{className:h.reviewText},Y.default.createElement("img",{src:s.CommonGAssets.getAssetPath("reviewerCheck.svg"),alt:"check",className:h.reviewTextIcon,loading:"lazy"}),Y.default.createElement(t.Text,{size:"p4",color:d.theme.colors.gray600},p("categoryPage.info.reviewed")," ",Y.default.createElement("a",{href:v.profile_url},v.display_name)," ",p("categoryPage.onDate",{date:E\|\|""}))),Y.default.createElement("div",{className:h.action},Y.default.createElement(r.Button,{className:h.btn,size:f?"lg":"md",variant:f?"secondary":"primary",onClick:l,dataEventCategory:"Health Tool",dataEventAction:"Baby Stool Inquiry",dataEventLabel:n,style:{visibility:Boolean(l)?"visible":"hidden"}},p("babyPoop.findOut"))))),Y.default.createElement("div",{className:h.thumbnail},Y.default.createElement("img",{src:f?s.CommonGAssets.getAssetPath("baby-poop.svg"):null==e?void 0:e.featuredImage,alt:e.title,loading:"lazy"})),g&&Y.default.createElement("img",{loading:"lazy",src:g,alt:"sponsor",className:h.sponsorLogo}))},exports.Badge=({amount:e,type:t,size:l="medium",color:n="primary",icon:r,className:o})=>Y.default.createElement(a.StyledBadge,{"data-notification-type":t,"data-notification-size":l,"data-notification-color":n,"data-has-icon":!!r\|\|void 0,notificationType:t,notificationSize:l,notificationColor:n,hasIcon:!!r,className:o},Y.default.createElement("div",null,e&&Y.default.createElement("span",null,e)," ",r&&Y.default.createElement("div",null,r))),exports.BorderHeading=({style:e,children:t,className:l,size:n="lg",type:r="bold",upperCase:o,as:i="h4",color:s})=>Y.default.createElement(a.StyledBorderHeading,{style:Object.assign({color:s},e),className:l,"data-size":n,"data-type":r,"data-uppercase":o,as:i},t),exports.Breadcrumbs=({className:t,pages:a,size:l,LinkComponent:n="a",onChangePage:r,separator:o})=>{const i=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":l,className:`${Qe} ${t\|\|""}`},i.map(((t,a)=>{const s=a+1===i.length;return Y.default.createElement(e.Fragment,{key:a},Y.default.createElement(et,{LinkComponent:n,page:t,isLast:s,onChangePage:r}),!s&&(t.separator\|\|o\|\|Y.default.createElement("div",{className:Xe,"data-size":l})))})))},exports.CategoryCard=e=>{var{category:a,imgBanner:l,label:n,className:r,style:o,href:i="",dataEventCategory:s,dataEventAction:d,dataEventLabel:m}=e,g=u.__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)\|\|i\|\|"";return Y.default.createElement(c.StyledCategoryCard,Object.assign({"data-event-category":s,"data-event-action":d,"data-event-label":m,className:r,style:o,href:p},(null==a?void 0:a.customizedUrl)&&!y.isInternalLink(a.customizedUrl)&&{target:"_blank"},{onClick:e=>{""===p&&e.preventDefault()}},g),Y.default.createElement("div",{className:"banner"},l),Y.default.createElement("div",{className:"content"},Y.default.createElement(t.Text,{className:"category_name",size:"sm",weight:"bold"},(null==a?void 0:a.displayName)\|\|n\|\|"")))},exports.Checkbox=be,exports.CheckboxGroup=({name:e,values:t=[],onChanges:a,options:l=[],className:n,type:r="vertical",isDisabled:o,isRectangle:i})=>{const s=(e,l)=>{const n=t.slice();if(l)n.push(e);else{const t=n.findIndex((t=>t===e));n.splice(t,1)}a&&a(n)};return Y.default.createElement(c.StyledCheckboxGroup,{className:n,"data-type":r,"data-is-rectangle":i\|\|void 0},l.map(((a,l)=>Y.default.createElement(be,{label:a.label,name:e,key:`${l}-${a.value}`,checked:t.includes(a.value),value:a.value,isDisabled:o\|\|a.disabled,onChange:!o&&s,isRectangle:i}))))},exports.CookieAcceptConfirm=({className:e,policiesUrl:t,onAcceptClick:a,translations:l={acceptButton:"Accept",policiesButton:"Our Policies"},title:n="",description:r="",theme:o="helloSites",isOpen:i=!0,useDefaultPosition:s=!0,trackingAttributes:d})=>Y.default.createElement(c.StyledAcceptCardContainer,{className:e,"data-theme":o,"data-is-open":i,"data-default-position":s},Y.default.createElement(c.StyledTitleSection,{"data-has-content":!!n},n),Y.default.createElement(c.StyledDescription,{dangerouslySetInnerHTML:{__html:r}}),Y.default.createElement(c.StyledButtonGroup,null,Y.default.createElement(c.StyledAcceptButton,{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},l.acceptButton),Y.default.createElement(c.StyledPoliciesButton,{href:t},l.policiesButton))),exports.DateRangePicker=function({inputSize:t="md",name:l="date-range-picker",value:n,minDate:r,maxDate:o,onChange:i,className:d,autoClose:u=!1}){n\|\|(n={from:null,to:null});const[m,g]=e.useState(!1);function p(){g(!1)}const f=e.useRef(null);function h(e){i&&i(e)}function v(e){return k.format(e,"dd/MM/yyyy")}I.useOutsideClick(f,(()=>{p()}));const E=e.useMemo((()=>n.from&&n.to?k.isSameDay(n.from,n.to)?v(n.from):`${v(n.from)} - ${v(n.to)}`:""),[n.from,n.to]);return Y.default.createElement(c.StyledWrapper,{className:[d,m&&"focused"].filter(Boolean).join(" "),ref:f},Y.default.createElement("label",{htmlFor:l},Y.default.createElement(a.PureInput,{size:t,value:E,name:l,actionIcon:Y.default.createElement("img",{src:s.CommonGAssets.getAssetPath("calendar.svg"),loading:"lazy"}),onFocus:()=>g(!0)})),m?Y.default.createElement(c.StyledCalendarWrapper$1,{onMouseDown:e=>{e.stopPropagation()}},Y.default.createElement(Ye,{value:n,onChange:h,minDate:r,maxDate:o,close:p,autoClose:u})):null)},exports.DueDateCardEmbed=({isMobile:e,locale:t,onSubmitDueDate:a,dueDatePageInfo:l,expertUrl:n,isSide:r,siteType:o})=>{var u;const{t:m}=i.useTranslations();return Y.default.createElement(c.StyledContainer,{"data-is-side":r,"data-site":o},Y.default.createElement(c.ToolsBannerCard,{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==l?void 0:l.featured_image)\|\|s.CommonGAssets.getAssetPath("health-tools/due-date-icon.svg"),loading:"lazy"}),heading:m("healthTools.dueDateCalculator"),medicalReview:{link:n,reviewer:null===(u=null==l?void 0:l.reviewed_by)\|\|void 0===u?void 0:u.display_name,date:null==l?void 0:l.reviewed_date},isMobile:e}),Y.default.createElement(c.StyledContent,{onSubmit:e=>e.preventDefault(),className:"due-date-cal","data-is-side":r},Y.default.createElement(Re,{siteType:o,locale:t,onSubmitDueDate:a,isSide:r})))},exports.FileDropdown=({className:t,value:l,options:n,onUploadSelected:r,id:o,placeholderIcon:i,placeholder:s,style:d})=>{const[c,u]=e.useState(!1),m=()=>u(!c),g=e.useRef(n.map((e=>"upload"===e.type&&Y.default.createElement("input",{id:"uploader-dropdown-input-"+o+"-"+e.value,key:"uploader-dropdown-input-"+o+"-"+e.value,accept:e.fileAcceptedType,multiple:e.multiple,type:"file",style:{display:"none"},onChange:e=>{console.log("change"),r(e.target.files)}}))));return Y.default.createElement(a.StyledDropdown,{className:t,"data-dropdown-open":!!c,id:o,"data-has-icons":!0,style:d,onBlur:()=>u(!1),tabIndex:0},Y.default.createElement(ge,null),Y.default.createElement(a.StyledDropdownName,{onClick:m},i\|\|Y.default.createElement(pe,null)," ",Y.default.createElement("span",null,l&&l.value?l.label:s)),c&&Y.default.createElement(a.StyledDropdownList,{onClick:m,"data-has-icons":!0},n.map((e=>Y.default.createElement(a.StyledDropdownOption,{key:`${o}-${e.value}`,"data-selected":l&&l.value===e.value\|\|void 0,onClick:()=>{return"upload"===e.type?(a="#uploader-dropdown-input-"+o+"-"+e.value,void(null===(l=document.querySelector(a))\|\|void 0===l\|\|l.click())):void((t=e.url)&&window.open(t,"_blank"));var t,a,l}},Y.default.createElement(a.StyledIcon,null,e.icon\|\|"download"===e.type?Y.default.createElement(fe,null):Y.default.createElement(he,null)),e.label)))),Y.default.createElement(Y.default.Fragment,null,g.current))},exports.FixedBottomAdBlock=({className:t,adUnitPath:a,divId:l,isMobile:n,contentId:r,customTargetings:o,locale:i,isMarryBaby:s})=>{const[d,u]=e.useState(!0),[m,g]=e.useState(!1),[p,f]=e.useState(!0),h=e.useRef(null),v=e.useRef(F.v4()),E=e.useRef(null),y=e.useRef(),b=e.useRef();return e.useEffect((()=>{const e=()=>{b.current&&clearTimeout(b.current),b.current=setTimeout((()=>{var t;document.getElementById("subot--container")?u(!0):(u(!1),(null===(t=h.current)\|\|void 0===t?void 0:t.clientHeight)?f(!1):f(!0)),e()}),4e3)};return e(),()=>{y.current&&clearTimeout(y.current),b.current&&clearTimeout(b.current)}}),[]),d\|\|m?null:Y.default.createElement(c.StyledFixedAdBlock,{key:n?"mobile":"desktop",ref:E,className:t,"data-visible":!p},a&&Y.default.createElement(c.AdBlock,{wrapperProps:{m:0},ref:h,adUnitPath:a,size:n?[[320,50],[320,100]]:[728,90],divId:(l\|\|"div-gpt-ad-sticky")+(n?"-mobile":"")+r+String(v.current),pos:["Sticky"],contentId:r,hideIfHasSubot:n,customTargetings:o,adDefaultSize:n?[320,50]:[728,90],showCloseBtn:!0,onCloseAd:()=>g(!0),refreshInterval:60,locale:i,isMarryBaby:s}))},exports.FloatButtonGroup=({items:t,className:a,style:l,backgroundPanelStyle:n,isOpen:r,onOpen:o,onClose:i,disableBackdropClick:s,siteType:d="hb",animationType:u="zoom",zIndex:m=300})=>{const[g,p]=e.useState(!!r);e.useEffect((()=>{p(!!r)}),[r]);const f=()=>{p(!1),i&&i()};return Y.default.createElement(c.StyledFloatButtonGroup,{style:l,className:a,"data-floatmenu-open":g,"data-site-type":d,"data-animation-type":u},Y.default.createElement(c.StyledFloatButtonGroupBackgroundPanel,{className:"float-button-group__panel",style:Object.assign({zIndex:m},n),onClick:s?void 0:f}),Y.default.createElement(c.StyledFloatButtonGroupContent,{className:"float-button-group___content",style:{zIndex:m}},Y.default.createElement(c.StyledFloatButtonGroupItemsWrapper,null,t.map(((e,a)=>Y.default.createElement(c.StyledFloatButtonGroupButton,{className:`float-item-button-${a}`,style:Object.assign(Object.assign({},"zoom"===u&&{bottom:64(t.length-1-a),transitionDelay:c.TRANSITION_TIMING/t.length(g?t.length-1-a:a)+"ms"}),"slide"===u&&{bottom:64(t.length-1-a),transitionDelay:c.TRANSITION_TIMING/t.length(g?a:t.length-1-a)+"ms"}),key:a,onClick:()=>{e.onClick(),e.keepMenuOnClick\|\|p(!1)}},Y.default.createElement(c.StyledFloatButtonGroupButtonLabel,{style:Object.assign({},"zoom"===u&&{transitionDelay:c.TRANSITION_TIMING/t.length(g?t.length-1-a:a)+"ms"})},e.label),Y.default.createElement(c.StyledFloatButtonGroupButtonIcon,{className:"float-item-button__icon-wrapper",style:Object.assign({},("zoom"===u\|\|"slide"===u)&&{transitionDelay:c.TRANSITION_TIMING/t.length(g?t.length-1-a:a)+"ms"})},e.icon))))),Y.default.createElement(c.StyledFloatButtonGroupToggleIcon,{onClick:g?f:()=>{p(!0),o&&o()}})))},exports.GenderOptionControl=Se,exports.Grid=({className:e,columns:t,columnsDesktop:a,gridTemplateColumns:l,gridTemplateColumnsDesktop:n,gap:r,children:o,justifyChildren:i,style:s,alignItems:d})=>Y.default.createElement(ve,{className:e,style:Object.assign({"--columns-count":t,"--columns-count-desktop":a,"--grid-template-columns":l,"--grid-template-columns-desktop":n,"--justify-children":i,"--grid-gap":r,"--align-items":d},s)},o),exports.IconText=({size:e,iconPosition:t,className:a,children:l,icon:n})=>Y.default.createElement(c.StyledIconText,{className:a,"data-size":e,"data-icon-position":t},"left"===t&&n,l,"right"===t&&n),exports.NavHeader=Mt,exports.OvulationCardEmbed=({onSubmitOvulation:e,locale:t,ovulationPageInfo:a,expertUrl:l,isSide:n=!1,siteType:r,isMobile:o})=>{var u;const{t:m}=i.useTranslations();return Y.default.createElement(c.StyledContainer,{"data-is-side":n,"data-site":r},Y.default.createElement(c.ToolsBannerCard,{isSide:n,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:m("healthTools.ovulationCalculator"),medicalReview:{link:l,reviewer:null===(u=null==a?void 0:a.reviewed_by)\|\|void 0===u?void 0:u.display_name,date:null==a?void 0:a.reviewed_date},isMobile:o}),Y.default.createElement(c.StyledContent,{onSubmit:e=>e.preventDefault(),className:"ovulation-cal","data-is-side":n},Y.default.createElement(c.OvulationCalculator,{siteType:r,locale:t,onSubmitOvulation:e,isSide:n})))},exports.PWGCardEmbed=({locale:l,onClick:n,inputErrorMessage:o,pwgContent:u,onFormChange:m,info:g,isMobile:f,isSide:h=!1,siteType:v})=>{var E;const{t:y}=i.useTranslations(),[b,C]=e.useState("notwins"),[k,w]=e.useState({label:"1",value:1}),S=e.useMemo((()=>[...Array(40)].map(((e,t)=>({label:`${t+1}`,value:`${t+1}`})))),[]),{getHealthToolLink:x}=L.useHealthToolsCache(l),T=e.useMemo((()=>x(a.HEALTH_TOOL_TYPE.PWG)),[x]);return Y.default.createElement(c.StyledContainer,{"data-is-side":h,"data-site":v},Y.default.createElement(c.ToolsBannerCard,{siteType:v,bannerColor:"marryBaby"===v&&d.theme.mbColors.mint,isEmbeded:!0,color:"pink",icon:Y.default.createElement("img",{alt:"health-tool-icon",src:(null==u?void 0:u.featuredImage)\|\|s.CommonGAssets.getAssetPath("health-tools/pwg-icon.svg"),loading:"lazy"}),heading:y("pregnancyWeightGain.heading"),medicalReview:{link:P.formatUserProfileUrl(null==u?void 0:u.reviewedBy),reviewer:null===(E=null==u?void 0:u.reviewedBy)\|\|void 0===E?void 0:E.display_name,date:null==u?void 0:u.reviewedDate},isMobile:f,isSide:h}),Y.default.createElement(N.Container,null,Y.default.createElement(c.StyledContent,{onSubmit:e=>e.preventDefault(),className:"pwg-view-mobile","data-is-side":h},"marryBaby"!==v&&Y.default.createElement(c.StyledTwins,{className:"hide-asking-mobile","data-is-side":h},Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",style:{display:"block",color:d.theme.colors.gray600},className:"label"},y("pregnancyWeightGain.havingTwins")),Y.default.createElement(c.StyledRadioGroup,{options:[{value:"twins",label:y("switchBtn.yes")},{value:"notwins",label:y("switchBtn.no")}],value:b,onChange:e=>C(e),className:"gender-selector",id:"twins-check",direction:"horizontal",size:"small"})),Y.default.createElement(c.StyledInputWrapper,null,Y.default.createElement(c.StyledFormInput,{className:"input-section input-form-pwg","data-is-side":h},"marryBaby"===v?Y.default.createElement(c.StyledDropDown,{groupedWithLabel:y("pregnancyWeightGain.weekInput"),options:S,placeholder:"28 days",id:"due-date-dropdown",size:"lg",value:k,onChange:e=>w({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}},y("pregnancyWeightGain.weekInput")),Y.default.createElement(B.Dropdown,{options:S,placeholder:String(k.label),id:"weight-gain-dropdown",size:"md",value:k,onChange:e=>w({label:e.label,value:e.value})}))),Y.default.createElement(qe,{siteType:v,info:g,errorMessage:o,onChange:m})),"marryBaby"!==v&&Y.default.createElement(c.StyledTwins,{className:"hide-asking-desk","data-is-side":h},Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",style:{display:"block",color:d.theme.colors.gray600},className:"label"},y("pregnancyWeightGain.havingTwins")),Y.default.createElement(c.StyledRadioGroup,{options:[{value:"twins",label:y("switchBtn.yes")},{value:"notwins",label:y("switchBtn.no")}],value:b,onChange:e=>C(e),className:"gender-selector",id:"twins-check-mobile",direction:"horizontal",size:"small"})),"marryBaby"===v&&Y.default.createElement(be,{name:"twins",label:y("pregnancyWeightGain.havingTwins"),checked:"twins"===b,siteType:"marryBaby",onChange:()=>{C("twins"===b?"notwins":"twins")},value:"twins"}),Y.default.createElement(c.StyledSubmitButton,{"data-is-side":h,"data-site":v},Y.default.createElement(r.Button,{dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${p.domainLocales["marryBaby"===v?"vi-VN_MB":l]}/${T}`,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===v?"secondary":"primary",onClick:()=>n(b,k.value),role:"button"},y("dueDatePage.lastPeriod.calculate"))))))},exports.Pagination=({className:t,pagesAmount:l,currentPage:r,onChange:o,onClick:i,style:s,href:d,queryPageName:c="page"})=>{const u=[...Array(l)].map(((e,t)=>t+1)),[m,g]=e.useState(r),p=e.useMemo((()=>d&&d.endsWith("&page=")?d.replace("&page=",""):d),[d]),f=l-1,h=e=>{e<=l&&e>0&&(g(e),o(e))},v=e=>{i&&i(e)};return e.useEffect((()=>{g(r)}),[r]),Y.default.createElement(a.StyledPagination,{className:t,style:s},Y.default.createElement(a.StyledPageBlock,{className:"prev-page",onClick:()=>h(m-1),"data-last-page":1===m\|\|void 0},p?Y.default.createElement("a",{href:n.formatUrlWithPageParam(p,m,c),onClick:v},Y.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},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"},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(Ee,{pagesAmount:l,activePage:m,handlePageChange:h,handleClick:v,href:p,queryPageName:c}):u.map((e=>Y.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===m\|\|void 0,onClick:()=>h(e)},p?Y.default.createElement("a",{href:n.formatUrlWithPageParam(p,e,c),onClick:v},e):e))),Y.default.createElement(a.StyledPageBlock,{className:"next-page",onClick:()=>h(m+1),"data-last-page":m===f+1\|\|void 0},p?Y.default.createElement("a",{href:n.formatUrlWithPageParam(p,m,c),onClick:v},Y.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},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"},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:l,labelPrefix:n,detailSteps:r,className:o,onChange:i})=>{const[s,d]=e.useState(0),m=e=>{var{trackClassName:t}=e,a=u.__rest(e,["trackClassName"]);return Y.default.createElement(c.StyledTrackContainer,Object.assign({},a,{className:t}),Y.default.createElement(c.StyledTrack,null))},g=Y.default.createElement(c.StyledSlider,{className:o+" progress-bar"},Y.default.createElement(m,null),Y.default.createElement((({trackLength:e,activeStep:t,labelPrefix:l="Step",onChange:n})=>Y.default.createElement(Y.default.Fragment,null,Array.from({length:a},((e,t)=>t)).map(((r,o)=>Y.default.createElement(c.StyledStep,{"data-is-active":o===t,"data-label":o,style:{left:oe/(a-1)},onClick:()=>{n&&n(o)},key:o},o+1,Y.default.createElement(c.StyledStepLabel,{"data-step-passed":o<=t},l+" "+(o+1))))))),{trackLength:s,activeStep:l,labelPrefix:n,onChange:i})),p=Y.default.createElement("svg",{"data-name":"Layer 1",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})),f=Y.default.createElement(c.StyledBreadcrumbContainer,null,r&&Array.from({length:r.length},((e,t)=>t)).map(((e,t)=>{var a;return Y.default.createElement(c.StyledBreadcrumbWrapper,{key:t,"data-selected":t===l,onClick:()=>{i&&i(t)}},null===(a=r[t])\|\|void 0===a?void 0:a.text," ",t<r.length-1&&p)}))),h=Y.default.createElement(c.StyledSlider,{className:o+" 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(((l,n)=>Y.default.createElement(c.StyledDetailStep,{key:n,style:{left:100/e.lengthn+"%",width:100/e.length+"%"},onClick:()=>{a&&a(n)}},e[n].icon?Y.default.createElement(c.StyledDetailStepIndicatorExternal,{onClick:()=>{a&&a(n)}},e[n].icon):Y.default.createElement(c.StyledDetailStepIndicator,{"data-is-active":n===t,"data-label":l,onClick:()=>{a&&a(n)},key:n},n+1),Y.default.createElement(c.StyledDetailStepLabel,{"data-step-passed":n<t+1},e[n].text,Y.default.createElement(c.StyledDetailStepDescription,null,e[n].description)),n<e.length-1&&Y.default.createElement(m,{"data-step-passed":n<t,trackClassName:"progress-track","data-track-type":"detail"})))))),{activeStep:l,detailSteps:r,onChange:i})),v=e.useCallback(X.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",v,{passive:!0}),()=>{window.removeEventListener("resize",v)}}),[]),"step-track"===t&&g\|\|"breadcrumb"===t&&f\|\|"detail-track"===t&&h},exports.Radio=({size:e="small",label:t,name:a,checked:l,value:n,className:o,isDisabled:i=!1,onChange:s,dataEventCategory:d,dataEventAction:c,dataEventLabel:u})=>{const m=!!c&&!!d&&!!u?{"data-event-category":d,"data-event-action":c,"data-event-label":u}:{};return Y.default.createElement(r.Radio,Object.assign({size:"small"===e?"md":"lg",label:t,name:a,checked:l,value:n,className:o,disabled:i,onChange:e=>null==s?void 0:s(e.target.value)},m))},exports.RateStars=({gap:t=2,size:l=24,star:n,totalStars:r=5,onSelect:o,hideEmptyStars:i,style:s,className:d})=>{const c=Math.floor(n),u=n-c>=.5?1:0,[m,g]=e.useState(null),p=m\|\|c,f=m?0:u;return Y.default.createElement(a.StyledRateStars,{"data-selectable":!!o,style:Object.assign({"--gap":t,"--star-size":l},s),className:d},Array.from({length:i?c+u:r}).map(((e,t)=>{const a=()=>!!o&&g(t+1),l=()=>!!o&&g(null);return t+1<=p?Y.default.createElement(ke,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l}):t+1===p+f?Y.default.createElement(we,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l}):Y.default.createElement(Ce,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l})})))},exports.ScrollList=({row:t=2,column:a=3,isDotsShown:l=!0,isImageGalleryShown:n=!1,mode:r="infinity",type:o="separated",distanceOverlappedLeft:i={amount:0,unit:"pixel"},children:s,className:d,isProgressShown:u=!1,statusChildren:m,isArrowShown:g=!1,classNameLeftArrow:p,classNameRightArrow:f,dataEventCategory:h,dataEventAction:v,dataEventLabel:E,onChangePage:y,page:b,customPageWidth:C,scheme:k="hellosites",arrowType:w="Discover"})=>{const S="number"==typeof b,[x,T]=e.useState(S?b:0),B=[];Y.default.Children.map(s,((e,l)=>{l%(ta)==0&&B.push([]),B[B.length-1].push(Y.default.cloneElement(e))}));const N=e.useRef(),A=e.useRef(0),L=e=>{if(!N.current)return;const{clientWidth:t}=N.current,a=C\|\|t,l="intertwined"===o?"percentage"===i.unit?ea+i.amount/100ae:ea+i.amountae:ea;N.current.scrollTo({top:0,left:l,behavior:"smooth"}),A.current=e,T(e),y&&y(e)};e.useEffect((()=>{"number"==typeof b&&(e=>{if(!N.current)return;const{clientWidth:t}=N.current,a=C\|\|t,l="intertwined"===o?"percentage"===i.unit?ea+i.amount/100ae:ea+i.amountae:ea;N.current.scrollTo({top:0,left:l,behavior:"smooth"}),A.current=e,T(e)})(b)}),[b]);const P=e=>{if(!N.current)return;const{clientWidth:t}=N.current,a=C\|\|t;let l;l=0===x?0:xa,"forward"===e&&(l===a(B.length-1)?(T(B.length-1),l=a(B.length-1),y&&y(B.length-1)):(T(x+1),l+=a,y&&y(x+1)),N.current.scrollTo({top:0,left:l,behavior:"smooth"})),"back"===e&&(0===l?(T(0),y&&y(0),l=0):(T(x-1),y&&y(x-1),l-=a),N.current.scrollTo({top:0,left:l,behavior:"smooth"}))},I=X.default((()=>{if("infinity"===r){if(!N.current)return;const{clientWidth:e,scrollLeft:t}=N.current,a=C\|\|e,l=Math.floor(t/a);T(l),y&&y(l)}}),400);return e.useEffect((()=>{if("snapped"===r){let e,t,a,l,n,r,s=!1;const d=N.current,c=(r,o)=>{s=!0,a=!1,l=!1,e=r-d.offsetLeft,t=o-d.offsetTop,n=d.scrollLeft},u=e=>{c(e.pageX,e.pageY)},m=e=>{c(e.touches[0].pageX,e.touches[0].pageY)},g=()=>{if(s=!1,a=!1,l=!1,!N.current)return;const{clientWidth:e}=N.current,t=C\|\|e,n="ltr"===r?0!==A.current?A.current-1:A.current:"rtl"===r&&A.current<B.length-1?A.current+1:A.current,d="intertwined"===o?"percentage"===i.unit?nt+i.amount/100tn:nt+i.amounttn:nt;N.current.scrollTo({top:0,left:d,behavior:"smooth"}),r="none",A.current!==n&&(A.current=n,T(n),y&&y(n))},p=(o,i)=>{if(!s)return;const c=o-d.offsetLeft,u=i-d.offsetTop,m=c-e,g=u-t;a\|\|l\|\|!(g>20\|\|g<-20)\|\|(a=!0),!a&&(m>20\|\|m<-20)&&(l=!0,d.scrollLeft=n-m,m>0&&(r="ltr"),m<0&&(r="rtl"),0===m&&(r="none"))},f=e=>{l&&e.preventDefault(),p(e.pageX,e.pageY)},h=e=>{l&&e.preventDefault(),p(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",g,{passive:!0}),window.addEventListener("touchend",g,{passive:!0}),null==d\|\|d.addEventListener("mousemove",f,{passive:!0}),null==d\|\|d.addEventListener("touchmove",h,{passive:!0}),()=>{null==d\|\|d.removeEventListener("mousedown",u),null==d\|\|d.removeEventListener("touchstart",m),window.removeEventListener("mouseup",g),window.removeEventListener("touchend",g),null==d\|\|d.removeEventListener("mousemove",f),null==d\|\|d.removeEventListener("touchmove",h)}}}),[]),Y.default.createElement(c.StyledScrollList,{className:d,"data-row":t,onScroll:I},g&&x>0&&Y.default.createElement("div",{className:`${p} arrow-left`,onClick:()=>P("back"),"data-event-category":h,"data-event-action":v,"data-event-label":E},"Care"===w?Y.default.createElement("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"},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"===k?"#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"===k?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),Y.default.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===k?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),Y.default.createElement("div",{ref:N,className:"container",style:{overflowX:"snapped"===r\|\|g?"hidden":"scroll"}},B.map(((e,l)=>{let n=0;for(let e=0;e<l;e++)n+=B[e].length;return Y.default.createElement("div",{key:l,className:"section",style:{marginLeft:"intertwined"===o&&0!==l?i.amount+""+("percentage"===i.unit?"%":"px"):"0px"}},1===t&&u&&Y.default.createElement("div",{className:"progress-bar",style:{gridTemplateColumns:`repeat(${a}, 1fr)`}},e.map(((t,a)=>{const r=n+a,o=m.find((e=>e.index===r));return Y.default.createElement("div",{className:"items-progress",key:a},0===a&&0===l?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(_e,{status:null==o?void 0:o.status})),l===B.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":l,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))))))}))),g&&x<B.length-1&&Y.default.createElement("div",{className:`${f} arrow-right`,onClick:()=>P("forward"),"data-event-category":h,"data-event-action":v,"data-event-label":E}," ","Care"===w?Y.default.createElement("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"},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"===k?"#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"===k?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),Y.default.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===k?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),l&&Y.default.createElement("ul",{className:"bullet-nav"},B.map(((e,t)=>Y.default.createElement("li",{key:t,className:"bullet-nav__item "},Y.default.createElement("p",{onClick:()=>L(t),className:`bullet-nav__link scroll ${x==t?"active":null}`,"data-scheme":k}))))),n&&Y.default.createElement("div",{className:"image-gallery-wrapper","data-test":B.length},B.slice(0,3).map(((e,t)=>Y.default.createElement("div",{className:`image-block ${x==t?"active":null}`,key:t,onClick:()=>L(t),"data-scheme":k},e)))))},exports.SeoHead=({SEOData:t={},locale:a="vi-VN",routerPathname:l,routerQuery:n,nextHead:r,siteType:o,seoCustom:i,userId:s,forcedCanonicalUrl:d})=>{var c,u,m,g,f,h,E,y,b,C,k,w;const{totalPages:S,currentPage:x,SEOTitle:T="",SEODescription:B="",SEOImage:N,seoType:A,SEOImageWidth:L,SEOImageHeight:P,customMetaData:I=[],isIndexable:M=!0,hasNoCanonical:D=!1}=t,O=M&&v.isProduction?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",{NEXT_PUBLIC_BASE_API_URL:_}=process.env;let z=t.canonicalUrl\|\|l;Object.keys(n).forEach((e=>{const t=n[e];t&&Array.isArray(t)&&(z=z.replace(`[...${e}]`,t.join("/")))}));const j=a\|\|"en-PH",F="helloSites"===o?p.domainLocales[j]:"www.marrybaby.vn",H=z.endsWith("/")?"":"/",R=e.useMemo((()=>{var e,l,n,r,o,i,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 ${x} of ${S}`,m=x&&1!==x&&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://${F}${z}${H}" />`,`<link rel="canonical" href="https://${F}${z}${H}?page=${x}" />`):t.apiMetaData;if(d=J.default(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://${F}/images/${a}.png`;d=[...d,Y.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(l=t.openGraph)\|\|void 0===l?void 0:l.image)\|\|N\|\|e\|\|""}),Y.default.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(n=t.openGraph)\|\|void 0===n?void 0:n.image)\|\|N\|\|e}),Y.default.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(r=t.openGraph)\|\|void 0===r?void 0:r.imageWidth)&&String(null===(o=t.openGraph)\|\|void 0===o?void 0:o.imageWidth)\|\|L&&String(L)\|\|"1200"}),Y.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(i=t.openGraph)\|\|void 0===i?void 0:i.imageHeight)&&String(null===(s=t.openGraph)\|\|void 0===s?void 0:s.imageHeight)\|\|P&&String(P)\|\|"630"})]}}return d}),[t.apiMetaData,t.openGraph,N,P,L,x,z,S,a,F]),G=`https://${F}/images/${a}.png`;return Y.default.createElement(r,null,Y.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===o?Y.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter:wght@400..800&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"}):"th-TH"===a?Y.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wdth,wght@62.5..100,100..900&display=swap",rel:"stylesheet"}):Y.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter:wght@400..800&display=swap",rel:"stylesheet"}),Y.default.createElement("link",{rel:"preconnect",href:_}),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:O}),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"===o?"#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:j}),Y.default.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),!R&&Y.default.createElement(Y.default.Fragment,null,"helloSites"===o?Y.default.createElement("title",null,i?T:T+" - "+(null===(c=p.LOCALE_SPECS[a])\|\|void 0===c?void 0:c.SITE_NAME)):Y.default.createElement("title",null,T),!D&&Y.default.createElement("link",{rel:"canonical",href:`https://${F}${z}`}),Y.default.createElement("meta",{name:"description",content:B\|\|(null===(u=t.openGraph)\|\|void 0===u?void 0:u.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===(m=t.openGraph)\|\|void 0===m?void 0:m.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://${F}${z}`}),Y.default.createElement("meta",{property:"og:site_name",content:`https://${F}`}),Y.default.createElement("meta",{property:"og:image",content:(null===(f=t.openGraph)\|\|void 0===f?void 0:f.image)\|\|N\|\|G\|\|""}),Y.default.createElement("meta",{property:"og:image:secure_url",content:(null===(h=t.openGraph)\|\|void 0===h?void 0:h.image)\|\|N\|\|G}),Y.default.createElement("meta",{property:"og:image:width",content:(null===(E=t.openGraph)\|\|void 0===E?void 0:E.imageWidth)&&String(null===(y=t.openGraph)\|\|void 0===y?void 0:y.imageWidth)\|\|L&&String(L)\|\|"1200"}),Y.default.createElement("meta",{property:"og:image:height",content:(null===(b=t.openGraph)\|\|void 0===b?void 0:b.imageHeight)&&String(null===(C=t.openGraph)\|\|void 0===C?void 0:C.imageHeight)\|\|P&&String(P)\|\|"630"}),Y.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),Y.default.createElement("meta",{name:"twitter:title",content:(null===(k=t.twitter)\|\|void 0===k?void 0:k.title)\|\|T}),Y.default.createElement("meta",{name:"twitter:description",content:B}),Y.default.createElement("meta",{name:"twitter:image",content:(null===(w=t.twitter)\|\|void 0===w?void 0:w.image)\|\|N})),("helloSites"===o?p.FAVICONS[j]\|\|[]:p.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)&&d?R.filter((e=>"canonical"!==e.props.name&&"canonical"!==e.props.rel)):R,d&&Y.default.createElement("link",{rel:"canonical",href:d}),!t.hasNoAmp&&"vi-VN"!==a&&Y.default.createElement("link",{rel:"amphtml",href:`https://${F}${z}${H}?amp=1`}),s&&"undefined"!=typeof window?Y.default.createElement("script",{dangerouslySetInnerHTML:{__html:`window.dataLayer = window.dataLayer \|\| []; window.dataLayer.push({'userID': '${s}'});`}}):null)},exports.ShareContainer=({url:a,onCopied:l,locale:n,siteType:r})=>{const{t:o}=i.useTranslations(),s=j.getSocialList(a\|\|"").filter((e=>!e.allowedLocales\|\|e.allowedLocales.includes(n))),m=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return Y.default.createElement(c.StyledShareContainer,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":m},e.icon))),Y.default.createElement(z.Button,{theme:r,size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:Y.default.createElement(tt,null),onClick:()=>u.__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==l\|\|l()})),"data-event-category":"Health Tool","data-event-action":"Copy Link","data-event-label":m})))},exports.ShareDrawer=a=>{var{open:l,title:n,onClose:r,onCopied:o,onShared:s,url:m,locale:g}=a,p=u.__rest(a,["open","title","onClose","onCopied","onShared","url","locale"]);const{t:f}=i.useTranslations(),h=e.useCallback((()=>u.__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(m),null==o\|\|o()}))),[m,o]),v=j.getSocialList(m\|\|"").filter((e=>!e.allowedLocales\|\|e.allowedLocales.includes(g)));return e.useEffect((()=>{l&&navigator.share&&navigator.share({title:null!=n?n:"Read This Post",url:m}).then((()=>{null==s\|\|s()})).catch((()=>{null==r\|\|r()}))}),[m,n,s,l]),"undefined"!=typeof navigator&&navigator.share?null:Y.default.createElement(c.StyledShareDrawer,Object.assign({title:f("share.title"),onClose:r,open:l,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},f("share.title")),Y.default.createElement("div",{className:"icon-group"},v.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},f("share.copyLink")),Y.default.createElement("div",{className:"input-group"},Y.default.createElement(w.Input,{name:"link",size:"md",value:m,isDisabled:!0}),Y.default.createElement(z.Button,{size:"md",type:"button",color:"tertiary",icon:Y.default.createElement(at,null),onClick:h})))))},exports.StatisticCard=({type:e,description:t,value:a,withIcon:l,isInACard:n,cardColor:r,className:o})=>Y.default.createElement(c.StyledStatisticContainer,{className:o,"data-size":e,"data-is-in-card":"big"===e&&n,"data-card-color":r},Y.default.createElement(c.StyledDescriptionWrapper,null,"small"===e&&Y.default.createElement(c.StyledDot,{"data-color":r}),t),Y.default.createElement(c.StyledStatisticNumberWrapper,{"data-size":e},"small"!==e&&l,a)),exports.SurveyOrPremiumBanner=({type:t,articleId:l=0,categoryIds:n=[],isMarketing:r,isSurveyType:o,hasPremiumBanner:d,currentUrl:u,isMobile:g,subcribeHealthStatus:f,setShouldAcquisitionModalOpen:h,onValueChange:v,source:E="discover",Wrapper:y})=>{const{t:b}=i.useTranslations(),{data:{userInfo:C}}=e.useContext(a.TogetherComponentGlobalContext),k=Boolean(null==C?void 0:C.id),[w,S]=e.useState(null),[x,T]=e.useState(),[B,N]=e.useState(""),[A,L]=e.useState(!1),[P,I]=e.useState(!1),M=e.useMemo((()=>c.MAPPING_CATEGORY_PREMIUM_TYPE[t]),[]),D=((e,t)=>({[c.BannerCategory.Pregnant]:{action:c.BannerAction.ShowOptionBanner,props:{heading:e("pnBanner.pregnancy.heading"),description:e("pnBanner.pregnancy.desc"),styleType:c.OptionBannerStyleType.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:m.rem(80),[e.fn.largerThan("sm")]:{minWidth:m.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:c.BannerAction.ShowTool,props:{value:c.HEALTH_TOOL_TYPE.DUE_DATE}},no:{action:c.BannerAction.ShowPremiumModal}}},[c.BannerCategory.Parenting]:{action:c.BannerAction.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:c.OptionBannerStyleType.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:c.BannerAction.ShowTool,props:{value:c.HEALTH_TOOL_TYPE.BABY_VACCINE}},teenager:{action:c.BannerAction.ShowOptionBanner,props:{styleType:c.OptionBannerStyleType.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:c.BannerAction.ShowPremiumModal},"teenager.girl":{action:c.BannerAction.ShowTool,activeTool:p.RISK_SCREENER_NAME.HPV,props:{value:p.RISK_SCREENER_NAME.HPV}},"todders\|teenager":{action:c.BannerAction.ShowOptionBanner,props:{styleType:c.OptionBannerStyleType.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:c.HEALTH_TOOL_TYPE.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:c.BannerAction.ShowOptionBanner,props:{styleType:c.OptionBannerStyleType.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:c.HEALTH_TOOL_TYPE.BABY_VACCINE,isLink:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Baby Vaccine Click",dataEventLabel:t}}]}}}}}))(b,u)[M],O=null==D?void 0:D.submitHandler,_=y\|\|m.Box,z=()=>d&&1!==(null==C?void 0:C.subscription)?Y.default.createElement(nt,null):null;return e.useEffect((()=>{k&&S({userInfo:C,preferredTopics:c.PREFER_TOPICS,healthTopics:[]})}),[k]),Y.default.createElement(c.SurveyOrPremiumBannerContext.Provider,{value:{settings:D,submitHandler:O,type:t,surveyType:M,value:B,setValue:N,isMobile:g,isLoggedIn:k,isMarketing:r,hasPremiumBanner:d,currentUrl:u,acquisitionInfo:w,categoryIds:n,subcribeHealthStatus:f,articleId:l,onValueChange:v,state:x,setState:T,handleClickOption:e=>{const t=(e=>{let t="";const a=e.split("\|");return 1===a.length?e:(Object.keys(O).map((e=>{const l=e.split("\|");if(a.length===l.length){let n=0;a.map((e=>{l.includes(String(e))&&(n+=1)})),n===a.length&&(t=e)}})),t)})(e);if(t){const a=O[t];a.action===c.BannerAction.ShowPremiumModal?d?(L(!0),T(Object.assign(Object.assign({},x),{actionParams:{hideBannerWhenClose:a.action===c.BannerAction.ShowPremiumModal}}))):(T({action:c.BannerAction.Hide}),null==v\|\|v(e)):(T(a),null==v\|\|v(e))}},showPNModal:A,setShowPNModal:L,source:E,Outside:_,isBack:P,setIsBack:I,minHeight:180,setShouldAcquisitionModalOpen:h}},void 0!==f?k?o&&D?(()=>{const e=O[(null==f?void 0:f.value)\|\|""];return(null==e?void 0:e.action)===c.BannerAction.ShowPremiumModal?z():Y.default.createElement(Tt,null)})():z():d?Y.default.createElement(nt,null):null:null)},exports.SurveyThankyouCard=({thankyou:e,thankyouSubtitle:l,className:n,style:r})=>Y.default.createElement(c.StyledSurveyQuestionCard,{className:n,style:r},Y.default.createElement("div",{className:"survey-inner-wrapper"},Y.default.createElement(c.StyledSurveyThankyouCard,null,Y.default.createElement("div",{className:"survey-thankyou-wrapper-inner"},Y.default.createElement("svg",{viewBox:"0 0 122 122",fill:"none",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),l&&Y.default.createElement(t.Text,{className:"survey-thankyou-subtitle",size:"p3"},l))))),exports.THRCardEmbed=({isSide:l,locale:n,thrContent:r,isMobile:o,info:u,inputErrorMessage:g,onFormChange:f,onSubmit:h})=>{var v,E,y;const{t:b}=i.useTranslations(),{getHealthToolLink:C}=L.useHealthToolsCache(n),k=e.useMemo((()=>C(a.HEALTH_TOOL_TYPE.THR)),[C]),[w,S]=e.useState(!1),[T,B]=e.useState("low_intensity"),[A,I]=e.useState("male"),[M,D]=e.useState(60),[O,_]=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}],j=[{value:"low_intensity",label:b("targetHeartRate.lowIntensity.title"),image:s.CommonGAssets.getAssetPath("/low.svg"),imageActive:s.CommonGAssets.getAssetPath("/low-active.svg"),content:b("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:b("targetHeartRate.moderateIntensity.title"),image:s.CommonGAssets.getAssetPath("/moderate.svg"),imageActive:s.CommonGAssets.getAssetPath("/moderate-active.svg"),content:b("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:b("targetHeartRate.aerobicZone.title"),image:s.CommonGAssets.getAssetPath("/aerobic.svg"),imageActive:s.CommonGAssets.getAssetPath("/aerobic-active.svg"),content:b("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:b("targetHeartRate.vigorousIntensity.title"),image:s.CommonGAssets.getAssetPath("/vigorous.svg"),imageActive:s.CommonGAssets.getAssetPath("/vigorous-active.svg"),content:b("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:b("targetHeartRate.maximumIntensity.title"),image:s.CommonGAssets.getAssetPath("/maximum.svg"),imageActive:s.CommonGAssets.getAssetPath("/maximum-active.svg"),content:b("targetHeartRate.maximumIntensity.note")}];return e.useEffect((()=>{const e=((new Date).getTime()-new Date(null==u?void 0:u.age).getTime())/1e3;S(e>=567648e3);const t=z.find((t=>e>=365t.minAge246060&&e<365t.maxAge246060))\|\|z[0];_(t),D(60)}),[null==u?void 0:u.age]),Y.default.createElement(c.StyledContainer,{"data-is-side":l},Y.default.createElement(c.ToolsBannerCard,{isSide:l,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:b("targetHearRate.heading"),medicalReview:(null===(v=null==r?void 0:r.reviewedBy)\|\|void 0===v?void 0:v.display_name)?{link:P.formatUserProfileUrl(null==r?void 0:r.reviewedBy),reviewer:null===(E=null==r?void 0:r.reviewedBy)\|\|void 0===E?void 0:E.display_name,date:null==r?void 0:r.reviewedDate}:void 0,isMobile:o}),Y.default.createElement(N.Container,null,Y.default.createElement(c.StyledContent,{className:"heart-rate-cal",onSubmit:e=>e.preventDefault(),"data-is-side":l},Y.default.createElement(c.StyledRow$1,{"data-is-side":l},Y.default.createElement(c.FormControl$1,null,Y.default.createElement(Se,{defaultValue:"male",onChange:e=>{I(e),D(60)},styles:e=>({root:!l&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:m.rem(12)}}})}))),Y.default.createElement(c.StyledRow$1,null,Y.default.createElement(Ve,{info:u,locale:n,errorMessage:g,onChange:f})),Y.default.createElement("div",{className:"slider-heart-rate"},Y.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600},b("targetHeartRate.heartRateInput")),Y.default.createElement("div",{className:"slider-outer-wrapper"},Y.default.createElement(x.Slider,{containerStyle:{flex:1},min:"male"===A?O.rangeMale:O.rangeFemale,max:200,step:1,value:M,withControl:!0,onChange:D}))),w&&Y.default.createElement(c.FormControl$1,null,Y.default.createElement(c.StyledActive,null,Y.default.createElement(t.Text,{size:"s4",style:{display:"inline-block",fontWeight:"bold",color:d.theme.colors.gray600,marginBottom:"9px"}},b("targetHeartRate.selectActive")),Y.default.createElement("div",{className:"card"},Y.default.createElement(We,{options:j.map((e=>({value:e.value,label:e.label,image:e.image,imageActive:e.imageActive}))),value:T,onChange:e=>{B(e)},className:"gender-selector"})),T&&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===(y=j[j.findIndex((e=>e.value==T))\|\|0])\|\|void 0===y?void 0:y.content)),!T&&Y.default.createElement("span",{style:{color:"#e64728"}},g.intensity)))),Y.default.createElement("div",{style:{display:"flex"}},Y.default.createElement(c.StyledButton$1,{size:"lg",onClick:()=>{h(A,T,[M])},dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:`https://${p.domainLocales[n]}/${k}`},b("bmi.submit")))))},exports.Tabs=({style:a,initialTab:l,tabContent:n,onChange:r,className:o,dataEventCategory:i,dataEventAction:s,dataEventLabel:d,id:u,styles:m})=>{const{classes:g,cx:p,theme:f}=c.useStyles$1(void 0,{name:"Tabs",styles:m}),[h,v]=e.useState(l\|\|0);return e.useEffect((()=>{v(l)}),[l]),Y.default.createElement("ul",{style:a,className:p(g.root,o),role:"tablist",id:u},n.map(((e,a)=>Y.default.createElement("li",{className:`${g.item} ${h===a?"active":""} ${e.className}`,"aria-selected":h===a,role:"tab",onClick:()=>{v(a),r&&r(a)},onKeyDown:e=>{"Enter"===e.key&&(v(a),r&&r(a))},key:a,"data-event-category":e.dataEventCategory\|\|i,"data-event-action":e.dataEventAction\|\|s,"data-event-label":e.dataEventLabel\|\|d,tabIndex:0,"data-testid":e.dataTestid},Y.default.createElement("div",{className:g.itemInner},e.icon&&Y.default.createElement("div",{className:g.icon},e.icon),Y.default.createElement(t.Text,{className:g.label,size:e.textSize\|\|"sm",weight:e.textType\|\|"bold",color:h===a?f.fn.primaryColor():e.textColor\|\|f.colors.gray[4],dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel},e.name))))))},exports.Tag=({type:e,children:t,style:l,isInline:n,isSquared:r=!1,className:i,isLight:s,hasMorePadding:d,isLink:c,isSelected:u,textProps:m={size:"sm"}})=>{const g=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":n\|\|void 0,style:Object.assign(Object.assign({},l),g),className:i,"data-is-selected":u\|\|void 0,"data-is-link":c\|\|void 0,tagType:e,isInline:n,tagHasMorePadding:d,tagIsLight:s,tagIsSquared:r,tagIsALink:c},Y.default.createElement(o.Text,Object.assign({},m),t))},exports.Toggle=({className:e,id:t,onChange:l,checked:n,style:r,label:o})=>Y.default.createElement(a.StyledToggle,{className:e,style:r},Y.default.createElement("input",{type:"checkbox",id:t,onChange:l,checked:n}),Y.default.createElement("label",{htmlFor:t},Y.default.createElement(a.StyledToggleIcon,null),o&&Y.default.createElement(a.StyledToggleLabel,null,o))),exports.UserProfileNavigation=({SSO_URL:t,UP_BASEPATH:a="user",themeName:l="helloSites",cardUrls:n=Bt,enableCare:r,enableTogether:o,enableEcom:d,enableMySaved:u,userInfo:m,togetherApiDomain:g,userPostsNumber:p,onClickNavigationCard:f,onClickMyProfileButton:h,onClickMenuItem:v,onClickLogout:E,isUserProfileNavigatorMenuHidden:b=!1,isMyHealthEnabled:C=!1,locale:k})=>{const{t:w}=i.useTranslations(),[S,x]=e.useState(p\|\|0),T="marryBaby"===l;e.useEffect((()=>{if(m&&void 0===p){const e=U.getCookie("hhg_user_token");e&&fetch(q.normalizeLinkSlash(y.getTogetherUserPostsApiPath(k,T,g)),{headers:{Authorization:`Bearer ${e}`}}).then((e=>e.json())).then((e=>{var t,a,l;1===(null==e?void 0:e.status)&&(null===(t=null==e?void 0:e.data)\|\|void 0===t?void 0:t.pagination)&&x((null===(l=null===(a=null==e?void 0:e.data)\|\|void 0===a?void 0:a.pagination)\|\|void 0===l?void 0:l.total_items)\|\|0)})).catch((e=>console.error("Error fetching post number",e)))}}),[k,null!==m,p,g,T]);const B=e.useMemo((()=>{let e;return e=T?["myHealth","myCommunity","mySaved"]:["myHealth","mySaved","myBooking","myCommunity","eCom"],e.filter((e=>"myBooking"===e?r:"myCommunity"===e?o:"myHealth"===e?C:"eCom"===e?d:"mySaved"!==e\|\|u))}),[T,C]),N=e.useMemo((()=>"marryBaby"===l?null:Y.default.createElement(z.Button,{color:"tertiary",icon:Y.default.createElement("img",{src:s.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-logOut.svg"),width:15,height:15,loading:"lazy"}),size:"md",onClick:E,className:Vt},w("userProfile.nav.menu.logout"))),[l]),A=e=>{e.startsWith("http")\|\|e.startsWith("/")?window.location.href=q.normalizeLink(e):t&&(window.location.href=q.normalizeLink(`${t}${a}/${e}`))},L=e=>{const t=n[e];f?f(t):A(t)};return m?Y.default.createElement("div",{className:Gt,"data-theme":l},Y.default.createElement(Mt,{userInfo:m,themeName:l,onClickMyProfileButton:()=>{h?h():A("profile")}}),Y.default.createElement(Jt,{themeName:l,rank:"member",numberOfPosts:S}),Y.default.createElement("div",{className:$t},B.map((e=>Y.default.createElement(c.NavigationCard,{className:Wt,key:e,themeName:l,type:e,onClick:L})))),!b&&Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(Ht,{themeName:l,locale:k,onClickItem:e=>{"logout"===e.link&&E?E():e.link&&!e.subMenu&&(v?v(e.link):A(e.link))}}),N)):null},exports.UserStats=Jt,exports.index=Oe,exports.index$1=ze;