@hhgtech/hhg-components 1.28.21 → 1.28.23

package/build/index-78b4c580.js

@@ -0,0 +1,3533 @@
+"use strict";var e=require("react"),t=require("./index-472cd02e.js"),a=require("./index.styles-2679f17e.js"),l=require("./screenSizeContext-a1a2dd8f.js"),n=require("./index-49ca569a.js"),i=require("./index-02d5c385.js"),r=require("./useTranslations-9940a064.js");require("lodash/debounce");var o=require("./isProduction-48b088ec.js"),s=require("./index-80ed081f.js");require("./useCategory-de21ce75.js");var d=require("./gAssets.js"),c=require("./theme-bcfc4bf1.js"),u=require("./tslib.es6-42b6a4e4.js"),m=require("@mantine/core"),p=require("innertext");require("@mantine/dates");var g=require("./Onboarding-321532f3.js"),h=require("dayjs"),f=require("styled-components");require("./translationsContext-198efa0b.js"),require("string-format");var b=require("@mantine/hooks"),v=require("./index-66def10e.js"),y=require("lodash/throttle"),x=require("./index-63670e0c.js"),E=require("./index-2e9c0de0.js"),w=require("./index-87067120.js"),C=require("html-react-parser"),k=require("date-fns");require("./utils-7d5baedb.js"),require("./index.styled-f58521f6.js"),require("./index-5eb6c97e.js");var B=require("./constants-8bcbbfa4.js"),T=require("./types-bb264b4a.js"),N=require("./index-5d2cb060.js"),S=require("./index-ff10154c.js"),D=require("./index.styled-8b68590e.js"),M=require("./index-d2a44d40.js"),A=require("react-hook-form"),P=require("./useHealthToolCache-1ec3b85b.js"),$=require("@hookform/resolvers/yup"),z=require("./index-2d3213a5.js"),L=require("./index-4647ac38.js"),I=require("react-day-picker/DayPickerInput"),_=require("./useOutsideClick-b300ce50.js"),O=require("date-fns/locale/en-US"),j=require("date-fns/locale/id"),F=require("date-fns/locale/vi"),H=require("date-fns/locale/zh-TW"),R=require("./getSocialList-e857f598.js"),G=require("uuid"),U=require("./routing-d4f8bab4.js"),W=require("@mantine/form"),V=require("./index-da51ce3f.js"),q=require("js-cookie"),Q=require("lodash/flatten");require("react-contenteditable"),require("react-dom");var Z=require("lodash/uniqBy"),Y=require("./cookieHelper-5a5ad9d8.js"),K=require("./normalizeLink-a0154e50.js");function X(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var J=X(e),ee=X(p),te=X(h),ae=X(f),le=X(y),ne=X(C),ie=X(I),re=X(O),oe=X(j),se=X(F),de=X(H),ce=X(q),ue=X(Q),me=X(Z),pe="CHw-fZZ",ge="_03U6VRS",he="EO828Vv";const fe={xs:28,small:32,medium:40,large:48,xl:64,xxl:80,xxxl:96},be=({type:t="square",size:l,avatarImg:i,avatarUrl:r,firstLetter:o,backgroundColor:s,onClick:d,style:c,className:u,width:m,height:p,alt:g})=>{const h=l?fe[l]:void 0,[f,b]=e.useState(!1);e.useEffect((()=>{if(r){const e=document.createElement("img");e.setAttribute("src",r),e.addEventListener("error",(()=>{b(!0)}))}}),[r,b]);const v=(!r&&!i||f)&&o;return J.default.createElement(a.StyledAvatar,{style:Object.assign(Object.assign({},c),{"--size":h?h+"px":void 0,"--width-prop":m?m+"px":void 0,"--height-prop":p?p+"px":void 0,"--background-color":s}),"data-has-max":!(!m||!p),"data-avatar-type":t,onClick:d,className:u,avatarUrl:r,"data-custom-size":!!l},i,r&&!f&&J.default.createElement(n.ImageWrap,{src:r,alt:g||"avatar"}),v&&o)},ve=()=>J.default.createElement("style",null,".file-dropdown-path{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}"),ye=()=>J.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 12.17 14.83"},J.default.createElement("defs",null,J.default.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},J.default.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"}))),J.default.createElement("title",null,"File"),J.default.createElement("g",{clipPath:"url(#prefix__clip-path)"},J.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)"}),J.default.createElement("path",{className:"file-dropdown-path",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),xe=()=>J.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},J.default.createElement("title",null,"download"),J.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)"})),Ee=()=>J.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},J.default.createElement("title",null,"upload"),J.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)"})),we=({pagesAmount:t,activePage:n,handlePageChange:i,handleClick:r,href:o,queryPageName:s="page"})=>{const d=[...Array(t)].map(((e,t)=>t+1)),[c,u]=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?u(d.slice(0,5)):n>=d.length-3?u(d.slice(d.length-5,d.length)):u(d.slice(n-2,n+1))}),[n]),J.default.createElement(e.Fragment,null,n>4&&J.default.createElement(e.Fragment,null,J.default.createElement(a.StyledPaginationBlock,{onClick:()=>i(1)},o?J.default.createElement("a",{href:o,onClick:r},1):1),J.default.createElement(a.StyledPaginationBlock,null,"...")),c.map((e=>J.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===n||void 0,onClick:()=>i(e)},o?J.default.createElement("a",{href:l.formatUrlWithPageParam(o,e,s),onClick:r},e):e))),n<d.length-3&&J.default.createElement(e.Fragment,null,J.default.createElement(a.StyledPaginationBlock,null,"..."),J.default.createElement(a.StyledPaginationBlock,{onClick:()=>i(d.length)},o?J.default.createElement("a",{href:l.formatUrlWithPageParam(o,d.length,s),onClick:r},d.length):d.length)))},Ce=({label:e,name:t,checked:l,className:n,isDisabled:i,onChange:r,value:o,isRectangle:s,inputDataTestId:d,siteType:c})=>J.default.createElement(a.StyledCheckbox,{className:n,"data-disabled":i||void 0,"data-is-rectangle":s||void 0,"data-label-text":e,"data-theme":c},J.default.createElement("input",{type:"checkbox",checked:l,name:t,onChange:()=>r(o,!l),disabled:i,value:o,id:`${t}-${o}`,"data-label-text":e,"data-testid":d}),!s&&J.default.createElement("label",{htmlFor:`${t}-${o}`},e)),ke=e=>J.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 32 32",fill:"none"}),J.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"})),Be=e=>J.default.createElement("svg",Object.assign({},e,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"}),J.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"})),Te=e=>{const t=r.useUniqueId();return J.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 24 24",fill:"none"}),J.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"}),J.default.createElement("mask",{id:t,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},J.default.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),J.default.createElement("g",{mask:`url(#${t})`},J.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"})))},Ne=l=>{var{label:n,availableValue:i,styles:o,isBaby:s,genderValue:c={male:"male",female:"female"}}=l,p=u.__rest(l,["label","availableValue","styles","isBaby","genderValue"]);const{t:g}=r.useTranslations(),{classes:h,cx:f}=a.useStyles(void 0,{name:"GenderOptionControl",styles:o}),[b,v]=e.useState(),y=e.useRef(null),x=e.useMemo((()=>[{value:c.male,label:g(s?"gender.boy":"gender.male"),icon:d.CommonGAssets.getAssetPath(s?"health-tools/boy-icon.svg":"health-tools/male-icon.svg")},{value:c.female,label:g(s?"gender.girl":"gender.female"),icon:d.CommonGAssets.getAssetPath(s?"health-tools/girl-icon.svg":"health-tools/female-icon.svg")}]),[]);return e.useEffect((()=>{v(i)}),[i]),J.default.createElement(m.Box,{ref:y,className:h.root},J.default.createElement(m.Radio.Group,Object.assign({className:"radio-group",label:J.default.createElement(t.Text,{as:"label",size:"s4",weight:"semiBold"},n||g(s?"tools.selectBabyGender":"tools.selectGender")),size:"lg"},p,{classNames:{error:h.groupErr}}),J.default.createElement(m.Flex,{className:f(h.wrapper)},x.map((e=>J.default.createElement(m.Radio,Object.assign({className:"gender-item",classNames:{root:h.itemRoot,labelWrapper:h.itemLabelWrapper,label:h.itemLabel,inner:h.itemInner},key:e.value,value:e.value},b&&e.value!==b&&{disabled:!0},{label:J.default.createElement(m.Flex,{gap:m.rem(8),align:"center",justify:"center",sx:{zIndex:0}},J.default.createElement("img",{src:e.icon,className:"gender-image",alt:"female",loading:"lazy"}),J.default.createElement(t.Text,{size:"p3"},e.label))})))))))};var Se="tliWyii";var De="PiqKaXk",Me="HgbW6-m",Ae="_6lkfLYy",Pe="j7c-onH";const $e=({avatarImg:e,authorName:a,authorLink:l,uploadTime:n,size:i})=>J.default.createElement("div",{className:Pe},J.default.createElement("div",{className:"author"},J.default.createElement("div",{className:"avatar","data-size":i},e),J.default.createElement("div",{className:"poster","data-is-disabled-url":!l},J.default.createElement(t.Text,{size:"lg"===i?"p3":"p4"},J.default.createElement("a",{href:l},J.default.createElement("span",{className:"name"},a),"•"," "),J.default.createElement("span",null,n))))),ze=({isMobile:e,avatarImg:l,name:n,link:i,size:r="lg",specialty:o})=>J.default.createElement("div",{className:Pe},J.default.createElement("div",{className:"author"},J.default.createElement("div",{className:"expert-avatar","data-size":r},l),J.default.createElement("div",{className:"expert","data-is-disabled-url":!i},e?J.default.createElement("a",{href:i},"lg"===r?J.default.createElement(J.default.Fragment,null,J.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:c.theme.colors.gray600},n),J.default.createElement(t.Text,{color:c.theme.colors.gray500,size:"p3",className:"specialty"},o)):J.default.createElement(J.default.Fragment,null,J.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:c.theme.colors.gray600},n))):J.default.createElement("a",{href:i},"lg"===r?J.default.createElement(J.default.Fragment,null,J.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:c.theme.colors.gray600},n),J.default.createElement(t.Text,{color:c.theme.colors.gray500,size:"p3",className:"specialty"},o)):J.default.createElement(J.default.Fragment,null,J.default.createElement("h6",{color:c.theme.colors.gray600,className:`${De} expert__name`},n),J.default.createElement(t.Text,{color:c.theme.colors.gray500,size:"p4",className:"specialty"},o)))))),Le=e.memo((()=>J.default.createElement("div",{className:"shoppable"},J.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},J.default.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),J.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"}))))),Ie=e.memo((({dataEventCategoryForBookmark:e,dataEventActionForBookmark:t,dataEventLabelForBookmark:a})=>J.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"},J.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"})))),_e=e.memo((({dataEventCategoryForBookmark:e,dataEventActionForBookmark:t,dataEventLabelForBookmark:a})=>J.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"},J.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"})))),Oe=e=>{var a,l,i,{article:r,author:o,authorAvatar:s,badge:d="",hideDescription:c=!1,isBookmarked:p=!1,onBookmark:g,time:h,tracking:f}=e,b=u.__rest(e,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:v}=n.useScreenSize();return console.log({article:r}),J.default.createElement(m.Card,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},b),J.default.createElement(m.Card.Section,{w:"100%",h:"100%",miw:264,m:0,className:"pointer"},J.default.createElement("img",{src:(v?r.featureImageMobile:r.featureImage)||r.featureImage,alt:r.postName,style:{width:"100%"},loading:"lazy"})),J.default.createElement(m.Card.Section,null,J.default.createElement(m.Group,{position:"apart",mt:16,mb:4},J.default.createElement(n.Anchor,{href:(null===(a=null==r?void 0:r.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},J.default.createElement(t.Text,{size:"p4",color:"blue.6"},null===(l=null==r?void 0:r.primaryCategory)||void 0===l?void 0:l.displayName)),J.default.createElement(m.Box,{sx:{cursor:"pointer"},role:"button",onClick:g},p?J.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==f?void 0:f.bookmark),J.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"})):J.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==f?void 0:f.bookmark),J.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"})))),J.default.createElement(t.Text,{size:c?"s2":"s1",mb:8,weight:"semiBold",className:"pointer"},r.postTitle||r.postName||""),!c&&J.default.createElement(t.Text,{size:"p2",mb:16,lineClamp:3,className:"pointer"},ee.default(r.excerpt||r.description||(null===(i=r.postContent)||void 0===i?void 0:i.split("\r\n")[0])||"")),J.default.createElement(m.Flex,{gap:12,align:"center"},J.default.createElement(n.Avatar,{size:32,src:s,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:J.default.createElement("img",{loading:"lazy",src:d,alt:""})}},"A"),J.default.createElement(t.Text,{size:"n1",c:"gray.6"},o," • ",h))))};var je=m.createStyles(((e,{})=>({root:{},image:{},title:{},category:{},description:{},author:{}})));const Fe=648/440,He=1.5,Re=a=>{var l,i,r,{article:o,author:s,authorAvatar:d,badge:c="",bannerImageWrapProps:p,hideDescription:g=!1,isBookmarked:h=!1,onBookmark:f,time:b,tracking:v,classNames:y,styles:x,unstyled:E,className:w}=a,C=u.__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}=je({},{name:"ArticleCard",classNames:y,styles:x,unstyled:E}),N=e.useMemo((()=>g?He:Fe),[g]);return J.default.createElement(m.Card,Object.assign({className:T(B.root,w),padding:"lg",radius:0},C),J.default.createElement(m.Card.Section,{className:T(B.image,"pointer")},J.default.createElement(n.AspectRatio,Object.assign({ratio:N},p),J.default.createElement("img",{src:(k?o.featureImageMobile:o.featureImage)||o.featureImage,alt:o.postName,style:{objectFit:"cover"}}))),J.default.createElement(m.Card.Section,null,J.default.createElement(m.Group,{position:"apart",mt:16,mb:4},J.default.createElement(n.Anchor,{className:B.category,href:(null===(l=null==o?void 0:o.primaryCategory)||void 0===l?void 0:l.permalink)||"#"},J.default.createElement(t.Text,{size:"p4",color:"blue.6"},null===(i=null==o?void 0:o.primaryCategory)||void 0===i?void 0:i.displayName)),J.default.createElement(m.Box,{sx:{cursor:"pointer"},role:"button",onClick:f},h?J.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==v?void 0:v.bookmark),J.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"})):J.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==v?void 0:v.bookmark),J.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"})))),J.default.createElement(t.Text,{className:T(B.title,"pointer"),size:g?"s2":"s1",mb:8,weight:"semiBold"},o.postTitle||o.postName||""),!g&&J.default.createElement(t.Text,{className:T(B.description,"pointer"),size:"p2",mb:16,lineClamp:3},ee.default(o.excerpt||o.description||(null===(r=o.postContent)||void 0===r?void 0:r.split("\r\n")[0])||"")),J.default.createElement(m.Flex,{className:B.author,gap:12,align:"center"},J.default.createElement(n.Avatar,{size:32,src:d,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:J.default.createElement("img",{loading:"lazy",src:c,alt:""})}},"A"),J.default.createElement(t.Text,{size:"n1",c:"gray.6"},s," • ",b))))},Ge=ae.default.a`
+  display: flex;
+  height: 125px;
+
+  box-sizing: border-box;
+  flex-direction: column;
+  align-items: center;
+  padding: 8px;
+
+  border: 1px solid ${e=>e.theme.colors.neutral100};
+  background-color: white;
+  border-radius: ${e=>e.theme.borderRadius};
+  box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);
+  cursor: pointer;
+  text-decoration: none;
+
+  & > .banner {
+    width: 100%;
+    height: 63px;
+    text-align: center;
+  }
+
+  & > .content {
+    display: -webkit-box;
+    overflow: hidden;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    text-align: center;
+    word-break: break-word;
+  }
+
+  * {
+    pointer-events: none;
+  }
+`,Ue=ae.default.div`
+  display: flex;
+
+  &[data-type='vertical'] {
+    flex-direction: column;
+
+    div {
+      margin-bottom: 20px;
+    }
+  }
+
+  &[data-type='horizontal'] {
+    flex-wrap: wrap;
+
+    div {
+      margin-right: 25px;
+    }
+
+    &[data-is-rectangle] {
+      div {
+        margin-right: 14px;
+      }
+    }
+  }
+`,We={"vi-VN":["Tháng 1","Tháng 2","Tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","Tháng 11","Tháng 12"],"id-ID":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"ms-MY":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"km-KH":["មករា","ខែកុម្ភៈ","មីនា","ខែមេសា","ឧសភា","មិថុនា","ខែកក្កដា","សីហា","ខែកញ្ញា","តុលា","វិច្ឆិកា","ធ្នូ"],"en-PH":["January","February","March","April","May","June","July","August","September","October","November","December"],"th-TH":["มกราคม","กุมภาพันธ์","มีนาคม","เมษายน","อาจ","มิถุนายน","กรกฎาคม","สิงหาคม","กันยายน","ตุลาคม","พฤศจิกายน","ธันวาคม"],"my-MM":["ဇန်နဝါရီလ","ဖေဖော်ဝါရီလ","မတ်လ","ပြီလ","မေလ","ဇွန","ဇူလိုင်လ","သြဂုတ်လ","စက်တင်ဘာ","အောက်တိုဘာ","နိုဝင်ဘာ","ဒီဇင်ဘာ"],"zh-TW":["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],"hi-IN":["जनवरी","फ़रवरी","जुलूस","अप्रैल","मई","जून","जुलाई","अगस्त","सितंबर","अक्टूबर","नवंबर","दिसंबर"]},Ve=ae.default.div`
+  .pickerContainer {
+    position: relative;
+    padding-top: 0;
+    & > div > svg {
+      position: absolute;
+      top: 36px;
+      right: 16px;
+      cursor: pointer;
+    }
+
+    & > :not(:first-child) {
+      position: absolute;
+      z-index: 2;
+      width: 100%;
+    }
+  }
+
+  &[data-is-static] .pickerOverlayWrapper {
+    position: static;
+    max-width: 250px;
+    aspect-ratio: 1 / 1;
+
+    > .pickerOverlay {
+      padding: 1rem;
+    }
+  }
+
+  .pickerOverlayWrapper {
+    min-width: 320px;
+  }
+
+  &[data-align-right='true'] {
+    .pickerOverlayWrapper {
+      right: 0;
+    }
+  }
+
+  .pickerOverlay {
+    margin-top: 6px;
+    background: white;
+    border-radius: ${e=>e.theme.borderRadius};
+    box-shadow: 0px 6px 12px rgba(67, 86, 100, 0.2);
+  }
+
+  .picker {
+    width: 100%;
+  }
+
+  .react-datepicker-popper {
+    .react-datepicker {
+      display: flex;
+      width: 340px;
+      height: 305px;
+      align-items: center;
+      justify-content: center;
+      border: none;
+      box-shadow: (-1px 1px 2px rgba(67, 70, 74, 0.0001)),
+        (-2px 2px 5px rgba(67, 86, 100, 0.123689));
+    }
+
+    .svg {
+      cursor: pointer;
+      stroke: ${e=>e.theme.colors.gray800};
+    }
+    .react-datepicker__day {
+      width: 40px;
+    }
+
+    .react-datepicker__header {
+      border-bottom: 0;
+      background-color: white;
+    }
+
+    .react-datepicker__day--outside-month {
+      color: #e9e9e9;
+    }
+
+    .react-datepicker__day {
+      font-weight: ${e=>e.theme.sizes.fwBold};
+    }
+
+    .react-datepicker__day--selected,
+    .react-datepicker__day--today,
+    .react-datepicker__day--selected:hover,
+    .react-datepicker__day--keyboard-selected {
+      width: 32px;
+      height: 30px;
+      margin: 4px;
+      margin-bottom: -2px;
+      background: ${e=>e.theme.colors.primaryBase};
+      border-radius: 50%;
+    }
+
+    .react-datepicker__day-name {
+      width: 40px;
+    }
+
+    .react-datepicker__triangle {
+      display: none;
+    }
+
+    .react-datepicker__header.react-datepicker__header--custom {
+      svg {
+        stroke: #262626;
+      }
+      select {
+        background: ${e=>e.theme.colors.neutral100};
+        text-align: center;
+        &:not(:last-child) {
+          padding: 8px 10px;
+          margin-right: 15px;
+          border-radius: ${e=>e.theme.borderRadius};
+        }
+      }
+    }
+  }
+
+  /* DayPicker styles */
+
+  .DayPicker {
+    display: inline-block;
+    font-size: 1rem;
+  }
+
+  .DayPicker-wrapper {
+    position: relative;
+
+    flex-direction: row;
+    padding-bottom: 1em;
+
+    -webkit-user-select: none;
+
+    -moz-user-select: none;
+
+    -ms-user-select: none;
+
+    user-select: none;
+  }
+
+  .DayPicker-Months {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+  }
+
+  .DayPicker-Month {
+    display: table;
+    margin: 0 16px;
+    margin-top: 16px;
+    border-collapse: collapse;
+    border-spacing: 0;
+
+    -webkit-user-select: none;
+
+    -moz-user-select: none;
+
+    -ms-user-select: none;
+
+    user-select: none;
+  }
+
+  .DayPicker-NavBar {
+    position: absolute;
+    top: 16px;
+    left: 0;
+    display: flex;
+    width: 100%;
+    height: 0;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 20px;
+  }
+
+  .DayPicker-NavButton {
+    width: 24px;
+    height: 24px;
+    margin-bottom: -47px;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: 16px 16px;
+    color: #8b9898;
+    cursor: pointer;
+  }
+
+  .DayPicker-NavButton:hover {
+    opacity: 0.8;
+  }
+
+  .DayPicker-NavButton--prev {
+    //left: 2px;
+    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L1 5L5 1' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+  }
+
+  .DayPicker-NavButton--next {
+    //right: 2px;
+    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+  }
+
+  .DayPicker-NavButton--interactionDisabled {
+    display: none;
+  }
+
+  .DayPicker-Caption {
+    display: table-caption;
+    width: 100%;
+    height: 46px;
+    padding: 0 32px;
+  }
+
+  .DayPicker-Caption select {
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 24px;
+    text-align: left;
+  }
+
+  .DayPicker-Weekdays {
+    display: table-header-group;
+    margin-top: 1em;
+  }
+
+  .DayPicker-WeekdaysRow {
+    display: table-row;
+  }
+
+  .DayPicker-Weekday {
+    display: table-cell;
+    padding: 0.5em;
+    color: #8b9898;
+    font-size: 0.875em;
+    text-align: center;
+  }
+
+  .DayPicker-Weekday abbr[title] {
+    border-bottom: none;
+    text-decoration: none;
+  }
+
+  .DayPicker-Body {
+    display: table-row-group;
+  }
+
+  .DayPicker-Week {
+    display: table-row;
+  }
+
+  .DayPicker-Day {
+    display: table-cell;
+
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    cursor: pointer;
+    text-align: center;
+    vertical-align: middle;
+  }
+
+  .DayPicker-WeekNumber {
+    display: table-cell;
+    min-width: 1em;
+    padding: 0.5em;
+    border-right: 1px solid #eaecec;
+    color: #8b9898;
+    cursor: pointer;
+    font-size: 0.75em;
+    text-align: right;
+    vertical-align: middle;
+  }
+
+  .DayPicker--interactionDisabled .DayPicker-Day {
+    cursor: default;
+  }
+
+  .DayPicker-Footer {
+    padding-top: 0.5em;
+  }
+
+  .DayPicker-TodayButton {
+    border: none;
+    background-color: transparent;
+    background-image: none;
+    box-shadow: none;
+    color: #4a90e2;
+    cursor: pointer;
+    font-size: 0.875em;
+  }
+
+  /* Default modifiers */
+
+  .DayPicker-Day--today {
+    color: #d0021b;
+    font-weight: 700;
+  }
+
+  .DayPicker-Day--outside {
+    color: #8b9898;
+    cursor: default;
+  }
+
+  .DayPicker-Day--disabled {
+    color: #dce0e0;
+    cursor: default;
+    /* background-color: #eff1f1; */
+  }
+
+  /* Example modifiers */
+
+  .DayPicker-Day--sunday {
+    background-color: #f7f8f8;
+  }
+
+  .DayPicker-Day--sunday:not(.DayPicker-Day--today) {
+    color: #dce0e0;
+  }
+
+  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(
+      .DayPicker-Day--outside
+    ) {
+    position: relative;
+
+    background-color: ${e=>e.theme.colors.primaryBase};
+    color: #f0f8ff;
+    font-weight: ${e=>e.theme.sizes.fwBold};
+  }
+
+  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(
+      .DayPicker-Day--outside
+    ):hover {
+    background-color: #51a0fa;
+  }
+
+  .DayPicker:not(.DayPicker--interactionDisabled)
+    .DayPicker-Day:not(.DayPicker-Day--disabled):not(
+      .DayPicker-Day--selected
+    ):not(.DayPicker-Day--outside):hover {
+    background-color: #f0f8ff;
+  }
+
+  /* DayPickerInput */
+
+  .DayPickerInput {
+    display: inline-block;
+  }
+
+  .DayPickerInput-OverlayWrapper {
+    position: relative;
+  }
+
+  .DayPickerInput-Overlay {
+    position: absolute;
+    z-index: 1;
+    left: 0;
+
+    background: white;
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
+  }
+`,qe=ae.default.form`
+  display: flex;
+  width: 100%;
+
+  height: 46px;
+  align-items: center;
+  justify-content: space-between;
+  & > :first-child {
+    margin-right: 10px;
+  }
+
+  & * {
+    height: 46px;
+    padding: 10px 10px;
+    background: ${e=>e.theme.colors.neutral100};
+    border-radius: ${e=>e.theme.borderRadius};
+  }
+`,Qe=({alignRight:t=!0,placeholder:a,displayDateFormat:l,onChange:n,customInput:i,pickedDate:r,className:o,isStatic:s,disabledDays:d,modifiers:c,UnHideOnClickOutside:u,initialMonth:m,locale:p="en-PH"})=>{const g=e.useRef(!1),h=k.format,[f,b]=e.useState(m||new Date),v=e.useRef(null),y=e.useRef(null),x=We[p],E=e=>{u||v.current&&v.current.contains(e.target)||y.current&&y.current.hideDayPicker()},w=(new Date).getFullYear(),C=new Date(w-150,0),B=new Date(w+1,0),T=({date:e,onChange:t,monthLabels:a})=>{const l=[];for(let e=B.getFullYear();e>=C.getFullYear();e-=1)l.push(e);const n=function(e){const{year:a,month:l}=e.target.form;t(new Date(a.value,l.value))};return J.default.createElement("div",{className:"DayPicker-Caption"},J.default.createElement(qe,null,J.default.createElement("select",{name:"month",onChange:n,value:e.getMonth()},a.map(((e,t)=>J.default.createElement("option",{key:e,value:t},e)))),J.default.createElement("select",{name:"year",onChange:n,value:e.getFullYear()},l.map((e=>J.default.createElement("option",{key:e,value:e},e))))))};return e.useEffect((()=>(document.addEventListener("mousedown",E,{passive:!0}),()=>{document.removeEventListener("mousedown",E,!1)})),[]),J.default.createElement(Ve,{className:o,"data-align-right":t,ref:v,"data-is-static":s||void 0},J.default.createElement(ie.default,{ref:y,inputProps:{readOnly:!0},keepFocus:!1,classNames:{container:"pickerContainer",overlayWrapper:"pickerOverlayWrapper",overlay:"pickerOverlay"},component:i&&J.default.forwardRef(((e,t)=>J.default.createElement(i,Object.assign({},e)))),onDayPickerHide:()=>{g.current=!1},onDayPickerShow:()=>{g.current=!0},dayPickerProps:{month:f,className:"picker",selectedDays:r,canChangeMonth:!0,enableOutsideDaysClick:!s,firstDayOfWeek:1,captionElement:({date:e,localeUtils:t})=>{const a=null==t?void 0:t.getMonths();return J.default.createElement(T,{date:e,monthLabels:x||a,onChange:b})},disabledDays:d||void 0,modifiers:c},format:l||"yyyy-MM-dd",formatDate:(e,t)=>h(e,t),hideOnDayClick:!s,placeholder:a||"",onDayChange:e=>{var t;t=e,y.current&&!s&&y.current.hideDayPicker(),n&&n(t)},showOverlay:s}))},Ze=ae.default.div`
+  display: flex;
+  align-items: center;
+  --font-weight-lg: ${e=>e.theme.sizes.fwBold};
+  --font-weight-md: ${e=>e.theme.sizes.fwRegular};
+  --font-weight-sm: ${e=>e.theme.sizes.fwRegular};
+
+  &[data-icon-position='left'] {
+    & > *:first-child {
+      margin-right: 8px;
+    }
+
+    & > *:last-child {
+      width: calc(100% - 24px);
+    }
+  }
+  &[data-icon-position='right'] {
+    & > *:first-child {
+      width: calc(100% - 24px);
+    }
+    & > *:last-child {
+      margin-left: 8px;
+    }
+  }
+
+  ${l.MediaQueries.mbDown} {
+    &[data-size='lg'] {
+      font-size: 16px;
+      line-height: 24px;
+      font-weight: var(--font-weight-lg);
+    }
+    &[data-size='md'] {
+      font-size: 14px;
+      line-height: 22px;
+      font-weight: var(--font-weight-md);
+    }
+    &[data-size='sm'] {
+      font-size: 13px;
+      line-height: 20px;
+      font-weight: var(----font-weight-sm);
+    }
+  }
+`,Ye=ae.default.div`
+  position: relative;
+  width: 100%;
+
+  & div[role='slider'] {
+    -webkit-text-size-adjust: none;
+    -webkit-user-select: none;
+    &:focus {
+      outline: none;
+    }
+  }
+`,Ke=ae.default.div`
+  position: absolute;
+  top: 19px;
+  width: 24px;
+  height: 24px;
+  color: ${e=>e.theme.colors.white};
+  border: 2px solid ${e=>e.theme.colors.white};
+  border-radius: 50%;
+  transform: translateY(-50%) translateX(-50%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+
+  background-color: ${e=>e.theme.colors.white};
+  color: ${e=>e.theme.colors.gray300};
+  border: 1px solid ${e=>e.theme.colors.gray300};
+
+  &[data-is-active='true'] {
+    background-color: ${e=>e.theme.colors.primaryBase};
+    color: ${e=>e.theme.colors.white};
+    border: none;
+  }
+`,Xe=ae.default.div`
+  display: flex;
+  width: 100%;
+  height: 36px;
+
+  &[data-track-type='detail'] {
+    margin-top: 0;
+  }
+
+  &[data-track-type='detail'][data-step-passed='true'] > div {
+    border: 1px solid ${e=>e.theme.colors.primaryBase};
+    height: 0px;
+  }
+
+  &[data-track-type='detail'] > div {
+    border: 1px solid ${e=>e.theme.colors.gray200};
+    height: 0px;
+  }
+`,Je=ae.default.div`
+  width: 100%;
+  height: 5px;
+  align-self: center;
+  border-radius: 4px;
+  background-color: ${e=>e.theme.colors.gray200};
+`,et=ae.default.div`
+  position: absolute;
+  top: 32px;
+  min-width: 100px;
+  text-align: center;
+  color: ${e=>e.theme.colors.gray500};
+  font-size: ${e=>e.theme.sizes.fsCaption2};
+  font-weight: ${e=>e.theme.sizes.fwBold};
+
+  &[data-step-passed='true'] {
+    color: ${e=>e.theme.colors.gray800};
+  }
+`,tt=ae.default.div`
+  display: flex;
+  align-items: center;
+`,at=ae.default.div`
+  display: flex;
+  align-items: center;
+  font-size: ${e=>e.theme.sizes.fsCaption2};
+  font-weight: ${e=>e.theme.sizes.fwBold};
+  color: ${e=>e.theme.colors.gray500};
+  cursor: pointer;
+
+  & > svg {
+    height: 10px;
+    width: 10px;
+    margin: 0 14px;
+  }
+
+  & > svg > path {
+    stroke: ${e=>e.theme.colors.gray500};
+  }
+
+  &[data-selected='true'] {
+    color: ${e=>e.theme.colors.primaryBase};
+  }
+`,lt=ae.default.div`
+  position: absolute;
+  left: 0;
+  top: 19px;
+  height: 24px;
+  cursor: pointer;
+
+  transform: translateY(-50%);
+  display: flex;
+  align-items: center;
+
+  padding: 8px;
+  background-color: ${e=>e.theme.colors.white};
+`,nt=ae.default.div`
+  min-width: 24px;
+  height: 24px;
+  border: 2px solid ${e=>e.theme.colors.white};
+  border-radius: 50%;
+  margin-right: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+
+  background-color: ${e=>e.theme.colors.white};
+  color: ${e=>e.theme.colors.gray300};
+  border: 1px solid ${e=>e.theme.colors.gray300};
+
+  &[data-is-active='true'] {
+    border: none;
+    background-color: ${e=>e.theme.colors.primaryBase};
+    color: ${e=>e.theme.colors.white};
+  }
+`,it=ae.default.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  & > svg {
+    height: 20px;
+    width: 20px;
+    margin-right: 8px;
+
+    & > path {
+      stroke: ${e=>e.theme.colors.gray500};
+    }
+  }
+`,rt=ae.default.div`
+  color: ${e=>e.theme.colors.gray400};
+  font-size: ${e=>e.theme.sizes.fsCaption2};
+  font-weight: ${e=>e.theme.sizes.fwBold};
+  margin-right: 8px;
+  flex: 0 0 auto;
+
+  &[data-step-passed='true'] {
+    color: ${e=>e.theme.colors.gray800};
+  }
+`,ot=ae.default.div`
+  position: absolute;
+  top: 32px;
+  font-weight: ${e=>e.theme.sizes.fwRegular};
+  color: ${e=>e.theme.colors.gray400};
+  padding-right: 16px;
+`,st=J.default.forwardRef((({id:t,value:a,options:l,className:i,isDisabled:r,size:o="small",direction:s="vertical",onChange:d,dataEventCategory:c,dataEventAction:u,dataEventLabel:p},g)=>{const[h,f]=e.useState(a);e.useImperativeHandle(g,(()=>({reset(){f(a)}})));const b="small"===o?"md":"lg",v="vertical"===s?m.Stack:m.Group;return J.default.createElement(n.Radio.Group,{name:t,className:i,size:b,value:String(h),defaultValue:a,onChange:e=>{f(e),null==d||d(e)}},J.default.createElement(v,{spacing:"xl"},l.map((e=>J.default.createElement(n.Radio,{key:e.value,value:e.value,label:e.label,disabled:r,"data-event-category":c,"data-event-action":u,"data-event-label":p})))))})),dt=ae.default.div`
+  --menu-width: 240px;
+  --menu-spacing: 28px 16px;
+  width: var(--menu-width);
+  height: 100vh;
+  padding: var(--menu-spacing);
+  background-color: ${e=>e.theme.colors.neutral50};
+  transition: ease-in-out 0.5s;
+
+  &[data-is-collapsed] {
+    --menu-width: 64px;
+    --menu-spacing: 28px 8px;
+  }
+`,ct=ae.default.div`
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+
+  svg {
+    transition: 0.4s ease-in-out;
+  }
+`,ut=ae.default.div`
+  cursor: pointer;
+  &[data-is-collapsed] {
+    transform: rotate(180deg);
+  }
+`,mt=ae.default.figure`
+  display: flex;
+
+  > img,
+  svg,
+  picture {
+    width: 40px;
+    height: 40px;
+    margin-right: 1rem;
+    border-radius: 6px;
+    object-fit: cover;
+  }
+
+  > figcaption {
+    p + p {
+      margin-top: 2px;
+    }
+  }
+`,pt=({name:e,description:a,image:l,isDescriptionHidden:n})=>J.default.createElement(mt,null,l,!n&&J.default.createElement("figcaption",null,J.default.createElement(t.Text,{size:"p4",weight:"bold"},e),J.default.createElement(t.Text,{size:"p4"},a))),gt=ae.default.div`
+  display: flex;
+  align-items: center;
+  margin-top: 24px;
+  margin-bottom: 36px;
+
+  figcaption {
+    white-space: nowrap;
+  }
+
+  &[data-is-collapsed='true'] {
+    img {
+      max-width: 2rem;
+      max-height: 2rem;
+    }
+  }
+`,ht=ae.default.div`
+  display: flex;
+  align-items: center;
+  padding: 9px 21px;
+  margin-bottom: 4px;
+  border-radius: 6px;
+
+  &:not([data-is-link-active]) {
+    cursor: pointer;
+  }
+
+  p {
+    margin-left: 12px;
+  }
+
+  &[data-is-link-active] {
+    background: ${e=>e.theme.colors.primaryBase};
+  }
+
+  &[data-is-link-collapsed] {
+    justify-content: center;
+    margin-right: -14px;
+    margin-left: -14px;
+  }
+`;var ft=Object.freeze({__proto__:null,SideMenu:({isCollapsed:e,className:t,style:a,children:l})=>J.default.createElement(dt,{style:a,className:t,"data-is-collapsed":e||void 0},l),SideHeader:({isCollapsed:e,defaultLogo:t,onBackClick:a,customIcon:l})=>J.default.createElement(ct,null,J.default.createElement(x.Logo,{type:e?"logomark":t||"hellocare",customSize:{width:e?"24px":"77px",height:"24px"}}),J.default.createElement(ut,{"data-is-collapsed":e||void 0,onClick:a},l||J.default.createElement("svg",{"data-name":"Layer 1",viewBox:"0 0 20 20",width:"20px",height:"20px"},J.default.createElement("path",{d:"M10 .75A9.25 9.25 0 1019.25 10 9.25 9.25 0 0010 .75z",fill:"none",stroke:"#d2d6dc",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"}),J.default.createElement("path",{d:"M11.44 6.53L8 10l3.48 3.47",fill:"none",stroke:"#737373",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})))),UserInfo:({isCollapsed:e,userName:t,role:a,avatar:l})=>J.default.createElement(gt,{"data-is-collapsed":e||void 0},J.default.createElement(pt,{image:l,name:t,description:a,isDescriptionHidden:e})),MenuLink:({icon:e,isActive:a,children:l,isCollapsed:n,activeIcon:i,onLinkClick:r,textSize:o="base",textType:s="bold",textColorActive:d="#fff",textColor:c="#595959"})=>J.default.createElement(ht,{"data-is-link-active":a||void 0,onClick:r,"data-is-link-collapsed":n||void 0},a&&i?i:e,!n&&J.default.createElement(t.Text,{size:o,weight:s,color:a?d:c},l))});const bt=ae.default.div`
+  position: relative;
+  width: 100%;
+  > .container {
+    display: flex;
+    width: 100%;
+    -ms-overflow-style: none;
+    overflow-x: auto;
+    scrollbar-width: none;
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+
+    .section {
+      display: flex;
+      width: 100%;
+      flex-direction: column;
+      flex-shrink: 0;
+      margin: auto;
+
+      > .grid-layout {
+        display: grid;
+        width: 100%;
+        grid-row-gap: 8px;
+
+        > .item-grid {
+          width: 100%;
+
+          > * {
+            margin: 0 auto;
+          }
+        }
+      }
+
+      .progress-bar {
+        display: grid;
+        height: 15px;
+        margin-bottom: 10px;
+
+        .items-progress {
+          position: relative;
+          display: flex;
+          width: 100%;
+          align-items: center;
+          justify-content: center;
+
+          .icon-status {
+            position: absolute;
+            display: flex;
+          }
+
+          .line {
+            width: 50%;
+            height: 2px;
+            background-color: ${e=>e.theme.colors.gray600};
+          }
+        }
+      }
+    }
+  }
+
+  .bullet-nav {
+    position: absolute;
+    z-index: ${e=>e.theme.zIndexes.belowHeader};
+    bottom: -30px;
+    left: 50%;
+    display: flex;
+    transform: translate(-50%, -50%);
+  }
+
+  .bullet-nav__link {
+    display: block;
+    width: 8px;
+    height: 8px;
+    padding: 0;
+    margin-right: 8px;
+    backface-visibility: hidden;
+    background-color: #e4e8ec;
+    border-radius: 50%;
+    cursor: pointer;
+    transition: all 0.3s;
+  }
+
+  .bullet-nav__link.active[data-scheme='hellosites'] {
+    background-color: ${e=>e.theme.colors.primary600};
+  }
+
+  .bullet-nav__link.active[data-scheme='marrybaby'] {
+    background-color: ${e=>e.theme.mbColors.pink};
+  }
+
+  .arrow-left {
+    position: absolute;
+    z-index: 10;
+    top: 50%;
+    left: -35px;
+    transform: translateY(-50%);
+    &[data-event-category] > * {
+      pointer-events: none;
+    }
+  }
+
+  .arrow-right {
+    position: absolute;
+    z-index: 10;
+    top: 50%;
+    right: -35px;
+    transform: translateY(-50%);
+    &[data-event-category] > * {
+      pointer-events: none;
+    }
+  }
+
+  .image-gallery-wrapper {
+    display: flex;
+    position: relative;
+    margin-top: 16px;
+    justify-content: center;
+    gap: 16px;
+    .image-block {
+      display: block;
+      width: 100%;
+      border: 2px solid transparent;
+      border-radius: 4px;
+    }
+    .image-block.active {
+      border-color: ${e=>e.theme.colors.primaryBase};
+    }
+    img {
+      height: 40px;
+      width: auto;
+      max-width: 100%;
+    }
+  }
+`,vt=({status:e})=>"inActive"===e?J.default.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none"},J.default.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"})):"active"===e?J.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none"},J.default.createElement("circle",{cx:"6",cy:"6",r:"4",fill:"#2D87F3"}),J.default.createElement("circle",{cx:"6",cy:"6",r:"5.5",stroke:"#2D87F3"})):"done"===e?J.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none"},J.default.createElement("path",{d:"M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z",fill:"#00B16A"}),J.default.createElement("path",{d:"M8.76061 4.20029L4.80061 7.80029L3.00061 6.16392",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})):J.default.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none"},J.default.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"})),yt=ae.default.div`
+  border-radius: ${e=>e.theme.borderRadius};
+  ${e=>e["data-is-in-card"]&&`\n  padding: 12px; \n  background-color: ${e["data-card-color"]};`}
+`,xt=ae.default.div`
+  width: 13px;
+  height: 13px;
+  margin-right: 10px;
+  background-color: ${e=>e["data-color"]};
+  border-radius: 50%;
+`,Et=ae.default.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.gray800};
+  font-size: ${e=>e.theme.sizes.fsParagraph4};
+  font-weight: ${e=>e.theme.sizes.fwRegular};
+`,wt=ae.default.div`
+  display: flex;
+  align-items: center;
+  margin-top: 4px;
+  color: ${e=>e.theme.colors.gray800};
+  font-size: ${e=>e.theme.sizes.fsHeading2};
+  font-weight: ${e=>e.theme.sizes.fwSemiBold};
+
+  & > svg {
+    width: 24px;
+    height: 24px;
+    margin-right: 12px;
+  }
+
+  &[data-size='small'] {
+    margin-left: 23px;
+    font-size: ${e=>e.theme.sizes.fsParagraph4};
+    font-weight: ${e=>e.theme.sizes.fwBold};
+  }
+`,Ct=ae.default.table`
+  --horizontal-spacing: ${e=>e.theme.horizontalPadding||"19px"};
+  --vertical-spacing: ${e=>e.theme.verticalPadding||"26px"};
+  width: 100%;
+  position: relative;
+`,kt=ae.default.td`
+  padding: var(--vertical-spacing) var(--horizontal-spacing);
+  vertical-align: middle;
+
+  &[data-text-align='left'] {
+    text-align: left;
+  }
+  &[data-text-align='right'] {
+    text-align: right;
+  }
+  &[data-text-align='center'] {
+    text-align: center;
+  }
+`,Bt=ae.default.tr`
+  border-bottom: 1px solid ${e=>e.theme.colors.gray100};
+
+  &[data-is-active='true'] {
+    background-color: ${e=>e.theme.colors.gray200};
+  }
+`,Tt=({children:e,className:t,style:a,isActive:l,onRowClicked:n,rowId:i})=>J.default.createElement(Bt,{className:t,"data-is-active":l,style:a,onClick:()=>{n&&n(i)}},e),Nt=ae.default.thead`
+  th {
+    padding: var(--vertical-spacing) var(--horizontal-spacing);
+    text-align: left;
+
+    color: ${e=>e.theme.colors.gray500};
+    font-weight: ${e=>e.theme.sizes.fwBold};
+  }
+  &[data-is-sticky] {
+    th {
+      position: sticky;
+      top: 0;
+      background: white;
+      border-bottom: 2px solid
+        ${e=>e.theme.colors.gray200};
+    }
+  }
+`,St=ae.default.tbody`
+  position: relative;
+  &[data-is-striped] {
+    > tr:nth-child(odd) {
+      background-color: ${e=>e.theme.colors.neutral50};
+    }
+  }
+  &[data-is-hoverable] {
+    > tr:hover {
+      background-color: ${e=>e.theme.colors.neutral100};
+    }
+  }
+`;var Dt=Object.freeze({__proto__:null,Table:({children:e,className:t,style:a,horizontalPadding:l,verticalPadding:n})=>J.default.createElement(Ct,{className:t,style:a,theme:{horizontalPadding:l,verticalPadding:n}},e),Cell:({children:e,className:t,style:a,textAlign:l,isTableHead:n})=>J.default.createElement(kt,{className:t,style:a,"data-text-align":l||"left",as:n?"th":"td"},e),Head:({isSticky:e,children:t,className:a,style:l})=>J.default.createElement(Nt,{className:a,"data-is-sticky":e||void 0,style:l},J.default.createElement(Tt,null,t)),Row:Tt,Body:({children:e,className:t,style:a,isHoverable:l,isStriped:n})=>J.default.createElement(St,{className:t,style:a,"data-is-striped":n||void 0,"data-is-hoverable":l||void 0},e)}),Mt=m.createStyles((e=>{const t=m.getStylesRef("itemLabel");return{root:{display:"inline-flex",maxWidth:"100%",borderBottom:`1px solid ${e.colors.neutral[1]}`,"-webkit-overflow-scrolling":"touch",overflowX:"auto",overflowY:"hidden","-ms-overflow-style":"none","scrollbar-width":"none","&::-webkit-scrollbar":{display:"none"},columnGap:e.spacing.lg},item:{display:"flex",alignItems:"center",paddingBottom:"4px","&:hover":{cursor:"pointer"},"&.active":{color:e.fn.primaryColor(),borderBottom:`3px solid ${e.fn.primaryColor()}`,bottom:"-1px",position:"relative",[`& .${t}`]:{}},"&[data-event-category] > *":{pointerEvents:"none"}},itemInner:{display:"flex",alignItems:"center"},label:{ref:t},icon:{marginRight:e.spacing.xs}}}));const At=ae.default.div`
+  padding: 1rem;
+  background: ${e=>e.theme.colors.neutral100};
+  .survey-inner-wrapper {
+    padding: 1.25rem 1rem 1.5rem;
+    background: ${e=>e.theme.colors.white};
+    border-radius: ${e=>e.theme.borderRadius};
+    .survey-header {
+      border-bottom: 1px solid #dbdfe5;
+      margin-bottom: 12px;
+      .survey-header-text {
+        color: ${e=>e.theme.colors.gray500};
+      }
+    }
+
+    .survey-contact-submit {
+      width: 100%;
+      margin-bottom: 1.5rem;
+    }
+    .term-policy-container {
+      width: 70%;
+      min-width: 210px;
+      max-width: 100%;
+      margin: 0 auto 1.5rem;
+      text-align: center;
+    }
+
+    .survey-progress-wrapper {
+      width: calc(100% + 2rem);
+      height: 4px;
+      margin-bottom: 1rem;
+      margin-left: -1rem;
+      background: #e4e8ec;
+      .survey-progress {
+        width: 100%;
+        height: 100%;
+        background: #00b16a;
+        transform: scaleX(0);
+        transform-origin: left;
+        transition: transform ease-in-out 0.3s;
+      }
+    }
+
+    .survey-button-wrapper {
+      display: flex;
+      justify-content: flex-end;
+      button {
+        justify-content: center;
+        &[data-has-icon='true'] {
+          svg {
+            width: 10px;
+            height: 10px;
+            margin-right: 10px;
+            vertical-align: unset;
+          }
+        }
+        &.survey-next-button {
+          &[data-has-icon='true'] {
+            svg {
+              margin-right: 0;
+              margin-left: 10px;
+            }
+          }
+        }
+      }
+      &[data-center='true'] {
+        justify-content: center;
+        button:only-child {
+          width: 200px;
+          max-width: 80%;
+        }
+      }
+      .survey-prev-button {
+        margin-right: 0.5rem;
+      }
+    }
+  }
+`,Pt=ae.default.div`
+  position: relative;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+
+  input {
+    position: relative;
+    width: 20px;
+    height: 20px;
+    flex-shrink: 0;
+    border: solid 1px ${e=>e.theme.colors.gray500};
+    margin-right: 8px;
+    border-radius: 100%;
+    cursor: inherit;
+    transition: background 0.4s, border-color 0.4s, box-shadow 0.4s;
+
+    &:hover,
+    &:active {
+      border-color: ${e=>e.theme.colors.primaryBase};
+      box-shadow: 0 0 2px 2px
+        ${e=>e.theme.colors.primary600};
+    }
+
+    &:checked {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-color: ${e=>e.theme.colors.primaryBase};
+      &:after {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        width: 14px;
+        height: 14px;
+        //left: 3px;
+        //position: absolute;
+        //top: 4px;
+        background-color: ${e=>e.theme.colors.primaryBase};
+        border-radius: 50%;
+        content: '';
+        transform: translate(-50%, -50%);
+      }
+    }
+  }
+
+  label {
+    width: calc(100% - 24px);
+    cursor: inherit;
+    font-weight: ${e=>e.theme.sizes.fwRegular};
+  }
+
+  &[data-disabled='true'] {
+    color: ${e=>e.theme.colors.gray300};
+    cursor: not-allowed;
+    input {
+      border-color: ${e=>e.theme.colors.gray300};
+
+      &:hover {
+        border-color: ${e=>e.theme.colors.gray300};
+        box-shadow: none;
+      }
+    }
+  }
+
+  padding: 16px 20px;
+  border: 0.5px solid transparent;
+  background: #fafafa;
+  border-radius: ${e=>e.theme.borderRadius};
+  &[data-checked='true'] {
+    border: 0.5px solid #2d87f3;
+    background: #f7f9fc;
+  }
+  input {
+    border: solid 2px #737373;
+    margin-right: 0;
+    background: white;
+    &[type='checkbox'] {
+      &:checked {
+        border: 0;
+        background: ${e=>e.theme.colors.primaryBase}
+          url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 21C16.5228 21 21 16.5228 21 11C21 5.47715 16.5228 1 11 1C5.47715 1 1 5.47715 1 11C1 16.5228 5.47715 21 11 21Z' fill='%232D87F3' stroke='%232D87F3' stroke-width='2'/%3E%3Cpath d='M15.5714 8L9.67857 14L7 11.2727' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
+          no-repeat center center;
+        &:after {
+          display: none;
+        }
+      }
+    }
+  }
+
+  &[data-has-image='true'] {
+    position: relative;
+    display: block;
+    padding: 12px;
+    input {
+      position: absolute;
+      top: 20px;
+      right: 20px;
+    }
+    .choice-image-wrapper {
+      position: relative;
+      padding-top: 56.25%;
+      margin-bottom: 0.75rem;
+      img {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        border-radius: ${e=>e.theme.borderRadius};
+        object-fit: cover;
+      }
+    }
+  }
+`,$t=ae.default.div`
+  position: relative;
+  width: 100%;
+  padding-top: min(400px, 100%);
+  .survey-thankyou-wrapper-inner {
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: flex;
+    width: 100%;
+    height: 100%;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    .survey-thankyou-icon {
+      width: 36%;
+      max-height: 50%;
+      margin-bottom: 1.5rem;
+    }
+    .survey-thankyou-title {
+      margin-bottom: 1rem;
+      text-align: center;
+    }
+    .survey-thankyou-subtitle {
+      text-align: center;
+      > * {
+        text-align: center;
+      }
+    }
+  }
+`,zt=ae.default.div`
+  .survey-question-text-wrapper {
+    margin-bottom: 24px;
+    .survey-question-title {
+      margin-bottom: 4px;
+    }
+    .survey-question-subtitle,
+    .survey-question-description {
+      color: ${e=>e.theme.colors.gray500};
+    }
+  }
+  .survey-question-image {
+    width: 100%;
+    margin-bottom: 12px;
+    border-radius: ${e=>e.theme.borderRadius};
+  }
+
+  .survey-question-answer-wrapper {
+    margin-bottom: 1.5rem;
+    .survey-question-options-wrapper {
+      display: grid;
+      grid-gap: 0.5rem;
+      grid-template-columns: 1fr;
+      &[data-has-image='true'] {
+        grid-gap: 0.8rem;
+        grid-template-columns: 1fr 1fr;
+      }
+      .survey-question-option-item {
+        label {
+          color: #262626;
+          font-size: 16px;
+          font-style: normal;
+          font-weight: normal;
+          line-height: 24px;
+        }
+      }
+    }
+    .survey-contact-input {
+      margin-bottom: 1rem;
+      &:first-child {
+        margin-top: 1rem;
+      }
+      label {
+        font-weight: 700;
+      }
+      input {
+        margin-top: 6px;
+      }
+    }
+  }
+`,Lt=({size:e="small",label:t,name:a,checked:l,value:n,className:i,isDisabled:r=!1,onChange:o,hasImage:s,inputType:d,image:c})=>J.default.createElement(Pt,{"data-disabled":r,className:i,"data-size":e,"data-checked":l,onClick:()=>{o(n)},"data-has-image":s},s&&J.default.createElement("div",{className:"choice-image-wrapper"},c&&J.default.createElement("img",{src:c,loading:"lazy"})),J.default.createElement("label",{onClick:e=>{e.preventDefault()},htmlFor:`${a}-${n}`},t),J.default.createElement("input",{type:d,checked:l,name:a,id:`${a}-${n}`,value:n,readOnly:!0})),It=({question:l,description:n,onOptionsChange:i,onTextOptionsChange:r,style:o,className:s})=>{const{type:d,title:c,subtitle:u,image:m,textOptions:p,options:g,name:h,is_multi_select:f}=l,b=!!(null==g?void 0:g.some((e=>e.image))),[v,y]=e.useState([]),[x,E]=e.useState((()=>(null==p?void 0:p.slice())||[]));return e.useEffect((()=>{i&&i(v.slice())}),[!!i,v]),e.useEffect((()=>{r&&r(x)}),[!!r,x]),J.default.createElement(zt,{className:s,style:o},J.default.createElement("div",{className:"survey-question-text-wrapper"},c&&J.default.createElement(a.Heading,{"data-nosubtitle":!u,className:"survey-question-title",tag:"h4"},c),u&&J.default.createElement(t.Text,{className:"survey-question-subtitle",size:"p2"},u),n&&J.default.createElement(t.Text,{className:"survey-question-description",size:"p2"},n)),m&&J.default.createElement("img",{src:m,className:"survey-question-image",loading:"lazy"}),J.default.createElement("div",{className:"survey-question-answer-wrapper"},"radio"===d&&J.default.createElement("div",{"data-has-image":b,className:"survey-question-options-wrapper"},g.map((e=>{var t;return J.default.createElement(Lt,{inputType:"radio",label:e.label,name:h,key:`${h}-${e.value}`,checked:(null===(t=v[0])||void 0===t?void 0:t.value)===e.value,value:e.value,onChange:e=>{y([g.find((t=>t.value===e))])},className:"survey-question-option-item",image:e.image,hasImage:b})}))),"checkbox"===d&&J.default.createElement("div",{"data-has-image":b,className:"survey-question-options-wrapper"},g.map((e=>J.default.createElement(Lt,{inputType:"checkbox",label:e.label,name:h,key:`${h}-${e.value}`,checked:!!v.find((t=>t.value===e.value)),value:e.value,onChange:()=>{const t=v.findIndex((t=>t.value===e.value));y(t>=0?e=>(e.splice(t,1),e.slice()):f?t=>t.concat(e).slice():[e])},className:"survey-question-option-item survey-option-radio",image:e.image,hasImage:b})))),"textbox"===d&&x.map(((e,t)=>e.isTextArea?J.default.createElement(a.TextArea,{key:t,placeholder:e.placeholder,height:"150px",value:e.value,onChange:e=>E((a=>(a[t].value=e,a.slice())))}):J.default.createElement(w.Input,{key:t,value:e.value,name:e.name,size:"md",className:"survey-contact-input",label:e.label,placeholder:e.placeholder,onChange:e=>{E((a=>(a[t].value=e,a.slice())))},type:e.type})))))};var _t;!function(e){e[e.UNLIMITED=0]="UNLIMITED",e[e.EXACT_NUMBER=1]="EXACT_NUMBER",e[e.RANGE=2]="RANGE"}(_t||(_t={}));const Ot=200,jt=ae.default.div``,Ft=ae.default.div`
+  width: 100vw;
+  height: 100vh;
+  position: fixed;
+  bottom: 0;
+  right: 0;
+  background-color: ${e=>{var t,a;return e.theme.colors.white||(null===(a=null===(t=e.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.white)}};
+  opacity: 0.83;
+  transition: display ${Ot}ms linear;
+
+  [data-floatmenu-open='true'] & {
+    animation: showBackgroundPanel ${Ot}ms linear 0s normal forwards;
+  }
+
+  [data-floatmenu-open='false'] & {
+    animation: hideBackgroundPanel ${Ot}ms linear 0s normal forwards;
+  }
+
+  @keyframes showBackgroundPanel {
+    0% {
+      opacity: 0;
+      width: 100vw;
+      height: 100vh;
+    }
+    100% {
+      opacity: 0.83;
+    }
+  }
+
+  @keyframes hideBackgroundPanel {
+    0% {
+      width: 100vw;
+      height: 100vh;
+    }
+    99% {
+      width: 100vw;
+      height: 100vh;
+    }
+    100% {
+      opacity: 0;
+      width: 0;
+      height: 0;
+    }
+  }
+`,Ht=ae.default.div`
+  position: fixed;
+  right: 16px;
+  bottom: 40px;
+`,Rt=ae.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  transition: all ${Ot}ms ease-in-out;
+  position: fixed;
+  bottom: 112px;
+  right: 16px;
+
+  // scale
+  [data-animation-type='scale'] & {
+    transform-origin: 100% 100%;
+  }
+
+  [data-animation-type='scale'][data-floatmenu-open='true'] & {
+    transform: scale(1);
+  }
+
+  [data-animation-type='scale'][data-floatmenu-open='false'] & {
+    transform: scale(0);
+    bottom: 46px;
+    right: 36px;
+  }
+`,Gt=ae.default.div`
+  border-radius: 50%;
+  width: 56px;
+  height: 56px;
+  position: relative;
+  cursor: pointer;
+  margin-left: auto;
+  transition: all 0.1s linear;
+  -webkit-tap-highlight-color: transparent;
+  [data-site-type='hb'] & {
+    background-color: ${e=>e.theme.colors.primaryBase||e.theme.colors.primary};
+    &:hover {
+      background-color: ${e=>{var t,a;return e.theme.colors.primaryHover||(null===(a=null===(t=e.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.blue_700)}};
+    }
+  }
+  [data-site-type='mb'] & {
+    background-color: #2d87f3;
+    &:hover {
+      background-color: #2c74df;
+    }
+  }
+
+  &:before {
+    content: '';
+    width: 2px;
+    height: 20px;
+    background-color: ${e=>{var t,a;return e.theme.colors.white||(null===(a=null===(t=e.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.white)}};
+    border-radius: 2px;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+
+  &:after {
+    content: '';
+    width: 20px;
+    height: 2px;
+    background-color: ${e=>{var t,a;return e.theme.colors.white||(null===(a=null===(t=e.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.white)}};
+    border-radius: 2px;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+
+  [data-floatmenu-open='true'] &:before,
+  [data-floatmenu-open='true'] &:after {
+    animation: toX ${Ot}ms linear 0s normal forwards;
+  }
+
+  [data-floatmenu-open='false'] &:before,
+  [data-floatmenu-open='false'] &:after {
+    animation: toPlus ${Ot}ms linear 0s normal forwards;
+  }
+
+  @keyframes toX {
+    0% {
+      transform: translate(-50%, -50%) rotateZ(0deg);
+    }
+    49% {
+      transform: translate(-50%, -50%) rotateZ(0deg);
+    }
+    50% {
+      width: 2px;
+      height: 2px;
+      transform: translate(-50%, -50%) rotateZ(45deg);
+    }
+    100% {
+      transform: translate(-50%, -50%) rotateZ(45deg);
+    }
+  }
+
+  @keyframes toPlus {
+    0% {
+      transform: translate(-50%, -50%) rotateZ(45deg);
+    }
+    49% {
+      transform: translate(-50%, -50%) rotateZ(45deg);
+    }
+    50% {
+      width: 2px;
+      height: 2px;
+      transform: translate(-50%, -50%) rotateZ(0deg);
+    }
+    100% {
+      transform: translate(-50%, -50%) rotateZ(0deg);
+    }
+  }
+`,Ut=ae.default.div`
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  justify-content: flex-end;
+
+  width: fit-content;
+  margin-left: auto;
+
+  [data-floatmenu-open='true'] {
+    cursor: pointer;
+  }
+  [data-floatmenu-open='false'] {
+    pointer-events: none;
+  }
+
+  [data-animation-type='zoom'] &,
+  [data-animation-type='slide'] & {
+    position: absolute;
+    right: 0;
+    width: max-content;
+  }
+  // slide
+  [data-animation-type='slide'] & {
+    transition: all ${Ot}ms ease-in;
+  }
+
+  [data-animation-type='slide'][data-floatmenu-open='true'] & {
+    animation: showItem ${Ot}ms;
+  }
+  [data-animation-type='slide'][data-floatmenu-open='false'] & {
+    bottom: -64px !important;
+    animation: hideItemOnZoom ${250}ms normal forwards;
+  }
+
+  // zoom
+  [data-animation-type='zoom'][data-floatmenu-open='false'] & {
+    animation: hideItemOnZoom ${250}ms normal forwards;
+  }
+
+  @keyframes showItem {
+    0% {
+      opacity: 0;
+    }
+
+    100% {
+      opacity: 1;
+    }
+  }
+
+  @keyframes hideItemOnZoom {
+    0% {
+      transform: translateX(0);
+      opacity: 1;
+    }
+
+    99% {
+      transform: translateX(0);
+      opacity: 0.5;
+    }
+
+    100% {
+      transform: translateX(calc(100% + 16px));
+      opacity: 0;
+    }
+  }
+`,Wt=ae.default.div`
+  font-size: 14px;
+
+  // zoom
+  [data-animation-type='zoom'] & {
+    transition: transform ${Ot}ms ease-in-out;
+    transform-origin: 100% 0;
+  }
+
+  [data-animation-type='zoom'][data-floatmenu-open='true'] & {
+    transform: scale(1);
+  }
+
+  [data-animation-type='zoom'][data-floatmenu-open='false'] & {
+    transform: scale(0);
+  }
+
+  // slide
+  [data-animation-type='slide'] & {
+    transition: opacity ${Ot}ms;
+  }
+  [data-animation-type='slide'][data-floatmenu-open='true'] & {
+    opacity: 1;
+  }
+  [data-animation-type='slide'][data-floatmenu-open='false'] & {
+    opacity: 0;
+  }
+`,Vt=ae.default.div`
+  border-radius: 50%;
+  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
+  width: 48px;
+  height: 48px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: ${e=>{var t,a;return e.theme.colors.white||(null===(a=null===(t=e.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.white)}};
+
+  // zoom
+  [data-animation-type='zoom'] & {
+    transition: transform ${Ot}ms ease-in-out;
+  }
+
+  [data-animation-type='zoom'][data-floatmenu-open='true'] & {
+    transform: scale(1);
+  }
+
+  [data-animation-type='zoom'][data-floatmenu-open='false'] & {
+    transform: scale(0);
+  }
+
+  > img {
+    width: 24px;
+    height: 24px;
+    object-fit: contain;
+  }
+`,qt=ae.default.div`
+  padding: 16px;
+  width: 375px;
+  word-wrap: break-word;
+  word-break: break-word;
+  ${l.MediaQueries.mbDown} {
+    width: 100%;
+  }
+  &[data-theme='helloSites'] {
+    background: ${e=>e.theme.colors.secondaryBase};
+    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.1);
+  }
+  &[data-theme='marryBaby'] {
+    border: none;
+    background: ${e=>e.theme.mbColors.pink};
+    border-radius: 12px 12px 0 0;
+  }
+  &[data-is-open='false'] {
+    display: none;
+  }
+  &[data-default-position='true'] {
+    position: fixed;
+    z-index: 1000;
+    bottom: 0;
+    right: 0;
+    ${l.MediaQueries.mbDown} {
+      left: 0;
+      right: unset;
+    }
+  }
+`,Qt=ae.default.p`
+  position: relative;
+  padding-left: 24px;
+  color: ${e=>e.theme.colors.white};
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 22px;
+  &[data-has-content='true'] {
+    ::before {
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      width: 16px;
+      height: 16px;
+      margin: auto 0;
+      content: url("data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00001 1.33331C4.32001 1.33331 1.33334 4.31998 1.33334 7.99998C1.33334 11.68 4.32001 14.6666 8.00001 14.6666C11.68 14.6666 14.6667 11.68 14.6667 7.99998C14.6667 4.31998 11.68 1.33331 8.00001 1.33331ZM8.00001 11.3333C7.63334 11.3333 7.33334 11.0333 7.33334 10.6666V7.99998C7.33334 7.63331 7.63334 7.33331 8.00001 7.33331C8.36668 7.33331 8.66668 7.63331 8.66668 7.99998V10.6666C8.66668 11.0333 8.36668 11.3333 8.00001 11.3333ZM7.33334 5.99998H8.66668V4.66665H7.33334V5.99998Z' fill='white'/%3e%3c/svg%3e");
+    }
+  }
+`,Zt=ae.default.p`
+  margin-top: 2px;
+  color: ${e=>e.theme.colors.white};
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 18px;
+  a {
+    color: ${e=>e.theme.colors.white};
+    text-decoration: none;
+    text-decoration-line: underline;
+  }
+`,Yt=ae.default.div`
+  display: flex;
+  align-items: center;
+  margin-top: 8px;
+  gap: 16px;
+`,Kt=ae.default.div`
+  padding: 7px 28px;
+  background: ${e=>e.theme.colors.white};
+  border-radius: ${e=>e.theme.borderRadius};
+  color: ${e=>e.theme.colors.secondaryBase};
+  cursor: pointer;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 18px;
+`,Xt=ae.default.a`
+  color: ${e=>e.theme.colors.white};
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 22px;
+  text-decoration: none;
+  text-decoration-line: underline;
+`,Jt=f.keyframes`
+  from {
+    transform: translateY(100%);
+    visibility: visible;
+  }
+
+  to {
+    transform: translateY(0);
+  }
+`,ea=f.keyframes`
+  from {
+    transform: translate(0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    transform: translate(0, 100%);
+  }
+`,ta=ae.default.div`
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-items: center;
+  gap: 4px;
+
+  .mobile-navigation-label {
+    font-weight: 500;
+    font-size: 10px;
+    line-height: 16px;
+    color: ${c.theme.colors.gray600};
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    width: 60px;
+    text-align: center;
+    ${l.MediaQueries.mbDown} {
+      max-width: 60px;
+    }
+  }
+
+  .mobile-navigation-icon {
+    position: relative;
+    height: 24px;
+    &[data-no-label='true'] {
+      border-radius: 50%;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      padding: 0px;
+      gap: 16px;
+      width: 40px;
+      height: 40px;
+    }
+  }
+
+  &[data-is-special='true'] {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding: 4px 12px 4px 6px;
+    gap: 4px;
+
+    min-width: 152px;
+    height: 32px;
+    /* Neutral/Neutral-50 */
+    background: ${c.theme.colors.primary50};
+    border-radius: 20px;
+    flex-grow: 1;
+    .mobile-navigation-icon {
+      &[data-no-label='true'] {
+        width: 24px;
+        height: 24px;
+      }
+    }
+    .mobile-navigation-label {
+      max-width: max-content;
+      color: ${c.theme.colors.primaryBase};
+    }
+  }
+
+  &[data-is-active='true'] {
+    .mobile-navigation-label {
+      color: ${c.theme.colors.primaryBase};
+    }
+  }
+
+  &[data-is-disabled='true'] {
+    opacity: 0.2;
+  }
+`,aa=ae.default.div`
+  z-index: 100;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  max-height: 56px;
+  min-height: 56px;
+  display: flex;
+  height: 100%;
+  align-items: center;
+  justify-content: space-evenly;
+  background-color: ${c.theme.colors.white};
+  @supports (padding-bottom: env(safe-area-inset-bottom)) {
+    min-height: calc(56px + env(safe-area-inset-bottom));
+    max-height: calc(56px + env(safe-area-inset-bottom));
+    padding-bottom: env(safe-area-inset-bottom);
+  }
+  & > div {
+    flex: 1;
+  }
+  a {
+    text-decoration: none;
+  }
+  &[data-is-collapsed='true'] {
+    animation: ${ea} 500ms ease-in-out forwards;
+  }
+
+  &[data-is-collapsed='false'] {
+    animation: ${Jt} 500ms ease-in-out forwards;
+  }
+  &[data-template='health-tool'] {
+    height: 44px;
+    max-height: 44px;
+    min-height: 44px;
+    justify-content: space-between;
+    & > div {
+      flex: 0;
+    }
+  }
+`,la=ae.default.span`
+  position: absolute;
+  left: 100%;
+  transform: translate(-10px, calc(-50% + 3px));
+  background-color: ${c.theme.colors.green800};
+  border-radius: 32px;
+  border: 2px solid ${c.theme.colors.white};
+  padding: 1px 4px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 20px;
+  aspect-ratio: 1;
+  &[data-no-label='true'] {
+    left: 0;
+    transform: translate(22px, -50%);
+  }
+`;ae.default.div`
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 3px;
+  background-color: ${c.theme.colors.primaryBase};
+  transition: width 150ms linear;
+`,ae.default.div`
+  a {
+    text-decoration: none;
+  }
+`;const na=e=>{var{badgeAmount:a,disabled:l=!1,hasBadge:n=!1,icon:i,isActive:r=!1,isSpecial:o=!1,label:s}=e,d=u.__rest(e,["badgeAmount","disabled","hasBadge","icon","isActive","isSpecial","label"]);return J.default.createElement(ta,Object.assign({"data-is-special":o,"data-is-active":r,"data-is-disabled":l},d),J.default.createElement("div",{className:"mobile-navigation-icon","data-no-label":!Boolean(s)},n&&J.default.createElement(la,{"data-no-label":!Boolean(s)},J.default.createElement(t.Text,{size:"s5",weight:"semiBold",color:o?c.theme.colors.primaryBase:c.theme.colors.white},a)),i),s&&J.default.createElement("span",{className:"mobile-navigation-label"},s))},ia=e=>{var{children:t,on:a="",isCollapsed:l=!1,template:n="homepage"}=e,i=u.__rest(e,["children","on","isCollapsed","template"]);return J.default.createElement(aa,Object.assign({on:a,"data-is-collapsed":l,"data-template":n},i),t)};ia.Icon=na;ae.default.div`
+  margin-top: 13px;
+  &[data-is-mobile='false'] {
+    display: flex;
+    width: 60%;
+    min-width: min(600px, 100%);
+    align-items: center;
+    & > :first-child {
+      margin-right: 18px;
+    }
+  }
+`,ae.default.div`
+  &[data-is-mobile='false'] {
+    max-width: 540px;
+  }
+  ${l.MediaQueries.tdUp} {
+    padding-right: 120px;
+  }
+`,ae.default.div`
+  display: flex;
+  align-items: flex-start;
+  margin-top: 10px;
+  color: ${e=>e.theme.colors.white};
+  font-size: ${e=>e.theme.sizes.fsParagraph4};
+  > img {
+    margin-top: 2px;
+    margin-right: 4px;
+  }
+  &[data-is-mobile='false'] {
+    margin-top: 12px;
+    > img {
+      width: 16px;
+      height: 16px;
+    }
+  }
+  &[data-is-mobile='true'] {
+    > img {
+      width: 14px;
+      height: 14px;
+    }
+  }
+`;const ra=ae.default.div`
+  position: absolute;
+  z-index: 0;
+  right: 0;
+  bottom: -50px;
+  display: flex;
+
+  align-items: center;
+
+  ${l.MediaQueries.mbUp} {
+    img {
+      width: 190px;
+      height: 155px;
+    }
+  }
+  ${l.MediaQueries.mbDown} {
+    width: 70px;
+  }
+`,oa="hhgcomp-toolbanner-iconcontainer";a.getDefaultClassWrapper(ra,oa),ae.default.div`
+  position: relative;
+  z-index: 1;
+  max-width: 100%;
+  ${l.MediaQueries.mbUp} {
+    padding: 23px 40px;
+    max-width: calc(100% - 210px);
+    &[data-is-side='true'] {
+      max-width: calc(100% - 120px);
+    }
+  }
+`;const sa=ae.default.div`
+  position: relative;
+`,da="hhgcomp-toolbanner-inner";a.getDefaultClassWrapper(sa,da);const ca=ae.default.div`
+  position: relative;
+  width: 100%;
+  height: 100%;
+  background: ${e=>e.bgColor};
+  background-color: inherit;
+
+  &[data-site='marryBaby'] {
+    background-color: ${e=>e["data-banner-color"]||"#5EC08F"};
+    background-image: none;
+    padding-bottom: 0;
+    &[data-is-embedded='true'] {
+      border-top-left-radius: 16px;
+      border-top-right-radius: 16px;
+    }
+  }
+`,ua="hhgcomp-toolbanner-wrapper",ma=a.getDefaultClassWrapper(ca,ua),pa=ae.default.div`
+  width: 100%;
+  ${l.MediaQueries.mbDown} {
+    padding-bottom: 24px;
+  }
+
+  a {
+    text-decoration: none;
+    color: inherit;
+  }
+
+  &[data-site='marryBaby'] {
+    a {
+      text-decoration: underline;
+    }
+    ${l.MediaQueries.mbDown} {
+      padding-bottom: 0;
+    }
+  }
+
+  ${l.MediaQueries.tdDown} {
+    height: auto;
+    .${ua} {
+      .${da} {
+        display: flex;
+        align-items: center;
+        ${l.MediaQueries.mbDown} {
+          justify-content: space-between;
+        }
+        .${oa} {
+          position: relative;
+          right: -50px;
+          bottom: -20px;
+          width: 110px;
+          min-width: 0;
+          height: auto;
+          min-height: 0;
+          align-self: flex-end;
+          margin-bottom: -20px;
+          ${l.MediaQueries.mbDown} {
+            right: unset;
+          }
+        }
+      }
+    }
+  }
+`,ga=ae.default.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 16px 24px;
+  gap: 16px;
+  width: 100%;
+  background-color: ;
+  ${l.MediaQueries.mbDown} {
+    padding: 16px 0;
+  }
+`,ha=ae.default.div`
+  background: #ffffff;
+  border-radius: 16px;
+  width: 48px;
+  height: 48px;
+  position: relative;
+
+  img {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    max-width: 24px;
+    max-height: 24px;
+    transform: translate(-50%, -50%);
+  }
+`,fa=ae.default.div`
+  display: flex;
+  align-items: flex-start;
+  flex-direction: column;
+  justify-content: space-between;
+  gap: 0;
+  width: 100%;
+`,ba=ae.default.div`
+  display: flex;
+  align-items: flex-start;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 18px;
+  letter-spacing: -0.2px;
+  color: #f3f3f3;
+
+  > img {
+    margin-top: 2px;
+    margin-right: 4px;
+  }
+  &[data-is-mobile='false'] {
+    > img {
+      width: 16px;
+      height: 16px;
+    }
+  }
+  &[data-is-mobile='true'] {
+    > img {
+      width: 14px;
+      height: 14px;
+    }
+  }
+`,va=({className:e,heading:l,color:n="blue",isMobile:i,bannerUrl:o,bannerUrlLarge:s,bannerColor:d,medicalReview:c={link:"#",reviewer:"",date:""},icon:u,style:p,siteType:g,isEmbeded:h})=>{var f,b;const{t:v}=r.useTranslations(),y=m.useMantineTheme(),x=i?o:s||o,E={pink:[8,6]},w=y.colors[n]||y.colors.blue,C=(null==c?void 0:c.reviewer)?J.default.createElement(t.Text,{size:"label2",color:"#fff",as:"div",className:"embedded-review",sx:{a:{textUnderlineOffset:"2px",color:"#fff",textDecoration:"underline"}}},J.default.createElement("div",{dangerouslySetInnerHTML:{__html:v("toolPage.toolReviewer",{expert_name:`<a href="${c.link}">${c.reviewer.trim()}</a>`,date:c.date})}})):null;return J.default.createElement(pa,{"data-is-mobile":i,style:p,"data-site":g},J.default.createElement(ma,{className:e,"data-banner-url":x,"data-is-mobile":i,"data-site":g,"data-banner-color":d,"data-is-embedded":h,bgColor:`linear-gradient(71deg, ${null==w?void 0:w[(null===(f=E[n])||void 0===f?void 0:f[0])||7]} -4.07%, ${null==w?void 0:w[(null===(b=E[n])||void 0===b?void 0:b[1])||4]} 90.13%)}`},"marryBaby"===g&&h?J.default.createElement(ga,null,J.default.createElement(ha,null,u),J.default.createElement(fa,null,J.default.createElement(a.Heading,{color:"white",tag:"h5",as:"h2"},l),c&&J.default.createElement(ba,{"data-is-mobile":i},C))):J.default.createElement(m.Flex,{gap:m.rem(24),align:"center",justify:"space-between",sx:{padding:`${m.rem(13)} ${m.rem(20)}`,gap:m.rem(24)}},J.default.createElement(m.Box,null,J.default.createElement(a.Heading,{tag:"h5",as:"h2",color:"#fff"},l),c&&J.default.createElement(t.Text,{size:"n1",as:"div"},C)),J.default.createElement(m.Flex,{justify:"center",align:"center",sx:e=>{var t,a;return{width:m.rem(64),height:m.rem(64),borderRadius:"50%",background:(null===(a=null===(t=e.colors)||void 0===t?void 0:t[n])||void 0===a?void 0:a[0])||e.colors.blue[0],flexShrink:0,img:{maxWidth:m.rem(48),maxHeight:m.rem(48)},[e.fn.smallerThan("sm")]:{width:m.rem(56),height:m.rem(56),img:{maxWidth:m.rem(40),maxHeight:m.rem(40)}}}}},u))))},ya=ae.default(D.Dropdown)`
+  border-color: ${e=>e.theme.mbColors.lightGray};
+  background-color: ${e=>e.theme.colors.white};
+  border-radius: 16px;
+  transition: all 0.2s ease;
+  &:hover {
+    border-color: ${e=>e.theme.mbColors.pink};
+    box-shadow: none;
+  }
+
+  & > ul {
+    z-index: ${a.Z_INDEX.menuSearchPopup};
+    max-height: 300px;
+    overflow-y: auto;
+  }
+
+  ${e=>e.groupedWithLabel&&f.css`
+      & > div:first-child {
+        color: ${e=>e.theme.mbColors.midGray};
+        font-size: 12px;
+      }
+    `}
+
+  &[data-dropdown-open='true'] {
+    border-color: ${e=>e.theme.mbColors.pink};
+  }
+`;ae.default(a.PureInput)`
+  & input {
+    border-color: ${e=>e.theme.mbColors.lightGray};
+    background-color: ${e=>e.theme.colors.white};
+    border-radius: 16px;
+    transition: all 0.2s ease;
+    &:focus,
+    &:hover {
+      border-color: ${e=>e.theme.mbColors.pink};
+      box-shadow: none;
+    }
+  }
+
+  & .displayIcon {
+    pointer-events: none;
+  }
+`;const xa=ae.default(w.Input)`
+  & label {
+    position: absolute;
+    z-index: 1;
+    top: 16px;
+
+    left: 16px;
+    color: ${e=>e.theme.mbColors.midGray};
+    pointer-events: none;
+    transition: all 0.2s ease;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 240px;
+
+    &[data-size='label2'] {
+      font-size: 12px;
+    }
+
+    ${l.MediaQueries.tdDown} {
+      max-width: 220px;
+    }
+  }
+  & input {
+    ::placeholder {
+      color: ${e=>e.theme.mbColors.gray};
+      font-size: 14px;
+    }
+
+    ::-webkit-input-placeholder {
+      /* Chrome/Opera/Safari */
+      color: ${e=>e.theme.mbColors.gray};
+      font-size: 14px;
+    }
+    ::-moz-placeholder {
+      /* Firefox 19+ */
+      color: ${e=>e.theme.mbColors.gray};
+      font-size: 14px;
+    }
+    :-ms-input-placeholder {
+      /* IE 10+ */
+      color: ${e=>e.theme.mbColors.gray};
+      font-size: 14px;
+    }
+    :-moz-placeholder {
+      /* Firefox 18- */
+      color: ${e=>e.theme.mbColors.gray};
+      font-size: 14px;
+    }
+    height: ${e=>"sm"===e.size?48:72}px;
+    padding-top: 27px;
+    border-color: ${e=>e.theme.mbColors.lightGray};
+    background-color: ${e=>e.theme.colors.white};
+    border-radius: 16px;
+    transition: all 0.2s ease;
+    padding-top: ${e=>e.value?"38px":"27px"};
+
+    &:focus,
+    &:hover {
+      border-color: ${e=>e.theme.mbColors.pink};
+      box-shadow: none;
+    }
+  }
+
+  &[data-has-action-icon] {
+    input {
+      padding-top: ${e=>e.value?"38px":"27px"};
+      padding-bottom: ${e=>e.value?"16px":"27px"};
+    }
+
+    label {
+      position: absolute;
+      z-index: 1;
+      top: 16px;
+      padding-right: 46px;
+    }
+  }
+`,Ea=ae.default.div`
+  width: 100%;
+`,wa=ae.default.div`
+  #due-date-dropdown {
+    z-index: 9;
+    width: 100%;
+    min-width: unset;
+    max-width: unset;
+
+    ${l.MediaQueries.mbDown} {
+      font-size: 14px;
+    }
+    ${l.MediaQueries.tdUp} {
+      font-size: 16px;
+      &[data-is-side='true'] {
+        font-size: 14px;
+      }
+    }
+    color: ${e=>e.theme.colors.gray800};
+    > div {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+`,Ca=ae.default(Ea)`
+  .due-date-input {
+    width: 100%;
+    min-width: unset;
+    max-width: unset;
+    color: ${e=>e.theme.colors.gray800};
+  }
+  .due-date-calculate-button {
+    margin-right: auto;
+    margin-left: auto;
+  }
+  input {
+    &[data-is-side='true'] {
+      ${l.MediaQueries.tdUp} {
+        font-size: 14px;
+      }
+    }
+    ${l.MediaQueries.mbDown} {
+      font-size: 14px;
+    }
+    ${l.MediaQueries.tdUp} {
+      font-size: 16px;
+    }
+  }
+`;ae.default.div`
+  display: flex;
+  align-items: right;
+
+  & > p {
+    display: inline-block;
+    border-bottom: solid 1px
+      ${e=>e.theme.colors.primaryBase};
+    margin-bottom: 24px;
+    margin-left: auto;
+    color: ${e=>e.theme.colors.primaryBase};
+    cursor: pointer;
+    font-size: 11px;
+    line-height: 16px;
+    text-align: right;
+  }
+`;const ka=ae.default.img`
+  img& {
+    width: 16px;
+    height: 16px;
+  }
+`;var Ba;ae.default(ka)`
+  margin-right: 4px;
+`,function(e){e[e.lastPeriod=0]="lastPeriod",e[e.conception=1]="conception",e[e.IVF=2]="IVF"}(Ba||(Ba={}));const Ta="yyyy-MM-dd",Na=e=>`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`,Sa=({locale:l,onClick:i,siteType:o,pageUrl:d})=>{const{t:u}=r.useTranslations(),[m,p]=e.useState(new Date);return J.default.createElement(J.default.Fragment,null,J.default.createElement(Ca,{className:"input-form","data-is-side":!0},"marryBaby"===o?J.default.createElement(xa,{label:u("dueDatePage.conceptionDate"),name:"date",size:"md",value:Na(m),CustomInput:J.default.createElement(Qe,{onChange:e=>{p(e)},placeholder:"dd/mm/yyyy",pickedDate:m,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>J.default.createElement(w.Input,Object.assign({className:"due-date-input",name:"birthday",size:"md"},e,{value:m&&te.default(m).format(a.DUE_DATE_FORMAT)}))}),actionIcon:J.default.createElement(t.Icon.CalendarMB,{size:32})}):J.default.createElement(w.Input,{label:J.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:c.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},u("dueDatePage.conceptionDate")),value:Na(m),name:"date",size:"md",className:"due-date-input",CustomInput:J.default.createElement(Qe,{customInput:e=>J.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:Na(m)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:l,pickedDate:m,displayDateFormat:T.DATE_FORMAT,onChange:e=>{p(e)},placeholder:"placeholder"})})),J.default.createElement(n.Button,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===o?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:d,onClick:()=>{i((e=>{const t=new Date(e);return t.setDate(t.getDate()+265),{startDate:e,dueDate:t,otherInfo:{method:Ba.conception+1,conception_date:k.format(e,Ta),first_day:null,cycle_length_days:null,ivf_transfer_date:null,days_transfer:null}}})(m),`${s.QUERY_HEALTH_TOOL.type}=1&sd=${k.format(m,Ta)}&${s.QUERY_HEALTH_TOOL.additional}= `)},role:"button"},u("dueDatePage.lastPeriod.calculate")))},Da=({locale:l,onClick:i,siteType:o,pageUrl:d})=>{const{t:u}=r.useTranslations(),[m,p]=e.useState(new Date),[g,h]=e.useState("3");return J.default.createElement(J.default.Fragment,null,J.default.createElement(Ca,{className:"input-form","data-is-side":!0},"marryBaby"===o?J.default.createElement(xa,{label:u("dueDatePage.ivf.transferDate"),name:"date",size:"md",value:Na(m),CustomInput:J.default.createElement(Qe,{onChange:e=>{p(e)},placeholder:"dd/mm/yyyy",pickedDate:m,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>J.default.createElement(w.Input,Object.assign({className:"due-date-input",name:"birthday",size:"md"},e,{value:m&&te.default(m).format(a.DUE_DATE_FORMAT)}))}),actionIcon:J.default.createElement(t.Icon.CalendarMB,{size:32})}):J.default.createElement(w.Input,{label:J.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:c.theme.colors.gray700,style:{marginBottom:"9px",flex:"1"}},u("dueDatePage.ivf.transferDate")),value:Na(m),name:"date",size:"md",className:"due-date-input",CustomInput:J.default.createElement(Qe,{customInput:e=>J.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:Na(m)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:l,pickedDate:m,displayDateFormat:T.DATE_FORMAT,onChange:e=>{p(e)},placeholder:"placeholder"})})),J.default.createElement("div",{style:{width:"100%"}},J.default.createElement(st,{id:"radio-transfer-date",direction:"vertical",size:"small",value:g,onChange:e=>h(e),options:[{value:"3",label:u("dueDatePage.ivf.transferDateRadio",{number:3})},{value:"5",label:u("dueDatePage.ivf.transferDateRadio",{number:5})}]})),J.default.createElement(n.Button,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===o?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:d,onClick:()=>{i(((e,t)=>{const a=new Date(e);return a.setDate(a.getDate()+265-t),{startDate:e,dueDate:a,otherInfo:{method:Ba.IVF+1,ivf_transfer_date:k.format(e,Ta),days_transfer:t,conception_date:null,first_day:null,cycle_length_days:null}}})(m,Number(g)),`${s.QUERY_HEALTH_TOOL.type}=2&${s.QUERY_HEALTH_TOOL.startDate}=${k.format(m,Ta)}&${s.QUERY_HEALTH_TOOL.additional}=${g}`)},role:"button"},u("dueDatePage.lastPeriod.calculate")))},Ma=({locale:l,onClick:i,siteType:o,pageUrl:d})=>{const{t:u}=r.useTranslations(),[m,p]=e.useState(28),[g,h]=e.useState(new Date);return J.default.createElement(J.default.Fragment,null,J.default.createElement(Ca,{className:"input-form","data-is-side":!0},"marryBaby"===o?J.default.createElement(xa,{label:u("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:Na(g),CustomInput:J.default.createElement(Qe,{onChange:e=>{h(e)},placeholder:"dd/mm/yyyy",pickedDate:g,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>J.default.createElement(w.Input,Object.assign({name:"birthday",size:"md"},e,{value:g&&te.default(g).format(a.DUE_DATE_FORMAT)}))}),actionIcon:J.default.createElement(t.Icon.CalendarMB,{size:32})}):J.default.createElement(w.Input,{className:"input-section due-date-input",label:J.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:c.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},u("dueDatePage.lastPeriod.lastPeriodLabel")),value:Na(g),name:"date",size:"md",CustomInput:J.default.createElement(Qe,{customInput:e=>J.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:Na(g)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:l,pickedDate:g,displayDateFormat:T.DATE_FORMAT,onChange:e=>{h(e)},placeholder:"placeholder"})})),J.default.createElement("div",{className:"slider-due-date","data-theme":"marryBaby"===o?"marryBaby":""},"marryBaby"===o?J.default.createElement(S.MarryBabyText,{type:"bodytext-3",color:c.theme.mbColors.midGray},u("dueDatePage.lastPeriod.periodLengthLabel")):J.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:c.theme.colors.gray600,style:{marginBottom:"0.5rem"}},u("dueDatePage.lastPeriod.periodLengthLabel")),J.default.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===o&&J.default.createElement(t.Text,{size:"s3",weight:"semiBold",color:c.theme.colors.gray600},m),J.default.createElement(N.Slider,{containerStyle:{flex:1},min:20,max:40,step:1,labelAlwaysOn:"marryBaby"!==o,withControl:"marryBaby"!==o,onChange:p,value:m,label:"marryBaby"!==o?void 0:null}))),J.default.createElement(n.Button,{dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:d,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===o?"secondary":"primary",onClick:()=>i(((e,t)=>{const a=t-21+272,l=new Date(e);return l.setDate(l.getDate()+a),{startDate:e,dueDate:l,otherInfo:{method:Ba.lastPeriod+1,first_day:k.format(e,Ta),cycle_length_days:t,conception_date:null,ivf_transfer_date:null,days_transfer:null}}})(g,m),`${s.QUERY_HEALTH_TOOL.type}=0&${s.QUERY_HEALTH_TOOL.startDate}=${k.format(g,Ta)}&${s.QUERY_HEALTH_TOOL.additional}=${m}`),role:"button"},u("dueDatePage.lastPeriod.calculate")))};ae.default.div`
+  padding: 0;
+  background-color: white;
+`,ae.default.div`
+  padding-bottom: 2px;
+  margin: auto;
+  ${l.MediaQueries.mbUp} {
+    width: 100%;
+    padding: 24px;
+  }
+`;const Aa=ae.default.div`
+  &[data-is-side='true'] {
+    width: 100%;
+    margin-bottom: 0;
+  }
+  ${l.MediaQueries.mbDown} {
+    width: 100%;
+    margin-bottom: 0;
+  }
+
+  margin-bottom: 24px;
+
+  & > :not(:last-child) {
+    margin-bottom: 8px;
+  }
+
+  .gender-selector {
+    & > :not(:last-child) {
+      margin-right: 16px;
+    }
+
+    & > div {
+      width: calc(50% - 8px);
+
+      ${l.MediaQueries.mbUp} {
+        max-width: 186px;
+        justify-self: left;
+      }
+    }
+  }
+`,Pa=ae.default.div`
+  margin-bottom: 20px;
+  width: 100%;
+
+  & > :not(:last-child) {
+    margin-bottom: 8px;
+  }
+  .gender-selector {
+    & > div {
+      width: calc(50% - 8px);
+    }
+  }
+`,$a=ae.default.div`
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  ${l.MediaQueries.mbUp} {
+    padding: 0 16px;
+    &[data-is-side='true'] {
+      margin-top: 24px;
+    }
+  }
+
+  ${l.MediaQueries.mbDown} {
+    margin-top: 24px;
+    &[data-site='marryBaby'] {
+      margin-top: 12px;
+    }
+  }
+  & > :not(:last-child) {
+    margin-bottom: 8px;
+  }
+
+  button {
+    width: 100%;
+    margin: auto;
+    ${l.MediaQueries.mbUp} {
+      max-width: 200px;
+    }
+  }
+`;ae.default.div`
+  ${l.MediaQueries.mbUp} {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+
+  padding-bottom: 60px;
+`,ae.default.div`
+  & > :not(:last-child) {
+    margin-bottom: 28px;
+  }
+`,ae.default.div`
+  ${l.MediaQueries.mbUp} {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+
+  padding-top: 32px;
+
+  color: ${e=>e.theme.colors.gray800};
+  text-align: center;
+
+  & > :last-child {
+    margin-top: 8px;
+  }
+`,ae.default.div`
+  margin-bottom: 32px;
+
+  ${l.MediaQueries.mbUp} {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+`,ae.default.div`
+  margin-bottom: 32px;
+
+  ${l.MediaQueries.mbUp} {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+`,ae.default.div`
+  margin-bottom: 16px;
+
+  ${l.MediaQueries.mbUp} {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+`,ae.default.div`
+  margin-bottom: 24px;
+
+  ${l.MediaQueries.mbUp} {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+`,ae.default.div`
+  margin-bottom: 56px;
+  line-height: 24px;
+
+  & > :first-child {
+    margin-bottom: 8px;
+  }
+
+  ${l.MediaQueries.mbUp} {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+`,ae.default.div`
+  margin-bottom: 56px;
+
+  & > :first-child {
+    margin-bottom: 8px;
+  }
+
+  ${l.MediaQueries.mbUp} {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+`,ae.default.div`
+  padding-top: 32px;
+
+  & > div {
+    margin-bottom: 24px;
+  }
+
+  ${l.MediaQueries.mbUp} {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+`,ae.default.div`
+  padding: 68px 0 56px 0;
+
+  ${l.MediaQueries.mbUp} {
+    padding: 84px 0 72px 0;
+  }
+`,ae.default.div`
+  display: flex;
+  gap: 10px;
+  line-height: 1;
+  span {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: 2;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+  }
+  ${l.MediaQueries.mbUp} {
+    padding-right: 16px;
+    padding-bottom: 10px;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+    &[data-is-side='true'] {
+      width: 100%;
+      margin-bottom: 15px;
+      justify-content: unset;
+      .label {
+        margin-bottom: 9px;
+      }
+    }
+  }
+
+  ${l.MediaQueries.mbDown} {
+    width: 100%;
+    margin-bottom: 15px;
+
+    .label {
+      margin-bottom: 9px;
+    }
+  }
+`;const za=ae.default.div`
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  .input-section {
+    display: flex;
+    flex-direction: column;
+  }
+
+  ${l.MediaQueries.mbDown} {
+    flex-direction: column;
+    .input-section {
+      width: 100%;
+    }
+  }
+`,La=ae.default.div`
+  position: relative;
+  width: calc(50% - 8px);
+
+  &[data-is-side='true'] {
+    .label {
+      margin-bottom: 9px;
+    }
+  }
+  ${l.MediaQueries.mbDown} {
+    .label {
+      margin-bottom: 9px;
+    }
+  }
+  margin-bottom: 24px;
+  #weight-gain-dropdown {
+    z-index: 9;
+    width: 100%;
+    min-width: unset;
+    max-width: unset;
+    color: ${e=>e.theme.colors.gray800};
+    & > ul {
+      z-index: 1;
+      max-height: 300px;
+      overflow-y: scroll;
+    }
+  }
+`,Ia=ae.default.div`
+  margin-bottom: 24px;
+  width: 100%;
+
+  ${l.MediaQueries.mbUp} {
+    padding: 0 16px;
+  }
+  .card {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    & > :not(:last-child) {
+      margin-bottom: 8px;
+    }
+
+    .gender-selector {
+      row-gap: 12px;
+
+      & > :not(:last-child) {
+        margin-right: 16px;
+      }
+
+      & > div {
+        ${l.MediaQueries.mbUp} {
+          width: calc(18% - 4px);
+          max-width: 186px;
+          justify-self: left;
+        }
+
+        ${l.MediaQueries.mbDown} {
+          width: calc(31% - 8px);
+          max-width: 109px;
+          justify-self: left;
+        }
+      }
+    }
+
+    .gender-image {
+      width: 23px;
+      height: 36px;
+      object-fit: contain;
+    }
+  }
+  .note {
+    display: flex;
+    align-items: center;
+    padding-top: 8px;
+    padding-bottom: 16px;
+  }
+`,_a=({onSubmitDueDate:a,locale:l,isSide:n,siteType:i})=>{const{t:o}=r.useTranslations(),[s,d]=e.useState(Ba.lastPeriod),u=[{value:Ba.lastPeriod,label:o("dueDatePage.lastPeriod")},{value:Ba.conception,label:o("dueDatePage.conceptionDate")},{value:Ba.IVF,label:o("dueDatePage.ivf")}],m=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return J.default.createElement(za,null,J.default.createElement(Ea,{className:"input-form input-section","data-is-side":!0},"marryBaby"===i?J.default.createElement(ya,{groupedWithLabel:o("dueDatePage.calculationMethod"),options:u,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:u[s],onChange:e=>{d(e.value)}}):J.default.createElement(J.default.Fragment,null,J.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:c.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},o("dueDatePage.calculationMethod")),J.default.createElement(wa,{"data-is-side":n},J.default.createElement(D.Dropdown,{options:u,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"md",value:u[s],onChange:e=>{d(e.value)}})))),s===Ba.lastPeriod?J.default.createElement(Ma,{locale:l,onClick:a,isSide:n,siteType:i,pageUrl:m}):null,s===Ba.conception?J.default.createElement(Sa,{locale:l,onClick:a,isSide:n,siteType:i,pageUrl:m}):null,s===Ba.IVF?J.default.createElement(Da,{locale:l,onClick:a,isSide:n,siteType:i,pageUrl:m}):null)},Oa=ae.default.form`
+  margin: auto;
+  ${l.MediaQueries.mbUp} {
+    width: 100%;
+    padding: 20px;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+  }
+  ${l.MediaQueries.mbDown} {
+    padding: 16px;
+  }
+  .due-date-calculate-button {
+    width: 100%;
+    margin: 12px auto 0;
+    ${l.MediaQueries.mbUp} {
+      max-width: 200px;
+    }
+  }
+  &[data-is-side='true'] {
+    ${l.MediaQueries.mbUp} {
+      padding: 24px 40px 0px 40px;
+    }
+  }
+  .input-weight-form {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    padding: 0 16px;
+  }
+  .input-form {
+    display: flex;
+
+    ${l.MediaQueries.mbUp} {
+      margin-bottom: 24px;
+      width: calc(50% - 8px);
+    }
+    &[data-is-side='true'] {
+      ${l.MediaQueries.mbUp} {
+        margin-bottom: 8px;
+        width: 100%;
+      }
+    }
+    ${l.MediaQueries.mbDown} {
+      margin-bottom: 8px;
+    }
+    .label-text {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      -webkit-line-clamp: 2;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+    }
+  }
+  .input-form-pwg {
+    display: flex;
+    width: calc(50% - 8px);
+
+    ${l.MediaQueries.mbUp} {
+      margin-bottom: 24px;
+    }
+    &[data-is-side='true'] {
+      ${l.MediaQueries.mbUp} {
+        margin-bottom: 8px;
+      }
+    }
+    ${l.MediaQueries.mbDown} {
+      margin-bottom: 8px;
+      width: 100%;
+    }
+    .label-text {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      -webkit-line-clamp: 2;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+    }
+  }
+  .day-slider {
+    width: 100%;
+    ${l.MediaQueries.mbUp} {
+      width: calc(50% - 8px);
+      &[data-is-side='true'] {
+        width: 100%;
+      }
+    }
+  }
+`,ja="hhgcomp-embedtoolcard-content",Fa=a.getDefaultClassWrapper(Oa,ja),Ha=ae.default.div`
+  padding: 0;
+  background-color: white;
+  border: 1px solid #e4e8ec;
+  border-radius: 4px;
+
+  &[data-site='marryBaby'] {
+    background-color: ${e=>e.theme.mbColors.green};
+    border-radius: 16px;
+  }
+  .due-date-cal {
+    .${ja} {
+      ${l.MediaQueries.mbUp} {
+        padding: 24px;
+      }
+      ${l.MediaQueries.mbDown} {
+        padding: 16px;
+      }
+    }
+    display: table;
+    width: 100%;
+    .slider-due-date {
+      margin-bottom: 12px;
+      width: 100%;
+      margin-left: 0px;
+      margin-right: 0px;
+      .slider-outer-wrapper {
+        margin: 2rem -0.5rem 1rem;
+      }
+      &[data-theme='marryBaby'] {
+        padding: 1rem;
+        background: white;
+        border-radius: 1rem;
+        .slider-outer-wrapper {
+          gap: 12px;
+          display: flex;
+          align-items: center;
+          margin: 0.5rem;
+        }
+      }
+    }
+    .input-form {
+      display: flex;
+      ${l.MediaQueries.mbUp} {
+        width: calc(50% - 8px);
+        margin-bottom: 24px;
+      }
+      &[data-is-side='true'] {
+        ${l.MediaQueries.mbUp} {
+          margin-bottom: 12px;
+          width: 100%;
+        }
+      }
+      ${l.MediaQueries.mbDown} {
+        margin-bottom: 8px;
+      }
+    }
+  }
+  .heart-rate-cal {
+    .slider-heart-rate {
+      margin-bottom: 12px;
+      width: 100%;
+      margin-left: 0px;
+      margin-right: 0px;
+      .slider-outer-wrapper {
+        margin: 2rem -0.5rem 1rem;
+      }
+    }
+  }
+  .ovulation-cal {
+    display: flex;
+    /* padding-top: 24px; */
+    justify-content: space-between;
+    flex-wrap: wrap;
+    .slider-ovulation {
+      margin-bottom: 12px;
+      /* width: 100%; */
+      margin-left: 0px;
+      margin-right: 0px;
+      .slider-outer-wrapper {
+        margin: 2rem -0.5rem 1rem;
+      }
+      &[data-theme='marryBaby'] {
+        padding: 1rem;
+        background: white;
+        border-radius: 1rem;
+        .slider-outer-wrapper {
+          gap: 12px;
+          display: flex;
+          align-items: center;
+          margin: 0.5rem;
+        }
+      }
+    }
+    .input-form {
+      display: flex;
+      ${l.MediaQueries.mbUp} {
+        width: calc(50% - 8px);
+        margin-bottom: 24px;
+        &[data-is-side='true'] {
+          margin-bottom: 12px;
+          width: 100%;
+        }
+      }
+      ${l.MediaQueries.mbDown} {
+        margin-bottom: 8px;
+      }
+    }
+  }
+  .pwg-view-mobile {
+    &[data-is-side='true'] {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-between;
+    }
+    ${l.MediaQueries.mbDown} {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-between;
+      padding: 16px 0;
+    }
+    .hide-asking-mobile {
+      gap: 10px;
+      &[data-is-side='true'] {
+        ${l.MediaQueries.mbUp} {
+          display: none;
+        }
+      }
+      ${l.MediaQueries.mbDown} {
+        display: none;
+      }
+    }
+    .hide-asking-desk {
+      gap: 10px;
+      &[data-is-side='true'] {
+        ${l.MediaQueries.mbUp} {
+          display: unset;
+        }
+      }
+      ${l.MediaQueries.mbUp} {
+        display: none;
+      }
+    }
+  }
+  input[type='date']::after {
+    width: 16px;
+    height: 16px;
+    background-image: url('https://hellobacsi.com/svg/calendar.svg');
+    background-repeat: no-repeat;
+    background-size: contain;
+    content: '';
+  }
+`,Ra=ae.default(st)`
+  &[data-direction='horizontal'] div[data-type='circle'] {
+    margin-right: 8px;
+  }
+  label {
+    font-size: 14px;
+  }
+`,Ga=ae.default(n.Button)`
+  margin: 0 auto 24px;
+  ${l.MediaQueries.mbUp} {
+    max-width: 200px;
+    margin: 24px auto;
+  }
+`,Ua=ae.default(a.PureInput)`
+  &.bmi--input {
+    + .bmi--input {
+      margin-top: 24px;
+    }
+    .inputLabel {
+      display: inline-block;
+      margin-bottom: 5px;
+      color: #595959;
+      font-weight: bold;
+      font-size: 12px;
+    }
+    .errorLabel {
+      line-height: 1.3;
+    }
+    input[type='radio'] {
+      padding: 0;
+    }
+    .bmi--input-radio_gender {
+      width: 100%;
+      gap: 16px;
+      > div {
+        ${l.MediaQueries.mbDown} {
+          width: calc(50% - 8px);
+        }
+        width: calc(33% - 8px);
+      }
+      & > div > div {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        align-content: center;
+        gap: 8px;
+        padding-block: 5px;
+      }
+    }
+    .bmi-side-embed {
+      > div {
+        ${l.MediaQueries.mbUp} {
+          width: calc(50% - 8px);
+        }
+      }
+    }
+    .radio-group-item-heading {
+      margin-top: 0;
+    }
+  }
+
+  ${l.MediaQueries.mbDown} {
+    &.bmi--input {
+      .bmi--input-radio_gender {
+        > div {
+          .gender-image {
+            width: 40px;
+            height: 40px;
+          }
+        }
+      }
+    }
+  }
+`,Wa=ae.default.div`
+  width: 100%;
+`,Va=ae.default.div`
+  margin-bottom: 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  input {
+    font-size: 12px;
+    ::placeholder {
+      color: #8c8c8c;
+      opacity: 1;
+    }
+  }
+  .input-label {
+    label {
+      display: inline-block;
+      margin-bottom: 9px;
+      color: #595959;
+      font-weight: bold;
+      font-size: 12px;
+    }
+  }
+`;ae.default.div`
+  display: flex;
+  flex-direction: column;
+  #thr-dropdown {
+    z-index: 10;
+    width: 100%;
+    min-width: unset;
+    max-width: unset;
+    color: ${e=>e.theme.colors.gray800};
+    & > ul {
+      z-index: 1;
+      max-height: 300px;
+      overflow-y: scroll;
+    }
+  }
+`;const qa=ae.default.div`
+  ${l.MediaQueries.mbUp} {
+    display: flex;
+    width: 100%;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 12px;
+    > div {
+      width: 100%;
+    }
+    &[data-is-side='true'] {
+      ${l.MediaQueries.mbUp} {
+        display: flex;
+        flex-direction: column;
+        gap: 0px;
+      }
+    }
+  }
+  ${l.MediaQueries.mbDown} {
+    display: flex;
+    flex-direction: column;
+    gap: 0px;
+  }
+`;function Qa({weight:e,height:t}){const a=t/100,l=e;return Math.round(l/(a*a)*10)/10}const Za=({value:l,onChange:i,onSubmit:o,disabled:d,bmiGenerated:p,bmiUnit:g,locale:h,isSide:f})=>{var b,v,y,x;const[E,w]=e.useState(!1),{control:C,handleSubmit:k,setValue:B,watch:T}=A.useForm(),N=T(),{t:S}=r.useTranslations(),{gender:D=!1,age:M=!1,height:$=!1,weight:z=!1,objective:L=!0}=d||{},{getHealthToolLink:I}=P.useHealthToolsCache(h),_=e.useMemo((()=>I(a.HEALTH_TOOL_TYPE.OVULATION)),[I]),O=e.useMemo((()=>[{value:"lose-weight",label:S("bmi.objective.loseWeight")},{value:"maintain-weight",label:S("bmi.objective.maintainWeight")},{value:"gain-weight",label:S("bmi.objective.gainWeight")}]),[]),j=()=>{w(!0)};return e.useEffect((()=>{Object.keys(l||{}).forEach((e=>{B(e,null==l?void 0:l[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})}))}),[l]),e.useEffect((()=>{i&&i(N)}),[N]),J.default.createElement(Wa,null,J.default.createElement("form",{onSubmit:k((e=>u.__awaiter(void 0,void 0,void 0,(function*(){const t=g.heightConvert(e.height),a=g.weightConvert(e.weight),l={gender:e.gender,age:e.age,height:t,weight:a,bmi:Qa({height:t,weight:a})};L||(l.objective=e.objective),j(),o&&o(l)}))),j)},!D&&J.default.createElement(Va,{"data-is-side":f},J.default.createElement(A.Controller,{name:"gender",control:C,defaultValue:"male",render:({field:{onChange:e}})=>J.default.createElement(Ne,{defaultValue:"male",onChange:t=>e(t),styles:e=>({root:!f&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:m.rem(12)}}})})})),J.default.createElement(qa,{"data-is-side":f},!M&&J.default.createElement(Va,null,J.default.createElement(A.Controller,{name:"age",control:C,rules:null===(b=p.age)||void 0===b?void 0:b.rule,render:({field:{name:e,value:a,onChange:l},fieldState:{error:i}})=>J.default.createElement(n.Input.Number,{label:J.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:c.theme.colors.gray600},S("bmi.ageInput")," ",J.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:c.theme.colors.gray300,as:"span"},S("bmi.ageInput.desc"))),placeholder:S("healthtool.placeholder.age"),name:e,value:a,onChange:l,error:E?null==i?void 0:i.message:"",min:0})})),!$&&J.default.createElement(Va,null,J.default.createElement(A.Controller,{name:"height",control:C,rules:null===(v=p.height)||void 0===v?void 0:v.rule,render:({field:{name:e,value:a,onChange:l},fieldState:{error:i}})=>J.default.createElement(n.Input.Number,{label:J.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:c.theme.colors.gray600},S("bmi.heightInput")," ",J.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:c.theme.colors.gray300,as:"span"},S("bmi.heightInput.desc"))),placeholder:S("pwg.placeholder.height"),name:e,value:a,onChange:l,error:E?null==i?void 0:i.message:"",min:0})})),!z&&J.default.createElement(Va,null,J.default.createElement(A.Controller,{name:"weight",control:C,rules:null===(y=p.weight)||void 0===y?void 0:y.rule,render:({field:{name:e,value:a,onChange:l},fieldState:{error:i}})=>J.default.createElement(n.Input.Number,{label:J.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:c.theme.colors.gray600},S("bmi.weightInput")," ",J.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:c.theme.colors.gray300,as:"span"},S("bmi.weightInput.desc"))),placeholder:S("pwg.placeholder.weight"),name:e,value:a,onChange:l,error:E?null==i?void 0:i.message:"",precision:1,min:0})})),!L&&J.default.createElement(Va,null,J.default.createElement(A.Controller,{name:"objective",control:C,defaultValue:"lose-weight",rules:null===(x=p.objective)||void 0===x?void 0:x.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:l}})=>J.default.createElement(Ua,{size:"md",name:e,label:p.objective.label,CustomInput:J.default.createElement(st,{id:"bmi-objective",className:"bmi-objective",direction:"vertical",size:"small",options:O,value:t,onChange:a}),errorMessage:E?null==l?void 0:l.message:"",className:"bmi--input bmi--input-objective"})}))),J.default.createElement("div",{style:{display:"flex"}},J.default.createElement(Ga,{size:"lg",fullWidth:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${s.domainLocales[h]}/${_}`,type:"submit"},S("bmi.submit")))))},Ya=ae.default.div`
+  padding-block: 40px;
+
+  &[data-theme='marryBaby'] {
+    padding-block: 0;
+    padding-top: 12px;
+  }
+`,Ka=ae.default.form`
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+`,Xa=ae.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  margin-top: auto;
+
+  .error-input input {
+    border: 1px solid ${e=>e.theme.colors.red700};
+  }
+`,Ja=ae.default(B.Label)`
+  display: inline-flex;
+  padding-bottom: 6px;
+  gap: 4px;
+`,el=ae.default.div`
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  > div {
+    width: 100%;
+  }
+`;ae.default.div`
+  ${l.MediaQueries.mbUp} {
+    padding: 0 16px;
+  }
+
+  margin-bottom: 24px;
+
+  & > :not(:last-child) {
+    margin-bottom: 8px;
+  }
+
+  .gender-selector {
+    & > :not(:last-child) {
+      margin-right: 16px;
+    }
+
+    & > div {
+      width: calc(50% - 8px);
+
+      ${l.MediaQueries.mbUp} {
+        max-width: 186px;
+        justify-self: left;
+      }
+    }
+  }
+`;const tl=(e=0,t=0)=>{try{if(e&&t){const a=Number(t)/Math.pow(Number(e)/100,2);return Number(((e,t=2)=>Intl.NumberFormat(void 0,{maximumFractionDigits:t}).format(e))(a))}return 0}catch(e){}return 0},al=ae.default.div`
+  padding: 36px;
+  padding-top: 0;
+  background-color: white;
+  ${l.MediaQueries.mbDown} {
+    padding: 16px;
+    padding-top: 0;
+  }
+  &[data-theme='marryBaby'] {
+    background-color: ${e=>e.theme.mbColors.green};
+    padding: 24px;
+    border-bottom-right-radius: 16px;
+    border-bottom-left-radius: 16px;
+    ${l.MediaQueries.mbDown} {
+      padding: 16px;
+    }
+  }
+`,ll=ae.default((({onSubmit:l,onError:i,schema:o,siteType:s})=>{const{t:d}=r.useTranslations(),u="mb"===m.useMantineTheme().other.template,{control:p,setValue:h,watch:f,handleSubmit:b,formState:{isSubmitted:v}}=A.useForm({resolver:$.yupResolver(o),mode:"onSubmit",defaultValues:{name:"",gender:g.Gender.Boy,measurementDate:new Date}}),y=f("weight"),x=f("height"),E=f("head"),C=e.useMemo((()=>v&&!y&&!x&&!E),[v,y,x,E]);e.useEffect((()=>{const e=tl(x,y);h("bmi",String(e)||"0")}),[y,x]);const k=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return J.default.createElement(J.default.Fragment,null,J.default.createElement(Ya,{"data-theme":s},J.default.createElement(Ka,{onSubmit:b(l,i)},J.default.createElement(A.Controller,{control:p,name:"gender",render:({field:{onChange:e,value:t}})=>J.default.createElement(z.BabyGrowthGender,{onChange:e,value:t,siteType:s})}),"marryBaby"===s?J.default.createElement(J.default.Fragment,null,J.default.createElement(A.Controller,{control:p,name:"birthday",render:({field:{onChange:e,value:l},fieldState:{error:n}})=>J.default.createElement(Xa,null,J.default.createElement(xa,{label:d("babyGrowth.input.birthday"),name:"birthday",size:"md",value:String(l),CustomInput:J.default.createElement(Qe,{onChange:e,placeholder:"dd/mm/yyyy",pickedDate:l||new Date,displayDateFormat:"dd/MM/yyyy",disabledDays:{after:new Date},customInput:t=>J.default.createElement(w.Input,Object.assign({onChange:e,className:(null==n?void 0:n.message)?"error-input":"",name:"birthday",size:"md"},t,{value:l&&te.default(l).format(a.DUE_DATE_FORMAT)}))}),actionIcon:J.default.createElement(t.Icon.CalendarMB,{size:32})}))}),J.default.createElement(el,null,J.default.createElement(A.Controller,{control:p,name:"height",render:({field:{onChange:e,value:t},fieldState:{error:a}})=>J.default.createElement(Xa,null,J.default.createElement(xa,{label:`${d("babyGrowth.height")} ${d("babyGrowth.cm")}`,name:"height",size:"md",value:String(t),CustomInput:J.default.createElement(w.Input,{className:C||(null==a?void 0:a.message)?"error-input":"",name:"height",size:"md",placeholder:"Nhập thông tin",value:String(t),onChange:e,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()})}))}),J.default.createElement(A.Controller,{control:p,name:"weight",render:({field:{onChange:e,value:t},fieldState:{error:a}})=>J.default.createElement(Xa,null,J.default.createElement(xa,{label:`${d("babyGrowth.weight")} ${d("babyGrowth.kg")}`,name:"weight",size:"md",value:String(t),CustomInput:J.default.createElement(w.Input,{className:C||(null==a?void 0:a.message)?"error-input":"",name:"weight",size:"md",placeholder:"Nhập thông tin",value:String(t),onChange:e,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()})}))})),J.default.createElement(el,null,J.default.createElement(A.Controller,{control:p,name:"head",render:({field:{onChange:e,value:t},fieldState:{error:a}})=>J.default.createElement(Xa,null,J.default.createElement(xa,{label:`${d("babyGrowth.headCircumference")} ${d("babyGrowth.cm")}`,name:"head",size:"md",value:String(t),CustomInput:J.default.createElement(w.Input,{className:C||(null==a?void 0:a.message)?"error-input":"",name:"head",size:"md",value:String(t),onChange:e,type:"number",placeholder:"Nhập thông tin",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()})}))}),J.default.createElement(A.Controller,{control:p,name:"bmi",render:({field:{value:e}})=>J.default.createElement(Xa,null,J.default.createElement(xa,{label:`${d("babyGrowth.input.bmi")} ${d("babyGrowth.kg.m2")}`,name:"date",size:"md",value:String(e),CustomInput:J.default.createElement(w.Input,{name:"bmi",size:"md",type:"number",value:String(e),isDisabled:!0,style:{color:"#9495A0"}})}))})),J.default.createElement(A.Controller,{control:p,name:"measurementDate",render:({field:{onChange:e,value:l},fieldState:{error:n}})=>J.default.createElement(Xa,null,J.default.createElement(xa,{label:d("babyGrowth.input.measurementDate"),name:"date",size:"md",value:Na(l),CustomInput:J.default.createElement(Qe,{placeholder:l&&te.default(l).format(a.DUE_DATE_FORMAT),pickedDate:l||new Date,displayDateFormat:"dd/MM/yyyy",onChange:e,disabledDays:{after:new Date},customInput:t=>J.default.createElement(w.Input,Object.assign({className:(null==n?void 0:n.message)&&"error-input",name:"measurementDate",size:"md",placeholder:l&&te.default(l).format(a.DUE_DATE_FORMAT),onChange:e},t,{value:l&&te.default(l).format(a.DUE_DATE_FORMAT)}))}),actionIcon:J.default.createElement(t.Icon.CalendarMB,{size:32})}))}),J.default.createElement(n.Button,{size:"lg",variant:u?"secondary":"primary","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":k},d("babyGrowth.input.submit"))):J.default.createElement(J.default.Fragment,null,J.default.createElement(A.Controller,{control:p,name:"birthday",render:({field:{onChange:e,value:l},fieldState:{error:n}})=>J.default.createElement(Xa,null,J.default.createElement(Ja,{size:"label1",htmlFor:"birthday"},J.default.createElement(t.Text,{as:"label",size:"s4",weight:"semiBold"},d("babyGrowth.input.birthday"))),J.default.createElement(Qe,{onChange:e,placeholder:"dd/mm/yyyy",pickedDate:l||new Date,displayDateFormat:"dd/MM/yyyy",disabledDays:{after:new Date},customInput:i=>J.default.createElement(w.Input,Object.assign({onChange:e,className:(null==n?void 0:n.message)?"error-input":"",name:"birthday",size:"md",actionIcon:J.default.createElement(t.Icon.Calendar,null)},i,{value:l&&te.default(l).format(a.DUE_DATE_FORMAT)}))}))}),J.default.createElement(el,null,J.default.createElement(A.Controller,{control:p,name:"height",render:({field:{onChange:e,value:a},fieldState:{error:l}})=>J.default.createElement(Xa,null,J.default.createElement(Ja,{size:"label1",htmlFor:"height"},J.default.createElement(t.Text,{size:"s4",weight:"semiBold"},d("babyGrowth.height")),J.default.createElement(t.Text,{as:"span",size:"n1",color:c.theme.colors.gray400},d("babyGrowth.cm"))),J.default.createElement(w.Input,{className:C||(null==l?void 0:l.message)?"error-input":"",name:"height",placeholder:"0",size:"md",value:String(a),onChange:e,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()}))}),J.default.createElement(A.Controller,{control:p,name:"weight",render:({field:{onChange:e,value:a},fieldState:{error:l}})=>J.default.createElement(Xa,null,J.default.createElement(Ja,{size:"label1",htmlFor:"weight"},J.default.createElement(t.Text,{size:"s4",weight:"semiBold"},d("babyGrowth.weight")),J.default.createElement(t.Text,{as:"span",size:"n1",color:c.theme.colors.gray400},d("babyGrowth.kg"))),J.default.createElement(w.Input,{className:C||(null==l?void 0:l.message)?"error-input":"",name:"weight",placeholder:"0",size:"md",value:String(a),onChange:e,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()}))})),J.default.createElement(el,null,J.default.createElement(A.Controller,{control:p,name:"head",render:({field:{onChange:e,value:a},fieldState:{error:l}})=>J.default.createElement(Xa,null,J.default.createElement(Ja,{size:"label1",htmlFor:"head"},J.default.createElement(t.Text,{size:"s4",weight:"semiBold"},d("babyGrowth.headCircumference")),J.default.createElement(t.Text,{as:"span",size:"n1",color:c.theme.colors.gray400},d("babyGrowth.cm"))),J.default.createElement(w.Input,{className:C||(null==l?void 0:l.message)?"error-input":"",name:"head",placeholder:"0",size:"md",value:String(a),onChange:e,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()}))}),J.default.createElement(A.Controller,{control:p,name:"bmi",render:({field:{value:e}})=>J.default.createElement(Xa,null,J.default.createElement(Ja,{size:"label1",htmlFor:"bmi"},J.default.createElement(t.Text,{size:"s4",weight:"semiBold"},d("babyGrowth.input.bmi")),J.default.createElement(t.Text,{as:"span",size:"n1",color:c.theme.colors.gray400},d("babyGrowth.kg.m2"))),J.default.createElement(w.Input,{name:"bmi",size:"md",type:"number",value:String(e),isDisabled:!0}))})),J.default.createElement(A.Controller,{control:p,name:"measurementDate",render:({field:{onChange:e,value:l},fieldState:{error:n}})=>J.default.createElement(Xa,null,J.default.createElement(Ja,{size:"label1",htmlFor:"measurementDate"},J.default.createElement(t.Text,{as:"label",size:"s4",weight:"semiBold"},d("babyGrowth.input.measurementDate"))),J.default.createElement(Qe,{placeholder:l&&te.default(l).format(a.DUE_DATE_FORMAT),pickedDate:l||new Date,displayDateFormat:"dd/MM/yyyy",onChange:e,disabledDays:{after:new Date},customInput:i=>J.default.createElement(w.Input,Object.assign({className:(null==n?void 0:n.message)&&"error-input",name:"measurementDate",size:"md",placeholder:l&&te.default(l).format(a.DUE_DATE_FORMAT),onChange:e,actionIcon:J.default.createElement(t.Icon.Calendar,null)},i,{value:l&&te.default(l).format(a.DUE_DATE_FORMAT)}))}))}),J.default.createElement(n.Button,{size:"lg",variant:u?"secondary":"primary","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":k},d("babyGrowth.input.submit"))))))}))`
+  padding-block: 0;
+`;ae.default(va)`
+  padding-inline: 20px;
+
+  img.embedded-icon {
+    width: 140px;
+    margin-left: 50%;
+    align-self: center;
+  }
+
+  ${l.MediaQueries.mbDown} {
+    padding-inline: 0;
+    img.embedded-icon {
+      width: 125px;
+      align-self: end;
+      margin-left: 0;
+      position: absolute;
+      transform: translateY(50%);
+    }
+    .embedded-review {
+      max-width: 200px;
+    }
+  }
+`;var nl=m.createStyles(((e,t)=>{const{isMarryBaby:a,isSide:l,direction:n}=t;return{root:Object.assign(Object.assign(Object.assign(Object.assign({position:"relative",display:"flex"},"auto"===n?{flexDirection:"row"}:{flexDirection:"column"===n?"column-reverse":"row"}),{gap:"8px",padding:"16px",borderRadius:a?"16px":"8px"}),!a&&{backgroundImage:`url(${d.CommonGAssets.getAssetPath("bgPattern/baby-poop.svg")})`,backgroundRepeat:"no-repeat",backgroundSize:"cover",backgroundPosition:"center"}),{backgroundColor:a?e.colors.toneGreen.toString():e.colors[e.primaryColor][0],[e.fn.smallerThan("sm")]:Object.assign({},"auto"===n?{flexDirection:"column-reverse"}:{}),[e.fn.smallerThan("md")]:{borderRadius:a?"12px":"8px"},[e.fn.largerThan("md")]:{padding:"32px",gap:"20px"}}),inner:{display:"flex",gap:"16px",flexDirection:"column",flex:1},content:{display:"flex",flexDirection:"column",gap:"16px"},reviewText:{display:"flex",gap:"4px",a:{color:e.colors.gray[6],fontWeight:"bold","&:not(:hover)":{textDecoration:"none"}}},reviewTextIcon:{flexShrink:0,width:"16px",height:"16px",[e.fn.largerThan("sm")]:{marginTop:"2px"}},thumbnail:Object.assign(Object.assign({img:{objectFit:"contain",objectPosition:"bottom",width:"100%",height:"100%"}},"column"===n?{width:"80%",alignSelf:"center"}:"row"===n?{width:"40%"}:{}),{[e.fn.smallerThan("sm")]:Object.assign({},"auto"===n?{width:"80%",alignSelf:"center"}:{}),[e.fn.largerThan("sm")]:Object.assign({},"auto"===n?{width:"40%"}:{})}),action:{display:"flex",justifyContent:a?"center":"flex-start"},btn:{minWidth:a?"auto":"143px",width:l||a?"100%":"auto",[e.fn.smallerThan("md")]:{width:"100%"}},sponsorLogo:Object.assign(Object.assign({position:"absolute",top:0,height:40,objectFit:"contain",objectPosition:"top"},"column"===n?{left:"16px",height:40}:"row"===n?{height:50,right:"40px"}:{left:"16px",height:40}),{[e.fn.largerThan("sm")]:Object.assign({},"auto"===n?{height:50,right:"40px",left:"unset"}:{})})}}));const il=ae.default.div`
+  display: flex;
+  width: 100%;
+
+  &[data-direction='vertical'] {
+    flex-direction: column;
+  }
+
+  &[data-direction='horizontal'] {
+    flex-wrap: wrap;
+  }
+`,rl=ae.default.div`
+  display: flex;
+
+  padding: 8px;
+
+  border-radius: ${e=>e.theme.borderRadius};
+  cursor: pointer;
+
+  & > div {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
+  }
+
+  &[data-selected='true'] {
+    border: 1px solid #2d87f3;
+    background: white;
+
+    .radio-group-item-heading {
+      color: #2d87f3;
+    }
+  }
+  &[data-selected='false'] {
+    border: 1px solid #f2f2f2;
+    box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);
+    .radio-group-item-heading {
+      color: #262626;
+    }
+  }
+  &[data-disabled='true'] {
+    cursor: auto;
+  }
+
+  .radio-group-item-heading {
+    margin-top: 8px;
+    text-align: center;
+  }
+
+  .gender-image {
+    width: 23px;
+    height: 36px;
+    object-fit: contain;
+  }
+`,ol=({value:a,options:l,className:n,direction:i="horizontal",onChange:r,isDisabled:o})=>{const[s,d]=e.useState(a);return J.default.createElement(il,{className:n,"data-direction":i},l.map(((e,l)=>J.default.createElement(rl,{"data-selected":(a||s)===e.value,"data-disabled":o,key:`health-tool${l}`,onClick:()=>{var t;t=e.value,o||(d(t),r&&r(t))}},J.default.createElement("div",null,J.default.createElement("img",{src:(a||s)===e.value?e.imageActive:e.image,className:"gender-image",alt:"",loading:"lazy"}),e.label&&J.default.createElement(t.Text,{weight:"bold",className:"radio-group-item-heading",size:"label1"},e.label))))))},sl=ae.default(n.Button)`
+  margin: 0 auto 24px;
+  width: 100%;
+  ${l.MediaQueries.mbUp} {
+    max-width: 200px;
+  }
+`;ae.default.div`
+  display: flex;
+  gap: 10px;
+  line-height: 1;
+  span {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: 2;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+  }
+  ${l.MediaQueries.mbUp} {
+    padding-right: 16px;
+    padding-bottom: 10px;
+    flex-wrap: wrap;
+    align-items: center;
+    &[data-is-side='true'] {
+      width: 100%;
+      justify-content: unset;
+      .label {
+        margin-bottom: 9px;
+      }
+    }
+  }
+  &[data-is-side='true'] {
+    ${l.MediaQueries.mbDown} {
+      width: 100%;
+      .label {
+        margin-bottom: 9px;
+      }
+    }
+  }
+  ${l.MediaQueries.mbDown} {
+    width: 100%;
+    .label {
+      margin-bottom: 9px;
+    }
+  }
+`,ae.default(a.PureInput)`
+  &.bmi--input {
+    + .bmi--input {
+      margin-top: 24px;
+    }
+    .inputLabel {
+      display: inline-block;
+      margin-bottom: 5px;
+      color: #595959;
+      font-weight: bold;
+      font-size: 12px;
+    }
+    .errorLabel {
+      line-height: 1.3;
+    }
+    input[type='radio'] {
+      padding: 0;
+    }
+    .bmi--input-radio_gender {
+      width: 100%;
+      gap: 16px;
+      > div {
+        width: calc(50% - 8px);
+      }
+      & > div > div {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        align-content: center;
+        gap: 8px;
+        padding-block: 5px;
+      }
+    }
+    .radio-group-item-heading {
+      margin-top: 0;
+    }
+  }
+
+  ${l.MediaQueries.mbUp} {
+    &.bmi--input {
+      .bmi--input-radio_gender {
+        > div {
+          max-width: 186px;
+        }
+      }
+    }
+  }
+
+  ${l.MediaQueries.mbDown} {
+    &.bmi--input {
+      .bmi--input-radio_gender {
+        > div {
+          .gender-image {
+            width: 40px;
+            height: 40px;
+          }
+        }
+      }
+    }
+  }
+`;const dl=ae.default.div``,cl=ae.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  input {
+    font-size: 12px;
+  }
+  .gender-option {
+    gap: 16px;
+    > div {
+      width: calc(50% - 8px);
+    }
+  }
+  .input-label {
+    label {
+      display: inline-block;
+      margin-bottom: 9px;
+      color: #595959;
+      font-weight: bold;
+      font-size: 12px;
+    }
+  }
+`,ul=ae.default.div`
+  ${l.MediaQueries.mbUp} {
+    display: flex;
+    width: 100%;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 16px;
+    margin-bottom: 24px;
+    > div {
+      width: 100%;
+    }
+  }
+
+  ${l.MediaQueries.mbDown} {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    margin-bottom: 8px;
+  }
+  &[data-is-side='true'] {
+    ${l.MediaQueries.mbUp} {
+      display: flex;
+      flex-direction: column-reverse;
+      gap: 0px;
+    }
+  }
+`,ml=({info:a,className:l,style:n,onChange:i,errorMessage:o={},locale:s})=>{const{t:d}=r.useTranslations(),[u,m]=e.useState(new Date),[p,g]=e.useState({age:!1,rate:!1});return e.useEffect((()=>{g({age:!1,rate:!1})}),[o]),J.default.createElement(dl,{style:n,className:l},J.default.createElement(w.Input,{className:"input-section due-date-input",label:J.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:c.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},d("targetHeartRate.ageInput")),value:Na(u),name:"date",size:"md",CustomInput:J.default.createElement(Qe,{customInput:e=>J.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:Na(u)})),disabledDays:{after:new Date(k.addDays(new Date,0))},locale:s,pickedDate:u,displayDateFormat:"dd/MM/yyyy",onChange:e=>{(e=>{m(e),g((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},a),{age:k.format(new Date(e),Ta)});i&&i(t)})(e)},placeholder:"placeholder"}),errorMessage:p.age?"":o.age}))},pl=ae.default(n.Button)`
+  margin: 0 auto 24px;
+  ${l.MediaQueries.mbUp} {
+    max-width: 200px;
+    margin: 24px auto;
+  }
+`;ae.default(a.PureInput)`
+  &.bmi--input {
+    + .bmi--input {
+      margin-top: 24px;
+    }
+    .inputLabel {
+      display: inline-block;
+      margin-bottom: 5px;
+      color: #595959;
+      font-weight: bold;
+      font-size: 12px;
+    }
+    .errorLabel {
+      line-height: 1.3;
+    }
+    input[type='radio'] {
+      padding: 0;
+    }
+    .bmi--input-radio_gender {
+      width: 100%;
+      gap: 16px;
+      > div {
+        ${l.MediaQueries.mbDown} {
+          width: calc(50% - 8px);
+        }
+        width: calc(33% - 8px);
+      }
+      & > div > div {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        align-content: center;
+        gap: 8px;
+        padding-block: 5px;
+      }
+    }
+    .bmi-side-embed {
+      > div {
+        ${l.MediaQueries.mbUp} {
+          width: calc(50% - 8px);
+        }
+      }
+    }
+    .radio-group-item-heading {
+      margin-top: 0;
+    }
+  }
+
+  ${l.MediaQueries.mbDown} {
+    &.bmi--input {
+      .bmi--input-radio_gender {
+        > div {
+          .gender-image {
+            width: 40px;
+            height: 40px;
+          }
+        }
+      }
+    }
+  }
+`;const gl=ae.default.div``,hl=ae.default.div`
+  margin-bottom: 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  input {
+    font-size: 12px;
+    ::placeholder {
+      color: #8c8c8c;
+      opacity: 1;
+    }
+  }
+  .gender-option {
+    gap: 16px;
+    > div {
+      width: calc(50% - 8px);
+    }
+  }
+  .input-label {
+    label {
+      display: inline-block;
+      margin-bottom: 9px;
+      color: #595959;
+      font-weight: bold;
+      font-size: 12px;
+    }
+  }
+`,fl=ae.default.div`
+  ${l.MediaQueries.mbUp} {
+    display: flex;
+    width: 100%;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 12px;
+    > div {
+      width: 100%;
+    }
+    &[data-is-side='true'] {
+      ${l.MediaQueries.mbUp} {
+        display: flex;
+        flex-direction: column;
+        gap: 0px;
+      }
+    }
+  }
+  ${l.MediaQueries.mbDown} {
+    display: flex;
+    flex-direction: column;
+    gap: 0px;
+  }
+`,bl=({info:l,className:i,style:o,onChange:d,errorMessage:u={},locale:p,onClick:g,isSide:h})=>{const{t:f}=r.useTranslations(),[b,v]=e.useState({age:!1,height:!1,weight:!1}),{getHealthToolLink:y}=P.useHealthToolsCache(p),x=e.useMemo((()=>y(a.HEALTH_TOOL_TYPE.OVULATION)),[y]),[E,w]=e.useState("male"),C=(e,t)=>{""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},k=e=>{var t,a;a=e=>{v((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},l),{age:e});d&&d(t)},""!==(t=e)&&(isNaN(t)||isNaN(parseFloat(t))||t.includes("."))||a(t)};return e.useEffect((()=>{d&&d(Object.assign(Object.assign({},l),{objective:"lose-fat",activeLevel:"sedentary"}))}),[]),e.useEffect((()=>{v({age:!1,height:!1,weight:!1})}),[u]),J.default.createElement(gl,{style:o,className:i},J.default.createElement(hl,{"data-is-side":h},J.default.createElement(Ne,{defaultValue:"male",onChange:e=>w(e),styles:e=>({root:!h&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:m.rem(12)}}})})),J.default.createElement(fl,{"data-is-side":h},J.default.createElement(hl,null,J.default.createElement(n.Input.Number,{label:J.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:c.theme.colors.gray600},f("bmi.ageInput")," ",J.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:c.theme.colors.gray300,as:"span"},f("bmi.ageInput.desc"))),placeholder:f("healthtool.placeholder.age"),value:Number(l.age),onChange:e=>k(String(e)),error:b.age?"":u.age,min:0})),J.default.createElement(hl,null,J.default.createElement(n.Input.Number,{label:J.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:c.theme.colors.gray600},f("bmi.heightInput")," ",J.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:c.theme.colors.gray300,as:"span"},f("bmi.heightInput.desc"))),placeholder:f("pwg.placeholder.height"),value:Number(l.height),onChange:e=>{return t=String(e),void C(t,(e=>{v((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},l),{height:e});d&&d(t)}));var t},error:b.height?"":u.height,min:0})),J.default.createElement(hl,null,J.default.createElement(n.Input.Number,{label:J.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:c.theme.colors.gray600},f("bmi.weightInput")," ",J.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:c.theme.colors.gray300,as:"span"},f("bmi.weightInput.desc"))),placeholder:f("pwg.placeholder.weight"),value:Number(l.weight),onChange:e=>{return t=String(e),v((e=>Object.assign(Object.assign({},e),{weight:!0}))),void C(t,(e=>{const t=Object.assign(Object.assign({},l),{weight:e});d&&d(t)}));var t},error:b.weight?"":u.weight,min:0,precision:1}))),J.default.createElement("div",{style:{display:"flex"}},J.default.createElement(pl,{size:"lg",fullWidth:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMR",dataEventLabel:`https://${s.domainLocales[p]}/${x}`,onClick:()=>{g(E)}},f("bmi.submit"))))},vl=({locale:l,onSubmit:i,isSide:o,siteType:s})=>{const{t:d}=r.useTranslations(),[u,m]=e.useState(new Date),[p,g]=e.useState(28),[h,f]=e.useState(7),b={cycle:p,periodDateStart:u,periodLength:h},v=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return J.default.createElement(J.default.Fragment,null,J.default.createElement(Ca,{className:"input-form input-section","data-is-side":!0},"marryBaby"===s?J.default.createElement(xa,{label:d("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:Na(u),CustomInput:J.default.createElement(Qe,{onChange:e=>{m(e)},placeholder:"dd/mm/yyyy",pickedDate:u,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:k.addDays(new Date,-45),after:new Date},customInput:e=>J.default.createElement(w.Input,Object.assign({className:"due-date-input",name:"birthday",size:"md"},e,{value:u&&te.default(u).format(a.DUE_DATE_FORMAT)}))}),actionIcon:J.default.createElement(t.Icon.CalendarMB,{size:32})}):J.default.createElement(w.Input,{label:J.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959",style:{marginBottom:"9px",flex:"1"}},d("dueDatePage.lastPeriod.lastPeriodLabel")),value:Na(u),size:"md",name:"date",className:"due-date-input",CustomInput:J.default.createElement(Qe,{customInput:e=>J.default.createElement("input",Object.assign({},e,{type:"date",className:"due-date-input",value:Na(u)})),locale:l,pickedDate:u,displayDateFormat:T.DATE_FORMAT,onChange:e=>{m(e)},disabledDays:{before:k.addDays(new Date,-45),after:new Date},placeholder:"Chọn ngày"})})),J.default.createElement("div",{className:"slider-ovulation day-slider","data-theme":"marryBaby"===s?"marryBaby":"","data-is-side":o},"marryBaby"===s?J.default.createElement(S.MarryBabyText,{type:"bodytext-3",color:c.theme.mbColors.midGray},d("ovulationPage.cycleLength")):J.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959"},d("ovulationPage.cycleLength")+" ",J.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959",style:{display:"inline",minHeight:"36px"}},d("ovulationPage.dayUnit"))),J.default.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===s&&J.default.createElement(t.Text,{size:"s3",weight:"semiBold",color:c.theme.colors.gray600},p),J.default.createElement(N.Slider,{containerStyle:{flex:1},min:21,max:45,step:1,value:p,onChange:g,labelAlwaysOn:"marryBaby"!==s,withControl:"marryBaby"!==s,label:"marryBaby"!==s?void 0:null}))),J.default.createElement("div",{className:"slider-ovulation day-slider","data-theme":"marryBaby"===s?"marryBaby":"","data-is-side":o},"marryBaby"===s?J.default.createElement(S.MarryBabyText,{type:"bodytext-3",color:c.theme.mbColors.midGray},d("ovulationPage.periodDuration")):J.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959"},d("ovulationPage.periodDuration")+" ",J.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959",style:{display:"inline",minHeight:"36px"}},d("ovulationPage.dayUnit"))),J.default.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===s&&J.default.createElement(t.Text,{size:"s3",weight:"semiBold",color:c.theme.colors.gray600},h),J.default.createElement(N.Slider,{containerStyle:{flex:1},min:1,max:15,step:1,value:h,onChange:f,labelAlwaysOn:"marryBaby"!==s,withControl:"marryBaby"!==s,label:"marryBaby"!==s?void 0:null}))),J.default.createElement("div",{style:{width:"100%",display:"flex"}},J.default.createElement(n.Button,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===s?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Ovulation",dataEventLabel:v,onClick:()=>{localStorage.setItem("ovulationInfo",JSON.stringify(b)),i&&i({startDate:u,cycle:p,periodLength:h})},role:"button"},d("dueDatePage.lastPeriod.calculate"))))};var yl;!function(e){e[e.trackPeriod=0]="trackPeriod",e[e.conceive=1]="conceive",e[e.avoidPregnancy=2]="avoidPregnancy"}(yl||(yl={}));const xl=({locale:a,onSubmitOvulation:l,isSide:n,siteType:i})=>{const{t:o}=r.useTranslations(),[s,d]=e.useState(yl.trackPeriod),c=[{label:o("ovulationPage.trackPeriod"),value:yl.trackPeriod},{label:o("ovulationPage.conceive"),value:yl.conceive},{label:o("ovulationPage.avoidPregnancy"),value:yl.avoidPregnancy}];return J.default.createElement(za,null,J.default.createElement(Ea,{className:"input-form input-section","data-is-side":!0},"marryBaby"===i?J.default.createElement(ya,{groupedWithLabel:o("dueDatePage.calculationMethod"),options:c,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:c[s],onChange:e=>{d(e.value)}}):J.default.createElement(J.default.Fragment,null,J.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959",style:{marginBottom:"9px",flex:"1"}},o("ovulationPage.objectives")),J.default.createElement(wa,{"data-is-side":n},J.default.createElement(D.Dropdown,{options:c,placeholder:o("ovulationPage.trackPeriod"),id:"due-date-dropdown",size:"md",value:c[s],onChange:e=>{d(e.value)}})))),J.default.createElement(vl,{siteType:i,locale:a,onSubmit:({startDate:e,cycle:t,periodLength:a})=>{l&&l({method:s,periodDateStart:e,cycle:t,periodLength:a})},isSide:n}))},El=({siteType:t,info:l,onChange:n,errorMessage:i={}})=>{const{t:o}=r.useTranslations(),[s,d]=e.useState({weightBefore:!1,height:!1,weight:!1}),[u,m]=e.useState(0),p=e.useRef(null);e.useEffect((()=>{var e;m(null===(e=p.current)||void 0===e?void 0:e.clientHeight)}));const g=(e,t)=>{""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},h=e=>{g(e,(e=>{d((e=>Object.assign(Object.assign({},e),{weightBefore:!0})));const t=Object.assign(Object.assign({},l),{weightBefore:e});n&&n(t)}))},f=e=>{g(e,(e=>{d((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},l),{height:e});n&&n(t)}))},b=e=>{g(e,(e=>{d((e=>Object.assign(Object.assign({},e),{weight:!0})));const t=Object.assign(Object.assign({},l),{weight:e});n&&n(t)}))};return e.useEffect((()=>{n&&n(Object.assign({},l))}),[]),e.useEffect((()=>{d({weightBefore:!1,height:!1,weight:!1})}),[i]),"marryBaby"===t?J.default.createElement(J.default.Fragment,null,J.default.createElement("div",{className:"input-form-pwg input-section"},J.default.createElement(xa,{label:o("pregnancyWeightGain.heightInput"),name:"pwg-height",size:"md",value:null==l?void 0:l.height,CustomInput:J.default.createElement(w.Input,{className:(null==s?void 0:s.height)?"":"error-input",name:"pwg-height",size:"md",placeholder:"Nhập thông tin",value:null==l?void 0:l.height,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==s?void 0:s.height)?"":null==i?void 0:i.height,showErrorMessage:!1,onChange:f})})),J.default.createElement("div",{className:"input-form-pwg input-section"},J.default.createElement(xa,{label:o("pregnancyWeightGain.weightBeforeInput"),name:"pwg-weightBefore",size:"md",value:null==l?void 0:l.weightBefore,CustomInput:J.default.createElement(w.Input,{className:(null==s?void 0:s.weightBefore)?"":"error-input",name:"pwg-weightBefore",size:"md",placeholder:"Nhập thông tin",value:null==l?void 0:l.weightBefore,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==s?void 0:s.weightBefore)?"":null==i?void 0:i.height,showErrorMessage:!1,onChange:h})})),J.default.createElement("div",{className:"input-form-pwg input-section"},J.default.createElement(xa,{label:o("pregnancyWeightGain.weightInput"),name:"pwg-weight",size:"md",value:null==l?void 0:l.weight,CustomInput:J.default.createElement(w.Input,{className:(null==s?void 0:s.weight)?"":"error-input",name:"pwg-weight",size:"md",placeholder:"Nhập thông tin",value:null==l?void 0:l.weight,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==s?void 0:s.weight)?"":null==i?void 0:i.weight,showErrorMessage:!1,onChange:b})}))):J.default.createElement(J.default.Fragment,null,J.default.createElement("div",{className:"input-form-pwg"},J.default.createElement(a.PureInput,{placeholder:o("pwg.placeholder.height"),className:"input-section",label:J.default.createElement("span",{style:{color:c.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px"},className:"label-text"},o("pregnancyWeightGain.heightInput")," ",J.default.createElement("span",{style:{color:`${c.theme.colors.gray300}`}},o("bmi.heightInput.desc"))),errorMessage:s.height?"":null==i?void 0:i.height,size:"sm",isNumerousKeyboard:!0,name:"pwg-height",value:null==l?void 0:l.height,onChange:f})),J.default.createElement("div",{className:"input-form-pwg"},J.default.createElement(a.PureInput,{placeholder:o("pwg.placeholder.weight"),className:"input-section",label:J.default.createElement("span",{style:{color:c.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px"},ref:p,className:"label-text"},o("pregnancyWeightGain.weightBeforeInput")," ",J.default.createElement("span",{style:{color:`${c.theme.colors.gray300}`}},o("pregnancyWeightGain.weightInput.desc"))),errorMessage:s.weightBefore?"":null==i?void 0:i.weightBefore,size:"sm",isNumerousKeyboard:!0,name:"pwg-weightBefore",onChange:h,value:null==l?void 0:l.weightBefore})),J.default.createElement("div",{className:"input-form-pwg"},J.default.createElement(a.PureInput,{placeholder:o("pwg.placeholder.weight"),className:"input-section",label:J.default.createElement("span",{style:{color:c.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px",minHeight:u},className:"label-text"},o("pregnancyWeightGain.weightInput")," ",J.default.createElement("span",{style:{color:`${c.theme.colors.gray300}`}},o("pregnancyWeightGain.weightInput.desc"))),errorMessage:s.weight?"":null==i?void 0:i.weight,size:"sm",isNumerousKeyboard:!0,name:"pwg-weight",value:null==l?void 0:l.weight,onChange:b})))},wl=ae.default.div`
+  flex: 1;
+`,Cl=ae.default.div`
+  padding: 0 10px;
+`,kl=ae.default.div`
+  display: flex;
+  height: 80px;
+  align-items: center;
+  .calendar-month {
+    font-size: 16px;
+    flex: 1;
+    text-align: center;
+    strong {
+      margin-left: 5px;
+    }
+  }
+  ${l.MediaQueries.mbDown} {
+    height: 70px;
+  }
+`,Bl=ae.default.div`
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  row-gap: 2px;
+`,Tl=ae.default(Bl)`
+  margin-bottom: 8px;
+`;ae.default.div`
+  height: 40px;
+  width: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;const Nl=ae.default.div`
+  font-size: 14px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: 1px solid ${e=>e.theme.colors.gray800};
+  font-weight: 300;
+`,Sl=ae.default.div`
+  width: 18px;
+  position: relative;
+  &::before {
+    content: '';
+    position: absolute;
+    inset: 16px 0 0 0;
+    width: 1px;
+    left: 50%;
+    right: 50%;
+    background: ${e=>e.theme.colors.neutral100};
+  }
+`,Dl=ae.default.div`
+  margin: 0 auto;
+`,Ml=ae.default.div`
+  position: relative;
+`,Al=ae.default(Bl)``,Pl=ae.default.div`
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 34px;
+  ${l.MediaQueries.mbUp} {
+    height: 38px;
+  }
+  &[data-is-disabled='true'] {
+    opacity: 0.3;
+  }
+  &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {
+    background-color: ${e=>e.theme.colors.gray100};
+  }
+  &:before {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    background-color: ${e=>e.theme.colors.gray100};
+  }
+  &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {
+    background-color: transparent;
+    &:before {
+      content: '';
+      left: 50%;
+      right: 0;
+    }
+  }
+
+  &[data-is-to='true'][data-in-range='true'][data-is-from='false'],
+  &:hover[data-in-range='true']:is([data-has-range='false'] &) {
+    background-color: transparent;
+    &:before {
+      content: '';
+      left: 0;
+      right: 50%;
+    }
+  }
+`,$l=ae.default.div`
+  position: relative;
+  font-weight: 600;
+  ${l.MediaQueries.mbDown} {
+    width: 32px;
+    height: 32px;
+  }
+  ${l.MediaQueries.mbUp} {
+    width: 36px;
+    height: 36px;
+  }
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  [data-is-disabled='true'] & {
+    cursor: not-allowed;
+  }
+  line-height: 1;
+  color: 1px solid ${e=>e.theme.colors.gray800};
+  [data-is-selected='true'] &,
+  [data-is-today='true'] &,
+  [data-is-selected='false']:hover & {
+    border-radius: 32px;
+  }
+  [data-is-selected='true'] & {
+    background-color: ${e=>e.theme.colors.primaryBase};
+    color: white;
+  }
+  [data-is-selected='false']:hover & {
+    background-color: ${e=>e.theme.colors.primary50};
+  }
+  [data-is-today='true'][data-is-selected='false'] & {
+    background-color: transparent;
+    border-radius: 32px;
+    border: 1px solid ${e=>e.theme.colors.primaryBase};
+  }
+`;const zl={"en-PH":re.default,"vi-VN":se.default,"zh-TW":de.default,"id-ID":oe.default};function Ll(t){const{value:a={from:null,to:null}}=t,[l,i]=e.useState(null),{isMobile:r}=n.useScreenSize(),[o,s]=e.useState((()=>a)),[d,c]=e.useState((()=>{var e;return k.startOfMonth(null!==(e=a.from)&&void 0!==e?e:new Date)})),u=e.useMemo((()=>k.addMonths(d,1)),[d]);const m=Object.assign(Object.assign({},t),{goToNextMonth:function(){c((e=>k.addMonths(e,1)))},goToPreviousMonth:function(){c((e=>k.subMonths(e,1)))},range:o,setRange:s,hoverDay:l,setHoverDay:i});return J.default.createElement(J.default.Fragment,null,J.default.createElement(Il,Object.assign({},m,{date:d})),!r&&J.default.createElement(Sl,null),!r&&J.default.createElement(Il,Object.assign({},m,{date:u})))}function Il({date:t,range:a,setRange:l,onChange:n,goToPreviousMonth:i,goToNextMonth:o,minDate:s,maxDate:c,close:u=(()=>{}),autoClose:m=!1,hoverDay:p,setHoverDay:g}){const{locale:h}=r.useTranslations(),f=e.useMemo((()=>{var e;return null!==(e=zl[h])&&void 0!==e?e:zl["en-PH"]}),[h]),b=e.useMemo((()=>k.format(t,"MMMM",{locale:f})),[t,f]),v=e.useMemo((()=>f?[1,2,3,4,5,6,0].map((e=>f.localize.day(e,{width:"narrow"}))):[]),[f]);function y(e,t){if(null===e)return J.default.createElement(Pl,{key:`idx-${t}`,"data-empty":"true"});const n=e.getDate(),i=k.isToday(e),r=!!a.from&&k.isSameDay(a.from,e),o=!!a.to&&k.isSameDay(a.to,e),d=r||o;let h=!1;null!==p&&a.from&&k.isBefore(a.from,p)&&!a.to?h=k.isWithinInterval(e,{start:a.from,end:p}):a.from&&a.to&&(h=k.isWithinInterval(e,{start:a.from,end:a.to}));let f=!1;return s&&c?f=!k.isWithinInterval(e,{start:s,end:c}):s?f=k.isBefore(e,s):c&&(f=k.isAfter(e,c)),J.default.createElement(Pl,{key:n,"data-is-today":i,"data-is-past":!i&&k.isPast(e),"data-is-selected":d,"data-is-disabled":f,"data-in-range":h,"data-is-from":r,"data-is-to":o,onMouseEnter:()=>{g(e)},onMouseLeave:()=>g(null),onClick:()=>{f||l((t=>(m&&a.from&&!a.to&&u(),function(e,t){return t.from||t.to?t.from&&t.to?{from:e,to:null}:t.from?k.isBefore(e,t.from)?Object.assign(Object.assign({},t),{from:e}):Object.assign(Object.assign({},t),{to:e}):t:Object.assign(Object.assign({},t),{from:e})}(e,t))))}},J.default.createElement($l,{onClick:()=>{}},J.default.createElement("p",null,n)))}return e.useEffect((()=>{a.from&&a.to&&n(a)}),[a]),J.default.createElement(wl,{className:"calendar-wrapper"},J.default.createElement(kl,null,J.default.createElement(E.Button,{onClick:i,size:"md",color:"ghost",icon:J.default.createElement("img",{src:d.CommonGAssets.getAssetPath("calendarArrowLeft.svg"),loading:"lazy"})}),J.default.createElement("div",{className:"calendar-month"},b,J.default.createElement("strong",null,k.format(t,"yyyy"))),J.default.createElement(E.Button,{onClick:o,size:"md",color:"ghost",icon:J.default.createElement("img",{src:d.CommonGAssets.getAssetPath("calendarArrowRight.svg"),loading:"lazy"})})),J.default.createElement(Cl,null,J.default.createElement("div",null,J.default.createElement(Tl,null,v.map(((e,t)=>J.default.createElement(Nl,{key:`${e}-${t}`},e))))),J.default.createElement("div",null,function(){const e=t.getFullYear(),l=t.getMonth(),n=k.getDaysInMonth(t),i=[];for(let t=1;t<=n;t++)i.push(new Date(e,l,t));const r=i[0]?i[0].getDay():0;if(1!==r){const e=0===r?6:r-1;for(let t=0;t<e;t++)i.unshift(null)}return J.default.createElement(Ml,{key:`month-${l}`,"data-month-index":l,"data-has-range":Boolean(a.from&&a.to)},J.default.createElement(Dl,null,J.default.createElement(Al,null,i.map(y))))}())))}const _l=ae.default.div`
+  display: block;
+  position: relative;
+  width: 270px;
+  input {
+    pointer-events: none;
+    caret-color: transparent;
+  }
+  ${l.MediaQueries.mbDown} {
+    width: 100%;
+  }
+`,Ol=ae.default.div`
+  display: flex;
+  position: absolute;
+  top: 46px;
+  left: 0;
+  width: 684px;
+  border: 1px solid ${e=>e.theme.colors.gray200};
+  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))
+    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))
+    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));
+  border-radius: ${e=>e.theme.borderRadius};
+  background-color: white;
+  z-index: 100;
+  padding-bottom: 16px;
+  align-items: stretch;
+  user-select: none;
+  ${l.MediaQueries.mbDown} {
+    width: 100%;
+  }
+`;var jl="WUqzfRb",Fl="MnVGtSY",Hl="NclbhXQ";const Rl=({LinkComponent:e,page:t,isLast:a,onChangePage:l})=>{const{label:n,value:i,isDropdown:r,dropdownItems:o,dataEventCategory:s,dataEventAction:d,dataEventLabel:c}=t;return r?J.default.createElement(D.Dropdown,{options:o,placeholder:"...",id:"",placeholderIcon:null,onChange:l,className:"collapsed-breadcrumb"}):J.default.createElement("div",{className:Hl,title:"string"!=typeof n?i:n,"data-last":a},e&&J.default.createElement(e,{"data-event-category":s,"data-event-action":d,"data-event-label":c,href:i||"#"},n))},Gl=ae.default.div`
+  display: flex;
+  gap: 20px;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  .icon-group {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    a,
+    svg {
+      width: 32px;
+      height: 32px;
+    }
+    .share {
+      width: 32px;
+      height: 32px;
+      padding: 8px;
+
+      &:hover {
+        background-color: ${e=>e.theme.colors.neutral50};
+      }
+
+      svg {
+        margin: 0;
+        width: 16px;
+        height: 16px;
+      }
+    }
+  }
+`,Ul=()=>J.default.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none"},J.default.createElement("path",{d:"M6.86364 10.6666H5.22727C4.86912 10.6666 4.51448 10.5977 4.18359 10.4637C3.8527 10.3296 3.55205 10.1332 3.2988 9.8856C2.78734 9.3855 2.5 8.70722 2.5 7.99998C2.5 7.29274 2.78734 6.61446 3.2988 6.11436C3.81026 5.61426 4.50396 5.33331 5.22727 5.33331H6.86364M9.78374 5.33331H11.7727C12.1309 5.33331 12.4855 5.40229 12.8164 5.5363C13.1473 5.67031 13.4479 5.86674 13.7012 6.11436C13.9545 6.36198 14.1553 6.65596 14.2924 6.97949C14.4295 7.30303 14.5 7.64979 14.5 7.99998C14.5 8.35017 14.4295 8.69693 14.2924 9.02047C14.1553 9.344 13.9545 9.63798 13.7012 9.8856C13.4479 10.1332 13.1473 10.3296 12.8164 10.4637C12.4855 10.5977 12.1309 10.6666 11.7727 10.6666H9.78374",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}),J.default.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"})),Wl=ae.default(z.Drawer)`
+  padding-bottom: 24px;
+  .share-container {
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+  }
+  .icon-group {
+    margin-top: 12px;
+    display: flex;
+    gap: 16px;
+    img {
+      border-radius: 8px;
+    }
+  }
+  .input-group {
+    margin-top: 8px;
+    display: flex;
+    gap: 8px;
+    button {
+      padding: 10px;
+      &:hover {
+        background-color: ${e=>e.theme.colors.neutral50};
+      }
+    }
+    svg {
+      margin: 0;
+    }
+    a,
+    svg:not(.copy) {
+      width: 32px;
+      height: 32px;
+    }
+  }
+`,Vl=()=>J.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",className:"copy"},J.default.createElement("path",{d:"M4 2.5C3.17125 2.5 2.5 3.17125 2.5 4V13.75C2.5 14.164 2.836 14.5 3.25 14.5C3.664 14.5 4 14.164 4 13.75V4H13.75C14.164 4 14.5 3.664 14.5 3.25C14.5 2.836 14.164 2.5 13.75 2.5H4ZM7 5.5C6.17125 5.5 5.5 6.17125 5.5 7V16C5.5 16.8287 6.17125 17.5 7 17.5H16C16.8287 17.5 17.5 16.8287 17.5 16V7C17.5 6.17125 16.8287 5.5 16 5.5H7ZM7 7H16V16H7V7Z",fill:"#595959"})),ql=ae.default.div`
+  position: fixed;
+  z-index: 48;
+  bottom: 0;
+  left: 50%;
+  width: fit-content;
+  max-width: 100%;
+  background: none;
+  transform: translateX(-50%);
+  .close-sticky-button {
+    position: absolute;
+    display: flex;
+    width: 16px;
+    height: 16px;
+    align-items: center;
+    justify-content: center;
+    background: #bfbfbf;
+    border-radius: 50%;
+    color: white;
+
+    cursor: pointer;
+    font-size: 12px;
+    line-height: 12px;
+    transform: translate(50%, -50%);
+    top: 0;
+    right: 0;
+  }
+  opacity: 0;
+  pointer-events: none;
+  &[data-visible='true'] {
+    opacity: 1;
+    pointer-events: auto;
+  }
+`,Ql=ae.default.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  max-width: 100%;
+  width: fit-content;
+  height: fit-content;
+  margin-inline: auto;
+  /* margin: 1rem auto; */
+  &[data-no-wrapper='false'] {
+    border: 1px solid ${e=>{var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.neutral50}};
+    background: ${e=>{var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.neutral50}};
+  }
+  &[data-no-wrapper='true'] {
+    line-height: 0;
+  }
+  &[data-header-bottom='true'] {
+    flex-direction: column-reverse;
+    background: none;
+    border: none;
+  }
+`,Zl=ae.default.div`
+  /* background: ${e=>{var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.neutral50}}; */
+  width: 100%;
+  padding: 0 5px 1.5px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 5px;
+  text-transform: capitalize;
+  img {
+    height: 12px;
+    width: 12px;
+    max-width: 12px;
+    max-height: 12px;
+  }
+  &[data-header-bottom='true'] {
+    background: ${e=>{var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.neutral50}};
+  }
+  span {
+    font-size: 10px;
+    line-height: 12px;
+    color: ${e=>{var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.gray400}};
+    font-weight: 400;
+  }
+`,Yl=ae.default.div`
+  background-color: white;
+  background-image: url(${d.CommonGAssets.getAssetPath("close-blue.svg")});
+  background-repeat: no-repeat;
+  background-size: 10px;
+  background-position: center;
+  width: 12px;
+  height: 12px;
+  position: absolute;
+  top: 1px;
+  right: 1px;
+  cursor: pointer;
+`,Kl={},Xl=e=>{if(Kl[e]){window.googletag=window.googletag||{cmd:[]};const{googletag:t}=window;t.cmd.push((function(){t.destroySlots([Kl[e]]),delete Kl[e]}))}},Jl=["TopBanner","MidBanner1","MidBanner2","EndBanner","Sticky"],en=e.forwardRef((function({className:t,adUnitPath:a,size:l,divId:n,pos:i,sizeMapping:o,contentId:s,isHidden:c,hideIfHasSubot:u,isSticky:p,refreshInterval:h,customTargetings:f,style:b,adDefaultSize:v,noWrapper:y,showCloseBtn:x,onCloseAd:E,headerBottom:w,wrapperProps:C,locale:k,isMarryBaby:B},T){const N=h||(k===g.LOCALE.Vietnam&&i.some((e=>Jl.includes(e)))?30:void 0),{t:S}=r.useTranslations(),D=e.useRef(null),M=e.useRef(null),A=e.useRef(N);A.current=N;const[P,$]=e.useState(!1),z=()=>{A.current&&(null!==M.current&&clearInterval(M.current),M.current=window.setInterval((()=>{window.googletag=window.googletag||{cmd:[]};const{googletag:e}=window;e.cmd.push((function(){Kl[n]&&e.pubads().refresh([Kl[n]])}))}),1e3*A.current))};if(e.useEffect((()=>()=>{Xl(n),M.current&&clearInterval(M.current)}),[]),e.useEffect((()=>{z()}),[N]),e.useEffect((()=>{c||(({contentId:e,adUnitPath:t,size:a,divId:l,pos:n,sizeMapping:i,hideIfHasSubot:r,customTargetings:o,onSuccess:s})=>{if(!l||!document.getElementById(l))return console.error("divId is required");Xl(l),window.googletag=window.googletag||{cmd:[]};const{googletag:d}=window;d.cmd.push((function(){const c=document.querySelector('meta[name="content_id"]'),u="string"==typeof e?e:null==c?void 0:c.content,m=d.defineSlot(t,a,l);if(m){try{o&&Object.keys(o).forEach((e=>{e&&(null==m||m.setTargeting(e,o[e]))}))}catch(e){console.error(e)}Kl[l]=m,m.setTargeting("Pos",n),m.addService(d.pubads()),u&&m.setTargeting("Content_ID",u),i&&m.defineSizeMapping(i),r&&document.getElementById("subot--container")&&m.setTargeting("chatbot",!0),d.display(l),null==s||s()}}))})({contentId:s,adUnitPath:a,size:l,divId:n,pos:i,sizeMapping:o,hideIfHasSubot:u,customTargetings:f,onSuccess:z})}),[c]),P)return null;const L=J.default.createElement("div",{style:{position:"relative",width:"fit-content",height:"fit-content",overflow:"hidden",maxWidth:"100%",display:"flex",alignItems:"center",justifyContent:"center"}},J.default.createElement("div",{ref:T,id:n}),x&&J.default.createElement(Yl,{onClick:()=>{null==E||E(),$(!0)}}));if(p)return L;const I=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 J.default.createElement(m.Box,Object.assign({},C,{className:t}),J.default.createElement(Ql,{ref:D,className:t,style:b,"data-no-wrapper":!!y,"data-header-bottom":!!w},y?L:J.default.createElement(J.default.Fragment,null,J.default.createElement(Zl,{"data-header-bottom":!!w},J.default.createElement("img",{src:B?d.CommonGAssets.getAssetPath("adsIcon-mb.svg"):d.CommonGAssets.getAssetPath("adsIcon.svg"),alt:"",loading:"lazy"}),J.default.createElement("span",null,S("adBanner.title"))),J.default.createElement("div",{style:{minWidth:I||"100%",minHeight:_||"100%",position:"relative"}},L))))})),tn=e.memo(en,((e,t)=>e.adUnitPath===t.adUnitPath&&e.divId===t.divId&&e.className===t.className)),an=[{title:"Health News & Current Affairs",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:d.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:d.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:d.CommonGAssets.getAssetPath("newsletter-prefer/newsletter-community.svg"),checked:!1,id:3}];var ln;!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"}(ln||(ln={}));const nn={DUE_DATE:ln.DUE_DATE,BMI:ln.BMI,BMR:ln.BMR,OVULATION:ln.OVULATION,IFRAME:ln.IFRAME,PWG:ln.PWG,THR:ln.THR,BABY_VACCINE:ln.BABY_VACCINE,BABY_GROWTH:ln.BABY_GROWTH,BABY_POOP:ln.BABY_POOP},rn={[nn.DUE_DATE]:d.CommonGAssets.getAssetPath("health-tools/due-date-icon.svg")};var on,sn,dn,cn;!function(e){e.Pregnant="pregnant",e.Parenting="parenting"}(on||(on={})),function(e){e.Option="option"}(sn||(sn={})),function(e){e.Button="button",e.Checkbox="checkbox"}(dn||(dn={})),function(e){e.ShowTool="showTool",e.ShowPremiumModal="showPremiumModal",e.ShowOptionBanner="showOptionBanner",e.Hide="hide"}(cn||(cn={}));const un={pregnancy:on.Pregnant,parenting:on.Parenting},mn={[on.Pregnant]:"pregnant",[on.Parenting]:"parent"},pn=e=>({[nn.DUE_DATE]:{heading:e("pnBanner.dueDateTool.heading"),description:e("pnBanner.dueDateTool.desc"),btnLabel:e("pnBanner.caclNow"),value:nn.DUE_DATE,dataEventAction:"Try our Due Date Calculator Click"},[nn.BABY_VACCINE]:{heading:e("pnBanner.vaccination.heading"),description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:nn.BABY_VACCINE,dataEventAction:"Try our Baby Vaccine Scheduler Click"},[nn.BABY_GROWTH]:{heading:"Baby Growth",description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:nn.BABY_GROWTH},[s.RISK_SCREENER_NAME.HPV]:{heading:e("pnBanner.hpv.heading"),description:e("pnBanner.hpv.desc"),thumbnail:{desktop:d.CommonGAssets.getAssetPath("newsletter/banner-option-hpv-desktop.png"),mobile:d.CommonGAssets.getAssetPath("newsletter/banner-option-hpv-mobile.png")},isRiskScreener:!0,btnLabel:e("pnBanner.checkNow"),value:s.RISK_SCREENER_NAME.HPV,hideDescOnMobile:!0,dataEventAction:"Keep safe from HPV virus Click"}}),gn=e.createContext({}),hn=t=>{var a=u.__rest(t,[]);const{locale:l}=r.useTranslations(),{type:i,isMobile:o,currentUrl:s,isMarketing:c,isLoggedIn:p,setShouldAcquisitionModalOpen:g}=e.useContext(gn);return J.default.createElement(m.Container,Object.assign({mih:{base:144,md:160},fluid:!0,p:0,sx:{borderRadius:4,cursor:"pointer"},onClick:()=>u.__awaiter(void 0,void 0,void 0,(function*(){const e=c?U.getCurrentBaseUrl(l)+"/dang-ky-nhan-tin/":`${window.location.href}?source=acquisition`;p?null==g||g():window.location.href=`${U.getCurrentSsoUrl(l)}/?returnUrl=${encodeURIComponent(e)}`})),"data-event-category":"Newsletter","data-event-action":"Banner Click","data-event-label":s,className:"pointer-event-child-none"},a),J.default.createElement(n.ImageWrap,{src:c?d.CommonGAssets.getAssetPath(`newsletter/${o?"Mobile":"Desktop"}_Marketing.png`):d.CommonGAssets.getAssetPath(`newsletter/${o?"Mobile":"Desktop"}_${i}.png`),style:{maxWidth:"100%"},alt:"newsletter banner"}))},fn="api/v1/categories?site={website_url}",bn="api/v1/subscription?site={website_url}",vn="api/v1/categories?site={website_url}";var yn=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 xn=({heading:l,description:n,thumbnail:i={desktop:"",mobile:""},hideDescOnMobile:r,children:o})=>{const{isMobile:s,minHeight:d}=e.useContext(gn);return J.default.createElement(m.Box,{sx:()=>({borderRadius:m.rem(8),background:"linear-gradient(180deg, #FAFDFF 0%, #E3F2FF 100%)"})},J.default.createElement(m.Box,{sx:e=>({minHeight:m.rem(d),borderRadius:"inherit",background:`url(${s?i.mobile:i.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)}`}})},J.default.createElement(m.Stack,{spacing:m.rem(16)},J.default.createElement(m.Stack,{spacing:m.rem(4),sx:e=>({maxWidth:"60%",[e.fn.largerThan("sm")]:{maxWidth:"70%"}})},l&&J.default.createElement(a.Heading,{tag:"h4"},l),!(r&&s)&&n&&J.default.createElement(t.Text,{size:"p4"},n)),J.default.createElement(m.Box,null,o))))},En=l=>{const{styleType:i=dn.Button,items:o=[],buttonProps:d,styles:c,submitBtnTracking:p}=l,{classes:g}=yn(void 0,{name:"PremiumBannerWithOptions",styles:c}),{t:h,locale:f}=r.useTranslations(),{surveyType:b,articleId:v,handleClickOption:y,hasPremiumBanner:x,source:E,isMobile:w,setShowPNModal:C}=e.useContext(gn),k=e.useMemo((()=>x?o:o.filter((e=>!Boolean(e.isPNBtn))).filter(Boolean)),[o]),{getHealthToolLink:B}=P.useHealthToolsCache(f),T=W.useForm({initialValues:{bannerOptions:[]}}),N=e=>u.__awaiter(void 0,void 0,void 0,(function*(){return yield a.callApiWithAuth(a.getApiPath(a.PATHS.HEALTH_TOOL.CREATE,{_locale:f,type:mn[b]}),"POST",{headers:{"Content-Type":"application/json"},data:{value:e,article:v,source:E}})})),S=e.useCallback((()=>J.default.createElement(m.Flex,{gap:m.rem(8),className:g.wrapper},k.map(((e,t)=>J.default.createElement(m.Box,{key:String(t),component:e.isLink?"a":"div",href:e.isRiskScreener?`https://${s.domainLocales[f]}/bot/${s.RISK_SCREENER_SLUG[f][e.activeTool]}/`:e.isLink?B(e.activeTool):void 0},J.default.createElement(n.Button,Object.assign({className:g.button,classNames:{label:g.buttonLabel},size:"sm"},e.tracking,d,{onClick:()=>{e.isLink||(e.isPNBtn&&C(!0),N(e.value),y(e.value))}}),e.label)))))),[k,T]),D=e.useCallback((()=>J.default.createElement(m.Flex,null,J.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)}})},J.default.createElement(n.Checkbox.Group,Object.assign({},T.getInputProps("bannerOptions",{type:"checkbox"})),J.default.createElement(m.Flex,{gap:m.rem(16)},k.map(((e,t)=>J.default.createElement(n.Checkbox,{key:String(t),value:e.value,label:e.label,styles:{label:{cursor:"pointer"}}}))))),J.default.createElement(n.Button,Object.assign({size:"sm"},p,d,{disabled:0===T.getInputProps("bannerOptions").value.length,leftIcon:w?J.default.createElement(t.Icon.ArrowRightTail,{size:18,useCurrentColor:!0}):void 0,onClick:()=>{const e=T.getInputProps("bannerOptions").value;N(e.join("|")),y(e.join("|"))},styles:e=>({root:{[e.fn.smallerThan("sm")]:{width:m.rem(38),minWidth:"auto",padding:0}}})}),!w&&h("pnBanner.submit"))))),[k,T]);return J.default.createElement(xn,Object.assign({},l),i===dn.Button?S():i===dn.Checkbox?D():null)},wn=l=>{var i,d;const{t:c}=r.useTranslations(),{heading:u,description:p,thumbnail:g,btnLabel:h,value:f,isRiskScreener:b,hideDescOnMobile:v,dataEventAction:y}=l,{locale:x}=r.useTranslations(),{isMobile:E}=e.useContext(gn),{getHealthToolLink:w,allTools:C}=P.useHealthToolsCache(x),k=b?"mainBanner":"toolBanner",B=e.useMemo((()=>{const e=b?`https://${o.isProduction?"":"discover."}${s.domainLocales[x]}/bot/${s.RISK_SCREENER_SLUG[x][f]}`:w(f);return J.default.createElement("a",{href:e},J.default.createElement(n.Button,{size:"sm","data-event-category":"Focused Audience","data-event-action":y,"data-event-label":e},h||c("pnBanner.caclNow")))}),[C]);return"mainBanner"===k?J.default.createElement(xn,Object.assign({},Object.assign(Object.assign({},l),{thumbnail:l.thumbnail})),B):J.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)}`}})},J.default.createElement(m.Stack,{spacing:m.rem(12)},J.default.createElement(m.Stack,{spacing:m.rem(4)},u&&J.default.createElement(a.Heading,{tag:"h4"},u),!(E&&v)&&p&&J.default.createElement(t.Text,{size:"p4"},p)),J.default.createElement(m.Flex,{gap:m.rem(8),sx:{button:{minWidth:m.rem(120)}}},B)),J.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)}}})},J.default.createElement("img",{alt:"health-tool-icon",src:g||(null===(d=null===(i=C.filter((e=>e.template===f)))||void 0===i?void 0:i[0])||void 0===d?void 0:d.icon)||rn[f]||"",loading:"lazy"})))},Cn=()=>{var t,a,l;const{t:n}=r.useTranslations(),{state:i,Outside:o}=e.useContext(gn);return(null==i?void 0:i.action)===cn.ShowTool?J.default.createElement(o,null,pn(n)[null===(t=null==i?void 0:i.props)||void 0===t?void 0:t.value]?J.default.createElement(wn,Object.assign({},pn(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)===cn.ShowOptionBanner?J.default.createElement(o,null,J.default.createElement(En,Object.assign({},null==i?void 0:i.props))):null},kn=a=>{var{isMobile:l,children:i,desktopBanner:r=d.CommonGAssets.getAssetPath("friso/onboarding-banner.jpg"),mobileBanner:o=d.CommonGAssets.getAssetPath("friso/onboarding-banner-mobile.jpg"),modalRatio:s={width:937,height:536},mobileBannerRatio:c={width:750,height:480},desktopBannerRatio:p={width:420,height:536},closeProps:g}=a,h=u.__rest(a,["isMobile","children","desktopBanner","mobileBanner","modalRatio","mobileBannerRatio","desktopBannerRatio","closeProps"]);const{width:f,height:v}=b.useViewportSize(),y=(v<=667?190:265)+f*c.height/c.width+74,[x,E]=e.useState(!1);return J.default.createElement(V.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"}}})},h),l?J.default.createElement(m.Box,{sx:{position:"relative",height:"100%"},onTouchStart:()=>E(!0)},J.default.createElement(m.Box,{className:"mobile-template",sx:{position:"absolute",height:100*(x?1:y/v)+"%",left:0,bottom:0,right:0,transition:"height 0.4s ease"}},J.default.createElement(m.Box,{sx:{height:"100%",backgroundColor:"white",borderTopLeftRadius:x?0:m.rem(12),borderTopRightRadius:x?0:m.rem(12)}},J.default.createElement(m.Box,{sx:{height:"calc(100% - 74px)",background:`url(${o})`,backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"top center",overflowY:"auto",borderRadius:"inherit"}},J.default.createElement(m.UnstyledButton,Object.assign({leftIcon:J.default.createElement(t.Icon.Close,null),sx:{position:"absolute",right:0,top:0,zIndex:1,padding:m.rem(10)}},g,{onClick:()=>null==h?void 0:h.onClose()})),J.default.createElement(m.AspectRatio,{ratio:(null==c?void 0:c.width)/(null==c?void 0:c.height),w:"100%"}),J.default.createElement(m.Box,{sx:{padding:`${m.rem(28)} ${m.rem(16)} ${m.rem(16)}`,background:"white"}},i))))):J.default.createElement(m.AspectRatio,{className:"desktop-template",ratio:s.width/s.height,w:"100%",sx:{position:"relative","& > div":{justifyContent:"flex-end"}}},J.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"}},J.default.createElement("img",{alt:"",src:r,loading:"lazy",style:{borderTopLeftRadius:m.rem(8),borderBottomLeftRadius:m.rem(8),height:"100%",display:"block"}}),J.default.createElement(m.Box,{sx:{position:"relative",height:"100%",width:(s.width-p.width)/s.width*100+"%"}},J.default.createElement(n.Button,Object.assign({unstyled:!0,leftIcon:J.default.createElement(t.Icon.Close,null)},g,{onClick:()=>null==h?void 0:h.onClose(),sx:{position:"absolute",right:0,top:"10px"}})),J.default.createElement(m.Box,{className:"side-banner-modal-container",sx:{height:"100%",padding:`${m.rem(40)} ${m.rem(24)} 0`}},i)))))},Bn="user/subscription",Tn=e.createContext({}),Nn=e=>{var{value:t,name:a}=e,l=u.__rest(e,["value","name"]);return J.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)},Sn=({topicsGroup:l,onTopicChange:n,isBlock:i=!1,selectedTopics:o=[],inputProps:s,labelProps:d,maxSelect:c=5,hasScroll:u,readonly:p})=>{const{action:{pushNotifications:g}}=e.useContext(a.TogetherComponentGlobalContext),h=ue.default(l.map((e=>e.topics||[]))),{t:f}=r.useTranslations(),[b,v]=e.useState([]);e.useEffect((()=>{v(o)}),[o.length]),e.useEffect((()=>{null==n||n(b)}),[b]);const y=e=>{e.length>5?g({type:"danger",title:f("pnTopicSection.maxSelectError.title",{maxSelect:c}),message:f("pnTopicSection.maxSelectError.desc")}):!p&&v((()=>h.filter((t=>e.some((e=>t.catId===e))))))};return J.default.createElement(m.Stack,{spacing:12},l.map(((e,a)=>J.default.createElement(m.Stack,{key:String(a),spacing:12},e.label&&J.default.createElement(t.Text,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},d),e.label),u?J.default.createElement(m.ScrollArea,{w:"100%",offsetScrollbars:!0,scrollbarSize:4,p:16,m:-16,styles:{viewport:{margin:-16,padding:16}}},J.default.createElement(m.Box,{w:800},J.default.createElement(m.Chip.Group,Object.assign({value:b.map((e=>e.catId)),multiple:!0},s,{onChange:y}),J.default.createElement(m.Flex,{gap:8,wrap:"wrap"},e.topics.map((t=>J.default.createElement(Nn,Object.assign({key:t.catId,value:t.catId,name:t.localName,isBlock:i},e.tracking)))))))):J.default.createElement(m.Chip.Group,Object.assign({value:b.map((e=>e.catId)),multiple:!0},s,{onChange:y}),J.default.createElement(m.Flex,{gap:8,wrap:"wrap"},e.topics.map((t=>t.catId?J.default.createElement(Nn,Object.assign({key:t.catId,value:t.catId,name:t.localName,isBlock:i},e.tracking)):J.default.isValidElement(t.component)?t.component:null))))))))},Dn=t=>{var{heading:l,children:n,stickyActions:i}=t,r=u.__rest(t,["heading","children","stickyActions"]);const{isMobile:o}=e.useContext(Tn),s=J.default.createElement(m.Stack,{spacing:m.rem(24),sx:{height:"100%"}},J.default.createElement(a.Heading,{tag:"h4",style:{textAlign:"center"}},l),J.default.createElement(m.Box,null,n));return J.default.createElement(m.Box,{sx:e=>({[e.fn.largerThan("sm")]:{position:"relative",height:"100%"}})},o?s:J.default.createElement(m.ScrollArea,Object.assign({className:"layout-body",h:i?"calc(100% - 90px)":"100%"},r),s),i&&J.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`}})},i))},Mn=()=>{const{t:l,locale:i}=r.useTranslations(),{data:{userInfo:o},action:{pushNotifications:s}}=e.useContext(a.TogetherComponentGlobalContext),d=null==o?void 0:o.id,{currentUrl:c,isMobile:p,pnSuggestCategory:g=[],nextStep:h,formValues:f,setFormValues:b,onSubmit:v,submitLoading:y,selectCategory:x,setCategoryLibs:E,setSelectCategory:w,maxSelectCategory:C}=e.useContext(Tn),k=g.map((e=>e.catId)),B=W.useForm({validate:{name:W.isNotEmpty(l("healthToolPNModal.mainForm.requireName"))},initialValues:Object.assign(Object.assign({},f),{fitnessTopics:k})}),[T,N]=e.useState([]),[S,D]=e.useState([]);e.useEffect((()=>{u.__awaiter(void 0,void 0,void 0,(function*(){var e;try{const t=yield a.callApiWithAuth(a.getPremiumApiPath(vn,{_locale:i}),"get"),l=((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.subscription)||[]).filter((e=>!k.includes(e.catId)));N(g),D(l),E([...g,...l])}catch(e){console.log(e)}}))}),[]),e.useEffect((()=>{d&&B.setFieldValue("name",(null==o?void 0:o.name)||"")}),[d]);const M=()=>{""!==B.getInputProps("name").value?(b(B.getTransformedValues()),h()):B.validateField("name")},A=e.useMemo((()=>J.default.createElement(n.Button,{variant:"tertiary",dataEventCategory:"Newsletter",dataEventAction:"More Category Click",dataEventLabel:c,leftIcon:J.default.createElement(t.Icon.Plus,{size:16,color:"#262626",useCurrentColor:!0}),onClick:M,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"}})},J.default.createElement(t.Text,{size:p?"p3":"p4"},l("home.seeMore")))),[B]);return e.useEffect((()=>{B.setFieldValue("fitnessTopics",x.map((e=>e.catId)))}),[x]),J.default.createElement("form",{style:{height:"100%"},onSubmit:B.onSubmit((e=>{if(0===x.length)return s({type:"danger",title:l("newsletter.error.minTitle"),message:l("newsletter.error.minCotennt")}),!1;b(e),null==v||v(e.name)}))},J.default.createElement(Dn,{heading:l("healthToolPNModal.heading"),stickyActions:J.default.createElement(J.default.Fragment,null,J.default.createElement(n.Button,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Register Click",dataEventLabel:c,loading:y,sx:{maxWidth:m.rem(240)}},l("healthToolPNModal.register")))},J.default.createElement(m.Stack,{spacing:m.rem(16)},J.default.createElement(n.Input,Object.assign({label:l("newsletter.welcome.description")},B.getInputProps("name"))),J.default.createElement(Sn,{topicsGroup:[...0===g.length&&0===S.length?[{topics:[{component:A}]}]:[],...g.length>0?[{label:l("healthToolPNModal.mainForm.tailorTopicsHeading"),topics:[...g,...0===S.length?[{component:A}]:[]]}]:[],...S.length>0?[{label:l("healthToolPNModal.findMore.chooseFav"),topics:[...S,...S.length>0?[{component:A}]:[]]}]:[]],selectedTopics:[...T],labelProps:{size:p?"p3":"p4",color:"gray.6"},onTopicChange:w,maxSelect:C}))))},An=e.forwardRef((function(e,a){var{label:l}=e,n=u.__rest(e,["label"]);return J.default.createElement("div",Object.assign({ref:a},n),J.default.createElement(m.Group,{noWrap:!0},J.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},J.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"})),J.default.createElement(t.Text,{size:"p3"},l)))})),Pn=e.forwardRef((function(e,a){var{label:l}=e,n=u.__rest(e,["label"]);return J.default.createElement("div",Object.assign({ref:a},n),J.default.createElement(t.Text,{size:"p3"},l))})),$n=({history:e,onDelete:a})=>J.default.createElement(m.Flex,{wrap:"wrap",gap:8},me.default(e,"catId").map((e=>J.default.createElement(m.Badge,{key:e.catId,rightSection:J.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",onClick:()=>null==a?void 0:a(e)},J.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"}}},J.default.createElement(t.Text,{size:"p4"},e.localName))))),zn=({topics:l,onTopicChange:n,isBlock:i=!1,selectedTopics:o,labelProps:s,maxSelect:d=5})=>{const{action:{pushNotifications:c}}=e.useContext(a.TogetherComponentGlobalContext),[u,p]=e.useState([]),{t:g}=r.useTranslations();e.useEffect((()=>{p(o)}),[o.length]),e.useEffect((()=>{n(u)}),[u]);return l&&0!==l.length?J.default.createElement(m.Stack,{spacing:12,px:16,mx:-16},J.default.createElement(t.Text,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},s),g("pnTopicSection.recentView")),J.default.createElement(m.Chip.Group,{value:u.map((e=>e.catId)),onChange:e=>{i&&u.length<e.length?c({type:"danger",title:g("pnTopicSection.maxSelectError.title",{maxSelect:d}),message:g("pnTopicSection.maxSelectError.desc")}):p((()=>l.filter((t=>e.some((e=>t.catId===e))))))},multiple:!0},J.default.createElement(m.Flex,{gap:8,wrap:"wrap"},l.map(((e,t)=>J.default.createElement(Nn,{key:t,value:e.catId,name:e.localName,isBlock:i})))))):null},Ln=e=>{var{topic:a,active:l,onClick:i}=e,r=u.__rest(e,["topic","active","onClick"]);return J.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)},r),l&&J.default.createElement(m.Box,{id:"test",sx:{position:"absolute",top:2,right:2,width:20,height:20,zIndex:1}},J.default.createElement("svg",{id:"test",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},J.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"}),J.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"}))),J.default.createElement(m.Box,{sx:{borderRadius:"8px"}},J.default.createElement(n.AspectRatio,{ratio:1.5,mb:10,sx:e=>({background:e.colors.neutral[0]})},J.default.createElement(m.Box,null,J.default.createElement("img",{src:a.guid||"",alt:"cat",loading:"lazy",style:{maxHeight:"63px"}})))),J.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||""))},In=({topics:a,selectedTopics:l=[],onTopicChange:n,isBlock:i=!1,labelProps:o,pushNotifications:s,maxSelect:d=5})=>{const{t:c}=r.useTranslations(),[u,p]=e.useState([]),g=(e,t)=>{if(t)p((t=>t.filter((t=>t.catId!==e.catId))));else{if(i)return void s({type:"danger",title:c("pnTopicSection.maxSelectError.title",{maxSelect:d}),message:c("pnTopicSection.maxSelectError.desc")});p((t=>[...t,e]))}};e.useEffect((()=>{p(l)}),[l.length]),e.useEffect((()=>{n(u)}),[u]);const[h,f]=e.useState(!1),[b,v]=e.useState(0),[y,x]=e.useState(0),E=e.useRef(null),w=()=>{f(!1)};return J.default.createElement(m.Stack,{spacing:10},J.default.createElement(m.Flex,{justify:"space-between",align:"center",w:"100%"},J.default.createElement(t.Text,Object.assign({size:"s5",color:"gray.4",weight:"semiBold",span:!0},o),c("pnTopicSection.trending"))),J.default.createElement(m.Box,null,J.default.createElement(m.ScrollArea,{type:"always",w:"100%",offsetScrollbars:!0,scrollbarSize:4,px:4,viewportRef:E,viewportProps:{onMouseDown:e=>{e.preventDefault(),E.current&&(f(!0),v(e.pageX-E.current.offsetLeft),x(E.current.scrollLeft))},onMouseUp:w,onMouseLeave:w,onMouseMove:e=>{if(e.preventDefault(),!h||!E.current)return;const t=2*(e.pageX-E.current.offsetLeft-b);E.current.scrollLeft=y-t}},styles:{viewport:{paddingBottom:16}}},J.default.createElement(m.Box,{w:{base:112*a.length+8*(a.length-1)+10}},J.default.createElement(m.Flex,{gap:8},a.map(((e,t)=>J.default.createElement(Ln,{key:t,topic:e,onClick:g,active:u.some((t=>t.catId===e.catId)),w:{base:112}}))))))))},_n=l=>{var{isLoggedIn:i,maxSelect:o=5,values:s=[],labelProps:d,onChange:c}=l,p=u.__rest(l,["isLoggedIn","maxSelect","values","labelProps","onChange"]);const{action:{pushNotifications:g}}=e.useContext(a.TogetherComponentGlobalContext),[h,f]=e.useState(""),{t:b,locale:v}=r.useTranslations(),y=e.useRef(null),[x,E]=e.useState([]),[w,C]=e.useState([]),[k,B]=e.useState([]),[T,N]=e.useState([]),[S,D]=e.useState(null),[M,A]=e.useState([]);e.useEffect((()=>{u.__awaiter(void 0,void 0,void 0,(function*(){var e,t;const l=yield a.callApiWithAuth(a.getPremiumApiPath(fn,{_locale:v}),"get"),n=(null===(e=null==l?void 0:l.data)||void 0===e?void 0:e.interested)||[],i=(null===(t=null==l?void 0:l.data)||void 0===t?void 0:t.trending)||[],r=me.default([...n,...i],"catId").map((e=>Object.assign(Object.assign({},e),{value:e.catId||"",label:e.localName||""})));if(A(r||[]),D((null==l?void 0:l.data)||null),s.length>0){const e=n.filter((e=>s.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"interested"}))),t=i.filter((e=>s.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"trending"})));N(e),C(t)}}))}),[i]);const P=e.useMemo((()=>me.default([...x,...w,...T,...k],"catId")),[x,w,T,k]),[$,z]=e.useState(!1);e.useEffect((()=>{P.length>=o?z(!0):z(!1),null==c||c(P)}),[P]);return J.default.createElement(m.Stack,Object.assign({spacing:m.rem(16)},p),J.default.createElement(m.Stack,{spacing:m.rem(8)},J.default.createElement(t.Text,{size:"p3"},b("pnTopicSection.maxSelectError.detail",{max:o,maxTopic:P.length})),J.default.createElement(m.MultiSelect,{ref:y,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:J.default.createElement(t.Text,{size:"s4",color:"gray.6"},b("pnTopicSection.notFound")),itemComponent:""===h?An:Pn,size:"lg",placeholder:b("pnTopicSection.plsEnterFavTopics"),data:M,onSearchChange:f,searchValue:h,icon:J.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},J.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:J.default.createElement(J.default.Fragment,null),zIndex:500,searchable:!0,withinPortal:!0,onChange:e=>{return t=e,u.__awaiter(void 0,void 0,void 0,(function*(){var e;const a={trending:C,recently:B,interested:N,default:E};let l="default";if($)g({type:"danger",title:b("pnTopicSection.maxSelectError.title",{maxSelect:o}),message:b("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=y.current)||void 0===e||e.blur()}return null}));var t},value:[]}),P&&P.length>0&&J.default.createElement($n,{history:P,onDelete:e=>{const t={trending:C,recently:B,interested:N,default:E};(t[e.template]||t.default)((t=>{const a=[...t],l=a.findIndex((t=>t.catId===e.catId));return a.splice(l,1),a}))}})),J.default.createElement(m.Box,{sx:e=>({position:"relative",height:m.rem(175),[e.fn.largerThan("sm")]:{height:m.rem(190)}})},J.default.createElement(m.Box,{sx:{position:"absolute",top:0,right:0,left:0}},J.default.createElement(In,{topics:((null==S?void 0:S.trending)||[]).map((e=>Object.assign(Object.assign({},e),{template:"trending"}))),selectedTopics:w,onTopicChange:C,isBlock:$,labelProps:d}))),J.default.createElement(zn,{topics:((null==S?void 0:S.recently)||[]).map((e=>Object.assign(Object.assign({},e),{template:"recently"}))),selectedTopics:k,onTopicChange:B,isBlock:$,labelProps:d}),J.default.createElement(Sn,{labelProps:d,topicsGroup:[{label:b("pnTopicSection.ppAlsoInterested"),topics:((null==S?void 0:S.interested)||[]).map((e=>Object.assign(Object.assign({},e),{template:"interested"})))}],selectedTopics:T,onTopicChange:N,isBlock:$}))},On=()=>{const{t:t}=r.useTranslations(),{action:{pushNotifications:l}}=e.useContext(a.TogetherComponentGlobalContext),{prevStep:i,formValues:o,submitLoading:s,onSubmit:d,selectCategory:c,maxSelectCategory:u,setSelectCategory:p,currentUrl:g,isLoggedIn:h}=e.useContext(Tn);return J.default.createElement(Dn,{heading:t("newsletter.topic.title"),type:"always",styles:{root:{paddingRight:m.rem(25)}},stickyActions:J.default.createElement(J.default.Fragment,null,J.default.createElement(n.Button,{fullWidth:!0,variant:"secondary",dataEventCategory:"Newsletter",dataEventAction:"Back  Click",dataEventLabel:g,onClick:i},t("healthToolPNModal.back")),J.default.createElement(n.Button,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Next  Click",dataEventLabel:g,onClick:()=>{if(0===c.length)return l({type:"danger",title:t("newsletter.error.minTitle"),message:t("newsletter.error.minCotennt")}),!1;null==d||d(o.name)},loading:s},t("healthToolPNModal.next")))},J.default.createElement(_n,{isLoggedIn:h,maxSelect:u,values:o.fitnessTopics,onChange:p,labelProps:{size:"s5",sx:{textTransform:"uppercase"}}}))},jn=()=>{const{t:l}=r.useTranslations(),{close:i,selectCategory:o,onRegisterSuccess:s,currentUrl:d,finishLabelOnResult:c,disclaimerText:u}=e.useContext(Tn);return e.useEffect((()=>()=>{setTimeout((()=>{null==s||s()}),400)}),[]),J.default.createElement(Dn,{heading:l("healthToolPNModal.heading"),stickyActions:J.default.createElement(n.Button,{fullWidth:!0,sx:{maxWidth:m.rem(300)},dataEventCategory:"Newsletter",dataEventAction:"Continue Reading Click",dataEventLabel:d,onClick:()=>{i()}},c||l("healthToolPNModal.finish"))},J.default.createElement(m.Stack,null,J.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)})},J.default.createElement(m.Box,null,J.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},J.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"}),J.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"}))),J.default.createElement(t.Text,{size:"p3"},u||l("pnModal.disclaimer"))),J.default.createElement(a.Heading,{tag:"h5"},l("healthToolPNModal.yourPre")),o.length>0&&J.default.createElement(Sn,{topicsGroup:[{label:"",topics:o}],selectedTopics:o,readonly:!0})))},Fn=({isMobile:t,isLoggedIn:l,pnSuggestCategory:n=[],acquisitionInfo:i,currentUrl:o,opened:c,close:p,finishLabelOnResult:h,onRegisterSuccess:f,disclaimerText:b})=>{const{t:v,locale:y}=r.useTranslations(),{action:{pushNotifications:x}}=e.useContext(a.TogetherComponentGlobalContext),E=d.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),w=d.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),[C,k]=e.useState([]),[B,T]=e.useState([]),[N,S]=e.useState(0),[D,M]=e.useState({name:"",fitnessTopics:[]}),[A,P]=e.useState(!1),$=()=>S(2),z=e.useCallback((e=>u.__awaiter(void 0,void 0,void 0,(function*(){try{P(!0),yield a.callApiWithAuth(a.getPremiumApiPath(bn,{website_url:a.getWebsiteUrlApi(y)}),"post",{headers:{"Content-Type":"application/json"},method:"POST",data:{ga_client_id:ce.default.get(s.GA_TOKEN_COOKIE),client_ip:window.clientIP||"",user_info:Object.assign(Object.assign({},i.userInfo),{name:e||D.name,type_subscription:1}),domain:s.domainLocales[y||g.LOCALE.Vietnam],category:B,perferred:i.preferredTopics.map((({id:e})=>({id:e})))}}),P(!1),yield a.callApiWithAuth(a.getSsoApiPath(Bn),"post",{headers:{"Content-Type":"application/json"},method:"PUT",data:{subscription:1}}),$()}catch(e){console.log({err:e}),P(!1),x({title:v("notification.comment.somethingWrong"),message:"",type:"danger"})}}))),[D,B]);return e.useEffect((()=>{[E,w].forEach((e=>{(new Image).src=e}))}),[]),J.default.createElement(Tn.Provider,{value:{currentUrl:o,isMobile:t,isLoggedIn:l,opened:c,close:p,pnSuggestCategory:n,nextStep:()=>S((e=>e<3?e+1:e)),prevStep:()=>S((e=>e>0?e-1:e)),lastStep:$,categoryLibs:C,setCategoryLibs:k,selectCategory:B,setSelectCategory:T,formValues:D,setFormValues:M,maxSelectCategory:5,submitLoading:A,onSubmit:z,onRegisterSuccess:f,finishLabelOnResult:h,disclaimerText:b}},J.default.createElement(kn,{isMobile:t,desktopBanner:d.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),mobileBanner:d.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),modalRatio:{width:960,height:588},desktopBannerRatio:{width:384,height:588},opened:c,onClose:p,zIndex:305,closeProps:{dataEventCategory:"Newsletter",dataEventAction:"Close Click",dataEventLabel:o}},J.default.createElement(m.Stepper,{active:N,onStepClick:S,styles:{root:{height:"100%"},content:{padding:0,height:"100%",width:"100%"},steps:{display:"none"}}},J.default.createElement(m.Stepper.Step,null,J.default.createElement(Mn,null)),J.default.createElement(m.Stepper.Step,null,J.default.createElement(On,null)),J.default.createElement(m.Stepper.Step,null,J.default.createElement(jn,null)))))},Hn=()=>{const{locale:t}=r.useTranslations(),{isMobile:l,isLoggedIn:n,currentUrl:i,acquisitionInfo:o,categoryIds:s,state:d,setState:c,settings:m,submitHandler:p,subcribeHealthStatus:g,showPNModal:h,setShowPNModal:f,setIsBack:b}=e.useContext(gn),[v,y]=e.useState([]),[x,E]=e.useState(h);e.useEffect((()=>{u.__awaiter(void 0,void 0,void 0,(function*(){var e,l;const n=yield a.callApiWithAuth(a.getPremiumApiPath(fn,{_locale:t}),"get"),i=[...(null===(e=null==n?void 0:n.data)||void 0===e?void 0:e.interested)||[],...(null===(l=null==n?void 0:n.data)||void 0===l?void 0:l.trending)||[]];y(i.filter((e=>s.includes(Number(e.catId)))))}))}),[]);const w=e.useRef([]);return e.useEffect((()=>{const e=(null==g?void 0:g.value)||"",t=e.split("|").filter(Boolean);let a=e;w.current.push(g),t.length>1&&(null!==w.current[0]&&b(!0),Object.keys(p).map((e=>{const l=e.split("|");if(t.length===l.length){let n=0;t.map((e=>{l.includes(String(e))&&(n+=1)})),n===t.length&&(a=e)}})));const l=t.length>0?p[a]:m;c(l)}),[g]),e.useEffect((()=>{E(h)}),[h]),(null==d?void 0:d.action)!==cn.Hide?J.default.createElement(J.default.Fragment,null,J.default.createElement(Cn,Object.assign({},m.props)),J.default.createElement(Fn,{acquisitionInfo:o,isMobile:l,isLoggedIn:n,currentUrl:i,pnSuggestCategory:v,opened:x,close:()=>{var e;E(!1),f(!1),setTimeout((()=>{var e;(null===(e=d.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&c({action:cn.Hide})}),400),(null===(e=d.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&c({action:cn.Hide})},onRegisterSuccess:()=>E(!1)})):null},Rn={myBooking:"booking",mySaved:"saved",myHealth:"health",myFamily:"family",myCommunity:"my-communities",eCom:"/shop/ho-so/quan-li-don-hang/"};var Gn="uJQBNNg",Un="TfG3dM5",Wn="aMtjFNf",Vn="cSz2RR-",qn="GyFm00F";function Qn({userInfo:t,onClickMyProfileButton:a,themeName:l="helloSites"}){const{t:n}=r.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 J.default.createElement("div",{className:Gn,onClick:()=>{a&&a()}},J.default.createElement(be,{className:Un,type:"rounded",size:"xl",avatarUrl:null==t?void 0:t.avatar,firstLetter:i,backgroundColor:"marryBaby"===l?c.theme.mbColors.pink:c.theme.colors.secondaryBase}),J.default.createElement("div",{className:Wn},J.default.createElement("div",{className:Vn},(null==t?void 0:t.name)||(null==t?void 0:t.username)),J.default.createElement("div",{className:qn,style:{"--bg-hellosites":`url(${d.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-chevronRight.svg")})`,"--bg-marrybaby":`url(${d.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-arrowRight.svg")})`}},n("userProfile.nav.header.viewProfile"))))}var Zn="fVk18fq",Yn="v8TCvUb",Kn="mx7T4V3";const Xn={myHealth:c.theme.mbColors.toneYellow,myCommunity:c.theme.mbColors.toneBlue,mySaved:c.theme.mbColors.toneGreen},Jn={helloSites:{myBooking:()=>d.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myBooking.svg"),myCommunity:()=>d.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myCommunity.svg"),myFamily:()=>d.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myFamily.svg"),myHealth:()=>d.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myHealth.svg"),mySaved:()=>d.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-mySaved.svg"),eCom:()=>d.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-eCom.svg")},marryBaby:{mySaved:()=>d.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-mySaved.svg"),myCommunity:()=>d.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-myCommunity.svg"),myHealth:()=>d.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-myHealth.svg")}},ei=({type:t,themeName:a,className:l,onClick:n=(()=>{})})=>{const{t:i}=r.useTranslations(),o=e.useMemo((()=>{var e,l;return(null===(l=null===(e=Jn[a])||void 0===e?void 0:e[t])||void 0===l?void 0:l.call(e))||""}),[t,a]),s=e.useMemo((()=>"marryBaby"!==a?"transparent":Xn[t]),[t,a]);return J.default.createElement("div",{onClick:function(){n(t)},className:`${Zn} ${l}`},J.default.createElement("div",{className:Kn,style:{backgroundColor:s,backgroundImage:`url("${o}")`}}),J.default.createElement("h3",{className:Yn},i(`userProfile.nav.card.${t}`)))};var ti="gn6HmGG",ai="FCx8FEM",li="zMiRxaE",ni="lZ2Z9MQ",ii="rwm-agG",ri="qMOscoq";const oi=({themeName:t,locale:a,onClickItem:l})=>{const[n,i]=e.useState(""),r=e.useMemo((()=>"marryBaby"===t?[{key:"userProfile.nav.menu.password",icon:d.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-lock.svg"),link:"password"},{key:"userProfile.nav.menu.logout",icon:d.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-logOut.svg"),link:"logout"}]:[{key:"userProfile.nav.menu.accountSettings",icon:d.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:d.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-helpCircle.svg"),link:"help"}]),[t]);function o(e){e.subMenu?i((t=>t?"":e.key)):l&&l(e)}return J.default.createElement("div",{className:ti},r.map((e=>J.default.createElement(si,{key:e.key,item:e,openKey:n,onClickItem:o,locale:a}))))},si=({item:e,openKey:t,onClickItem:a,locale:l})=>{var n;const{t:i}=r.useTranslations();return(null===(n=e.disableLocale)||void 0===n?void 0:n.includes(l))?null:J.default.createElement("div",{className:`${ai} nav-menu-item`,"data-is-open":t===e.key,key:e.key,"data-has-submenu":!!e.subMenu},J.default.createElement("div",{className:li,onClick:()=>a(e)},e.icon&&J.default.createElement("div",{className:ni,style:{backgroundImage:`url("${e.icon}")`}}),i(e.key),e.subMenu&&J.default.createElement("div",{className:ii,style:{"--after-bg":`url(${d.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-chevronDown.svg")})`}})),e.subMenu&&J.default.createElement("div",{className:ri},e.subMenu.map((e=>J.default.createElement(si,{key:e.key,item:e,openKey:t,onClickItem:a,locale:l})))))};var di="-AZt1au",ci="IvSIfCI",ui="eahCJov",mi="XIyViFs",pi="_4y-O0w3",gi="kO8iNgD",hi="a1d4E10",fi="Tdguxxf",bi="-mOxsaU",vi="yPeDBNZ";const yi={helloSites:{member:()=>d.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-member.svg"),ambassador:()=>d.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-ambassador.svg"),doctor:()=>d.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-doctor.svg"),expert:()=>d.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-expert.svg"),influencer:()=>d.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-influencer.svg")},marryBaby:{member:()=>d.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-member.svg"),ambassador:()=>d.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-ambassador.svg"),doctor:()=>d.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-doctor.svg"),expert:()=>d.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-expert.svg"),influencer:()=>d.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-influencer.svg")}},xi=({themeName:t,rank:a="member",numberOfPosts:l=0})=>{const{t:n}=r.useTranslations(),i=e.useMemo((()=>{var e,l;return(null===(l=null===(e=yi[t])||void 0===e?void 0:e[a])||void 0===l?void 0:l.call(e))||""}),[a,t]);return J.default.createElement("div",{className:pi,"data-user-rank":a},J.default.createElement("div",{className:gi},J.default.createElement("div",{className:hi},J.default.createElement("div",{className:fi,style:{backgroundImage:`url("${i}")`}}),J.default.createElement("h3",{className:bi},n(`userProfile.userRank.${a}`)),l>0&&J.default.createElement("p",{className:vi},l," ",n("userProfile.nav.header.count.posts")))))};exports.AdBlock=tn,exports.Alert=({style:e,onClose:a,text:l,type:n,contentIcon:i,closeIcon:r,className:o,description:s})=>J.default.createElement("div",{className:`${pe} ${o||""}`,style:e,"data-alert-type":n},J.default.createElement("div",{className:ge},J.default.createElement("div",{className:"icon-title"},i,J.default.createElement(t.Text,{weight:"bold",size:"label1"},l)),J.default.createElement(t.Text,{weight:"regular",size:"p3"},s)),J.default.createElement("div",{className:he,onClick:a},r)),exports.ArticleCard=({articleLink:e,authorLink:l,authorName:n,avatarImg:i,banner:r,categoryLink:o,categoryName:s,className:c,dataEventActionForBanner:u,dataEventActionForBookmark:m,dataEventActionForCategory:p,dataEventActionForTitle:g,dataEventCategoryForBanner:h,dataEventCategoryForBookmark:f,dataEventCategoryForCategory:b,dataEventCategoryForTitle:v,dataEventLabelForBanner:y,dataEventLabelForBookmark:x,dataEventLabelForCategory:E,dataEventLabelForTitle:w,direction:C="horizontal",hasAffiliate:k,isBookmark:B=!1,isBookmarkDisplayed:T=!0,isMobile:N=!0,onBookmark:S,onClickCategoryName:D,section:M="normal",size:A="md",specialty:P,style:$,styleBanner:z,styleLabel:L,styleTitle:I,text:_,title:O,type:j="author",uploadTime:F,articleLinkTarget:H,isPremium:R})=>{const G=e=>{e.stopPropagation(),null==S||S()},U="lg"===A&&"expert"===j?"h4":"lg"===A&&"home"===M?N?"h4":"h3":"lg"===A?"h4":"h5",W="lg"===A?"p3":"p4",V=N||"home"!==M||"lg"!==A||"author"!==j?"c2":"c1";return J.default.createElement("article",{className:`${Ae} ${c||""}`,"data-size":A,style:$,"data-direction":C,"data-is-expert":"expert"===j||void 0},J.default.createElement("div",{className:"banner",style:z},J.default.createElement("a",{className:Me,"data-event-category":h,"data-event-action":u,"data-event-label":y,href:e||"#",target:H},r),R&&J.default.createElement("img",{loading:"lazy",className:"premium",src:d.CommonGAssets.getAssetPath("premium-crown.svg")}),k&&J.default.createElement(Le,null)),J.default.createElement("div",{className:"content"},J.default.createElement("div",{className:"inner-content"},J.default.createElement(t.Text,{style:L,className:"label",size:V,weight:"caption"},J.default.createElement("a",{className:Me,"data-event-category":b,"data-event-action":p,"data-event-label":E,href:o||"#",onClick:D},s),T&&J.default.createElement("a",{className:"bookmark",onClick:G},B?J.default.createElement(Ie,{dataEventCategoryForBookmark:f,dataEventActionForBookmark:m,dataEventLabelForBookmark:x}):J.default.createElement(_e,{dataEventCategoryForBookmark:f,dataEventActionForBookmark:m,dataEventLabelForBookmark:x}))),J.default.createElement(a.Heading,{tag:U,style:I,className:"title",as:"lg"===A?"h2":"h3"},J.default.createElement("a",{className:Me,"data-event-category":v,"data-event-action":g,"data-event-label":w,href:e||"#",target:H},O)),_&&J.default.createElement("a",{href:e||"#",target:H},J.default.createElement(t.Text,{size:W,className:"text"},_))),J.default.createElement("div",{className:"footer"},"author"===j?J.default.createElement($e,{size:A,avatarImg:i,authorName:n,authorLink:l,uploadTime:F,handleClick:G,isBookmarked:B,dataEventCategoryForBookmark:f,dataEventActionForBookmark:m,dataEventLabelForBookmark:x}):J.default.createElement(ze,{size:A,isMobile:N,avatarImg:i,specialty:P,name:n,link:l,handleClick:G,isBookmarked:B,dataEventCategoryForBookmark:f,dataEventActionForBookmark:m,dataEventLabelForBookmark:x}))))},exports.ArticleCard$1=e=>{var{variant:t="vertical"}=e,a=u.__rest(e,["variant"]);return"horizontal"===t?J.default.createElement(Oe,Object.assign({},a)):J.default.createElement(Re,Object.assign({},a))},exports.Avatar=be,exports.BMICardEmbed=({isMobile:e,onSubmit:t,bmiContent:a,isSide:l,bmiGenerated:n,bmiUnit:i,bmiLink:o,locale:s})=>{var c,u,m;const{t:p}=r.useTranslations();return J.default.createElement(Ha,{"data-is-side":l},J.default.createElement(va,{isSide:l,icon:J.default.createElement("img",{alt:"health-tool-icon",src:(null==a?void 0:a.featured_image)||d.CommonGAssets.getAssetPath("health-tools/bmi.svg"),loading:"lazy"}),heading:p("bmi.heading"),medicalReview:{link:null===(c=null==a?void 0:a.reviewBy)||void 0===c?void 0:c.link,reviewer:null===(u=null==a?void 0:a.reviewBy)||void 0===u?void 0:u.reviewer,date:null===(m=null==a?void 0:a.reviewBy)||void 0===m?void 0:m.date},isMobile:e}),J.default.createElement(M.Container,null,J.default.createElement(Fa,{as:"div","data-is-side":l},o&&J.default.createElement(Za,{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 c,u,m;const{t:p}=r.useTranslations();return J.default.createElement(Ha,{"data-is-side":e},J.default.createElement(va,{isSide:e,icon:J.default.createElement("img",{alt:"health-tool-icon",src:(null==a?void 0:a.featured_image)||d.CommonGAssets.getAssetPath("health-tools/bmr.svg"),loading:"lazy"}),heading:p("bmr.heading"),medicalReview:{link:null===(c=null==a?void 0:a.reviewBy)||void 0===c?void 0:c.link,reviewer:null===(u=null==a?void 0:a.reviewBy)||void 0===u?void 0:u.reviewer,date:null===(m=null==a?void 0:a.reviewBy)||void 0===m?void 0:m.date},isMobile:l}),J.default.createElement(M.Container,null,J.default.createElement(Fa,{onSubmit:e=>e.preventDefault(),"data-is-side":e},J.default.createElement(Pa,null,J.default.createElement(bl,{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:r})=>{var o,s,u;return J.default.createElement(Ha,{"babyGrowthContent-is-mobile":e,"data-site":r},J.default.createElement(va,{siteType:r,bannerUrl:d.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerUrlLarge:d.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerColor:"marryBaby"===r&&c.theme.mbColors.mint,isEmbeded:!0,icon:J.default.createElement("img",{className:"embedded-icon",alt:"health-tool-icon",src:(null==i?void 0:i.featuredImage)||d.CommonGAssets.getAssetPath("health-tools/toolsIconBabyGrowth.svg"),loading:"lazy"}),heading:(null==i?void 0:i.title)||"",medicalReview:{link:null===(o=null==i?void 0:i.reviewBy)||void 0===o?void 0:o.link,reviewer:null===(s=null==i?void 0:i.reviewBy)||void 0===s?void 0:s.reviewer.trim(),date:null===(u=null==i?void 0:i.reviewBy)||void 0===u?void 0:u.date},isMobile:e}),J.default.createElement(al,{"data-theme":r},J.default.createElement(ll,{siteType:r,schema:n,className:t,onSubmit:a,onError:l})))},exports.BabyPoopEmbed=({babyPoopPage:e,onClickFindOut:l,currentUrl:i,isSide:o,direction:s="auto",sponsorLogo:u})=>{const{t:p}=r.useTranslations(),g="mb"===m.useMantineTheme().other.template,{classes:h}=nl({isMarryBaby:g,isSide:o,direction:s},{name:"BabyPoopEmbed"}),{reviewedBy:f,reviewedDate:b}=e||{};return J.default.createElement("div",{className:h.root},J.default.createElement("div",{className:h.inner},J.default.createElement(a.Heading,{tag:"h3",as:"h2",color:!g&&"#284A75"},e.title),J.default.createElement("div",{className:h.content,"data-is-side":o},J.default.createElement(t.Text,{size:"p3",className:"description"},e.description),!!f&&J.default.createElement("div",{className:h.reviewText},J.default.createElement("img",{src:d.CommonGAssets.getAssetPath("reviewerCheck.svg"),alt:"check",className:h.reviewTextIcon,loading:"lazy"}),J.default.createElement(t.Text,{size:"p4",color:c.theme.colors.gray600},p("categoryPage.info.reviewed")," ",J.default.createElement("a",{href:f.profile_url},f.display_name)," ",p("categoryPage.onDate",{date:b||""}))),J.default.createElement("div",{className:h.action},J.default.createElement(n.Button,{className:h.btn,size:g?"lg":"md",variant:g?"secondary":"primary",onClick:l,dataEventCategory:"Health Tool",dataEventAction:"Baby Stool Inquiry",dataEventLabel:i,style:{visibility:Boolean(l)?"visible":"hidden"}},p("babyPoop.findOut"))))),J.default.createElement("div",{className:h.thumbnail},J.default.createElement("img",{src:g?d.CommonGAssets.getAssetPath("baby-poop.svg"):null==e?void 0:e.featuredImage,alt:e.title,loading:"lazy"})),u&&J.default.createElement("img",{loading:"lazy",src:u,alt:"sponsor",className:h.sponsorLogo}))},exports.Badge=({amount:e,type:t,size:l="medium",color:n="primary",icon:i,className:r})=>J.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:r},J.default.createElement("div",null,e&&J.default.createElement("span",null,e)," ",i&&J.default.createElement("div",null,i))),exports.BorderHeading=({style:e,children:t,className:l,size:n="lg",type:i="bold",upperCase:r,as:o="h4",color:s})=>J.default.createElement(a.StyledBorderHeading,{style:Object.assign({color:s},e),className:l,"data-size":n,"data-type":i,"data-uppercase":r,as:o},t),exports.Breadcrumbs=({className:t,pages:a,size:l,LinkComponent:n="a",onChangePage:i,separator:r})=>{const o=e.useMemo((()=>a.map(((e,t)=>a.length>4?t>1&&t<a.length-2?null:1===t?Object.assign(Object.assign({},e),{isDropdown:1===t,dropdownItems:a.slice(1,a.length-2)}):e:e)).filter(Boolean)),[a]);return J.default.createElement("div",{"data-size":l,className:`${jl} ${t||""}`},o.map(((t,a)=>{const s=a+1===o.length;return J.default.createElement(e.Fragment,{key:a},J.default.createElement(Rl,{LinkComponent:n,page:t,isLast:s,onChangePage:i}),!s&&(t.separator||r||J.default.createElement("div",{className:Fl,"data-size":l})))})))},exports.CategoryCard=e=>{var{category:a,imgBanner:l,label:n,className:i,style:r,href:o="",dataEventCategory:s,dataEventAction:d,dataEventLabel:c}=e,m=u.__rest(e,["category","imgBanner","label","className","style","href","dataEventCategory","dataEventAction","dataEventLabel"]);const p=(null==a?void 0:a.customizedUrl)||(null==a?void 0:a.permalink)||o||"";return J.default.createElement(Ge,Object.assign({"data-event-category":s,"data-event-action":d,"data-event-label":c,className:i,style:r,href:p},(null==a?void 0:a.customizedUrl)&&!v.isInternalLink(a.customizedUrl)&&{target:"_blank"},{onClick:e=>{""===p&&e.preventDefault()}},m),J.default.createElement("div",{className:"banner"},l),J.default.createElement("div",{className:"content"},J.default.createElement(t.Text,{className:"category_name",size:"sm",weight:"bold"},(null==a?void 0:a.displayName)||n||"")))},exports.Checkbox=Ce,exports.CheckboxGroup=({name:e,values:t=[],onChanges:a,options:l=[],className:n,type:i="vertical",isDisabled:r,isRectangle:o})=>{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 J.default.createElement(Ue,{className:n,"data-type":i,"data-is-rectangle":o||void 0},l.map(((a,l)=>J.default.createElement(Ce,{label:a.label,name:e,key:`${l}-${a.value}`,checked:t.includes(a.value),value:a.value,isDisabled:r||a.disabled,onChange:!r&&s,isRectangle:o}))))},exports.CookieAcceptConfirm=({className:e,policiesUrl:t,onAcceptClick:a,translations:l={acceptButton:"Accept",policiesButton:"Our Policies"},title:n="",description:i="",theme:r="helloSites",isOpen:o=!0,useDefaultPosition:s=!0,trackingAttributes:d})=>J.default.createElement(qt,{className:e,"data-theme":r,"data-is-open":o,"data-default-position":s},J.default.createElement(Qt,{"data-has-content":!!n},n),J.default.createElement(Zt,{dangerouslySetInnerHTML:{__html:i}}),J.default.createElement(Yt,null,J.default.createElement(Kt,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:a,"data-event-category":null==d?void 0:d.dataEventCategory,"data-event-action":null==d?void 0:d.dataEventAction,"data-event-label":null==d?void 0:d.dataEventLabel},l.acceptButton),J.default.createElement(Xt,{href:t},l.policiesButton))),exports.DatePicker=Qe,exports.DateRangePicker=function({inputSize:t="md",name:l="date-range-picker",value:n,minDate:i,maxDate:r,onChange:o,className:s,autoClose:c=!1}){n||(n={from:null,to:null});const[u,m]=e.useState(!1);function p(){m(!1)}const g=e.useRef(null);function h(e){o&&o(e)}function f(e){return k.format(e,"dd/MM/yyyy")}_.useOutsideClick(g,(()=>{p()}));const b=e.useMemo((()=>n.from&&n.to?k.isSameDay(n.from,n.to)?f(n.from):`${f(n.from)} - ${f(n.to)}`:""),[n.from,n.to]);return J.default.createElement(_l,{className:[s,u&&"focused"].filter(Boolean).join(" "),ref:g},J.default.createElement("label",{htmlFor:l},J.default.createElement(a.PureInput,{size:t,value:b,name:l,actionIcon:J.default.createElement("img",{src:d.CommonGAssets.getAssetPath("calendar.svg"),loading:"lazy"}),onFocus:()=>m(!0)})),u?J.default.createElement(Ol,{onMouseDown:e=>{e.stopPropagation()}},J.default.createElement(Ll,{value:n,onChange:h,minDate:i,maxDate:r,close:p,autoClose:c})):null)},exports.DoctorInfo=pt,exports.DueDateCardEmbed=({isMobile:e,locale:t,onSubmitDueDate:a,dueDatePageInfo:l,expertUrl:n,isSide:i,siteType:o})=>{var s;const{t:u}=r.useTranslations();return J.default.createElement(Ha,{"data-is-side":i,"data-site":o},J.default.createElement(va,{isSide:i,siteType:o,bannerColor:"marryBaby"===o&&c.theme.mbColors.mint,isEmbeded:!0,color:"pink",icon:J.default.createElement("img",{alt:"health-tool-icon",src:(null==l?void 0:l.featured_image)||d.CommonGAssets.getAssetPath("health-tools/due-date-icon.svg"),loading:"lazy"}),heading:u("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}),J.default.createElement(Fa,{onSubmit:e=>e.preventDefault(),className:"due-date-cal","data-is-side":i},J.default.createElement(_a,{siteType:o,locale:t,onSubmitDueDate:a,isSide:i})))},exports.FileDropdown=({className:t,value:l,options:n,onUploadSelected:i,id:r,placeholderIcon:o,placeholder:s,style:d})=>{const[c,u]=e.useState(!1),m=()=>u(!c),p=e.useRef(n.map((e=>"upload"===e.type&&J.default.createElement("input",{id:"uploader-dropdown-input-"+r+"-"+e.value,key:"uploader-dropdown-input-"+r+"-"+e.value,accept:e.fileAcceptedType,multiple:e.multiple,type:"file",style:{display:"none"},onChange:e=>{console.log("change"),i(e.target.files)}}))));return J.default.createElement(a.StyledDropdown,{className:t,"data-dropdown-open":!!c,id:r,"data-has-icons":!0,style:d,onBlur:()=>u(!1),tabIndex:0},J.default.createElement(ve,null),J.default.createElement(a.StyledDropdownName,{onClick:m},o||J.default.createElement(ye,null)," ",J.default.createElement("span",null,l&&l.value?l.label:s)),c&&J.default.createElement(a.StyledDropdownList,{onClick:m,"data-has-icons":!0},n.map((e=>J.default.createElement(a.StyledDropdownOption,{key:`${r}-${e.value}`,"data-selected":l&&l.value===e.value||void 0,onClick:()=>{return"upload"===e.type?(a="#uploader-dropdown-input-"+r+"-"+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}},J.default.createElement(a.StyledIcon,null,e.icon||"download"===e.type?J.default.createElement(xe,null):J.default.createElement(Ee,null)),e.label)))),J.default.createElement(J.default.Fragment,null,p.current))},exports.FixedBottomAdBlock=({className:t,adUnitPath:a,divId:l,isMobile:n,contentId:i,customTargetings:r,locale:o,isMarryBaby:s})=>{const[d,c]=e.useState(!0),[u,m]=e.useState(!1),[p,g]=e.useState(!0),h=e.useRef(null),f=e.useRef(G.v4()),b=e.useRef(null),v=e.useRef(),y=e.useRef();return e.useEffect((()=>{const e=()=>{y.current&&clearTimeout(y.current),y.current=setTimeout((()=>{var t;document.getElementById("subot--container")?c(!0):(c(!1),(null===(t=h.current)||void 0===t?void 0:t.clientHeight)?g(!1):g(!0)),e()}),4e3)};return e(),()=>{v.current&&clearTimeout(v.current),y.current&&clearTimeout(y.current)}}),[]),d||u?null:J.default.createElement(ql,{key:n?"mobile":"desktop",ref:b,className:t,"data-visible":!p},a&&J.default.createElement(tn,{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:r,adDefaultSize:n?[320,50]:[728,90],showCloseBtn:!0,onCloseAd:()=>m(!0),refreshInterval:60,locale:o,isMarryBaby:s}))},exports.FloatButtonGroup=({items:t,className:a,style:l,backgroundPanelStyle:n,isOpen:i,onOpen:r,onClose:o,disableBackdropClick:s,siteType:d="hb",animationType:c="zoom",zIndex:u=300})=>{const[m,p]=e.useState(!!i);e.useEffect((()=>{p(!!i)}),[i]);const g=()=>{p(!1),o&&o()};return J.default.createElement(jt,{style:l,className:a,"data-floatmenu-open":m,"data-site-type":d,"data-animation-type":c},J.default.createElement(Ft,{className:"float-button-group__panel",style:Object.assign({zIndex:u},n),onClick:s?void 0:g}),J.default.createElement(Ht,{className:"float-button-group___content",style:{zIndex:u}},J.default.createElement(Rt,null,t.map(((e,a)=>J.default.createElement(Ut,{className:`float-item-button-${a}`,style:Object.assign(Object.assign({},"zoom"===c&&{bottom:64*(t.length-1-a),transitionDelay:Ot/t.length*(m?t.length-1-a:a)+"ms"}),"slide"===c&&{bottom:64*(t.length-1-a),transitionDelay:Ot/t.length*(m?a:t.length-1-a)+"ms"}),key:a,onClick:()=>{e.onClick(),e.keepMenuOnClick||p(!1)}},J.default.createElement(Wt,{style:Object.assign({},"zoom"===c&&{transitionDelay:Ot/t.length*(m?t.length-1-a:a)+"ms"})},e.label),J.default.createElement(Vt,{className:"float-item-button__icon-wrapper",style:Object.assign({},("zoom"===c||"slide"===c)&&{transitionDelay:Ot/t.length*(m?t.length-1-a:a)+"ms"})},e.icon))))),J.default.createElement(Gt,{onClick:m?g:()=>{p(!0),r&&r()}})))},exports.GenderOptionControl=Ne,exports.Grid=({className:e,columns:t,columnsDesktop:l,gridTemplateColumns:n,gridTemplateColumnsDesktop:i,gap:r,children:o,justifyChildren:s,style:d,alignItems:c})=>J.default.createElement(a.StyledGrid,{className:e,style:d,theme:{columns:t,columnsDesktop:l,gap:r,justifyChildren:s,gridTemplateColumns:n,gridTemplateColumnsDesktop:i,alignItems:c}},o),exports.IconText=({size:e,iconPosition:t,className:a,children:l,icon:n})=>J.default.createElement(Ze,{className:a,"data-size":e,"data-icon-position":t},"left"===t&&n,l,"right"===t&&n),exports.Loading=({className:e,theme:a,hideText:l})=>{const{t:n}=r.useTranslations();return J.default.createElement("div",{className:`${Se} ${e}`},J.default.createElement(t.Icon.Spinner,{isMarryBaby:"marryBaby"===a}),!l&&n("loading"))},exports.MAPPING_CATEGORY_PREMIUM_API_TYPE=mn,exports.MAPPING_CATEGORY_PREMIUM_TYPE=un,exports.MobileBottomNavigation=ia,exports.MobileBottomNavigationIcon=na,exports.NavHeader=Qn,exports.OvulationCardEmbed=({onSubmitOvulation:e,locale:t,ovulationPageInfo:a,expertUrl:l,isSide:n=!1,siteType:i,isMobile:o})=>{var s;const{t:u}=r.useTranslations();return J.default.createElement(Ha,{"data-is-side":n,"data-site":i},J.default.createElement(va,{isSide:n,bannerUrl:d.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),siteType:i,bannerColor:"marryBaby"===i&&c.theme.mbColors.mint,isEmbeded:!0,color:"pink",icon:J.default.createElement("img",{alt:"health-tool-icon",src:(null==a?void 0:a.featured_image)||d.CommonGAssets.getAssetPath("health-tools/ovulation-icon.svg"),loading:"lazy"}),heading:u("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}),J.default.createElement(Fa,{onSubmit:e=>e.preventDefault(),className:"ovulation-cal","data-is-side":n},J.default.createElement(xl,{siteType:i,locale:t,onSubmitOvulation:e,isSide:n})))},exports.PWGCardEmbed=({locale:l,onClick:i,inputErrorMessage:o,pwgContent:u,onFormChange:m,info:p,isMobile:g,isSide:h=!1,siteType:f})=>{var b;const{t:v}=r.useTranslations(),[y,x]=e.useState("notwins"),[E,w]=e.useState({label:"1",value:1}),C=e.useMemo((()=>[...Array(40)].map(((e,t)=>({label:`${t+1}`,value:`${t+1}`})))),[]),{getHealthToolLink:k}=P.useHealthToolsCache(l),B=e.useMemo((()=>k(a.HEALTH_TOOL_TYPE.PWG)),[k]);return J.default.createElement(Ha,{"data-is-side":h,"data-site":f},J.default.createElement(va,{siteType:f,bannerColor:"marryBaby"===f&&c.theme.mbColors.mint,isEmbeded:!0,color:"pink",icon:J.default.createElement("img",{alt:"health-tool-icon",src:(null==u?void 0:u.featuredImage)||d.CommonGAssets.getAssetPath("health-tools/pwg-icon.svg"),loading:"lazy"}),heading:v("pregnancyWeightGain.heading"),medicalReview:{link:L.formatUserProfileUrl(null==u?void 0:u.reviewedBy),reviewer:null===(b=null==u?void 0:u.reviewedBy)||void 0===b?void 0:b.display_name,date:null==u?void 0:u.reviewedDate},isMobile:g,isSide:h}),J.default.createElement(M.Container,null,J.default.createElement(Fa,{onSubmit:e=>e.preventDefault(),className:"pwg-view-mobile","data-is-side":h},"marryBaby"!==f&&J.default.createElement(Aa,{className:"hide-asking-mobile","data-is-side":h},J.default.createElement(t.Text,{size:"s4",weight:"semiBold",style:{display:"block",color:c.theme.colors.gray600},className:"label"},v("pregnancyWeightGain.havingTwins")),J.default.createElement(Ra,{options:[{value:"twins",label:v("switchBtn.yes")},{value:"notwins",label:v("switchBtn.no")}],value:y,onChange:e=>x(e),className:"gender-selector",id:"twins-check",direction:"horizontal",size:"small"})),J.default.createElement(za,null,J.default.createElement(La,{className:"input-section input-form-pwg","data-is-side":h},"marryBaby"===f?J.default.createElement(ya,{groupedWithLabel:v("pregnancyWeightGain.weekInput"),options:C,placeholder:"28 days",id:"due-date-dropdown",size:"lg",value:E,onChange:e=>w({label:e.label,value:e.value})}):J.default.createElement(J.default.Fragment,null,J.default.createElement(t.Text,{size:"s4",weight:"semiBold",style:{display:"inline-block",marginBottom:"9px",color:c.theme.colors.gray600}},v("pregnancyWeightGain.weekInput")),J.default.createElement(D.Dropdown,{options:C,placeholder:String(E.label),id:"weight-gain-dropdown",size:"md",value:E,onChange:e=>w({label:e.label,value:e.value})}))),J.default.createElement(El,{siteType:f,info:p,errorMessage:o,onChange:m})),"marryBaby"!==f&&J.default.createElement(Aa,{className:"hide-asking-desk","data-is-side":h},J.default.createElement(t.Text,{size:"s4",weight:"semiBold",style:{display:"block",color:c.theme.colors.gray600},className:"label"},v("pregnancyWeightGain.havingTwins")),J.default.createElement(Ra,{options:[{value:"twins",label:v("switchBtn.yes")},{value:"notwins",label:v("switchBtn.no")}],value:y,onChange:e=>x(e),className:"gender-selector",id:"twins-check-mobile",direction:"horizontal",size:"small"})),"marryBaby"===f&&J.default.createElement(Ce,{name:"twins",label:v("pregnancyWeightGain.havingTwins"),checked:"twins"===y,siteType:"marryBaby",onChange:()=>{x("twins"===y?"notwins":"twins")},value:"twins"}),J.default.createElement($a,{"data-is-side":h,"data-site":f},J.default.createElement(n.Button,{dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${s.domainLocales["marryBaby"===f?"vi-VN_MB":l]}/${B}`,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===f?"secondary":"primary",onClick:()=>i(y,E.value),role:"button"},v("dueDatePage.lastPeriod.calculate"))))))},exports.Pagination=({className:t,pagesAmount:n,currentPage:i,onChange:r,onClick:o,style:s,href:d,queryPageName:c="page"})=>{const u=[...Array(n)].map(((e,t)=>t+1)),[m,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),r(e))},b=e=>{o&&o(e)};return e.useEffect((()=>{p(i)}),[i]),J.default.createElement(a.StyledPagination,{className:t,style:s},J.default.createElement(a.StyledPageBlock,{className:"prev-page",onClick:()=>f(m-1),"data-last-page":1===m||void 0},g?J.default.createElement("a",{href:l.formatUrlWithPageParam(g,m,c),onClick:b},J.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},J.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):J.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},J.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),u.length>8?J.default.createElement(we,{pagesAmount:n,activePage:m,handlePageChange:f,handleClick:b,href:g,queryPageName:c}):u.map((e=>J.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===m||void 0,onClick:()=>f(e)},g?J.default.createElement("a",{href:l.formatUrlWithPageParam(g,e,c),onClick:b},e):e))),J.default.createElement(a.StyledPageBlock,{className:"next-page",onClick:()=>f(m+1),"data-last-page":m===h+1||void 0},g?J.default.createElement("a",{href:l.formatUrlWithPageParam(g,m,c),onClick:b},J.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},J.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):J.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},J.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:r,onChange:o})=>{const[s,d]=e.useState(0),c=e=>{var{trackClassName:t}=e,a=u.__rest(e,["trackClassName"]);return J.default.createElement(Xe,Object.assign({},a,{className:t}),J.default.createElement(Je,null))},m=J.default.createElement(Ye,{className:r+" progress-bar"},J.default.createElement(c,null),J.default.createElement((({trackLength:e,activeStep:t,labelPrefix:l="Step",onChange:n})=>J.default.createElement(J.default.Fragment,null,Array.from({length:a},((e,t)=>t)).map(((i,r)=>J.default.createElement(Ke,{"data-is-active":r===t,"data-label":r,style:{left:r*e/(a-1)},onClick:()=>{n&&n(r)},key:r},r+1,J.default.createElement(et,{"data-step-passed":r<=t},l+" "+(r+1))))))),{trackLength:s,activeStep:l,labelPrefix:n,onChange:o})),p=J.default.createElement("svg",{"data-name":"Layer 1",viewBox:"0 0 5.5 9.5"},J.default.createElement("title",null,"chevron-right"),J.default.createElement("path",{d:"M.75 8.75l4-4-4-4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),g=J.default.createElement(tt,null,i&&Array.from({length:i.length},((e,t)=>t)).map(((e,t)=>{var a;return J.default.createElement(at,{key:t,"data-selected":t===l,onClick:()=>{o&&o(t)}},null===(a=i[t])||void 0===a?void 0:a.text," ",t<i.length-1&&p)}))),h=J.default.createElement(Ye,{className:r+" progress-bar"},J.default.createElement((({detailSteps:e,activeStep:t,onChange:a})=>J.default.createElement(J.default.Fragment,null,Array.from({length:e.length},((e,t)=>t)).map(((l,n)=>J.default.createElement(lt,{key:n,style:{left:100/e.length*n+"%",width:100/e.length+"%"},onClick:()=>{a&&a(n)}},e[n].icon?J.default.createElement(it,{onClick:()=>{a&&a(n)}},e[n].icon):J.default.createElement(nt,{"data-is-active":n===t,"data-label":l,onClick:()=>{a&&a(n)},key:n},n+1),J.default.createElement(rt,{"data-step-passed":n<t+1},e[n].text,J.default.createElement(ot,null,e[n].description)),n<e.length-1&&J.default.createElement(c,{"data-step-passed":n<t,trackClassName:"progress-track","data-track-type":"detail"})))))),{activeStep:l,detailSteps:i,onChange:o})),f=e.useCallback(le.default((()=>{const e=document.querySelector(".progress-bar");e&&d(e.offsetWidth)}),1e3),[]);return e.useEffect((()=>{const e=document.querySelector(".progress-bar");return d(null==e?void 0:e.offsetWidth),window.addEventListener("resize",f,{passive:!0}),()=>{window.removeEventListener("resize",f)}}),[]),"step-track"===t&&m||"breadcrumb"===t&&g||"detail-track"===t&&h},exports.Radio=({size:e="small",label:t,name:a,checked:l,value:i,className:r,isDisabled:o=!1,onChange:s,dataEventCategory:d,dataEventAction:c,dataEventLabel:u})=>{const m=!!c&&!!d&&!!u?{"data-event-category":d,"data-event-action":c,"data-event-label":u}:{};return J.default.createElement(n.Radio,Object.assign({size:"small"===e?"md":"lg",label:t,name:a,checked:l,value:i,className:r,disabled:o,onChange:e=>null==s?void 0:s(e.target.value)},m))},exports.RadioGroup=st,exports.RateStars=({gap:t=2,size:l=24,star:n,totalStars:i=5,onSelect:r,hideEmptyStars:o,style:s,className:d})=>{const c=Math.floor(n),u=n-c>=.5?1:0,[m,p]=e.useState(null),g=m||c,h=m?0:u;return J.default.createElement(a.StyledRateStars,{"data-selectable":!!r,style:Object.assign({"--gap":t,"--star-size":l},s),className:d},Array.from({length:o?c+u:i}).map(((e,t)=>{const a=()=>!!r&&p(t+1),l=()=>!!r&&p(null);return t+1<=g?J.default.createElement(Be,{key:t,onClick:()=>null==r?void 0:r(t+1),onMouseOver:a,onMouseLeave:l}):t+1===g+h?J.default.createElement(Te,{key:t,onClick:()=>null==r?void 0:r(t+1),onMouseOver:a,onMouseLeave:l}):J.default.createElement(ke,{key:t,onClick:()=>null==r?void 0:r(t+1),onMouseOver:a,onMouseLeave:l})})))},exports.ScrollList=({row:t=2,column:a=3,isDotsShown:l=!0,isImageGalleryShown:n=!1,mode:i="infinity",type:r="separated",distanceOverlappedLeft:o={amount:0,unit:"pixel"},children:s,className:d,isProgressShown:c=!1,statusChildren:u,isArrowShown:m=!1,classNameLeftArrow:p,classNameRightArrow:g,dataEventCategory:h,dataEventAction:f,dataEventLabel:b,onChangePage:v,page:y,customPageWidth:x,scheme:E="hellosites",arrowType:w="Discover"})=>{const C="number"==typeof y,[k,B]=e.useState(C?y:0),T=[];J.default.Children.map(s,((e,l)=>{l%(t*a)==0&&T.push([]),T[T.length-1].push(J.default.cloneElement(e))}));const N=e.useRef(),S=e.useRef(0),D=e=>{if(!N.current)return;const{clientWidth:t}=N.current,a=x||t,l="intertwined"===r?"percentage"===o.unit?e*a+o.amount/100*a*e:e*a+o.amount*a*e:e*a;N.current.scrollTo({top:0,left:l,behavior:"smooth"}),S.current=e,B(e),v&&v(e)};e.useEffect((()=>{"number"==typeof y&&(e=>{if(!N.current)return;const{clientWidth:t}=N.current,a=x||t,l="intertwined"===r?"percentage"===o.unit?e*a+o.amount/100*a*e:e*a+o.amount*a*e:e*a;N.current.scrollTo({top:0,left:l,behavior:"smooth"}),S.current=e,B(e)})(y)}),[y]);const M=e=>{if(!N.current)return;const{clientWidth:t}=N.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),v&&v(T.length-1)):(B(k+1),l+=a,v&&v(k+1)),N.current.scrollTo({top:0,left:l,behavior:"smooth"})),"back"===e&&(0===l?(B(0),v&&v(0),l=0):(B(k-1),v&&v(k-1),l-=a),N.current.scrollTo({top:0,left:l,behavior:"smooth"}))},A=le.default((()=>{if("infinity"===i){if(!N.current)return;const{clientWidth:e,scrollLeft:t}=N.current,a=x||e,l=Math.floor(t/a);B(l),v&&v(l)}}),400);return e.useEffect((()=>{if("snapped"===i){let e,t,a,l,n,i,s=!1;const d=N.current,c=(i,r)=>{s=!0,a=!1,l=!1,e=i-d.offsetLeft,t=r-d.offsetTop,n=d.scrollLeft},u=e=>{c(e.pageX,e.pageY)},m=e=>{c(e.touches[0].pageX,e.touches[0].pageY)},p=()=>{if(s=!1,a=!1,l=!1,!N.current)return;const{clientWidth:e}=N.current,t=x||e,n="ltr"===i?0!==S.current?S.current-1:S.current:"rtl"===i&&S.current<T.length-1?S.current+1:S.current,d="intertwined"===r?"percentage"===o.unit?n*t+o.amount/100*t*n:n*t+o.amount*t*n:n*t;N.current.scrollTo({top:0,left:d,behavior:"smooth"}),i="none",S.current!==n&&(S.current=n,B(n),v&&v(n))},g=(r,o)=>{if(!s)return;const c=r-d.offsetLeft,u=o-d.offsetTop,m=c-e,p=u-t;a||l||!(p>20||p<-20)||(a=!0),!a&&(m>20||m<-20)&&(l=!0,d.scrollLeft=n-m,m>0&&(i="ltr"),m<0&&(i="rtl"),0===m&&(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",u,{passive:!0}),null==d||d.addEventListener("touchstart",m,{passive:!0}),window.addEventListener("mouseup",p,{passive:!0}),window.addEventListener("touchend",p,{passive:!0}),null==d||d.addEventListener("mousemove",h,{passive:!0}),null==d||d.addEventListener("touchmove",f,{passive:!0}),()=>{null==d||d.removeEventListener("mousedown",u),null==d||d.removeEventListener("touchstart",m),window.removeEventListener("mouseup",p),window.removeEventListener("touchend",p),null==d||d.removeEventListener("mousemove",h),null==d||d.removeEventListener("touchmove",f)}}}),[]),J.default.createElement(bt,{className:d,"data-row":t,onScroll:A},m&&k>0&&J.default.createElement("div",{className:`${p} arrow-left`,onClick:()=>M("back"),"data-event-category":h,"data-event-action":f,"data-event-label":b},"Care"===w?J.default.createElement("svg",{width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},J.default.createElement("g",{filter:"url(#filter0_dd_12599_34420)"},J.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"}),J.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"}),J.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"})),J.default.createElement("defs",null,J.default.createElement("filter",{id:"filter0_dd_12599_34420",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},J.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),J.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"}),J.default.createElement("feOffset",{dx:"-2",dy:"2"}),J.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),J.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"}),J.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12599_34420"}),J.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"}),J.default.createElement("feOffset",{dx:"-1",dy:"1"}),J.default.createElement("feGaussianBlur",{stdDeviation:"1"}),J.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"}),J.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12599_34420",result:"effect2_dropShadow_12599_34420"}),J.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12599_34420",result:"shape"})))):J.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"},J.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"}),J.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"}),J.default.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===E?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),J.default.createElement("div",{ref:N,className:"container",style:{overflowX:"snapped"===i||m?"hidden":"scroll"}},T.map(((e,l)=>{let n=0;for(let e=0;e<l;e++)n+=T[e].length;return J.default.createElement("div",{key:l,className:"section",style:{marginLeft:"intertwined"===r&&0!==l?o.amount+""+("percentage"===o.unit?"%":"px"):"0px"}},1===t&&c&&J.default.createElement("div",{className:"progress-bar",style:{gridTemplateColumns:`repeat(${a}, 1fr)`}},e.map(((t,a)=>{const i=n+a,r=u.find((e=>e.index===i));return J.default.createElement("div",{className:"items-progress",key:a},0===a&&0===l?J.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):J.default.createElement("div",{className:"line"}),J.default.createElement("div",{className:"icon-status"},J.default.createElement(vt,{status:null==r?void 0:r.status})),l===T.length-1&&a===e.length-1?J.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):J.default.createElement("div",{className:"line"}))}))),J.default.createElement("div",{className:"grid-layout","data-index":l,style:{gridTemplateColumns:`repeat(${a}, 1fr)`,gridTemplateRows:`repeat(${t}, 1fr)`}},e.map(((e,t)=>J.default.createElement(J.default.Fragment,{key:t},J.default.createElement("div",{className:"item-grid",key:t},e))))))}))),m&&k<T.length-1&&J.default.createElement("div",{className:`${g} arrow-right`,onClick:()=>M("forward"),"data-event-category":h,"data-event-action":f,"data-event-label":b}," ","Care"===w?J.default.createElement("svg",{width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},J.default.createElement("g",{filter:"url(#filter0_dd_12597_34423)"},J.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"}),J.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"}),J.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"})),J.default.createElement("defs",null,J.default.createElement("filter",{id:"filter0_dd_12597_34423",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},J.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),J.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"}),J.default.createElement("feOffset",{dx:"-2",dy:"2"}),J.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),J.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"}),J.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12597_34423"}),J.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"}),J.default.createElement("feOffset",{dx:"-1",dy:"1"}),J.default.createElement("feGaussianBlur",{stdDeviation:"1"}),J.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"}),J.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12597_34423",result:"effect2_dropShadow_12597_34423"}),J.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12597_34423",result:"shape"})))):J.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"},J.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"}),J.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"}),J.default.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===E?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),l&&J.default.createElement("ul",{className:"bullet-nav"},T.map(((e,t)=>J.default.createElement("li",{key:t,className:"bullet-nav__item "},J.default.createElement("p",{onClick:()=>D(t),className:`bullet-nav__link scroll ${k==t?"active":null}`,"data-scheme":E}))))),n&&J.default.createElement("div",{className:"image-gallery-wrapper","data-test":T.length},T.slice(0,3).map(((e,t)=>J.default.createElement("div",{className:`image-block ${k==t?"active":null}`,key:t,onClick:()=>D(t),"data-scheme":E},e)))))},exports.SeoHead=({SEOData:t={},locale:a="vi-VN",routerPathname:l,routerQuery:n,nextHead:i,siteType:r,seoCustom:d,userId:c,forcedCanonicalUrl:u})=>{var m,p,g,h,f,b,v,y,x,E,w,C;const{totalPages:k,currentPage:B,SEOTitle:T="",SEODescription:N="",SEOImage:S,seoType:D,SEOImageWidth:M,SEOImageHeight:A,customMetaData:P=[],isIndexable:$=!0,hasNoCanonical:z=!1}=t,L=$&&o.isProduction?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",{NEXT_PUBLIC_BASE_API_URL:I}=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"===r?s.domainLocales[O]:"www.marrybaby.vn",F=_.endsWith("/")?"":"/",H=e.useMemo((()=>{var e,l,n,i,r,o,s;let d="";if(t.apiMetaData&&"string"==typeof t.apiMetaData){const c=null===(e=t.apiMetaData)||void 0===e?void 0:e.match(/<title.*?>(.*)<\/title>/),u=` - Page ${B} of ${k}`,m=B&&1!==B&&c?t.apiMetaData.replace(c[0],c[0].includes("-")?c[0].replace("-",u+" - "):`<title>${c[1].concat(u)}</title>`).replace(`<link rel="canonical" href="https://${j}${_}${F}" />`,`<link rel="canonical" href="https://${j}${_}${F}?page=${B}" />`):t.apiMetaData;if(d=ne.default(m,{trim:!0}),!d.find((e=>{var t,a;return"og:image"===(null===(t=e.props)||void 0===t?void 0:t.property)||"og:image:secure_url"===(null===(a=e.props)||void 0===a?void 0:a.property)}))){const e=`https://${j}/images/${a}.png`;d=[...d,J.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(l=t.openGraph)||void 0===l?void 0:l.image)||S||e||""}),J.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)||S||e}),J.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===(r=t.openGraph)||void 0===r?void 0:r.imageWidth)||M&&String(M)||"1200"}),J.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(o=t.openGraph)||void 0===o?void 0:o.imageHeight)&&String(null===(s=t.openGraph)||void 0===s?void 0:s.imageHeight)||A&&String(A)||"630"})]}}return d}),[t.apiMetaData,t.openGraph,S,A,M,B,_,k,a,j]),R=`https://${j}/images/${a}.png`;return J.default.createElement(i,null,J.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===r?J.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter:wght@400..800&display=swap",rel:"stylesheet"}):"km-KH"===a?J.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"th-TH"===a?J.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wdth,wght@62.5..100,100..900&display=swap",rel:"stylesheet"}):J.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter:wght@400..800&display=swap",rel:"stylesheet"}),J.default.createElement("link",{rel:"preconnect",href:I}),J.default.createElement("meta",{charSet:"UTF-8"}),J.default.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),J.default.createElement("meta",{name:"google",content:"notranslate"}),J.default.createElement("meta",{name:"robots",content:L}),J.default.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),P.map(((e,t)=>J.default.createElement("meta",Object.assign({key:t},e)))),J.default.createElement("meta",{name:"theme-color",content:"helloSites"===r?"#2c87f3":"#e85388"}),J.default.createElement("meta",{name:"page_type",content:"Home"}),J.default.createElement("meta",{name:"page_platform",content:"WEB"}),J.default.createElement("meta",{name:"page_language",content:O}),J.default.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),!H&&J.default.createElement(J.default.Fragment,null,"helloSites"===r?J.default.createElement("title",null,d?T:T+" - "+(null===(m=s.LOCALE_SPECS[a])||void 0===m?void 0:m.SITE_NAME)):J.default.createElement("title",null,T),!z&&J.default.createElement("link",{rel:"canonical",href:`https://${j}${_}`}),J.default.createElement("meta",{name:"description",content:N||(null===(p=t.openGraph)||void 0===p?void 0:p.description)}),t.schemaData&&J.default.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:t.schemaData}}),J.default.createElement("meta",{property:"og:locale",content:a}),J.default.createElement("meta",{property:"og:type",content:D||"website"}),J.default.createElement("meta",{property:"og:title",content:(null===(g=t.openGraph)||void 0===g?void 0:g.title)||T}),J.default.createElement("meta",{property:"og:description",content:(null===(h=t.openGraph)||void 0===h?void 0:h.description)||N}),J.default.createElement("meta",{property:"og:url",content:`https://${j}${_}`}),J.default.createElement("meta",{property:"og:site_name",content:`https://${j}`}),J.default.createElement("meta",{property:"og:image",content:(null===(f=t.openGraph)||void 0===f?void 0:f.image)||S||R||""}),J.default.createElement("meta",{property:"og:image:secure_url",content:(null===(b=t.openGraph)||void 0===b?void 0:b.image)||S||R}),J.default.createElement("meta",{property:"og:image:width",content:(null===(v=t.openGraph)||void 0===v?void 0:v.imageWidth)&&String(null===(y=t.openGraph)||void 0===y?void 0:y.imageWidth)||M&&String(M)||"1200"}),J.default.createElement("meta",{property:"og:image:height",content:(null===(x=t.openGraph)||void 0===x?void 0:x.imageHeight)&&String(null===(E=t.openGraph)||void 0===E?void 0:E.imageHeight)||A&&String(A)||"630"}),J.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),J.default.createElement("meta",{name:"twitter:title",content:(null===(w=t.twitter)||void 0===w?void 0:w.title)||T}),J.default.createElement("meta",{name:"twitter:description",content:N}),J.default.createElement("meta",{name:"twitter:image",content:(null===(C=t.twitter)||void 0===C?void 0:C.image)||S})),("helloSites"===r?s.FAVICONS[O]||[]:s.FAVICONS.marryBaby).map(((e,t)=>"link"===e.type?J.default.createElement("link",{key:`favicon-${t}`,rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?J.default.createElement("meta",{key:t,name:e.name,content:e.content}):null)),Array.isArray(H)&&u?H.filter((e=>"canonical"!==e.props.name&&"canonical"!==e.props.rel)):H,u&&J.default.createElement("link",{rel:"canonical",href:u}),!t.hasNoAmp&&"vi-VN"!==a&&J.default.createElement("link",{rel:"amphtml",href:`https://${j}${_}${F}?amp=1`}),c&&"undefined"!=typeof window?J.default.createElement("script",{dangerouslySetInnerHTML:{__html:`window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '${c}'});`}}):null)},exports.ShareContainer=({url:a,onCopied:l,locale:n,siteType:i})=>{const{t:o}=r.useTranslations(),s=R.getSocialList(a||"").filter((e=>!e.allowedLocales||e.allowedLocales.includes(n))),d=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return J.default.createElement(Gl,null,J.default.createElement(t.Text,{size:"p3",color:c.theme.colors.gray800},o("shareContainer.title")),J.default.createElement("div",{className:"icon-group"},s.map(((e,t)=>J.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":d},e.icon))),J.default.createElement(E.Button,{theme:i,size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:J.default.createElement(Ul,null),onClick:()=>u.__awaiter(void 0,void 0,void 0,(function*(){var e;yield null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(a),null==l||l()})),"data-event-category":"Health Tool","data-event-action":"Copy Link","data-event-label":d})))},exports.ShareDrawer=a=>{var{open:l,title:n,onClose:i,onCopied:o,onShared:s,url:d,locale:m}=a,p=u.__rest(a,["open","title","onClose","onCopied","onShared","url","locale"]);const{t:g}=r.useTranslations(),h=e.useCallback((()=>u.__awaiter(void 0,void 0,void 0,(function*(){var e;yield null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(d),null==o||o()}))),[d,o]),f=R.getSocialList(d||"").filter((e=>!e.allowedLocales||e.allowedLocales.includes(m)));return e.useEffect((()=>{l&&navigator.share&&navigator.share({title:null!=n?n:"Read This Post",url:d}).then((()=>{null==s||s()})).catch((()=>{null==i||i()}))}),[d,n,s,l]),"undefined"!=typeof navigator&&navigator.share?null:J.default.createElement(Wl,Object.assign({title:g("share.title"),onClose:i,open:l,placement:"bottom"},p),J.default.createElement("div",{className:"share-container"},J.default.createElement("div",{className:"icon-container"},J.default.createElement(t.Text,{weight:"semiBold",size:"s3",color:c.theme.colors.gray600},g("share.title")),J.default.createElement("div",{className:"icon-group"},f.map(((e,t)=>J.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer"},e.icon))))),J.default.createElement("div",{className:"link-container"},J.default.createElement(t.Text,{weight:"semiBold",size:"s3",color:c.theme.colors.gray600},g("share.copyLink")),J.default.createElement("div",{className:"input-group"},J.default.createElement(w.Input,{name:"link",size:"md",value:d,isDisabled:!0}),J.default.createElement(E.Button,{size:"md",type:"button",color:"tertiary",icon:J.default.createElement(Vl,null),onClick:h})))))},exports.StatisticCard=({type:e,description:t,value:a,withIcon:l,isInACard:n,cardColor:i,className:r})=>J.default.createElement(yt,{className:r,"data-size":e,"data-is-in-card":"big"===e&&n,"data-card-color":i},J.default.createElement(Et,null,"small"===e&&J.default.createElement(xt,{"data-color":i}),t),J.default.createElement(wt,{"data-size":e},"small"!==e&&l,a)),exports.SurveyOrPremiumBanner=({type:t,articleId:l=0,categoryIds:n=[],isMarketing:i,isSurveyType:o,hasPremiumBanner:c,currentUrl:u,isMobile:p,subcribeHealthStatus:g,setShouldAcquisitionModalOpen:h,onValueChange:f,source:b="discover",Wrapper:v})=>{const{t:y}=r.useTranslations(),{data:{userInfo:x}}=e.useContext(a.TogetherComponentGlobalContext),E=Boolean(null==x?void 0:x.id),[w,C]=e.useState(null),[k,B]=e.useState(),[T,N]=e.useState(""),[S,D]=e.useState(!1),[M,A]=e.useState(!1),P=e.useMemo((()=>un[t]),[]),$=((e,t)=>({[on.Pregnant]:{action:cn.ShowOptionBanner,props:{heading:e("pnBanner.pregnancy.heading"),description:e("pnBanner.pregnancy.desc"),styleType:dn.Button,thumbnail:{desktop:d.CommonGAssets.getAssetPath("newsletter/banner-option-pregnancy-desktop.png"),mobile:d.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:cn.ShowTool,props:{value:nn.DUE_DATE}},no:{action:cn.ShowPremiumModal}}},[on.Parenting]:{action:cn.ShowOptionBanner,props:{heading:e("pnBanner.parenting.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:d.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:d.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,styleType:dn.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:cn.ShowTool,props:{value:nn.BABY_VACCINE}},teenager:{action:cn.ShowOptionBanner,props:{styleType:dn.Button,heading:e("pnBanner.teenager.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:d.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:d.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:cn.ShowPremiumModal},"teenager.girl":{action:cn.ShowTool,activeTool:s.RISK_SCREENER_NAME.HPV,props:{value:s.RISK_SCREENER_NAME.HPV}},"todders|teenager":{action:cn.ShowOptionBanner,props:{styleType:dn.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:d.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:d.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:nn.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:cn.ShowOptionBanner,props:{styleType:dn.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:d.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:d.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:nn.BABY_VACCINE,isLink:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Baby Vaccine Click",dataEventLabel:t}}]}}}}}))(y,u)[P],z=null==$?void 0:$.submitHandler,L=v||m.Box,I=()=>c&&1!==(null==x?void 0:x.subscription)?J.default.createElement(hn,null):null;return e.useEffect((()=>{E&&C({userInfo:x,preferredTopics:an,healthTopics:[]})}),[E]),J.default.createElement(gn.Provider,{value:{settings:$,submitHandler:z,type:t,surveyType:P,value:T,setValue:N,isMobile:p,isLoggedIn:E,isMarketing:i,hasPremiumBanner:c,currentUrl:u,acquisitionInfo:w,categoryIds:n,subcribeHealthStatus:g,articleId:l,onValueChange:f,state:k,setState:B,handleClickOption:e=>{const t=(e=>{let t="";const a=e.split("|");return 1===a.length?e:(Object.keys(z).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=z[t];a.action===cn.ShowPremiumModal?c?(D(!0),B(Object.assign(Object.assign({},k),{actionParams:{hideBannerWhenClose:a.action===cn.ShowPremiumModal}}))):(B({action:cn.Hide}),null==f||f(e)):(B(a),null==f||f(e))}},showPNModal:S,setShowPNModal:D,source:b,Outside:L,isBack:M,setIsBack:A,minHeight:180,setShouldAcquisitionModalOpen:h}},void 0!==g?E?o&&$?(()=>{const e=z[(null==g?void 0:g.value)||""];return(null==e?void 0:e.action)===cn.ShowPremiumModal?I():J.default.createElement(Hn,null)})():I():c?J.default.createElement(hn,null):null:null)},exports.SurveyQuestionCard=({className:a,headerText:l,style:n,question:i,termAndPolicyText:r,prevText:o,nextText:s,isContactForm:d,isDisableNext:c,isDisablePrev:u,onPrevClick:m,onNextClick:p,isSubmitButton:g,isButtonCenter:h,progress:f,descriptionText:b})=>{var v,y,x;const[w,C]=e.useState([]),{is_multi_select:k,multi_select_option:B,from:T,to:N}=i,S=null==i?void 0:i.type,D="checkbox"===S&&(null===(v=i.options)||void 0===v?void 0:v.length)&&(!w||0===w.length||k&&B===_t.RANGE&&(w.length<T||w.length>N)||k&&B===_t.EXACT_NUMBER&&w.length!==T)||"radio"===S&&(null===(y=i.options)||void 0===y?void 0:y.length)&&(!w||0===w.length)||"textbox"===S&&(null===(x=i.textOptions)||void 0===x?void 0:x.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,A=e.useRef(null),P=()=>"textbox"!==S||A.current.reportValidity();return J.default.createElement(At,{className:a,style:n},J.default.createElement("div",{className:"survey-inner-wrapper"},l&&J.default.createElement("div",{className:"survey-header"},J.default.createElement(t.Text,{className:"survey-header-text",size:"c2"},l)),J.default.createElement("form",{ref:A,onSubmit:e=>e.preventDefault()},J.default.createElement(It,{question:i,description:b,onOptionsChange:e=>{C(e)},onTextOptionsChange:e=>{C(e)}})),d&&s&&J.default.createElement(E.Button,{className:"survey-contact-submit",size:"lg",isDisabled:c||D,onClick:()=>P()&&p&&p(w)},s),r&&J.default.createElement("div",{className:"term-policy-container"},r),"number"==typeof f&&J.default.createElement("div",{className:"survey-progress-wrapper"},J.default.createElement("div",{className:"survey-progress",style:{transform:`scaleX(${M})`}})),(o||s)&&J.default.createElement("div",{"data-center":h,className:"survey-button-wrapper"},o&&J.default.createElement(E.Button,{className:"survey-prev-button",size:"lg",color:u?"primary":"secondary",isDisabled:u,icon:J.default.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},J.default.createElement("path",{d:"M2.44677 4.99999L5.31252 2.13424C5.62302 1.82374 5.62302 1.31974 5.31252 1.00924C5.00202 0.698742 4.49802 0.698742 4.18752 1.00924L0.727018 4.46974C0.433768 4.76299 0.433768 5.23774 0.727018 5.53024L4.18752 8.99074C4.49802 9.30124 5.00202 9.30124 5.31252 8.99074C5.62302 8.68024 5.62302 8.17624 5.31252 7.86574L2.44677 4.99999Z",fill:u?"#fff":"#2D87F3"})),onClick:m},o),!d&&s&&J.default.createElement(E.Button,{onClick:()=>P()&&p&&p(w),className:"survey-next-button",size:"lg",isDisabled:c||D},s," ",g?void 0:J.default.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},J.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:l,className:n,style:i})=>J.default.createElement(At,{className:n,style:i},J.default.createElement("div",{className:"survey-inner-wrapper"},J.default.createElement($t,null,J.default.createElement("div",{className:"survey-thankyou-wrapper-inner"},J.default.createElement("svg",{viewBox:"0 0 122 122",fill:"none",className:"survey-thankyou-icon"},J.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:c.theme.colors.primary50}),J.default.createElement("ellipse",{cx:"61.5",cy:"110.36",rx:"48",ry:"3.36",fill:"#91CAFF"}),J.default.createElement("path",{d:"M82.905 72.666H101.5L87.597 40H35.403L21.5 72.666h18.595V91H83.08l-.174-18.334Z",fill:"#2C74DF"}),J.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"}),J.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"}),J.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"}),J.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"}),J.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"}),J.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"}),J.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"}),J.default.createElement("path",{stroke:"#FE921D",d:"M17 28a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"}),J.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&&J.default.createElement(a.Heading,{className:"survey-thankyou-title",tag:"h3"},e),l&&J.default.createElement(t.Text,{className:"survey-thankyou-subtitle",size:"p3"},l))))),exports.THRCardEmbed=({isSide:l,locale:n,thrContent:i,isMobile:o,info:u,inputErrorMessage:p,onFormChange:g,onSubmit:h})=>{var f,b,v;const{t:y}=r.useTranslations(),{getHealthToolLink:x}=P.useHealthToolsCache(n),E=e.useMemo((()=>x(a.HEALTH_TOOL_TYPE.THR)),[x]),[w,C]=e.useState(!1),[k,B]=e.useState("low_intensity"),[T,S]=e.useState("male"),[D,A]=e.useState(60),[$,z]=e.useState({idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40}),I=[{idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40},{idAge:1,minAge:18,maxAge:25,rangeMale:49,rangeFemale:54},{idAge:2,minAge:25,maxAge:35,rangeMale:49,rangeFemale:54},{idAge:3,minAge:35,maxAge:45,rangeMale:50,rangeFemale:54},{idAge:4,minAge:45,maxAge:55,rangeMale:50,rangeFemale:54},{idAge:5,minAge:55,maxAge:65,rangeMale:51,rangeFemale:54},{idAge:6,minAge:65,maxAge:120,rangeMale:50,rangeFemale:54}],_=[{value:"low_intensity",label:y("targetHeartRate.lowIntensity.title"),image:d.CommonGAssets.getAssetPath("/low.svg"),imageActive:d.CommonGAssets.getAssetPath("/low-active.svg"),content:y("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:y("targetHeartRate.moderateIntensity.title"),image:d.CommonGAssets.getAssetPath("/moderate.svg"),imageActive:d.CommonGAssets.getAssetPath("/moderate-active.svg"),content:y("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:y("targetHeartRate.aerobicZone.title"),image:d.CommonGAssets.getAssetPath("/aerobic.svg"),imageActive:d.CommonGAssets.getAssetPath("/aerobic-active.svg"),content:y("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:y("targetHeartRate.vigorousIntensity.title"),image:d.CommonGAssets.getAssetPath("/vigorous.svg"),imageActive:d.CommonGAssets.getAssetPath("/vigorous-active.svg"),content:y("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:y("targetHeartRate.maximumIntensity.title"),image:d.CommonGAssets.getAssetPath("/maximum.svg"),imageActive:d.CommonGAssets.getAssetPath("/maximum-active.svg"),content:y("targetHeartRate.maximumIntensity.note")}];return e.useEffect((()=>{const e=((new Date).getTime()-new Date(null==u?void 0:u.age).getTime())/1e3;C(e>=567648e3);const t=I.find((t=>e>=365*t.minAge*24*60*60&&e<365*t.maxAge*24*60*60))||I[0];z(t),A(60)}),[null==u?void 0:u.age]),J.default.createElement(Ha,{"data-is-side":l},J.default.createElement(va,{isSide:l,icon:J.default.createElement("img",{alt:"health-tool-icon",src:(null==i?void 0:i.featured_image)||d.CommonGAssets.getAssetPath("health-tools/target-heart-rate-icon.svg"),loading:"lazy"}),heading:y("targetHearRate.heading"),medicalReview:(null===(f=null==i?void 0:i.reviewedBy)||void 0===f?void 0:f.display_name)?{link:L.formatUserProfileUrl(null==i?void 0:i.reviewedBy),reviewer:null===(b=null==i?void 0:i.reviewedBy)||void 0===b?void 0:b.display_name,date:null==i?void 0:i.reviewedDate}:void 0,isMobile:o}),J.default.createElement(M.Container,null,J.default.createElement(Fa,{className:"heart-rate-cal",onSubmit:e=>e.preventDefault(),"data-is-side":l},J.default.createElement(ul,{"data-is-side":l},J.default.createElement(cl,null,J.default.createElement(Ne,{defaultValue:"male",onChange:e=>{S(e),A(60)},styles:e=>({root:!l&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:m.rem(12)}}})}))),J.default.createElement(ul,null,J.default.createElement(ml,{info:u,locale:n,errorMessage:p,onChange:g})),J.default.createElement("div",{className:"slider-heart-rate"},J.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:c.theme.colors.gray600},y("targetHeartRate.heartRateInput")),J.default.createElement("div",{className:"slider-outer-wrapper"},J.default.createElement(N.Slider,{containerStyle:{flex:1},min:"male"===T?$.rangeMale:$.rangeFemale,max:200,step:1,value:D,withControl:!0,onChange:A}))),w&&J.default.createElement(cl,null,J.default.createElement(Ia,null,J.default.createElement(t.Text,{size:"s4",style:{display:"inline-block",fontWeight:"bold",color:c.theme.colors.gray600,marginBottom:"9px"}},y("targetHeartRate.selectActive")),J.default.createElement("div",{className:"card"},J.default.createElement(ol,{options:_.map((e=>({value:e.value,label:e.label,image:e.image,imageActive:e.imageActive}))),value:k,onChange:e=>{B(e)},className:"gender-selector"})),k&&J.default.createElement("div",{className:"note"},J.default.createElement("img",{style:{height:"16px",width:"16px"},src:d.CommonGAssets.getAssetPath("/infoIcon.svg"),alt:"",loading:"lazy"}),J.default.createElement(t.Text,{size:"s4",color:"#595959"},null===(v=_[_.findIndex((e=>e.value==k))||0])||void 0===v?void 0:v.content)),!k&&J.default.createElement("span",{style:{color:"#e64728"}},p.intensity)))),J.default.createElement("div",{style:{display:"flex"}},J.default.createElement(sl,{size:"lg",onClick:()=>{h(T,k,[D])},dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:`https://${s.domainLocales[n]}/${E}`},y("bmi.submit")))))},exports.Tabs=({style:a,initialTab:l,tabContent:n,onChange:i,className:r,dataEventCategory:o,dataEventAction:s,dataEventLabel:d,id:c,styles:u})=>{const{classes:m,cx:p,theme:g}=Mt(void 0,{name:"Tabs",styles:u}),[h,f]=e.useState(l||0);return e.useEffect((()=>{f(l)}),[l]),J.default.createElement("ul",{style:a,className:p(m.root,r),role:"tablist",id:c},n.map(((e,a)=>J.default.createElement("li",{className:`${m.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||o,"data-event-action":e.dataEventAction||s,"data-event-label":e.dataEventLabel||d,tabIndex:0,"data-testid":e.dataTestid},J.default.createElement("div",{className:m.itemInner},e.icon&&J.default.createElement("div",{className:m.icon},e.icon),J.default.createElement(t.Text,{className:m.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:r=!1,className:o,isLight:s,hasMorePadding:d,isLink:c,isSelected:u,textProps:m={size:"sm"}})=>{const p=m.color?{"--text-props-color":m.color}:{};return J.default.createElement(a.StyledTag,{"data-is-squared":r||void 0,"data-tag-type":e,"data-is-light":s||void 0,"data-has-more-padding":d||void 0,"data-is-inline":n||void 0,style:Object.assign(Object.assign({},l),p),className:o,"data-is-selected":u||void 0,"data-is-link":c||void 0,tagType:e,isInline:n,tagHasMorePadding:d,tagIsLight:s,tagIsSquared:r,tagIsALink:c},J.default.createElement(i.Text,Object.assign({},m),t))},exports.Toggle=({className:e,id:t,onChange:l,checked:n,style:i,label:r})=>J.default.createElement(a.StyledToggle,{className:e,style:i},J.default.createElement("input",{type:"checkbox",id:t,onChange:l,checked:n}),J.default.createElement("label",{htmlFor:t},J.default.createElement(a.StyledToggleIcon,null),r&&J.default.createElement(a.StyledToggleLabel,null,r))),exports.ToolsBannerCard=va,exports.UserProfileNavigation=({SSO_URL:t,UP_BASEPATH:a="user",themeName:l="helloSites",cardUrls:n=Rn,enableCare:i,enableTogether:o,enableEcom:s,enableMySaved:c,userInfo:u,togetherApiDomain:m,userPostsNumber:p,onClickNavigationCard:g,onClickMyProfileButton:h,onClickMenuItem:f,onClickLogout:b,isUserProfileNavigatorMenuHidden:y=!1,isMyHealthEnabled:x=!1,locale:w})=>{const{t:C}=r.useTranslations(),[k,B]=e.useState(p||0),T="marryBaby"===l;e.useEffect((()=>{if(u&&void 0===p){const e=Y.getCookie("hhg_user_token");e&&fetch(K.normalizeLinkSlash(v.getTogetherUserPostsApiPath(w,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)))}}),[w,null!==u,p,m,T]);const N=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?x:"eCom"===e?s:"mySaved"!==e||c))}),[T,x]),S=e.useMemo((()=>"marryBaby"===l?null:J.default.createElement(E.Button,{color:"tertiary",icon:J.default.createElement("img",{src:d.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-logOut.svg"),width:15,height:15,loading:"lazy"}),size:"md",onClick:b,className:mi},C("userProfile.nav.menu.logout"))),[l]),D=e=>{e.startsWith("http")||e.startsWith("/")?window.location.href=K.normalizeLink(e):t&&(window.location.href=K.normalizeLink(`${t}${a}/${e}`))},M=e=>{const t=n[e];g?g(t):D(t)};return u?J.default.createElement("div",{className:di,"data-theme":l},J.default.createElement(Qn,{userInfo:u,themeName:l,onClickMyProfileButton:()=>{h?h():D("profile")}}),J.default.createElement(xi,{themeName:l,rank:"member",numberOfPosts:k}),J.default.createElement("div",{className:ci},N.map((e=>J.default.createElement(ei,{className:ui,key:e,themeName:l,type:e,onClick:M})))),!y&&J.default.createElement(J.default.Fragment,null,J.default.createElement(oi,{themeName:l,locale:w,onClickItem:e=>{"logout"===e.link&&b?b():e.link&&!e.subMenu&&(f?f(e.link):D(e.link))}}),S)):null},exports.UserStats=xi,exports.index=ft,exports.index$1=Dt;