npm - @hhgtech/hhg-components - Versions diffs - 1.28.64-beta-1 → 1.28.64 - Mend

@hhgtech/hhg-components 1.28.64-beta-1 → 1.28.64

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

package/build/{index-f3d850c2.js → index-7aa07832.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-"use strict";var e=require("react"),t=require("./index-feef2a5c.js"),a=require("./index.styles-7d8d7d8d.js"),l=require("./utils-6602144b.js"),n=require("./index-e592a397.js"),i=require("./index-ae525f06.js"),o=require("./useUniqueId-e6800dce.js"),r=require("./index-2b5f13e9.js"),s=require("./index-a4d471a9.js"),d=require("./theme-9d8c0f15.js"),c=require("./tslib.es6-92473394.js"),m=require("@mantine/core"),u=require("innertext");require("@mantine/dates");var p=require("./index-377dcf63.js"),g=require("./Subot-e8e32c73.js");require("./translationsContext-9f3e5975.js"),require("string-format");var h=require("@mantine/hooks"),f=require("./index-d9b6c241.js"),v=require("styled-components"),b=require("lodash/throttle"),y=require("./index-90efccd6.js"),x=require("./index-09af54bf.js"),E=require("./index-37f69418.js"),w=require("html-react-parser"),C=require("./isProduction-79e09f71.js"),k=require("./useTranslations-1da09077.js"),B=require("date-fns"),T=require("dayjs");require("./utils-e74f7231.js");var S=require("./index-4e0c886a.js");require("./index.styled-0ee163ab.js"),require("./index-198bff5e.js");var N=require("./constants-39ce5af1.js"),A=require("./utils-fa8ea45a.js"),M=require("./types-211218df.js"),P=require("./index-b25871e4.js"),D=require("./index-d2198612.js"),z=require("./index-dcc46678.js"),L=require("./index-3f66b676.js"),I=require("./index-20c9448d.js"),$=require("react-hook-form"),_=require("./useHealthToolCache-86a7240e.js"),O=require("@hookform/resolvers/yup"),j=require("./index-0420b146.js"),F=require("./index-ef615786.js");require("@hhgtech/icons/core"),require("@hhgtech/icons/other"),require("./WhatsApp-59bf48e6.js");var H=require("./useOutsideClick-ae164827.js"),R=require("date-fns/locale/en-US"),G=require("date-fns/locale/id"),U=require("date-fns/locale/vi"),W=require("date-fns/locale/zh-TW"),V=require("./getSocialList-4db065c4.js"),q=require("uuid"),Q=require("./routing-9856aab9.js"),Z=require("@mantine/form"),Y=require("./index-f41291af.js"),K=require("js-cookie"),X=require("lodash/flatten"),J=require("lodash/uniqBy"),ee=require("./cookieHelper-66c3970b.js"),te=require("./normalizeLink-36e3cc8b.js");function ae(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var le=ae(e),ne=ae(u),ie=ae(v),oe=ae(b),re=ae(w),se=ae(T),de=ae(R),ce=ae(G),me=ae(U),ue=ae(W),pe=ae(K),ge=ae(X),he=ae(J),fe="CHw-fZZ",ve="_03U6VRS",be="EO828Vv";const ye={xs:28,small:32,medium:40,large:48,xl:64,xxl:80,xxxl:96},xe=({type:t="square",size:l,avatarImg:i,avatarUrl:o,firstLetter:r,backgroundColor:s,onClick:d,style:c,className:m,width:u,height:p,alt:g})=>{const h=l?ye[l]:void 0,[f,v]=e.useState(!1);e.useEffect((()=>{if(o){const e=document.createElement("img");e.setAttribute("src",o),e.addEventListener("error",(()=>{v(!0)}))}}),[o,v]);const b=(!o&&!i||f)&&r;return le.default.createElement(a.StyledAvatar,{style:Object.assign(Object.assign({},c),{"--size":h?h+"px":void 0,"--width-prop":u?u+"px":void 0,"--height-prop":p?p+"px":void 0,"--background-color":s}),"data-has-max":!(!u||!p),"data-avatar-type":t,onClick:d,className:m,avatarUrl:o,"data-custom-size":!!l},i,o&&!f&&le.default.createElement(n.ImageWrap,{src:o,alt:g||"avatar"}),b&&r)},Ee=()=>le.default.createElement("style",null,".file-dropdown-path{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}"),we=()=>le.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 12.17 14.83"},le.default.createElement("defs",null,le.default.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},le.default.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"}))),le.default.createElement("title",null,"File"),le.default.createElement("g",{clipPath:"url(#prefix__clip-path)"},le.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)"}),le.default.createElement("path",{className:"file-dropdown-path",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),Ce=()=>le.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},le.default.createElement("title",null,"download"),le.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)"})),ke=()=>le.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},le.default.createElement("title",null,"upload"),le.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)"})),Be=({pagesAmount:t,activePage:n,handlePageChange:i,handleClick:o,href:r,queryPageName:s="page"})=>{const d=[...Array(t)].map(((e,t)=>t+1)),[c,m]=e.useState(n<=4?d.slice(0,5):n>=d.length-3?d.slice(d.length-5,d.length):d.slice(n-2,n+1));return e.useEffect((()=>{n<=4?m(d.slice(0,5)):n>=d.length-3?m(d.slice(d.length-5,d.length)):m(d.slice(n-2,n+1))}),[n]),le.default.createElement(e.Fragment,null,n>4&&le.default.createElement(e.Fragment,null,le.default.createElement(a.StyledPaginationBlock,{onClick:()=>i(1)},r?le.default.createElement("a",{href:r,onClick:o},1):1),le.default.createElement(a.StyledPaginationBlock,null,"...")),c.map((e=>le.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===n||void 0,onClick:()=>i(e)},r?le.default.createElement("a",{href:l.formatUrlWithPageParam(r,e,s),onClick:o},e):e))),n<d.length-3&&le.default.createElement(e.Fragment,null,le.default.createElement(a.StyledPaginationBlock,null,"..."),le.default.createElement(a.StyledPaginationBlock,{onClick:()=>i(d.length)},r?le.default.createElement("a",{href:l.formatUrlWithPageParam(r,d.length,s),onClick:o},d.length):d.length)))},Te=({label:e,name:t,checked:l,className:n,isDisabled:i,onChange:o,value:r,isRectangle:s,inputDataTestId:d,siteType:c})=>le.default.createElement(a.StyledCheckbox,{className:n,"data-disabled":i||void 0,"data-is-rectangle":s||void 0,"data-label-text":e,"data-theme":c},le.default.createElement("input",{type:"checkbox",checked:l,name:t,onChange:()=>o(r,!l),disabled:i,value:r,id:`${t}-${r}`,"data-label-text":e,"data-testid":d}),!s&&le.default.createElement("label",{htmlFor:`${t}-${r}`},e)),Se=e=>le.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 32 32",fill:"none"}),le.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"})),Ne=e=>le.default.createElement("svg",Object.assign({},e,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"}),le.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"})),Ae=e=>{const t=o.useUniqueId();return le.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 24 24",fill:"none"}),le.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"}),le.default.createElement("mask",{id:t,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},le.default.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),le.default.createElement("g",{mask:`url(#${t})`},le.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"})))},Me=l=>{var{label:n,availableValue:i,styles:o,isBaby:s,genderValue:d={male:"male",female:"female"}}=l,u=c.__rest(l,["label","availableValue","styles","isBaby","genderValue"]);const{t:p}=k.useTranslations(),{classes:g,cx:h}=a.useStyles(void 0,{name:"GenderOptionControl",styles:o}),[f,v]=e.useState(),b=e.useRef(null),y=e.useMemo((()=>[{value:d.male,label:p(s?"gender.boy":"gender.male"),icon:r.CommonGAssets.getAssetPath(s?"health-tools/boy-icon.svg":"health-tools/male-icon.svg")},{value:d.female,label:p(s?"gender.girl":"gender.female"),icon:r.CommonGAssets.getAssetPath(s?"health-tools/girl-icon.svg":"health-tools/female-icon.svg")}]),[]);return e.useEffect((()=>{v(i)}),[i]),le.default.createElement(m.Box,{ref:b,className:g.root},le.default.createElement(m.Radio.Group,Object.assign({className:"radio-group",label:le.default.createElement(t.Text,{as:"label",size:"s4",weight:"semiBold"},n||p(s?"tools.selectBabyGender":"tools.selectGender")),size:"lg"},u,{classNames:{error:g.groupErr}}),le.default.createElement(m.Flex,{className:h(g.wrapper)},y.map((e=>le.default.createElement(m.Radio,Object.assign({className:"gender-item",classNames:{root:g.itemRoot,labelWrapper:g.itemLabelWrapper,label:g.itemLabel,inner:g.itemInner},key:e.value,value:e.value},f&&e.value!==f&&{disabled:!0},{label:le.default.createElement(m.Flex,{gap:m.rem(8),align:"center",justify:"center",sx:{zIndex:0}},le.default.createElement("img",{src:e.icon,className:"gender-image",alt:"female",loading:"lazy"}),le.default.createElement(t.Text,{size:"p3"},e.label))})))))))};var Pe="PiqKaXk",De="HgbW6-m",ze="_6lkfLYy",Le="j7c-onH";const Ie=({avatarImg:e,authorName:a,authorLink:l,uploadTime:n,size:i})=>le.default.createElement("div",{className:Le},le.default.createElement("div",{className:"author"},le.default.createElement("div",{className:"avatar","data-size":i},e),le.default.createElement("div",{className:"poster","data-is-disabled-url":!l},le.default.createElement(t.Text,{size:"lg"===i?"p3":"p4"},le.default.createElement("a",{href:l},le.default.createElement("span",{className:"name"},a),"•"," "),le.default.createElement("span",null,n))))),$e=({isMobile:e,avatarImg:a,name:l,link:n,size:i="lg",specialty:o})=>le.default.createElement("div",{className:Le},le.default.createElement("div",{className:"author"},le.default.createElement("div",{className:"expert-avatar","data-size":i},a),le.default.createElement("div",{className:"expert","data-is-disabled-url":!n},e?le.default.createElement("a",{href:n},"lg"===i?le.default.createElement(le.default.Fragment,null,le.default.createElement(s.Heading,{tag:"h6",className:"expert__name",color:d.theme.colors.gray600},l),le.default.createElement(t.Text,{color:d.theme.colors.gray500,size:"p3",className:"specialty"},o)):le.default.createElement(le.default.Fragment,null,le.default.createElement(s.Heading,{tag:"h6",className:"expert__name",color:d.theme.colors.gray600},l))):le.default.createElement("a",{href:n},"lg"===i?le.default.createElement(le.default.Fragment,null,le.default.createElement(s.Heading,{tag:"h6",className:"expert__name",color:d.theme.colors.gray600},l),le.default.createElement(t.Text,{color:d.theme.colors.gray500,size:"p3",className:"specialty"},o)):le.default.createElement(le.default.Fragment,null,le.default.createElement("h6",{color:d.theme.colors.gray600,className:`${Pe} expert__name`},l),le.default.createElement(t.Text,{color:d.theme.colors.gray500,size:"p4",className:"specialty"},o)))))),_e=e.memo((()=>le.default.createElement("div",{className:"shoppable"},le.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},le.default.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),le.default.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"}))))),Oe=e.memo((({dataEventCategoryForBookmark:e,dataEventActionForBookmark:t,dataEventLabelForBookmark:a})=>le.default.createElement("svg",{"data-event-category":e,"data-event-action":t,"data-event-label":a,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none"},le.default.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))),je=e.memo((({dataEventCategoryForBookmark:e,dataEventActionForBookmark:t,dataEventLabelForBookmark:a})=>le.default.createElement("svg",{"data-event-category":e,"data-event-action":t,"data-event-label":a,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},le.default.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),Fe=e=>{var a,l,i,{article:o,author:r,authorAvatar:s,badge:d="",hideDescription:u=!1,isBookmarked:p=!1,onBookmark:g,time:h,tracking:f}=e,v=c.__rest(e,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:b}=n.useScreenSize();return console.log({article:o}),le.default.createElement(m.Card,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},v),le.default.createElement(m.Card.Section,{w:"100%",h:"100%",miw:264,m:0,className:"pointer"},le.default.createElement("img",{src:(b?o.featureImageMobile:o.featureImage)||o.featureImage,alt:o.postName,style:{width:"100%"},loading:"lazy"})),le.default.createElement(m.Card.Section,null,le.default.createElement(m.Group,{position:"apart",mt:16,mb:4},le.default.createElement(n.Anchor,{href:(null===(a=null==o?void 0:o.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},le.default.createElement(t.Text,{size:"p4",color:"blue.6"},null===(l=null==o?void 0:o.primaryCategory)||void 0===l?void 0:l.displayName)),le.default.createElement(m.Box,{sx:{cursor:"pointer"},role:"button",onClick:g},p?le.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==f?void 0:f.bookmark),le.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"})):le.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==f?void 0:f.bookmark),le.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"})))),le.default.createElement(t.Text,{size:u?"s2":"s1",mb:8,weight:"semiBold",className:"pointer"},o.postTitle||o.postName||""),!u&&le.default.createElement(t.Text,{size:"p2",mb:16,lineClamp:3,className:"pointer"},ne.default(o.excerpt||o.description||(null===(i=o.postContent)||void 0===i?void 0:i.split("\r\n")[0])||"")),le.default.createElement(m.Flex,{gap:12,align:"center"},le.default.createElement(n.Avatar,{size:32,src:s,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:le.default.createElement("img",{loading:"lazy",src:d,alt:""})}},"A"),le.default.createElement(t.Text,{size:"n1",c:"gray.6"},r," • ",h))))};var He=m.createStyles(((e,{})=>({root:{},image:{},title:{},category:{},description:{},author:{}})));const Re=648/440,Ge=1.5,Ue=a=>{var l,i,o,{article:r,author:s,authorAvatar:d,badge:u="",bannerImageWrapProps:p,hideDescription:g=!1,isBookmarked:h=!1,onBookmark:f,time:v,tracking:b,classNames:y,styles:x,unstyled:E,className:w}=a,C=c.__rest(a,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:k}=n.useScreenSize(),{classes:B,cx:T}=He({},{name:"ArticleCard",classNames:y,styles:x,unstyled:E}),S=e.useMemo((()=>g?Ge:Re),[g]);return le.default.createElement(m.Card,Object.assign({className:T(B.root,w),padding:"lg",radius:0},C),le.default.createElement(m.Card.Section,{className:T(B.image,"pointer")},le.default.createElement(n.AspectRatio,Object.assign({ratio:S},p),le.default.createElement("img",{src:(k?r.featureImageMobile:r.featureImage)||r.featureImage,alt:r.postName,style:{objectFit:"cover"}}))),le.default.createElement(m.Card.Section,null,le.default.createElement(m.Group,{position:"apart",mt:16,mb:4},le.default.createElement(n.Anchor,{className:B.category,href:(null===(l=null==r?void 0:r.primaryCategory)||void 0===l?void 0:l.permalink)||"#"},le.default.createElement(t.Text,{size:"p4",color:"blue.6"},null===(i=null==r?void 0:r.primaryCategory)||void 0===i?void 0:i.displayName)),le.default.createElement(m.Box,{sx:{cursor:"pointer"},role:"button",onClick:f},h?le.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==b?void 0:b.bookmark),le.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"})):le.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==b?void 0:b.bookmark),le.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"})))),le.default.createElement(t.Text,{className:T(B.title,"pointer"),size:g?"s2":"s1",mb:8,weight:"semiBold"},r.postTitle||r.postName||""),!g&&le.default.createElement(t.Text,{className:T(B.description,"pointer"),size:"p2",mb:16,lineClamp:3},ne.default(r.excerpt||r.description||(null===(o=r.postContent)||void 0===o?void 0:o.split("\r\n")[0])||"")),le.default.createElement(m.Flex,{className:B.author,gap:12,align:"center"},le.default.createElement(n.Avatar,{size:32,src:d,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:le.default.createElement("img",{loading:"lazy",src:u,alt:""})}},"A"),le.default.createElement(t.Text,{size:"n1",c:"gray.6"},s," • ",v))))},We=ie.default.a`
+"use strict";var e=require("react"),t=require("./Plus-04194182.js"),a=require("./index.styles-e0843712.js"),l=require("./utils-81e28888.js"),n=require("./index-1de21188.js"),i=require("./index-782d7030.js"),o=require("./useUniqueId-642dc3a9.js"),r=require("./index-5eb51860.js"),s=require("./index-fbed8d8d.js"),d=require("./theme-ee913b49.js"),c=require("./tslib.es6-74f26191.js"),m=require("@mantine/core"),u=require("innertext");require("@mantine/dates");var p=require("./index-33e990e9.js"),g=require("./Subot-4d83c672.js");require("./translationsContext-49f28d46.js"),require("string-format");var h=require("@mantine/hooks"),f=require("./index-7725e8e6.js"),v=require("styled-components"),b=require("lodash/throttle"),y=require("./index-7fad2e82.js"),x=require("./index-3c68c5e4.js"),E=require("./index-7d5dd9db.js"),w=require("html-react-parser"),C=require("./isProduction-b889d385.js"),k=require("./useTranslations-17f45aff.js"),B=require("date-fns"),T=require("dayjs");require("./utils-e6e89802.js");var S=require("./index-9c9a2ef3.js");require("./index.styled-e54e7b0d.js"),require("./index-23c49de5.js");var N=require("./constants-bcb62c25.js"),A=require("./utils-ed46648c.js"),M=require("./types-262182f3.js"),P=require("./index-eca051c5.js"),D=require("./index-f519b310.js"),z=require("./index-74083edd.js"),L=require("./index-faddb766.js"),I=require("./index-c9cb5957.js"),$=require("react-hook-form"),_=require("./useHealthToolCache-32180c29.js"),O=require("@hookform/resolvers/yup"),j=require("./index-2b1ed03f.js"),F=require("./index-ecc725c8.js");require("./WhatsApp-7fe744bc.js");var H=require("./useOutsideClick-e9041b92.js"),R=require("date-fns/locale/en-US"),G=require("date-fns/locale/id"),U=require("date-fns/locale/vi"),W=require("date-fns/locale/zh-TW"),V=require("./getSocialList-0ea4a4ae.js"),q=require("uuid"),Q=require("./routing-c9bedd73.js"),Z=require("@mantine/form"),Y=require("./index-d75b1e7c.js"),K=require("js-cookie"),X=require("lodash/flatten"),J=require("lodash/uniqBy"),ee=require("./cookieHelper-e8ab6752.js"),te=require("./normalizeLink-d3ed677e.js");function ae(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var le=ae(e),ne=ae(u),ie=ae(v),oe=ae(b),re=ae(w),se=ae(T),de=ae(R),ce=ae(G),me=ae(U),ue=ae(W),pe=ae(K),ge=ae(X),he=ae(J),fe="CHw-fZZ",ve="_03U6VRS",be="EO828Vv";const ye={xs:28,small:32,medium:40,large:48,xl:64,xxl:80,xxxl:96},xe=({type:t="square",size:l,avatarImg:i,avatarUrl:o,firstLetter:r,backgroundColor:s,onClick:d,style:c,className:m,width:u,height:p,alt:g})=>{const h=l?ye[l]:void 0,[f,v]=e.useState(!1);e.useEffect((()=>{if(o){const e=document.createElement("img");e.setAttribute("src",o),e.addEventListener("error",(()=>{v(!0)}))}}),[o,v]);const b=(!o&&!i||f)&&r;return le.default.createElement(a.StyledAvatar,{style:Object.assign(Object.assign({},c),{"--size":h?h+"px":void 0,"--width-prop":u?u+"px":void 0,"--height-prop":p?p+"px":void 0,"--background-color":s}),"data-has-max":!(!u||!p),"data-avatar-type":t,onClick:d,className:m,avatarUrl:o,"data-custom-size":!!l},i,o&&!f&&le.default.createElement(n.ImageWrap,{src:o,alt:g||"avatar"}),b&&r)},Ee=()=>le.default.createElement("style",null,".file-dropdown-path{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}"),we=()=>le.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 12.17 14.83"},le.default.createElement("defs",null,le.default.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},le.default.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"}))),le.default.createElement("title",null,"File"),le.default.createElement("g",{clipPath:"url(#prefix__clip-path)"},le.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)"}),le.default.createElement("path",{className:"file-dropdown-path",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),Ce=()=>le.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},le.default.createElement("title",null,"download"),le.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)"})),ke=()=>le.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},le.default.createElement("title",null,"upload"),le.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)"})),Be=({pagesAmount:t,activePage:n,handlePageChange:i,handleClick:o,href:r,queryPageName:s="page"})=>{const d=[...Array(t)].map(((e,t)=>t+1)),[c,m]=e.useState(n<=4?d.slice(0,5):n>=d.length-3?d.slice(d.length-5,d.length):d.slice(n-2,n+1));return e.useEffect((()=>{n<=4?m(d.slice(0,5)):n>=d.length-3?m(d.slice(d.length-5,d.length)):m(d.slice(n-2,n+1))}),[n]),le.default.createElement(e.Fragment,null,n>4&&le.default.createElement(e.Fragment,null,le.default.createElement(a.StyledPaginationBlock,{onClick:()=>i(1)},r?le.default.createElement("a",{href:r,onClick:o},1):1),le.default.createElement(a.StyledPaginationBlock,null,"...")),c.map((e=>le.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===n||void 0,onClick:()=>i(e)},r?le.default.createElement("a",{href:l.formatUrlWithPageParam(r,e,s),onClick:o},e):e))),n<d.length-3&&le.default.createElement(e.Fragment,null,le.default.createElement(a.StyledPaginationBlock,null,"..."),le.default.createElement(a.StyledPaginationBlock,{onClick:()=>i(d.length)},r?le.default.createElement("a",{href:l.formatUrlWithPageParam(r,d.length,s),onClick:o},d.length):d.length)))},Te=({label:e,name:t,checked:l,className:n,isDisabled:i,onChange:o,value:r,isRectangle:s,inputDataTestId:d,siteType:c})=>le.default.createElement(a.StyledCheckbox,{className:n,"data-disabled":i||void 0,"data-is-rectangle":s||void 0,"data-label-text":e,"data-theme":c},le.default.createElement("input",{type:"checkbox",checked:l,name:t,onChange:()=>o(r,!l),disabled:i,value:r,id:`${t}-${r}`,"data-label-text":e,"data-testid":d}),!s&&le.default.createElement("label",{htmlFor:`${t}-${r}`},e)),Se=e=>le.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 32 32",fill:"none"}),le.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"})),Ne=e=>le.default.createElement("svg",Object.assign({},e,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"}),le.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"})),Ae=e=>{const t=o.useUniqueId();return le.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 24 24",fill:"none"}),le.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"}),le.default.createElement("mask",{id:t,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},le.default.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),le.default.createElement("g",{mask:`url(#${t})`},le.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"})))},Me=l=>{var{label:n,availableValue:i,styles:o,isBaby:s,genderValue:d={male:"male",female:"female"}}=l,u=c.__rest(l,["label","availableValue","styles","isBaby","genderValue"]);const{t:p}=k.useTranslations(),{classes:g,cx:h}=a.useStyles(void 0,{name:"GenderOptionControl",styles:o}),[f,v]=e.useState(),b=e.useRef(null),y=e.useMemo((()=>[{value:d.male,label:p(s?"gender.boy":"gender.male"),icon:r.CommonGAssets.getAssetPath(s?"health-tools/boy-icon.svg":"health-tools/male-icon.svg")},{value:d.female,label:p(s?"gender.girl":"gender.female"),icon:r.CommonGAssets.getAssetPath(s?"health-tools/girl-icon.svg":"health-tools/female-icon.svg")}]),[]);return e.useEffect((()=>{v(i)}),[i]),le.default.createElement(m.Box,{ref:b,className:g.root},le.default.createElement(m.Radio.Group,Object.assign({className:"radio-group",label:le.default.createElement(t.Text,{as:"label",size:"s4",weight:"semiBold"},n||p(s?"tools.selectBabyGender":"tools.selectGender")),size:"lg"},u,{classNames:{error:g.groupErr}}),le.default.createElement(m.Flex,{className:h(g.wrapper)},y.map((e=>le.default.createElement(m.Radio,Object.assign({className:"gender-item",classNames:{root:g.itemRoot,labelWrapper:g.itemLabelWrapper,label:g.itemLabel,inner:g.itemInner},key:e.value,value:e.value},f&&e.value!==f&&{disabled:!0},{label:le.default.createElement(m.Flex,{gap:m.rem(8),align:"center",justify:"center",sx:{zIndex:0}},le.default.createElement("img",{src:e.icon,className:"gender-image",alt:"female",loading:"lazy"}),le.default.createElement(t.Text,{size:"p3"},e.label))})))))))};var Pe="PiqKaXk",De="HgbW6-m",ze="_6lkfLYy",Le="j7c-onH";const Ie=({avatarImg:e,authorName:a,authorLink:l,uploadTime:n,size:i})=>le.default.createElement("div",{className:Le},le.default.createElement("div",{className:"author"},le.default.createElement("div",{className:"avatar","data-size":i},e),le.default.createElement("div",{className:"poster","data-is-disabled-url":!l},le.default.createElement(t.Text,{size:"lg"===i?"p3":"p4"},le.default.createElement("a",{href:l},le.default.createElement("span",{className:"name"},a),"•"," "),le.default.createElement("span",null,n))))),$e=({isMobile:e,avatarImg:a,name:l,link:n,size:i="lg",specialty:o})=>le.default.createElement("div",{className:Le},le.default.createElement("div",{className:"author"},le.default.createElement("div",{className:"expert-avatar","data-size":i},a),le.default.createElement("div",{className:"expert","data-is-disabled-url":!n},e?le.default.createElement("a",{href:n},"lg"===i?le.default.createElement(le.default.Fragment,null,le.default.createElement(s.Heading,{tag:"h6",className:"expert__name",color:d.theme.colors.gray600},l),le.default.createElement(t.Text,{color:d.theme.colors.gray500,size:"p3",className:"specialty"},o)):le.default.createElement(le.default.Fragment,null,le.default.createElement(s.Heading,{tag:"h6",className:"expert__name",color:d.theme.colors.gray600},l))):le.default.createElement("a",{href:n},"lg"===i?le.default.createElement(le.default.Fragment,null,le.default.createElement(s.Heading,{tag:"h6",className:"expert__name",color:d.theme.colors.gray600},l),le.default.createElement(t.Text,{color:d.theme.colors.gray500,size:"p3",className:"specialty"},o)):le.default.createElement(le.default.Fragment,null,le.default.createElement("h6",{color:d.theme.colors.gray600,className:`${Pe} expert__name`},l),le.default.createElement(t.Text,{color:d.theme.colors.gray500,size:"p4",className:"specialty"},o)))))),_e=e.memo((()=>le.default.createElement("div",{className:"shoppable"},le.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},le.default.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),le.default.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"}))))),Oe=e.memo((({dataEventCategoryForBookmark:e,dataEventActionForBookmark:t,dataEventLabelForBookmark:a})=>le.default.createElement("svg",{"data-event-category":e,"data-event-action":t,"data-event-label":a,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none"},le.default.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))),je=e.memo((({dataEventCategoryForBookmark:e,dataEventActionForBookmark:t,dataEventLabelForBookmark:a})=>le.default.createElement("svg",{"data-event-category":e,"data-event-action":t,"data-event-label":a,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},le.default.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),Fe=e=>{var a,l,i,{article:o,author:r,authorAvatar:s,badge:d="",hideDescription:u=!1,isBookmarked:p=!1,onBookmark:g,time:h,tracking:f}=e,v=c.__rest(e,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:b}=n.useScreenSize();return console.log({article:o}),le.default.createElement(m.Card,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},v),le.default.createElement(m.Card.Section,{w:"100%",h:"100%",miw:264,m:0,className:"pointer"},le.default.createElement("img",{src:(b?o.featureImageMobile:o.featureImage)||o.featureImage,alt:o.postName,style:{width:"100%"},loading:"lazy"})),le.default.createElement(m.Card.Section,null,le.default.createElement(m.Group,{position:"apart",mt:16,mb:4},le.default.createElement(n.Anchor,{href:(null===(a=null==o?void 0:o.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},le.default.createElement(t.Text,{size:"p4",color:"blue.6"},null===(l=null==o?void 0:o.primaryCategory)||void 0===l?void 0:l.displayName)),le.default.createElement(m.Box,{sx:{cursor:"pointer"},role:"button",onClick:g},p?le.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==f?void 0:f.bookmark),le.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"})):le.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==f?void 0:f.bookmark),le.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"})))),le.default.createElement(t.Text,{size:u?"s2":"s1",mb:8,weight:"semiBold",className:"pointer"},o.postTitle||o.postName||""),!u&&le.default.createElement(t.Text,{size:"p2",mb:16,lineClamp:3,className:"pointer"},ne.default(o.excerpt||o.description||(null===(i=o.postContent)||void 0===i?void 0:i.split("\r\n")[0])||"")),le.default.createElement(m.Flex,{gap:12,align:"center"},le.default.createElement(n.Avatar,{size:32,src:s,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:le.default.createElement("img",{loading:"lazy",src:d,alt:""})}},"A"),le.default.createElement(t.Text,{size:"n1",c:"gray.6"},r," • ",h))))};var He=m.createStyles(((e,{})=>({root:{},image:{},title:{},category:{},description:{},author:{}})));const Re=648/440,Ge=1.5,Ue=a=>{var l,i,o,{article:r,author:s,authorAvatar:d,badge:u="",bannerImageWrapProps:p,hideDescription:g=!1,isBookmarked:h=!1,onBookmark:f,time:v,tracking:b,classNames:y,styles:x,unstyled:E,className:w}=a,C=c.__rest(a,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:k}=n.useScreenSize(),{classes:B,cx:T}=He({},{name:"ArticleCard",classNames:y,styles:x,unstyled:E}),S=e.useMemo((()=>g?Ge:Re),[g]);return le.default.createElement(m.Card,Object.assign({className:T(B.root,w),padding:"lg",radius:0},C),le.default.createElement(m.Card.Section,{className:T(B.image,"pointer")},le.default.createElement(n.AspectRatio,Object.assign({ratio:S},p),le.default.createElement("img",{src:(k?r.featureImageMobile:r.featureImage)||r.featureImage,alt:r.postName,style:{objectFit:"cover"}}))),le.default.createElement(m.Card.Section,null,le.default.createElement(m.Group,{position:"apart",mt:16,mb:4},le.default.createElement(n.Anchor,{className:B.category,href:(null===(l=null==r?void 0:r.primaryCategory)||void 0===l?void 0:l.permalink)||"#"},le.default.createElement(t.Text,{size:"p4",color:"blue.6"},null===(i=null==r?void 0:r.primaryCategory)||void 0===i?void 0:i.displayName)),le.default.createElement(m.Box,{sx:{cursor:"pointer"},role:"button",onClick:f},h?le.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==b?void 0:b.bookmark),le.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"})):le.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==b?void 0:b.bookmark),le.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"})))),le.default.createElement(t.Text,{className:T(B.title,"pointer"),size:g?"s2":"s1",mb:8,weight:"semiBold"},r.postTitle||r.postName||""),!g&&le.default.createElement(t.Text,{className:T(B.description,"pointer"),size:"p2",mb:16,lineClamp:3},ne.default(r.excerpt||r.description||(null===(o=r.postContent)||void 0===o?void 0:o.split("\r\n")[0])||"")),le.default.createElement(m.Flex,{className:B.author,gap:12,align:"center"},le.default.createElement(n.Avatar,{size:32,src:d,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:le.default.createElement("img",{loading:"lazy",src:u,alt:""})}},"A"),le.default.createElement(t.Text,{size:"n1",c:"gray.6"},s," • ",v))))},We=ie.default.a`
   display: flex;
   height: 125px;
@@ -2745,4 +2745,4 @@
   top: 1px;
   right: 1px;
   cursor: pointer;
-`,Wl={},Vl=e=>{if(Wl[e]){window.googletag=window.googletag||{cmd:[]};const{googletag:t}=window;t.cmd.push((function(){t.destroySlots([Wl[e]]),delete Wl[e]}))}},ql=["TopBanner","MidBanner1","MidBanner2","EndBanner","Sticky"],Ql=e.forwardRef((function({className:t,adUnitPath:a,size:l,divId:n,pos:i,sizeMapping:o,contentId:s,isHidden:d,hideIfHasSubot:c,isSticky:u,refreshInterval:p,customTargetings:h,style:f,adDefaultSize:v,noWrapper:b,showCloseBtn:y,onCloseAd:x,headerBottom:E,wrapperProps:w,locale:C,isMarryBaby:B},T){const S=p||(C===g.LOCALE.Vietnam&&i.some((e=>ql.includes(e)))?30:void 0),{t:N}=k.useTranslations(),A=e.useRef(null),M=e.useRef(null),P=e.useRef(S);P.current=S;const[D,z]=e.useState(!1),L=()=>{P.current&&(null!==M.current&&clearInterval(M.current),M.current=window.setInterval((()=>{window.googletag=window.googletag||{cmd:[]};const{googletag:e}=window;e.cmd.push((function(){Wl[n]&&e.pubads().refresh([Wl[n]])}))}),1e3*P.current))};if(e.useEffect((()=>()=>{Vl(n),M.current&&clearInterval(M.current)}),[]),e.useEffect((()=>{L()}),[S]),e.useEffect((()=>{d||(({contentId:e,adUnitPath:t,size:a,divId:l,pos:n,sizeMapping:i,hideIfHasSubot:o,customTargetings:r,onSuccess:s})=>{if(!l||!document.getElementById(l))return console.error("divId is required");Vl(l),window.googletag=window.googletag||{cmd:[]};const{googletag:d}=window;d.cmd.push((function(){const c=document.querySelector('meta[name="content_id"]'),m="string"==typeof e?e:null==c?void 0:c.content,u=d.defineSlot(t,a,l);if(u){try{r&&Object.keys(r).forEach((e=>{e&&(null==u||u.setTargeting(e,r[e]))}))}catch(e){console.error(e)}Wl[l]=u,u.setTargeting("Pos",n),u.addService(d.pubads()),m&&u.setTargeting("Content_ID",m),i&&u.defineSizeMapping(i),o&&document.getElementById("subot--container")&&u.setTargeting("chatbot",!0),d.display(l),null==s||s()}}))})({contentId:s,adUnitPath:a,size:l,divId:n,pos:i,sizeMapping:o,hideIfHasSubot:c,customTargetings:h,onSuccess:L})}),[d]),D)return null;const I=le.default.createElement("div",{style:{position:"relative",width:"fit-content",height:"fit-content",overflow:"hidden",maxWidth:"100%",display:"flex",alignItems:"center",justifyContent:"center"}},le.default.createElement("div",{ref:T,id:n}),y&&le.default.createElement(Ul,{onClick:()=>{null==x||x(),z(!0)}}));if(u)return I;const $=v?v[0]:l?Array.isArray(l[0])?l[0][0]:l[0]:void 0,_=v?v[1]:l?Array.isArray(l[0])?l[0][1]:l[1]:void 0;return le.default.createElement(m.Box,Object.assign({},w,{className:t}),le.default.createElement(Rl,{ref:A,className:t,style:f,"data-no-wrapper":!!b,"data-header-bottom":!!E},b?I:le.default.createElement(le.default.Fragment,null,le.default.createElement(Gl,{"data-header-bottom":!!E},le.default.createElement("img",{src:B?r.CommonGAssets.getAssetPath("adsIcon-mb.svg"):r.CommonGAssets.getAssetPath("adsIcon.svg"),alt:"",loading:"lazy"}),le.default.createElement("span",null,N("adBanner.title"))),le.default.createElement("div",{style:{minWidth:$||"100%",minHeight:_||"100%",position:"relative"}},I))))})),Zl=e.memo(Ql,((e,t)=>e.adUnitPath===t.adUnitPath&&e.divId===t.divId&&e.className===t.className)),Yl=[{title:"Health News & Current Affairs",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:r.CommonGAssets.getAssetPath("newsletter-prefer/newsletter-health.svg"),checked:!1,id:1},{title:"Educational Medical Hello Bacsi Content",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:r.CommonGAssets.getAssetPath("newsletter-prefer/newsletter-education.svg"),checked:!1,id:2},{title:"Hello Health Community Feed",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:r.CommonGAssets.getAssetPath("newsletter-prefer/newsletter-community.svg"),checked:!1,id:3}];var Kl;!function(e){e.DUE_DATE="due-date-calculator",e.BMI="bmi",e.BMR="bmr",e.OVULATION="ovulation",e.IFRAME="IFRAME",e.PWG="pregnancy-weight-gain",e.THR="heart-rate",e.BABY_VACCINE="vaccination-tool",e.BABY_GROWTH="baby-growth-tracking",e.BABY_POOP="baby-poop-checking"}(Kl||(Kl={}));const Xl={DUE_DATE:Kl.DUE_DATE,BMI:Kl.BMI,BMR:Kl.BMR,OVULATION:Kl.OVULATION,IFRAME:Kl.IFRAME,PWG:Kl.PWG,THR:Kl.THR,BABY_VACCINE:Kl.BABY_VACCINE,BABY_GROWTH:Kl.BABY_GROWTH,BABY_POOP:Kl.BABY_POOP},Jl={[Xl.DUE_DATE]:r.CommonGAssets.getAssetPath("health-tools/due-date-icon.svg")};var en,tn,an,ln;!function(e){e.Pregnant="pregnant",e.Parenting="parenting"}(en||(en={})),function(e){e.Option="option"}(tn||(tn={})),function(e){e.Button="button",e.Checkbox="checkbox"}(an||(an={})),function(e){e.ShowTool="showTool",e.ShowPremiumModal="showPremiumModal",e.ShowOptionBanner="showOptionBanner",e.Hide="hide"}(ln||(ln={}));const nn={pregnancy:en.Pregnant,parenting:en.Parenting},on={[en.Pregnant]:"pregnant",[en.Parenting]:"parent"},rn=e=>({[Xl.DUE_DATE]:{heading:e("pnBanner.dueDateTool.heading"),description:e("pnBanner.dueDateTool.desc"),btnLabel:e("pnBanner.caclNow"),value:Xl.DUE_DATE,dataEventAction:"Try our Due Date Calculator Click"},[Xl.BABY_VACCINE]:{heading:e("pnBanner.vaccination.heading"),description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:Xl.BABY_VACCINE,dataEventAction:"Try our Baby Vaccine Scheduler Click"},[Xl.BABY_GROWTH]:{heading:"Baby Growth",description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:Xl.BABY_GROWTH},[p.RISK_SCREENER_NAME.HPV]:{heading:e("pnBanner.hpv.heading"),description:e("pnBanner.hpv.desc"),thumbnail:{desktop:r.CommonGAssets.getAssetPath("newsletter/banner-option-hpv-desktop.png"),mobile:r.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"}}),sn=e.createContext({}),dn=t=>{var a=c.__rest(t,[]);const{locale:l}=k.useTranslations(),{type:i,isMobile:o,currentUrl:s,isMarketing:d,isLoggedIn:u,setShouldAcquisitionModalOpen:p}=e.useContext(sn);return le.default.createElement(m.Container,Object.assign({mih:{base:144,md:160},fluid:!0,p:0,sx:{borderRadius:4,cursor:"pointer"},onClick:()=>c.__awaiter(void 0,void 0,void 0,(function*(){const e=d?Q.getCurrentBaseUrl(l)+"/dang-ky-nhan-tin/":`${window.location.href}?source=acquisition`;u?null==p||p():window.location.href=`${Q.getCurrentSsoUrl(l)}/?returnUrl=${encodeURIComponent(e)}`})),"data-event-category":"Newsletter","data-event-action":"Banner Click","data-event-label":s,className:"pointer-event-child-none"},a),le.default.createElement(n.ImageWrap,{src:d?r.CommonGAssets.getAssetPath(`newsletter/${o?"Mobile":"Desktop"}_Marketing.png`):r.CommonGAssets.getAssetPath(`newsletter/${o?"Mobile":"Desktop"}_${i}.png`),style:{maxWidth:"100%"},alt:"newsletter banner"}))},cn="api/v1/categories?site={website_url}",mn="api/v1/subscription?site={website_url}",un="api/v1/categories?site={website_url}";var pn=m.createStyles((e=>({root:{},wrapper:{[e.fn.smallerThan("sm")]:{width:"70%"}},button:{[e.fn.smallerThan("sm")]:{height:"auto",minHeight:m.rem(32),padding:`${m.rem(6)} ${m.rem(16)}`,textAlign:"center",width:"100%"}},buttonLabel:{whiteSpace:"normal"}})));const gn=({heading:a,description:l,thumbnail:n={desktop:"",mobile:""},hideDescOnMobile:i,children:o})=>{const{isMobile:r,minHeight:d}=e.useContext(sn);return le.default.createElement(m.Box,{sx:()=>({borderRadius:m.rem(8),background:"linear-gradient(180deg, #FAFDFF 0%, #E3F2FF 100%)"})},le.default.createElement(m.Box,{sx:e=>({minHeight:m.rem(d),borderRadius:"inherit",background:`url(${r?n.mobile:n.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)}`}})},le.default.createElement(m.Stack,{spacing:m.rem(16)},le.default.createElement(m.Stack,{spacing:m.rem(4),sx:e=>({maxWidth:"60%",[e.fn.largerThan("sm")]:{maxWidth:"70%"}})},a&&le.default.createElement(s.Heading,{tag:"h4"},a),!(i&&r)&&l&&le.default.createElement(t.Text,{size:"p4"},l)),le.default.createElement(m.Box,null,o))))},hn=t=>{const{styleType:a=an.Button,items:l=[],buttonProps:i,styles:o,submitBtnTracking:r}=t,{classes:s}=pn(void 0,{name:"PremiumBannerWithOptions",styles:o}),{t:d,locale:u}=k.useTranslations(),{surveyType:g,articleId:h,handleClickOption:f,hasPremiumBanner:v,source:b,isMobile:y,setShowPNModal:x}=e.useContext(sn),E=e.useMemo((()=>v?l:l.filter((e=>!Boolean(e.isPNBtn))).filter(Boolean)),[l]),{getHealthToolLink:w}=_.useHealthToolsCache(u),C=Z.useForm({initialValues:{bannerOptions:[]}}),B=e=>c.__awaiter(void 0,void 0,void 0,(function*(){return yield A.callApiWithAuth(A.getApiPath(A.PATHS.HEALTH_TOOL.CREATE,{_locale:u,type:on[g]}),"POST",{headers:{"Content-Type":"application/json"},data:{value:e,article:h,source:b}})})),T=e.useCallback((()=>le.default.createElement(m.Flex,{gap:m.rem(8),className:s.wrapper},E.map(((e,t)=>le.default.createElement(m.Box,{key:String(t),component:e.isLink?"a":"div",href:e.isRiskScreener?`https://${p.domainLocales[u]}/bot/${p.RISK_SCREENER_SLUG[u][e.activeTool]}/`:e.isLink?w(e.activeTool):void 0},le.default.createElement(n.Button,Object.assign({className:s.button,classNames:{label:s.buttonLabel},size:"sm"},e.tracking,i,{onClick:()=>{e.isLink||(e.isPNBtn&&x(!0),B(e.value),f(e.value))}}),e.label)))))),[E,C]),N=e.useCallback((()=>le.default.createElement(m.Flex,null,le.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)}})},le.default.createElement(n.Checkbox.Group,Object.assign({},C.getInputProps("bannerOptions",{type:"checkbox"})),le.default.createElement(m.Flex,{gap:m.rem(16)},E.map(((e,t)=>le.default.createElement(n.Checkbox,{key:String(t),value:e.value,label:e.label,styles:{label:{cursor:"pointer"}}}))))),le.default.createElement(n.Button,Object.assign({size:"sm"},r,i,{disabled:0===C.getInputProps("bannerOptions").value.length,leftIcon:y?le.default.createElement(S.Icon.ArrowRightTail,{size:18,useCurrentColor:!0}):void 0,onClick:()=>{const e=C.getInputProps("bannerOptions").value;B(e.join("|")),f(e.join("|"))},styles:e=>({root:{[e.fn.smallerThan("sm")]:{width:m.rem(38),minWidth:"auto",padding:0}}})}),!y&&d("pnBanner.submit"))))),[E,C]);return le.default.createElement(gn,Object.assign({},t),a===an.Button?T():a===an.Checkbox?N():null)},fn=a=>{var l,i;const{t:o}=k.useTranslations(),{heading:r,description:d,thumbnail:c,btnLabel:u,value:g,isRiskScreener:h,hideDescOnMobile:f,dataEventAction:v}=a,{locale:b}=k.useTranslations(),{isMobile:y}=e.useContext(sn),{getHealthToolLink:x,allTools:E}=_.useHealthToolsCache(b),w=h?"mainBanner":"toolBanner",B=e.useMemo((()=>{const e=h?`https://${C.isProduction?"":"discover."}${p.domainLocales[b]}/bot/${p.RISK_SCREENER_SLUG[b][g]}`:x(g);return le.default.createElement("a",{href:e},le.default.createElement(n.Button,{size:"sm","data-event-category":"Focused Audience","data-event-action":v,"data-event-label":e},u||o("pnBanner.caclNow")))}),[E]);return"mainBanner"===w?le.default.createElement(gn,Object.assign({},Object.assign(Object.assign({},a),{thumbnail:a.thumbnail})),B):le.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)}`}})},le.default.createElement(m.Stack,{spacing:m.rem(12)},le.default.createElement(m.Stack,{spacing:m.rem(4)},r&&le.default.createElement(s.Heading,{tag:"h4"},r),!(y&&f)&&d&&le.default.createElement(t.Text,{size:"p4"},d)),le.default.createElement(m.Flex,{gap:m.rem(8),sx:{button:{minWidth:m.rem(120)}}},B)),le.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)}}})},le.default.createElement("img",{alt:"health-tool-icon",src:c||(null===(i=null===(l=E.filter((e=>e.template===g)))||void 0===l?void 0:l[0])||void 0===i?void 0:i.icon)||Jl[g]||"",loading:"lazy"})))},vn=()=>{var t,a,l;const{t:n}=k.useTranslations(),{state:i,Outside:o}=e.useContext(sn);return(null==i?void 0:i.action)===ln.ShowTool?le.default.createElement(o,null,rn(n)[null===(t=null==i?void 0:i.props)||void 0===t?void 0:t.value]?le.default.createElement(fn,Object.assign({},rn(n)[null===(a=null==i?void 0:i.props)||void 0===a?void 0:a.value],{value:null===(l=null==i?void 0:i.props)||void 0===l?void 0:l.value})):null):(null==i?void 0:i.action)===ln.ShowOptionBanner?le.default.createElement(o,null,le.default.createElement(hn,Object.assign({},null==i?void 0:i.props))):null},bn=t=>{var{isMobile:a,children:l,desktopBanner:i=r.CommonGAssets.getAssetPath("friso/onboarding-banner.jpg"),mobileBanner:o=r.CommonGAssets.getAssetPath("friso/onboarding-banner-mobile.jpg"),modalRatio:s={width:937,height:536},mobileBannerRatio:d={width:750,height:480},desktopBannerRatio:u={width:420,height:536},closeProps:p}=t,g=c.__rest(t,["isMobile","children","desktopBanner","mobileBanner","modalRatio","mobileBannerRatio","desktopBannerRatio","closeProps"]);const{width:f,height:v}=h.useViewportSize(),b=(v<=667?190:265)+f*d.height/d.width+74,[y,x]=e.useState(!1);return le.default.createElement(Y.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(s.width),width:"100%",height:"100%",maxHeight:m.rem(s.height),boxShadow:"none"}},body:{padding:0,width:"100%",height:"100%",[e.fn.largerThan("sm")]:{display:"flex",alignItems:"center"}},inner:{padding:0,[e.fn.smallerThan("sm")]:{display:"flex",alignItems:"flex-end"}}})},g),a?le.default.createElement(m.Box,{sx:{position:"relative",height:"100%"},onTouchStart:()=>x(!0)},le.default.createElement(m.Box,{className:"mobile-template",sx:{position:"absolute",height:100*(y?1:b/v)+"%",left:0,bottom:0,right:0,transition:"height 0.4s ease"}},le.default.createElement(m.Box,{sx:{height:"100%",backgroundColor:"white",borderTopLeftRadius:y?0:m.rem(12),borderTopRightRadius:y?0:m.rem(12)}},le.default.createElement(m.Box,{sx:{height:"calc(100% - 74px)",background:`url(${o})`,backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"top center",overflowY:"auto",borderRadius:"inherit"}},le.default.createElement(m.UnstyledButton,Object.assign({leftIcon:le.default.createElement(S.Icon.Close,null),sx:{position:"absolute",right:0,top:0,zIndex:1,padding:m.rem(10)}},p,{onClick:()=>null==g?void 0:g.onClose()})),le.default.createElement(m.AspectRatio,{ratio:(null==d?void 0:d.width)/(null==d?void 0:d.height),w:"100%"}),le.default.createElement(m.Box,{sx:{padding:`${m.rem(28)} ${m.rem(16)} ${m.rem(16)}`,background:"white"}},l))))):le.default.createElement(m.AspectRatio,{className:"desktop-template",ratio:s.width/s.height,w:"100%",sx:{position:"relative","& > div":{justifyContent:"flex-end"}}},le.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"}},le.default.createElement("img",{alt:"",src:i,loading:"lazy",style:{borderTopLeftRadius:m.rem(8),borderBottomLeftRadius:m.rem(8),height:"100%",display:"block"}}),le.default.createElement(m.Box,{sx:{position:"relative",height:"100%",width:(s.width-u.width)/s.width*100+"%"}},le.default.createElement(n.Button,Object.assign({unstyled:!0,leftIcon:le.default.createElement(S.Icon.Close,null)},p,{onClick:()=>null==g?void 0:g.onClose(),sx:{position:"absolute",right:0,top:"10px"}})),le.default.createElement(m.Box,{className:"side-banner-modal-container",sx:{height:"100%",padding:`${m.rem(40)} ${m.rem(24)} 0`}},l)))))},yn="user/subscription",xn=e.createContext({}),En=e=>{var{value:t,name:a}=e,l=c.__rest(e,["value","name"]);return le.default.createElement(n.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)},wn=({topicsGroup:a,onTopicChange:l,isBlock:n=!1,selectedTopics:i=[],inputProps:o,labelProps:r,maxSelect:s=5,hasScroll:d,readonly:c})=>{const{action:{pushNotifications:u}}=e.useContext(A.TogetherComponentGlobalContext),p=ge.default(a.map((e=>e.topics||[]))),{t:g}=k.useTranslations(),[h,f]=e.useState([]);e.useEffect((()=>{f(i)}),[i.length]),e.useEffect((()=>{null==l||l(h)}),[h]);const v=e=>{e.length>5?u({type:"danger",title:g("pnTopicSection.maxSelectError.title",{maxSelect:s}),message:g("pnTopicSection.maxSelectError.desc")}):!c&&f((()=>p.filter((t=>e.some((e=>t.catId===e))))))};return le.default.createElement(m.Stack,{spacing:12},a.map(((e,a)=>le.default.createElement(m.Stack,{key:String(a),spacing:12},e.label&&le.default.createElement(t.Text,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},r),e.label),d?le.default.createElement(m.ScrollArea,{w:"100%",offsetScrollbars:!0,scrollbarSize:4,p:16,m:-16,styles:{viewport:{margin:-16,padding:16}}},le.default.createElement(m.Box,{w:800},le.default.createElement(m.Chip.Group,Object.assign({value:h.map((e=>e.catId)),multiple:!0},o,{onChange:v}),le.default.createElement(m.Flex,{gap:8,wrap:"wrap"},e.topics.map((t=>le.default.createElement(En,Object.assign({key:t.catId,value:t.catId,name:t.localName,isBlock:n},e.tracking)))))))):le.default.createElement(m.Chip.Group,Object.assign({value:h.map((e=>e.catId)),multiple:!0},o,{onChange:v}),le.default.createElement(m.Flex,{gap:8,wrap:"wrap"},e.topics.map((t=>t.catId?le.default.createElement(En,Object.assign({key:t.catId,value:t.catId,name:t.localName,isBlock:n},e.tracking)):le.default.isValidElement(t.component)?t.component:null))))))))},Cn=t=>{var{heading:a,children:l,stickyActions:n}=t,i=c.__rest(t,["heading","children","stickyActions"]);const{isMobile:o}=e.useContext(xn),r=le.default.createElement(m.Stack,{spacing:m.rem(24),sx:{height:"100%"}},le.default.createElement(s.Heading,{tag:"h4",style:{textAlign:"center"}},a),le.default.createElement(m.Box,null,l));return le.default.createElement(m.Box,{sx:e=>({[e.fn.largerThan("sm")]:{position:"relative",height:"100%"}})},o?r:le.default.createElement(m.ScrollArea,Object.assign({className:"layout-body",h:n?"calc(100% - 90px)":"100%"},i),r),n&&le.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`}})},n))},kn=()=>{const{t:a,locale:l}=k.useTranslations(),{data:{userInfo:i},action:{pushNotifications:o}}=e.useContext(A.TogetherComponentGlobalContext),r=null==i?void 0:i.id,{currentUrl:s,isMobile:d,pnSuggestCategory:u=[],nextStep:p,formValues:g,setFormValues:h,onSubmit:f,submitLoading:v,selectCategory:b,setCategoryLibs:y,setSelectCategory:x,maxSelectCategory:E}=e.useContext(xn),w=u.map((e=>e.catId)),C=Z.useForm({validate:{name:Z.isNotEmpty(a("healthToolPNModal.mainForm.requireName"))},initialValues:Object.assign(Object.assign({},g),{fitnessTopics:w})}),[B,T]=e.useState([]),[N,M]=e.useState([]);e.useEffect((()=>{c.__awaiter(void 0,void 0,void 0,(function*(){var e;try{const t=yield A.callApiWithAuth(A.getPremiumApiPath(un,{_locale:l}),"get"),a=((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.subscription)||[]).filter((e=>!w.includes(e.catId)));T(u),M(a),y([...u,...a])}catch(e){console.log(e)}}))}),[]),e.useEffect((()=>{r&&C.setFieldValue("name",(null==i?void 0:i.name)||"")}),[r]);const P=()=>{""!==C.getInputProps("name").value?(h(C.getTransformedValues()),p()):C.validateField("name")},D=e.useMemo((()=>le.default.createElement(n.Button,{variant:"tertiary",dataEventCategory:"Newsletter",dataEventAction:"More Category Click",dataEventLabel:s,leftIcon:le.default.createElement(S.Icon.Plus,{size:16,color:"currentColor"}),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"}})},le.default.createElement(t.Text,{size:d?"p3":"p4"},a("home.seeMore")))),[C]);return e.useEffect((()=>{C.setFieldValue("fitnessTopics",b.map((e=>e.catId)))}),[b]),le.default.createElement("form",{style:{height:"100%"},onSubmit:C.onSubmit((e=>{if(0===b.length)return o({type:"danger",title:a("newsletter.error.minTitle"),message:a("newsletter.error.minCotennt")}),!1;h(e),null==f||f(e.name)}))},le.default.createElement(Cn,{heading:a("healthToolPNModal.heading"),stickyActions:le.default.createElement(le.default.Fragment,null,le.default.createElement(n.Button,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Register Click",dataEventLabel:s,loading:v,sx:{maxWidth:m.rem(240)}},a("healthToolPNModal.register")))},le.default.createElement(m.Stack,{spacing:m.rem(16)},le.default.createElement(n.Input,Object.assign({label:a("newsletter.welcome.description")},C.getInputProps("name"))),le.default.createElement(wn,{topicsGroup:[...0===u.length&&0===N.length?[{topics:[{component:D}]}]:[],...u.length>0?[{label:a("healthToolPNModal.mainForm.tailorTopicsHeading"),topics:[...u,...0===N.length?[{component:D}]:[]]}]:[],...N.length>0?[{label:a("healthToolPNModal.findMore.chooseFav"),topics:[...N,...N.length>0?[{component:D}]:[]]}]:[]],selectedTopics:[...B],labelProps:{size:d?"p3":"p4",color:"gray.6"},onTopicChange:x,maxSelect:E}))))},Bn=e.forwardRef((function(e,a){var{label:l}=e,n=c.__rest(e,["label"]);return le.default.createElement("div",Object.assign({ref:a},n),le.default.createElement(m.Group,{noWrap:!0},le.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},le.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.97887 8.15493C2.97887 5.29627 5.29627 2.97887 8.15493 2.97887C11.0136 2.97887 13.331 5.29627 13.331 8.15493C13.331 11.0136 11.0136 13.331 8.15493 13.331C5.29627 13.331 2.97887 11.0136 2.97887 8.15493ZM8.15493 1.5C4.47951 1.5 1.5 4.47951 1.5 8.15493C1.5 11.8303 4.47951 14.8099 8.15493 14.8099C9.72615 14.8099 11.1702 14.2653 12.3086 13.3547L15.2376 16.2837C15.5264 16.5725 15.9946 16.5725 16.2833 16.2837C16.5721 15.9949 16.5721 15.5267 16.2833 15.238L13.3544 12.3091C14.2652 11.1705 14.8099 9.72634 14.8099 8.15493C14.8099 4.47951 11.8303 1.5 8.15493 1.5Z",fill:"#8C8C8C"})),le.default.createElement(t.Text,{size:"p3"},l)))})),Tn=e.forwardRef((function(e,a){var{label:l}=e,n=c.__rest(e,["label"]);return le.default.createElement("div",Object.assign({ref:a},n),le.default.createElement(t.Text,{size:"p3"},l))})),Sn=({history:e,onDelete:a})=>le.default.createElement(m.Flex,{wrap:"wrap",gap:8},he.default(e,"catId").map((e=>le.default.createElement(m.Badge,{key:e.catId,rightSection:le.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",onClick:()=>null==a?void 0:a(e)},le.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 ${n.themeColors.neutral[4]}`,borderRadius:32,textTransform:"unset"},rightSection:{height:18,cursor:"pointer"}}},le.default.createElement(t.Text,{size:"p4"},e.localName))))),Nn=({topics:a,onTopicChange:l,isBlock:n=!1,selectedTopics:i,labelProps:o,maxSelect:r=5})=>{const{action:{pushNotifications:s}}=e.useContext(A.TogetherComponentGlobalContext),[d,c]=e.useState([]),{t:u}=k.useTranslations();e.useEffect((()=>{c(i)}),[i.length]),e.useEffect((()=>{l(d)}),[d]);return a&&0!==a.length?le.default.createElement(m.Stack,{spacing:12,px:16,mx:-16},le.default.createElement(t.Text,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},o),u("pnTopicSection.recentView")),le.default.createElement(m.Chip.Group,{value:d.map((e=>e.catId)),onChange:e=>{n&&d.length<e.length?s({type:"danger",title:u("pnTopicSection.maxSelectError.title",{maxSelect:r}),message:u("pnTopicSection.maxSelectError.desc")}):c((()=>a.filter((t=>e.some((e=>t.catId===e))))))},multiple:!0},le.default.createElement(m.Flex,{gap:8,wrap:"wrap"},a.map(((e,t)=>le.default.createElement(En,{key:t,value:e.catId,name:e.localName,isBlock:n})))))):null},An=e=>{var{topic:a,active:l,onClick:i}=e,o=c.__rest(e,["topic","active","onClick"]);return le.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:()=>i(a,l)},o),l&&le.default.createElement(m.Box,{id:"test",sx:{position:"absolute",top:2,right:2,width:20,height:20,zIndex:1}},le.default.createElement("svg",{id:"test",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},le.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"}),le.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"}))),le.default.createElement(m.Box,{sx:{borderRadius:"8px"}},le.default.createElement(n.AspectRatio,{ratio:1.5,mb:10,sx:e=>({background:e.colors.neutral[0]})},le.default.createElement(m.Box,null,le.default.createElement("img",{src:a.guid||"",alt:"cat",loading:"lazy",style:{maxHeight:"63px"}})))),le.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||""))},Mn=({topics:a,selectedTopics:l=[],onTopicChange:n,isBlock:i=!1,labelProps:o,pushNotifications:r,maxSelect:s=5})=>{const{t:d}=k.useTranslations(),[c,u]=e.useState([]),p=(e,t)=>{if(t)u((t=>t.filter((t=>t.catId!==e.catId))));else{if(i)return void r({type:"danger",title:d("pnTopicSection.maxSelectError.title",{maxSelect:s}),message:d("pnTopicSection.maxSelectError.desc")});u((t=>[...t,e]))}};e.useEffect((()=>{u(l)}),[l.length]),e.useEffect((()=>{n(c)}),[c]);const[g,h]=e.useState(!1),[f,v]=e.useState(0),[b,y]=e.useState(0),x=e.useRef(null),E=()=>{h(!1)};return le.default.createElement(m.Stack,{spacing:10},le.default.createElement(m.Flex,{justify:"space-between",align:"center",w:"100%"},le.default.createElement(t.Text,Object.assign({size:"s5",color:"gray.4",weight:"semiBold",span:!0},o),d("pnTopicSection.trending"))),le.default.createElement(m.Box,null,le.default.createElement(m.ScrollArea,{type:"always",w:"100%",offsetScrollbars:!0,scrollbarSize:4,px:4,viewportRef:x,viewportProps:{onMouseDown:e=>{e.preventDefault(),x.current&&(h(!0),v(e.pageX-x.current.offsetLeft),y(x.current.scrollLeft))},onMouseUp:E,onMouseLeave:E,onMouseMove:e=>{if(e.preventDefault(),!g||!x.current)return;const t=2*(e.pageX-x.current.offsetLeft-f);x.current.scrollLeft=b-t}},styles:{viewport:{paddingBottom:16}}},le.default.createElement(m.Box,{w:{base:112*a.length+8*(a.length-1)+10}},le.default.createElement(m.Flex,{gap:8},a.map(((e,t)=>le.default.createElement(An,{key:t,topic:e,onClick:p,active:c.some((t=>t.catId===e.catId)),w:{base:112}}))))))))},Pn=a=>{var{isLoggedIn:l,maxSelect:i=5,values:o=[],labelProps:r,onChange:s}=a,d=c.__rest(a,["isLoggedIn","maxSelect","values","labelProps","onChange"]);const{action:{pushNotifications:u}}=e.useContext(A.TogetherComponentGlobalContext),[p,g]=e.useState(""),{t:h,locale:f}=k.useTranslations(),v=e.useRef(null),[b,y]=e.useState([]),[x,E]=e.useState([]),[w,C]=e.useState([]),[B,T]=e.useState([]),[S,N]=e.useState(null),[M,P]=e.useState([]);e.useEffect((()=>{c.__awaiter(void 0,void 0,void 0,(function*(){var e,t;const a=yield A.callApiWithAuth(A.getPremiumApiPath(cn,{_locale:f}),"get"),l=(null===(e=null==a?void 0:a.data)||void 0===e?void 0:e.interested)||[],n=(null===(t=null==a?void 0:a.data)||void 0===t?void 0:t.trending)||[],i=he.default([...l,...n],"catId").map((e=>Object.assign(Object.assign({},e),{value:e.catId||"",label:e.localName||""})));if(P(i||[]),N((null==a?void 0:a.data)||null),o.length>0){const e=l.filter((e=>o.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"interested"}))),t=n.filter((e=>o.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"trending"})));T(e),E(t)}}))}),[l]);const D=e.useMemo((()=>he.default([...b,...x,...B,...w],"catId")),[b,x,B,w]),[z,L]=e.useState(!1);e.useEffect((()=>{D.length>=i?L(!0):L(!1),null==s||s(D)}),[D]);return le.default.createElement(m.Stack,Object.assign({spacing:m.rem(16)},d),le.default.createElement(m.Stack,{spacing:m.rem(8)},le.default.createElement(t.Text,{size:"p3"},h("pnTopicSection.maxSelectError.detail",{max:i,maxTopic:D.length})),le.default.createElement(m.MultiSelect,{ref:v,maxSelectedValues:3,styles:{wrapper:{overflow:"initial !important"},separator:{padding:16},separatorLabel:{fontWeight:600,fontSize:12,lineHeight:"18px",textTransform:"uppercase",color:n.themeColors.gray[4],"&::after":{display:"none"}},searchInput:{fontSize:"inherit"},input:{paddingRight:16}},nothingFound:le.default.createElement(t.Text,{size:"s4",color:"gray.6"},h("pnTopicSection.notFound")),itemComponent:""===p?Bn:Tn,size:"lg",placeholder:h("pnTopicSection.plsEnterFavTopics"),data:M,onSearchChange:g,searchValue:p,icon:le.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},le.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:le.default.createElement(le.default.Fragment,null),zIndex:500,searchable:!0,withinPortal:!0,onChange:e=>{return t=e,c.__awaiter(void 0,void 0,void 0,(function*(){var e;const a={trending:E,recently:C,interested:T,default:y};let l="default";if(z)u({type:"danger",title:h("pnTopicSection.maxSelectError.title",{maxSelect:i}),message:h("pnTopicSection.maxSelectError.desc")});else{const n=[{key:"trending",array:null==S?void 0:S.trending},{key:"recently",array:null==S?void 0:S.recently},{key:"interested",array:null==S?void 0:S.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,...M.filter((e=>t.some((t=>e.catId===t))))].map((e=>Object.assign(Object.assign({},e),{template:l}))))),null===(e=v.current)||void 0===e||e.blur()}return null}));var t},value:[]}),D&&D.length>0&&le.default.createElement(Sn,{history:D,onDelete:e=>{const t={trending:E,recently:C,interested:T,default:y};(t[e.template]||t.default)((t=>{const a=[...t],l=a.findIndex((t=>t.catId===e.catId));return a.splice(l,1),a}))}})),le.default.createElement(m.Box,{sx:e=>({position:"relative",height:m.rem(175),[e.fn.largerThan("sm")]:{height:m.rem(190)}})},le.default.createElement(m.Box,{sx:{position:"absolute",top:0,right:0,left:0}},le.default.createElement(Mn,{topics:((null==S?void 0:S.trending)||[]).map((e=>Object.assign(Object.assign({},e),{template:"trending"}))),selectedTopics:x,onTopicChange:E,isBlock:z,labelProps:r}))),le.default.createElement(Nn,{topics:((null==S?void 0:S.recently)||[]).map((e=>Object.assign(Object.assign({},e),{template:"recently"}))),selectedTopics:w,onTopicChange:C,isBlock:z,labelProps:r}),le.default.createElement(wn,{labelProps:r,topicsGroup:[{label:h("pnTopicSection.ppAlsoInterested"),topics:((null==S?void 0:S.interested)||[]).map((e=>Object.assign(Object.assign({},e),{template:"interested"})))}],selectedTopics:B,onTopicChange:T,isBlock:z}))},Dn=()=>{const{t:t}=k.useTranslations(),{action:{pushNotifications:a}}=e.useContext(A.TogetherComponentGlobalContext),{prevStep:l,formValues:i,submitLoading:o,onSubmit:r,selectCategory:s,maxSelectCategory:d,setSelectCategory:c,currentUrl:u,isLoggedIn:p}=e.useContext(xn);return le.default.createElement(Cn,{heading:t("newsletter.topic.title"),type:"always",styles:{root:{paddingRight:m.rem(25)}},stickyActions:le.default.createElement(le.default.Fragment,null,le.default.createElement(n.Button,{fullWidth:!0,variant:"secondary",dataEventCategory:"Newsletter",dataEventAction:"Back  Click",dataEventLabel:u,onClick:l},t("healthToolPNModal.back")),le.default.createElement(n.Button,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Next  Click",dataEventLabel:u,onClick:()=>{if(0===s.length)return a({type:"danger",title:t("newsletter.error.minTitle"),message:t("newsletter.error.minCotennt")}),!1;null==r||r(i.name)},loading:o},t("healthToolPNModal.next")))},le.default.createElement(Pn,{isLoggedIn:p,maxSelect:d,values:i.fitnessTopics,onChange:c,labelProps:{size:"s5",sx:{textTransform:"uppercase"}}}))},zn=()=>{const{t:a}=k.useTranslations(),{close:l,selectCategory:i,onRegisterSuccess:o,currentUrl:r,finishLabelOnResult:d,disclaimerText:c}=e.useContext(xn);return e.useEffect((()=>()=>{setTimeout((()=>{null==o||o()}),400)}),[]),le.default.createElement(Cn,{heading:a("healthToolPNModal.heading"),stickyActions:le.default.createElement(n.Button,{fullWidth:!0,sx:{maxWidth:m.rem(300)},dataEventCategory:"Newsletter",dataEventAction:"Continue Reading Click",dataEventLabel:r,onClick:()=>{l()}},d||a("healthToolPNModal.finish"))},le.default.createElement(m.Stack,null,le.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)})},le.default.createElement(m.Box,null,le.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},le.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"}),le.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"}))),le.default.createElement(t.Text,{size:"p3"},c||a("pnModal.disclaimer"))),le.default.createElement(s.Heading,{tag:"h5"},a("healthToolPNModal.yourPre")),i.length>0&&le.default.createElement(wn,{topicsGroup:[{label:"",topics:i}],selectedTopics:i,readonly:!0})))},Ln=({isMobile:t,isLoggedIn:a,pnSuggestCategory:l=[],acquisitionInfo:n,currentUrl:i,opened:o,close:s,finishLabelOnResult:d,onRegisterSuccess:u,disclaimerText:h})=>{const{t:f,locale:v}=k.useTranslations(),{action:{pushNotifications:b}}=e.useContext(A.TogetherComponentGlobalContext),y=r.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),x=r.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),[E,w]=e.useState([]),[C,B]=e.useState([]),[T,S]=e.useState(0),[N,M]=e.useState({name:"",fitnessTopics:[]}),[P,D]=e.useState(!1),z=()=>S(2),L=e.useCallback((e=>c.__awaiter(void 0,void 0,void 0,(function*(){try{D(!0),yield A.callApiWithAuth(A.getPremiumApiPath(mn,{website_url:A.getWebsiteUrlApi(v)}),"post",{headers:{"Content-Type":"application/json"},method:"POST",data:{ga_client_id:pe.default.get(p.GA_TOKEN_COOKIE),client_ip:window.clientIP||"",user_info:Object.assign(Object.assign({},n.userInfo),{name:e||N.name,type_subscription:1}),domain:p.domainLocales[v||g.LOCALE.Vietnam],category:C,perferred:n.preferredTopics.map((({id:e})=>({id:e})))}}),D(!1),yield A.callApiWithAuth(A.getSsoApiPath(yn),"post",{headers:{"Content-Type":"application/json"},method:"PUT",data:{subscription:1}}),z()}catch(e){console.log({err:e}),D(!1),b({title:f("notification.comment.somethingWrong"),message:"",type:"danger"})}}))),[N,C]);return e.useEffect((()=>{[y,x].forEach((e=>{(new Image).src=e}))}),[]),le.default.createElement(xn.Provider,{value:{currentUrl:i,isMobile:t,isLoggedIn:a,opened:o,close:s,pnSuggestCategory:l,nextStep:()=>S((e=>e<3?e+1:e)),prevStep:()=>S((e=>e>0?e-1:e)),lastStep:z,categoryLibs:E,setCategoryLibs:w,selectCategory:C,setSelectCategory:B,formValues:N,setFormValues:M,maxSelectCategory:5,submitLoading:P,onSubmit:L,onRegisterSuccess:u,finishLabelOnResult:d,disclaimerText:h}},le.default.createElement(bn,{isMobile:t,desktopBanner:r.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),mobileBanner:r.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),modalRatio:{width:960,height:588},desktopBannerRatio:{width:384,height:588},opened:o,onClose:s,zIndex:305,closeProps:{dataEventCategory:"Newsletter",dataEventAction:"Close Click",dataEventLabel:i}},le.default.createElement(m.Stepper,{active:T,onStepClick:S,styles:{root:{height:"100%"},content:{padding:0,height:"100%",width:"100%"},steps:{display:"none"}}},le.default.createElement(m.Stepper.Step,null,le.default.createElement(kn,null)),le.default.createElement(m.Stepper.Step,null,le.default.createElement(Dn,null)),le.default.createElement(m.Stepper.Step,null,le.default.createElement(zn,null)))))},In=()=>{const{locale:t}=k.useTranslations(),{isMobile:a,isLoggedIn:l,currentUrl:n,acquisitionInfo:i,categoryIds:o,state:r,setState:s,settings:d,submitHandler:m,subcribeHealthStatus:u,showPNModal:p,setShowPNModal:g,setIsBack:h}=e.useContext(sn),[f,v]=e.useState([]),[b,y]=e.useState(p);e.useEffect((()=>{c.__awaiter(void 0,void 0,void 0,(function*(){var e,a;const l=yield A.callApiWithAuth(A.getPremiumApiPath(cn,{_locale:t}),"get"),n=[...(null===(e=null==l?void 0:l.data)||void 0===e?void 0:e.interested)||[],...(null===(a=null==l?void 0:l.data)||void 0===a?void 0:a.trending)||[]];v(n.filter((e=>o.includes(Number(e.catId)))))}))}),[]);const x=e.useRef([]);return e.useEffect((()=>{const e=(null==u?void 0:u.value)||"",t=e.split("|").filter(Boolean);let a=e;x.current.push(u),t.length>1&&(null!==x.current[0]&&h(!0),Object.keys(m).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?m[a]:d;s(l)}),[u]),e.useEffect((()=>{y(p)}),[p]),(null==r?void 0:r.action)!==ln.Hide?le.default.createElement(le.default.Fragment,null,le.default.createElement(vn,Object.assign({},d.props)),le.default.createElement(Ln,{acquisitionInfo:i,isMobile:a,isLoggedIn:l,currentUrl:n,pnSuggestCategory:f,opened:b,close:()=>{var e;y(!1),g(!1),setTimeout((()=>{var e;(null===(e=r.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&s({action:ln.Hide})}),400),(null===(e=r.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&s({action:ln.Hide})},onRegisterSuccess:()=>y(!1)})):null},$n={myBooking:"booking",mySaved:"saved",myHealth:"health",myFamily:"family",myCommunity:"my-communities",eCom:"/shop/ho-so/quan-li-don-hang/"};var _n="uJQBNNg",On="TfG3dM5",jn="aMtjFNf",Fn="cSz2RR-",Hn="GyFm00F";function Rn({userInfo:t,onClickMyProfileButton:a,themeName:l="helloSites"}){const{t:n}=k.useTranslations(),i=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 le.default.createElement("div",{className:_n,onClick:()=>{a&&a()}},le.default.createElement(xe,{className:On,type:"rounded",size:"xl",avatarUrl:null==t?void 0:t.avatar,firstLetter:i,backgroundColor:"marryBaby"===l?d.theme.mbColors.pink:d.theme.colors.secondaryBase}),le.default.createElement("div",{className:jn},le.default.createElement("div",{className:Fn},(null==t?void 0:t.name)||(null==t?void 0:t.username)),le.default.createElement("div",{className:Hn,style:{"--bg-hellosites":`url(${r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-chevronRight.svg")})`,"--bg-marrybaby":`url(${r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-arrowRight.svg")})`}},n("userProfile.nav.header.viewProfile"))))}var Gn="fVk18fq",Un="v8TCvUb",Wn="mx7T4V3";const Vn={myHealth:d.theme.mbColors.toneYellow,myCommunity:d.theme.mbColors.toneBlue,mySaved:d.theme.mbColors.toneGreen},qn={helloSites:{myBooking:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myBooking.svg"),myCommunity:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myCommunity.svg"),myFamily:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myFamily.svg"),myHealth:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myHealth.svg"),mySaved:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-mySaved.svg"),eCom:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-eCom.svg")},marryBaby:{mySaved:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-mySaved.svg"),myCommunity:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-myCommunity.svg"),myHealth:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-myHealth.svg")}},Qn=({type:t,themeName:a,className:l,onClick:n=(()=>{})})=>{const{t:i}=k.useTranslations(),o=e.useMemo((()=>{var e,l;return(null===(l=null===(e=qn[a])||void 0===e?void 0:e[t])||void 0===l?void 0:l.call(e))||""}),[t,a]),r=e.useMemo((()=>"marryBaby"!==a?"transparent":Vn[t]),[t,a]);return le.default.createElement("div",{onClick:function(){n(t)},className:`${Gn} ${l}`},le.default.createElement("div",{className:Wn,style:{backgroundColor:r,backgroundImage:`url("${o}")`}}),le.default.createElement("h3",{className:Un},i(`userProfile.nav.card.${t}`)))};var Zn="gn6HmGG",Yn="FCx8FEM",Kn="zMiRxaE",Xn="lZ2Z9MQ",Jn="rwm-agG",ei="qMOscoq";const ti=({themeName:t,locale:a,onClickItem:l})=>{const[n,i]=e.useState(""),o=e.useMemo((()=>"marryBaby"===t?[{key:"userProfile.nav.menu.password",icon:r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-lock.svg"),link:"password"},{key:"userProfile.nav.menu.logout",icon:r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-logOut.svg"),link:"logout"}]:[{key:"userProfile.nav.menu.accountSettings",icon:r.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:r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-helpCircle.svg"),link:"help"}]),[t]);function s(e){e.subMenu?i((t=>t?"":e.key)):l&&l(e)}return le.default.createElement("div",{className:Zn},o.map((e=>le.default.createElement(ai,{key:e.key,item:e,openKey:n,onClickItem:s,locale:a}))))},ai=({item:e,openKey:t,onClickItem:a,locale:l})=>{var n;const{t:i}=k.useTranslations();return(null===(n=e.disableLocale)||void 0===n?void 0:n.includes(l))?null:le.default.createElement("div",{className:`${Yn} nav-menu-item`,"data-is-open":t===e.key,key:e.key,"data-has-submenu":!!e.subMenu},le.default.createElement("div",{className:Kn,onClick:()=>a(e)},e.icon&&le.default.createElement("div",{className:Xn,style:{backgroundImage:`url("${e.icon}")`}}),i(e.key),e.subMenu&&le.default.createElement("div",{className:Jn,style:{"--after-bg":`url(${r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-chevronDown.svg")})`}})),e.subMenu&&le.default.createElement("div",{className:ei},e.subMenu.map((e=>le.default.createElement(ai,{key:e.key,item:e,openKey:t,onClickItem:a,locale:l})))))};var li="-AZt1au",ni="IvSIfCI",ii="eahCJov",oi="XIyViFs",ri="_4y-O0w3",si="kO8iNgD",di="a1d4E10",ci="Tdguxxf",mi="-mOxsaU",ui="yPeDBNZ";const pi={helloSites:{member:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-member.svg"),ambassador:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-ambassador.svg"),doctor:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-doctor.svg"),expert:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-expert.svg"),influencer:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-influencer.svg")},marryBaby:{member:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-member.svg"),ambassador:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-ambassador.svg"),doctor:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-doctor.svg"),expert:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-expert.svg"),influencer:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-influencer.svg")}},gi=({themeName:t,rank:a="member",numberOfPosts:l=0})=>{const{t:n}=k.useTranslations(),i=e.useMemo((()=>{var e,l;return(null===(l=null===(e=pi[t])||void 0===e?void 0:e[a])||void 0===l?void 0:l.call(e))||""}),[a,t]);return le.default.createElement("div",{className:ri,"data-user-rank":a},le.default.createElement("div",{className:si},le.default.createElement("div",{className:di},le.default.createElement("div",{className:ci,style:{backgroundImage:`url("${i}")`}}),le.default.createElement("h3",{className:mi},n(`userProfile.userRank.${a}`)),l>0&&le.default.createElement("p",{className:ui},l," ",n("userProfile.nav.header.count.posts")))))};exports.AdBlock=Zl,exports.Alert=({style:e,onClose:a,text:l,type:n,contentIcon:i,closeIcon:o,className:r,description:s})=>le.default.createElement("div",{className:`${fe} ${r||""}`,style:e,"data-alert-type":n},le.default.createElement("div",{className:ve},le.default.createElement("div",{className:"icon-title"},i,le.default.createElement(t.Text,{weight:"bold",size:"label1"},l)),le.default.createElement(t.Text,{weight:"regular",size:"p3"},s)),le.default.createElement("div",{className:be,onClick:a},o)),exports.ArticleCard=({articleLink:e,authorLink:a,authorName:l,avatarImg:n,banner:i,categoryLink:o,categoryName:d,className:c,dataEventActionForBanner:m,dataEventActionForBookmark:u,dataEventActionForCategory:p,dataEventActionForTitle:g,dataEventCategoryForBanner:h,dataEventCategoryForBookmark:f,dataEventCategoryForCategory:v,dataEventCategoryForTitle:b,dataEventLabelForBanner:y,dataEventLabelForBookmark:x,dataEventLabelForCategory:E,dataEventLabelForTitle:w,direction:C="horizontal",hasAffiliate:k,isBookmark:B=!1,isBookmarkDisplayed:T=!0,isMobile:S=!0,onBookmark:N,onClickCategoryName:A,section:M="normal",size:P="md",specialty:D,style:z,styleBanner:L,styleLabel:I,styleTitle:$,text:_,title:O,type:j="author",uploadTime:F,articleLinkTarget:H,isPremium:R})=>{const G=e=>{e.stopPropagation(),null==N||N()},U="lg"===P&&"expert"===j?"h4":"lg"===P&&"home"===M?S?"h4":"h3":"lg"===P?"h4":"h5",W="lg"===P?"p3":"p4",V=S||"home"!==M||"lg"!==P||"author"!==j?"c2":"c1";return le.default.createElement("article",{className:`${ze} ${c||""}`,"data-size":P,style:z,"data-direction":C,"data-is-expert":"expert"===j||void 0},le.default.createElement("div",{className:"banner",style:L},le.default.createElement("a",{className:De,"data-event-category":h,"data-event-action":m,"data-event-label":y,href:e||"#",target:H},i),R&&le.default.createElement("img",{loading:"lazy",className:"premium",src:r.CommonGAssets.getAssetPath("premium-crown.svg")}),k&&le.default.createElement(_e,null)),le.default.createElement("div",{className:"content"},le.default.createElement("div",{className:"inner-content"},le.default.createElement(t.Text,{style:I,className:"label",size:V,weight:"caption"},le.default.createElement("a",{className:De,"data-event-category":v,"data-event-action":p,"data-event-label":E,href:o||"#",onClick:A},d),T&&le.default.createElement("a",{className:"bookmark",onClick:G},B?le.default.createElement(Oe,{dataEventCategoryForBookmark:f,dataEventActionForBookmark:u,dataEventLabelForBookmark:x}):le.default.createElement(je,{dataEventCategoryForBookmark:f,dataEventActionForBookmark:u,dataEventLabelForBookmark:x}))),le.default.createElement(s.Heading,{tag:U,style:$,className:"title",as:"lg"===P?"h2":"h3"},le.default.createElement("a",{className:De,"data-event-category":b,"data-event-action":g,"data-event-label":w,href:e||"#",target:H},O)),_&&le.default.createElement("a",{href:e||"#",target:H},le.default.createElement(t.Text,{size:W,className:"text"},_))),le.default.createElement("div",{className:"footer"},"author"===j?le.default.createElement(Ie,{size:P,avatarImg:n,authorName:l,authorLink:a,uploadTime:F,handleClick:G,isBookmarked:B,dataEventCategoryForBookmark:f,dataEventActionForBookmark:u,dataEventLabelForBookmark:x}):le.default.createElement($e,{size:P,isMobile:S,avatarImg:n,specialty:D,name:l,link:a,handleClick:G,isBookmarked:B,dataEventCategoryForBookmark:f,dataEventActionForBookmark:u,dataEventLabelForBookmark:x}))))},exports.ArticleCard$1=e=>{var{variant:t="vertical"}=e,a=c.__rest(e,["variant"]);return"horizontal"===t?le.default.createElement(Fe,Object.assign({},a)):le.default.createElement(Ue,Object.assign({},a))},exports.Avatar=xe,exports.BMICardEmbed=({isMobile:e,onSubmit:t,bmiContent:a,isSide:l,bmiGenerated:n,bmiUnit:i,bmiLink:o,locale:s})=>{var d,c,m;const{t:u}=k.useTranslations();return le.default.createElement(Ia,{"data-is-side":l},le.default.createElement(ua,{isSide:l,icon:le.default.createElement("img",{alt:"health-tool-icon",src:(null==a?void 0:a.featured_image)||r.CommonGAssets.getAssetPath("health-tools/bmi.svg"),loading:"lazy"}),heading:u("bmi.heading"),medicalReview:{link:null===(d=null==a?void 0:a.reviewBy)||void 0===d?void 0:d.link,reviewer:null===(c=null==a?void 0:a.reviewBy)||void 0===c?void 0:c.reviewer,date:null===(m=null==a?void 0:a.reviewBy)||void 0===m?void 0:m.date},isMobile:e}),le.default.createElement(I.Container,null,le.default.createElement(La,{as:"div","data-is-side":l},o&&le.default.createElement(Ga,{onSubmit:t,bmiGenerated:n,locale:s,bmiUnit:i,isSide:l}))))},exports.BMRCardEmbed=({isSide:e,locale:t,bmrContent:a,isMobile:l,info:n,inputErrorMessage:i,onFormChange:o,onSubmit:s})=>{var d,c,m;const{t:u}=k.useTranslations();return le.default.createElement(Ia,{"data-is-side":e},le.default.createElement(ua,{isSide:e,icon:le.default.createElement("img",{alt:"health-tool-icon",src:(null==a?void 0:a.featured_image)||r.CommonGAssets.getAssetPath("health-tools/bmr.svg"),loading:"lazy"}),heading:u("bmr.heading"),medicalReview:{link:null===(d=null==a?void 0:a.reviewBy)||void 0===d?void 0:d.link,reviewer:null===(c=null==a?void 0:a.reviewBy)||void 0===c?void 0:c.reviewer,date:null===(m=null==a?void 0:a.reviewBy)||void 0===m?void 0:m.date},isMobile:l}),le.default.createElement(I.Container,null,le.default.createElement(La,{onSubmit:e=>e.preventDefault(),"data-is-side":e},le.default.createElement(Ta,null,le.default.createElement(ml,{info:n,locale:t,errorMessage:i,onChange:o,onClick:s,isSide:e})))))},exports.BabyGrowthCardEmbed=({isMobile:e,className:t,onSubmit:a,onError:l,schema:n,babyGrowthContent:i,siteType:o})=>{var s,c,m;return le.default.createElement(Ia,{"babyGrowthContent-is-mobile":e,"data-site":o},le.default.createElement(ua,{siteType:o,bannerUrl:r.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerUrlLarge:r.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerColor:"marryBaby"===o&&d.theme.mbColors.mint,isEmbeded:!0,icon:le.default.createElement("img",{className:"embedded-icon",alt:"health-tool-icon",src:(null==i?void 0:i.featuredImage)||r.CommonGAssets.getAssetPath("health-tools/toolsIconBabyGrowth.svg"),loading:"lazy"}),heading:(null==i?void 0:i.title)||"",medicalReview:{link:null===(s=null==i?void 0:i.reviewBy)||void 0===s?void 0:s.link,reviewer:null===(c=null==i?void 0:i.reviewBy)||void 0===c?void 0:c.reviewer.trim(),date:null===(m=null==i?void 0:i.reviewBy)||void 0===m?void 0:m.date},isMobile:e}),le.default.createElement(Ya,{"data-theme":o},le.default.createElement(Ka,{siteType:o,schema:n,className:t,onSubmit:a,onError:l})))},exports.BabyPoopEmbed=({babyPoopPage:e,onClickFindOut:a,currentUrl:l,isSide:i,direction:o="auto",sponsorLogo:c})=>{const{t:u}=k.useTranslations(),p="mb"===m.useMantineTheme().other.template,{classes:g}=Xa({isMarryBaby:p,isSide:i,direction:o},{name:"BabyPoopEmbed"}),{reviewedBy:h,reviewedDate:f}=e||{};return le.default.createElement("div",{className:g.root},le.default.createElement("div",{className:g.inner},le.default.createElement(s.Heading,{tag:"h3",as:"h2",color:!p&&"#284A75"},e.title),le.default.createElement("div",{className:g.content,"data-is-side":i},le.default.createElement(t.Text,{size:"p3",className:"description"},e.description),!!h&&le.default.createElement("div",{className:g.reviewText},le.default.createElement("img",{src:r.CommonGAssets.getAssetPath("reviewerCheck.svg"),alt:"check",className:g.reviewTextIcon,loading:"lazy"}),le.default.createElement(t.Text,{size:"p4",color:d.theme.colors.gray600},u("categoryPage.info.reviewed")," ",le.default.createElement("a",{href:h.profile_url},h.display_name)," ",u("categoryPage.onDate",{date:f||""}))),le.default.createElement("div",{className:g.action},le.default.createElement(n.Button,{className:g.btn,size:p?"lg":"md",variant:p?"secondary":"primary",onClick:a,dataEventCategory:"Health Tool",dataEventAction:"Baby Stool Inquiry",dataEventLabel:l,style:{visibility:Boolean(a)?"visible":"hidden"}},u("babyPoop.findOut"))))),le.default.createElement("div",{className:g.thumbnail},le.default.createElement("img",{src:p?r.CommonGAssets.getAssetPath("baby-poop.svg"):null==e?void 0:e.featuredImage,alt:e.title,loading:"lazy"})),c&&le.default.createElement("img",{loading:"lazy",src:c,alt:"sponsor",className:g.sponsorLogo}))},exports.Badge=({amount:e,type:t,size:l="medium",color:n="primary",icon:i,className:o})=>le.default.createElement(a.StyledBadge,{"data-notification-type":t,"data-notification-size":l,"data-notification-color":n,"data-has-icon":!!i||void 0,notificationType:t,notificationSize:l,notificationColor:n,hasIcon:!!i,className:o},le.default.createElement("div",null,e&&le.default.createElement("span",null,e)," ",i&&le.default.createElement("div",null,i))),exports.BorderHeading=({style:e,children:t,className:l,size:n="lg",type:i="bold",upperCase:o,as:r="h4",color:s})=>le.default.createElement(a.StyledBorderHeading,{style:Object.assign({color:s},e),className:l,"data-size":n,"data-type":i,"data-uppercase":o,as:r},t),exports.Breadcrumbs=({className:t,pages:a,size:l,LinkComponent:n="a",onChangePage:i,separator:o})=>{const r=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 le.default.createElement("div",{"data-size":l,className:`${zl} ${t||""}`},r.map(((t,a)=>{const s=a+1===r.length;return le.default.createElement(e.Fragment,{key:a},le.default.createElement($l,{LinkComponent:n,page:t,isLast:s,onChangePage:i}),!s&&(t.separator||o||le.default.createElement("div",{className:Ll,"data-size":l})))})))},exports.CategoryCard=e=>{var{category:a,imgBanner:l,label:n,className:i,style:o,href:r="",dataEventCategory:s,dataEventAction:d,dataEventLabel:m}=e,u=c.__rest(e,["category","imgBanner","label","className","style","href","dataEventCategory","dataEventAction","dataEventLabel"]);const p=(null==a?void 0:a.customizedUrl)||(null==a?void 0:a.permalink)||r||"";return le.default.createElement(We,Object.assign({"data-event-category":s,"data-event-action":d,"data-event-label":m,className:i,style:o,href:p},(null==a?void 0:a.customizedUrl)&&!f.isInternalLink(a.customizedUrl)&&{target:"_blank"},{onClick:e=>{""===p&&e.preventDefault()}},u),le.default.createElement("div",{className:"banner"},l),le.default.createElement("div",{className:"content"},le.default.createElement(t.Text,{className:"category_name",size:"sm",weight:"bold"},(null==a?void 0:a.displayName)||n||"")))},exports.Checkbox=Te,exports.CheckboxGroup=({name:e,values:t=[],onChanges:a,options:l=[],className:n,type:i="vertical",isDisabled:o,isRectangle:r})=>{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 le.default.createElement(Ve,{className:n,"data-type":i,"data-is-rectangle":r||void 0},l.map(((a,l)=>le.default.createElement(Te,{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:r}))))},exports.CookieAcceptConfirm=({className:e,policiesUrl:t,onAcceptClick:a,translations:l={acceptButton:"Accept",policiesButton:"Our Policies"},title:n="",description:i="",theme:o="helloSites",isOpen:r=!0,useDefaultPosition:s=!0,trackingAttributes:d})=>le.default.createElement(Wt,{className:e,"data-theme":o,"data-is-open":r,"data-default-position":s},le.default.createElement(Vt,{"data-has-content":!!n},n),le.default.createElement(qt,{dangerouslySetInnerHTML:{__html:i}}),le.default.createElement(Qt,null,le.default.createElement(Zt,{role:"button",tabIndex:0,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),le.default.createElement(Yt,{href:t},l.policiesButton))),exports.DateRangePicker=function({inputSize:t="md",name:l="date-range-picker",value:n,minDate:i,maxDate:o,onChange:s,className:d,autoClose:c=!1}){n||(n={from:null,to:null});const[m,u]=e.useState(!1);function p(){u(!1)}const g=e.useRef(null);function h(e){s&&s(e)}function f(e){return B.format(e,"dd/MM/yyyy")}H.useOutsideClick(g,(()=>{p()}));const v=e.useMemo((()=>n.from&&n.to?B.isSameDay(n.from,n.to)?f(n.from):`${f(n.from)} - ${f(n.to)}`:""),[n.from,n.to]);return le.default.createElement(Pl,{className:[d,m&&"focused"].filter(Boolean).join(" "),ref:g},le.default.createElement("label",{htmlFor:l},le.default.createElement(a.PureInput,{size:t,value:v,name:l,actionIcon:le.default.createElement("img",{src:r.CommonGAssets.getAssetPath("calendar.svg"),loading:"lazy"}),onFocus:()=>u(!0)})),m?le.default.createElement(Dl,{onMouseDown:e=>{e.stopPropagation()}},le.default.createElement(Al,{value:n,onChange:h,minDate:i,maxDate:o,close:p,autoClose:c})):null)},exports.DoctorInfo=mt,exports.DueDateCardEmbed=({isMobile:e,locale:t,onSubmitDueDate:a,dueDatePageInfo:l,expertUrl:n,isSide:i,siteType:o})=>{var s;const{t:c}=k.useTranslations();return le.default.createElement(Ia,{"data-is-side":i,"data-site":o},le.default.createElement(ua,{isSide:i,siteType:o,bannerColor:"marryBaby"===o&&d.theme.mbColors.mint,isEmbeded:!0,color:"pink",icon:le.default.createElement("img",{alt:"health-tool-icon",src:(null==l?void 0:l.featured_image)||r.CommonGAssets.getAssetPath("health-tools/due-date-icon.svg"),loading:"lazy"}),heading:c("healthTools.dueDateCalculator"),medicalReview:{link:n,reviewer:null===(s=null==l?void 0:l.reviewed_by)||void 0===s?void 0:s.display_name,date:null==l?void 0:l.reviewed_date},isMobile:e}),le.default.createElement(La,{onSubmit:e=>e.preventDefault(),className:"due-date-cal","data-is-side":i},le.default.createElement(Pa,{siteType:o,locale:t,onSubmitDueDate:a,isSide:i})))},exports.FileDropdown=({className:t,value:l,options:n,onUploadSelected:i,id:o,placeholderIcon:r,placeholder:s,style:d})=>{const[c,m]=e.useState(!1),u=()=>m(!c),p=e.useRef(n.map((e=>"upload"===e.type&&le.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"),i(e.target.files)}}))));return le.default.createElement(a.StyledDropdown,{className:t,"data-dropdown-open":!!c,id:o,"data-has-icons":!0,style:d,onBlur:()=>m(!1),tabIndex:0},le.default.createElement(Ee,null),le.default.createElement(a.StyledDropdownName,{onClick:u},r||le.default.createElement(we,null)," ",le.default.createElement("span",null,l&&l.value?l.label:s)),c&&le.default.createElement(a.StyledDropdownList,{onClick:u,"data-has-icons":!0},n.map((e=>le.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}},le.default.createElement(a.StyledIcon,null,e.icon||"download"===e.type?le.default.createElement(Ce,null):le.default.createElement(ke,null)),e.label)))),le.default.createElement(le.default.Fragment,null,p.current))},exports.FixedBottomAdBlock=({className:t,adUnitPath:a,divId:l,isMobile:n,contentId:i,customTargetings:o,locale:r,isMarryBaby:s})=>{const[d,c]=e.useState(!0),[m,u]=e.useState(!1),[p,g]=e.useState(!0),h=e.useRef(null),f=e.useRef(q.v4()),v=e.useRef(null),b=e.useRef(),y=e.useRef();return e.useEffect((()=>{const e=()=>{y.current&&clearTimeout(y.current),y.current=setTimeout((()=>{var t;document.getElementById("subot--container")?c(!0):(c(!1),(null===(t=h.current)||void 0===t?void 0:t.clientHeight)?g(!1):g(!0)),e()}),4e3)};return e(),()=>{b.current&&clearTimeout(b.current),y.current&&clearTimeout(y.current)}}),[]),d||m?null:le.default.createElement(Hl,{key:n?"mobile":"desktop",ref:v,className:t,"data-visible":!p},a&&le.default.createElement(Zl,{wrapperProps:{m:0},ref:h,adUnitPath:a,size:n?[[320,50],[320,100]]:[728,90],divId:(l||"div-gpt-ad-sticky")+(n?"-mobile":"")+i+String(f.current),pos:["Sticky"],contentId:i,hideIfHasSubot:n,customTargetings:o,adDefaultSize:n?[320,50]:[728,90],showCloseBtn:!0,onCloseAd:()=>u(!0),refreshInterval:60,locale:r,isMarryBaby:s}))},exports.FloatButtonGroup=({items:t,className:a,style:l,backgroundPanelStyle:n,isOpen:i,onOpen:o,onClose:r,disableBackdropClick:s,siteType:d="hb",animationType:c="zoom",zIndex:m=300})=>{const[u,p]=e.useState(!!i);e.useEffect((()=>{p(!!i)}),[i]);const g=()=>{p(!1),r&&r()};return le.default.createElement(_t,{style:l,className:a,"data-floatmenu-open":u,"data-site-type":d,"data-animation-type":c},le.default.createElement(Ot,{className:"float-button-group__panel",style:Object.assign({zIndex:m},n),onClick:s?void 0:g}),le.default.createElement(jt,{className:"float-button-group___content",style:{zIndex:m}},le.default.createElement(Ft,null,t.map(((e,a)=>le.default.createElement(Rt,{className:`float-item-button-${a}`,style:Object.assign(Object.assign({},"zoom"===c&&{bottom:64*(t.length-1-a),transitionDelay:$t/t.length*(u?t.length-1-a:a)+"ms"}),"slide"===c&&{bottom:64*(t.length-1-a),transitionDelay:$t/t.length*(u?a:t.length-1-a)+"ms"}),key:a,onClick:()=>{e.onClick(),e.keepMenuOnClick||p(!1)}},le.default.createElement(Gt,{style:Object.assign({},"zoom"===c&&{transitionDelay:$t/t.length*(u?t.length-1-a:a)+"ms"})},e.label),le.default.createElement(Ut,{className:"float-item-button__icon-wrapper",style:Object.assign({},("zoom"===c||"slide"===c)&&{transitionDelay:$t/t.length*(u?t.length-1-a:a)+"ms"})},e.icon))))),le.default.createElement(Ht,{onClick:u?g:()=>{p(!0),o&&o()}})))},exports.GenderOptionControl=Me,exports.Grid=({className:e,columns:t,columnsDesktop:l,gridTemplateColumns:n,gridTemplateColumnsDesktop:i,gap:o,children:r,justifyChildren:s,style:d,alignItems:c})=>le.default.createElement(a.StyledGrid,{className:e,style:Object.assign({"--columns-count":t,"--columns-count-desktop":l,"--grid-template-columns":n,"--grid-template-columns-desktop":i,"--justify-children":s,"--grid-gap":o,"--align-items":c},d)},r),exports.IconText=({size:e,iconPosition:t,className:a,children:l,icon:n})=>le.default.createElement(qe,{className:a,"data-size":e,"data-icon-position":t},"left"===t&&n,l,"right"===t&&n),exports.MAPPING_CATEGORY_PREMIUM_API_TYPE=on,exports.MAPPING_CATEGORY_PREMIUM_TYPE=nn,exports.MobileBottomNavigation=la,exports.MobileBottomNavigationIcon=aa,exports.NavHeader=Rn,exports.OvulationCardEmbed=({onSubmitOvulation:e,locale:t,ovulationPageInfo:a,expertUrl:l,isSide:n=!1,siteType:i,isMobile:o})=>{var s;const{t:c}=k.useTranslations();return le.default.createElement(Ia,{"data-is-side":n,"data-site":i},le.default.createElement(ua,{isSide:n,bannerUrl:r.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),siteType:i,bannerColor:"marryBaby"===i&&d.theme.mbColors.mint,isEmbeded:!0,color:"pink",icon:le.default.createElement("img",{alt:"health-tool-icon",src:(null==a?void 0:a.featured_image)||r.CommonGAssets.getAssetPath("health-tools/ovulation-icon.svg"),loading:"lazy"}),heading:c("healthTools.ovulationCalculator"),medicalReview:{link:l,reviewer:null===(s=null==a?void 0:a.reviewed_by)||void 0===s?void 0:s.display_name,date:null==a?void 0:a.reviewed_date},isMobile:o}),le.default.createElement(La,{onSubmit:e=>e.preventDefault(),className:"ovulation-cal","data-is-side":n},le.default.createElement(gl,{siteType:i,locale:t,onSubmitOvulation:e,isSide:n})))},exports.PWGCardEmbed=({locale:a,onClick:l,inputErrorMessage:i,pwgContent:o,onFormChange:s,info:c,isMobile:m,isSide:u=!1,siteType:g})=>{var h;const{t:f}=k.useTranslations(),[v,b]=e.useState("notwins"),[y,x]=e.useState({label:"1",value:1}),E=e.useMemo((()=>[...Array(40)].map(((e,t)=>({label:`${t+1}`,value:`${t+1}`})))),[]),{getHealthToolLink:w}=_.useHealthToolsCache(a),C=e.useMemo((()=>w(A.HEALTH_TOOL_TYPE.PWG)),[w]);return le.default.createElement(Ia,{"data-is-side":u,"data-site":g},le.default.createElement(ua,{siteType:g,bannerColor:"marryBaby"===g&&d.theme.mbColors.mint,isEmbeded:!0,color:"pink",icon:le.default.createElement("img",{alt:"health-tool-icon",src:(null==o?void 0:o.featuredImage)||r.CommonGAssets.getAssetPath("health-tools/pwg-icon.svg"),loading:"lazy"}),heading:f("pregnancyWeightGain.heading"),medicalReview:{link:F.formatUserProfileUrl(null==o?void 0:o.reviewedBy),reviewer:null===(h=null==o?void 0:o.reviewedBy)||void 0===h?void 0:h.display_name,date:null==o?void 0:o.reviewedDate},isMobile:m,isSide:u}),le.default.createElement(I.Container,null,le.default.createElement(La,{onSubmit:e=>e.preventDefault(),className:"pwg-view-mobile","data-is-side":u},"marryBaby"!==g&&le.default.createElement(Ba,{className:"hide-asking-mobile","data-is-side":u},le.default.createElement(t.Text,{size:"s4",weight:"semiBold",style:{display:"block",color:d.theme.colors.gray600},className:"label"},f("pregnancyWeightGain.havingTwins")),le.default.createElement($a,{options:[{value:"twins",label:f("switchBtn.yes")},{value:"notwins",label:f("switchBtn.no")}],value:v,onChange:e=>b(e),className:"gender-selector",id:"twins-check",direction:"horizontal",size:"small"})),le.default.createElement(Na,null,le.default.createElement(Aa,{className:"input-section input-form-pwg","data-is-side":u},"marryBaby"===g?le.default.createElement(pa,{groupedWithLabel:f("pregnancyWeightGain.weekInput"),options:E,placeholder:"28 days",id:"due-date-dropdown",size:"lg",value:y,onChange:e=>x({label:e.label,value:e.value})}):le.default.createElement(le.default.Fragment,null,le.default.createElement(t.Text,{size:"s4",weight:"semiBold",style:{display:"inline-block",marginBottom:"9px",color:d.theme.colors.gray600}},f("pregnancyWeightGain.weekInput")),le.default.createElement(L.Dropdown,{options:E,placeholder:String(y.label),id:"weight-gain-dropdown",size:"md",value:y,onChange:e=>x({label:e.label,value:e.value})}))),le.default.createElement(hl,{siteType:g,info:c,errorMessage:i,onChange:s})),"marryBaby"!==g&&le.default.createElement(Ba,{className:"hide-asking-desk","data-is-side":u},le.default.createElement(t.Text,{size:"s4",weight:"semiBold",style:{display:"block",color:d.theme.colors.gray600},className:"label"},f("pregnancyWeightGain.havingTwins")),le.default.createElement($a,{options:[{value:"twins",label:f("switchBtn.yes")},{value:"notwins",label:f("switchBtn.no")}],value:v,onChange:e=>b(e),className:"gender-selector",id:"twins-check-mobile",direction:"horizontal",size:"small"})),"marryBaby"===g&&le.default.createElement(Te,{name:"twins",label:f("pregnancyWeightGain.havingTwins"),checked:"twins"===v,siteType:"marryBaby",onChange:()=>{b("twins"===v?"notwins":"twins")},value:"twins"}),le.default.createElement(Sa,{"data-is-side":u,"data-site":g},le.default.createElement(n.Button,{dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${p.domainLocales["marryBaby"===g?"vi-VN_MB":a]}/${C}`,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===g?"secondary":"primary",onClick:()=>l(v,y.value),role:"button"},f("dueDatePage.lastPeriod.calculate"))))))},exports.Pagination=({className:t,pagesAmount:n,currentPage:i,onChange:o,onClick:r,style:s,href:d,queryPageName:c="page"})=>{const m=[...Array(n)].map(((e,t)=>t+1)),[u,p]=e.useState(i),g=e.useMemo((()=>d&&d.endsWith("&page=")?d.replace("&page=",""):d),[d]),h=n-1,f=e=>{e<=n&&e>0&&(p(e),o(e))},v=e=>{r&&r(e)};return e.useEffect((()=>{p(i)}),[i]),le.default.createElement(a.StyledPagination,{className:t,style:s},le.default.createElement(a.StyledPageBlock,{className:"prev-page",onClick:()=>f(u-1),"data-last-page":1===u||void 0},g?le.default.createElement("a",{href:l.formatUrlWithPageParam(g,u,c),onClick:v},le.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},le.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):le.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},le.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),m.length>8?le.default.createElement(Be,{pagesAmount:n,activePage:u,handlePageChange:f,handleClick:v,href:g,queryPageName:c}):m.map((e=>le.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===u||void 0,onClick:()=>f(e)},g?le.default.createElement("a",{href:l.formatUrlWithPageParam(g,e,c),onClick:v},e):e))),le.default.createElement(a.StyledPageBlock,{className:"next-page",onClick:()=>f(u+1),"data-last-page":u===h+1||void 0},g?le.default.createElement("a",{href:l.formatUrlWithPageParam(g,u,c),onClick:v},le.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},le.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):le.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},le.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:i,className:o,onChange:r})=>{const[s,d]=e.useState(0),m=e=>{var{trackClassName:t}=e,a=c.__rest(e,["trackClassName"]);return le.default.createElement(Ye,Object.assign({},a,{className:t}),le.default.createElement(Ke,null))},u=le.default.createElement(Qe,{className:o+" progress-bar"},le.default.createElement(m,null),le.default.createElement((({trackLength:e,activeStep:t,labelPrefix:l="Step",onChange:n})=>le.default.createElement(le.default.Fragment,null,Array.from({length:a},((e,t)=>t)).map(((i,o)=>le.default.createElement(Ze,{"data-is-active":o===t,"data-label":o,style:{left:o*e/(a-1)},onClick:()=>{n&&n(o)},key:o},o+1,le.default.createElement(Xe,{"data-step-passed":o<=t},l+" "+(o+1))))))),{trackLength:s,activeStep:l,labelPrefix:n,onChange:r})),p=le.default.createElement("svg",{"data-name":"Layer 1",viewBox:"0 0 5.5 9.5"},le.default.createElement("title",null,"chevron-right"),le.default.createElement("path",{d:"M.75 8.75l4-4-4-4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),g=le.default.createElement(Je,null,i&&Array.from({length:i.length},((e,t)=>t)).map(((e,t)=>{var a;return le.default.createElement(et,{key:t,"data-selected":t===l,onClick:()=>{r&&r(t)}},null===(a=i[t])||void 0===a?void 0:a.text," ",t<i.length-1&&p)}))),h=le.default.createElement(Qe,{className:o+" progress-bar"},le.default.createElement((({detailSteps:e,activeStep:t,onChange:a})=>le.default.createElement(le.default.Fragment,null,Array.from({length:e.length},((e,t)=>t)).map(((l,n)=>le.default.createElement(tt,{key:n,style:{left:100/e.length*n+"%",width:100/e.length+"%"},onClick:()=>{a&&a(n)}},e[n].icon?le.default.createElement(lt,{onClick:()=>{a&&a(n)}},e[n].icon):le.default.createElement(at,{"data-is-active":n===t,"data-label":l,onClick:()=>{a&&a(n)},key:n},n+1),le.default.createElement(nt,{"data-step-passed":n<t+1},e[n].text,le.default.createElement(it,null,e[n].description)),n<e.length-1&&le.default.createElement(m,{"data-step-passed":n<t,trackClassName:"progress-track","data-track-type":"detail"})))))),{activeStep:l,detailSteps:i,onChange:r})),f=e.useCallback(oe.default((()=>{const e=document.querySelector(".progress-bar");e&&d(e.offsetWidth)}),1e3),[]);return e.useEffect((()=>{const e=document.querySelector(".progress-bar");return d(null==e?void 0:e.offsetWidth),window.addEventListener("resize",f,{passive:!0}),()=>{window.removeEventListener("resize",f)}}),[]),"step-track"===t&&u||"breadcrumb"===t&&g||"detail-track"===t&&h},exports.Radio=({size:e="small",label:t,name:a,checked:l,value:i,className:o,isDisabled:r=!1,onChange:s,dataEventCategory:d,dataEventAction:c,dataEventLabel:m})=>{const u=!!c&&!!d&&!!m?{"data-event-category":d,"data-event-action":c,"data-event-label":m}:{};return le.default.createElement(n.Radio,Object.assign({size:"small"===e?"md":"lg",label:t,name:a,checked:l,value:i,className:o,disabled:r,onChange:e=>null==s?void 0:s(e.target.value)},u))},exports.RadioGroup=ot,exports.RateStars=({gap:t=2,size:l=24,star:n,totalStars:i=5,onSelect:o,hideEmptyStars:r,style:s,className:d})=>{const c=Math.floor(n),m=n-c>=.5?1:0,[u,p]=e.useState(null),g=u||c,h=u?0:m;return le.default.createElement(a.StyledRateStars,{"data-selectable":!!o,style:Object.assign({"--gap":t,"--star-size":l},s),className:d},Array.from({length:r?c+m:i}).map(((e,t)=>{const a=()=>!!o&&p(t+1),l=()=>!!o&&p(null);return t+1<=g?le.default.createElement(Ne,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l}):t+1===g+h?le.default.createElement(Ae,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l}):le.default.createElement(Se,{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:i="infinity",type:o="separated",distanceOverlappedLeft:r={amount:0,unit:"pixel"},children:s,className:d,isProgressShown:c=!1,statusChildren:m,isArrowShown:u=!1,classNameLeftArrow:p,classNameRightArrow:g,dataEventCategory:h,dataEventAction:f,dataEventLabel:v,onChangePage:b,page:y,customPageWidth:x,scheme:E="hellosites",arrowType:w="Discover"})=>{const C="number"==typeof y,[k,B]=e.useState(C?y:0),T=[];le.default.Children.map(s,((e,l)=>{l%(t*a)==0&&T.push([]),T[T.length-1].push(le.default.cloneElement(e))}));const S=e.useRef(),N=e.useRef(0),A=e=>{if(!S.current)return;const{clientWidth:t}=S.current,a=x||t,l="intertwined"===o?"percentage"===r.unit?e*a+r.amount/100*a*e:e*a+r.amount*a*e:e*a;S.current.scrollTo({top:0,left:l,behavior:"smooth"}),N.current=e,B(e),b&&b(e)};e.useEffect((()=>{"number"==typeof y&&(e=>{if(!S.current)return;const{clientWidth:t}=S.current,a=x||t,l="intertwined"===o?"percentage"===r.unit?e*a+r.amount/100*a*e:e*a+r.amount*a*e:e*a;S.current.scrollTo({top:0,left:l,behavior:"smooth"}),N.current=e,B(e)})(y)}),[y]);const M=e=>{if(!S.current)return;const{clientWidth:t}=S.current,a=x||t;let l;l=0===k?0:k*a,"forward"===e&&(l===a*(T.length-1)?(B(T.length-1),l=a*(T.length-1),b&&b(T.length-1)):(B(k+1),l+=a,b&&b(k+1)),S.current.scrollTo({top:0,left:l,behavior:"smooth"})),"back"===e&&(0===l?(B(0),b&&b(0),l=0):(B(k-1),b&&b(k-1),l-=a),S.current.scrollTo({top:0,left:l,behavior:"smooth"}))},P=oe.default((()=>{if("infinity"===i){if(!S.current)return;const{clientWidth:e,scrollLeft:t}=S.current,a=x||e,l=Math.floor(t/a);B(l),b&&b(l)}}),400);return e.useEffect((()=>{if("snapped"===i){let e,t,a,l,n,i,s=!1;const d=S.current,c=(i,o)=>{s=!0,a=!1,l=!1,e=i-d.offsetLeft,t=o-d.offsetTop,n=d.scrollLeft},m=e=>{c(e.pageX,e.pageY)},u=e=>{c(e.touches[0].pageX,e.touches[0].pageY)},p=()=>{if(s=!1,a=!1,l=!1,!S.current)return;const{clientWidth:e}=S.current,t=x||e,n="ltr"===i?0!==N.current?N.current-1:N.current:"rtl"===i&&N.current<T.length-1?N.current+1:N.current,d="intertwined"===o?"percentage"===r.unit?n*t+r.amount/100*t*n:n*t+r.amount*t*n:n*t;S.current.scrollTo({top:0,left:d,behavior:"smooth"}),i="none",N.current!==n&&(N.current=n,B(n),b&&b(n))},g=(o,r)=>{if(!s)return;const c=o-d.offsetLeft,m=r-d.offsetTop,u=c-e,p=m-t;a||l||!(p>20||p<-20)||(a=!0),!a&&(u>20||u<-20)&&(l=!0,d.scrollLeft=n-u,u>0&&(i="ltr"),u<0&&(i="rtl"),0===u&&(i="none"))},h=e=>{l&&e.preventDefault(),g(e.pageX,e.pageY)},f=e=>{l&&e.preventDefault(),g(e.touches[0].pageX,e.touches[0].pageY)};return null==d||d.addEventListener("mousedown",m,{passive:!0}),null==d||d.addEventListener("touchstart",u,{passive:!0}),window.addEventListener("mouseup",p,{passive:!0}),window.addEventListener("touchend",p,{passive:!0}),null==d||d.addEventListener("mousemove",h,{passive:!0}),null==d||d.addEventListener("touchmove",f,{passive:!0}),()=>{null==d||d.removeEventListener("mousedown",m),null==d||d.removeEventListener("touchstart",u),window.removeEventListener("mouseup",p),window.removeEventListener("touchend",p),null==d||d.removeEventListener("mousemove",h),null==d||d.removeEventListener("touchmove",f)}}}),[]),le.default.createElement(ht,{className:d,"data-row":t,onScroll:P},u&&k>0&&le.default.createElement("div",{className:`${p} arrow-left`,onClick:()=>M("back"),"data-event-category":h,"data-event-action":f,"data-event-label":v},"Care"===w?le.default.createElement("svg",{width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},le.default.createElement("g",{filter:"url(#filter0_dd_12599_34420)"},le.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"}),le.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"}),le.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"})),le.default.createElement("defs",null,le.default.createElement("filter",{id:"filter0_dd_12599_34420",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},le.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),le.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"}),le.default.createElement("feOffset",{dx:"-2",dy:"2"}),le.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),le.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"}),le.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12599_34420"}),le.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"}),le.default.createElement("feOffset",{dx:"-1",dy:"1"}),le.default.createElement("feGaussianBlur",{stdDeviation:"1"}),le.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"}),le.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12599_34420",result:"effect2_dropShadow_12599_34420"}),le.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12599_34420",result:"shape"})))):le.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"},le.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"===E?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),le.default.createElement("path",{d:"M15.9997 11.1109L11.1108 15.9998L15.9997 20.8887",stroke:"hellosites"===E?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),le.default.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===E?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),le.default.createElement("div",{ref:S,className:"container",style:{overflowX:"snapped"===i||u?"hidden":"scroll"}},T.map(((e,l)=>{let n=0;for(let e=0;e<l;e++)n+=T[e].length;return le.default.createElement("div",{key:l,className:"section",style:{marginLeft:"intertwined"===o&&0!==l?r.amount+""+("percentage"===r.unit?"%":"px"):"0px"}},1===t&&c&&le.default.createElement("div",{className:"progress-bar",style:{gridTemplateColumns:`repeat(${a}, 1fr)`}},e.map(((t,a)=>{const i=n+a,o=m.find((e=>e.index===i));return le.default.createElement("div",{className:"items-progress",key:a},0===a&&0===l?le.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):le.default.createElement("div",{className:"line"}),le.default.createElement("div",{className:"icon-status"},le.default.createElement(ft,{status:null==o?void 0:o.status})),l===T.length-1&&a===e.length-1?le.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):le.default.createElement("div",{className:"line"}))}))),le.default.createElement("div",{className:"grid-layout","data-index":l,style:{gridTemplateColumns:`repeat(${a}, 1fr)`,gridTemplateRows:`repeat(${t}, 1fr)`}},e.map(((e,t)=>le.default.createElement(le.default.Fragment,{key:t},le.default.createElement("div",{className:"item-grid",key:t},e))))))}))),u&&k<T.length-1&&le.default.createElement("div",{className:`${g} arrow-right`,onClick:()=>M("forward"),"data-event-category":h,"data-event-action":f,"data-event-label":v}," ","Care"===w?le.default.createElement("svg",{width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},le.default.createElement("g",{filter:"url(#filter0_dd_12597_34423)"},le.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"}),le.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"}),le.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"})),le.default.createElement("defs",null,le.default.createElement("filter",{id:"filter0_dd_12597_34423",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},le.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),le.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"}),le.default.createElement("feOffset",{dx:"-2",dy:"2"}),le.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),le.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"}),le.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12597_34423"}),le.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"}),le.default.createElement("feOffset",{dx:"-1",dy:"1"}),le.default.createElement("feGaussianBlur",{stdDeviation:"1"}),le.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"}),le.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12597_34423",result:"effect2_dropShadow_12597_34423"}),le.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12597_34423",result:"shape"})))):le.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"},le.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"===E?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),le.default.createElement("path",{d:"M15.9998 20.8891L20.8887 16.0002L15.9998 11.1113",stroke:"hellosites"===E?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),le.default.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===E?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),l&&le.default.createElement("ul",{className:"bullet-nav"},T.map(((e,t)=>le.default.createElement("li",{key:t,className:"bullet-nav__item "},le.default.createElement("p",{onClick:()=>A(t),className:`bullet-nav__link scroll ${k==t?"active":null}`,"data-scheme":E}))))),n&&le.default.createElement("div",{className:"image-gallery-wrapper","data-test":T.length},T.slice(0,3).map(((e,t)=>le.default.createElement("div",{className:`image-block ${k==t?"active":null}`,key:t,onClick:()=>A(t),"data-scheme":E},e)))))},exports.SeoHead=({SEOData:t={},locale:a="vi-VN",routerPathname:l,routerQuery:n,nextHead:i,siteType:o,seoCustom:r,userId:s,forcedCanonicalUrl:d})=>{var c,m,u,g,h,f,v,b,y,x,E,w;const{totalPages:k,currentPage:B,SEOTitle:T="",SEODescription:S="",SEOImage:N,seoType:A,SEOImageWidth:M,SEOImageHeight:P,customMetaData:D=[],isIndexable:z=!0,hasNoCanonical:L=!1}=t,I=z&&C.isProduction?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",{NEXT_PUBLIC_BASE_API_URL:$}=process.env;let _=t.canonicalUrl||l;Object.keys(n).forEach((e=>{const t=n[e];t&&Array.isArray(t)&&(_=_.replace(`[...${e}]`,t.join("/")))}));const O=a||"en-PH",j="helloSites"===o?p.domainLocales[O]:"www.marrybaby.vn",F=_.endsWith("/")?"":"/",H=e.useMemo((()=>{var e,l,n,i,o,r,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>/),m=` - Page ${B} of ${k}`,u=B&&1!==B&&c?t.apiMetaData.replace(c[0],c[0].includes("-")?c[0].replace("-",m+" - "):`<title>${c[1].concat(m)}</title>`).replace(`<link rel="canonical" href="https://${j}${_}${F}" />`,`<link rel="canonical" href="https://${j}${_}${F}?page=${B}" />`):t.apiMetaData;if(d=re.default(u,{trim:!0}),!d.find((e=>{var t,a;return"og:image"===(null===(t=e.props)||void 0===t?void 0:t.property)||"og:image:secure_url"===(null===(a=e.props)||void 0===a?void 0:a.property)}))){const e=`https://${j}/images/${a}.png`;d=[...d,le.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(l=t.openGraph)||void 0===l?void 0:l.image)||N||e||""}),le.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}),le.default.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(i=t.openGraph)||void 0===i?void 0:i.imageWidth)&&String(null===(o=t.openGraph)||void 0===o?void 0:o.imageWidth)||M&&String(M)||"1200"}),le.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(r=t.openGraph)||void 0===r?void 0:r.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,M,B,_,k,a,j]),R=`https://${j}/images/${a}.png`;return le.default.createElement(i,null,le.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===o?le.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter:wght@400..800&display=swap",rel:"stylesheet"}):"km-KH"===a?le.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"th-TH"===a?le.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wdth,wght@62.5..100,100..900&display=swap",rel:"stylesheet"}):le.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter:wght@400..800&display=swap",rel:"stylesheet"}),le.default.createElement("link",{rel:"preconnect",href:$}),le.default.createElement("meta",{charSet:"UTF-8"}),le.default.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),le.default.createElement("meta",{name:"google",content:"notranslate"}),le.default.createElement("meta",{name:"robots",content:I}),le.default.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),D.map(((e,t)=>le.default.createElement("meta",Object.assign({key:t},e)))),le.default.createElement("meta",{name:"theme-color",content:"helloSites"===o?"#2c87f3":"#e85388"}),le.default.createElement("meta",{name:"page_type",content:"Home"}),le.default.createElement("meta",{name:"page_platform",content:"WEB"}),le.default.createElement("meta",{name:"page_language",content:O}),le.default.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),!H&&le.default.createElement(le.default.Fragment,null,"helloSites"===o?le.default.createElement("title",null,r?T:T+" - "+(null===(c=p.LOCALE_SPECS[a])||void 0===c?void 0:c.SITE_NAME)):le.default.createElement("title",null,T),!L&&le.default.createElement("link",{rel:"canonical",href:`https://${j}${_}`}),le.default.createElement("meta",{name:"description",content:S||(null===(m=t.openGraph)||void 0===m?void 0:m.description)}),t.schemaData&&le.default.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:t.schemaData}}),le.default.createElement("meta",{property:"og:locale",content:a}),le.default.createElement("meta",{property:"og:type",content:A||"website"}),le.default.createElement("meta",{property:"og:title",content:(null===(u=t.openGraph)||void 0===u?void 0:u.title)||T}),le.default.createElement("meta",{property:"og:description",content:(null===(g=t.openGraph)||void 0===g?void 0:g.description)||S}),le.default.createElement("meta",{property:"og:url",content:`https://${j}${_}`}),le.default.createElement("meta",{property:"og:site_name",content:`https://${j}`}),le.default.createElement("meta",{property:"og:image",content:(null===(h=t.openGraph)||void 0===h?void 0:h.image)||N||R||""}),le.default.createElement("meta",{property:"og:image:secure_url",content:(null===(f=t.openGraph)||void 0===f?void 0:f.image)||N||R}),le.default.createElement("meta",{property:"og:image:width",content:(null===(v=t.openGraph)||void 0===v?void 0:v.imageWidth)&&String(null===(b=t.openGraph)||void 0===b?void 0:b.imageWidth)||M&&String(M)||"1200"}),le.default.createElement("meta",{property:"og:image:height",content:(null===(y=t.openGraph)||void 0===y?void 0:y.imageHeight)&&String(null===(x=t.openGraph)||void 0===x?void 0:x.imageHeight)||P&&String(P)||"630"}),le.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),le.default.createElement("meta",{name:"twitter:title",content:(null===(E=t.twitter)||void 0===E?void 0:E.title)||T}),le.default.createElement("meta",{name:"twitter:description",content:S}),le.default.createElement("meta",{name:"twitter:image",content:(null===(w=t.twitter)||void 0===w?void 0:w.image)||N})),("helloSites"===o?p.FAVICONS[O]||[]:p.FAVICONS.marryBaby).map(((e,t)=>"link"===e.type?le.default.createElement("link",{key:`favicon-${t}`,rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?le.default.createElement("meta",{key:t,name:e.name,content:e.content}):null)),Array.isArray(H)&&d?H.filter((e=>"canonical"!==e.props.name&&"canonical"!==e.props.rel)):H,d&&le.default.createElement("link",{rel:"canonical",href:d}),!t.hasNoAmp&&"vi-VN"!==a&&le.default.createElement("link",{rel:"amphtml",href:`https://${j}${_}${F}?amp=1`}),s&&"undefined"!=typeof window?le.default.createElement("script",{dangerouslySetInnerHTML:{__html:`window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '${s}'});`}}):null)},exports.ShareContainer=({url:a,onCopied:l,locale:n,siteType:i})=>{const{t:o}=k.useTranslations(),r=V.getSocialList(a||"").filter((e=>!e.allowedLocales||e.allowedLocales.includes(n))),s=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return le.default.createElement(_l,null,le.default.createElement(t.Text,{size:"p3",color:d.theme.colors.gray800},o("shareContainer.title")),le.default.createElement("div",{className:"icon-group"},r.map(((e,t)=>le.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":s},e.icon))),le.default.createElement(x.Button,{theme:i,size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:le.default.createElement(Ol,null),onClick:()=>c.__awaiter(void 0,void 0,void 0,(function*(){var e;yield null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(a),null==l||l()})),"data-event-category":"Health Tool","data-event-action":"Copy Link","data-event-label":s})))},exports.ShareDrawer=a=>{var{open:l,title:n,onClose:i,onCopied:o,onShared:r,url:s,locale:m}=a,u=c.__rest(a,["open","title","onClose","onCopied","onShared","url","locale"]);const{t:p}=k.useTranslations(),g=e.useCallback((()=>c.__awaiter(void 0,void 0,void 0,(function*(){var e;yield null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(s),null==o||o()}))),[s,o]),h=V.getSocialList(s||"").filter((e=>!e.allowedLocales||e.allowedLocales.includes(m)));return e.useEffect((()=>{l&&navigator.share&&navigator.share({title:null!=n?n:"Read This Post",url:s}).then((()=>{null==r||r()})).catch((()=>{null==i||i()}))}),[s,n,r,l]),"undefined"!=typeof navigator&&navigator.share?null:le.default.createElement(jl,Object.assign({title:p("share.title"),onClose:i,open:l,placement:"bottom"},u),le.default.createElement("div",{className:"share-container"},le.default.createElement("div",{className:"icon-container"},le.default.createElement(t.Text,{weight:"semiBold",size:"s3",color:d.theme.colors.gray600},p("share.title")),le.default.createElement("div",{className:"icon-group"},h.map(((e,t)=>le.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer"},e.icon))))),le.default.createElement("div",{className:"link-container"},le.default.createElement(t.Text,{weight:"semiBold",size:"s3",color:d.theme.colors.gray600},p("share.copyLink")),le.default.createElement("div",{className:"input-group"},le.default.createElement(E.Input,{name:"link",size:"md",value:s,isDisabled:!0}),le.default.createElement(x.Button,{size:"md",type:"button",color:"tertiary",icon:le.default.createElement(Fl,null),onClick:g})))))},exports.StatisticCard=({type:e,description:t,value:a,withIcon:l,isInACard:n,cardColor:i,className:o})=>le.default.createElement(vt,{className:o,"data-size":e,"data-is-in-card":"big"===e&&n,"data-card-color":i},le.default.createElement(yt,null,"small"===e&&le.default.createElement(bt,{"data-color":i}),t),le.default.createElement(xt,{"data-size":e},"small"!==e&&l,a)),exports.SurveyOrPremiumBanner=({type:t,articleId:a=0,categoryIds:l=[],isMarketing:n,isSurveyType:i,hasPremiumBanner:o,currentUrl:s,isMobile:d,subcribeHealthStatus:c,setShouldAcquisitionModalOpen:u,onValueChange:g,source:h="discover",Wrapper:f})=>{const{t:v}=k.useTranslations(),{data:{userInfo:b}}=e.useContext(A.TogetherComponentGlobalContext),y=Boolean(null==b?void 0:b.id),[x,E]=e.useState(null),[w,C]=e.useState(),[B,T]=e.useState(""),[S,N]=e.useState(!1),[M,P]=e.useState(!1),D=e.useMemo((()=>nn[t]),[]),z=((e,t)=>({[en.Pregnant]:{action:ln.ShowOptionBanner,props:{heading:e("pnBanner.pregnancy.heading"),description:e("pnBanner.pregnancy.desc"),styleType:an.Button,thumbnail:{desktop:r.CommonGAssets.getAssetPath("newsletter/banner-option-pregnancy-desktop.png"),mobile:r.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:ln.ShowTool,props:{value:Xl.DUE_DATE}},no:{action:ln.ShowPremiumModal}}},[en.Parenting]:{action:ln.ShowOptionBanner,props:{heading:e("pnBanner.parenting.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:r.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:r.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,styleType:an.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:ln.ShowTool,props:{value:Xl.BABY_VACCINE}},teenager:{action:ln.ShowOptionBanner,props:{styleType:an.Button,heading:e("pnBanner.teenager.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:r.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:r.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:ln.ShowPremiumModal},"teenager.girl":{action:ln.ShowTool,activeTool:p.RISK_SCREENER_NAME.HPV,props:{value:p.RISK_SCREENER_NAME.HPV}},"todders|teenager":{action:ln.ShowOptionBanner,props:{styleType:an.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:r.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:r.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,buttonProps:{variant:"secondary"},styles:e=>({wrapper:{[e.fn.smallerThan("sm")]:{flexDirection:"column"}},button:{background:e.colors.blue[0]}}),items:[{label:e("pnBanner.vaccine.btnLabel"),activeTool:Xl.BABY_VACCINE,isLink:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Baby Vaccine Click",dataEventLabel:t}},{label:e("pnBanner.pn.btnLabel"),value:"todders|teenager.showPN",isPNBtn:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Premium Newsletter Click",dataEventLabel:t}}]}},"todders|teenager.showPN":{action:ln.ShowOptionBanner,props:{styleType:an.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:r.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:r.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,buttonProps:{variant:"secondary"},styles:e=>({wrapper:{[e.fn.smallerThan("sm")]:{flexDirection:"column"}},button:{background:e.colors.blue[0]}}),items:[{label:e("pnBanner.vaccine.btnLabel"),activeTool:Xl.BABY_VACCINE,isLink:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Baby Vaccine Click",dataEventLabel:t}}]}}}}}))(v,s)[D],L=null==z?void 0:z.submitHandler,I=f||m.Box,$=()=>o&&1!==(null==b?void 0:b.subscription)?le.default.createElement(dn,null):null;return e.useEffect((()=>{y&&E({userInfo:b,preferredTopics:Yl,healthTopics:[]})}),[y]),le.default.createElement(sn.Provider,{value:{settings:z,submitHandler:L,type:t,surveyType:D,value:B,setValue:T,isMobile:d,isLoggedIn:y,isMarketing:n,hasPremiumBanner:o,currentUrl:s,acquisitionInfo:x,categoryIds:l,subcribeHealthStatus:c,articleId:a,onValueChange:g,state:w,setState:C,handleClickOption:e=>{const t=(e=>{let t="";const a=e.split("|");return 1===a.length?e:(Object.keys(L).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=L[t];a.action===ln.ShowPremiumModal?o?(N(!0),C(Object.assign(Object.assign({},w),{actionParams:{hideBannerWhenClose:a.action===ln.ShowPremiumModal}}))):(C({action:ln.Hide}),null==g||g(e)):(C(a),null==g||g(e))}},showPNModal:S,setShowPNModal:N,source:h,Outside:I,isBack:M,setIsBack:P,minHeight:180,setShouldAcquisitionModalOpen:u}},void 0!==c?y?i&&z?(()=>{const e=L[(null==c?void 0:c.value)||""];return(null==e?void 0:e.action)===ln.ShowPremiumModal?$():le.default.createElement(In,null)})():$():o?le.default.createElement(dn,null):null:null)},exports.SurveyQuestionCard=({className:a,headerText:l,style:n,question:i,termAndPolicyText:o,prevText:r,nextText:s,isContactForm:d,isDisableNext:c,isDisablePrev:m,onPrevClick:u,onNextClick:p,isSubmitButton:g,isButtonCenter:h,progress:f,descriptionText:v})=>{var b,y,E;const[w,C]=e.useState([]),{is_multi_select:k,multi_select_option:B,from:T,to:S}=i,N=null==i?void 0:i.type,A="checkbox"===N&&(null===(b=i.options)||void 0===b?void 0:b.length)&&(!w||0===w.length||k&&B===It.RANGE&&(w.length<T||w.length>S)||k&&B===It.EXACT_NUMBER&&w.length!==T)||"radio"===N&&(null===(y=i.options)||void 0===y?void 0:y.length)&&(!w||0===w.length)||"textbox"===N&&(null===(E=i.textOptions)||void 0===E?void 0:E.length)&&(w.length<i.textOptions.length||w.some((e=>!e.value))),M="number"==typeof f?f>1?1:f<0?0:Number(f.toFixed(2)):-1,P=e.useRef(null),D=()=>"textbox"!==N||P.current.reportValidity();return le.default.createElement(At,{className:a,style:n},le.default.createElement("div",{className:"survey-inner-wrapper"},l&&le.default.createElement("div",{className:"survey-header"},le.default.createElement(t.Text,{className:"survey-header-text",size:"c2"},l)),le.default.createElement("form",{ref:P,onSubmit:e=>e.preventDefault()},le.default.createElement(Lt,{question:i,description:v,onOptionsChange:e=>{C(e)},onTextOptionsChange:e=>{C(e)}})),d&&s&&le.default.createElement(x.Button,{className:"survey-contact-submit",size:"lg",isDisabled:c||A,onClick:()=>D()&&p&&p(w)},s),o&&le.default.createElement("div",{className:"term-policy-container"},o),"number"==typeof f&&le.default.createElement("div",{className:"survey-progress-wrapper"},le.default.createElement("div",{className:"survey-progress",style:{transform:`scaleX(${M})`}})),(r||s)&&le.default.createElement("div",{"data-center":h,className:"survey-button-wrapper"},r&&le.default.createElement(x.Button,{className:"survey-prev-button",size:"lg",color:m?"primary":"secondary",isDisabled:m,icon:le.default.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},le.default.createElement("path",{d:"M2.44677 4.99999L5.31252 2.13424C5.62302 1.82374 5.62302 1.31974 5.31252 1.00924C5.00202 0.698742 4.49802 0.698742 4.18752 1.00924L0.727018 4.46974C0.433768 4.76299 0.433768 5.23774 0.727018 5.53024L4.18752 8.99074C4.49802 9.30124 5.00202 9.30124 5.31252 8.99074C5.62302 8.68024 5.62302 8.17624 5.31252 7.86574L2.44677 4.99999Z",fill:m?"#fff":"#2D87F3"})),onClick:u},r),!d&&s&&le.default.createElement(x.Button,{onClick:()=>D()&&p&&p(w),className:"survey-next-button",size:"lg",isDisabled:c||A},s," ",g?void 0:le.default.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},le.default.createElement("path",{d:"M3.80322 5.19994L0.937465 2.33419C0.626965 2.02369 0.626965 1.51969 0.937465 1.20919C1.24796 0.898693 1.75196 0.898693 2.06246 1.20919L5.52297 4.66969C5.81622 4.96294 5.81622 5.43769 5.52297 5.73019L2.06246 9.19069C1.75196 9.50119 1.24796 9.50119 0.937465 9.19069C0.626965 8.88019 0.626965 8.37619 0.937465 8.06569L3.80322 5.19994Z",fill:"#ffffff"}))))))},exports.SurveyThankyouCard=({thankyou:e,thankyouSubtitle:a,className:l,style:n})=>le.default.createElement(At,{className:l,style:n},le.default.createElement("div",{className:"survey-inner-wrapper"},le.default.createElement(Pt,null,le.default.createElement("div",{className:"survey-thankyou-wrapper-inner"},le.default.createElement("svg",{viewBox:"0 0 122 122",fill:"none",className:"survey-thankyou-icon"},le.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}),le.default.createElement("ellipse",{cx:"61.5",cy:"110.36",rx:"48",ry:"3.36",fill:"#91CAFF"}),le.default.createElement("path",{d:"M82.905 72.666H101.5L87.597 40H35.403L21.5 72.666h18.595V91H83.08l-.174-18.334Z",fill:"#2C74DF"}),le.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"}),le.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"}),le.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"}),le.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"}),le.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"}),le.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"}),le.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"}),le.default.createElement("path",{stroke:"#FE921D",d:"M17 28a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"}),le.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&&le.default.createElement(s.Heading,{className:"survey-thankyou-title",tag:"h3"},e),a&&le.default.createElement(t.Text,{className:"survey-thankyou-subtitle",size:"p3"},a))))),exports.THRCardEmbed=({isSide:a,locale:l,thrContent:n,isMobile:i,info:o,inputErrorMessage:s,onFormChange:c,onSubmit:u})=>{var g,h,f;const{t:v}=k.useTranslations(),{getHealthToolLink:b}=_.useHealthToolsCache(l),y=e.useMemo((()=>b(A.HEALTH_TOOL_TYPE.THR)),[b]),[x,E]=e.useState(!1),[w,C]=e.useState("low_intensity"),[B,T]=e.useState("male"),[S,N]=e.useState(60),[M,P]=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}],L=[{value:"low_intensity",label:v("targetHeartRate.lowIntensity.title"),image:r.CommonGAssets.getAssetPath("/low.svg"),imageActive:r.CommonGAssets.getAssetPath("/low-active.svg"),content:v("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:v("targetHeartRate.moderateIntensity.title"),image:r.CommonGAssets.getAssetPath("/moderate.svg"),imageActive:r.CommonGAssets.getAssetPath("/moderate-active.svg"),content:v("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:v("targetHeartRate.aerobicZone.title"),image:r.CommonGAssets.getAssetPath("/aerobic.svg"),imageActive:r.CommonGAssets.getAssetPath("/aerobic-active.svg"),content:v("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:v("targetHeartRate.vigorousIntensity.title"),image:r.CommonGAssets.getAssetPath("/vigorous.svg"),imageActive:r.CommonGAssets.getAssetPath("/vigorous-active.svg"),content:v("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:v("targetHeartRate.maximumIntensity.title"),image:r.CommonGAssets.getAssetPath("/maximum.svg"),imageActive:r.CommonGAssets.getAssetPath("/maximum-active.svg"),content:v("targetHeartRate.maximumIntensity.note")}];return e.useEffect((()=>{const e=((new Date).getTime()-new Date(null==o?void 0:o.age).getTime())/1e3;E(e>=567648e3);const t=z.find((t=>e>=365*t.minAge*24*60*60&&e<365*t.maxAge*24*60*60))||z[0];P(t),N(60)}),[null==o?void 0:o.age]),le.default.createElement(Ia,{"data-is-side":a},le.default.createElement(ua,{isSide:a,icon:le.default.createElement("img",{alt:"health-tool-icon",src:(null==n?void 0:n.featured_image)||r.CommonGAssets.getAssetPath("health-tools/target-heart-rate-icon.svg"),loading:"lazy"}),heading:v("targetHearRate.heading"),medicalReview:(null===(g=null==n?void 0:n.reviewedBy)||void 0===g?void 0:g.display_name)?{link:F.formatUserProfileUrl(null==n?void 0:n.reviewedBy),reviewer:null===(h=null==n?void 0:n.reviewedBy)||void 0===h?void 0:h.display_name,date:null==n?void 0:n.reviewedDate}:void 0,isMobile:i}),le.default.createElement(I.Container,null,le.default.createElement(La,{className:"heart-rate-cal",onSubmit:e=>e.preventDefault(),"data-is-side":a},le.default.createElement(il,{"data-is-side":a},le.default.createElement(nl,null,le.default.createElement(Me,{defaultValue:"male",onChange:e=>{T(e),N(60)},styles:e=>({root:!a&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:m.rem(12)}}})}))),le.default.createElement(il,null,le.default.createElement(ol,{info:o,locale:l,errorMessage:s,onChange:c})),le.default.createElement("div",{className:"slider-heart-rate"},le.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600},v("targetHeartRate.heartRateInput")),le.default.createElement("div",{className:"slider-outer-wrapper"},le.default.createElement(D.Slider,{containerStyle:{flex:1},min:"male"===B?M.rangeMale:M.rangeFemale,max:200,step:1,value:S,withControl:!0,onChange:N}))),x&&le.default.createElement(nl,null,le.default.createElement(Ma,null,le.default.createElement(t.Text,{size:"s4",style:{display:"inline-block",fontWeight:"bold",color:d.theme.colors.gray600,marginBottom:"9px"}},v("targetHeartRate.selectActive")),le.default.createElement("div",{className:"card"},le.default.createElement(tl,{options:L.map((e=>({value:e.value,label:e.label,image:e.image,imageActive:e.imageActive}))),value:w,onChange:e=>{C(e)},className:"gender-selector"})),w&&le.default.createElement("div",{className:"note"},le.default.createElement("img",{style:{height:"16px",width:"16px"},src:r.CommonGAssets.getAssetPath("/infoIcon.svg"),alt:"",loading:"lazy"}),le.default.createElement(t.Text,{size:"s4",color:"#595959"},null===(f=L[L.findIndex((e=>e.value==w))||0])||void 0===f?void 0:f.content)),!w&&le.default.createElement("span",{style:{color:"#e64728"}},s.intensity)))),le.default.createElement("div",{style:{display:"flex"}},le.default.createElement(al,{size:"lg",onClick:()=>{u(B,w,[S])},dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:`https://${p.domainLocales[l]}/${y}`},v("bmi.submit")))))},exports.Tabs=({style:a,initialTab:l,tabContent:n,onChange:i,className:o,dataEventCategory:r,dataEventAction:s,dataEventLabel:d,id:c,styles:m})=>{const{classes:u,cx:p,theme:g}=Nt(void 0,{name:"Tabs",styles:m}),[h,f]=e.useState(l||0);return e.useEffect((()=>{f(l)}),[l]),le.default.createElement("ul",{style:a,className:p(u.root,o),role:"tablist",id:c},n.map(((e,a)=>le.default.createElement("li",{className:`${u.item} ${h===a?"active":""} ${e.className}`,"aria-selected":h===a,role:"tab",onClick:()=>{f(a),i&&i(a)},onKeyDown:e=>{"Enter"===e.key&&(f(a),i&&i(a))},key:a,"data-event-category":e.dataEventCategory||r,"data-event-action":e.dataEventAction||s,"data-event-label":e.dataEventLabel||d,tabIndex:0,"data-testid":e.dataTestid},le.default.createElement("div",{className:u.itemInner},e.icon&&le.default.createElement("div",{className:u.icon},e.icon),le.default.createElement(t.Text,{className:u.label,size:e.textSize||"sm",weight:e.textType||"bold",color:h===a?g.fn.primaryColor():e.textColor||g.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:o=!1,className:r,isLight:s,hasMorePadding:d,isLink:c,isSelected:m,textProps:u={size:"sm"}})=>{const p=u.color?{"--text-props-color":u.color}:{};return le.default.createElement(a.StyledTag,{"data-is-squared":o||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),p),className:r,"data-is-selected":m||void 0,"data-is-link":c||void 0,tagType:e,isInline:n,tagHasMorePadding:d,tagIsLight:s,tagIsSquared:o,tagIsALink:c},le.default.createElement(i.Text,Object.assign({},u),t))},exports.Toggle=({className:e,id:t,onChange:l,checked:n,style:i,label:o})=>le.default.createElement(a.StyledToggle,{className:e,style:i},le.default.createElement("input",{type:"checkbox",id:t,onChange:l,checked:n}),le.default.createElement("label",{htmlFor:t},le.default.createElement(a.StyledToggleIcon,null),o&&le.default.createElement(a.StyledToggleLabel,null,o))),exports.ToolsBannerCard=ua,exports.UserProfileNavigation=({SSO_URL:t,UP_BASEPATH:a="user",themeName:l="helloSites",cardUrls:n=$n,enableCare:i,enableTogether:o,enableEcom:s,enableMySaved:d,userInfo:c,togetherApiDomain:m,userPostsNumber:u,onClickNavigationCard:p,onClickMyProfileButton:g,onClickMenuItem:h,onClickLogout:v,isUserProfileNavigatorMenuHidden:b=!1,isMyHealthEnabled:y=!1,locale:E})=>{const{t:w}=k.useTranslations(),[C,B]=e.useState(u||0),T="marryBaby"===l;e.useEffect((()=>{if(c&&void 0===u){const e=ee.getCookie("hhg_user_token");e&&fetch(te.normalizeLinkSlash(f.getTogetherUserPostsApiPath(E,T,m)),{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)&&B((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)))}}),[E,null!==c,u,m,T]);const S=e.useMemo((()=>{let e;return e=T?["myHealth","myCommunity","mySaved"]:["myHealth","mySaved","myBooking","myCommunity","eCom"],e.filter((e=>"myBooking"===e?i:"myCommunity"===e?o:"myHealth"===e?y:"eCom"===e?s:"mySaved"!==e||d))}),[T,y]),N=e.useMemo((()=>"marryBaby"===l?null:le.default.createElement(x.Button,{color:"tertiary",icon:le.default.createElement("img",{src:r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-logOut.svg"),width:15,height:15,loading:"lazy"}),size:"md",onClick:v,className:oi},w("userProfile.nav.menu.logout"))),[l]),A=e=>{e.startsWith("http")||e.startsWith("/")?window.location.href=te.normalizeLink(e):t&&(window.location.href=te.normalizeLink(`${t}${a}/${e}`))},M=e=>{const t=n[e];p?p(t):A(t)};return c?le.default.createElement("div",{className:li,"data-theme":l},le.default.createElement(Rn,{userInfo:c,themeName:l,onClickMyProfileButton:()=>{g?g():A("profile")}}),le.default.createElement(gi,{themeName:l,rank:"member",numberOfPosts:C}),le.default.createElement("div",{className:ni},S.map((e=>le.default.createElement(Qn,{className:ii,key:e,themeName:l,type:e,onClick:M})))),!b&&le.default.createElement(le.default.Fragment,null,le.default.createElement(ti,{themeName:l,locale:E,onClickItem:e=>{"logout"===e.link&&v?v():e.link&&!e.subMenu&&(h?h(e.link):A(e.link))}}),N)):null},exports.UserStats=gi,exports.index=gt,exports.index$1=St;
+`,Wl={},Vl=e=>{if(Wl[e]){window.googletag=window.googletag||{cmd:[]};const{googletag:t}=window;t.cmd.push((function(){t.destroySlots([Wl[e]]),delete Wl[e]}))}},ql=["TopBanner","MidBanner1","MidBanner2","EndBanner","Sticky"],Ql=e.forwardRef((function({className:t,adUnitPath:a,size:l,divId:n,pos:i,sizeMapping:o,contentId:s,isHidden:d,hideIfHasSubot:c,isSticky:u,refreshInterval:p,customTargetings:h,style:f,adDefaultSize:v,noWrapper:b,showCloseBtn:y,onCloseAd:x,headerBottom:E,wrapperProps:w,locale:C,isMarryBaby:B},T){const S=p||(C===g.LOCALE.Vietnam&&i.some((e=>ql.includes(e)))?30:void 0),{t:N}=k.useTranslations(),A=e.useRef(null),M=e.useRef(null),P=e.useRef(S);P.current=S;const[D,z]=e.useState(!1),L=()=>{P.current&&(null!==M.current&&clearInterval(M.current),M.current=window.setInterval((()=>{window.googletag=window.googletag||{cmd:[]};const{googletag:e}=window;e.cmd.push((function(){Wl[n]&&e.pubads().refresh([Wl[n]])}))}),1e3*P.current))};if(e.useEffect((()=>()=>{Vl(n),M.current&&clearInterval(M.current)}),[]),e.useEffect((()=>{L()}),[S]),e.useEffect((()=>{d||(({contentId:e,adUnitPath:t,size:a,divId:l,pos:n,sizeMapping:i,hideIfHasSubot:o,customTargetings:r,onSuccess:s})=>{if(!l||!document.getElementById(l))return console.error("divId is required");Vl(l),window.googletag=window.googletag||{cmd:[]};const{googletag:d}=window;d.cmd.push((function(){const c=document.querySelector('meta[name="content_id"]'),m="string"==typeof e?e:null==c?void 0:c.content,u=d.defineSlot(t,a,l);if(u){try{r&&Object.keys(r).forEach((e=>{e&&(null==u||u.setTargeting(e,r[e]))}))}catch(e){console.error(e)}Wl[l]=u,u.setTargeting("Pos",n),u.addService(d.pubads()),m&&u.setTargeting("Content_ID",m),i&&u.defineSizeMapping(i),o&&document.getElementById("subot--container")&&u.setTargeting("chatbot",!0),d.display(l),null==s||s()}}))})({contentId:s,adUnitPath:a,size:l,divId:n,pos:i,sizeMapping:o,hideIfHasSubot:c,customTargetings:h,onSuccess:L})}),[d]),D)return null;const I=le.default.createElement("div",{style:{position:"relative",width:"fit-content",height:"fit-content",overflow:"hidden",maxWidth:"100%",display:"flex",alignItems:"center",justifyContent:"center"}},le.default.createElement("div",{ref:T,id:n}),y&&le.default.createElement(Ul,{onClick:()=>{null==x||x(),z(!0)}}));if(u)return I;const $=v?v[0]:l?Array.isArray(l[0])?l[0][0]:l[0]:void 0,_=v?v[1]:l?Array.isArray(l[0])?l[0][1]:l[1]:void 0;return le.default.createElement(m.Box,Object.assign({},w,{className:t}),le.default.createElement(Rl,{ref:A,className:t,style:f,"data-no-wrapper":!!b,"data-header-bottom":!!E},b?I:le.default.createElement(le.default.Fragment,null,le.default.createElement(Gl,{"data-header-bottom":!!E},le.default.createElement("img",{src:B?r.CommonGAssets.getAssetPath("adsIcon-mb.svg"):r.CommonGAssets.getAssetPath("adsIcon.svg"),alt:"",loading:"lazy"}),le.default.createElement("span",null,N("adBanner.title"))),le.default.createElement("div",{style:{minWidth:$||"100%",minHeight:_||"100%",position:"relative"}},I))))})),Zl=e.memo(Ql,((e,t)=>e.adUnitPath===t.adUnitPath&&e.divId===t.divId&&e.className===t.className)),Yl=[{title:"Health News & Current Affairs",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:r.CommonGAssets.getAssetPath("newsletter-prefer/newsletter-health.svg"),checked:!1,id:1},{title:"Educational Medical Hello Bacsi Content",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:r.CommonGAssets.getAssetPath("newsletter-prefer/newsletter-education.svg"),checked:!1,id:2},{title:"Hello Health Community Feed",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:r.CommonGAssets.getAssetPath("newsletter-prefer/newsletter-community.svg"),checked:!1,id:3}];var Kl;!function(e){e.DUE_DATE="due-date-calculator",e.BMI="bmi",e.BMR="bmr",e.OVULATION="ovulation",e.IFRAME="IFRAME",e.PWG="pregnancy-weight-gain",e.THR="heart-rate",e.BABY_VACCINE="vaccination-tool",e.BABY_GROWTH="baby-growth-tracking",e.BABY_POOP="baby-poop-checking"}(Kl||(Kl={}));const Xl={DUE_DATE:Kl.DUE_DATE,BMI:Kl.BMI,BMR:Kl.BMR,OVULATION:Kl.OVULATION,IFRAME:Kl.IFRAME,PWG:Kl.PWG,THR:Kl.THR,BABY_VACCINE:Kl.BABY_VACCINE,BABY_GROWTH:Kl.BABY_GROWTH,BABY_POOP:Kl.BABY_POOP},Jl={[Xl.DUE_DATE]:r.CommonGAssets.getAssetPath("health-tools/due-date-icon.svg")};var en,tn,an,ln;!function(e){e.Pregnant="pregnant",e.Parenting="parenting"}(en||(en={})),function(e){e.Option="option"}(tn||(tn={})),function(e){e.Button="button",e.Checkbox="checkbox"}(an||(an={})),function(e){e.ShowTool="showTool",e.ShowPremiumModal="showPremiumModal",e.ShowOptionBanner="showOptionBanner",e.Hide="hide"}(ln||(ln={}));const nn={pregnancy:en.Pregnant,parenting:en.Parenting},on={[en.Pregnant]:"pregnant",[en.Parenting]:"parent"},rn=e=>({[Xl.DUE_DATE]:{heading:e("pnBanner.dueDateTool.heading"),description:e("pnBanner.dueDateTool.desc"),btnLabel:e("pnBanner.caclNow"),value:Xl.DUE_DATE,dataEventAction:"Try our Due Date Calculator Click"},[Xl.BABY_VACCINE]:{heading:e("pnBanner.vaccination.heading"),description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:Xl.BABY_VACCINE,dataEventAction:"Try our Baby Vaccine Scheduler Click"},[Xl.BABY_GROWTH]:{heading:"Baby Growth",description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:Xl.BABY_GROWTH},[p.RISK_SCREENER_NAME.HPV]:{heading:e("pnBanner.hpv.heading"),description:e("pnBanner.hpv.desc"),thumbnail:{desktop:r.CommonGAssets.getAssetPath("newsletter/banner-option-hpv-desktop.png"),mobile:r.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"}}),sn=e.createContext({}),dn=t=>{var a=c.__rest(t,[]);const{locale:l}=k.useTranslations(),{type:i,isMobile:o,currentUrl:s,isMarketing:d,isLoggedIn:u,setShouldAcquisitionModalOpen:p}=e.useContext(sn);return le.default.createElement(m.Container,Object.assign({mih:{base:144,md:160},fluid:!0,p:0,sx:{borderRadius:4,cursor:"pointer"},onClick:()=>c.__awaiter(void 0,void 0,void 0,(function*(){const e=d?Q.getCurrentBaseUrl(l)+"/dang-ky-nhan-tin/":`${window.location.href}?source=acquisition`;u?null==p||p():window.location.href=`${Q.getCurrentSsoUrl(l)}/?returnUrl=${encodeURIComponent(e)}`})),"data-event-category":"Newsletter","data-event-action":"Banner Click","data-event-label":s,className:"pointer-event-child-none"},a),le.default.createElement(n.ImageWrap,{src:d?r.CommonGAssets.getAssetPath(`newsletter/${o?"Mobile":"Desktop"}_Marketing.png`):r.CommonGAssets.getAssetPath(`newsletter/${o?"Mobile":"Desktop"}_${i}.png`),style:{maxWidth:"100%"},alt:"newsletter banner"}))},cn="api/v1/categories?site={website_url}",mn="api/v1/subscription?site={website_url}",un="api/v1/categories?site={website_url}";var pn=m.createStyles((e=>({root:{},wrapper:{[e.fn.smallerThan("sm")]:{width:"70%"}},button:{[e.fn.smallerThan("sm")]:{height:"auto",minHeight:m.rem(32),padding:`${m.rem(6)} ${m.rem(16)}`,textAlign:"center",width:"100%"}},buttonLabel:{whiteSpace:"normal"}})));const gn=({heading:a,description:l,thumbnail:n={desktop:"",mobile:""},hideDescOnMobile:i,children:o})=>{const{isMobile:r,minHeight:d}=e.useContext(sn);return le.default.createElement(m.Box,{sx:()=>({borderRadius:m.rem(8),background:"linear-gradient(180deg, #FAFDFF 0%, #E3F2FF 100%)"})},le.default.createElement(m.Box,{sx:e=>({minHeight:m.rem(d),borderRadius:"inherit",background:`url(${r?n.mobile:n.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)}`}})},le.default.createElement(m.Stack,{spacing:m.rem(16)},le.default.createElement(m.Stack,{spacing:m.rem(4),sx:e=>({maxWidth:"60%",[e.fn.largerThan("sm")]:{maxWidth:"70%"}})},a&&le.default.createElement(s.Heading,{tag:"h4"},a),!(i&&r)&&l&&le.default.createElement(t.Text,{size:"p4"},l)),le.default.createElement(m.Box,null,o))))},hn=t=>{const{styleType:a=an.Button,items:l=[],buttonProps:i,styles:o,submitBtnTracking:r}=t,{classes:s}=pn(void 0,{name:"PremiumBannerWithOptions",styles:o}),{t:d,locale:u}=k.useTranslations(),{surveyType:g,articleId:h,handleClickOption:f,hasPremiumBanner:v,source:b,isMobile:y,setShowPNModal:x}=e.useContext(sn),E=e.useMemo((()=>v?l:l.filter((e=>!Boolean(e.isPNBtn))).filter(Boolean)),[l]),{getHealthToolLink:w}=_.useHealthToolsCache(u),C=Z.useForm({initialValues:{bannerOptions:[]}}),B=e=>c.__awaiter(void 0,void 0,void 0,(function*(){return yield A.callApiWithAuth(A.getApiPath(A.PATHS.HEALTH_TOOL.CREATE,{_locale:u,type:on[g]}),"POST",{headers:{"Content-Type":"application/json"},data:{value:e,article:h,source:b}})})),T=e.useCallback((()=>le.default.createElement(m.Flex,{gap:m.rem(8),className:s.wrapper},E.map(((e,t)=>le.default.createElement(m.Box,{key:String(t),component:e.isLink?"a":"div",href:e.isRiskScreener?`https://${p.domainLocales[u]}/bot/${p.RISK_SCREENER_SLUG[u][e.activeTool]}/`:e.isLink?w(e.activeTool):void 0},le.default.createElement(n.Button,Object.assign({className:s.button,classNames:{label:s.buttonLabel},size:"sm"},e.tracking,i,{onClick:()=>{e.isLink||(e.isPNBtn&&x(!0),B(e.value),f(e.value))}}),e.label)))))),[E,C]),N=e.useCallback((()=>le.default.createElement(m.Flex,null,le.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)}})},le.default.createElement(n.Checkbox.Group,Object.assign({},C.getInputProps("bannerOptions",{type:"checkbox"})),le.default.createElement(m.Flex,{gap:m.rem(16)},E.map(((e,t)=>le.default.createElement(n.Checkbox,{key:String(t),value:e.value,label:e.label,styles:{label:{cursor:"pointer"}}}))))),le.default.createElement(n.Button,Object.assign({size:"sm"},r,i,{disabled:0===C.getInputProps("bannerOptions").value.length,leftIcon:y?le.default.createElement(S.Icon.ArrowRightTail,{size:18,useCurrentColor:!0}):void 0,onClick:()=>{const e=C.getInputProps("bannerOptions").value;B(e.join("|")),f(e.join("|"))},styles:e=>({root:{[e.fn.smallerThan("sm")]:{width:m.rem(38),minWidth:"auto",padding:0}}})}),!y&&d("pnBanner.submit"))))),[E,C]);return le.default.createElement(gn,Object.assign({},t),a===an.Button?T():a===an.Checkbox?N():null)},fn=a=>{var l,i;const{t:o}=k.useTranslations(),{heading:r,description:d,thumbnail:c,btnLabel:u,value:g,isRiskScreener:h,hideDescOnMobile:f,dataEventAction:v}=a,{locale:b}=k.useTranslations(),{isMobile:y}=e.useContext(sn),{getHealthToolLink:x,allTools:E}=_.useHealthToolsCache(b),w=h?"mainBanner":"toolBanner",B=e.useMemo((()=>{const e=h?`https://${C.isProduction?"":"discover."}${p.domainLocales[b]}/bot/${p.RISK_SCREENER_SLUG[b][g]}`:x(g);return le.default.createElement("a",{href:e},le.default.createElement(n.Button,{size:"sm","data-event-category":"Focused Audience","data-event-action":v,"data-event-label":e},u||o("pnBanner.caclNow")))}),[E]);return"mainBanner"===w?le.default.createElement(gn,Object.assign({},Object.assign(Object.assign({},a),{thumbnail:a.thumbnail})),B):le.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)}`}})},le.default.createElement(m.Stack,{spacing:m.rem(12)},le.default.createElement(m.Stack,{spacing:m.rem(4)},r&&le.default.createElement(s.Heading,{tag:"h4"},r),!(y&&f)&&d&&le.default.createElement(t.Text,{size:"p4"},d)),le.default.createElement(m.Flex,{gap:m.rem(8),sx:{button:{minWidth:m.rem(120)}}},B)),le.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)}}})},le.default.createElement("img",{alt:"health-tool-icon",src:c||(null===(i=null===(l=E.filter((e=>e.template===g)))||void 0===l?void 0:l[0])||void 0===i?void 0:i.icon)||Jl[g]||"",loading:"lazy"})))},vn=()=>{var t,a,l;const{t:n}=k.useTranslations(),{state:i,Outside:o}=e.useContext(sn);return(null==i?void 0:i.action)===ln.ShowTool?le.default.createElement(o,null,rn(n)[null===(t=null==i?void 0:i.props)||void 0===t?void 0:t.value]?le.default.createElement(fn,Object.assign({},rn(n)[null===(a=null==i?void 0:i.props)||void 0===a?void 0:a.value],{value:null===(l=null==i?void 0:i.props)||void 0===l?void 0:l.value})):null):(null==i?void 0:i.action)===ln.ShowOptionBanner?le.default.createElement(o,null,le.default.createElement(hn,Object.assign({},null==i?void 0:i.props))):null},bn=t=>{var{isMobile:a,children:l,desktopBanner:i=r.CommonGAssets.getAssetPath("friso/onboarding-banner.jpg"),mobileBanner:o=r.CommonGAssets.getAssetPath("friso/onboarding-banner-mobile.jpg"),modalRatio:s={width:937,height:536},mobileBannerRatio:d={width:750,height:480},desktopBannerRatio:u={width:420,height:536},closeProps:p}=t,g=c.__rest(t,["isMobile","children","desktopBanner","mobileBanner","modalRatio","mobileBannerRatio","desktopBannerRatio","closeProps"]);const{width:f,height:v}=h.useViewportSize(),b=(v<=667?190:265)+f*d.height/d.width+74,[y,x]=e.useState(!1);return le.default.createElement(Y.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(s.width),width:"100%",height:"100%",maxHeight:m.rem(s.height),boxShadow:"none"}},body:{padding:0,width:"100%",height:"100%",[e.fn.largerThan("sm")]:{display:"flex",alignItems:"center"}},inner:{padding:0,[e.fn.smallerThan("sm")]:{display:"flex",alignItems:"flex-end"}}})},g),a?le.default.createElement(m.Box,{sx:{position:"relative",height:"100%"},onTouchStart:()=>x(!0)},le.default.createElement(m.Box,{className:"mobile-template",sx:{position:"absolute",height:100*(y?1:b/v)+"%",left:0,bottom:0,right:0,transition:"height 0.4s ease"}},le.default.createElement(m.Box,{sx:{height:"100%",backgroundColor:"white",borderTopLeftRadius:y?0:m.rem(12),borderTopRightRadius:y?0:m.rem(12)}},le.default.createElement(m.Box,{sx:{height:"calc(100% - 74px)",background:`url(${o})`,backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"top center",overflowY:"auto",borderRadius:"inherit"}},le.default.createElement(m.UnstyledButton,Object.assign({leftIcon:le.default.createElement(S.Icon.Close,null),sx:{position:"absolute",right:0,top:0,zIndex:1,padding:m.rem(10)}},p,{onClick:()=>null==g?void 0:g.onClose()})),le.default.createElement(m.AspectRatio,{ratio:(null==d?void 0:d.width)/(null==d?void 0:d.height),w:"100%"}),le.default.createElement(m.Box,{sx:{padding:`${m.rem(28)} ${m.rem(16)} ${m.rem(16)}`,background:"white"}},l))))):le.default.createElement(m.AspectRatio,{className:"desktop-template",ratio:s.width/s.height,w:"100%",sx:{position:"relative","& > div":{justifyContent:"flex-end"}}},le.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"}},le.default.createElement("img",{alt:"",src:i,loading:"lazy",style:{borderTopLeftRadius:m.rem(8),borderBottomLeftRadius:m.rem(8),height:"100%",display:"block"}}),le.default.createElement(m.Box,{sx:{position:"relative",height:"100%",width:(s.width-u.width)/s.width*100+"%"}},le.default.createElement(n.Button,Object.assign({unstyled:!0,leftIcon:le.default.createElement(S.Icon.Close,null)},p,{onClick:()=>null==g?void 0:g.onClose(),sx:{position:"absolute",right:0,top:"10px"}})),le.default.createElement(m.Box,{className:"side-banner-modal-container",sx:{height:"100%",padding:`${m.rem(40)} ${m.rem(24)} 0`}},l)))))},yn="user/subscription",xn=e.createContext({}),En=e=>{var{value:t,name:a}=e,l=c.__rest(e,["value","name"]);return le.default.createElement(n.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)},wn=({topicsGroup:a,onTopicChange:l,isBlock:n=!1,selectedTopics:i=[],inputProps:o,labelProps:r,maxSelect:s=5,hasScroll:d,readonly:c})=>{const{action:{pushNotifications:u}}=e.useContext(A.TogetherComponentGlobalContext),p=ge.default(a.map((e=>e.topics||[]))),{t:g}=k.useTranslations(),[h,f]=e.useState([]);e.useEffect((()=>{f(i)}),[i.length]),e.useEffect((()=>{null==l||l(h)}),[h]);const v=e=>{e.length>5?u({type:"danger",title:g("pnTopicSection.maxSelectError.title",{maxSelect:s}),message:g("pnTopicSection.maxSelectError.desc")}):!c&&f((()=>p.filter((t=>e.some((e=>t.catId===e))))))};return le.default.createElement(m.Stack,{spacing:12},a.map(((e,a)=>le.default.createElement(m.Stack,{key:String(a),spacing:12},e.label&&le.default.createElement(t.Text,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},r),e.label),d?le.default.createElement(m.ScrollArea,{w:"100%",offsetScrollbars:!0,scrollbarSize:4,p:16,m:-16,styles:{viewport:{margin:-16,padding:16}}},le.default.createElement(m.Box,{w:800},le.default.createElement(m.Chip.Group,Object.assign({value:h.map((e=>e.catId)),multiple:!0},o,{onChange:v}),le.default.createElement(m.Flex,{gap:8,wrap:"wrap"},e.topics.map((t=>le.default.createElement(En,Object.assign({key:t.catId,value:t.catId,name:t.localName,isBlock:n},e.tracking)))))))):le.default.createElement(m.Chip.Group,Object.assign({value:h.map((e=>e.catId)),multiple:!0},o,{onChange:v}),le.default.createElement(m.Flex,{gap:8,wrap:"wrap"},e.topics.map((t=>t.catId?le.default.createElement(En,Object.assign({key:t.catId,value:t.catId,name:t.localName,isBlock:n},e.tracking)):le.default.isValidElement(t.component)?t.component:null))))))))},Cn=t=>{var{heading:a,children:l,stickyActions:n}=t,i=c.__rest(t,["heading","children","stickyActions"]);const{isMobile:o}=e.useContext(xn),r=le.default.createElement(m.Stack,{spacing:m.rem(24),sx:{height:"100%"}},le.default.createElement(s.Heading,{tag:"h4",style:{textAlign:"center"}},a),le.default.createElement(m.Box,null,l));return le.default.createElement(m.Box,{sx:e=>({[e.fn.largerThan("sm")]:{position:"relative",height:"100%"}})},o?r:le.default.createElement(m.ScrollArea,Object.assign({className:"layout-body",h:n?"calc(100% - 90px)":"100%"},i),r),n&&le.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`}})},n))},kn=()=>{const{t:a,locale:l}=k.useTranslations(),{data:{userInfo:i},action:{pushNotifications:o}}=e.useContext(A.TogetherComponentGlobalContext),r=null==i?void 0:i.id,{currentUrl:s,isMobile:d,pnSuggestCategory:u=[],nextStep:p,formValues:g,setFormValues:h,onSubmit:f,submitLoading:v,selectCategory:b,setCategoryLibs:y,setSelectCategory:x,maxSelectCategory:E}=e.useContext(xn),w=u.map((e=>e.catId)),C=Z.useForm({validate:{name:Z.isNotEmpty(a("healthToolPNModal.mainForm.requireName"))},initialValues:Object.assign(Object.assign({},g),{fitnessTopics:w})}),[B,T]=e.useState([]),[N,M]=e.useState([]);e.useEffect((()=>{c.__awaiter(void 0,void 0,void 0,(function*(){var e;try{const t=yield A.callApiWithAuth(A.getPremiumApiPath(un,{_locale:l}),"get"),a=((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.subscription)||[]).filter((e=>!w.includes(e.catId)));T(u),M(a),y([...u,...a])}catch(e){console.log(e)}}))}),[]),e.useEffect((()=>{r&&C.setFieldValue("name",(null==i?void 0:i.name)||"")}),[r]);const P=()=>{""!==C.getInputProps("name").value?(h(C.getTransformedValues()),p()):C.validateField("name")},D=e.useMemo((()=>le.default.createElement(n.Button,{variant:"tertiary",dataEventCategory:"Newsletter",dataEventAction:"More Category Click",dataEventLabel:s,leftIcon:le.default.createElement(S.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"}})},le.default.createElement(t.Text,{size:d?"p3":"p4"},a("home.seeMore")))),[C]);return e.useEffect((()=>{C.setFieldValue("fitnessTopics",b.map((e=>e.catId)))}),[b]),le.default.createElement("form",{style:{height:"100%"},onSubmit:C.onSubmit((e=>{if(0===b.length)return o({type:"danger",title:a("newsletter.error.minTitle"),message:a("newsletter.error.minCotennt")}),!1;h(e),null==f||f(e.name)}))},le.default.createElement(Cn,{heading:a("healthToolPNModal.heading"),stickyActions:le.default.createElement(le.default.Fragment,null,le.default.createElement(n.Button,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Register Click",dataEventLabel:s,loading:v,sx:{maxWidth:m.rem(240)}},a("healthToolPNModal.register")))},le.default.createElement(m.Stack,{spacing:m.rem(16)},le.default.createElement(n.Input,Object.assign({label:a("newsletter.welcome.description")},C.getInputProps("name"))),le.default.createElement(wn,{topicsGroup:[...0===u.length&&0===N.length?[{topics:[{component:D}]}]:[],...u.length>0?[{label:a("healthToolPNModal.mainForm.tailorTopicsHeading"),topics:[...u,...0===N.length?[{component:D}]:[]]}]:[],...N.length>0?[{label:a("healthToolPNModal.findMore.chooseFav"),topics:[...N,...N.length>0?[{component:D}]:[]]}]:[]],selectedTopics:[...B],labelProps:{size:d?"p3":"p4",color:"gray.6"},onTopicChange:x,maxSelect:E}))))},Bn=e.forwardRef((function(e,a){var{label:l}=e,n=c.__rest(e,["label"]);return le.default.createElement("div",Object.assign({ref:a},n),le.default.createElement(m.Group,{noWrap:!0},le.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},le.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.97887 8.15493C2.97887 5.29627 5.29627 2.97887 8.15493 2.97887C11.0136 2.97887 13.331 5.29627 13.331 8.15493C13.331 11.0136 11.0136 13.331 8.15493 13.331C5.29627 13.331 2.97887 11.0136 2.97887 8.15493ZM8.15493 1.5C4.47951 1.5 1.5 4.47951 1.5 8.15493C1.5 11.8303 4.47951 14.8099 8.15493 14.8099C9.72615 14.8099 11.1702 14.2653 12.3086 13.3547L15.2376 16.2837C15.5264 16.5725 15.9946 16.5725 16.2833 16.2837C16.5721 15.9949 16.5721 15.5267 16.2833 15.238L13.3544 12.3091C14.2652 11.1705 14.8099 9.72634 14.8099 8.15493C14.8099 4.47951 11.8303 1.5 8.15493 1.5Z",fill:"#8C8C8C"})),le.default.createElement(t.Text,{size:"p3"},l)))})),Tn=e.forwardRef((function(e,a){var{label:l}=e,n=c.__rest(e,["label"]);return le.default.createElement("div",Object.assign({ref:a},n),le.default.createElement(t.Text,{size:"p3"},l))})),Sn=({history:e,onDelete:a})=>le.default.createElement(m.Flex,{wrap:"wrap",gap:8},he.default(e,"catId").map((e=>le.default.createElement(m.Badge,{key:e.catId,rightSection:le.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",onClick:()=>null==a?void 0:a(e)},le.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 ${n.themeColors.neutral[4]}`,borderRadius:32,textTransform:"unset"},rightSection:{height:18,cursor:"pointer"}}},le.default.createElement(t.Text,{size:"p4"},e.localName))))),Nn=({topics:a,onTopicChange:l,isBlock:n=!1,selectedTopics:i,labelProps:o,maxSelect:r=5})=>{const{action:{pushNotifications:s}}=e.useContext(A.TogetherComponentGlobalContext),[d,c]=e.useState([]),{t:u}=k.useTranslations();e.useEffect((()=>{c(i)}),[i.length]),e.useEffect((()=>{l(d)}),[d]);return a&&0!==a.length?le.default.createElement(m.Stack,{spacing:12,px:16,mx:-16},le.default.createElement(t.Text,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},o),u("pnTopicSection.recentView")),le.default.createElement(m.Chip.Group,{value:d.map((e=>e.catId)),onChange:e=>{n&&d.length<e.length?s({type:"danger",title:u("pnTopicSection.maxSelectError.title",{maxSelect:r}),message:u("pnTopicSection.maxSelectError.desc")}):c((()=>a.filter((t=>e.some((e=>t.catId===e))))))},multiple:!0},le.default.createElement(m.Flex,{gap:8,wrap:"wrap"},a.map(((e,t)=>le.default.createElement(En,{key:t,value:e.catId,name:e.localName,isBlock:n})))))):null},An=e=>{var{topic:a,active:l,onClick:i}=e,o=c.__rest(e,["topic","active","onClick"]);return le.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:()=>i(a,l)},o),l&&le.default.createElement(m.Box,{id:"test",sx:{position:"absolute",top:2,right:2,width:20,height:20,zIndex:1}},le.default.createElement("svg",{id:"test",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},le.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"}),le.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"}))),le.default.createElement(m.Box,{sx:{borderRadius:"8px"}},le.default.createElement(n.AspectRatio,{ratio:1.5,mb:10,sx:e=>({background:e.colors.neutral[0]})},le.default.createElement(m.Box,null,le.default.createElement("img",{src:a.guid||"",alt:"cat",loading:"lazy",style:{maxHeight:"63px"}})))),le.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||""))},Mn=({topics:a,selectedTopics:l=[],onTopicChange:n,isBlock:i=!1,labelProps:o,pushNotifications:r,maxSelect:s=5})=>{const{t:d}=k.useTranslations(),[c,u]=e.useState([]),p=(e,t)=>{if(t)u((t=>t.filter((t=>t.catId!==e.catId))));else{if(i)return void r({type:"danger",title:d("pnTopicSection.maxSelectError.title",{maxSelect:s}),message:d("pnTopicSection.maxSelectError.desc")});u((t=>[...t,e]))}};e.useEffect((()=>{u(l)}),[l.length]),e.useEffect((()=>{n(c)}),[c]);const[g,h]=e.useState(!1),[f,v]=e.useState(0),[b,y]=e.useState(0),x=e.useRef(null),E=()=>{h(!1)};return le.default.createElement(m.Stack,{spacing:10},le.default.createElement(m.Flex,{justify:"space-between",align:"center",w:"100%"},le.default.createElement(t.Text,Object.assign({size:"s5",color:"gray.4",weight:"semiBold",span:!0},o),d("pnTopicSection.trending"))),le.default.createElement(m.Box,null,le.default.createElement(m.ScrollArea,{type:"always",w:"100%",offsetScrollbars:!0,scrollbarSize:4,px:4,viewportRef:x,viewportProps:{onMouseDown:e=>{e.preventDefault(),x.current&&(h(!0),v(e.pageX-x.current.offsetLeft),y(x.current.scrollLeft))},onMouseUp:E,onMouseLeave:E,onMouseMove:e=>{if(e.preventDefault(),!g||!x.current)return;const t=2*(e.pageX-x.current.offsetLeft-f);x.current.scrollLeft=b-t}},styles:{viewport:{paddingBottom:16}}},le.default.createElement(m.Box,{w:{base:112*a.length+8*(a.length-1)+10}},le.default.createElement(m.Flex,{gap:8},a.map(((e,t)=>le.default.createElement(An,{key:t,topic:e,onClick:p,active:c.some((t=>t.catId===e.catId)),w:{base:112}}))))))))},Pn=a=>{var{isLoggedIn:l,maxSelect:i=5,values:o=[],labelProps:r,onChange:s}=a,d=c.__rest(a,["isLoggedIn","maxSelect","values","labelProps","onChange"]);const{action:{pushNotifications:u}}=e.useContext(A.TogetherComponentGlobalContext),[p,g]=e.useState(""),{t:h,locale:f}=k.useTranslations(),v=e.useRef(null),[b,y]=e.useState([]),[x,E]=e.useState([]),[w,C]=e.useState([]),[B,T]=e.useState([]),[S,N]=e.useState(null),[M,P]=e.useState([]);e.useEffect((()=>{c.__awaiter(void 0,void 0,void 0,(function*(){var e,t;const a=yield A.callApiWithAuth(A.getPremiumApiPath(cn,{_locale:f}),"get"),l=(null===(e=null==a?void 0:a.data)||void 0===e?void 0:e.interested)||[],n=(null===(t=null==a?void 0:a.data)||void 0===t?void 0:t.trending)||[],i=he.default([...l,...n],"catId").map((e=>Object.assign(Object.assign({},e),{value:e.catId||"",label:e.localName||""})));if(P(i||[]),N((null==a?void 0:a.data)||null),o.length>0){const e=l.filter((e=>o.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"interested"}))),t=n.filter((e=>o.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"trending"})));T(e),E(t)}}))}),[l]);const D=e.useMemo((()=>he.default([...b,...x,...B,...w],"catId")),[b,x,B,w]),[z,L]=e.useState(!1);e.useEffect((()=>{D.length>=i?L(!0):L(!1),null==s||s(D)}),[D]);return le.default.createElement(m.Stack,Object.assign({spacing:m.rem(16)},d),le.default.createElement(m.Stack,{spacing:m.rem(8)},le.default.createElement(t.Text,{size:"p3"},h("pnTopicSection.maxSelectError.detail",{max:i,maxTopic:D.length})),le.default.createElement(m.MultiSelect,{ref:v,maxSelectedValues:3,styles:{wrapper:{overflow:"initial !important"},separator:{padding:16},separatorLabel:{fontWeight:600,fontSize:12,lineHeight:"18px",textTransform:"uppercase",color:n.themeColors.gray[4],"&::after":{display:"none"}},searchInput:{fontSize:"inherit"},input:{paddingRight:16}},nothingFound:le.default.createElement(t.Text,{size:"s4",color:"gray.6"},h("pnTopicSection.notFound")),itemComponent:""===p?Bn:Tn,size:"lg",placeholder:h("pnTopicSection.plsEnterFavTopics"),data:M,onSearchChange:g,searchValue:p,icon:le.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},le.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:le.default.createElement(le.default.Fragment,null),zIndex:500,searchable:!0,withinPortal:!0,onChange:e=>{return t=e,c.__awaiter(void 0,void 0,void 0,(function*(){var e;const a={trending:E,recently:C,interested:T,default:y};let l="default";if(z)u({type:"danger",title:h("pnTopicSection.maxSelectError.title",{maxSelect:i}),message:h("pnTopicSection.maxSelectError.desc")});else{const n=[{key:"trending",array:null==S?void 0:S.trending},{key:"recently",array:null==S?void 0:S.recently},{key:"interested",array:null==S?void 0:S.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,...M.filter((e=>t.some((t=>e.catId===t))))].map((e=>Object.assign(Object.assign({},e),{template:l}))))),null===(e=v.current)||void 0===e||e.blur()}return null}));var t},value:[]}),D&&D.length>0&&le.default.createElement(Sn,{history:D,onDelete:e=>{const t={trending:E,recently:C,interested:T,default:y};(t[e.template]||t.default)((t=>{const a=[...t],l=a.findIndex((t=>t.catId===e.catId));return a.splice(l,1),a}))}})),le.default.createElement(m.Box,{sx:e=>({position:"relative",height:m.rem(175),[e.fn.largerThan("sm")]:{height:m.rem(190)}})},le.default.createElement(m.Box,{sx:{position:"absolute",top:0,right:0,left:0}},le.default.createElement(Mn,{topics:((null==S?void 0:S.trending)||[]).map((e=>Object.assign(Object.assign({},e),{template:"trending"}))),selectedTopics:x,onTopicChange:E,isBlock:z,labelProps:r}))),le.default.createElement(Nn,{topics:((null==S?void 0:S.recently)||[]).map((e=>Object.assign(Object.assign({},e),{template:"recently"}))),selectedTopics:w,onTopicChange:C,isBlock:z,labelProps:r}),le.default.createElement(wn,{labelProps:r,topicsGroup:[{label:h("pnTopicSection.ppAlsoInterested"),topics:((null==S?void 0:S.interested)||[]).map((e=>Object.assign(Object.assign({},e),{template:"interested"})))}],selectedTopics:B,onTopicChange:T,isBlock:z}))},Dn=()=>{const{t:t}=k.useTranslations(),{action:{pushNotifications:a}}=e.useContext(A.TogetherComponentGlobalContext),{prevStep:l,formValues:i,submitLoading:o,onSubmit:r,selectCategory:s,maxSelectCategory:d,setSelectCategory:c,currentUrl:u,isLoggedIn:p}=e.useContext(xn);return le.default.createElement(Cn,{heading:t("newsletter.topic.title"),type:"always",styles:{root:{paddingRight:m.rem(25)}},stickyActions:le.default.createElement(le.default.Fragment,null,le.default.createElement(n.Button,{fullWidth:!0,variant:"secondary",dataEventCategory:"Newsletter",dataEventAction:"Back  Click",dataEventLabel:u,onClick:l},t("healthToolPNModal.back")),le.default.createElement(n.Button,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Next  Click",dataEventLabel:u,onClick:()=>{if(0===s.length)return a({type:"danger",title:t("newsletter.error.minTitle"),message:t("newsletter.error.minCotennt")}),!1;null==r||r(i.name)},loading:o},t("healthToolPNModal.next")))},le.default.createElement(Pn,{isLoggedIn:p,maxSelect:d,values:i.fitnessTopics,onChange:c,labelProps:{size:"s5",sx:{textTransform:"uppercase"}}}))},zn=()=>{const{t:a}=k.useTranslations(),{close:l,selectCategory:i,onRegisterSuccess:o,currentUrl:r,finishLabelOnResult:d,disclaimerText:c}=e.useContext(xn);return e.useEffect((()=>()=>{setTimeout((()=>{null==o||o()}),400)}),[]),le.default.createElement(Cn,{heading:a("healthToolPNModal.heading"),stickyActions:le.default.createElement(n.Button,{fullWidth:!0,sx:{maxWidth:m.rem(300)},dataEventCategory:"Newsletter",dataEventAction:"Continue Reading Click",dataEventLabel:r,onClick:()=>{l()}},d||a("healthToolPNModal.finish"))},le.default.createElement(m.Stack,null,le.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)})},le.default.createElement(m.Box,null,le.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},le.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"}),le.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"}))),le.default.createElement(t.Text,{size:"p3"},c||a("pnModal.disclaimer"))),le.default.createElement(s.Heading,{tag:"h5"},a("healthToolPNModal.yourPre")),i.length>0&&le.default.createElement(wn,{topicsGroup:[{label:"",topics:i}],selectedTopics:i,readonly:!0})))},Ln=({isMobile:t,isLoggedIn:a,pnSuggestCategory:l=[],acquisitionInfo:n,currentUrl:i,opened:o,close:s,finishLabelOnResult:d,onRegisterSuccess:u,disclaimerText:h})=>{const{t:f,locale:v}=k.useTranslations(),{action:{pushNotifications:b}}=e.useContext(A.TogetherComponentGlobalContext),y=r.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),x=r.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),[E,w]=e.useState([]),[C,B]=e.useState([]),[T,S]=e.useState(0),[N,M]=e.useState({name:"",fitnessTopics:[]}),[P,D]=e.useState(!1),z=()=>S(2),L=e.useCallback((e=>c.__awaiter(void 0,void 0,void 0,(function*(){try{D(!0),yield A.callApiWithAuth(A.getPremiumApiPath(mn,{website_url:A.getWebsiteUrlApi(v)}),"post",{headers:{"Content-Type":"application/json"},method:"POST",data:{ga_client_id:pe.default.get(p.GA_TOKEN_COOKIE),client_ip:window.clientIP||"",user_info:Object.assign(Object.assign({},n.userInfo),{name:e||N.name,type_subscription:1}),domain:p.domainLocales[v||g.LOCALE.Vietnam],category:C,perferred:n.preferredTopics.map((({id:e})=>({id:e})))}}),D(!1),yield A.callApiWithAuth(A.getSsoApiPath(yn),"post",{headers:{"Content-Type":"application/json"},method:"PUT",data:{subscription:1}}),z()}catch(e){console.log({err:e}),D(!1),b({title:f("notification.comment.somethingWrong"),message:"",type:"danger"})}}))),[N,C]);return e.useEffect((()=>{[y,x].forEach((e=>{(new Image).src=e}))}),[]),le.default.createElement(xn.Provider,{value:{currentUrl:i,isMobile:t,isLoggedIn:a,opened:o,close:s,pnSuggestCategory:l,nextStep:()=>S((e=>e<3?e+1:e)),prevStep:()=>S((e=>e>0?e-1:e)),lastStep:z,categoryLibs:E,setCategoryLibs:w,selectCategory:C,setSelectCategory:B,formValues:N,setFormValues:M,maxSelectCategory:5,submitLoading:P,onSubmit:L,onRegisterSuccess:u,finishLabelOnResult:d,disclaimerText:h}},le.default.createElement(bn,{isMobile:t,desktopBanner:r.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),mobileBanner:r.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),modalRatio:{width:960,height:588},desktopBannerRatio:{width:384,height:588},opened:o,onClose:s,zIndex:305,closeProps:{dataEventCategory:"Newsletter",dataEventAction:"Close Click",dataEventLabel:i}},le.default.createElement(m.Stepper,{active:T,onStepClick:S,styles:{root:{height:"100%"},content:{padding:0,height:"100%",width:"100%"},steps:{display:"none"}}},le.default.createElement(m.Stepper.Step,null,le.default.createElement(kn,null)),le.default.createElement(m.Stepper.Step,null,le.default.createElement(Dn,null)),le.default.createElement(m.Stepper.Step,null,le.default.createElement(zn,null)))))},In=()=>{const{locale:t}=k.useTranslations(),{isMobile:a,isLoggedIn:l,currentUrl:n,acquisitionInfo:i,categoryIds:o,state:r,setState:s,settings:d,submitHandler:m,subcribeHealthStatus:u,showPNModal:p,setShowPNModal:g,setIsBack:h}=e.useContext(sn),[f,v]=e.useState([]),[b,y]=e.useState(p);e.useEffect((()=>{c.__awaiter(void 0,void 0,void 0,(function*(){var e,a;const l=yield A.callApiWithAuth(A.getPremiumApiPath(cn,{_locale:t}),"get"),n=[...(null===(e=null==l?void 0:l.data)||void 0===e?void 0:e.interested)||[],...(null===(a=null==l?void 0:l.data)||void 0===a?void 0:a.trending)||[]];v(n.filter((e=>o.includes(Number(e.catId)))))}))}),[]);const x=e.useRef([]);return e.useEffect((()=>{const e=(null==u?void 0:u.value)||"",t=e.split("|").filter(Boolean);let a=e;x.current.push(u),t.length>1&&(null!==x.current[0]&&h(!0),Object.keys(m).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?m[a]:d;s(l)}),[u]),e.useEffect((()=>{y(p)}),[p]),(null==r?void 0:r.action)!==ln.Hide?le.default.createElement(le.default.Fragment,null,le.default.createElement(vn,Object.assign({},d.props)),le.default.createElement(Ln,{acquisitionInfo:i,isMobile:a,isLoggedIn:l,currentUrl:n,pnSuggestCategory:f,opened:b,close:()=>{var e;y(!1),g(!1),setTimeout((()=>{var e;(null===(e=r.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&s({action:ln.Hide})}),400),(null===(e=r.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&s({action:ln.Hide})},onRegisterSuccess:()=>y(!1)})):null},$n={myBooking:"booking",mySaved:"saved",myHealth:"health",myFamily:"family",myCommunity:"my-communities",eCom:"/shop/ho-so/quan-li-don-hang/"};var _n="uJQBNNg",On="TfG3dM5",jn="aMtjFNf",Fn="cSz2RR-",Hn="GyFm00F";function Rn({userInfo:t,onClickMyProfileButton:a,themeName:l="helloSites"}){const{t:n}=k.useTranslations(),i=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 le.default.createElement("div",{className:_n,onClick:()=>{a&&a()}},le.default.createElement(xe,{className:On,type:"rounded",size:"xl",avatarUrl:null==t?void 0:t.avatar,firstLetter:i,backgroundColor:"marryBaby"===l?d.theme.mbColors.pink:d.theme.colors.secondaryBase}),le.default.createElement("div",{className:jn},le.default.createElement("div",{className:Fn},(null==t?void 0:t.name)||(null==t?void 0:t.username)),le.default.createElement("div",{className:Hn,style:{"--bg-hellosites":`url(${r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-chevronRight.svg")})`,"--bg-marrybaby":`url(${r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-arrowRight.svg")})`}},n("userProfile.nav.header.viewProfile"))))}var Gn="fVk18fq",Un="v8TCvUb",Wn="mx7T4V3";const Vn={myHealth:d.theme.mbColors.toneYellow,myCommunity:d.theme.mbColors.toneBlue,mySaved:d.theme.mbColors.toneGreen},qn={helloSites:{myBooking:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myBooking.svg"),myCommunity:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myCommunity.svg"),myFamily:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myFamily.svg"),myHealth:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myHealth.svg"),mySaved:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-mySaved.svg"),eCom:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-eCom.svg")},marryBaby:{mySaved:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-mySaved.svg"),myCommunity:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-myCommunity.svg"),myHealth:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-myHealth.svg")}},Qn=({type:t,themeName:a,className:l,onClick:n=(()=>{})})=>{const{t:i}=k.useTranslations(),o=e.useMemo((()=>{var e,l;return(null===(l=null===(e=qn[a])||void 0===e?void 0:e[t])||void 0===l?void 0:l.call(e))||""}),[t,a]),r=e.useMemo((()=>"marryBaby"!==a?"transparent":Vn[t]),[t,a]);return le.default.createElement("div",{onClick:function(){n(t)},className:`${Gn} ${l}`},le.default.createElement("div",{className:Wn,style:{backgroundColor:r,backgroundImage:`url("${o}")`}}),le.default.createElement("h3",{className:Un},i(`userProfile.nav.card.${t}`)))};var Zn="gn6HmGG",Yn="FCx8FEM",Kn="zMiRxaE",Xn="lZ2Z9MQ",Jn="rwm-agG",ei="qMOscoq";const ti=({themeName:t,locale:a,onClickItem:l})=>{const[n,i]=e.useState(""),o=e.useMemo((()=>"marryBaby"===t?[{key:"userProfile.nav.menu.password",icon:r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-lock.svg"),link:"password"},{key:"userProfile.nav.menu.logout",icon:r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-logOut.svg"),link:"logout"}]:[{key:"userProfile.nav.menu.accountSettings",icon:r.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:r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-helpCircle.svg"),link:"help"}]),[t]);function s(e){e.subMenu?i((t=>t?"":e.key)):l&&l(e)}return le.default.createElement("div",{className:Zn},o.map((e=>le.default.createElement(ai,{key:e.key,item:e,openKey:n,onClickItem:s,locale:a}))))},ai=({item:e,openKey:t,onClickItem:a,locale:l})=>{var n;const{t:i}=k.useTranslations();return(null===(n=e.disableLocale)||void 0===n?void 0:n.includes(l))?null:le.default.createElement("div",{className:`${Yn} nav-menu-item`,"data-is-open":t===e.key,key:e.key,"data-has-submenu":!!e.subMenu},le.default.createElement("div",{className:Kn,onClick:()=>a(e)},e.icon&&le.default.createElement("div",{className:Xn,style:{backgroundImage:`url("${e.icon}")`}}),i(e.key),e.subMenu&&le.default.createElement("div",{className:Jn,style:{"--after-bg":`url(${r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-chevronDown.svg")})`}})),e.subMenu&&le.default.createElement("div",{className:ei},e.subMenu.map((e=>le.default.createElement(ai,{key:e.key,item:e,openKey:t,onClickItem:a,locale:l})))))};var li="-AZt1au",ni="IvSIfCI",ii="eahCJov",oi="XIyViFs",ri="_4y-O0w3",si="kO8iNgD",di="a1d4E10",ci="Tdguxxf",mi="-mOxsaU",ui="yPeDBNZ";const pi={helloSites:{member:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-member.svg"),ambassador:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-ambassador.svg"),doctor:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-doctor.svg"),expert:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-expert.svg"),influencer:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-influencer.svg")},marryBaby:{member:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-member.svg"),ambassador:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-ambassador.svg"),doctor:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-doctor.svg"),expert:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-expert.svg"),influencer:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-influencer.svg")}},gi=({themeName:t,rank:a="member",numberOfPosts:l=0})=>{const{t:n}=k.useTranslations(),i=e.useMemo((()=>{var e,l;return(null===(l=null===(e=pi[t])||void 0===e?void 0:e[a])||void 0===l?void 0:l.call(e))||""}),[a,t]);return le.default.createElement("div",{className:ri,"data-user-rank":a},le.default.createElement("div",{className:si},le.default.createElement("div",{className:di},le.default.createElement("div",{className:ci,style:{backgroundImage:`url("${i}")`}}),le.default.createElement("h3",{className:mi},n(`userProfile.userRank.${a}`)),l>0&&le.default.createElement("p",{className:ui},l," ",n("userProfile.nav.header.count.posts")))))};exports.AdBlock=Zl,exports.Alert=({style:e,onClose:a,text:l,type:n,contentIcon:i,closeIcon:o,className:r,description:s})=>le.default.createElement("div",{className:`${fe} ${r||""}`,style:e,"data-alert-type":n},le.default.createElement("div",{className:ve},le.default.createElement("div",{className:"icon-title"},i,le.default.createElement(t.Text,{weight:"bold",size:"label1"},l)),le.default.createElement(t.Text,{weight:"regular",size:"p3"},s)),le.default.createElement("div",{className:be,onClick:a},o)),exports.ArticleCard=({articleLink:e,authorLink:a,authorName:l,avatarImg:n,banner:i,categoryLink:o,categoryName:d,className:c,dataEventActionForBanner:m,dataEventActionForBookmark:u,dataEventActionForCategory:p,dataEventActionForTitle:g,dataEventCategoryForBanner:h,dataEventCategoryForBookmark:f,dataEventCategoryForCategory:v,dataEventCategoryForTitle:b,dataEventLabelForBanner:y,dataEventLabelForBookmark:x,dataEventLabelForCategory:E,dataEventLabelForTitle:w,direction:C="horizontal",hasAffiliate:k,isBookmark:B=!1,isBookmarkDisplayed:T=!0,isMobile:S=!0,onBookmark:N,onClickCategoryName:A,section:M="normal",size:P="md",specialty:D,style:z,styleBanner:L,styleLabel:I,styleTitle:$,text:_,title:O,type:j="author",uploadTime:F,articleLinkTarget:H,isPremium:R})=>{const G=e=>{e.stopPropagation(),null==N||N()},U="lg"===P&&"expert"===j?"h4":"lg"===P&&"home"===M?S?"h4":"h3":"lg"===P?"h4":"h5",W="lg"===P?"p3":"p4",V=S||"home"!==M||"lg"!==P||"author"!==j?"c2":"c1";return le.default.createElement("article",{className:`${ze} ${c||""}`,"data-size":P,style:z,"data-direction":C,"data-is-expert":"expert"===j||void 0},le.default.createElement("div",{className:"banner",style:L},le.default.createElement("a",{className:De,"data-event-category":h,"data-event-action":m,"data-event-label":y,href:e||"#",target:H},i),R&&le.default.createElement("img",{loading:"lazy",className:"premium",src:r.CommonGAssets.getAssetPath("premium-crown.svg")}),k&&le.default.createElement(_e,null)),le.default.createElement("div",{className:"content"},le.default.createElement("div",{className:"inner-content"},le.default.createElement(t.Text,{style:I,className:"label",size:V,weight:"caption"},le.default.createElement("a",{className:De,"data-event-category":v,"data-event-action":p,"data-event-label":E,href:o||"#",onClick:A},d),T&&le.default.createElement("a",{className:"bookmark",onClick:G},B?le.default.createElement(Oe,{dataEventCategoryForBookmark:f,dataEventActionForBookmark:u,dataEventLabelForBookmark:x}):le.default.createElement(je,{dataEventCategoryForBookmark:f,dataEventActionForBookmark:u,dataEventLabelForBookmark:x}))),le.default.createElement(s.Heading,{tag:U,style:$,className:"title",as:"lg"===P?"h2":"h3"},le.default.createElement("a",{className:De,"data-event-category":b,"data-event-action":g,"data-event-label":w,href:e||"#",target:H},O)),_&&le.default.createElement("a",{href:e||"#",target:H},le.default.createElement(t.Text,{size:W,className:"text"},_))),le.default.createElement("div",{className:"footer"},"author"===j?le.default.createElement(Ie,{size:P,avatarImg:n,authorName:l,authorLink:a,uploadTime:F,handleClick:G,isBookmarked:B,dataEventCategoryForBookmark:f,dataEventActionForBookmark:u,dataEventLabelForBookmark:x}):le.default.createElement($e,{size:P,isMobile:S,avatarImg:n,specialty:D,name:l,link:a,handleClick:G,isBookmarked:B,dataEventCategoryForBookmark:f,dataEventActionForBookmark:u,dataEventLabelForBookmark:x}))))},exports.ArticleCard$1=e=>{var{variant:t="vertical"}=e,a=c.__rest(e,["variant"]);return"horizontal"===t?le.default.createElement(Fe,Object.assign({},a)):le.default.createElement(Ue,Object.assign({},a))},exports.Avatar=xe,exports.BMICardEmbed=({isMobile:e,onSubmit:t,bmiContent:a,isSide:l,bmiGenerated:n,bmiUnit:i,bmiLink:o,locale:s})=>{var d,c,m;const{t:u}=k.useTranslations();return le.default.createElement(Ia,{"data-is-side":l},le.default.createElement(ua,{isSide:l,icon:le.default.createElement("img",{alt:"health-tool-icon",src:(null==a?void 0:a.featured_image)||r.CommonGAssets.getAssetPath("health-tools/bmi.svg"),loading:"lazy"}),heading:u("bmi.heading"),medicalReview:{link:null===(d=null==a?void 0:a.reviewBy)||void 0===d?void 0:d.link,reviewer:null===(c=null==a?void 0:a.reviewBy)||void 0===c?void 0:c.reviewer,date:null===(m=null==a?void 0:a.reviewBy)||void 0===m?void 0:m.date},isMobile:e}),le.default.createElement(I.Container,null,le.default.createElement(La,{as:"div","data-is-side":l},o&&le.default.createElement(Ga,{onSubmit:t,bmiGenerated:n,locale:s,bmiUnit:i,isSide:l}))))},exports.BMRCardEmbed=({isSide:e,locale:t,bmrContent:a,isMobile:l,info:n,inputErrorMessage:i,onFormChange:o,onSubmit:s})=>{var d,c,m;const{t:u}=k.useTranslations();return le.default.createElement(Ia,{"data-is-side":e},le.default.createElement(ua,{isSide:e,icon:le.default.createElement("img",{alt:"health-tool-icon",src:(null==a?void 0:a.featured_image)||r.CommonGAssets.getAssetPath("health-tools/bmr.svg"),loading:"lazy"}),heading:u("bmr.heading"),medicalReview:{link:null===(d=null==a?void 0:a.reviewBy)||void 0===d?void 0:d.link,reviewer:null===(c=null==a?void 0:a.reviewBy)||void 0===c?void 0:c.reviewer,date:null===(m=null==a?void 0:a.reviewBy)||void 0===m?void 0:m.date},isMobile:l}),le.default.createElement(I.Container,null,le.default.createElement(La,{onSubmit:e=>e.preventDefault(),"data-is-side":e},le.default.createElement(Ta,null,le.default.createElement(ml,{info:n,locale:t,errorMessage:i,onChange:o,onClick:s,isSide:e})))))},exports.BabyGrowthCardEmbed=({isMobile:e,className:t,onSubmit:a,onError:l,schema:n,babyGrowthContent:i,siteType:o})=>{var s,c,m;return le.default.createElement(Ia,{"babyGrowthContent-is-mobile":e,"data-site":o},le.default.createElement(ua,{siteType:o,bannerUrl:r.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerUrlLarge:r.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerColor:"marryBaby"===o&&d.theme.mbColors.mint,isEmbeded:!0,icon:le.default.createElement("img",{className:"embedded-icon",alt:"health-tool-icon",src:(null==i?void 0:i.featuredImage)||r.CommonGAssets.getAssetPath("health-tools/toolsIconBabyGrowth.svg"),loading:"lazy"}),heading:(null==i?void 0:i.title)||"",medicalReview:{link:null===(s=null==i?void 0:i.reviewBy)||void 0===s?void 0:s.link,reviewer:null===(c=null==i?void 0:i.reviewBy)||void 0===c?void 0:c.reviewer.trim(),date:null===(m=null==i?void 0:i.reviewBy)||void 0===m?void 0:m.date},isMobile:e}),le.default.createElement(Ya,{"data-theme":o},le.default.createElement(Ka,{siteType:o,schema:n,className:t,onSubmit:a,onError:l})))},exports.BabyPoopEmbed=({babyPoopPage:e,onClickFindOut:a,currentUrl:l,isSide:i,direction:o="auto",sponsorLogo:c})=>{const{t:u}=k.useTranslations(),p="mb"===m.useMantineTheme().other.template,{classes:g}=Xa({isMarryBaby:p,isSide:i,direction:o},{name:"BabyPoopEmbed"}),{reviewedBy:h,reviewedDate:f}=e||{};return le.default.createElement("div",{className:g.root},le.default.createElement("div",{className:g.inner},le.default.createElement(s.Heading,{tag:"h3",as:"h2",color:!p&&"#284A75"},e.title),le.default.createElement("div",{className:g.content,"data-is-side":i},le.default.createElement(t.Text,{size:"p3",className:"description"},e.description),!!h&&le.default.createElement("div",{className:g.reviewText},le.default.createElement("img",{src:r.CommonGAssets.getAssetPath("reviewerCheck.svg"),alt:"check",className:g.reviewTextIcon,loading:"lazy"}),le.default.createElement(t.Text,{size:"p4",color:d.theme.colors.gray600},u("categoryPage.info.reviewed")," ",le.default.createElement("a",{href:h.profile_url},h.display_name)," ",u("categoryPage.onDate",{date:f||""}))),le.default.createElement("div",{className:g.action},le.default.createElement(n.Button,{className:g.btn,size:p?"lg":"md",variant:p?"secondary":"primary",onClick:a,dataEventCategory:"Health Tool",dataEventAction:"Baby Stool Inquiry",dataEventLabel:l,style:{visibility:Boolean(a)?"visible":"hidden"}},u("babyPoop.findOut"))))),le.default.createElement("div",{className:g.thumbnail},le.default.createElement("img",{src:p?r.CommonGAssets.getAssetPath("baby-poop.svg"):null==e?void 0:e.featuredImage,alt:e.title,loading:"lazy"})),c&&le.default.createElement("img",{loading:"lazy",src:c,alt:"sponsor",className:g.sponsorLogo}))},exports.Badge=({amount:e,type:t,size:l="medium",color:n="primary",icon:i,className:o})=>le.default.createElement(a.StyledBadge,{"data-notification-type":t,"data-notification-size":l,"data-notification-color":n,"data-has-icon":!!i||void 0,notificationType:t,notificationSize:l,notificationColor:n,hasIcon:!!i,className:o},le.default.createElement("div",null,e&&le.default.createElement("span",null,e)," ",i&&le.default.createElement("div",null,i))),exports.BorderHeading=({style:e,children:t,className:l,size:n="lg",type:i="bold",upperCase:o,as:r="h4",color:s})=>le.default.createElement(a.StyledBorderHeading,{style:Object.assign({color:s},e),className:l,"data-size":n,"data-type":i,"data-uppercase":o,as:r},t),exports.Breadcrumbs=({className:t,pages:a,size:l,LinkComponent:n="a",onChangePage:i,separator:o})=>{const r=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 le.default.createElement("div",{"data-size":l,className:`${zl} ${t||""}`},r.map(((t,a)=>{const s=a+1===r.length;return le.default.createElement(e.Fragment,{key:a},le.default.createElement($l,{LinkComponent:n,page:t,isLast:s,onChangePage:i}),!s&&(t.separator||o||le.default.createElement("div",{className:Ll,"data-size":l})))})))},exports.CategoryCard=e=>{var{category:a,imgBanner:l,label:n,className:i,style:o,href:r="",dataEventCategory:s,dataEventAction:d,dataEventLabel:m}=e,u=c.__rest(e,["category","imgBanner","label","className","style","href","dataEventCategory","dataEventAction","dataEventLabel"]);const p=(null==a?void 0:a.customizedUrl)||(null==a?void 0:a.permalink)||r||"";return le.default.createElement(We,Object.assign({"data-event-category":s,"data-event-action":d,"data-event-label":m,className:i,style:o,href:p},(null==a?void 0:a.customizedUrl)&&!f.isInternalLink(a.customizedUrl)&&{target:"_blank"},{onClick:e=>{""===p&&e.preventDefault()}},u),le.default.createElement("div",{className:"banner"},l),le.default.createElement("div",{className:"content"},le.default.createElement(t.Text,{className:"category_name",size:"sm",weight:"bold"},(null==a?void 0:a.displayName)||n||"")))},exports.Checkbox=Te,exports.CheckboxGroup=({name:e,values:t=[],onChanges:a,options:l=[],className:n,type:i="vertical",isDisabled:o,isRectangle:r})=>{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 le.default.createElement(Ve,{className:n,"data-type":i,"data-is-rectangle":r||void 0},l.map(((a,l)=>le.default.createElement(Te,{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:r}))))},exports.CookieAcceptConfirm=({className:e,policiesUrl:t,onAcceptClick:a,translations:l={acceptButton:"Accept",policiesButton:"Our Policies"},title:n="",description:i="",theme:o="helloSites",isOpen:r=!0,useDefaultPosition:s=!0,trackingAttributes:d})=>le.default.createElement(Wt,{className:e,"data-theme":o,"data-is-open":r,"data-default-position":s},le.default.createElement(Vt,{"data-has-content":!!n},n),le.default.createElement(qt,{dangerouslySetInnerHTML:{__html:i}}),le.default.createElement(Qt,null,le.default.createElement(Zt,{role:"button",tabIndex:0,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),le.default.createElement(Yt,{href:t},l.policiesButton))),exports.DateRangePicker=function({inputSize:t="md",name:l="date-range-picker",value:n,minDate:i,maxDate:o,onChange:s,className:d,autoClose:c=!1}){n||(n={from:null,to:null});const[m,u]=e.useState(!1);function p(){u(!1)}const g=e.useRef(null);function h(e){s&&s(e)}function f(e){return B.format(e,"dd/MM/yyyy")}H.useOutsideClick(g,(()=>{p()}));const v=e.useMemo((()=>n.from&&n.to?B.isSameDay(n.from,n.to)?f(n.from):`${f(n.from)} - ${f(n.to)}`:""),[n.from,n.to]);return le.default.createElement(Pl,{className:[d,m&&"focused"].filter(Boolean).join(" "),ref:g},le.default.createElement("label",{htmlFor:l},le.default.createElement(a.PureInput,{size:t,value:v,name:l,actionIcon:le.default.createElement("img",{src:r.CommonGAssets.getAssetPath("calendar.svg"),loading:"lazy"}),onFocus:()=>u(!0)})),m?le.default.createElement(Dl,{onMouseDown:e=>{e.stopPropagation()}},le.default.createElement(Al,{value:n,onChange:h,minDate:i,maxDate:o,close:p,autoClose:c})):null)},exports.DoctorInfo=mt,exports.DueDateCardEmbed=({isMobile:e,locale:t,onSubmitDueDate:a,dueDatePageInfo:l,expertUrl:n,isSide:i,siteType:o})=>{var s;const{t:c}=k.useTranslations();return le.default.createElement(Ia,{"data-is-side":i,"data-site":o},le.default.createElement(ua,{isSide:i,siteType:o,bannerColor:"marryBaby"===o&&d.theme.mbColors.mint,isEmbeded:!0,color:"pink",icon:le.default.createElement("img",{alt:"health-tool-icon",src:(null==l?void 0:l.featured_image)||r.CommonGAssets.getAssetPath("health-tools/due-date-icon.svg"),loading:"lazy"}),heading:c("healthTools.dueDateCalculator"),medicalReview:{link:n,reviewer:null===(s=null==l?void 0:l.reviewed_by)||void 0===s?void 0:s.display_name,date:null==l?void 0:l.reviewed_date},isMobile:e}),le.default.createElement(La,{onSubmit:e=>e.preventDefault(),className:"due-date-cal","data-is-side":i},le.default.createElement(Pa,{siteType:o,locale:t,onSubmitDueDate:a,isSide:i})))},exports.FileDropdown=({className:t,value:l,options:n,onUploadSelected:i,id:o,placeholderIcon:r,placeholder:s,style:d})=>{const[c,m]=e.useState(!1),u=()=>m(!c),p=e.useRef(n.map((e=>"upload"===e.type&&le.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"),i(e.target.files)}}))));return le.default.createElement(a.StyledDropdown,{className:t,"data-dropdown-open":!!c,id:o,"data-has-icons":!0,style:d,onBlur:()=>m(!1),tabIndex:0},le.default.createElement(Ee,null),le.default.createElement(a.StyledDropdownName,{onClick:u},r||le.default.createElement(we,null)," ",le.default.createElement("span",null,l&&l.value?l.label:s)),c&&le.default.createElement(a.StyledDropdownList,{onClick:u,"data-has-icons":!0},n.map((e=>le.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}},le.default.createElement(a.StyledIcon,null,e.icon||"download"===e.type?le.default.createElement(Ce,null):le.default.createElement(ke,null)),e.label)))),le.default.createElement(le.default.Fragment,null,p.current))},exports.FixedBottomAdBlock=({className:t,adUnitPath:a,divId:l,isMobile:n,contentId:i,customTargetings:o,locale:r,isMarryBaby:s})=>{const[d,c]=e.useState(!0),[m,u]=e.useState(!1),[p,g]=e.useState(!0),h=e.useRef(null),f=e.useRef(q.v4()),v=e.useRef(null),b=e.useRef(),y=e.useRef();return e.useEffect((()=>{const e=()=>{y.current&&clearTimeout(y.current),y.current=setTimeout((()=>{var t;document.getElementById("subot--container")?c(!0):(c(!1),(null===(t=h.current)||void 0===t?void 0:t.clientHeight)?g(!1):g(!0)),e()}),4e3)};return e(),()=>{b.current&&clearTimeout(b.current),y.current&&clearTimeout(y.current)}}),[]),d||m?null:le.default.createElement(Hl,{key:n?"mobile":"desktop",ref:v,className:t,"data-visible":!p},a&&le.default.createElement(Zl,{wrapperProps:{m:0},ref:h,adUnitPath:a,size:n?[[320,50],[320,100]]:[728,90],divId:(l||"div-gpt-ad-sticky")+(n?"-mobile":"")+i+String(f.current),pos:["Sticky"],contentId:i,hideIfHasSubot:n,customTargetings:o,adDefaultSize:n?[320,50]:[728,90],showCloseBtn:!0,onCloseAd:()=>u(!0),refreshInterval:60,locale:r,isMarryBaby:s}))},exports.FloatButtonGroup=({items:t,className:a,style:l,backgroundPanelStyle:n,isOpen:i,onOpen:o,onClose:r,disableBackdropClick:s,siteType:d="hb",animationType:c="zoom",zIndex:m=300})=>{const[u,p]=e.useState(!!i);e.useEffect((()=>{p(!!i)}),[i]);const g=()=>{p(!1),r&&r()};return le.default.createElement(_t,{style:l,className:a,"data-floatmenu-open":u,"data-site-type":d,"data-animation-type":c},le.default.createElement(Ot,{className:"float-button-group__panel",style:Object.assign({zIndex:m},n),onClick:s?void 0:g}),le.default.createElement(jt,{className:"float-button-group___content",style:{zIndex:m}},le.default.createElement(Ft,null,t.map(((e,a)=>le.default.createElement(Rt,{className:`float-item-button-${a}`,style:Object.assign(Object.assign({},"zoom"===c&&{bottom:64*(t.length-1-a),transitionDelay:$t/t.length*(u?t.length-1-a:a)+"ms"}),"slide"===c&&{bottom:64*(t.length-1-a),transitionDelay:$t/t.length*(u?a:t.length-1-a)+"ms"}),key:a,onClick:()=>{e.onClick(),e.keepMenuOnClick||p(!1)}},le.default.createElement(Gt,{style:Object.assign({},"zoom"===c&&{transitionDelay:$t/t.length*(u?t.length-1-a:a)+"ms"})},e.label),le.default.createElement(Ut,{className:"float-item-button__icon-wrapper",style:Object.assign({},("zoom"===c||"slide"===c)&&{transitionDelay:$t/t.length*(u?t.length-1-a:a)+"ms"})},e.icon))))),le.default.createElement(Ht,{onClick:u?g:()=>{p(!0),o&&o()}})))},exports.GenderOptionControl=Me,exports.Grid=({className:e,columns:t,columnsDesktop:l,gridTemplateColumns:n,gridTemplateColumnsDesktop:i,gap:o,children:r,justifyChildren:s,style:d,alignItems:c})=>le.default.createElement(a.StyledGrid,{className:e,style:Object.assign({"--columns-count":t,"--columns-count-desktop":l,"--grid-template-columns":n,"--grid-template-columns-desktop":i,"--justify-children":s,"--grid-gap":o,"--align-items":c},d)},r),exports.IconText=({size:e,iconPosition:t,className:a,children:l,icon:n})=>le.default.createElement(qe,{className:a,"data-size":e,"data-icon-position":t},"left"===t&&n,l,"right"===t&&n),exports.MAPPING_CATEGORY_PREMIUM_API_TYPE=on,exports.MAPPING_CATEGORY_PREMIUM_TYPE=nn,exports.MobileBottomNavigation=la,exports.MobileBottomNavigationIcon=aa,exports.NavHeader=Rn,exports.OvulationCardEmbed=({onSubmitOvulation:e,locale:t,ovulationPageInfo:a,expertUrl:l,isSide:n=!1,siteType:i,isMobile:o})=>{var s;const{t:c}=k.useTranslations();return le.default.createElement(Ia,{"data-is-side":n,"data-site":i},le.default.createElement(ua,{isSide:n,bannerUrl:r.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),siteType:i,bannerColor:"marryBaby"===i&&d.theme.mbColors.mint,isEmbeded:!0,color:"pink",icon:le.default.createElement("img",{alt:"health-tool-icon",src:(null==a?void 0:a.featured_image)||r.CommonGAssets.getAssetPath("health-tools/ovulation-icon.svg"),loading:"lazy"}),heading:c("healthTools.ovulationCalculator"),medicalReview:{link:l,reviewer:null===(s=null==a?void 0:a.reviewed_by)||void 0===s?void 0:s.display_name,date:null==a?void 0:a.reviewed_date},isMobile:o}),le.default.createElement(La,{onSubmit:e=>e.preventDefault(),className:"ovulation-cal","data-is-side":n},le.default.createElement(gl,{siteType:i,locale:t,onSubmitOvulation:e,isSide:n})))},exports.PWGCardEmbed=({locale:a,onClick:l,inputErrorMessage:i,pwgContent:o,onFormChange:s,info:c,isMobile:m,isSide:u=!1,siteType:g})=>{var h;const{t:f}=k.useTranslations(),[v,b]=e.useState("notwins"),[y,x]=e.useState({label:"1",value:1}),E=e.useMemo((()=>[...Array(40)].map(((e,t)=>({label:`${t+1}`,value:`${t+1}`})))),[]),{getHealthToolLink:w}=_.useHealthToolsCache(a),C=e.useMemo((()=>w(A.HEALTH_TOOL_TYPE.PWG)),[w]);return le.default.createElement(Ia,{"data-is-side":u,"data-site":g},le.default.createElement(ua,{siteType:g,bannerColor:"marryBaby"===g&&d.theme.mbColors.mint,isEmbeded:!0,color:"pink",icon:le.default.createElement("img",{alt:"health-tool-icon",src:(null==o?void 0:o.featuredImage)||r.CommonGAssets.getAssetPath("health-tools/pwg-icon.svg"),loading:"lazy"}),heading:f("pregnancyWeightGain.heading"),medicalReview:{link:F.formatUserProfileUrl(null==o?void 0:o.reviewedBy),reviewer:null===(h=null==o?void 0:o.reviewedBy)||void 0===h?void 0:h.display_name,date:null==o?void 0:o.reviewedDate},isMobile:m,isSide:u}),le.default.createElement(I.Container,null,le.default.createElement(La,{onSubmit:e=>e.preventDefault(),className:"pwg-view-mobile","data-is-side":u},"marryBaby"!==g&&le.default.createElement(Ba,{className:"hide-asking-mobile","data-is-side":u},le.default.createElement(t.Text,{size:"s4",weight:"semiBold",style:{display:"block",color:d.theme.colors.gray600},className:"label"},f("pregnancyWeightGain.havingTwins")),le.default.createElement($a,{options:[{value:"twins",label:f("switchBtn.yes")},{value:"notwins",label:f("switchBtn.no")}],value:v,onChange:e=>b(e),className:"gender-selector",id:"twins-check",direction:"horizontal",size:"small"})),le.default.createElement(Na,null,le.default.createElement(Aa,{className:"input-section input-form-pwg","data-is-side":u},"marryBaby"===g?le.default.createElement(pa,{groupedWithLabel:f("pregnancyWeightGain.weekInput"),options:E,placeholder:"28 days",id:"due-date-dropdown",size:"lg",value:y,onChange:e=>x({label:e.label,value:e.value})}):le.default.createElement(le.default.Fragment,null,le.default.createElement(t.Text,{size:"s4",weight:"semiBold",style:{display:"inline-block",marginBottom:"9px",color:d.theme.colors.gray600}},f("pregnancyWeightGain.weekInput")),le.default.createElement(L.Dropdown,{options:E,placeholder:String(y.label),id:"weight-gain-dropdown",size:"md",value:y,onChange:e=>x({label:e.label,value:e.value})}))),le.default.createElement(hl,{siteType:g,info:c,errorMessage:i,onChange:s})),"marryBaby"!==g&&le.default.createElement(Ba,{className:"hide-asking-desk","data-is-side":u},le.default.createElement(t.Text,{size:"s4",weight:"semiBold",style:{display:"block",color:d.theme.colors.gray600},className:"label"},f("pregnancyWeightGain.havingTwins")),le.default.createElement($a,{options:[{value:"twins",label:f("switchBtn.yes")},{value:"notwins",label:f("switchBtn.no")}],value:v,onChange:e=>b(e),className:"gender-selector",id:"twins-check-mobile",direction:"horizontal",size:"small"})),"marryBaby"===g&&le.default.createElement(Te,{name:"twins",label:f("pregnancyWeightGain.havingTwins"),checked:"twins"===v,siteType:"marryBaby",onChange:()=>{b("twins"===v?"notwins":"twins")},value:"twins"}),le.default.createElement(Sa,{"data-is-side":u,"data-site":g},le.default.createElement(n.Button,{dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${p.domainLocales["marryBaby"===g?"vi-VN_MB":a]}/${C}`,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===g?"secondary":"primary",onClick:()=>l(v,y.value),role:"button"},f("dueDatePage.lastPeriod.calculate"))))))},exports.Pagination=({className:t,pagesAmount:n,currentPage:i,onChange:o,onClick:r,style:s,href:d,queryPageName:c="page"})=>{const m=[...Array(n)].map(((e,t)=>t+1)),[u,p]=e.useState(i),g=e.useMemo((()=>d&&d.endsWith("&page=")?d.replace("&page=",""):d),[d]),h=n-1,f=e=>{e<=n&&e>0&&(p(e),o(e))},v=e=>{r&&r(e)};return e.useEffect((()=>{p(i)}),[i]),le.default.createElement(a.StyledPagination,{className:t,style:s},le.default.createElement(a.StyledPageBlock,{className:"prev-page",onClick:()=>f(u-1),"data-last-page":1===u||void 0},g?le.default.createElement("a",{href:l.formatUrlWithPageParam(g,u,c),onClick:v},le.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},le.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):le.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},le.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),m.length>8?le.default.createElement(Be,{pagesAmount:n,activePage:u,handlePageChange:f,handleClick:v,href:g,queryPageName:c}):m.map((e=>le.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===u||void 0,onClick:()=>f(e)},g?le.default.createElement("a",{href:l.formatUrlWithPageParam(g,e,c),onClick:v},e):e))),le.default.createElement(a.StyledPageBlock,{className:"next-page",onClick:()=>f(u+1),"data-last-page":u===h+1||void 0},g?le.default.createElement("a",{href:l.formatUrlWithPageParam(g,u,c),onClick:v},le.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},le.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):le.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},le.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:i,className:o,onChange:r})=>{const[s,d]=e.useState(0),m=e=>{var{trackClassName:t}=e,a=c.__rest(e,["trackClassName"]);return le.default.createElement(Ye,Object.assign({},a,{className:t}),le.default.createElement(Ke,null))},u=le.default.createElement(Qe,{className:o+" progress-bar"},le.default.createElement(m,null),le.default.createElement((({trackLength:e,activeStep:t,labelPrefix:l="Step",onChange:n})=>le.default.createElement(le.default.Fragment,null,Array.from({length:a},((e,t)=>t)).map(((i,o)=>le.default.createElement(Ze,{"data-is-active":o===t,"data-label":o,style:{left:o*e/(a-1)},onClick:()=>{n&&n(o)},key:o},o+1,le.default.createElement(Xe,{"data-step-passed":o<=t},l+" "+(o+1))))))),{trackLength:s,activeStep:l,labelPrefix:n,onChange:r})),p=le.default.createElement("svg",{"data-name":"Layer 1",viewBox:"0 0 5.5 9.5"},le.default.createElement("title",null,"chevron-right"),le.default.createElement("path",{d:"M.75 8.75l4-4-4-4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),g=le.default.createElement(Je,null,i&&Array.from({length:i.length},((e,t)=>t)).map(((e,t)=>{var a;return le.default.createElement(et,{key:t,"data-selected":t===l,onClick:()=>{r&&r(t)}},null===(a=i[t])||void 0===a?void 0:a.text," ",t<i.length-1&&p)}))),h=le.default.createElement(Qe,{className:o+" progress-bar"},le.default.createElement((({detailSteps:e,activeStep:t,onChange:a})=>le.default.createElement(le.default.Fragment,null,Array.from({length:e.length},((e,t)=>t)).map(((l,n)=>le.default.createElement(tt,{key:n,style:{left:100/e.length*n+"%",width:100/e.length+"%"},onClick:()=>{a&&a(n)}},e[n].icon?le.default.createElement(lt,{onClick:()=>{a&&a(n)}},e[n].icon):le.default.createElement(at,{"data-is-active":n===t,"data-label":l,onClick:()=>{a&&a(n)},key:n},n+1),le.default.createElement(nt,{"data-step-passed":n<t+1},e[n].text,le.default.createElement(it,null,e[n].description)),n<e.length-1&&le.default.createElement(m,{"data-step-passed":n<t,trackClassName:"progress-track","data-track-type":"detail"})))))),{activeStep:l,detailSteps:i,onChange:r})),f=e.useCallback(oe.default((()=>{const e=document.querySelector(".progress-bar");e&&d(e.offsetWidth)}),1e3),[]);return e.useEffect((()=>{const e=document.querySelector(".progress-bar");return d(null==e?void 0:e.offsetWidth),window.addEventListener("resize",f,{passive:!0}),()=>{window.removeEventListener("resize",f)}}),[]),"step-track"===t&&u||"breadcrumb"===t&&g||"detail-track"===t&&h},exports.Radio=({size:e="small",label:t,name:a,checked:l,value:i,className:o,isDisabled:r=!1,onChange:s,dataEventCategory:d,dataEventAction:c,dataEventLabel:m})=>{const u=!!c&&!!d&&!!m?{"data-event-category":d,"data-event-action":c,"data-event-label":m}:{};return le.default.createElement(n.Radio,Object.assign({size:"small"===e?"md":"lg",label:t,name:a,checked:l,value:i,className:o,disabled:r,onChange:e=>null==s?void 0:s(e.target.value)},u))},exports.RadioGroup=ot,exports.RateStars=({gap:t=2,size:l=24,star:n,totalStars:i=5,onSelect:o,hideEmptyStars:r,style:s,className:d})=>{const c=Math.floor(n),m=n-c>=.5?1:0,[u,p]=e.useState(null),g=u||c,h=u?0:m;return le.default.createElement(a.StyledRateStars,{"data-selectable":!!o,style:Object.assign({"--gap":t,"--star-size":l},s),className:d},Array.from({length:r?c+m:i}).map(((e,t)=>{const a=()=>!!o&&p(t+1),l=()=>!!o&&p(null);return t+1<=g?le.default.createElement(Ne,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l}):t+1===g+h?le.default.createElement(Ae,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l}):le.default.createElement(Se,{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:i="infinity",type:o="separated",distanceOverlappedLeft:r={amount:0,unit:"pixel"},children:s,className:d,isProgressShown:c=!1,statusChildren:m,isArrowShown:u=!1,classNameLeftArrow:p,classNameRightArrow:g,dataEventCategory:h,dataEventAction:f,dataEventLabel:v,onChangePage:b,page:y,customPageWidth:x,scheme:E="hellosites",arrowType:w="Discover"})=>{const C="number"==typeof y,[k,B]=e.useState(C?y:0),T=[];le.default.Children.map(s,((e,l)=>{l%(t*a)==0&&T.push([]),T[T.length-1].push(le.default.cloneElement(e))}));const S=e.useRef(),N=e.useRef(0),A=e=>{if(!S.current)return;const{clientWidth:t}=S.current,a=x||t,l="intertwined"===o?"percentage"===r.unit?e*a+r.amount/100*a*e:e*a+r.amount*a*e:e*a;S.current.scrollTo({top:0,left:l,behavior:"smooth"}),N.current=e,B(e),b&&b(e)};e.useEffect((()=>{"number"==typeof y&&(e=>{if(!S.current)return;const{clientWidth:t}=S.current,a=x||t,l="intertwined"===o?"percentage"===r.unit?e*a+r.amount/100*a*e:e*a+r.amount*a*e:e*a;S.current.scrollTo({top:0,left:l,behavior:"smooth"}),N.current=e,B(e)})(y)}),[y]);const M=e=>{if(!S.current)return;const{clientWidth:t}=S.current,a=x||t;let l;l=0===k?0:k*a,"forward"===e&&(l===a*(T.length-1)?(B(T.length-1),l=a*(T.length-1),b&&b(T.length-1)):(B(k+1),l+=a,b&&b(k+1)),S.current.scrollTo({top:0,left:l,behavior:"smooth"})),"back"===e&&(0===l?(B(0),b&&b(0),l=0):(B(k-1),b&&b(k-1),l-=a),S.current.scrollTo({top:0,left:l,behavior:"smooth"}))},P=oe.default((()=>{if("infinity"===i){if(!S.current)return;const{clientWidth:e,scrollLeft:t}=S.current,a=x||e,l=Math.floor(t/a);B(l),b&&b(l)}}),400);return e.useEffect((()=>{if("snapped"===i){let e,t,a,l,n,i,s=!1;const d=S.current,c=(i,o)=>{s=!0,a=!1,l=!1,e=i-d.offsetLeft,t=o-d.offsetTop,n=d.scrollLeft},m=e=>{c(e.pageX,e.pageY)},u=e=>{c(e.touches[0].pageX,e.touches[0].pageY)},p=()=>{if(s=!1,a=!1,l=!1,!S.current)return;const{clientWidth:e}=S.current,t=x||e,n="ltr"===i?0!==N.current?N.current-1:N.current:"rtl"===i&&N.current<T.length-1?N.current+1:N.current,d="intertwined"===o?"percentage"===r.unit?n*t+r.amount/100*t*n:n*t+r.amount*t*n:n*t;S.current.scrollTo({top:0,left:d,behavior:"smooth"}),i="none",N.current!==n&&(N.current=n,B(n),b&&b(n))},g=(o,r)=>{if(!s)return;const c=o-d.offsetLeft,m=r-d.offsetTop,u=c-e,p=m-t;a||l||!(p>20||p<-20)||(a=!0),!a&&(u>20||u<-20)&&(l=!0,d.scrollLeft=n-u,u>0&&(i="ltr"),u<0&&(i="rtl"),0===u&&(i="none"))},h=e=>{l&&e.preventDefault(),g(e.pageX,e.pageY)},f=e=>{l&&e.preventDefault(),g(e.touches[0].pageX,e.touches[0].pageY)};return null==d||d.addEventListener("mousedown",m,{passive:!0}),null==d||d.addEventListener("touchstart",u,{passive:!0}),window.addEventListener("mouseup",p,{passive:!0}),window.addEventListener("touchend",p,{passive:!0}),null==d||d.addEventListener("mousemove",h,{passive:!0}),null==d||d.addEventListener("touchmove",f,{passive:!0}),()=>{null==d||d.removeEventListener("mousedown",m),null==d||d.removeEventListener("touchstart",u),window.removeEventListener("mouseup",p),window.removeEventListener("touchend",p),null==d||d.removeEventListener("mousemove",h),null==d||d.removeEventListener("touchmove",f)}}}),[]),le.default.createElement(ht,{className:d,"data-row":t,onScroll:P},u&&k>0&&le.default.createElement("div",{className:`${p} arrow-left`,onClick:()=>M("back"),"data-event-category":h,"data-event-action":f,"data-event-label":v},"Care"===w?le.default.createElement("svg",{width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},le.default.createElement("g",{filter:"url(#filter0_dd_12599_34420)"},le.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"}),le.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"}),le.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"})),le.default.createElement("defs",null,le.default.createElement("filter",{id:"filter0_dd_12599_34420",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},le.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),le.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"}),le.default.createElement("feOffset",{dx:"-2",dy:"2"}),le.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),le.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"}),le.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12599_34420"}),le.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"}),le.default.createElement("feOffset",{dx:"-1",dy:"1"}),le.default.createElement("feGaussianBlur",{stdDeviation:"1"}),le.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"}),le.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12599_34420",result:"effect2_dropShadow_12599_34420"}),le.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12599_34420",result:"shape"})))):le.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"},le.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"===E?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),le.default.createElement("path",{d:"M15.9997 11.1109L11.1108 15.9998L15.9997 20.8887",stroke:"hellosites"===E?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),le.default.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===E?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),le.default.createElement("div",{ref:S,className:"container",style:{overflowX:"snapped"===i||u?"hidden":"scroll"}},T.map(((e,l)=>{let n=0;for(let e=0;e<l;e++)n+=T[e].length;return le.default.createElement("div",{key:l,className:"section",style:{marginLeft:"intertwined"===o&&0!==l?r.amount+""+("percentage"===r.unit?"%":"px"):"0px"}},1===t&&c&&le.default.createElement("div",{className:"progress-bar",style:{gridTemplateColumns:`repeat(${a}, 1fr)`}},e.map(((t,a)=>{const i=n+a,o=m.find((e=>e.index===i));return le.default.createElement("div",{className:"items-progress",key:a},0===a&&0===l?le.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):le.default.createElement("div",{className:"line"}),le.default.createElement("div",{className:"icon-status"},le.default.createElement(ft,{status:null==o?void 0:o.status})),l===T.length-1&&a===e.length-1?le.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):le.default.createElement("div",{className:"line"}))}))),le.default.createElement("div",{className:"grid-layout","data-index":l,style:{gridTemplateColumns:`repeat(${a}, 1fr)`,gridTemplateRows:`repeat(${t}, 1fr)`}},e.map(((e,t)=>le.default.createElement(le.default.Fragment,{key:t},le.default.createElement("div",{className:"item-grid",key:t},e))))))}))),u&&k<T.length-1&&le.default.createElement("div",{className:`${g} arrow-right`,onClick:()=>M("forward"),"data-event-category":h,"data-event-action":f,"data-event-label":v}," ","Care"===w?le.default.createElement("svg",{width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},le.default.createElement("g",{filter:"url(#filter0_dd_12597_34423)"},le.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"}),le.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"}),le.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"})),le.default.createElement("defs",null,le.default.createElement("filter",{id:"filter0_dd_12597_34423",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},le.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),le.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"}),le.default.createElement("feOffset",{dx:"-2",dy:"2"}),le.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),le.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"}),le.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12597_34423"}),le.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"}),le.default.createElement("feOffset",{dx:"-1",dy:"1"}),le.default.createElement("feGaussianBlur",{stdDeviation:"1"}),le.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"}),le.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12597_34423",result:"effect2_dropShadow_12597_34423"}),le.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12597_34423",result:"shape"})))):le.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"},le.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"===E?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),le.default.createElement("path",{d:"M15.9998 20.8891L20.8887 16.0002L15.9998 11.1113",stroke:"hellosites"===E?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),le.default.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===E?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),l&&le.default.createElement("ul",{className:"bullet-nav"},T.map(((e,t)=>le.default.createElement("li",{key:t,className:"bullet-nav__item "},le.default.createElement("p",{onClick:()=>A(t),className:`bullet-nav__link scroll ${k==t?"active":null}`,"data-scheme":E}))))),n&&le.default.createElement("div",{className:"image-gallery-wrapper","data-test":T.length},T.slice(0,3).map(((e,t)=>le.default.createElement("div",{className:`image-block ${k==t?"active":null}`,key:t,onClick:()=>A(t),"data-scheme":E},e)))))},exports.SeoHead=({SEOData:t={},locale:a="vi-VN",routerPathname:l,routerQuery:n,nextHead:i,siteType:o,seoCustom:r,userId:s,forcedCanonicalUrl:d})=>{var c,m,u,g,h,f,v,b,y,x,E,w;const{totalPages:k,currentPage:B,SEOTitle:T="",SEODescription:S="",SEOImage:N,seoType:A,SEOImageWidth:M,SEOImageHeight:P,customMetaData:D=[],isIndexable:z=!0,hasNoCanonical:L=!1}=t,I=z&&C.isProduction?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",{NEXT_PUBLIC_BASE_API_URL:$}=process.env;let _=t.canonicalUrl||l;Object.keys(n).forEach((e=>{const t=n[e];t&&Array.isArray(t)&&(_=_.replace(`[...${e}]`,t.join("/")))}));const O=a||"en-PH",j="helloSites"===o?p.domainLocales[O]:"www.marrybaby.vn",F=_.endsWith("/")?"":"/",H=e.useMemo((()=>{var e,l,n,i,o,r,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>/),m=` - Page ${B} of ${k}`,u=B&&1!==B&&c?t.apiMetaData.replace(c[0],c[0].includes("-")?c[0].replace("-",m+" - "):`<title>${c[1].concat(m)}</title>`).replace(`<link rel="canonical" href="https://${j}${_}${F}" />`,`<link rel="canonical" href="https://${j}${_}${F}?page=${B}" />`):t.apiMetaData;if(d=re.default(u,{trim:!0}),!d.find((e=>{var t,a;return"og:image"===(null===(t=e.props)||void 0===t?void 0:t.property)||"og:image:secure_url"===(null===(a=e.props)||void 0===a?void 0:a.property)}))){const e=`https://${j}/images/${a}.png`;d=[...d,le.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(l=t.openGraph)||void 0===l?void 0:l.image)||N||e||""}),le.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}),le.default.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(i=t.openGraph)||void 0===i?void 0:i.imageWidth)&&String(null===(o=t.openGraph)||void 0===o?void 0:o.imageWidth)||M&&String(M)||"1200"}),le.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(r=t.openGraph)||void 0===r?void 0:r.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,M,B,_,k,a,j]),R=`https://${j}/images/${a}.png`;return le.default.createElement(i,null,le.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===o?le.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter:wght@400..800&display=swap",rel:"stylesheet"}):"km-KH"===a?le.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"th-TH"===a?le.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wdth,wght@62.5..100,100..900&display=swap",rel:"stylesheet"}):le.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter:wght@400..800&display=swap",rel:"stylesheet"}),le.default.createElement("link",{rel:"preconnect",href:$}),le.default.createElement("meta",{charSet:"UTF-8"}),le.default.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),le.default.createElement("meta",{name:"google",content:"notranslate"}),le.default.createElement("meta",{name:"robots",content:I}),le.default.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),D.map(((e,t)=>le.default.createElement("meta",Object.assign({key:t},e)))),le.default.createElement("meta",{name:"theme-color",content:"helloSites"===o?"#2c87f3":"#e85388"}),le.default.createElement("meta",{name:"page_type",content:"Home"}),le.default.createElement("meta",{name:"page_platform",content:"WEB"}),le.default.createElement("meta",{name:"page_language",content:O}),le.default.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),!H&&le.default.createElement(le.default.Fragment,null,"helloSites"===o?le.default.createElement("title",null,r?T:T+" - "+(null===(c=p.LOCALE_SPECS[a])||void 0===c?void 0:c.SITE_NAME)):le.default.createElement("title",null,T),!L&&le.default.createElement("link",{rel:"canonical",href:`https://${j}${_}`}),le.default.createElement("meta",{name:"description",content:S||(null===(m=t.openGraph)||void 0===m?void 0:m.description)}),t.schemaData&&le.default.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:t.schemaData}}),le.default.createElement("meta",{property:"og:locale",content:a}),le.default.createElement("meta",{property:"og:type",content:A||"website"}),le.default.createElement("meta",{property:"og:title",content:(null===(u=t.openGraph)||void 0===u?void 0:u.title)||T}),le.default.createElement("meta",{property:"og:description",content:(null===(g=t.openGraph)||void 0===g?void 0:g.description)||S}),le.default.createElement("meta",{property:"og:url",content:`https://${j}${_}`}),le.default.createElement("meta",{property:"og:site_name",content:`https://${j}`}),le.default.createElement("meta",{property:"og:image",content:(null===(h=t.openGraph)||void 0===h?void 0:h.image)||N||R||""}),le.default.createElement("meta",{property:"og:image:secure_url",content:(null===(f=t.openGraph)||void 0===f?void 0:f.image)||N||R}),le.default.createElement("meta",{property:"og:image:width",content:(null===(v=t.openGraph)||void 0===v?void 0:v.imageWidth)&&String(null===(b=t.openGraph)||void 0===b?void 0:b.imageWidth)||M&&String(M)||"1200"}),le.default.createElement("meta",{property:"og:image:height",content:(null===(y=t.openGraph)||void 0===y?void 0:y.imageHeight)&&String(null===(x=t.openGraph)||void 0===x?void 0:x.imageHeight)||P&&String(P)||"630"}),le.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),le.default.createElement("meta",{name:"twitter:title",content:(null===(E=t.twitter)||void 0===E?void 0:E.title)||T}),le.default.createElement("meta",{name:"twitter:description",content:S}),le.default.createElement("meta",{name:"twitter:image",content:(null===(w=t.twitter)||void 0===w?void 0:w.image)||N})),("helloSites"===o?p.FAVICONS[O]||[]:p.FAVICONS.marryBaby).map(((e,t)=>"link"===e.type?le.default.createElement("link",{key:`favicon-${t}`,rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?le.default.createElement("meta",{key:t,name:e.name,content:e.content}):null)),Array.isArray(H)&&d?H.filter((e=>"canonical"!==e.props.name&&"canonical"!==e.props.rel)):H,d&&le.default.createElement("link",{rel:"canonical",href:d}),!t.hasNoAmp&&"vi-VN"!==a&&le.default.createElement("link",{rel:"amphtml",href:`https://${j}${_}${F}?amp=1`}),s&&"undefined"!=typeof window?le.default.createElement("script",{dangerouslySetInnerHTML:{__html:`window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '${s}'});`}}):null)},exports.ShareContainer=({url:a,onCopied:l,locale:n,siteType:i})=>{const{t:o}=k.useTranslations(),r=V.getSocialList(a||"").filter((e=>!e.allowedLocales||e.allowedLocales.includes(n))),s=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return le.default.createElement(_l,null,le.default.createElement(t.Text,{size:"p3",color:d.theme.colors.gray800},o("shareContainer.title")),le.default.createElement("div",{className:"icon-group"},r.map(((e,t)=>le.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":s},e.icon))),le.default.createElement(x.Button,{theme:i,size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:le.default.createElement(Ol,null),onClick:()=>c.__awaiter(void 0,void 0,void 0,(function*(){var e;yield null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(a),null==l||l()})),"data-event-category":"Health Tool","data-event-action":"Copy Link","data-event-label":s})))},exports.ShareDrawer=a=>{var{open:l,title:n,onClose:i,onCopied:o,onShared:r,url:s,locale:m}=a,u=c.__rest(a,["open","title","onClose","onCopied","onShared","url","locale"]);const{t:p}=k.useTranslations(),g=e.useCallback((()=>c.__awaiter(void 0,void 0,void 0,(function*(){var e;yield null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(s),null==o||o()}))),[s,o]),h=V.getSocialList(s||"").filter((e=>!e.allowedLocales||e.allowedLocales.includes(m)));return e.useEffect((()=>{l&&navigator.share&&navigator.share({title:null!=n?n:"Read This Post",url:s}).then((()=>{null==r||r()})).catch((()=>{null==i||i()}))}),[s,n,r,l]),"undefined"!=typeof navigator&&navigator.share?null:le.default.createElement(jl,Object.assign({title:p("share.title"),onClose:i,open:l,placement:"bottom"},u),le.default.createElement("div",{className:"share-container"},le.default.createElement("div",{className:"icon-container"},le.default.createElement(t.Text,{weight:"semiBold",size:"s3",color:d.theme.colors.gray600},p("share.title")),le.default.createElement("div",{className:"icon-group"},h.map(((e,t)=>le.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer"},e.icon))))),le.default.createElement("div",{className:"link-container"},le.default.createElement(t.Text,{weight:"semiBold",size:"s3",color:d.theme.colors.gray600},p("share.copyLink")),le.default.createElement("div",{className:"input-group"},le.default.createElement(E.Input,{name:"link",size:"md",value:s,isDisabled:!0}),le.default.createElement(x.Button,{size:"md",type:"button",color:"tertiary",icon:le.default.createElement(Fl,null),onClick:g})))))},exports.StatisticCard=({type:e,description:t,value:a,withIcon:l,isInACard:n,cardColor:i,className:o})=>le.default.createElement(vt,{className:o,"data-size":e,"data-is-in-card":"big"===e&&n,"data-card-color":i},le.default.createElement(yt,null,"small"===e&&le.default.createElement(bt,{"data-color":i}),t),le.default.createElement(xt,{"data-size":e},"small"!==e&&l,a)),exports.SurveyOrPremiumBanner=({type:t,articleId:a=0,categoryIds:l=[],isMarketing:n,isSurveyType:i,hasPremiumBanner:o,currentUrl:s,isMobile:d,subcribeHealthStatus:c,setShouldAcquisitionModalOpen:u,onValueChange:g,source:h="discover",Wrapper:f})=>{const{t:v}=k.useTranslations(),{data:{userInfo:b}}=e.useContext(A.TogetherComponentGlobalContext),y=Boolean(null==b?void 0:b.id),[x,E]=e.useState(null),[w,C]=e.useState(),[B,T]=e.useState(""),[S,N]=e.useState(!1),[M,P]=e.useState(!1),D=e.useMemo((()=>nn[t]),[]),z=((e,t)=>({[en.Pregnant]:{action:ln.ShowOptionBanner,props:{heading:e("pnBanner.pregnancy.heading"),description:e("pnBanner.pregnancy.desc"),styleType:an.Button,thumbnail:{desktop:r.CommonGAssets.getAssetPath("newsletter/banner-option-pregnancy-desktop.png"),mobile:r.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:ln.ShowTool,props:{value:Xl.DUE_DATE}},no:{action:ln.ShowPremiumModal}}},[en.Parenting]:{action:ln.ShowOptionBanner,props:{heading:e("pnBanner.parenting.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:r.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:r.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,styleType:an.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:ln.ShowTool,props:{value:Xl.BABY_VACCINE}},teenager:{action:ln.ShowOptionBanner,props:{styleType:an.Button,heading:e("pnBanner.teenager.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:r.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:r.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:ln.ShowPremiumModal},"teenager.girl":{action:ln.ShowTool,activeTool:p.RISK_SCREENER_NAME.HPV,props:{value:p.RISK_SCREENER_NAME.HPV}},"todders|teenager":{action:ln.ShowOptionBanner,props:{styleType:an.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:r.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:r.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,buttonProps:{variant:"secondary"},styles:e=>({wrapper:{[e.fn.smallerThan("sm")]:{flexDirection:"column"}},button:{background:e.colors.blue[0]}}),items:[{label:e("pnBanner.vaccine.btnLabel"),activeTool:Xl.BABY_VACCINE,isLink:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Baby Vaccine Click",dataEventLabel:t}},{label:e("pnBanner.pn.btnLabel"),value:"todders|teenager.showPN",isPNBtn:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Premium Newsletter Click",dataEventLabel:t}}]}},"todders|teenager.showPN":{action:ln.ShowOptionBanner,props:{styleType:an.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:r.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:r.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,buttonProps:{variant:"secondary"},styles:e=>({wrapper:{[e.fn.smallerThan("sm")]:{flexDirection:"column"}},button:{background:e.colors.blue[0]}}),items:[{label:e("pnBanner.vaccine.btnLabel"),activeTool:Xl.BABY_VACCINE,isLink:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Baby Vaccine Click",dataEventLabel:t}}]}}}}}))(v,s)[D],L=null==z?void 0:z.submitHandler,I=f||m.Box,$=()=>o&&1!==(null==b?void 0:b.subscription)?le.default.createElement(dn,null):null;return e.useEffect((()=>{y&&E({userInfo:b,preferredTopics:Yl,healthTopics:[]})}),[y]),le.default.createElement(sn.Provider,{value:{settings:z,submitHandler:L,type:t,surveyType:D,value:B,setValue:T,isMobile:d,isLoggedIn:y,isMarketing:n,hasPremiumBanner:o,currentUrl:s,acquisitionInfo:x,categoryIds:l,subcribeHealthStatus:c,articleId:a,onValueChange:g,state:w,setState:C,handleClickOption:e=>{const t=(e=>{let t="";const a=e.split("|");return 1===a.length?e:(Object.keys(L).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=L[t];a.action===ln.ShowPremiumModal?o?(N(!0),C(Object.assign(Object.assign({},w),{actionParams:{hideBannerWhenClose:a.action===ln.ShowPremiumModal}}))):(C({action:ln.Hide}),null==g||g(e)):(C(a),null==g||g(e))}},showPNModal:S,setShowPNModal:N,source:h,Outside:I,isBack:M,setIsBack:P,minHeight:180,setShouldAcquisitionModalOpen:u}},void 0!==c?y?i&&z?(()=>{const e=L[(null==c?void 0:c.value)||""];return(null==e?void 0:e.action)===ln.ShowPremiumModal?$():le.default.createElement(In,null)})():$():o?le.default.createElement(dn,null):null:null)},exports.SurveyQuestionCard=({className:a,headerText:l,style:n,question:i,termAndPolicyText:o,prevText:r,nextText:s,isContactForm:d,isDisableNext:c,isDisablePrev:m,onPrevClick:u,onNextClick:p,isSubmitButton:g,isButtonCenter:h,progress:f,descriptionText:v})=>{var b,y,E;const[w,C]=e.useState([]),{is_multi_select:k,multi_select_option:B,from:T,to:S}=i,N=null==i?void 0:i.type,A="checkbox"===N&&(null===(b=i.options)||void 0===b?void 0:b.length)&&(!w||0===w.length||k&&B===It.RANGE&&(w.length<T||w.length>S)||k&&B===It.EXACT_NUMBER&&w.length!==T)||"radio"===N&&(null===(y=i.options)||void 0===y?void 0:y.length)&&(!w||0===w.length)||"textbox"===N&&(null===(E=i.textOptions)||void 0===E?void 0:E.length)&&(w.length<i.textOptions.length||w.some((e=>!e.value))),M="number"==typeof f?f>1?1:f<0?0:Number(f.toFixed(2)):-1,P=e.useRef(null),D=()=>"textbox"!==N||P.current.reportValidity();return le.default.createElement(At,{className:a,style:n},le.default.createElement("div",{className:"survey-inner-wrapper"},l&&le.default.createElement("div",{className:"survey-header"},le.default.createElement(t.Text,{className:"survey-header-text",size:"c2"},l)),le.default.createElement("form",{ref:P,onSubmit:e=>e.preventDefault()},le.default.createElement(Lt,{question:i,description:v,onOptionsChange:e=>{C(e)},onTextOptionsChange:e=>{C(e)}})),d&&s&&le.default.createElement(x.Button,{className:"survey-contact-submit",size:"lg",isDisabled:c||A,onClick:()=>D()&&p&&p(w)},s),o&&le.default.createElement("div",{className:"term-policy-container"},o),"number"==typeof f&&le.default.createElement("div",{className:"survey-progress-wrapper"},le.default.createElement("div",{className:"survey-progress",style:{transform:`scaleX(${M})`}})),(r||s)&&le.default.createElement("div",{"data-center":h,className:"survey-button-wrapper"},r&&le.default.createElement(x.Button,{className:"survey-prev-button",size:"lg",color:m?"primary":"secondary",isDisabled:m,icon:le.default.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},le.default.createElement("path",{d:"M2.44677 4.99999L5.31252 2.13424C5.62302 1.82374 5.62302 1.31974 5.31252 1.00924C5.00202 0.698742 4.49802 0.698742 4.18752 1.00924L0.727018 4.46974C0.433768 4.76299 0.433768 5.23774 0.727018 5.53024L4.18752 8.99074C4.49802 9.30124 5.00202 9.30124 5.31252 8.99074C5.62302 8.68024 5.62302 8.17624 5.31252 7.86574L2.44677 4.99999Z",fill:m?"#fff":"#2D87F3"})),onClick:u},r),!d&&s&&le.default.createElement(x.Button,{onClick:()=>D()&&p&&p(w),className:"survey-next-button",size:"lg",isDisabled:c||A},s," ",g?void 0:le.default.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},le.default.createElement("path",{d:"M3.80322 5.19994L0.937465 2.33419C0.626965 2.02369 0.626965 1.51969 0.937465 1.20919C1.24796 0.898693 1.75196 0.898693 2.06246 1.20919L5.52297 4.66969C5.81622 4.96294 5.81622 5.43769 5.52297 5.73019L2.06246 9.19069C1.75196 9.50119 1.24796 9.50119 0.937465 9.19069C0.626965 8.88019 0.626965 8.37619 0.937465 8.06569L3.80322 5.19994Z",fill:"#ffffff"}))))))},exports.SurveyThankyouCard=({thankyou:e,thankyouSubtitle:a,className:l,style:n})=>le.default.createElement(At,{className:l,style:n},le.default.createElement("div",{className:"survey-inner-wrapper"},le.default.createElement(Pt,null,le.default.createElement("div",{className:"survey-thankyou-wrapper-inner"},le.default.createElement("svg",{viewBox:"0 0 122 122",fill:"none",className:"survey-thankyou-icon"},le.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}),le.default.createElement("ellipse",{cx:"61.5",cy:"110.36",rx:"48",ry:"3.36",fill:"#91CAFF"}),le.default.createElement("path",{d:"M82.905 72.666H101.5L87.597 40H35.403L21.5 72.666h18.595V91H83.08l-.174-18.334Z",fill:"#2C74DF"}),le.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"}),le.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"}),le.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"}),le.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"}),le.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"}),le.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"}),le.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"}),le.default.createElement("path",{stroke:"#FE921D",d:"M17 28a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"}),le.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&&le.default.createElement(s.Heading,{className:"survey-thankyou-title",tag:"h3"},e),a&&le.default.createElement(t.Text,{className:"survey-thankyou-subtitle",size:"p3"},a))))),exports.THRCardEmbed=({isSide:a,locale:l,thrContent:n,isMobile:i,info:o,inputErrorMessage:s,onFormChange:c,onSubmit:u})=>{var g,h,f;const{t:v}=k.useTranslations(),{getHealthToolLink:b}=_.useHealthToolsCache(l),y=e.useMemo((()=>b(A.HEALTH_TOOL_TYPE.THR)),[b]),[x,E]=e.useState(!1),[w,C]=e.useState("low_intensity"),[B,T]=e.useState("male"),[S,N]=e.useState(60),[M,P]=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}],L=[{value:"low_intensity",label:v("targetHeartRate.lowIntensity.title"),image:r.CommonGAssets.getAssetPath("/low.svg"),imageActive:r.CommonGAssets.getAssetPath("/low-active.svg"),content:v("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:v("targetHeartRate.moderateIntensity.title"),image:r.CommonGAssets.getAssetPath("/moderate.svg"),imageActive:r.CommonGAssets.getAssetPath("/moderate-active.svg"),content:v("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:v("targetHeartRate.aerobicZone.title"),image:r.CommonGAssets.getAssetPath("/aerobic.svg"),imageActive:r.CommonGAssets.getAssetPath("/aerobic-active.svg"),content:v("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:v("targetHeartRate.vigorousIntensity.title"),image:r.CommonGAssets.getAssetPath("/vigorous.svg"),imageActive:r.CommonGAssets.getAssetPath("/vigorous-active.svg"),content:v("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:v("targetHeartRate.maximumIntensity.title"),image:r.CommonGAssets.getAssetPath("/maximum.svg"),imageActive:r.CommonGAssets.getAssetPath("/maximum-active.svg"),content:v("targetHeartRate.maximumIntensity.note")}];return e.useEffect((()=>{const e=((new Date).getTime()-new Date(null==o?void 0:o.age).getTime())/1e3;E(e>=567648e3);const t=z.find((t=>e>=365*t.minAge*24*60*60&&e<365*t.maxAge*24*60*60))||z[0];P(t),N(60)}),[null==o?void 0:o.age]),le.default.createElement(Ia,{"data-is-side":a},le.default.createElement(ua,{isSide:a,icon:le.default.createElement("img",{alt:"health-tool-icon",src:(null==n?void 0:n.featured_image)||r.CommonGAssets.getAssetPath("health-tools/target-heart-rate-icon.svg"),loading:"lazy"}),heading:v("targetHearRate.heading"),medicalReview:(null===(g=null==n?void 0:n.reviewedBy)||void 0===g?void 0:g.display_name)?{link:F.formatUserProfileUrl(null==n?void 0:n.reviewedBy),reviewer:null===(h=null==n?void 0:n.reviewedBy)||void 0===h?void 0:h.display_name,date:null==n?void 0:n.reviewedDate}:void 0,isMobile:i}),le.default.createElement(I.Container,null,le.default.createElement(La,{className:"heart-rate-cal",onSubmit:e=>e.preventDefault(),"data-is-side":a},le.default.createElement(il,{"data-is-side":a},le.default.createElement(nl,null,le.default.createElement(Me,{defaultValue:"male",onChange:e=>{T(e),N(60)},styles:e=>({root:!a&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:m.rem(12)}}})}))),le.default.createElement(il,null,le.default.createElement(ol,{info:o,locale:l,errorMessage:s,onChange:c})),le.default.createElement("div",{className:"slider-heart-rate"},le.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:d.theme.colors.gray600},v("targetHeartRate.heartRateInput")),le.default.createElement("div",{className:"slider-outer-wrapper"},le.default.createElement(D.Slider,{containerStyle:{flex:1},min:"male"===B?M.rangeMale:M.rangeFemale,max:200,step:1,value:S,withControl:!0,onChange:N}))),x&&le.default.createElement(nl,null,le.default.createElement(Ma,null,le.default.createElement(t.Text,{size:"s4",style:{display:"inline-block",fontWeight:"bold",color:d.theme.colors.gray600,marginBottom:"9px"}},v("targetHeartRate.selectActive")),le.default.createElement("div",{className:"card"},le.default.createElement(tl,{options:L.map((e=>({value:e.value,label:e.label,image:e.image,imageActive:e.imageActive}))),value:w,onChange:e=>{C(e)},className:"gender-selector"})),w&&le.default.createElement("div",{className:"note"},le.default.createElement("img",{style:{height:"16px",width:"16px"},src:r.CommonGAssets.getAssetPath("/infoIcon.svg"),alt:"",loading:"lazy"}),le.default.createElement(t.Text,{size:"s4",color:"#595959"},null===(f=L[L.findIndex((e=>e.value==w))||0])||void 0===f?void 0:f.content)),!w&&le.default.createElement("span",{style:{color:"#e64728"}},s.intensity)))),le.default.createElement("div",{style:{display:"flex"}},le.default.createElement(al,{size:"lg",onClick:()=>{u(B,w,[S])},dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:`https://${p.domainLocales[l]}/${y}`},v("bmi.submit")))))},exports.Tabs=({style:a,initialTab:l,tabContent:n,onChange:i,className:o,dataEventCategory:r,dataEventAction:s,dataEventLabel:d,id:c,styles:m})=>{const{classes:u,cx:p,theme:g}=Nt(void 0,{name:"Tabs",styles:m}),[h,f]=e.useState(l||0);return e.useEffect((()=>{f(l)}),[l]),le.default.createElement("ul",{style:a,className:p(u.root,o),role:"tablist",id:c},n.map(((e,a)=>le.default.createElement("li",{className:`${u.item} ${h===a?"active":""} ${e.className}`,"aria-selected":h===a,role:"tab",onClick:()=>{f(a),i&&i(a)},onKeyDown:e=>{"Enter"===e.key&&(f(a),i&&i(a))},key:a,"data-event-category":e.dataEventCategory||r,"data-event-action":e.dataEventAction||s,"data-event-label":e.dataEventLabel||d,tabIndex:0,"data-testid":e.dataTestid},le.default.createElement("div",{className:u.itemInner},e.icon&&le.default.createElement("div",{className:u.icon},e.icon),le.default.createElement(t.Text,{className:u.label,size:e.textSize||"sm",weight:e.textType||"bold",color:h===a?g.fn.primaryColor():e.textColor||g.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:o=!1,className:r,isLight:s,hasMorePadding:d,isLink:c,isSelected:m,textProps:u={size:"sm"}})=>{const p=u.color?{"--text-props-color":u.color}:{};return le.default.createElement(a.StyledTag,{"data-is-squared":o||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),p),className:r,"data-is-selected":m||void 0,"data-is-link":c||void 0,tagType:e,isInline:n,tagHasMorePadding:d,tagIsLight:s,tagIsSquared:o,tagIsALink:c},le.default.createElement(i.Text,Object.assign({},u),t))},exports.Toggle=({className:e,id:t,onChange:l,checked:n,style:i,label:o})=>le.default.createElement(a.StyledToggle,{className:e,style:i},le.default.createElement("input",{type:"checkbox",id:t,onChange:l,checked:n}),le.default.createElement("label",{htmlFor:t},le.default.createElement(a.StyledToggleIcon,null),o&&le.default.createElement(a.StyledToggleLabel,null,o))),exports.ToolsBannerCard=ua,exports.UserProfileNavigation=({SSO_URL:t,UP_BASEPATH:a="user",themeName:l="helloSites",cardUrls:n=$n,enableCare:i,enableTogether:o,enableEcom:s,enableMySaved:d,userInfo:c,togetherApiDomain:m,userPostsNumber:u,onClickNavigationCard:p,onClickMyProfileButton:g,onClickMenuItem:h,onClickLogout:v,isUserProfileNavigatorMenuHidden:b=!1,isMyHealthEnabled:y=!1,locale:E})=>{const{t:w}=k.useTranslations(),[C,B]=e.useState(u||0),T="marryBaby"===l;e.useEffect((()=>{if(c&&void 0===u){const e=ee.getCookie("hhg_user_token");e&&fetch(te.normalizeLinkSlash(f.getTogetherUserPostsApiPath(E,T,m)),{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)&&B((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)))}}),[E,null!==c,u,m,T]);const S=e.useMemo((()=>{let e;return e=T?["myHealth","myCommunity","mySaved"]:["myHealth","mySaved","myBooking","myCommunity","eCom"],e.filter((e=>"myBooking"===e?i:"myCommunity"===e?o:"myHealth"===e?y:"eCom"===e?s:"mySaved"!==e||d))}),[T,y]),N=e.useMemo((()=>"marryBaby"===l?null:le.default.createElement(x.Button,{color:"tertiary",icon:le.default.createElement("img",{src:r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-logOut.svg"),width:15,height:15,loading:"lazy"}),size:"md",onClick:v,className:oi},w("userProfile.nav.menu.logout"))),[l]),A=e=>{e.startsWith("http")||e.startsWith("/")?window.location.href=te.normalizeLink(e):t&&(window.location.href=te.normalizeLink(`${t}${a}/${e}`))},M=e=>{const t=n[e];p?p(t):A(t)};return c?le.default.createElement("div",{className:li,"data-theme":l},le.default.createElement(Rn,{userInfo:c,themeName:l,onClickMyProfileButton:()=>{g?g():A("profile")}}),le.default.createElement(gi,{themeName:l,rank:"member",numberOfPosts:C}),le.default.createElement("div",{className:ni},S.map((e=>le.default.createElement(Qn,{className:ii,key:e,themeName:l,type:e,onClick:M})))),!b&&le.default.createElement(le.default.Fragment,null,le.default.createElement(ti,{themeName:l,locale:E,onClickItem:e=>{"logout"===e.link&&v?v():e.link&&!e.subMenu&&(h?h(e.link):A(e.link))}}),N)):null},exports.UserStats=gi,exports.index=gt,exports.index$1=St;