npm - @hhgtech/hhg-components - Versions diffs - 1.27.112 → 1.27.113 - Mend

@hhgtech/hhg-components 1.27.112 → 1.27.113

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

Files changed (291) hide show

package/build/{fixedBottomAdBlock-90957ff3.js → fixedBottomAdBlock-664a6e50.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";var e=require("react"),t=require("./index-d220afbf.js"),a=require("./index.styles-dcdcb15d.js"),l=require("./screenSizeContext-d3822141.js"),n=require("./useUniqueId-10edc9fa.js"),r=require("./gAssets.js"),o=require("./theme-95cd4c16.js"),i=require("./index-753c5340.js"),s=require("./tslib.es6-23138875.js"),d=require("@mantine/core"),c=require("innertext");require("@mantine/dates");var u=require("./index-56ad1186.js");require("./Onboarding-eda97622.js");var m=require("dayjs");require("styled-components");var g=require("./isProduction-6603c122.js");require("./translationsContext-0aeba983.js"),require("string-format"),require("./index-9f431a0f.js"),require("@mantine/hooks");var f=require("./index-9139a1b0.js"),p=require("lodash/throttle"),h=require("./useTranslations-e52e6fd2.js"),v=require("date-fns"),y=require("./index-314491e7.js"),E=require("./index-4d941e91.js");require("lodash/debounce"),require("./useCategory-4968c4d0.js");var b=require("./types-c4a0b167.js"),C=require("./index-611f5daf.js"),w=require("./index-44ba7b08.js"),k=require("react-hook-form"),S=require("./useHealthToolCache-7b38b8b0.js"),x=require("./index.styled-3d7dd6e8.js"),T=require("./useOutsideClick-51c6acd1.js"),N=require("date-fns/locale/en-US"),B=require("date-fns/locale/id"),D=require("date-fns/locale/vi"),L=require("date-fns/locale/zh-TW"),A=require("./index-f4e53bf8.js"),M=require("./getSocialList-e92f5b03.js"),I=require("uuid");function _(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var z=_(e),P=_(c),O=_(m),F=_(p),j=_(N),H=_(B),G=_(D),$=_(L),R="CHw-fZZ",W="_03U6VRS",V="EO828Vv";const U=({pagesAmount:t,activePage:n,handlePageChange:r,handleClick:o,href:i,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]),z.default.createElement(e.Fragment,null,n>4&&z.default.createElement(e.Fragment,null,z.default.createElement(a.StyledPaginationBlock,{onClick:()=>r(1)},i?z.default.createElement("a",{href:i,onClick:o},1):1),z.default.createElement(a.StyledPaginationBlock,null,"...")),c.map((e=>z.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===n\|\|void 0,onClick:()=>r(e)},i?z.default.createElement("a",{href:l.formatUrlWithPageParam(i,e,s),onClick:o},e):e))),n<d.length-3&&z.default.createElement(e.Fragment,null,z.default.createElement(a.StyledPaginationBlock,null,"..."),z.default.createElement(a.StyledPaginationBlock,{onClick:()=>r(d.length)},i?z.default.createElement("a",{href:l.formatUrlWithPageParam(i,d.length,s),onClick:o},d.length):d.length)))},q=({label:e,name:t,checked:l,className:n,isDisabled:r,onChange:o,value:i,isRectangle:s,inputDataTestId:d,siteType:c})=>z.default.createElement(a.StyledCheckbox,{className:n,"data-disabled":r\|\|void 0,"data-is-rectangle":s\|\|void 0,"data-label-text":e,"data-theme":c},z.default.createElement("input",{type:"checkbox",checked:l,name:t,onChange:()=>o(i,!l),disabled:r,value:i,id:`${t}-${i}`,"data-label-text":e,"data-testid":d}),!s&&z.default.createElement("label",{htmlFor:`${t}-${i}`},e)),Z=e=>z.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),z.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"})),Y=e=>z.default.createElement("svg",Object.assign({},e,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),z.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"})),Q=e=>{const t=n.useUniqueId();return z.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),z.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"}),z.default.createElement("mask",{id:t,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},z.default.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),z.default.createElement("g",{mask:`url(#${t})`},z.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"})))},K=t=>{var{label:l,availableValue:n,styles:o}=t,i=s.__rest(t,["label","availableValue","styles"]);const{t:c}=h.useTranslations(),{classes:u,cx:m}=a.useStyles(void 0,{name:"GenderOptionControl",styles:o}),[g,f]=e.useState(),p=e.useRef(null),v=e.useMemo((()=>[{value:"male",label:c("gender.male"),icon:r.CommonGAssets.getAssetPath("health-tools/male-icon.svg")},{value:"female",label:c("gender.female"),icon:r.CommonGAssets.getAssetPath("health-tools/female-icon.svg")}]),[]);return e.useEffect((()=>{f(n)}),[n]),z.default.createElement(d.Box,{ref:p,className:u.root},z.default.createElement(d.Radio.Group,Object.assign({className:"radio-group",label:z.default.createElement(a.Text,{size:"s4",weight:"semiBold",span:!0,color:"gray.6"},l),size:"lg"},i,{classNames:{error:u.groupErr}}),z.default.createElement(d.Flex,{className:m(u.wrapper)},v.map((e=>z.default.createElement(d.Radio,Object.assign({className:"gender-item",classNames:{root:u.itemRoot,labelWrapper:u.itemLabelWrapper,label:u.itemLabel,inner:u.itemInner},key:e.value,value:e.value},g&&e.value!==g&&{disabled:!0},{label:z.default.createElement(d.Flex,{gap:d.rem(8),align:"center",justify:"center",sx:{zIndex:0}},z.default.createElement("img",{src:e.icon,className:"gender-image",alt:"female",loading:"lazy"}),z.default.createElement(a.Text,{size:"p3"},e.label))})))))))};var X="PiqKaXk",J="HgbW6-m",ee="_6lkfLYy",te="j7c-onH";const ae=({avatarImg:e,authorName:a,authorLink:l,uploadTime:n,size:r})=>z.default.createElement("div",{className:te},z.default.createElement("div",{className:"author"},z.default.createElement("div",{className:"avatar","data-size":r},e),z.default.createElement("div",{className:"poster","data-is-disabled-url":!l},z.default.createElement(t.Text,{size:"lg"===r?"p3":"p4"},z.default.createElement("a",{href:l},z.default.createElement("span",{className:"name"},a),"•"," "),z.default.createElement("span",null,n))))),le=({isMobile:e,avatarImg:l,name:n,link:r,size:i="lg",specialty:s})=>z.default.createElement("div",{className:te},z.default.createElement("div",{className:"author"},z.default.createElement("div",{className:"expert-avatar","data-size":i},l),z.default.createElement("div",{className:"expert","data-is-disabled-url":!r},e?z.default.createElement("a",{href:r},"lg"===i?z.default.createElement(z.default.Fragment,null,z.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:o.theme.colors.gray600},n),z.default.createElement(t.Text,{color:o.theme.colors.gray500,size:"p3",className:"specialty"},s)):z.default.createElement(z.default.Fragment,null,z.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:o.theme.colors.gray600},n))):z.default.createElement("a",{href:r},"lg"===i?z.default.createElement(z.default.Fragment,null,z.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:o.theme.colors.gray600},n),z.default.createElement(t.Text,{color:o.theme.colors.gray500,size:"p3",className:"specialty"},s)):z.default.createElement(z.default.Fragment,null,z.default.createElement("h6",{color:o.theme.colors.gray600,className:`${X} expert__name`},n),z.default.createElement(t.Text,{color:o.theme.colors.gray500,size:"p4",className:"specialty"},s)))))),ne=e=>{var t,l,n,{article:r,author:o,authorAvatar:i,badge:c="",hideDescription:u=!1,isBookmarked:m=!1,onBookmark:g,time:f,tracking:p}=e,h=s.__rest(e,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:v}=a.useScreenSize();return console.log({article:r}),z.default.createElement(d.Card,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},h),z.default.createElement(d.Card.Section,{w:"100%",h:"100%",miw:264,m:0},z.default.createElement("img",{src:(v?r.featureImageMobile:r.featureImage)\|\|r.featureImage,alt:r.postName,style:{width:"100%"},loading:"lazy"})),z.default.createElement(d.Card.Section,null,z.default.createElement(d.Group,{position:"apart",mt:16,mb:4},z.default.createElement(a.Anchor,{href:(null===(t=null==r?void 0:r.primaryCategory)\|\|void 0===t?void 0:t.permalink)\|\|"#"},z.default.createElement(a.Text,{size:"p4",color:"blue.6"},null===(l=null==r?void 0:r.primaryCategory)\|\|void 0===l?void 0:l.displayName)),z.default.createElement(d.Box,{sx:{cursor:"pointer"},role:"button",onClick:g},m?z.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==p?void 0:p.bookmark),z.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"})):z.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==p?void 0:p.bookmark),z.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"})))),z.default.createElement(a.Text,{size:u?"s2":"s1",mb:8,weight:"semiBold"},r.postTitle\|\|r.postName\|\|""),!u&&z.default.createElement(a.Text,{size:"p2",mb:16,lineClamp:3},P.default(r.excerpt\|\|r.description\|\|(null===(n=r.postContent)\|\|void 0===n?void 0:n.split("\r\n")[0])\|\|"")),z.default.createElement(d.Flex,{gap:12,align:"center"},z.default.createElement(a.Avatar,{size:32,src:i,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:z.default.createElement("img",{loading:"lazy",src:c,alt:""})}},"A"),z.default.createElement(a.Text,{size:"n1",c:"gray.6"},o," • ",f))))},re=648/440,oe=1.5,ie=t=>{var l,n,r,{article:o,author:c,authorAvatar:u,badge:m="",bannerImageWrapProps:g,hideDescription:f=!1,isBookmarked:p=!1,onBookmark:h,time:v,tracking:y,classNames:E,styles:b,unstyled:C,className:w}=t,k=s.__rest(t,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:S}=a.useScreenSize(),{classes:x,cx:T}=i.useStyles({},{name:"ArticleCard",classNames:E,styles:b,unstyled:C});console.log({article:o});const N=e.useMemo((()=>f?oe:re),[f]);return z.default.createElement(d.Card,Object.assign({className:T(x.root,w),padding:"lg",radius:0},k),z.default.createElement(d.Card.Section,{className:x.image},z.default.createElement(a.AspectRatio,Object.assign({ratio:N},g),z.default.createElement("img",{src:(S?o.featureImageMobile:o.featureImage)\|\|o.featureImage,alt:o.postName,style:{objectFit:"cover"}}))),z.default.createElement(d.Card.Section,null,z.default.createElement(d.Group,{position:"apart",mt:16,mb:4},z.default.createElement(a.Anchor,{className:x.category,href:(null===(l=null==o?void 0:o.primaryCategory)\|\|void 0===l?void 0:l.permalink)\|\|"#"},z.default.createElement(a.Text,{size:"p4",color:"blue.6"},null===(n=null==o?void 0:o.primaryCategory)\|\|void 0===n?void 0:n.displayName)),z.default.createElement(d.Box,{sx:{cursor:"pointer"},role:"button",onClick:h},p?z.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==y?void 0:y.bookmark),z.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"})):z.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==y?void 0:y.bookmark),z.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"})))),z.default.createElement(a.Text,{className:x.title,size:f?"s2":"s1",mb:8,weight:"semiBold"},o.postTitle\|\|o.postName\|\|""),!f&&z.default.createElement(a.Text,{className:x.description,size:"p2",mb:16,lineClamp:3},P.default(o.excerpt\|\|o.description\|\|(null===(r=o.postContent)\|\|void 0===r?void 0:r.split("\r\n")[0])\|\|"")),z.default.createElement(d.Flex,{className:x.author,gap:12,align:"center"},z.default.createElement(a.Avatar,{size:32,src:u,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:z.default.createElement("img",{loading:"lazy",src:m,alt:""})}},"A"),z.default.createElement(a.Text,{size:"n1",c:"gray.6"},c," • ",v))))};var se=Object.freeze({__proto__:null,SideMenu:i.SideMenu,SideHeader:i.SideHeader,UserInfo:i.UserInfo,MenuLink:i.MenuLink});const de=({status:e})=>"inActive"===e?z.default.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},z.default.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"})):"active"===e?z.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},z.default.createElement("circle",{cx:"6",cy:"6",r:"4",fill:"#2D87F3"}),z.default.createElement("circle",{cx:"6",cy:"6",r:"5.5",stroke:"#2D87F3"})):"done"===e?z.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},z.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"}),z.default.createElement("path",{d:"M8.76061 4.20029L4.80061 7.80029L3.00061 6.16392",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})):z.default.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},z.default.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"}));var ce=Object.freeze({__proto__:null,Table:i.Table,Cell:i.Cell,Head:i.Head,Row:i.Row,Body:i.Body});const ue=({locale:t,onClick:l,siteType:n,pageUrl:r})=>{const{t:s}=h.useTranslations(),[d,c]=e.useState(new Date);return z.default.createElement(z.default.Fragment,null,z.default.createElement(i.StyledLastPeriodFormContainer,{className:"input-form","data-is-side":!0},"marryBaby"===n?z.default.createElement(i.StyledTextField,{label:s("dueDatePage.conceptionDate"),name:"date",size:"md",value:i.DateToInputValue(d),CustomInput:z.default.createElement(i.DatePicker,{onChange:e=>{c(e)},placeholder:"dd/mm/yyyy",pickedDate:d,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>z.default.createElement(y.Input,Object.assign({className:"due-date-input",name:"birthday",size:"md"},e,{value:d&&O.default(d).format(a.DUE_DATE_FORMAT)}))}),actionIcon:z.default.createElement(E.Icon.CalendarMB,{size:32})}):z.default.createElement(y.Input,{label:z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},s("dueDatePage.conceptionDate")),value:i.DateToInputValue(d),name:"date",size:"md",className:"due-date-input",CustomInput:z.default.createElement(i.DatePicker,{customInput:e=>z.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:i.DateToInputValue(d)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:t,pickedDate:d,displayDateFormat:b.DATE_FORMAT,onChange:e=>{c(e)},placeholder:"placeholder"})})),z.default.createElement(a.Button,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===n?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:r,onClick:()=>{l(i.getDueDateConception(d),`${u.QUERY_HEALTH_TOOL.type}=1&sd=${v.format(d,i.API_DATE_FORMAT)}&${u.QUERY_HEALTH_TOOL.additional}= `)},role:"button"},s("dueDatePage.lastPeriod.calculate")))},me=({locale:t,onClick:l,siteType:n,pageUrl:r})=>{const{t:s}=h.useTranslations(),[d,c]=e.useState(new Date),[m,g]=e.useState("3");return z.default.createElement(z.default.Fragment,null,z.default.createElement(i.StyledLastPeriodFormContainer,{className:"input-form","data-is-side":!0},"marryBaby"===n?z.default.createElement(i.StyledTextField,{label:s("dueDatePage.ivf.transferDate"),name:"date",size:"md",value:i.DateToInputValue(d),CustomInput:z.default.createElement(i.DatePicker,{onChange:e=>{c(e)},placeholder:"dd/mm/yyyy",pickedDate:d,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>z.default.createElement(y.Input,Object.assign({className:"due-date-input",name:"birthday",size:"md"},e,{value:d&&O.default(d).format(a.DUE_DATE_FORMAT)}))}),actionIcon:z.default.createElement(E.Icon.CalendarMB,{size:32})}):z.default.createElement(y.Input,{label:z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray700,style:{marginBottom:"9px",flex:"1"}},s("dueDatePage.ivf.transferDate")),value:i.DateToInputValue(d),name:"date",size:"md",className:"due-date-input",CustomInput:z.default.createElement(i.DatePicker,{customInput:e=>z.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:i.DateToInputValue(d)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:t,pickedDate:d,displayDateFormat:b.DATE_FORMAT,onChange:e=>{c(e)},placeholder:"placeholder"})})),z.default.createElement("div",{style:{width:"100%"}},z.default.createElement(i.RadioGroup,{id:"radio-transfer-date",type:"circle",direction:"vertical",size:"small",group:"group1",value:m,onChange:e=>g(e),options:[{value:"3",label:s("dueDatePage.ivf.transferDateRadio",{number:3})},{value:"5",label:s("dueDatePage.ivf.transferDateRadio",{number:5})}]})),z.default.createElement(a.Button,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===n?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:r,onClick:()=>{l(i.getDueDateIVF(d,Number(m)),`${u.QUERY_HEALTH_TOOL.type}=2&${u.QUERY_HEALTH_TOOL.startDate}=${v.format(d,i.API_DATE_FORMAT)}&${u.QUERY_HEALTH_TOOL.additional}=${m}`)},role:"button"},s("dueDatePage.lastPeriod.calculate")))},ge=({locale:t,onClick:l,siteType:n,pageUrl:r})=>{const{t:s}=h.useTranslations(),[d,c]=e.useState(28),[m,g]=e.useState(new Date);return z.default.createElement(z.default.Fragment,null,z.default.createElement(i.StyledLastPeriodFormContainer,{className:"input-form","data-is-side":!0},"marryBaby"===n?z.default.createElement(i.StyledTextField,{label:s("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:i.DateToInputValue(m),CustomInput:z.default.createElement(i.DatePicker,{onChange:e=>{g(e)},placeholder:"dd/mm/yyyy",pickedDate:m,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>z.default.createElement(y.Input,Object.assign({name:"birthday",size:"md"},e,{value:m&&O.default(m).format(a.DUE_DATE_FORMAT)}))}),actionIcon:z.default.createElement(E.Icon.CalendarMB,{size:32})}):z.default.createElement(y.Input,{className:"input-section due-date-input",label:z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},s("dueDatePage.lastPeriod.lastPeriodLabel")),value:i.DateToInputValue(m),name:"date",size:"md",CustomInput:z.default.createElement(i.DatePicker,{customInput:e=>z.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:i.DateToInputValue(m)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:t,pickedDate:m,displayDateFormat:b.DATE_FORMAT,onChange:e=>{g(e)},placeholder:"placeholder"})})),z.default.createElement("div",{className:"slider-due-date","data-theme":"marryBaby"===n?"marryBaby":""},"marryBaby"===n?z.default.createElement(C.MarryBabyText,{type:"bodytext-3",color:o.theme.mbColors.midGray},s("dueDatePage.lastPeriod.periodLengthLabel")):z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray600,style:{marginBottom:"0.5rem"}},s("dueDatePage.lastPeriod.periodLengthLabel")),z.default.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===n&&z.default.createElement(a.Text,{size:"s3",weight:"semiBold",color:o.theme.colors.gray600},d),z.default.createElement(w.Slider,{containerStyle:{flex:1},min:20,max:40,step:1,labelAlwaysOn:"marryBaby"!==n,withControl:"marryBaby"!==n,onChange:c,value:d,label:"marryBaby"!==n?void 0:null}))),z.default.createElement(a.Button,{dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:r,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===n?"secondary":"primary",onClick:()=>l(i.getDueDateLastPeriod(m,d),`${u.QUERY_HEALTH_TOOL.type}=0&${u.QUERY_HEALTH_TOOL.startDate}=${v.format(m,i.API_DATE_FORMAT)}&${u.QUERY_HEALTH_TOOL.additional}=${d}`),role:"button"},s("dueDatePage.lastPeriod.calculate")))},fe=({onSubmitDueDate:t,locale:l,isSide:n,siteType:r})=>{const{t:s}=h.useTranslations(),[d,c]=e.useState(i.DueDateCalculatorType.lastPeriod),u=[{value:i.DueDateCalculatorType.lastPeriod,label:s("dueDatePage.lastPeriod")},{value:i.DueDateCalculatorType.conception,label:s("dueDatePage.conceptionDate")},{value:i.DueDateCalculatorType.IVF,label:s("dueDatePage.ivf")}],m=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return z.default.createElement(i.StyledInputWrapper,null,z.default.createElement(i.StyledMethodContainer,{className:"input-form input-section","data-is-side":!0},"marryBaby"===r?z.default.createElement(i.StyledDropDown,{groupedWithLabel:s("dueDatePage.calculationMethod"),options:u,placeholder:s("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:u[d],onChange:e=>{c(e.value)}}):z.default.createElement(z.default.Fragment,null,z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},s("dueDatePage.calculationMethod")),z.default.createElement(i.StyledMethodSwitcherContainer,{"data-is-side":n},z.default.createElement(i.Dropdown,{options:u,placeholder:s("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"md",value:u[d],onChange:e=>{c(e.value)}})))),d===i.DueDateCalculatorType.lastPeriod?z.default.createElement(ge,{locale:l,onClick:t,isSide:n,siteType:r,pageUrl:m}):null,d===i.DueDateCalculatorType.conception?z.default.createElement(ue,{locale:l,onClick:t,isSide:n,siteType:r,pageUrl:m}):null,d===i.DueDateCalculatorType.IVF?z.default.createElement(me,{locale:l,onClick:t,isSide:n,siteType:r,pageUrl:m}):null)};function pe({weight:e,height:t}){const a=t/100,l=e;return Math.round(l/(aa)10)/10}const he=({value:t,onChange:l,onSubmit:n,disabled:r,bmiGenerated:c,bmiUnit:m,locale:g,isSide:f})=>{var p,v,y,E;const[b,C]=e.useState(!1),{control:w,handleSubmit:x,setValue:T,watch:N}=k.useForm(),B=N(),{t:D}=h.useTranslations(),{gender:L=!1,age:A=!1,height:M=!1,weight:I=!1,objective:_=!0}=r\|\|{},{getHealthToolLink:P}=S.useHealthToolsCache(g),O=e.useMemo((()=>P(a.HEALTH_TOOL_TYPE.OVULATION)),[P]),F=e.useMemo((()=>[{value:"lose-weight",label:D("bmi.objective.loseWeight")},{value:"maintain-weight",label:D("bmi.objective.maintainWeight")},{value:"gain-weight",label:D("bmi.objective.gainWeight")}]),[]),j=()=>{C(!0)};return e.useEffect((()=>{Object.keys(t\|\|{}).forEach((e=>{T(e,null==t?void 0:t[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})}))}),[t]),e.useEffect((()=>{l&&l(B)}),[B]),z.default.createElement(i.StyledContainer$1,null,z.default.createElement("form",{onSubmit:x((e=>s.__awaiter(void 0,void 0,void 0,(function(){const t=m.heightConvert(e.height),a=m.weightConvert(e.weight),l={gender:e.gender,age:e.age,height:t,weight:a,bmi:pe({height:t,weight:a})};_\|\|(l.objective=e.objective),j(),n&&n(l)}))),j)},!L&&z.default.createElement(i.FormControl,{"data-is-side":f},z.default.createElement(k.Controller,{name:"gender",control:w,defaultValue:"male",render:({field:{onChange:e}})=>z.default.createElement(K,{label:D("bmi.selectGender"),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:d.rem(12)}}})})})),z.default.createElement(i.StyledRow,{"data-is-side":f},!A&&z.default.createElement(i.FormControl,null,z.default.createElement(k.Controller,{name:"age",control:w,rules:null===(p=c.age)\|\|void 0===p?void 0:p.rule,render:({field:{name:e,value:t,onChange:l},fieldState:{error:n}})=>z.default.createElement(a.Input.Number,{label:z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray600},D("bmi.ageInput")," ",z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray300,as:"span"},D("bmi.ageInput.desc"))),placeholder:D("healthtool.placeholder.age"),name:e,value:t,onChange:l,error:b?null==n?void 0:n.message:"",min:0})})),!M&&z.default.createElement(i.FormControl,null,z.default.createElement(k.Controller,{name:"height",control:w,rules:null===(v=c.height)\|\|void 0===v?void 0:v.rule,render:({field:{name:e,value:t,onChange:l},fieldState:{error:n}})=>z.default.createElement(a.Input.Number,{label:z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray600},D("bmi.heightInput")," ",z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray300,as:"span"},D("bmi.heightInput.desc"))),placeholder:D("pwg.placeholder.height"),name:e,value:t,onChange:l,error:b?null==n?void 0:n.message:"",min:0})})),!I&&z.default.createElement(i.FormControl,null,z.default.createElement(k.Controller,{name:"weight",control:w,rules:null===(y=c.weight)\|\|void 0===y?void 0:y.rule,render:({field:{name:e,value:t,onChange:l},fieldState:{error:n}})=>z.default.createElement(a.Input.Number,{label:z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray600},D("bmi.weightInput")," ",z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray300,as:"span"},D("bmi.weightInput.desc"))),placeholder:D("pwg.placeholder.weight"),name:e,value:t,onChange:l,error:b?null==n?void 0:n.message:"",precision:1,min:0})})),!_&&z.default.createElement(i.FormControl,null,z.default.createElement(k.Controller,{name:"objective",control:w,defaultValue:"lose-weight",rules:null===(E=c.objective)\|\|void 0===E?void 0:E.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:l}})=>z.default.createElement(i.StyledInput,{size:"md",name:e,label:c.objective.label,CustomInput:z.default.createElement(i.RadioGroup,{id:"bmi-objective",className:"bmi-objective",type:"circle",direction:"vertical",size:"small",group:"group1",options:F,value:t,onChange:a}),errorMessage:b?null==l?void 0:l.message:"",className:"bmi--input bmi--input-objective"})}))),z.default.createElement("div",{style:{display:"flex"}},z.default.createElement(i.StyledButton,{size:"lg",fullWidth:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${u.domainLocales[g]}/${O}`,type:"submit"},D("bmi.submit")))))},ve=({value:a,options:l,className:n,direction:r="horizontal",onChange:o,isDisabled:s})=>{const[d,c]=e.useState(a);return z.default.createElement(i.StyledRadioImageGroup,{className:n,"data-direction":r},l.map(((e,l)=>z.default.createElement(i.StyledRadioImageItem,{"data-selected":(a\|\|d)===e.value,"data-disabled":s,key:`health-tool${l}`,onClick:()=>{var t;t=e.value,s\|\|(c(t),o&&o(t))}},z.default.createElement("div",null,z.default.createElement("img",{src:(a\|\|d)===e.value?e.imageActive:e.image,className:"gender-image",alt:"",loading:"lazy"}),e.label&&z.default.createElement(t.Text,{type:"bold",className:"radio-group-item-heading",size:"label1"},e.label))))))},ye=({info:t,className:l,style:n,onChange:r,errorMessage:s={},locale:d})=>{const{t:c}=h.useTranslations(),[u,m]=e.useState(new Date),[g,f]=e.useState({age:!1,rate:!1});return e.useEffect((()=>{f({age:!1,rate:!1})}),[s]),z.default.createElement(i.StyledContainer$2,{style:n,className:l},z.default.createElement(y.Input,{className:"input-section due-date-input",label:z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},c("targetHeartRate.ageInput")),value:i.DateToInputValue(u),name:"date",size:"md",CustomInput:z.default.createElement(i.DatePicker,{customInput:e=>z.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:i.DateToInputValue(u)})),disabledDays:{after:new Date(v.addDays(new Date,0))},locale:d,pickedDate:u,displayDateFormat:"dd/MM/yyyy",onChange:e=>{(e=>{m(e),f((e=>Object.assign(Object.assign({},e),{age:!0})));const a=Object.assign(Object.assign({},t),{age:v.format(new Date(e),i.API_DATE_FORMAT)});r&&r(a)})(e)},placeholder:"placeholder"}),errorMessage:g.age?"":s.age}))},Ee=({info:t,className:l,style:n,onChange:r,errorMessage:s={},locale:c,onClick:m,isSide:g})=>{const{t:f}=h.useTranslations(),[p,v]=e.useState({age:!1,height:!1,weight:!1}),{getHealthToolLink:y}=S.useHealthToolsCache(c),E=e.useMemo((()=>y(a.HEALTH_TOOL_TYPE.OVULATION)),[y]),[b,C]=e.useState("male"),w=(e,t)=>{""!==e&&(isNaN(e)\|\|isNaN(parseFloat(e)))\|\|t(e)},k=e=>{var a,l;l=e=>{v((e=>Object.assign(Object.assign({},e),{age:!0})));const a=Object.assign(Object.assign({},t),{age:e});r&&r(a)},""!==(a=e)&&(isNaN(a)\|\|isNaN(parseFloat(a))\|\|a.includes("."))\|\|l(a)};return e.useEffect((()=>{r&&r(Object.assign(Object.assign({},t),{objective:"lose-fat",activeLevel:"sedentary"}))}),[]),e.useEffect((()=>{v({age:!1,height:!1,weight:!1})}),[s]),z.default.createElement(i.StyledContainer$3,{style:n,className:l},z.default.createElement(i.FormControl$2,{"data-is-side":g},z.default.createElement(K,{label:f("bmi.selectGender"),defaultValue:"male",onChange:e=>C(e),styles:e=>({root:!g&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:d.rem(12)}}})})),z.default.createElement(i.StyledRow$2,{"data-is-side":g},z.default.createElement(i.FormControl$2,null,z.default.createElement(a.Input.Number,{label:z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray600},f("bmi.ageInput")," ",z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray300,as:"span"},f("bmi.ageInput.desc"))),placeholder:f("healthtool.placeholder.age"),value:Number(t.age),onChange:e=>k(String(e)),error:p.age?"":s.age,min:0})),z.default.createElement(i.FormControl$2,null,z.default.createElement(a.Input.Number,{label:z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray600},f("bmi.heightInput")," ",z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray300,as:"span"},f("bmi.heightInput.desc"))),placeholder:f("pwg.placeholder.height"),value:Number(t.height),onChange:e=>{return a=String(e),void w(a,(e=>{v((e=>Object.assign(Object.assign({},e),{height:!0})));const a=Object.assign(Object.assign({},t),{height:e});r&&r(a)}));var a},error:p.height?"":s.height,min:0})),z.default.createElement(i.FormControl$2,null,z.default.createElement(a.Input.Number,{label:z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray600},f("bmi.weightInput")," ",z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray300,as:"span"},f("bmi.weightInput.desc"))),placeholder:f("pwg.placeholder.weight"),value:Number(t.weight),onChange:e=>{return a=String(e),v((e=>Object.assign(Object.assign({},e),{weight:!0}))),void w(a,(e=>{const a=Object.assign(Object.assign({},t),{weight:e});r&&r(a)}));var a},error:p.weight?"":s.weight,min:0,precision:1}))),z.default.createElement("div",{style:{display:"flex"}},z.default.createElement(i.StyledButton$2,{size:"lg",fullWidth:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMR",dataEventLabel:`https://${u.domainLocales[c]}/${E}`,onClick:()=>{m(b)}},f("bmi.submit"))))},be=({siteType:t,info:l,onChange:n,errorMessage:r={}})=>{const{t:s}=h.useTranslations(),[d,c]=e.useState({weightBefore:!1,height:!1,weight:!1}),[u,m]=e.useState(0),g=e.useRef(null);e.useEffect((()=>{var e;m(null===(e=g.current)\|\|void 0===e?void 0:e.clientHeight)}));const f=(e,t)=>{""!==e&&(isNaN(e)\|\|isNaN(parseFloat(e)))\|\|t(e)},p=e=>{f(e,(e=>{c((e=>Object.assign(Object.assign({},e),{weightBefore:!0})));const t=Object.assign(Object.assign({},l),{weightBefore:e});n&&n(t)}))},v=e=>{f(e,(e=>{c((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},l),{height:e});n&&n(t)}))},E=e=>{f(e,(e=>{c((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((()=>{c({weightBefore:!1,height:!1,weight:!1})}),[r]),"marryBaby"===t?z.default.createElement(z.default.Fragment,null,z.default.createElement("div",{className:"input-form-pwg input-section"},z.default.createElement(i.StyledTextField,{label:s("pregnancyWeightGain.heightInput"),name:"pwg-height",size:"md",value:null==l?void 0:l.height,CustomInput:z.default.createElement(y.Input,{className:(null==d?void 0:d.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==d?void 0:d.height)?"":null==r?void 0:r.height,showErrorMessage:!1,onChange:v})})),z.default.createElement("div",{className:"input-form-pwg input-section"},z.default.createElement(i.StyledTextField,{label:s("pregnancyWeightGain.weightBeforeInput"),name:"pwg-weightBefore",size:"md",value:null==l?void 0:l.weightBefore,CustomInput:z.default.createElement(y.Input,{className:(null==d?void 0:d.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==d?void 0:d.weightBefore)?"":null==r?void 0:r.height,showErrorMessage:!1,onChange:p})})),z.default.createElement("div",{className:"input-form-pwg input-section"},z.default.createElement(i.StyledTextField,{label:s("pregnancyWeightGain.weightInput"),name:"pwg-weight",size:"md",value:null==l?void 0:l.weight,CustomInput:z.default.createElement(y.Input,{className:(null==d?void 0:d.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==d?void 0:d.weight)?"":null==r?void 0:r.weight,showErrorMessage:!1,onChange:E})}))):z.default.createElement(z.default.Fragment,null,z.default.createElement("div",{className:"input-form-pwg"},z.default.createElement(a.PureInput,{placeholder:s("pwg.placeholder.height"),className:"input-section",label:z.default.createElement("span",{style:{color:o.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px"},className:"label-text"},s("pregnancyWeightGain.heightInput")," ",z.default.createElement("span",{style:{color:`${o.theme.colors.gray300}`}},s("bmi.heightInput.desc"))),errorMessage:d.height?"":null==r?void 0:r.height,size:"sm",isNumerousKeyboard:!0,name:"pwg-height",value:null==l?void 0:l.height,onChange:v})),z.default.createElement("div",{className:"input-form-pwg"},z.default.createElement(a.PureInput,{placeholder:s("pwg.placeholder.weight"),className:"input-section",label:z.default.createElement("span",{style:{color:o.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px"},ref:g,className:"label-text"},s("pregnancyWeightGain.weightBeforeInput")," ",z.default.createElement("span",{style:{color:`${o.theme.colors.gray300}`}},s("pregnancyWeightGain.weightInput.desc"))),errorMessage:d.weightBefore?"":null==r?void 0:r.weightBefore,size:"sm",isNumerousKeyboard:!0,name:"pwg-weightBefore",onChange:p,value:null==l?void 0:l.weightBefore})),z.default.createElement("div",{className:"input-form-pwg"},z.default.createElement(a.PureInput,{placeholder:s("pwg.placeholder.weight"),className:"input-section",label:z.default.createElement("span",{style:{color:o.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px",minHeight:u},className:"label-text"},s("pregnancyWeightGain.weightInput")," ",z.default.createElement("span",{style:{color:`${o.theme.colors.gray300}`}},s("pregnancyWeightGain.weightInput.desc"))),errorMessage:d.weight?"":null==r?void 0:r.weight,size:"sm",isNumerousKeyboard:!0,name:"pwg-weight",value:null==l?void 0:l.weight,onChange:E})))};const Ce={"en-PH":j.default,"vi-VN":G.default,"zh-TW":$.default,"id-ID":H.default};function we(t){const{value:l={from:null,to:null}}=t,[n,r]=e.useState(null),{isMobile:o}=a.useScreenSize(),[s,d]=e.useState((()=>l)),[c,u]=e.useState((()=>{var e;return v.startOfMonth(null!==(e=l.from)&&void 0!==e?e:new Date)})),m=e.useMemo((()=>v.addMonths(c,1)),[c]);const g=Object.assign(Object.assign({},t),{goToNextMonth:function(){u((e=>v.addMonths(e,1)))},goToPreviousMonth:function(){u((e=>v.subMonths(e,1)))},range:s,setRange:d,hoverDay:n,setHoverDay:r});return z.default.createElement(z.default.Fragment,null,z.default.createElement(ke,Object.assign({},g,{date:c})),!o&&z.default.createElement(i.StyledCalendarMonthSeparator,null),!o&&z.default.createElement(ke,Object.assign({},g,{date:m})))}function ke({date:t,range:a,setRange:l,onChange:n,goToPreviousMonth:o,goToNextMonth:s,minDate:d,maxDate:c,close:u=(()=>{}),autoClose:m=!1,hoverDay:g,setHoverDay:f}){const{locale:p}=h.useTranslations(),y=e.useMemo((()=>{var e;return null!==(e=Ce[p])&&void 0!==e?e:Ce["en-PH"]}),[p]),E=e.useMemo((()=>v.format(t,"MMMM",{locale:y})),[t,y]),b=e.useMemo((()=>y?[1,2,3,4,5,6,0].map((e=>y.localize.day(e,{width:"narrow"}))):[]),[y]);function C(e,t){if(null===e)return z.default.createElement(i.StyledCalendarDayNumberWrapper,{key:`idx-${t}`,"data-empty":"true"});const n=e.getDate(),r=v.isToday(e),o=!!a.from&&v.isSameDay(a.from,e),s=!!a.to&&v.isSameDay(a.to,e),p=o\|\|s;let h=!1;null!==g&&a.from&&v.isBefore(a.from,g)&&!a.to?h=v.isWithinInterval(e,{start:a.from,end:g}):a.from&&a.to&&(h=v.isWithinInterval(e,{start:a.from,end:a.to}));let y=!1;return d&&c?y=!v.isWithinInterval(e,{start:d,end:c}):d?y=v.isBefore(e,d):c&&(y=v.isAfter(e,c)),z.default.createElement(i.StyledCalendarDayNumberWrapper,{key:n,"data-is-today":r,"data-is-past":!r&&v.isPast(e),"data-is-selected":p,"data-is-disabled":y,"data-in-range":h,"data-is-from":o,"data-is-to":s,onMouseEnter:()=>{f(e)},onMouseLeave:()=>f(null),onClick:()=>{y\|\|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?v.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))))}},z.default.createElement(i.StyledCalendarDayNumber,{onClick:()=>{}},z.default.createElement("p",null,n)))}return e.useEffect((()=>{a.from&&a.to&&n(a)}),[a]),z.default.createElement(i.StyledCalendarWrapper,{className:"calendar-wrapper"},z.default.createElement(i.StyledCalendarHead,null,z.default.createElement(A.Button,{onClick:o,size:"md",color:"ghost",icon:z.default.createElement("img",{src:r.CommonGAssets.getAssetPath("calendarArrowLeft.svg"),loading:"lazy"})}),z.default.createElement("div",{className:"calendar-month"},E,z.default.createElement("strong",null,v.format(t,"yyyy"))),z.default.createElement(A.Button,{onClick:s,size:"md",color:"ghost",icon:z.default.createElement("img",{src:r.CommonGAssets.getAssetPath("calendarArrowRight.svg"),loading:"lazy"})})),z.default.createElement(i.StyledCalendarCellsWrapper,null,z.default.createElement("div",null,z.default.createElement(i.StyledCalendarDaysOfWeek,null,b.map(((e,t)=>z.default.createElement(i.StyledCalendarDayLabel,{key:`${e}-${t}`},e))))),z.default.createElement("div",null,function(){const e=t.getFullYear(),l=t.getMonth(),n=v.getDaysInMonth(t),r=[];for(let t=1;t<=n;t++)r.push(new Date(e,l,t));const o=r[0]?r[0].getDay():0;if(1!==o){const e=0===o?6:o-1;for(let t=0;t<e;t++)r.unshift(null)}return z.default.createElement(i.StyledCalendarMonthWrapper,{key:`month-${l}`,"data-month-index":l,"data-has-range":Boolean(a.from&&a.to)},z.default.createElement(i.StyledCalendarDaysWrapper,null,z.default.createElement(i.StyledCalendarDateGrid,null,r.map(C))))}())))}var Se="WUqzfRb",xe="MnVGtSY",Te="NclbhXQ";const Ne=({LinkComponent:e,page:t,isLast:a,onChangePage:l})=>{const{label:n,value:r,isDropdown:o,dropdownItems:s,dataEventCategory:d,dataEventAction:c,dataEventLabel:u}=t;return o?z.default.createElement(i.Dropdown,{options:s,placeholder:"...",id:"",placeholderIcon:null,onChange:l,className:"collapsed-breadcrumb"}):z.default.createElement("div",{className:Te,title:"string"!=typeof n?r:n,"data-last":a},e&&z.default.createElement(e,{"data-event-category":d,"data-event-action":c,"data-event-label":u,href:r\|\|"#"},n))},Be=()=>z.default.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},z.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"}),z.default.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"})),De=()=>z.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"copy"},z.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"}));exports.Alert=({style:e,onClose:a,text:l,type:n,contentIcon:r,closeIcon:o,className:i,description:s})=>z.default.createElement("div",{className:`${R} ${i\|\|""}`,style:e,"data-alert-type":n},z.default.createElement("div",{className:W},z.default.createElement("div",{className:"icon-title"},r,z.default.createElement(t.Text,{type:"bold",size:"label1"},l)),z.default.createElement(t.Text,{type:"regular",size:"p3"},s)),z.default.createElement("div",{className:V,onClick:a},o)),exports.ArticleCard=({articleLink:e,authorLink:l,authorName:n,avatarImg:o,banner:s,categoryLink:d,categoryName:c,className:u,dataEventActionForBanner:m,dataEventActionForBookmark:g,dataEventActionForCategory:f,dataEventActionForTitle:p,dataEventCategoryForBanner:h,dataEventCategoryForBookmark:v,dataEventCategoryForCategory:y,dataEventCategoryForTitle:E,dataEventLabelForBanner:b,dataEventLabelForBookmark:C,dataEventLabelForCategory:w,dataEventLabelForTitle:k,direction:S="horizontal",hasAffiliate:x,isBookmark:T=!1,isBookmarkDisplayed:N=!0,isMobile:B=!0,onBookmark:D,onClickCategoryName:L,section:A="normal",size:M="md",specialty:I,style:_,styleBanner:P,styleLabel:O,styleTitle:F,text:j,title:H,type:G="author",uploadTime:$,articleLinkTarget:R,isPremium:W})=>{const V=e=>{e.stopPropagation(),null==D\|\|D()},U="lg"===M&&"expert"===G?"h4":"lg"===M&&"home"===A?B?"h4":"h3":"lg"===M?"h4":"h5",q="lg"===M?"p3":"p4",Z=B\|\|"home"!==A\|\|"lg"!==M\|\|"author"!==G?"c2":"c1";return z.default.createElement("article",{className:`${ee} ${u\|\|""}`,"data-size":M,style:_,"data-direction":S,"data-is-expert":"expert"===G\|\|void 0},z.default.createElement("div",{className:"banner",style:P},z.default.createElement("a",{className:J,"data-event-category":h,"data-event-action":m,"data-event-label":b,href:e\|\|"#",target:R},s),W&&z.default.createElement("img",{loading:"lazy",className:"premium",src:r.CommonGAssets.getAssetPath("premium-crown.svg")}),x&&z.default.createElement(i.AffiliateIcon,null)),z.default.createElement("div",{className:"content"},z.default.createElement("div",{className:"inner-content"},z.default.createElement(t.Text,{style:O,className:"label",size:Z,type:"caption"},z.default.createElement("a",{className:J,"data-event-category":y,"data-event-action":f,"data-event-label":w,href:d\|\|"#",onClick:L},c),N&&z.default.createElement("a",{className:"bookmark",onClick:V},T?z.default.createElement(i.BookmarkedIcon,{dataEventCategoryForBookmark:v,dataEventActionForBookmark:g,dataEventLabelForBookmark:C}):z.default.createElement(i.UnbookmarkedIcon,{dataEventCategoryForBookmark:v,dataEventActionForBookmark:g,dataEventLabelForBookmark:C}))),z.default.createElement(a.Heading,{tag:U,style:F,className:"title",as:"lg"===M?"h2":"h3"},z.default.createElement("a",{className:J,"data-event-category":E,"data-event-action":p,"data-event-label":k,href:e\|\|"#",target:R},H)),j&&z.default.createElement("a",{href:e\|\|"#",target:R},z.default.createElement(t.Text,{size:q,className:"text"},j))),z.default.createElement("div",{className:"footer"},"author"===G?z.default.createElement(ae,{size:M,avatarImg:o,authorName:n,authorLink:l,uploadTime:$,handleClick:V,isBookmarked:T,dataEventCategoryForBookmark:v,dataEventActionForBookmark:g,dataEventLabelForBookmark:C}):z.default.createElement(le,{size:M,isMobile:B,avatarImg:o,specialty:I,name:n,link:l,handleClick:V,isBookmarked:T,dataEventCategoryForBookmark:v,dataEventActionForBookmark:g,dataEventLabelForBookmark:C}))))},exports.ArticleCard$1=e=>{var{variant:t="vertical"}=e,a=s.__rest(e,["variant"]);return"horizontal"===t?z.default.createElement(ne,Object.assign({},a)):z.default.createElement(ie,Object.assign({},a))},exports.BMICardEmbed=({isMobile:e,onSubmit:t,bmiContent:a,isSide:l,bmiGenerated:n,bmiUnit:o,bmiLink:s,locale:d})=>{var c,u,m;const{t:g}=h.useTranslations();return z.default.createElement(i.StyledContainer,{"data-is-side":l},z.default.createElement(i.ToolsBannerCard,{isSide:l,icon:z.default.createElement("img",{alt:"health-tool-icon",src:(null==a?void 0:a.featured_image)\|\|r.CommonGAssets.getAssetPath("health-tools/bmi.svg"),loading:"lazy"}),heading:g("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}),z.default.createElement(E.Container,null,z.default.createElement(i.StyledContent,{as:"div","data-is-side":l},s&&z.default.createElement(he,{onSubmit:t,bmiGenerated:n,locale:d,bmiUnit:o,isSide:l}))))},exports.BMRCardEmbed=({isSide:e,locale:t,bmrContent:a,isMobile:l,info:n,inputErrorMessage:o,onFormChange:s,onSubmit:d})=>{var c,u,m;const{t:g}=h.useTranslations();return z.default.createElement(i.StyledContainer,{"data-is-side":e},z.default.createElement(i.ToolsBannerCard,{isSide:e,icon:z.default.createElement("img",{alt:"health-tool-icon",src:(null==a?void 0:a.featured_image)\|\|r.CommonGAssets.getAssetPath("health-tools/bmr.svg"),loading:"lazy"}),heading:g("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}),z.default.createElement(E.Container,null,z.default.createElement(i.StyledContent,{onSubmit:e=>e.preventDefault(),"data-is-side":e},z.default.createElement(i.StyledInputForm,null,z.default.createElement(Ee,{info:n,locale:t,errorMessage:o,onChange:s,onClick:d,isSide:e})))))},exports.BabyGrowthCardEmbed=({isMobile:e,className:t,onSubmit:a,onError:l,schema:n,babyGrowthContent:s,siteType:d})=>{var c,u,m;return h.useTranslations(),z.default.createElement(i.StyledContainer,{"babyGrowthContent-is-mobile":e,"data-site":d},z.default.createElement(i.ToolsBannerCard,{siteType:d,bannerUrl:r.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerUrlLarge:r.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerColor:"marryBaby"===d&&o.theme.mbColors.mint,isEmbeded:!0,icon:z.default.createElement("img",{className:"embedded-icon",alt:"health-tool-icon",src:(null==s?void 0:s.featuredImage)\|\|r.CommonGAssets.getAssetPath("health-tools/toolsIconBabyGrowth.svg"),loading:"lazy"}),heading:(null==s?void 0:s.title)\|\|"",medicalReview:{link:null===(c=null==s?void 0:s.reviewBy)\|\|void 0===c?void 0:c.link,reviewer:null===(u=null==s?void 0:s.reviewBy)\|\|void 0===u?void 0:u.reviewer.trim(),date:null===(m=null==s?void 0:s.reviewBy)\|\|void 0===m?void 0:m.date},isMobile:e}),z.default.createElement(i.StyledBabyGrowthWrapper,{"data-theme":d},z.default.createElement(i.StyleForm,{siteType:d,schema:n,className:t,onSubmit:a,onError:l})))},exports.BabyPoopEmbed=({babyPoopPage:e,onClickFindOut:t,currentUrl:l,isSide:n,direction:s="auto",sponsorLogo:c})=>{const{t:u}=h.useTranslations(),m="mb"===d.useMantineTheme().other.template,{classes:g}=i.useStyles$2({isMarryBaby:m,isSide:n,direction:s},{name:"BabyPoopEmbed"}),{reviewedBy:f,reviewedDate:p}=e\|\|{};return z.default.createElement("div",{className:g.root},z.default.createElement("div",{className:g.inner},z.default.createElement(a.Heading,{tag:"h3",as:"h2",color:!m&&"#284A75"},e.title),z.default.createElement("div",{className:g.content,"data-is-side":n},z.default.createElement(a.Text,{size:"p3",className:"description"},e.description),!!f&&z.default.createElement("div",{className:g.reviewText},z.default.createElement("img",{src:r.CommonGAssets.getAssetPath("reviewerCheck.svg"),alt:"check",className:g.reviewTextIcon,loading:"lazy"}),z.default.createElement(a.Text,{size:"p4",color:o.theme.colors.gray600},u("categoryPage.info.reviewed")," ",z.default.createElement("a",{href:f.profile_url},f.display_name)," ",u("categoryPage.onDate",{date:p\|\|""}))),z.default.createElement("div",{className:g.action},z.default.createElement(a.Button,{className:g.btn,size:m?"lg":"md",variant:m?"secondary":"primary",onClick:t,dataEventCategory:"Health Tool",dataEventAction:"Baby Stool Inquiry",dataEventLabel:l,style:{visibility:Boolean(t)?"visible":"hidden"}},u("babyPoop.findOut"))))),z.default.createElement("div",{className:g.thumbnail},z.default.createElement("img",{src:m?r.CommonGAssets.getAssetPath("baby-poop.svg"):null==e?void 0:e.featuredImage,alt:e.title,loading:"lazy"})),c&&z.default.createElement("img",{loading:"lazy",src:c,alt:"sponsor",className:g.sponsorLogo}))},exports.Badge=({amount:e,type:t,size:l="medium",color:n="primary",icon:r,className:o})=>z.default.createElement(a.StyledBadge,{"data-notification-type":t,"data-notification-size":l,"data-notification-color":n,"data-has-icon":!!r\|\|void 0,notificationType:t,notificationSize:l,notificationColor:n,hasIcon:!!r,className:o},z.default.createElement("div",null,e&&z.default.createElement("span",null,e)," ",r&&z.default.createElement("div",null,r))),exports.BorderHeading=({style:e,children:t,className:l,size:n="lg",type:r="bold",upperCase:o,as:i="h4",color:s})=>z.default.createElement(a.StyledBorderHeading,{style:Object.assign({color:s},e),className:l,"data-size":n,"data-type":r,"data-uppercase":o,as:i},t),exports.Breadcrumbs=({className:t,pages:a,size:l,LinkComponent:n="a",onChangePage:r,separator:o})=>{const i=e.useMemo((()=>a.map(((e,t)=>a.length>4?t>1&&t<a.length-2?null:1===t?Object.assign(Object.assign({},e),{isDropdown:1===t,dropdownItems:a.slice(1,a.length-2)}):e:e)).filter(Boolean)),[a]);return z.default.createElement("div",{"data-size":l,className:`${Se} ${t\|\|""}`},i.map(((t,a)=>{const s=a+1===i.length;return z.default.createElement(e.Fragment,{key:a},z.default.createElement(Ne,{LinkComponent:n,page:t,isLast:s,onChangePage:r}),!s&&(t.separator\|\|o\|\|z.default.createElement("div",{className:xe,"data-size":l})))})))},exports.CategoryCard=e=>{var{category:t,imgBanner:l,label:n,className:r,style:o,href:d="",dataEventCategory:c,dataEventAction:u,dataEventLabel:m}=e,g=s.__rest(e,["category","imgBanner","label","className","style","href","dataEventCategory","dataEventAction","dataEventLabel"]);const p=(null==t?void 0:t.customizedUrl)\|\|(null==t?void 0:t.permalink)\|\|d\|\|"";return z.default.createElement(i.StyledCategoryCard,Object.assign({"data-event-category":c,"data-event-action":u,"data-event-label":m,className:r,style:o,href:p},(null==t?void 0:t.customizedUrl)&&!f.isInternalLink(t.customizedUrl)&&{target:"_blank"},{onClick:e=>{""===p&&e.preventDefault()}},g),z.default.createElement("div",{className:"banner"},l),z.default.createElement("div",{className:"content"},z.default.createElement(a.Text,{className:"category_name",size:"sm",weight:"bold"},(null==t?void 0:t.displayName)\|\|n\|\|"")))},exports.Checkbox=q,exports.CheckboxGroup=({name:e,values:t=[],onChanges:a,options:l=[],className:n,type:r="vertical",isDisabled:o,isRectangle:s})=>{const d=(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 z.default.createElement(i.StyledCheckboxGroup,{className:n,"data-type":r,"data-is-rectangle":s\|\|void 0},l.map(((a,l)=>z.default.createElement(q,{label:a.label,name:e,key:`${l}-${a.value}`,checked:t.includes(a.value),value:a.value,isDisabled:o\|\|a.disabled,onChange:!o&&d,isRectangle:s}))))},exports.CookieAcceptConfirm=({className:e,policiesUrl:t,onAcceptClick:a,translations:l={acceptButton:"Accept",policiesButton:"Our Policies"},title:n="",description:r="",theme:o="helloSites",isOpen:s=!0,useDefaultPosition:d=!0,trackingAttributes:c})=>z.default.createElement(i.StyledAcceptCardContainer,{className:e,"data-theme":o,"data-is-open":s,"data-default-position":d},z.default.createElement(i.StyledTitleSection,{"data-has-content":!!n},n),z.default.createElement(i.StyledDescription,{dangerouslySetInnerHTML:{__html:r}}),z.default.createElement(i.StyledButtonGroup,null,z.default.createElement(i.StyledAcceptButton,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:a,"data-event-category":null==c?void 0:c.dataEventCategory,"data-event-action":null==c?void 0:c.dataEventAction,"data-event-label":null==c?void 0:c.dataEventLabel},l.acceptButton),z.default.createElement(i.StyledPoliciesButton,{href:t},l.policiesButton))),exports.DateRangePicker=function({inputSize:t="md",name:l="date-range-picker",value:n,minDate:o,maxDate:s,onChange:d,className:c,autoClose:u=!1}){n\|\|(n={from:null,to:null});const[m,g]=e.useState(!1);function f(){g(!1)}const p=e.useRef(null);function h(e){d&&d(e)}function y(e){return v.format(e,"dd/MM/yyyy")}T.useOutsideClick(p,(()=>{f()}));const E=e.useMemo((()=>n.from&&n.to?v.isSameDay(n.from,n.to)?y(n.from):`${y(n.from)} - ${y(n.to)}`:""),[n.from,n.to]);return z.default.createElement(i.StyledWrapper,{className:[c,m&&"focused"].filter(Boolean).join(" "),ref:p},z.default.createElement("label",{htmlFor:l},z.default.createElement(a.PureInput,{size:t,value:E,name:l,actionIcon:z.default.createElement("img",{src:r.CommonGAssets.getAssetPath("calendar.svg"),loading:"lazy"}),onFocus:()=>g(!0)})),m?z.default.createElement(i.StyledCalendarWrapper$1,{onMouseDown:e=>{e.stopPropagation()}},z.default.createElement(we,{value:n,onChange:h,minDate:o,maxDate:s,close:f,autoClose:u})):null)},exports.DueDateCardEmbed=({isMobile:e,locale:t,onSubmitDueDate:a,dueDatePageInfo:l,expertUrl:n,isSide:s,siteType:d})=>{var c;const{t:u}=h.useTranslations();return z.default.createElement(i.StyledContainer,{"data-is-side":s,"data-site":d},z.default.createElement(i.ToolsBannerCard,{isSide:s,siteType:d,bannerColor:"marryBaby"===d&&o.theme.mbColors.mint,isEmbeded:!0,color:"pink",icon:z.default.createElement("img",{alt:"health-tool-icon",src:(null==l?void 0:l.featured_image)\|\|r.CommonGAssets.getAssetPath("health-tools/due-date-icon.svg"),loading:"lazy"}),heading:u("healthTools.dueDateCalculator"),medicalReview:{link:n,reviewer:null===(c=null==l?void 0:l.reviewed_by)\|\|void 0===c?void 0:c.display_name,date:null==l?void 0:l.reviewed_date},isMobile:e}),z.default.createElement(i.StyledContent,{onSubmit:e=>e.preventDefault(),className:"due-date-cal","data-is-side":s},z.default.createElement(fe,{siteType:d,locale:t,onSubmitDueDate:a,isSide:s})))},exports.FileDropdown=({className:t,value:l,options:n,onUploadSelected:r,id:o,placeholderIcon:i,placeholder:s,style:d})=>{const[c,u]=e.useState(!1),m=()=>u(!c),g=e.useRef(n.map((e=>"upload"===e.type&&z.default.createElement("input",{id:"uploader-dropdown-input-"+o+"-"+e.value,key:"uploader-dropdown-input-"+o+"-"+e.value,accept:e.fileAcceptedType,multiple:e.multiple,type:"file",style:{display:"none"},onChange:e=>{console.log("change"),r(e.target.files)}})))),f=z.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12.17 14.83"},z.default.createElement("defs",null,z.default.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},z.default.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"})),z.default.createElement("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),z.default.createElement("title",null,"File"),z.default.createElement("g",{clipPath:"url(#prefix__clip-path)"},z.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z",transform:"translate(-1.92 -1.54)"}),z.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),p=z.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},z.default.createElement("defs",null,z.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),z.default.createElement("title",null,"download"),z.default.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3",transform:"translate(-1.25 -2.21)"})),h=z.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},z.default.createElement("defs",null,z.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),z.default.createElement("title",null,"upload"),z.default.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8",transform:"translate(-1.25 -2.21)"}));return z.default.createElement(a.StyledDropdown,{className:t,"data-dropdown-open":!!c,id:o,"data-has-icons":!0,style:d,onBlur:()=>u(!1),tabIndex:0},z.default.createElement(a.StyledDropdownName,{onClick:m},i\|\|f," ",z.default.createElement("span",null,l&&l.value?l.label:s)),c&&z.default.createElement(a.StyledDropdownList,{onClick:m,"data-has-icons":!0},n.map((e=>z.default.createElement(a.StyledDropdownOption,{key:`${o}-${e.value}`,"data-selected":l&&l.value===e.value\|\|void 0,onClick:()=>{return"upload"===e.type?(a="#uploader-dropdown-input-"+o+"-"+e.value,void(null===(l=document.querySelector(a))\|\|void 0===l\|\|l.click())):void((t=e.url)&&window.open(t,"_blank"));var t,a,l}},z.default.createElement(a.StyledIcon,null,e.icon\|\|"download"===e.type?p:h),e.label)))),z.default.createElement(z.default.Fragment,null,g.current))},exports.FixedBottomAdBlock=({className:t,adUnitPath:a,divId:l,isMobile:n,contentId:r,customTargetings:o,locale:s,isMarryBaby:d})=>{const[c,u]=e.useState(!0),[m,g]=e.useState(!1),[f,p]=e.useState(!0),h=e.useRef(null),v=e.useRef(I.v4()),y=e.useRef(null),E=e.useRef(),b=e.useRef();return e.useEffect((()=>{const e=()=>{b.current&&clearTimeout(b.current),b.current=setTimeout((()=>{var t;document.getElementById("subot--container")?u(!0):(u(!1),(null===(t=h.current)\|\|void 0===t?void 0:t.clientHeight)?p(!1):p(!0)),e()}),4e3)};return e(),()=>{E.current&&clearTimeout(E.current),b.current&&clearTimeout(b.current)}}),[]),c\|\|m?null:z.default.createElement(i.StyledFixedAdBlock,{key:n?"mobile":"desktop",ref:y,className:t,"data-visible":!f},a&&z.default.createElement(i.AdBlock,{wrapperProps:{m:0},ref:h,adUnitPath:a,size:n?[[320,50],[320,100]]:[728,90],divId:(l\|\|"div-gpt-ad-sticky")+(n?"-mobile":"")+r+String(v.current),pos:["Sticky"],contentId:r,hideIfHasSubot:n,customTargetings:o,adDefaultSize:n?[320,50]:[728,90],showCloseBtn:!0,onCloseAd:()=>g(!0),refreshInterval:60,locale:s,isMarryBaby:d}))},exports.FloatButtonGroup=({items:t,className:a,style:l,backgroundPanelStyle:n,isOpen:r,onOpen:o,onClose:s,disableBackdropClick:d,siteType:c="hb",animationType:u="zoom",zIndex:m=300})=>{const[g,f]=e.useState(!!r);e.useEffect((()=>{f(!!r)}),[r]);const p=()=>{f(!1),s&&s()};return z.default.createElement(i.StyledFloatButtonGroup,{style:l,className:a,"data-floatmenu-open":g,"data-site-type":c,"data-animation-type":u},z.default.createElement(i.StyledFloatButtonGroupBackgroundPanel,{className:"float-button-group__panel",style:Object.assign({zIndex:m},n),onClick:d?void 0:p}),z.default.createElement(i.StyledFloatButtonGroupContent,{className:"float-button-group___content",style:{zIndex:m}},z.default.createElement(i.StyledFloatButtonGroupItemsWrapper,null,t.map(((e,a)=>z.default.createElement(i.StyledFloatButtonGroupButton,{className:`float-item-button-${a}`,style:Object.assign(Object.assign({},"zoom"===u&&{bottom:64(t.length-1-a),transitionDelay:i.TRANSITION_TIMING/t.length(g?t.length-1-a:a)+"ms"}),"slide"===u&&{bottom:64(t.length-1-a),transitionDelay:i.TRANSITION_TIMING/t.length(g?a:t.length-1-a)+"ms"}),key:a,onClick:()=>{e.onClick(),e.keepMenuOnClick\|\|f(!1)}},z.default.createElement(i.StyledFloatButtonGroupButtonLabel,{style:Object.assign({},"zoom"===u&&{transitionDelay:i.TRANSITION_TIMING/t.length(g?t.length-1-a:a)+"ms"})},e.label),z.default.createElement(i.StyledFloatButtonGroupButtonIcon,{className:"float-item-button__icon-wrapper",style:Object.assign({},("zoom"===u\|\|"slide"===u)&&{transitionDelay:i.TRANSITION_TIMING/t.length(g?t.length-1-a:a)+"ms"})},e.icon))))),z.default.createElement(i.StyledFloatButtonGroupToggleIcon,{onClick:g?p:()=>{f(!0),o&&o()}})))},exports.GenderOptionControl=K,exports.Grid=({className:e,columns:t,columnsDesktop:l,gridTemplateColumns:n,gridTemplateColumnsDesktop:r,gap:o,children:i,justifyChildren:s,style:d,alignItems:c})=>z.default.createElement(a.StyledGrid,{className:e,style:d,theme:{columns:t,columnsDesktop:l,gap:o,justifyChildren:s,gridTemplateColumns:n,gridTemplateColumnsDesktop:r,alignItems:c}},i),exports.IconText=({size:e,iconPosition:t,className:a,children:l,icon:n})=>z.default.createElement(i.StyledIconText,{className:a,"data-size":e,"data-icon-position":t},"left"===t&&n,l,"right"===t&&n),exports.OvulationCardEmbed=({onSubmitOvulation:e,locale:t,ovulationPageInfo:a,expertUrl:l,isSide:n=!1,siteType:s,isMobile:d})=>{var c;const{t:u}=h.useTranslations();return z.default.createElement(i.StyledContainer,{"data-is-side":n,"data-site":s},z.default.createElement(i.ToolsBannerCard,{isSide:n,bannerUrl:r.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),siteType:s,bannerColor:"marryBaby"===s&&o.theme.mbColors.mint,isEmbeded:!0,color:"pink",icon:z.default.createElement("img",{alt:"health-tool-icon",src:(null==a?void 0:a.featured_image)\|\|r.CommonGAssets.getAssetPath("health-tools/ovulation-icon.svg"),loading:"lazy"}),heading:u("healthTools.ovulationCalculator"),medicalReview:{link:l,reviewer:null===(c=null==a?void 0:a.reviewed_by)\|\|void 0===c?void 0:c.display_name,date:null==a?void 0:a.reviewed_date},isMobile:d}),z.default.createElement(i.StyledContent,{onSubmit:e=>e.preventDefault(),className:"ovulation-cal","data-is-side":n},z.default.createElement(i.OvulationCalculator,{siteType:s,locale:t,onSubmitOvulation:e,isSide:n})))},exports.PWGCardEmbed=({locale:t,onClick:l,inputErrorMessage:n,pwgContent:s,onFormChange:d,info:c,isMobile:m,isSide:g=!1,siteType:f})=>{var p;const{t:v}=h.useTranslations(),[y,b]=e.useState("notwins"),[C,w]=e.useState({label:"1",value:1}),k=e.useMemo((()=>[...Array(40)].map(((e,t)=>({label:`${t+1}`,value:`${t+1}`})))),[]),{getHealthToolLink:T}=S.useHealthToolsCache(t),N=e.useMemo((()=>T(a.HEALTH_TOOL_TYPE.PWG)),[T]);return z.default.createElement(i.StyledContainer,{"data-is-side":g,"data-site":f},z.default.createElement(i.ToolsBannerCard,{siteType:f,bannerColor:"marryBaby"===f&&o.theme.mbColors.mint,isEmbeded:!0,color:"pink",icon:z.default.createElement("img",{alt:"health-tool-icon",src:(null==s?void 0:s.featuredImage)\|\|r.CommonGAssets.getAssetPath("health-tools/pwg-icon.svg"),loading:"lazy"}),heading:v("pregnancyWeightGain.heading"),medicalReview:{link:x.formatUserProfileUrl(null==s?void 0:s.reviewedBy),reviewer:null===(p=null==s?void 0:s.reviewedBy)\|\|void 0===p?void 0:p.display_name,date:null==s?void 0:s.reviewedDate},isMobile:m,isSide:g}),z.default.createElement(E.Container,null,z.default.createElement(i.StyledContent,{onSubmit:e=>e.preventDefault(),className:"pwg-view-mobile","data-is-side":g},"marryBaby"!==f&&z.default.createElement(i.StyledTwins,{className:"hide-asking-mobile","data-is-side":g},z.default.createElement(a.Text,{size:"s4",weight:"semiBold",style:{display:"block",color:o.theme.colors.gray600},className:"label"},v("pregnancyWeightGain.havingTwins")),z.default.createElement(i.StyledRadioGroup,{options:[{value:"twins",label:v("switchBtn.yes")},{value:"notwins",label:v("switchBtn.no")}],value:y,onChange:e=>b(e),className:"gender-selector",id:"twins-check",type:"circle",direction:"horizontal",size:"small",group:"group1"})),z.default.createElement(i.StyledInputWrapper,null,z.default.createElement(i.StyledFormInput,{className:"input-section input-form-pwg","data-is-side":g},"marryBaby"===f?z.default.createElement(i.StyledDropDown,{groupedWithLabel:v("pregnancyWeightGain.weekInput"),options:k,placeholder:"28 days",id:"due-date-dropdown",size:"lg",value:C,onChange:e=>w({label:e.label,value:e.value})}):z.default.createElement(z.default.Fragment,null,z.default.createElement(a.Text,{size:"s4",weight:"semiBold",style:{display:"inline-block",marginBottom:"9px",color:o.theme.colors.gray600}},v("pregnancyWeightGain.weekInput")),z.default.createElement(i.Dropdown,{options:k,placeholder:String(C.label),id:"weight-gain-dropdown",size:"md",value:C,onChange:e=>w({label:e.label,value:e.value})}))),z.default.createElement(be,{siteType:f,info:c,errorMessage:n,onChange:d})),"marryBaby"!==f&&z.default.createElement(i.StyledTwins,{className:"hide-asking-desk","data-is-side":g},z.default.createElement(a.Text,{size:"s4",weight:"semiBold",style:{display:"block",color:o.theme.colors.gray600},className:"label"},v("pregnancyWeightGain.havingTwins")),z.default.createElement(i.StyledRadioGroup,{options:[{value:"twins",label:v("switchBtn.yes")},{value:"notwins",label:v("switchBtn.no")}],value:y,onChange:e=>b(e),className:"gender-selector",id:"twins-check-mobile",type:"circle",direction:"horizontal",size:"small",group:"group1"})),"marryBaby"===f&&z.default.createElement(q,{name:"twins",label:v("pregnancyWeightGain.havingTwins"),checked:"twins"===y,siteType:"marryBaby",onChange:()=>{b("twins"===y?"notwins":"twins")},value:"twins"}),z.default.createElement(i.StyledSubmitButton,{"data-is-side":g,"data-site":f},z.default.createElement(a.Button,{dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${u.domainLocales["marryBaby"===f?"vi-VN_MB":t]}/${N}`,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===f?"secondary":"primary",onClick:()=>l(y,C.value),role:"button"},v("dueDatePage.lastPeriod.calculate"))))))},exports.Pagination=({className:t,pagesAmount:n,currentPage:r,onChange:o,onClick:i,style:s,href:d,queryPageName:c="page"})=>{const u=[...Array(n)].map(((e,t)=>t+1)),[m,g]=e.useState(r),f=e.useMemo((()=>d&&d.endsWith("&page=")?d.replace("&page=",""):d),[d]),p=n-1,h=e=>{e<=n&&e>0&&(g(e),o(e))},v=e=>{i&&i(e)};return e.useEffect((()=>{g(r)}),[r]),z.default.createElement(a.StyledPagination,{className:t,style:s},z.default.createElement(a.StyledPageBlock,{className:"prev-page",onClick:()=>h(m-1),"data-last-page":1===m\|\|void 0},f?z.default.createElement("a",{href:l.formatUrlWithPageParam(f,m,c),onClick:v},z.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},z.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):z.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},z.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),u.length>8?z.default.createElement(U,{pagesAmount:n,activePage:m,handlePageChange:h,handleClick:v,href:f,queryPageName:c}):u.map((e=>z.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===m\|\|void 0,onClick:()=>h(e)},f?z.default.createElement("a",{href:l.formatUrlWithPageParam(f,e,c),onClick:v},e):e))),z.default.createElement(a.StyledPageBlock,{className:"next-page",onClick:()=>h(m+1),"data-last-page":m===p+1\|\|void 0},f?z.default.createElement("a",{href:l.formatUrlWithPageParam(f,m,c),onClick:v},z.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},z.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):z.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},z.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.ProgressBar=({type:t,numberOfStep:a,activeStep:l,labelPrefix:n,detailSteps:r,className:o,onChange:d})=>{const[c,u]=e.useState(0),m=e=>{var{trackClassName:t}=e,a=s.__rest(e,["trackClassName"]);return z.default.createElement(i.StyledTrackContainer,Object.assign({},a,{className:t}),z.default.createElement(i.StyledTrack,null))},g=z.default.createElement(i.StyledSlider,{className:o+" progress-bar"},z.default.createElement(m,null),z.default.createElement((({trackLength:e,activeStep:t,labelPrefix:l="Step",onChange:n})=>z.default.createElement(z.default.Fragment,null,Array.from({length:a},((e,t)=>t)).map(((r,o)=>z.default.createElement(i.StyledStep,{"data-is-active":o===t,"data-label":o,style:{left:oe/(a-1)},onClick:()=>{n&&n(o)},key:o},o+1,z.default.createElement(i.StyledStepLabel,{"data-step-passed":o<=t},l+" "+(o+1))))))),{trackLength:c,activeStep:l,labelPrefix:n,onChange:d})),f=z.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 5.5 9.5"},z.default.createElement("title",null,"chevron-right"),z.default.createElement("path",{d:"M.75 8.75l4-4-4-4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),p=z.default.createElement(i.StyledBreadcrumbContainer,null,r&&Array.from({length:r.length},((e,t)=>t)).map(((e,t)=>{var a;return z.default.createElement(i.StyledBreadcrumbWrapper,{key:t,"data-selected":t===l,onClick:()=>{d&&d(t)}},null===(a=r[t])\|\|void 0===a?void 0:a.text," ",t<r.length-1&&f)}))),h=z.default.createElement(i.StyledSlider,{className:o+" progress-bar"},z.default.createElement((({detailSteps:e,activeStep:t,onChange:a})=>z.default.createElement(z.default.Fragment,null,Array.from({length:e.length},((e,t)=>t)).map(((l,n)=>z.default.createElement(i.StyledDetailStep,{key:n,style:{left:100/e.lengthn+"%",width:100/e.length+"%"},onClick:()=>{a&&a(n)}},e[n].icon?z.default.createElement(i.StyledDetailStepIndicatorExternal,{onClick:()=>{a&&a(n)}},e[n].icon):z.default.createElement(i.StyledDetailStepIndicator,{"data-is-active":n===t,"data-label":l,onClick:()=>{a&&a(n)},key:n},n+1),z.default.createElement(i.StyledDetailStepLabel,{"data-step-passed":n<t+1},e[n].text,z.default.createElement(i.StyledDetailStepDescription,null,e[n].description)),n<e.length-1&&z.default.createElement(m,{"data-step-passed":n<t,trackClassName:"progress-track","data-track-type":"detail"})))))),{activeStep:l,detailSteps:r,onChange:d})),v=e.useCallback(F.default((()=>{const e=document.querySelector(".progress-bar");e&&u(e.offsetWidth)}),1e3),[]);return e.useEffect((()=>{const e=document.querySelector(".progress-bar");return u(null==e?void 0:e.offsetWidth),window.addEventListener("resize",v,{passive:!0}),()=>{window.removeEventListener("resize",v)}}),[]),"step-track"===t&&g\|\|"breadcrumb"===t&&p\|\|"detail-track"===t&&h},exports.RateStars=({gap:t=2,size:l=24,star:n,totalStars:r=5,onSelect:o,hideEmptyStars:i,style:s,className:d})=>{const c=Math.floor(n),u=n-c>=.5?1:0,[m,g]=e.useState(null),f=m\|\|c,p=m?0:u;return z.default.createElement(a.StyledRateStars,{"data-selectable":!!o,style:Object.assign({"--gap":t,"--star-size":l},s),className:d},Array.from({length:i?c+u:r}).map(((e,t)=>{const a=()=>!!o&&g(t+1),l=()=>!!o&&g(null);return t+1<=f?z.default.createElement(Y,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l}):t+1===f+p?z.default.createElement(Q,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l}):z.default.createElement(Z,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l})})))},exports.ScrollList=({row:t=2,column:a=3,isDotsShown:l=!0,isImageGalleryShown:n=!1,mode:r="infinity",type:o="separated",distanceOverlappedLeft:s={amount:0,unit:"pixel"},children:d,className:c,isProgressShown:u=!1,statusChildren:m,isArrowShown:g=!1,classNameLeftArrow:f,classNameRightArrow:p,dataEventCategory:h,dataEventAction:v,dataEventLabel:y,onChangePage:E,page:b,customPageWidth:C,scheme:w="hellosites",arrowType:k="Discover"})=>{const S="number"==typeof b,[x,T]=e.useState(S?b:0),N=[];z.default.Children.map(d,((e,l)=>{l%(ta)==0&&N.push([]),N[N.length-1].push(z.default.cloneElement(e))}));const B=e.useRef(),D=e.useRef(0),L=e=>{if(!B.current)return;const{clientWidth:t}=B.current,a=C\|\|t,l="intertwined"===o?"percentage"===s.unit?ea+s.amount/100ae:ea+s.amountae:ea;B.current.scrollTo({top:0,left:l,behavior:"smooth"}),D.current=e,T(e),E&&E(e)};e.useEffect((()=>{"number"==typeof b&&(e=>{if(!B.current)return;const{clientWidth:t}=B.current,a=C\|\|t,l="intertwined"===o?"percentage"===s.unit?ea+s.amount/100ae:ea+s.amountae:ea;B.current.scrollTo({top:0,left:l,behavior:"smooth"}),D.current=e,T(e)})(b)}),[b]);const A=e=>{if(!B.current)return;const{clientWidth:t}=B.current,a=C\|\|t;let l;l=0===x?0:xa,"forward"===e&&(l===a(N.length-1)?(T(N.length-1),l=a(N.length-1),E&&E(N.length-1)):(T(x+1),l+=a,E&&E(x+1)),B.current.scrollTo({top:0,left:l,behavior:"smooth"})),"back"===e&&(0===l?(T(0),E&&E(0),l=0):(T(x-1),E&&E(x-1),l-=a),B.current.scrollTo({top:0,left:l,behavior:"smooth"}))},M=F.default((()=>{if("infinity"===r){if(!B.current)return;const{clientWidth:e,scrollLeft:t}=B.current,a=C\|\|e,l=Math.floor(t/a);T(l),E&&E(l)}}),400);return e.useEffect((()=>{if("snapped"===r){let e,t,a,l,n,r,i=!1;const d=B.current,c=(r,o)=>{i=!0,a=!1,l=!1,e=r-d.offsetLeft,t=o-d.offsetTop,n=d.scrollLeft},u=e=>{c(e.pageX,e.pageY)},m=e=>{c(e.touches[0].pageX,e.touches[0].pageY)},g=()=>{if(i=!1,a=!1,l=!1,!B.current)return;const{clientWidth:e}=B.current,t=C\|\|e,n="ltr"===r?0!==D.current?D.current-1:D.current:"rtl"===r&&D.current<N.length-1?D.current+1:D.current,d="intertwined"===o?"percentage"===s.unit?nt+s.amount/100tn:nt+s.amounttn:nt;B.current.scrollTo({top:0,left:d,behavior:"smooth"}),r="none",D.current!==n&&(D.current=n,T(n),E&&E(n))},f=(o,s)=>{if(!i)return;const c=o-d.offsetLeft,u=s-d.offsetTop,m=c-e,g=u-t;a\|\|l\|\|!(g>20\|\|g<-20)\|\|(a=!0),!a&&(m>20\|\|m<-20)&&(l=!0,d.scrollLeft=n-m,m>0&&(r="ltr"),m<0&&(r="rtl"),0===m&&(r="none"))},p=e=>{l&&e.preventDefault(),f(e.pageX,e.pageY)},h=e=>{l&&e.preventDefault(),f(e.touches[0].pageX,e.touches[0].pageY)};return null==d\|\|d.addEventListener("mousedown",u,{passive:!0}),null==d\|\|d.addEventListener("touchstart",m,{passive:!0}),window.addEventListener("mouseup",g,{passive:!0}),window.addEventListener("touchend",g,{passive:!0}),null==d\|\|d.addEventListener("mousemove",p,{passive:!0}),null==d\|\|d.addEventListener("touchmove",h,{passive:!0}),()=>{null==d\|\|d.removeEventListener("mousedown",u),null==d\|\|d.removeEventListener("touchstart",m),window.removeEventListener("mouseup",g),window.removeEventListener("touchend",g),null==d\|\|d.removeEventListener("mousemove",p),null==d\|\|d.removeEventListener("touchmove",h)}}}),[]),z.default.createElement(i.StyledScrollList,{className:c,"data-row":t,onScroll:M},g&&x>0&&z.default.createElement("div",{className:`${f} arrow-left`,onClick:()=>A("back"),"data-event-category":h,"data-event-action":v,"data-event-label":y},"Care"===k?z.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},z.default.createElement("g",{filter:"url(#filter0_dd_12599_34420)"},z.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"}),z.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"}),z.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"})),z.default.createElement("defs",null,z.default.createElement("filter",{id:"filter0_dd_12599_34420",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},z.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),z.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"}),z.default.createElement("feOffset",{dx:"-2",dy:"2"}),z.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),z.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"}),z.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12599_34420"}),z.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"}),z.default.createElement("feOffset",{dx:"-1",dy:"1"}),z.default.createElement("feGaussianBlur",{stdDeviation:"1"}),z.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"}),z.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12599_34420",result:"effect2_dropShadow_12599_34420"}),z.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12599_34420",result:"shape"})))):z.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},z.default.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),z.default.createElement("path",{d:"M15.9997 11.1109L11.1108 15.9998L15.9997 20.8887",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),z.default.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),z.default.createElement("div",{ref:B,className:"container",style:{overflowX:"snapped"===r\|\|g?"hidden":"scroll"}},N.map(((e,l)=>{let n=0;for(let e=0;e<l;e++)n+=N[e].length;return z.default.createElement("div",{key:l,className:"section",style:{marginLeft:"intertwined"===o&&0!==l?s.amount+""+("percentage"===s.unit?"%":"px"):"0px"}},1===t&&u&&z.default.createElement("div",{className:"progress-bar",style:{gridTemplateColumns:`repeat(${a}, 1fr)`}},e.map(((t,a)=>{const r=n+a,o=m.find((e=>e.index===r));return z.default.createElement("div",{className:"items-progress",key:a},0===a&&0===l?z.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):z.default.createElement("div",{className:"line"}),z.default.createElement("div",{className:"icon-status"},z.default.createElement(de,{status:null==o?void 0:o.status})),l===N.length-1&&a===e.length-1?z.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):z.default.createElement("div",{className:"line"}))}))),z.default.createElement("div",{className:"grid-layout","data-index":l,style:{gridTemplateColumns:`repeat(${a}, 1fr)`,gridTemplateRows:`repeat(${t}, 1fr)`}},e.map(((e,t)=>z.default.createElement(z.default.Fragment,{key:t},z.default.createElement("div",{className:"item-grid",key:t},e))))))}))),g&&x<N.length-1&&z.default.createElement("div",{className:`${p} arrow-right`,onClick:()=>A("forward"),"data-event-category":h,"data-event-action":v,"data-event-label":y}," ","Care"===k?z.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},z.default.createElement("g",{filter:"url(#filter0_dd_12597_34423)"},z.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"}),z.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"}),z.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"})),z.default.createElement("defs",null,z.default.createElement("filter",{id:"filter0_dd_12597_34423",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},z.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),z.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"}),z.default.createElement("feOffset",{dx:"-2",dy:"2"}),z.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),z.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"}),z.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12597_34423"}),z.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"}),z.default.createElement("feOffset",{dx:"-1",dy:"1"}),z.default.createElement("feGaussianBlur",{stdDeviation:"1"}),z.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"}),z.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12597_34423",result:"effect2_dropShadow_12597_34423"}),z.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12597_34423",result:"shape"})))):z.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},z.default.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),z.default.createElement("path",{d:"M15.9998 20.8891L20.8887 16.0002L15.9998 11.1113",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),z.default.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),l&&z.default.createElement("ul",{className:"bullet-nav"},N.map(((e,t)=>z.default.createElement("li",{key:t,className:"bullet-nav__item "},z.default.createElement("p",{onClick:()=>L(t),className:`bullet-nav__link scroll ${x==t?"active":null}`,"data-scheme":w}))))),n&&z.default.createElement("div",{className:"image-gallery-wrapper","data-test":N.length},N.slice(0,3).map(((e,t)=>z.default.createElement("div",{className:`image-block ${x==t?"active":null}`,key:t,onClick:()=>L(t),"data-scheme":w},e)))))},exports.SeoHead=({SEOData:t={},locale:a="vi-VN",routerPathname:l,routerQuery:n,nextHead:r,siteType:o,seoCustom:s,userId:d,forcedCanonicalUrl:c})=>{var m,f,p,h,v,y,E,b,C,w,k,S;const{totalPages:x,currentPage:T,SEOTitle:N="",SEODescription:B="",SEOImage:D,seoType:L,SEOImageWidth:A,SEOImageHeight:M,customMetaData:I=[],isIndexable:_=!0,hasNoCanonical:P=!1}=t,O=_&&g.isProduction?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",{NEXT_PUBLIC_BASE_API_URL:F}=process.env;let j=t.canonicalUrl\|\|l;Object.keys(n).forEach((e=>{const t=n[e];t&&Array.isArray(t)&&(j=j.replace(`[...${e}]`,t.join("/")))}));const H=a\|\|"en-PH",G="helloSites"===o?u.domainLocales[H]:"www.marrybaby.vn",$=j.endsWith("/")?"":"/",R=e.useMemo((()=>{var e,l,n,r,o,s,d;let c="";if(t.apiMetaData&&"string"==typeof t.apiMetaData){const u=null===(e=t.apiMetaData)\|\|void 0===e?void 0:e.match(/<title.?>(.)<\/title>/),m=` - Page ${T} of ${x}`,g=T&&1!==T&&u?t.apiMetaData.replace(u[0],u[0].includes("-")?u[0].replace("-",m+" - "):`<title>${u[1].concat(m)}</title>`).replace(`<link rel="canonical" href="https://${G}${j}${$}" />`,`<link rel="canonical" href="https://${G}${j}${$}?page=${T}" />`):t.apiMetaData;if(c=i.htmlReactParser(g,{trim:!0}),!c.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://${G}/images/${a}.png`;c=[...c,z.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(l=t.openGraph)\|\|void 0===l?void 0:l.image)\|\|D\|\|e\|\|""}),z.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)\|\|D\|\|e}),z.default.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(r=t.openGraph)\|\|void 0===r?void 0:r.imageWidth)&&String(null===(o=t.openGraph)\|\|void 0===o?void 0:o.imageWidth)\|\|A&&String(A)\|\|"1200"}),z.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(s=t.openGraph)\|\|void 0===s?void 0:s.imageHeight)&&String(null===(d=t.openGraph)\|\|void 0===d?void 0:d.imageHeight)\|\|M&&String(M)\|\|"630"})]}}return c}),[t.apiMetaData,t.openGraph,D,M,A,T,j,x,a,G]),W=`https://${G}/images/${a}.png`;return z.default.createElement(r,null,z.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===o&&z.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===a?z.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===a\|\|"ms-MY"===a?z.default.createElement(z.default.Fragment,null):z.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap",rel:"preload",as:"style"}),z.default.createElement("link",{rel:"preconnect",href:F}),z.default.createElement("meta",{charSet:"UTF-8"}),z.default.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),z.default.createElement("meta",{name:"google",content:"notranslate"}),z.default.createElement("meta",{name:"robots",content:O}),z.default.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),I.map(((e,t)=>z.default.createElement("meta",Object.assign({key:t},e)))),z.default.createElement("meta",{name:"theme-color",content:"helloSites"===o?"#2c87f3":"#e85388"}),z.default.createElement("meta",{name:"page_type",content:"Home"}),z.default.createElement("meta",{name:"page_platform",content:"WEB"}),z.default.createElement("meta",{name:"page_language",content:H}),z.default.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),!R&&z.default.createElement(z.default.Fragment,null,"helloSites"===o?z.default.createElement("title",null,s?N:N+" - "+(null===(m=u.LOCALE_SPECS[a])\|\|void 0===m?void 0:m.SITE_NAME)):z.default.createElement("title",null,N),!P&&z.default.createElement("link",{rel:"canonical",href:`https://${G}${j}`}),z.default.createElement("meta",{name:"description",content:B\|\|(null===(f=t.openGraph)\|\|void 0===f?void 0:f.description)}),t.schemaData&&z.default.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:t.schemaData}}),z.default.createElement("meta",{property:"og:locale",content:a}),z.default.createElement("meta",{property:"og:type",content:L\|\|"website"}),z.default.createElement("meta",{property:"og:title",content:(null===(p=t.openGraph)\|\|void 0===p?void 0:p.title)\|\|N}),z.default.createElement("meta",{property:"og:description",content:(null===(h=t.openGraph)\|\|void 0===h?void 0:h.description)\|\|B}),z.default.createElement("meta",{property:"og:url",content:`https://${G}${j}`}),z.default.createElement("meta",{property:"og:site_name",content:`https://${G}`}),z.default.createElement("meta",{property:"og:image",content:(null===(v=t.openGraph)\|\|void 0===v?void 0:v.image)\|\|D\|\|W\|\|""}),z.default.createElement("meta",{property:"og:image:secure_url",content:(null===(y=t.openGraph)\|\|void 0===y?void 0:y.image)\|\|D\|\|W}),z.default.createElement("meta",{property:"og:image:width",content:(null===(E=t.openGraph)\|\|void 0===E?void 0:E.imageWidth)&&String(null===(b=t.openGraph)\|\|void 0===b?void 0:b.imageWidth)\|\|A&&String(A)\|\|"1200"}),z.default.createElement("meta",{property:"og:image:height",content:(null===(C=t.openGraph)\|\|void 0===C?void 0:C.imageHeight)&&String(null===(w=t.openGraph)\|\|void 0===w?void 0:w.imageHeight)\|\|M&&String(M)\|\|"630"}),z.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),z.default.createElement("meta",{name:"twitter:title",content:(null===(k=t.twitter)\|\|void 0===k?void 0:k.title)\|\|N}),z.default.createElement("meta",{name:"twitter:description",content:B}),z.default.createElement("meta",{name:"twitter:image",content:(null===(S=t.twitter)\|\|void 0===S?void 0:S.image)\|\|D})),("helloSites"===o?u.FAVICONS[H]\|\|[]:u.FAVICONS.marryBaby).map(((e,t)=>"link"===e.type?z.default.createElement("link",{key:`favicon-${t}`,rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?z.default.createElement("meta",{key:t,name:e.name,content:e.content}):null)),Array.isArray(R)&&c?R.filter((e=>"canonical"!==e.props.name&&"canonical"!==e.props.rel)):R,c&&z.default.createElement("link",{rel:"canonical",href:c}),!t.hasNoAmp&&"vi-VN"!==a&&z.default.createElement("link",{rel:"amphtml",href:`https://${G}${j}${$}?amp=1`}),d&&"undefined"!=typeof window?z.default.createElement("script",{dangerouslySetInnerHTML:{__html:`window.dataLayer = window.dataLayer \|\| []; window.dataLayer.push({'userID': '${d}'});`}}):null)},exports.ShareContainer=({url:a,onCopied:l,locale:n,siteType:r})=>{const{t:d}=h.useTranslations(),c=M.getSocialList(a\|\|"").filter((e=>!e.allowedLocales\|\|e.allowedLocales.includes(n))),u=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return z.default.createElement(i.StyledShareContainer,null,z.default.createElement(t.Text,{size:"p3",color:o.theme.colors.gray800},d("shareContainer.title")),z.default.createElement("div",{className:"icon-group"},c.map(((e,t)=>z.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer","data-event-category":"Health Tool","data-event-action":`Social Share - ${e.name}`,"data-event-label":u},e.icon))),z.default.createElement(A.Button,{theme:r,size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:z.default.createElement(Be,null),onClick:()=>s.__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":u})))},exports.ShareDrawer=a=>{var{open:l,title:n,onClose:r,onCopied:d,onShared:c,url:u,locale:m}=a,g=s.__rest(a,["open","title","onClose","onCopied","onShared","url","locale"]);const{t:f}=h.useTranslations(),p=e.useCallback((()=>s.__awaiter(void 0,void 0,void 0,(function(){var e;yield null===(e=null===navigator\|\|void 0===navigator?void 0:navigator.clipboard)\|\|void 0===e?void 0:e.writeText(u),null==d\|\|d()}))),[u,d]),v=M.getSocialList(u\|\|"").filter((e=>!e.allowedLocales\|\|e.allowedLocales.includes(m)));return e.useEffect((()=>{l&&navigator.share&&navigator.share({title:null!=n?n:"Read This Post",url:u}).then((()=>{null==c\|\|c()})).catch((()=>{null==r\|\|r()}))}),[u,n,c,l]),"undefined"!=typeof navigator&&navigator.share?null:z.default.createElement(i.StyledShareDrawer,Object.assign({title:f("share.title"),onClose:r,open:l,placement:"bottom"},g),z.default.createElement("div",{className:"share-container"},z.default.createElement("div",{className:"icon-container"},z.default.createElement(t.Text,{type:"semiBold",size:"s3",color:o.theme.colors.gray600},f("share.title")),z.default.createElement("div",{className:"icon-group"},v.map(((e,t)=>z.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer"},e.icon))))),z.default.createElement("div",{className:"link-container"},z.default.createElement(t.Text,{type:"semiBold",size:"s3",color:o.theme.colors.gray600},f("share.copyLink")),z.default.createElement("div",{className:"input-group"},z.default.createElement(y.Input,{name:"link",size:"md",value:u,isDisabled:!0}),z.default.createElement(A.Button,{size:"md",type:"button",color:"tertiary",icon:z.default.createElement(De,null),onClick:p})))))},exports.StatisticCard=({type:e,description:t,value:a,withIcon:l,isInACard:n,cardColor:r,className:o})=>z.default.createElement(i.StyledStatisticContainer,{className:o,"data-size":e,"data-is-in-card":"big"===e&&n,"data-card-color":r},z.default.createElement(i.StyledDescriptionWrapper,null,"small"===e&&z.default.createElement(i.StyledDot,{"data-color":r}),t),z.default.createElement(i.StyledStatisticNumberWrapper,{"data-size":e},"small"!==e&&l,a)),exports.SurveyThankyouCard=({thankyou:e,thankyouSubtitle:l,className:n,style:r})=>z.default.createElement(i.StyledSurveyQuestionCard,{className:n,style:r},z.default.createElement("div",{className:"survey-inner-wrapper"},z.default.createElement(i.StyledSurveyThankyouCard,null,z.default.createElement("div",{className:"survey-thankyou-wrapper-inner"},z.default.createElement("svg",{viewBox:"0 0 122 122",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"survey-thankyou-icon"},z.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:o.theme.colors.primary50}),z.default.createElement("ellipse",{cx:"61.5",cy:"110.36",rx:"48",ry:"3.36",fill:"#91CAFF"}),z.default.createElement("path",{d:"M82.905 72.666H101.5L87.597 40H35.403L21.5 72.666h18.595V91H83.08l-.174-18.334Z",fill:"#2C74DF"}),z.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"}),z.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"}),z.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"}),z.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"}),z.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"}),z.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"}),z.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"}),z.default.createElement("path",{stroke:"#FE921D",d:"M17 28a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"}),z.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&&z.default.createElement(a.Heading,{className:"survey-thankyou-title",tag:"h3"},e),l&&z.default.createElement(t.Text,{className:"survey-thankyou-subtitle",size:"p3"},l))))),exports.THRCardEmbed=({isSide:t,locale:l,thrContent:n,isMobile:s,info:c,inputErrorMessage:m,onFormChange:g,onSubmit:f})=>{var p,v,y;const{t:b}=h.useTranslations(),{getHealthToolLink:C}=S.useHealthToolsCache(l),k=e.useMemo((()=>C(a.HEALTH_TOOL_TYPE.THR)),[C]),[T,N]=e.useState(!1),[B,D]=e.useState("low_intensity"),[L,A]=e.useState("male"),[M,I]=e.useState(60),[_,P]=e.useState({idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40}),O=[{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}],F=[{value:"low_intensity",label:b("targetHeartRate.lowIntensity.title"),image:r.CommonGAssets.getAssetPath("/low.svg"),imageActive:r.CommonGAssets.getAssetPath("/low-active.svg"),content:b("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:b("targetHeartRate.moderateIntensity.title"),image:r.CommonGAssets.getAssetPath("/moderate.svg"),imageActive:r.CommonGAssets.getAssetPath("/moderate-active.svg"),content:b("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:b("targetHeartRate.aerobicZone.title"),image:r.CommonGAssets.getAssetPath("/aerobic.svg"),imageActive:r.CommonGAssets.getAssetPath("/aerobic-active.svg"),content:b("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:b("targetHeartRate.vigorousIntensity.title"),image:r.CommonGAssets.getAssetPath("/vigorous.svg"),imageActive:r.CommonGAssets.getAssetPath("/vigorous-active.svg"),content:b("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:b("targetHeartRate.maximumIntensity.title"),image:r.CommonGAssets.getAssetPath("/maximum.svg"),imageActive:r.CommonGAssets.getAssetPath("/maximum-active.svg"),content:b("targetHeartRate.maximumIntensity.note")}];return e.useEffect((()=>{const e=((new Date).getTime()-new Date(null==c?void 0:c.age).getTime())/1e3;N(e>=567648e3);const t=O.find((t=>e>=365t.minAge246060&&e<365t.maxAge246060))\|\|O[0];P(t),I(60)}),[null==c?void 0:c.age]),z.default.createElement(i.StyledContainer,{"data-is-side":t},z.default.createElement(i.ToolsBannerCard,{isSide:t,icon:z.default.createElement("img",{alt:"health-tool-icon",src:(null==n?void 0:n.featured_image)\|\|r.CommonGAssets.getAssetPath("health-tools/target-heart-rate-icon.svg"),loading:"lazy"}),heading:b("targetHearRate.heading"),medicalReview:(null===(p=null==n?void 0:n.reviewedBy)\|\|void 0===p?void 0:p.display_name)?{link:x.formatUserProfileUrl(null==n?void 0:n.reviewedBy),reviewer:null===(v=null==n?void 0:n.reviewedBy)\|\|void 0===v?void 0:v.display_name,date:null==n?void 0:n.reviewedDate}:void 0,isMobile:s}),z.default.createElement(E.Container,null,z.default.createElement(i.StyledContent,{className:"heart-rate-cal",onSubmit:e=>e.preventDefault(),"data-is-side":t},z.default.createElement(i.StyledRow$1,{"data-is-side":t},z.default.createElement(i.FormControl$1,null,z.default.createElement(K,{label:b("bmi.selectGender"),defaultValue:"male",onChange:e=>{A(e),I(60)},styles:e=>({root:!t&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:d.rem(12)}}})}))),z.default.createElement(i.StyledRow$1,null,z.default.createElement(ye,{info:c,locale:l,errorMessage:m,onChange:g})),z.default.createElement("div",{className:"slider-heart-rate"},z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray600},b("targetHeartRate.heartRateInput")),z.default.createElement("div",{className:"slider-outer-wrapper"},z.default.createElement(w.Slider,{containerStyle:{flex:1},min:"male"===L?_.rangeMale:_.rangeFemale,max:200,step:1,value:M,withControl:!0,onChange:I}))),T&&z.default.createElement(i.FormControl$1,null,z.default.createElement(i.StyledActive,null,z.default.createElement(a.Text,{size:"s4",style:{display:"inline-block",fontWeight:"bold",color:o.theme.colors.gray600,marginBottom:"9px"}},b("targetHeartRate.selectActive")),z.default.createElement("div",{className:"card"},z.default.createElement(ve,{options:F.map((e=>({value:e.value,label:e.label,image:e.image,imageActive:e.imageActive}))),value:B,onChange:e=>{D(e)},className:"gender-selector"})),B&&z.default.createElement("div",{className:"note"},z.default.createElement("img",{style:{height:"16px",width:"16px"},src:r.CommonGAssets.getAssetPath("/infoIcon.svg"),alt:"",loading:"lazy"}),z.default.createElement(a.Text,{size:"s4",color:"#595959"},null===(y=F[F.findIndex((e=>e.value==B))\|\|0])\|\|void 0===y?void 0:y.content)),!B&&z.default.createElement("span",{style:{color:"#e64728"}},m.intensity)))),z.default.createElement("div",{style:{display:"flex"}},z.default.createElement(i.StyledButton$1,{size:"lg",onClick:()=>{f(L,B,[M])},dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:`https://${u.domainLocales[l]}/${k}`},b("bmi.submit")))))},exports.Tabs=({style:t,initialTab:l,tabContent:n,onChange:r,className:o,dataEventCategory:s,dataEventAction:d,dataEventLabel:c,id:u,styles:m})=>{const{classes:g,cx:f,theme:p}=i.useStyles$1(void 0,{name:"Tabs",styles:m}),[h,v]=e.useState(l\|\|0);return e.useEffect((()=>{v(l)}),[l]),z.default.createElement("ul",{style:t,className:f(g.root,o),role:"tablist",id:u},n.map(((e,t)=>z.default.createElement("li",{className:`${g.item} ${h===t?"active":""} ${e.className}`,"aria-selected":h===t,role:"tab",onClick:()=>{v(t),r&&r(t)},onKeyDown:e=>{"Enter"===e.key&&(v(t),r&&r(t))},key:t,"data-event-category":e.dataEventCategory\|\|s,"data-event-action":e.dataEventAction\|\|d,"data-event-label":e.dataEventLabel\|\|c,tabIndex:0,"data-testid":e.dataTestid},z.default.createElement("div",{className:g.itemInner},e.icon&&z.default.createElement("div",{className:g.icon},e.icon),z.default.createElement(a.Text,{className:g.label,size:e.textSize\|\|"sm",weight:e.textType\|\|"bold",color:h===t?p.fn.primaryColor():e.textColor\|\|p.colors.gray[4],dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel},e.name))))))},exports.Tag=({type:e,children:l,style:n,isInline:r,isSquared:o=!1,className:i,isLight:s,hasMorePadding:d,isLink:c,isSelected:u,textProps:m={size:"sm"}})=>{const g=m.color?{"--text-props-color":m.color}:{};return z.default.createElement(a.StyledTag,{"data-is-squared":o\|\|void 0,"data-tag-type":e,"data-is-light":s\|\|void 0,"data-has-more-padding":d\|\|void 0,"data-is-inline":r\|\|void 0,style:Object.assign(Object.assign({},n),g),className:i,"data-is-selected":u\|\|void 0,"data-is-link":c\|\|void 0,tagType:e,isInline:r,tagHasMorePadding:d,tagIsLight:s,tagIsSquared:o,tagIsALink:c},z.default.createElement(t.Text,Object.assign({},m),l))},exports.Toggle=({className:e,id:t,onChange:l,checked:n,style:r,label:o})=>z.default.createElement(a.StyledToggle,{className:e,style:r},z.default.createElement("input",{type:"checkbox",id:t,onChange:l,checked:n}),z.default.createElement("label",{htmlFor:t},z.default.createElement(a.StyledToggleIcon,null),o&&z.default.createElement(a.StyledToggleLabel,null,o))),exports.index=se,exports.index$1=ce;
1	+ "use strict";var e=require("react"),t=require("./index-e022af07.js"),a=require("./index.styles-9285e23d.js"),l=require("./screenSizeContext-4d5786c6.js"),n=require("./useUniqueId-86a9e1d4.js"),r=require("./gAssets.js"),o=require("./theme-1a7c14fb.js"),i=require("./index-9f6e2696.js"),s=require("./tslib.es6-0d31715f.js"),d=require("@mantine/core"),c=require("innertext");require("@mantine/dates");var u=require("./index-a89b23de.js");require("./Onboarding-2b01db17.js");var m=require("dayjs");require("styled-components");var g=require("./isProduction-e1b7813f.js");require("./translationsContext-f962ff63.js"),require("string-format"),require("./index-dad94e78.js"),require("@mantine/hooks");var f=require("./index-22a4d8ec.js"),p=require("lodash/throttle"),h=require("./useTranslations-2e7d64aa.js"),v=require("date-fns"),y=require("./index-537bccbe.js"),E=require("./index-5b7dfda4.js");require("lodash/debounce"),require("./useCategory-971481b4.js");var b=require("./types-ef750ab6.js"),C=require("./index-55a6f97a.js"),w=require("./index-c57b487f.js"),k=require("react-hook-form"),S=require("./useHealthToolCache-10f561aa.js"),x=require("./index.styled-0d4d68f3.js"),T=require("./useOutsideClick-81c62034.js"),N=require("date-fns/locale/en-US"),B=require("date-fns/locale/id"),D=require("date-fns/locale/vi"),L=require("date-fns/locale/zh-TW"),A=require("./index-b99409f1.js"),M=require("./getSocialList-2d43911c.js"),I=require("uuid");function _(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var z=_(e),P=_(c),O=_(m),F=_(p),j=_(N),H=_(B),G=_(D),$=_(L),R="CHw-fZZ",W="_03U6VRS",V="EO828Vv";const U=({pagesAmount:t,activePage:n,handlePageChange:r,handleClick:o,href:i,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]),z.default.createElement(e.Fragment,null,n>4&&z.default.createElement(e.Fragment,null,z.default.createElement(a.StyledPaginationBlock,{onClick:()=>r(1)},i?z.default.createElement("a",{href:i,onClick:o},1):1),z.default.createElement(a.StyledPaginationBlock,null,"...")),c.map((e=>z.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===n\|\|void 0,onClick:()=>r(e)},i?z.default.createElement("a",{href:l.formatUrlWithPageParam(i,e,s),onClick:o},e):e))),n<d.length-3&&z.default.createElement(e.Fragment,null,z.default.createElement(a.StyledPaginationBlock,null,"..."),z.default.createElement(a.StyledPaginationBlock,{onClick:()=>r(d.length)},i?z.default.createElement("a",{href:l.formatUrlWithPageParam(i,d.length,s),onClick:o},d.length):d.length)))},q=({label:e,name:t,checked:l,className:n,isDisabled:r,onChange:o,value:i,isRectangle:s,inputDataTestId:d,siteType:c})=>z.default.createElement(a.StyledCheckbox,{className:n,"data-disabled":r\|\|void 0,"data-is-rectangle":s\|\|void 0,"data-label-text":e,"data-theme":c},z.default.createElement("input",{type:"checkbox",checked:l,name:t,onChange:()=>o(i,!l),disabled:r,value:i,id:`${t}-${i}`,"data-label-text":e,"data-testid":d}),!s&&z.default.createElement("label",{htmlFor:`${t}-${i}`},e)),Z=e=>z.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),z.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"})),Y=e=>z.default.createElement("svg",Object.assign({},e,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),z.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"})),Q=e=>{const t=n.useUniqueId();return z.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),z.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"}),z.default.createElement("mask",{id:t,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},z.default.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),z.default.createElement("g",{mask:`url(#${t})`},z.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"})))},K=t=>{var{label:l,availableValue:n,styles:o}=t,i=s.__rest(t,["label","availableValue","styles"]);const{t:c}=h.useTranslations(),{classes:u,cx:m}=a.useStyles(void 0,{name:"GenderOptionControl",styles:o}),[g,f]=e.useState(),p=e.useRef(null),v=e.useMemo((()=>[{value:"male",label:c("gender.male"),icon:r.CommonGAssets.getAssetPath("health-tools/male-icon.svg")},{value:"female",label:c("gender.female"),icon:r.CommonGAssets.getAssetPath("health-tools/female-icon.svg")}]),[]);return e.useEffect((()=>{f(n)}),[n]),z.default.createElement(d.Box,{ref:p,className:u.root},z.default.createElement(d.Radio.Group,Object.assign({className:"radio-group",label:z.default.createElement(a.Text,{size:"s4",weight:"semiBold",span:!0,color:"gray.6"},l),size:"lg"},i,{classNames:{error:u.groupErr}}),z.default.createElement(d.Flex,{className:m(u.wrapper)},v.map((e=>z.default.createElement(d.Radio,Object.assign({className:"gender-item",classNames:{root:u.itemRoot,labelWrapper:u.itemLabelWrapper,label:u.itemLabel,inner:u.itemInner},key:e.value,value:e.value},g&&e.value!==g&&{disabled:!0},{label:z.default.createElement(d.Flex,{gap:d.rem(8),align:"center",justify:"center",sx:{zIndex:0}},z.default.createElement("img",{src:e.icon,className:"gender-image",alt:"female",loading:"lazy"}),z.default.createElement(a.Text,{size:"p3"},e.label))})))))))};var X="PiqKaXk",J="HgbW6-m",ee="_6lkfLYy",te="j7c-onH";const ae=({avatarImg:e,authorName:a,authorLink:l,uploadTime:n,size:r})=>z.default.createElement("div",{className:te},z.default.createElement("div",{className:"author"},z.default.createElement("div",{className:"avatar","data-size":r},e),z.default.createElement("div",{className:"poster","data-is-disabled-url":!l},z.default.createElement(t.Text,{size:"lg"===r?"p3":"p4"},z.default.createElement("a",{href:l},z.default.createElement("span",{className:"name"},a),"•"," "),z.default.createElement("span",null,n))))),le=({isMobile:e,avatarImg:l,name:n,link:r,size:i="lg",specialty:s})=>z.default.createElement("div",{className:te},z.default.createElement("div",{className:"author"},z.default.createElement("div",{className:"expert-avatar","data-size":i},l),z.default.createElement("div",{className:"expert","data-is-disabled-url":!r},e?z.default.createElement("a",{href:r},"lg"===i?z.default.createElement(z.default.Fragment,null,z.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:o.theme.colors.gray600},n),z.default.createElement(t.Text,{color:o.theme.colors.gray500,size:"p3",className:"specialty"},s)):z.default.createElement(z.default.Fragment,null,z.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:o.theme.colors.gray600},n))):z.default.createElement("a",{href:r},"lg"===i?z.default.createElement(z.default.Fragment,null,z.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:o.theme.colors.gray600},n),z.default.createElement(t.Text,{color:o.theme.colors.gray500,size:"p3",className:"specialty"},s)):z.default.createElement(z.default.Fragment,null,z.default.createElement("h6",{color:o.theme.colors.gray600,className:`${X} expert__name`},n),z.default.createElement(t.Text,{color:o.theme.colors.gray500,size:"p4",className:"specialty"},s)))))),ne=e=>{var t,l,n,{article:r,author:o,authorAvatar:i,badge:c="",hideDescription:u=!1,isBookmarked:m=!1,onBookmark:g,time:f,tracking:p}=e,h=s.__rest(e,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:v}=a.useScreenSize();return console.log({article:r}),z.default.createElement(d.Card,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},h),z.default.createElement(d.Card.Section,{w:"100%",h:"100%",miw:264,m:0},z.default.createElement("img",{src:(v?r.featureImageMobile:r.featureImage)\|\|r.featureImage,alt:r.postName,style:{width:"100%"},loading:"lazy"})),z.default.createElement(d.Card.Section,null,z.default.createElement(d.Group,{position:"apart",mt:16,mb:4},z.default.createElement(a.Anchor,{href:(null===(t=null==r?void 0:r.primaryCategory)\|\|void 0===t?void 0:t.permalink)\|\|"#"},z.default.createElement(a.Text,{size:"p4",color:"blue.6"},null===(l=null==r?void 0:r.primaryCategory)\|\|void 0===l?void 0:l.displayName)),z.default.createElement(d.Box,{sx:{cursor:"pointer"},role:"button",onClick:g},m?z.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==p?void 0:p.bookmark),z.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"})):z.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==p?void 0:p.bookmark),z.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"})))),z.default.createElement(a.Text,{size:u?"s2":"s1",mb:8,weight:"semiBold"},r.postTitle\|\|r.postName\|\|""),!u&&z.default.createElement(a.Text,{size:"p2",mb:16,lineClamp:3},P.default(r.excerpt\|\|r.description\|\|(null===(n=r.postContent)\|\|void 0===n?void 0:n.split("\r\n")[0])\|\|"")),z.default.createElement(d.Flex,{gap:12,align:"center"},z.default.createElement(a.Avatar,{size:32,src:i,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:z.default.createElement("img",{loading:"lazy",src:c,alt:""})}},"A"),z.default.createElement(a.Text,{size:"n1",c:"gray.6"},o," • ",f))))},re=648/440,oe=1.5,ie=t=>{var l,n,r,{article:o,author:c,authorAvatar:u,badge:m="",bannerImageWrapProps:g,hideDescription:f=!1,isBookmarked:p=!1,onBookmark:h,time:v,tracking:y,classNames:E,styles:b,unstyled:C,className:w}=t,k=s.__rest(t,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:S}=a.useScreenSize(),{classes:x,cx:T}=i.useStyles({},{name:"ArticleCard",classNames:E,styles:b,unstyled:C});console.log({article:o});const N=e.useMemo((()=>f?oe:re),[f]);return z.default.createElement(d.Card,Object.assign({className:T(x.root,w),padding:"lg",radius:0},k),z.default.createElement(d.Card.Section,{className:x.image},z.default.createElement(a.AspectRatio,Object.assign({ratio:N},g),z.default.createElement("img",{src:(S?o.featureImageMobile:o.featureImage)\|\|o.featureImage,alt:o.postName,style:{objectFit:"cover"}}))),z.default.createElement(d.Card.Section,null,z.default.createElement(d.Group,{position:"apart",mt:16,mb:4},z.default.createElement(a.Anchor,{className:x.category,href:(null===(l=null==o?void 0:o.primaryCategory)\|\|void 0===l?void 0:l.permalink)\|\|"#"},z.default.createElement(a.Text,{size:"p4",color:"blue.6"},null===(n=null==o?void 0:o.primaryCategory)\|\|void 0===n?void 0:n.displayName)),z.default.createElement(d.Box,{sx:{cursor:"pointer"},role:"button",onClick:h},p?z.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==y?void 0:y.bookmark),z.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"})):z.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==y?void 0:y.bookmark),z.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"})))),z.default.createElement(a.Text,{className:x.title,size:f?"s2":"s1",mb:8,weight:"semiBold"},o.postTitle\|\|o.postName\|\|""),!f&&z.default.createElement(a.Text,{className:x.description,size:"p2",mb:16,lineClamp:3},P.default(o.excerpt\|\|o.description\|\|(null===(r=o.postContent)\|\|void 0===r?void 0:r.split("\r\n")[0])\|\|"")),z.default.createElement(d.Flex,{className:x.author,gap:12,align:"center"},z.default.createElement(a.Avatar,{size:32,src:u,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:z.default.createElement("img",{loading:"lazy",src:m,alt:""})}},"A"),z.default.createElement(a.Text,{size:"n1",c:"gray.6"},c," • ",v))))};var se=Object.freeze({__proto__:null,SideMenu:i.SideMenu,SideHeader:i.SideHeader,UserInfo:i.UserInfo,MenuLink:i.MenuLink});const de=({status:e})=>"inActive"===e?z.default.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},z.default.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"})):"active"===e?z.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},z.default.createElement("circle",{cx:"6",cy:"6",r:"4",fill:"#2D87F3"}),z.default.createElement("circle",{cx:"6",cy:"6",r:"5.5",stroke:"#2D87F3"})):"done"===e?z.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},z.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"}),z.default.createElement("path",{d:"M8.76061 4.20029L4.80061 7.80029L3.00061 6.16392",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})):z.default.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},z.default.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"}));var ce=Object.freeze({__proto__:null,Table:i.Table,Cell:i.Cell,Head:i.Head,Row:i.Row,Body:i.Body});const ue=({locale:t,onClick:l,siteType:n,pageUrl:r})=>{const{t:s}=h.useTranslations(),[d,c]=e.useState(new Date);return z.default.createElement(z.default.Fragment,null,z.default.createElement(i.StyledLastPeriodFormContainer,{className:"input-form","data-is-side":!0},"marryBaby"===n?z.default.createElement(i.StyledTextField,{label:s("dueDatePage.conceptionDate"),name:"date",size:"md",value:i.DateToInputValue(d),CustomInput:z.default.createElement(i.DatePicker,{onChange:e=>{c(e)},placeholder:"dd/mm/yyyy",pickedDate:d,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>z.default.createElement(y.Input,Object.assign({className:"due-date-input",name:"birthday",size:"md"},e,{value:d&&O.default(d).format(a.DUE_DATE_FORMAT)}))}),actionIcon:z.default.createElement(E.Icon.CalendarMB,{size:32})}):z.default.createElement(y.Input,{label:z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},s("dueDatePage.conceptionDate")),value:i.DateToInputValue(d),name:"date",size:"md",className:"due-date-input",CustomInput:z.default.createElement(i.DatePicker,{customInput:e=>z.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:i.DateToInputValue(d)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:t,pickedDate:d,displayDateFormat:b.DATE_FORMAT,onChange:e=>{c(e)},placeholder:"placeholder"})})),z.default.createElement(a.Button,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===n?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:r,onClick:()=>{l(i.getDueDateConception(d),`${u.QUERY_HEALTH_TOOL.type}=1&sd=${v.format(d,i.API_DATE_FORMAT)}&${u.QUERY_HEALTH_TOOL.additional}= `)},role:"button"},s("dueDatePage.lastPeriod.calculate")))},me=({locale:t,onClick:l,siteType:n,pageUrl:r})=>{const{t:s}=h.useTranslations(),[d,c]=e.useState(new Date),[m,g]=e.useState("3");return z.default.createElement(z.default.Fragment,null,z.default.createElement(i.StyledLastPeriodFormContainer,{className:"input-form","data-is-side":!0},"marryBaby"===n?z.default.createElement(i.StyledTextField,{label:s("dueDatePage.ivf.transferDate"),name:"date",size:"md",value:i.DateToInputValue(d),CustomInput:z.default.createElement(i.DatePicker,{onChange:e=>{c(e)},placeholder:"dd/mm/yyyy",pickedDate:d,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>z.default.createElement(y.Input,Object.assign({className:"due-date-input",name:"birthday",size:"md"},e,{value:d&&O.default(d).format(a.DUE_DATE_FORMAT)}))}),actionIcon:z.default.createElement(E.Icon.CalendarMB,{size:32})}):z.default.createElement(y.Input,{label:z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray700,style:{marginBottom:"9px",flex:"1"}},s("dueDatePage.ivf.transferDate")),value:i.DateToInputValue(d),name:"date",size:"md",className:"due-date-input",CustomInput:z.default.createElement(i.DatePicker,{customInput:e=>z.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:i.DateToInputValue(d)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:t,pickedDate:d,displayDateFormat:b.DATE_FORMAT,onChange:e=>{c(e)},placeholder:"placeholder"})})),z.default.createElement("div",{style:{width:"100%"}},z.default.createElement(i.RadioGroup,{id:"radio-transfer-date",type:"circle",direction:"vertical",size:"small",group:"group1",value:m,onChange:e=>g(e),options:[{value:"3",label:s("dueDatePage.ivf.transferDateRadio",{number:3})},{value:"5",label:s("dueDatePage.ivf.transferDateRadio",{number:5})}]})),z.default.createElement(a.Button,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===n?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:r,onClick:()=>{l(i.getDueDateIVF(d,Number(m)),`${u.QUERY_HEALTH_TOOL.type}=2&${u.QUERY_HEALTH_TOOL.startDate}=${v.format(d,i.API_DATE_FORMAT)}&${u.QUERY_HEALTH_TOOL.additional}=${m}`)},role:"button"},s("dueDatePage.lastPeriod.calculate")))},ge=({locale:t,onClick:l,siteType:n,pageUrl:r})=>{const{t:s}=h.useTranslations(),[d,c]=e.useState(28),[m,g]=e.useState(new Date);return z.default.createElement(z.default.Fragment,null,z.default.createElement(i.StyledLastPeriodFormContainer,{className:"input-form","data-is-side":!0},"marryBaby"===n?z.default.createElement(i.StyledTextField,{label:s("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:i.DateToInputValue(m),CustomInput:z.default.createElement(i.DatePicker,{onChange:e=>{g(e)},placeholder:"dd/mm/yyyy",pickedDate:m,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>z.default.createElement(y.Input,Object.assign({name:"birthday",size:"md"},e,{value:m&&O.default(m).format(a.DUE_DATE_FORMAT)}))}),actionIcon:z.default.createElement(E.Icon.CalendarMB,{size:32})}):z.default.createElement(y.Input,{className:"input-section due-date-input",label:z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},s("dueDatePage.lastPeriod.lastPeriodLabel")),value:i.DateToInputValue(m),name:"date",size:"md",CustomInput:z.default.createElement(i.DatePicker,{customInput:e=>z.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:i.DateToInputValue(m)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:t,pickedDate:m,displayDateFormat:b.DATE_FORMAT,onChange:e=>{g(e)},placeholder:"placeholder"})})),z.default.createElement("div",{className:"slider-due-date","data-theme":"marryBaby"===n?"marryBaby":""},"marryBaby"===n?z.default.createElement(C.MarryBabyText,{type:"bodytext-3",color:o.theme.mbColors.midGray},s("dueDatePage.lastPeriod.periodLengthLabel")):z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray600,style:{marginBottom:"0.5rem"}},s("dueDatePage.lastPeriod.periodLengthLabel")),z.default.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===n&&z.default.createElement(a.Text,{size:"s3",weight:"semiBold",color:o.theme.colors.gray600},d),z.default.createElement(w.Slider,{containerStyle:{flex:1},min:20,max:40,step:1,labelAlwaysOn:"marryBaby"!==n,withControl:"marryBaby"!==n,onChange:c,value:d,label:"marryBaby"!==n?void 0:null}))),z.default.createElement(a.Button,{dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:r,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===n?"secondary":"primary",onClick:()=>l(i.getDueDateLastPeriod(m,d),`${u.QUERY_HEALTH_TOOL.type}=0&${u.QUERY_HEALTH_TOOL.startDate}=${v.format(m,i.API_DATE_FORMAT)}&${u.QUERY_HEALTH_TOOL.additional}=${d}`),role:"button"},s("dueDatePage.lastPeriod.calculate")))},fe=({onSubmitDueDate:t,locale:l,isSide:n,siteType:r})=>{const{t:s}=h.useTranslations(),[d,c]=e.useState(i.DueDateCalculatorType.lastPeriod),u=[{value:i.DueDateCalculatorType.lastPeriod,label:s("dueDatePage.lastPeriod")},{value:i.DueDateCalculatorType.conception,label:s("dueDatePage.conceptionDate")},{value:i.DueDateCalculatorType.IVF,label:s("dueDatePage.ivf")}],m=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return z.default.createElement(i.StyledInputWrapper,null,z.default.createElement(i.StyledMethodContainer,{className:"input-form input-section","data-is-side":!0},"marryBaby"===r?z.default.createElement(i.StyledDropDown,{groupedWithLabel:s("dueDatePage.calculationMethod"),options:u,placeholder:s("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:u[d],onChange:e=>{c(e.value)}}):z.default.createElement(z.default.Fragment,null,z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},s("dueDatePage.calculationMethod")),z.default.createElement(i.StyledMethodSwitcherContainer,{"data-is-side":n},z.default.createElement(i.Dropdown,{options:u,placeholder:s("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"md",value:u[d],onChange:e=>{c(e.value)}})))),d===i.DueDateCalculatorType.lastPeriod?z.default.createElement(ge,{locale:l,onClick:t,isSide:n,siteType:r,pageUrl:m}):null,d===i.DueDateCalculatorType.conception?z.default.createElement(ue,{locale:l,onClick:t,isSide:n,siteType:r,pageUrl:m}):null,d===i.DueDateCalculatorType.IVF?z.default.createElement(me,{locale:l,onClick:t,isSide:n,siteType:r,pageUrl:m}):null)};function pe({weight:e,height:t}){const a=t/100,l=e;return Math.round(l/(aa)10)/10}const he=({value:t,onChange:l,onSubmit:n,disabled:r,bmiGenerated:c,bmiUnit:m,locale:g,isSide:f})=>{var p,v,y,E;const[b,C]=e.useState(!1),{control:w,handleSubmit:x,setValue:T,watch:N}=k.useForm(),B=N(),{t:D}=h.useTranslations(),{gender:L=!1,age:A=!1,height:M=!1,weight:I=!1,objective:_=!0}=r\|\|{},{getHealthToolLink:P}=S.useHealthToolsCache(g),O=e.useMemo((()=>P(a.HEALTH_TOOL_TYPE.OVULATION)),[P]),F=e.useMemo((()=>[{value:"lose-weight",label:D("bmi.objective.loseWeight")},{value:"maintain-weight",label:D("bmi.objective.maintainWeight")},{value:"gain-weight",label:D("bmi.objective.gainWeight")}]),[]),j=()=>{C(!0)};return e.useEffect((()=>{Object.keys(t\|\|{}).forEach((e=>{T(e,null==t?void 0:t[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})}))}),[t]),e.useEffect((()=>{l&&l(B)}),[B]),z.default.createElement(i.StyledContainer$1,null,z.default.createElement("form",{onSubmit:x((e=>s.__awaiter(void 0,void 0,void 0,(function(){const t=m.heightConvert(e.height),a=m.weightConvert(e.weight),l={gender:e.gender,age:e.age,height:t,weight:a,bmi:pe({height:t,weight:a})};_\|\|(l.objective=e.objective),j(),n&&n(l)}))),j)},!L&&z.default.createElement(i.FormControl,{"data-is-side":f},z.default.createElement(k.Controller,{name:"gender",control:w,defaultValue:"male",render:({field:{onChange:e}})=>z.default.createElement(K,{label:D("bmi.selectGender"),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:d.rem(12)}}})})})),z.default.createElement(i.StyledRow,{"data-is-side":f},!A&&z.default.createElement(i.FormControl,null,z.default.createElement(k.Controller,{name:"age",control:w,rules:null===(p=c.age)\|\|void 0===p?void 0:p.rule,render:({field:{name:e,value:t,onChange:l},fieldState:{error:n}})=>z.default.createElement(a.Input.Number,{label:z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray600},D("bmi.ageInput")," ",z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray300,as:"span"},D("bmi.ageInput.desc"))),placeholder:D("healthtool.placeholder.age"),name:e,value:t,onChange:l,error:b?null==n?void 0:n.message:"",min:0})})),!M&&z.default.createElement(i.FormControl,null,z.default.createElement(k.Controller,{name:"height",control:w,rules:null===(v=c.height)\|\|void 0===v?void 0:v.rule,render:({field:{name:e,value:t,onChange:l},fieldState:{error:n}})=>z.default.createElement(a.Input.Number,{label:z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray600},D("bmi.heightInput")," ",z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray300,as:"span"},D("bmi.heightInput.desc"))),placeholder:D("pwg.placeholder.height"),name:e,value:t,onChange:l,error:b?null==n?void 0:n.message:"",min:0})})),!I&&z.default.createElement(i.FormControl,null,z.default.createElement(k.Controller,{name:"weight",control:w,rules:null===(y=c.weight)\|\|void 0===y?void 0:y.rule,render:({field:{name:e,value:t,onChange:l},fieldState:{error:n}})=>z.default.createElement(a.Input.Number,{label:z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray600},D("bmi.weightInput")," ",z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray300,as:"span"},D("bmi.weightInput.desc"))),placeholder:D("pwg.placeholder.weight"),name:e,value:t,onChange:l,error:b?null==n?void 0:n.message:"",precision:1,min:0})})),!_&&z.default.createElement(i.FormControl,null,z.default.createElement(k.Controller,{name:"objective",control:w,defaultValue:"lose-weight",rules:null===(E=c.objective)\|\|void 0===E?void 0:E.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:l}})=>z.default.createElement(i.StyledInput,{size:"md",name:e,label:c.objective.label,CustomInput:z.default.createElement(i.RadioGroup,{id:"bmi-objective",className:"bmi-objective",type:"circle",direction:"vertical",size:"small",group:"group1",options:F,value:t,onChange:a}),errorMessage:b?null==l?void 0:l.message:"",className:"bmi--input bmi--input-objective"})}))),z.default.createElement("div",{style:{display:"flex"}},z.default.createElement(i.StyledButton,{size:"lg",fullWidth:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${u.domainLocales[g]}/${O}`,type:"submit"},D("bmi.submit")))))},ve=({value:a,options:l,className:n,direction:r="horizontal",onChange:o,isDisabled:s})=>{const[d,c]=e.useState(a);return z.default.createElement(i.StyledRadioImageGroup,{className:n,"data-direction":r},l.map(((e,l)=>z.default.createElement(i.StyledRadioImageItem,{"data-selected":(a\|\|d)===e.value,"data-disabled":s,key:`health-tool${l}`,onClick:()=>{var t;t=e.value,s\|\|(c(t),o&&o(t))}},z.default.createElement("div",null,z.default.createElement("img",{src:(a\|\|d)===e.value?e.imageActive:e.image,className:"gender-image",alt:"",loading:"lazy"}),e.label&&z.default.createElement(t.Text,{type:"bold",className:"radio-group-item-heading",size:"label1"},e.label))))))},ye=({info:t,className:l,style:n,onChange:r,errorMessage:s={},locale:d})=>{const{t:c}=h.useTranslations(),[u,m]=e.useState(new Date),[g,f]=e.useState({age:!1,rate:!1});return e.useEffect((()=>{f({age:!1,rate:!1})}),[s]),z.default.createElement(i.StyledContainer$2,{style:n,className:l},z.default.createElement(y.Input,{className:"input-section due-date-input",label:z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},c("targetHeartRate.ageInput")),value:i.DateToInputValue(u),name:"date",size:"md",CustomInput:z.default.createElement(i.DatePicker,{customInput:e=>z.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:i.DateToInputValue(u)})),disabledDays:{after:new Date(v.addDays(new Date,0))},locale:d,pickedDate:u,displayDateFormat:"dd/MM/yyyy",onChange:e=>{(e=>{m(e),f((e=>Object.assign(Object.assign({},e),{age:!0})));const a=Object.assign(Object.assign({},t),{age:v.format(new Date(e),i.API_DATE_FORMAT)});r&&r(a)})(e)},placeholder:"placeholder"}),errorMessage:g.age?"":s.age}))},Ee=({info:t,className:l,style:n,onChange:r,errorMessage:s={},locale:c,onClick:m,isSide:g})=>{const{t:f}=h.useTranslations(),[p,v]=e.useState({age:!1,height:!1,weight:!1}),{getHealthToolLink:y}=S.useHealthToolsCache(c),E=e.useMemo((()=>y(a.HEALTH_TOOL_TYPE.OVULATION)),[y]),[b,C]=e.useState("male"),w=(e,t)=>{""!==e&&(isNaN(e)\|\|isNaN(parseFloat(e)))\|\|t(e)},k=e=>{var a,l;l=e=>{v((e=>Object.assign(Object.assign({},e),{age:!0})));const a=Object.assign(Object.assign({},t),{age:e});r&&r(a)},""!==(a=e)&&(isNaN(a)\|\|isNaN(parseFloat(a))\|\|a.includes("."))\|\|l(a)};return e.useEffect((()=>{r&&r(Object.assign(Object.assign({},t),{objective:"lose-fat",activeLevel:"sedentary"}))}),[]),e.useEffect((()=>{v({age:!1,height:!1,weight:!1})}),[s]),z.default.createElement(i.StyledContainer$3,{style:n,className:l},z.default.createElement(i.FormControl$2,{"data-is-side":g},z.default.createElement(K,{label:f("bmi.selectGender"),defaultValue:"male",onChange:e=>C(e),styles:e=>({root:!g&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:d.rem(12)}}})})),z.default.createElement(i.StyledRow$2,{"data-is-side":g},z.default.createElement(i.FormControl$2,null,z.default.createElement(a.Input.Number,{label:z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray600},f("bmi.ageInput")," ",z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray300,as:"span"},f("bmi.ageInput.desc"))),placeholder:f("healthtool.placeholder.age"),value:Number(t.age),onChange:e=>k(String(e)),error:p.age?"":s.age,min:0})),z.default.createElement(i.FormControl$2,null,z.default.createElement(a.Input.Number,{label:z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray600},f("bmi.heightInput")," ",z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray300,as:"span"},f("bmi.heightInput.desc"))),placeholder:f("pwg.placeholder.height"),value:Number(t.height),onChange:e=>{return a=String(e),void w(a,(e=>{v((e=>Object.assign(Object.assign({},e),{height:!0})));const a=Object.assign(Object.assign({},t),{height:e});r&&r(a)}));var a},error:p.height?"":s.height,min:0})),z.default.createElement(i.FormControl$2,null,z.default.createElement(a.Input.Number,{label:z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray600},f("bmi.weightInput")," ",z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray300,as:"span"},f("bmi.weightInput.desc"))),placeholder:f("pwg.placeholder.weight"),value:Number(t.weight),onChange:e=>{return a=String(e),v((e=>Object.assign(Object.assign({},e),{weight:!0}))),void w(a,(e=>{const a=Object.assign(Object.assign({},t),{weight:e});r&&r(a)}));var a},error:p.weight?"":s.weight,min:0,precision:1}))),z.default.createElement("div",{style:{display:"flex"}},z.default.createElement(i.StyledButton$2,{size:"lg",fullWidth:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMR",dataEventLabel:`https://${u.domainLocales[c]}/${E}`,onClick:()=>{m(b)}},f("bmi.submit"))))},be=({siteType:t,info:l,onChange:n,errorMessage:r={}})=>{const{t:s}=h.useTranslations(),[d,c]=e.useState({weightBefore:!1,height:!1,weight:!1}),[u,m]=e.useState(0),g=e.useRef(null);e.useEffect((()=>{var e;m(null===(e=g.current)\|\|void 0===e?void 0:e.clientHeight)}));const f=(e,t)=>{""!==e&&(isNaN(e)\|\|isNaN(parseFloat(e)))\|\|t(e)},p=e=>{f(e,(e=>{c((e=>Object.assign(Object.assign({},e),{weightBefore:!0})));const t=Object.assign(Object.assign({},l),{weightBefore:e});n&&n(t)}))},v=e=>{f(e,(e=>{c((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},l),{height:e});n&&n(t)}))},E=e=>{f(e,(e=>{c((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((()=>{c({weightBefore:!1,height:!1,weight:!1})}),[r]),"marryBaby"===t?z.default.createElement(z.default.Fragment,null,z.default.createElement("div",{className:"input-form-pwg input-section"},z.default.createElement(i.StyledTextField,{label:s("pregnancyWeightGain.heightInput"),name:"pwg-height",size:"md",value:null==l?void 0:l.height,CustomInput:z.default.createElement(y.Input,{className:(null==d?void 0:d.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==d?void 0:d.height)?"":null==r?void 0:r.height,showErrorMessage:!1,onChange:v})})),z.default.createElement("div",{className:"input-form-pwg input-section"},z.default.createElement(i.StyledTextField,{label:s("pregnancyWeightGain.weightBeforeInput"),name:"pwg-weightBefore",size:"md",value:null==l?void 0:l.weightBefore,CustomInput:z.default.createElement(y.Input,{className:(null==d?void 0:d.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==d?void 0:d.weightBefore)?"":null==r?void 0:r.height,showErrorMessage:!1,onChange:p})})),z.default.createElement("div",{className:"input-form-pwg input-section"},z.default.createElement(i.StyledTextField,{label:s("pregnancyWeightGain.weightInput"),name:"pwg-weight",size:"md",value:null==l?void 0:l.weight,CustomInput:z.default.createElement(y.Input,{className:(null==d?void 0:d.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==d?void 0:d.weight)?"":null==r?void 0:r.weight,showErrorMessage:!1,onChange:E})}))):z.default.createElement(z.default.Fragment,null,z.default.createElement("div",{className:"input-form-pwg"},z.default.createElement(a.PureInput,{placeholder:s("pwg.placeholder.height"),className:"input-section",label:z.default.createElement("span",{style:{color:o.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px"},className:"label-text"},s("pregnancyWeightGain.heightInput")," ",z.default.createElement("span",{style:{color:`${o.theme.colors.gray300}`}},s("bmi.heightInput.desc"))),errorMessage:d.height?"":null==r?void 0:r.height,size:"sm",isNumerousKeyboard:!0,name:"pwg-height",value:null==l?void 0:l.height,onChange:v})),z.default.createElement("div",{className:"input-form-pwg"},z.default.createElement(a.PureInput,{placeholder:s("pwg.placeholder.weight"),className:"input-section",label:z.default.createElement("span",{style:{color:o.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px"},ref:g,className:"label-text"},s("pregnancyWeightGain.weightBeforeInput")," ",z.default.createElement("span",{style:{color:`${o.theme.colors.gray300}`}},s("pregnancyWeightGain.weightInput.desc"))),errorMessage:d.weightBefore?"":null==r?void 0:r.weightBefore,size:"sm",isNumerousKeyboard:!0,name:"pwg-weightBefore",onChange:p,value:null==l?void 0:l.weightBefore})),z.default.createElement("div",{className:"input-form-pwg"},z.default.createElement(a.PureInput,{placeholder:s("pwg.placeholder.weight"),className:"input-section",label:z.default.createElement("span",{style:{color:o.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px",minHeight:u},className:"label-text"},s("pregnancyWeightGain.weightInput")," ",z.default.createElement("span",{style:{color:`${o.theme.colors.gray300}`}},s("pregnancyWeightGain.weightInput.desc"))),errorMessage:d.weight?"":null==r?void 0:r.weight,size:"sm",isNumerousKeyboard:!0,name:"pwg-weight",value:null==l?void 0:l.weight,onChange:E})))};const Ce={"en-PH":j.default,"vi-VN":G.default,"zh-TW":$.default,"id-ID":H.default};function we(t){const{value:l={from:null,to:null}}=t,[n,r]=e.useState(null),{isMobile:o}=a.useScreenSize(),[s,d]=e.useState((()=>l)),[c,u]=e.useState((()=>{var e;return v.startOfMonth(null!==(e=l.from)&&void 0!==e?e:new Date)})),m=e.useMemo((()=>v.addMonths(c,1)),[c]);const g=Object.assign(Object.assign({},t),{goToNextMonth:function(){u((e=>v.addMonths(e,1)))},goToPreviousMonth:function(){u((e=>v.subMonths(e,1)))},range:s,setRange:d,hoverDay:n,setHoverDay:r});return z.default.createElement(z.default.Fragment,null,z.default.createElement(ke,Object.assign({},g,{date:c})),!o&&z.default.createElement(i.StyledCalendarMonthSeparator,null),!o&&z.default.createElement(ke,Object.assign({},g,{date:m})))}function ke({date:t,range:a,setRange:l,onChange:n,goToPreviousMonth:o,goToNextMonth:s,minDate:d,maxDate:c,close:u=(()=>{}),autoClose:m=!1,hoverDay:g,setHoverDay:f}){const{locale:p}=h.useTranslations(),y=e.useMemo((()=>{var e;return null!==(e=Ce[p])&&void 0!==e?e:Ce["en-PH"]}),[p]),E=e.useMemo((()=>v.format(t,"MMMM",{locale:y})),[t,y]),b=e.useMemo((()=>y?[1,2,3,4,5,6,0].map((e=>y.localize.day(e,{width:"narrow"}))):[]),[y]);function C(e,t){if(null===e)return z.default.createElement(i.StyledCalendarDayNumberWrapper,{key:`idx-${t}`,"data-empty":"true"});const n=e.getDate(),r=v.isToday(e),o=!!a.from&&v.isSameDay(a.from,e),s=!!a.to&&v.isSameDay(a.to,e),p=o\|\|s;let h=!1;null!==g&&a.from&&v.isBefore(a.from,g)&&!a.to?h=v.isWithinInterval(e,{start:a.from,end:g}):a.from&&a.to&&(h=v.isWithinInterval(e,{start:a.from,end:a.to}));let y=!1;return d&&c?y=!v.isWithinInterval(e,{start:d,end:c}):d?y=v.isBefore(e,d):c&&(y=v.isAfter(e,c)),z.default.createElement(i.StyledCalendarDayNumberWrapper,{key:n,"data-is-today":r,"data-is-past":!r&&v.isPast(e),"data-is-selected":p,"data-is-disabled":y,"data-in-range":h,"data-is-from":o,"data-is-to":s,onMouseEnter:()=>{f(e)},onMouseLeave:()=>f(null),onClick:()=>{y\|\|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?v.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))))}},z.default.createElement(i.StyledCalendarDayNumber,{onClick:()=>{}},z.default.createElement("p",null,n)))}return e.useEffect((()=>{a.from&&a.to&&n(a)}),[a]),z.default.createElement(i.StyledCalendarWrapper,{className:"calendar-wrapper"},z.default.createElement(i.StyledCalendarHead,null,z.default.createElement(A.Button,{onClick:o,size:"md",color:"ghost",icon:z.default.createElement("img",{src:r.CommonGAssets.getAssetPath("calendarArrowLeft.svg"),loading:"lazy"})}),z.default.createElement("div",{className:"calendar-month"},E,z.default.createElement("strong",null,v.format(t,"yyyy"))),z.default.createElement(A.Button,{onClick:s,size:"md",color:"ghost",icon:z.default.createElement("img",{src:r.CommonGAssets.getAssetPath("calendarArrowRight.svg"),loading:"lazy"})})),z.default.createElement(i.StyledCalendarCellsWrapper,null,z.default.createElement("div",null,z.default.createElement(i.StyledCalendarDaysOfWeek,null,b.map(((e,t)=>z.default.createElement(i.StyledCalendarDayLabel,{key:`${e}-${t}`},e))))),z.default.createElement("div",null,function(){const e=t.getFullYear(),l=t.getMonth(),n=v.getDaysInMonth(t),r=[];for(let t=1;t<=n;t++)r.push(new Date(e,l,t));const o=r[0]?r[0].getDay():0;if(1!==o){const e=0===o?6:o-1;for(let t=0;t<e;t++)r.unshift(null)}return z.default.createElement(i.StyledCalendarMonthWrapper,{key:`month-${l}`,"data-month-index":l,"data-has-range":Boolean(a.from&&a.to)},z.default.createElement(i.StyledCalendarDaysWrapper,null,z.default.createElement(i.StyledCalendarDateGrid,null,r.map(C))))}())))}var Se="WUqzfRb",xe="MnVGtSY",Te="NclbhXQ";const Ne=({LinkComponent:e,page:t,isLast:a,onChangePage:l})=>{const{label:n,value:r,isDropdown:o,dropdownItems:s,dataEventCategory:d,dataEventAction:c,dataEventLabel:u}=t;return o?z.default.createElement(i.Dropdown,{options:s,placeholder:"...",id:"",placeholderIcon:null,onChange:l,className:"collapsed-breadcrumb"}):z.default.createElement("div",{className:Te,title:"string"!=typeof n?r:n,"data-last":a},e&&z.default.createElement(e,{"data-event-category":d,"data-event-action":c,"data-event-label":u,href:r\|\|"#"},n))},Be=()=>z.default.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},z.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"}),z.default.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"})),De=()=>z.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"copy"},z.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"}));exports.Alert=({style:e,onClose:a,text:l,type:n,contentIcon:r,closeIcon:o,className:i,description:s})=>z.default.createElement("div",{className:`${R} ${i\|\|""}`,style:e,"data-alert-type":n},z.default.createElement("div",{className:W},z.default.createElement("div",{className:"icon-title"},r,z.default.createElement(t.Text,{type:"bold",size:"label1"},l)),z.default.createElement(t.Text,{type:"regular",size:"p3"},s)),z.default.createElement("div",{className:V,onClick:a},o)),exports.ArticleCard=({articleLink:e,authorLink:l,authorName:n,avatarImg:o,banner:s,categoryLink:d,categoryName:c,className:u,dataEventActionForBanner:m,dataEventActionForBookmark:g,dataEventActionForCategory:f,dataEventActionForTitle:p,dataEventCategoryForBanner:h,dataEventCategoryForBookmark:v,dataEventCategoryForCategory:y,dataEventCategoryForTitle:E,dataEventLabelForBanner:b,dataEventLabelForBookmark:C,dataEventLabelForCategory:w,dataEventLabelForTitle:k,direction:S="horizontal",hasAffiliate:x,isBookmark:T=!1,isBookmarkDisplayed:N=!0,isMobile:B=!0,onBookmark:D,onClickCategoryName:L,section:A="normal",size:M="md",specialty:I,style:_,styleBanner:P,styleLabel:O,styleTitle:F,text:j,title:H,type:G="author",uploadTime:$,articleLinkTarget:R,isPremium:W})=>{const V=e=>{e.stopPropagation(),null==D\|\|D()},U="lg"===M&&"expert"===G?"h4":"lg"===M&&"home"===A?B?"h4":"h3":"lg"===M?"h4":"h5",q="lg"===M?"p3":"p4",Z=B\|\|"home"!==A\|\|"lg"!==M\|\|"author"!==G?"c2":"c1";return z.default.createElement("article",{className:`${ee} ${u\|\|""}`,"data-size":M,style:_,"data-direction":S,"data-is-expert":"expert"===G\|\|void 0},z.default.createElement("div",{className:"banner",style:P},z.default.createElement("a",{className:J,"data-event-category":h,"data-event-action":m,"data-event-label":b,href:e\|\|"#",target:R},s),W&&z.default.createElement("img",{loading:"lazy",className:"premium",src:r.CommonGAssets.getAssetPath("premium-crown.svg")}),x&&z.default.createElement(i.AffiliateIcon,null)),z.default.createElement("div",{className:"content"},z.default.createElement("div",{className:"inner-content"},z.default.createElement(t.Text,{style:O,className:"label",size:Z,type:"caption"},z.default.createElement("a",{className:J,"data-event-category":y,"data-event-action":f,"data-event-label":w,href:d\|\|"#",onClick:L},c),N&&z.default.createElement("a",{className:"bookmark",onClick:V},T?z.default.createElement(i.BookmarkedIcon,{dataEventCategoryForBookmark:v,dataEventActionForBookmark:g,dataEventLabelForBookmark:C}):z.default.createElement(i.UnbookmarkedIcon,{dataEventCategoryForBookmark:v,dataEventActionForBookmark:g,dataEventLabelForBookmark:C}))),z.default.createElement(a.Heading,{tag:U,style:F,className:"title",as:"lg"===M?"h2":"h3"},z.default.createElement("a",{className:J,"data-event-category":E,"data-event-action":p,"data-event-label":k,href:e\|\|"#",target:R},H)),j&&z.default.createElement("a",{href:e\|\|"#",target:R},z.default.createElement(t.Text,{size:q,className:"text"},j))),z.default.createElement("div",{className:"footer"},"author"===G?z.default.createElement(ae,{size:M,avatarImg:o,authorName:n,authorLink:l,uploadTime:$,handleClick:V,isBookmarked:T,dataEventCategoryForBookmark:v,dataEventActionForBookmark:g,dataEventLabelForBookmark:C}):z.default.createElement(le,{size:M,isMobile:B,avatarImg:o,specialty:I,name:n,link:l,handleClick:V,isBookmarked:T,dataEventCategoryForBookmark:v,dataEventActionForBookmark:g,dataEventLabelForBookmark:C}))))},exports.ArticleCard$1=e=>{var{variant:t="vertical"}=e,a=s.__rest(e,["variant"]);return"horizontal"===t?z.default.createElement(ne,Object.assign({},a)):z.default.createElement(ie,Object.assign({},a))},exports.BMICardEmbed=({isMobile:e,onSubmit:t,bmiContent:a,isSide:l,bmiGenerated:n,bmiUnit:o,bmiLink:s,locale:d})=>{var c,u,m;const{t:g}=h.useTranslations();return z.default.createElement(i.StyledContainer,{"data-is-side":l},z.default.createElement(i.ToolsBannerCard,{isSide:l,icon:z.default.createElement("img",{alt:"health-tool-icon",src:(null==a?void 0:a.featured_image)\|\|r.CommonGAssets.getAssetPath("health-tools/bmi.svg"),loading:"lazy"}),heading:g("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}),z.default.createElement(E.Container,null,z.default.createElement(i.StyledContent,{as:"div","data-is-side":l},s&&z.default.createElement(he,{onSubmit:t,bmiGenerated:n,locale:d,bmiUnit:o,isSide:l}))))},exports.BMRCardEmbed=({isSide:e,locale:t,bmrContent:a,isMobile:l,info:n,inputErrorMessage:o,onFormChange:s,onSubmit:d})=>{var c,u,m;const{t:g}=h.useTranslations();return z.default.createElement(i.StyledContainer,{"data-is-side":e},z.default.createElement(i.ToolsBannerCard,{isSide:e,icon:z.default.createElement("img",{alt:"health-tool-icon",src:(null==a?void 0:a.featured_image)\|\|r.CommonGAssets.getAssetPath("health-tools/bmr.svg"),loading:"lazy"}),heading:g("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}),z.default.createElement(E.Container,null,z.default.createElement(i.StyledContent,{onSubmit:e=>e.preventDefault(),"data-is-side":e},z.default.createElement(i.StyledInputForm,null,z.default.createElement(Ee,{info:n,locale:t,errorMessage:o,onChange:s,onClick:d,isSide:e})))))},exports.BabyGrowthCardEmbed=({isMobile:e,className:t,onSubmit:a,onError:l,schema:n,babyGrowthContent:s,siteType:d})=>{var c,u,m;return h.useTranslations(),z.default.createElement(i.StyledContainer,{"babyGrowthContent-is-mobile":e,"data-site":d},z.default.createElement(i.ToolsBannerCard,{siteType:d,bannerUrl:r.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerUrlLarge:r.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerColor:"marryBaby"===d&&o.theme.mbColors.mint,isEmbeded:!0,icon:z.default.createElement("img",{className:"embedded-icon",alt:"health-tool-icon",src:(null==s?void 0:s.featuredImage)\|\|r.CommonGAssets.getAssetPath("health-tools/toolsIconBabyGrowth.svg"),loading:"lazy"}),heading:(null==s?void 0:s.title)\|\|"",medicalReview:{link:null===(c=null==s?void 0:s.reviewBy)\|\|void 0===c?void 0:c.link,reviewer:null===(u=null==s?void 0:s.reviewBy)\|\|void 0===u?void 0:u.reviewer.trim(),date:null===(m=null==s?void 0:s.reviewBy)\|\|void 0===m?void 0:m.date},isMobile:e}),z.default.createElement(i.StyledBabyGrowthWrapper,{"data-theme":d},z.default.createElement(i.StyleForm,{siteType:d,schema:n,className:t,onSubmit:a,onError:l})))},exports.BabyPoopEmbed=({babyPoopPage:e,onClickFindOut:t,currentUrl:l,isSide:n,direction:s="auto",sponsorLogo:c})=>{const{t:u}=h.useTranslations(),m="mb"===d.useMantineTheme().other.template,{classes:g}=i.useStyles$2({isMarryBaby:m,isSide:n,direction:s},{name:"BabyPoopEmbed"}),{reviewedBy:f,reviewedDate:p}=e\|\|{};return z.default.createElement("div",{className:g.root},z.default.createElement("div",{className:g.inner},z.default.createElement(a.Heading,{tag:"h3",as:"h2",color:!m&&"#284A75"},e.title),z.default.createElement("div",{className:g.content,"data-is-side":n},z.default.createElement(a.Text,{size:"p3",className:"description"},e.description),!!f&&z.default.createElement("div",{className:g.reviewText},z.default.createElement("img",{src:r.CommonGAssets.getAssetPath("reviewerCheck.svg"),alt:"check",className:g.reviewTextIcon,loading:"lazy"}),z.default.createElement(a.Text,{size:"p4",color:o.theme.colors.gray600},u("categoryPage.info.reviewed")," ",z.default.createElement("a",{href:f.profile_url},f.display_name)," ",u("categoryPage.onDate",{date:p\|\|""}))),z.default.createElement("div",{className:g.action},z.default.createElement(a.Button,{className:g.btn,size:m?"lg":"md",variant:m?"secondary":"primary",onClick:t,dataEventCategory:"Health Tool",dataEventAction:"Baby Stool Inquiry",dataEventLabel:l,style:{visibility:Boolean(t)?"visible":"hidden"}},u("babyPoop.findOut"))))),z.default.createElement("div",{className:g.thumbnail},z.default.createElement("img",{src:m?r.CommonGAssets.getAssetPath("baby-poop.svg"):null==e?void 0:e.featuredImage,alt:e.title,loading:"lazy"})),c&&z.default.createElement("img",{loading:"lazy",src:c,alt:"sponsor",className:g.sponsorLogo}))},exports.Badge=({amount:e,type:t,size:l="medium",color:n="primary",icon:r,className:o})=>z.default.createElement(a.StyledBadge,{"data-notification-type":t,"data-notification-size":l,"data-notification-color":n,"data-has-icon":!!r\|\|void 0,notificationType:t,notificationSize:l,notificationColor:n,hasIcon:!!r,className:o},z.default.createElement("div",null,e&&z.default.createElement("span",null,e)," ",r&&z.default.createElement("div",null,r))),exports.BorderHeading=({style:e,children:t,className:l,size:n="lg",type:r="bold",upperCase:o,as:i="h4",color:s})=>z.default.createElement(a.StyledBorderHeading,{style:Object.assign({color:s},e),className:l,"data-size":n,"data-type":r,"data-uppercase":o,as:i},t),exports.Breadcrumbs=({className:t,pages:a,size:l,LinkComponent:n="a",onChangePage:r,separator:o})=>{const i=e.useMemo((()=>a.map(((e,t)=>a.length>4?t>1&&t<a.length-2?null:1===t?Object.assign(Object.assign({},e),{isDropdown:1===t,dropdownItems:a.slice(1,a.length-2)}):e:e)).filter(Boolean)),[a]);return z.default.createElement("div",{"data-size":l,className:`${Se} ${t\|\|""}`},i.map(((t,a)=>{const s=a+1===i.length;return z.default.createElement(e.Fragment,{key:a},z.default.createElement(Ne,{LinkComponent:n,page:t,isLast:s,onChangePage:r}),!s&&(t.separator\|\|o\|\|z.default.createElement("div",{className:xe,"data-size":l})))})))},exports.CategoryCard=e=>{var{category:t,imgBanner:l,label:n,className:r,style:o,href:d="",dataEventCategory:c,dataEventAction:u,dataEventLabel:m}=e,g=s.__rest(e,["category","imgBanner","label","className","style","href","dataEventCategory","dataEventAction","dataEventLabel"]);const p=(null==t?void 0:t.customizedUrl)\|\|(null==t?void 0:t.permalink)\|\|d\|\|"";return z.default.createElement(i.StyledCategoryCard,Object.assign({"data-event-category":c,"data-event-action":u,"data-event-label":m,className:r,style:o,href:p},(null==t?void 0:t.customizedUrl)&&!f.isInternalLink(t.customizedUrl)&&{target:"_blank"},{onClick:e=>{""===p&&e.preventDefault()}},g),z.default.createElement("div",{className:"banner"},l),z.default.createElement("div",{className:"content"},z.default.createElement(a.Text,{className:"category_name",size:"sm",weight:"bold"},(null==t?void 0:t.displayName)\|\|n\|\|"")))},exports.Checkbox=q,exports.CheckboxGroup=({name:e,values:t=[],onChanges:a,options:l=[],className:n,type:r="vertical",isDisabled:o,isRectangle:s})=>{const d=(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 z.default.createElement(i.StyledCheckboxGroup,{className:n,"data-type":r,"data-is-rectangle":s\|\|void 0},l.map(((a,l)=>z.default.createElement(q,{label:a.label,name:e,key:`${l}-${a.value}`,checked:t.includes(a.value),value:a.value,isDisabled:o\|\|a.disabled,onChange:!o&&d,isRectangle:s}))))},exports.CookieAcceptConfirm=({className:e,policiesUrl:t,onAcceptClick:a,translations:l={acceptButton:"Accept",policiesButton:"Our Policies"},title:n="",description:r="",theme:o="helloSites",isOpen:s=!0,useDefaultPosition:d=!0,trackingAttributes:c})=>z.default.createElement(i.StyledAcceptCardContainer,{className:e,"data-theme":o,"data-is-open":s,"data-default-position":d},z.default.createElement(i.StyledTitleSection,{"data-has-content":!!n},n),z.default.createElement(i.StyledDescription,{dangerouslySetInnerHTML:{__html:r}}),z.default.createElement(i.StyledButtonGroup,null,z.default.createElement(i.StyledAcceptButton,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:a,"data-event-category":null==c?void 0:c.dataEventCategory,"data-event-action":null==c?void 0:c.dataEventAction,"data-event-label":null==c?void 0:c.dataEventLabel},l.acceptButton),z.default.createElement(i.StyledPoliciesButton,{href:t},l.policiesButton))),exports.DateRangePicker=function({inputSize:t="md",name:l="date-range-picker",value:n,minDate:o,maxDate:s,onChange:d,className:c,autoClose:u=!1}){n\|\|(n={from:null,to:null});const[m,g]=e.useState(!1);function f(){g(!1)}const p=e.useRef(null);function h(e){d&&d(e)}function y(e){return v.format(e,"dd/MM/yyyy")}T.useOutsideClick(p,(()=>{f()}));const E=e.useMemo((()=>n.from&&n.to?v.isSameDay(n.from,n.to)?y(n.from):`${y(n.from)} - ${y(n.to)}`:""),[n.from,n.to]);return z.default.createElement(i.StyledWrapper,{className:[c,m&&"focused"].filter(Boolean).join(" "),ref:p},z.default.createElement("label",{htmlFor:l},z.default.createElement(a.PureInput,{size:t,value:E,name:l,actionIcon:z.default.createElement("img",{src:r.CommonGAssets.getAssetPath("calendar.svg"),loading:"lazy"}),onFocus:()=>g(!0)})),m?z.default.createElement(i.StyledCalendarWrapper$1,{onMouseDown:e=>{e.stopPropagation()}},z.default.createElement(we,{value:n,onChange:h,minDate:o,maxDate:s,close:f,autoClose:u})):null)},exports.DueDateCardEmbed=({isMobile:e,locale:t,onSubmitDueDate:a,dueDatePageInfo:l,expertUrl:n,isSide:s,siteType:d})=>{var c;const{t:u}=h.useTranslations();return z.default.createElement(i.StyledContainer,{"data-is-side":s,"data-site":d},z.default.createElement(i.ToolsBannerCard,{isSide:s,siteType:d,bannerColor:"marryBaby"===d&&o.theme.mbColors.mint,isEmbeded:!0,color:"pink",icon:z.default.createElement("img",{alt:"health-tool-icon",src:(null==l?void 0:l.featured_image)\|\|r.CommonGAssets.getAssetPath("health-tools/due-date-icon.svg"),loading:"lazy"}),heading:u("healthTools.dueDateCalculator"),medicalReview:{link:n,reviewer:null===(c=null==l?void 0:l.reviewed_by)\|\|void 0===c?void 0:c.display_name,date:null==l?void 0:l.reviewed_date},isMobile:e}),z.default.createElement(i.StyledContent,{onSubmit:e=>e.preventDefault(),className:"due-date-cal","data-is-side":s},z.default.createElement(fe,{siteType:d,locale:t,onSubmitDueDate:a,isSide:s})))},exports.FileDropdown=({className:t,value:l,options:n,onUploadSelected:r,id:o,placeholderIcon:i,placeholder:s,style:d})=>{const[c,u]=e.useState(!1),m=()=>u(!c),g=e.useRef(n.map((e=>"upload"===e.type&&z.default.createElement("input",{id:"uploader-dropdown-input-"+o+"-"+e.value,key:"uploader-dropdown-input-"+o+"-"+e.value,accept:e.fileAcceptedType,multiple:e.multiple,type:"file",style:{display:"none"},onChange:e=>{console.log("change"),r(e.target.files)}})))),f=z.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12.17 14.83"},z.default.createElement("defs",null,z.default.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},z.default.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"})),z.default.createElement("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),z.default.createElement("title",null,"File"),z.default.createElement("g",{clipPath:"url(#prefix__clip-path)"},z.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z",transform:"translate(-1.92 -1.54)"}),z.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),p=z.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},z.default.createElement("defs",null,z.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),z.default.createElement("title",null,"download"),z.default.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3",transform:"translate(-1.25 -2.21)"})),h=z.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},z.default.createElement("defs",null,z.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),z.default.createElement("title",null,"upload"),z.default.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8",transform:"translate(-1.25 -2.21)"}));return z.default.createElement(a.StyledDropdown,{className:t,"data-dropdown-open":!!c,id:o,"data-has-icons":!0,style:d,onBlur:()=>u(!1),tabIndex:0},z.default.createElement(a.StyledDropdownName,{onClick:m},i\|\|f," ",z.default.createElement("span",null,l&&l.value?l.label:s)),c&&z.default.createElement(a.StyledDropdownList,{onClick:m,"data-has-icons":!0},n.map((e=>z.default.createElement(a.StyledDropdownOption,{key:`${o}-${e.value}`,"data-selected":l&&l.value===e.value\|\|void 0,onClick:()=>{return"upload"===e.type?(a="#uploader-dropdown-input-"+o+"-"+e.value,void(null===(l=document.querySelector(a))\|\|void 0===l\|\|l.click())):void((t=e.url)&&window.open(t,"_blank"));var t,a,l}},z.default.createElement(a.StyledIcon,null,e.icon\|\|"download"===e.type?p:h),e.label)))),z.default.createElement(z.default.Fragment,null,g.current))},exports.FixedBottomAdBlock=({className:t,adUnitPath:a,divId:l,isMobile:n,contentId:r,customTargetings:o,locale:s,isMarryBaby:d})=>{const[c,u]=e.useState(!0),[m,g]=e.useState(!1),[f,p]=e.useState(!0),h=e.useRef(null),v=e.useRef(I.v4()),y=e.useRef(null),E=e.useRef(),b=e.useRef();return e.useEffect((()=>{const e=()=>{b.current&&clearTimeout(b.current),b.current=setTimeout((()=>{var t;document.getElementById("subot--container")?u(!0):(u(!1),(null===(t=h.current)\|\|void 0===t?void 0:t.clientHeight)?p(!1):p(!0)),e()}),4e3)};return e(),()=>{E.current&&clearTimeout(E.current),b.current&&clearTimeout(b.current)}}),[]),c\|\|m?null:z.default.createElement(i.StyledFixedAdBlock,{key:n?"mobile":"desktop",ref:y,className:t,"data-visible":!f},a&&z.default.createElement(i.AdBlock,{wrapperProps:{m:0},ref:h,adUnitPath:a,size:n?[[320,50],[320,100]]:[728,90],divId:(l\|\|"div-gpt-ad-sticky")+(n?"-mobile":"")+r+String(v.current),pos:["Sticky"],contentId:r,hideIfHasSubot:n,customTargetings:o,adDefaultSize:n?[320,50]:[728,90],showCloseBtn:!0,onCloseAd:()=>g(!0),refreshInterval:60,locale:s,isMarryBaby:d}))},exports.FloatButtonGroup=({items:t,className:a,style:l,backgroundPanelStyle:n,isOpen:r,onOpen:o,onClose:s,disableBackdropClick:d,siteType:c="hb",animationType:u="zoom",zIndex:m=300})=>{const[g,f]=e.useState(!!r);e.useEffect((()=>{f(!!r)}),[r]);const p=()=>{f(!1),s&&s()};return z.default.createElement(i.StyledFloatButtonGroup,{style:l,className:a,"data-floatmenu-open":g,"data-site-type":c,"data-animation-type":u},z.default.createElement(i.StyledFloatButtonGroupBackgroundPanel,{className:"float-button-group__panel",style:Object.assign({zIndex:m},n),onClick:d?void 0:p}),z.default.createElement(i.StyledFloatButtonGroupContent,{className:"float-button-group___content",style:{zIndex:m}},z.default.createElement(i.StyledFloatButtonGroupItemsWrapper,null,t.map(((e,a)=>z.default.createElement(i.StyledFloatButtonGroupButton,{className:`float-item-button-${a}`,style:Object.assign(Object.assign({},"zoom"===u&&{bottom:64(t.length-1-a),transitionDelay:i.TRANSITION_TIMING/t.length(g?t.length-1-a:a)+"ms"}),"slide"===u&&{bottom:64(t.length-1-a),transitionDelay:i.TRANSITION_TIMING/t.length(g?a:t.length-1-a)+"ms"}),key:a,onClick:()=>{e.onClick(),e.keepMenuOnClick\|\|f(!1)}},z.default.createElement(i.StyledFloatButtonGroupButtonLabel,{style:Object.assign({},"zoom"===u&&{transitionDelay:i.TRANSITION_TIMING/t.length(g?t.length-1-a:a)+"ms"})},e.label),z.default.createElement(i.StyledFloatButtonGroupButtonIcon,{className:"float-item-button__icon-wrapper",style:Object.assign({},("zoom"===u\|\|"slide"===u)&&{transitionDelay:i.TRANSITION_TIMING/t.length(g?t.length-1-a:a)+"ms"})},e.icon))))),z.default.createElement(i.StyledFloatButtonGroupToggleIcon,{onClick:g?p:()=>{f(!0),o&&o()}})))},exports.GenderOptionControl=K,exports.Grid=({className:e,columns:t,columnsDesktop:l,gridTemplateColumns:n,gridTemplateColumnsDesktop:r,gap:o,children:i,justifyChildren:s,style:d,alignItems:c})=>z.default.createElement(a.StyledGrid,{className:e,style:d,theme:{columns:t,columnsDesktop:l,gap:o,justifyChildren:s,gridTemplateColumns:n,gridTemplateColumnsDesktop:r,alignItems:c}},i),exports.IconText=({size:e,iconPosition:t,className:a,children:l,icon:n})=>z.default.createElement(i.StyledIconText,{className:a,"data-size":e,"data-icon-position":t},"left"===t&&n,l,"right"===t&&n),exports.OvulationCardEmbed=({onSubmitOvulation:e,locale:t,ovulationPageInfo:a,expertUrl:l,isSide:n=!1,siteType:s,isMobile:d})=>{var c;const{t:u}=h.useTranslations();return z.default.createElement(i.StyledContainer,{"data-is-side":n,"data-site":s},z.default.createElement(i.ToolsBannerCard,{isSide:n,bannerUrl:r.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),siteType:s,bannerColor:"marryBaby"===s&&o.theme.mbColors.mint,isEmbeded:!0,color:"pink",icon:z.default.createElement("img",{alt:"health-tool-icon",src:(null==a?void 0:a.featured_image)\|\|r.CommonGAssets.getAssetPath("health-tools/ovulation-icon.svg"),loading:"lazy"}),heading:u("healthTools.ovulationCalculator"),medicalReview:{link:l,reviewer:null===(c=null==a?void 0:a.reviewed_by)\|\|void 0===c?void 0:c.display_name,date:null==a?void 0:a.reviewed_date},isMobile:d}),z.default.createElement(i.StyledContent,{onSubmit:e=>e.preventDefault(),className:"ovulation-cal","data-is-side":n},z.default.createElement(i.OvulationCalculator,{siteType:s,locale:t,onSubmitOvulation:e,isSide:n})))},exports.PWGCardEmbed=({locale:t,onClick:l,inputErrorMessage:n,pwgContent:s,onFormChange:d,info:c,isMobile:m,isSide:g=!1,siteType:f})=>{var p;const{t:v}=h.useTranslations(),[y,b]=e.useState("notwins"),[C,w]=e.useState({label:"1",value:1}),k=e.useMemo((()=>[...Array(40)].map(((e,t)=>({label:`${t+1}`,value:`${t+1}`})))),[]),{getHealthToolLink:T}=S.useHealthToolsCache(t),N=e.useMemo((()=>T(a.HEALTH_TOOL_TYPE.PWG)),[T]);return z.default.createElement(i.StyledContainer,{"data-is-side":g,"data-site":f},z.default.createElement(i.ToolsBannerCard,{siteType:f,bannerColor:"marryBaby"===f&&o.theme.mbColors.mint,isEmbeded:!0,color:"pink",icon:z.default.createElement("img",{alt:"health-tool-icon",src:(null==s?void 0:s.featuredImage)\|\|r.CommonGAssets.getAssetPath("health-tools/pwg-icon.svg"),loading:"lazy"}),heading:v("pregnancyWeightGain.heading"),medicalReview:{link:x.formatUserProfileUrl(null==s?void 0:s.reviewedBy),reviewer:null===(p=null==s?void 0:s.reviewedBy)\|\|void 0===p?void 0:p.display_name,date:null==s?void 0:s.reviewedDate},isMobile:m,isSide:g}),z.default.createElement(E.Container,null,z.default.createElement(i.StyledContent,{onSubmit:e=>e.preventDefault(),className:"pwg-view-mobile","data-is-side":g},"marryBaby"!==f&&z.default.createElement(i.StyledTwins,{className:"hide-asking-mobile","data-is-side":g},z.default.createElement(a.Text,{size:"s4",weight:"semiBold",style:{display:"block",color:o.theme.colors.gray600},className:"label"},v("pregnancyWeightGain.havingTwins")),z.default.createElement(i.StyledRadioGroup,{options:[{value:"twins",label:v("switchBtn.yes")},{value:"notwins",label:v("switchBtn.no")}],value:y,onChange:e=>b(e),className:"gender-selector",id:"twins-check",type:"circle",direction:"horizontal",size:"small",group:"group1"})),z.default.createElement(i.StyledInputWrapper,null,z.default.createElement(i.StyledFormInput,{className:"input-section input-form-pwg","data-is-side":g},"marryBaby"===f?z.default.createElement(i.StyledDropDown,{groupedWithLabel:v("pregnancyWeightGain.weekInput"),options:k,placeholder:"28 days",id:"due-date-dropdown",size:"lg",value:C,onChange:e=>w({label:e.label,value:e.value})}):z.default.createElement(z.default.Fragment,null,z.default.createElement(a.Text,{size:"s4",weight:"semiBold",style:{display:"inline-block",marginBottom:"9px",color:o.theme.colors.gray600}},v("pregnancyWeightGain.weekInput")),z.default.createElement(i.Dropdown,{options:k,placeholder:String(C.label),id:"weight-gain-dropdown",size:"md",value:C,onChange:e=>w({label:e.label,value:e.value})}))),z.default.createElement(be,{siteType:f,info:c,errorMessage:n,onChange:d})),"marryBaby"!==f&&z.default.createElement(i.StyledTwins,{className:"hide-asking-desk","data-is-side":g},z.default.createElement(a.Text,{size:"s4",weight:"semiBold",style:{display:"block",color:o.theme.colors.gray600},className:"label"},v("pregnancyWeightGain.havingTwins")),z.default.createElement(i.StyledRadioGroup,{options:[{value:"twins",label:v("switchBtn.yes")},{value:"notwins",label:v("switchBtn.no")}],value:y,onChange:e=>b(e),className:"gender-selector",id:"twins-check-mobile",type:"circle",direction:"horizontal",size:"small",group:"group1"})),"marryBaby"===f&&z.default.createElement(q,{name:"twins",label:v("pregnancyWeightGain.havingTwins"),checked:"twins"===y,siteType:"marryBaby",onChange:()=>{b("twins"===y?"notwins":"twins")},value:"twins"}),z.default.createElement(i.StyledSubmitButton,{"data-is-side":g,"data-site":f},z.default.createElement(a.Button,{dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${u.domainLocales["marryBaby"===f?"vi-VN_MB":t]}/${N}`,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===f?"secondary":"primary",onClick:()=>l(y,C.value),role:"button"},v("dueDatePage.lastPeriod.calculate"))))))},exports.Pagination=({className:t,pagesAmount:n,currentPage:r,onChange:o,onClick:i,style:s,href:d,queryPageName:c="page"})=>{const u=[...Array(n)].map(((e,t)=>t+1)),[m,g]=e.useState(r),f=e.useMemo((()=>d&&d.endsWith("&page=")?d.replace("&page=",""):d),[d]),p=n-1,h=e=>{e<=n&&e>0&&(g(e),o(e))},v=e=>{i&&i(e)};return e.useEffect((()=>{g(r)}),[r]),z.default.createElement(a.StyledPagination,{className:t,style:s},z.default.createElement(a.StyledPageBlock,{className:"prev-page",onClick:()=>h(m-1),"data-last-page":1===m\|\|void 0},f?z.default.createElement("a",{href:l.formatUrlWithPageParam(f,m,c),onClick:v},z.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},z.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):z.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},z.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),u.length>8?z.default.createElement(U,{pagesAmount:n,activePage:m,handlePageChange:h,handleClick:v,href:f,queryPageName:c}):u.map((e=>z.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===m\|\|void 0,onClick:()=>h(e)},f?z.default.createElement("a",{href:l.formatUrlWithPageParam(f,e,c),onClick:v},e):e))),z.default.createElement(a.StyledPageBlock,{className:"next-page",onClick:()=>h(m+1),"data-last-page":m===p+1\|\|void 0},f?z.default.createElement("a",{href:l.formatUrlWithPageParam(f,m,c),onClick:v},z.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},z.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):z.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},z.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.ProgressBar=({type:t,numberOfStep:a,activeStep:l,labelPrefix:n,detailSteps:r,className:o,onChange:d})=>{const[c,u]=e.useState(0),m=e=>{var{trackClassName:t}=e,a=s.__rest(e,["trackClassName"]);return z.default.createElement(i.StyledTrackContainer,Object.assign({},a,{className:t}),z.default.createElement(i.StyledTrack,null))},g=z.default.createElement(i.StyledSlider,{className:o+" progress-bar"},z.default.createElement(m,null),z.default.createElement((({trackLength:e,activeStep:t,labelPrefix:l="Step",onChange:n})=>z.default.createElement(z.default.Fragment,null,Array.from({length:a},((e,t)=>t)).map(((r,o)=>z.default.createElement(i.StyledStep,{"data-is-active":o===t,"data-label":o,style:{left:oe/(a-1)},onClick:()=>{n&&n(o)},key:o},o+1,z.default.createElement(i.StyledStepLabel,{"data-step-passed":o<=t},l+" "+(o+1))))))),{trackLength:c,activeStep:l,labelPrefix:n,onChange:d})),f=z.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 5.5 9.5"},z.default.createElement("title",null,"chevron-right"),z.default.createElement("path",{d:"M.75 8.75l4-4-4-4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),p=z.default.createElement(i.StyledBreadcrumbContainer,null,r&&Array.from({length:r.length},((e,t)=>t)).map(((e,t)=>{var a;return z.default.createElement(i.StyledBreadcrumbWrapper,{key:t,"data-selected":t===l,onClick:()=>{d&&d(t)}},null===(a=r[t])\|\|void 0===a?void 0:a.text," ",t<r.length-1&&f)}))),h=z.default.createElement(i.StyledSlider,{className:o+" progress-bar"},z.default.createElement((({detailSteps:e,activeStep:t,onChange:a})=>z.default.createElement(z.default.Fragment,null,Array.from({length:e.length},((e,t)=>t)).map(((l,n)=>z.default.createElement(i.StyledDetailStep,{key:n,style:{left:100/e.lengthn+"%",width:100/e.length+"%"},onClick:()=>{a&&a(n)}},e[n].icon?z.default.createElement(i.StyledDetailStepIndicatorExternal,{onClick:()=>{a&&a(n)}},e[n].icon):z.default.createElement(i.StyledDetailStepIndicator,{"data-is-active":n===t,"data-label":l,onClick:()=>{a&&a(n)},key:n},n+1),z.default.createElement(i.StyledDetailStepLabel,{"data-step-passed":n<t+1},e[n].text,z.default.createElement(i.StyledDetailStepDescription,null,e[n].description)),n<e.length-1&&z.default.createElement(m,{"data-step-passed":n<t,trackClassName:"progress-track","data-track-type":"detail"})))))),{activeStep:l,detailSteps:r,onChange:d})),v=e.useCallback(F.default((()=>{const e=document.querySelector(".progress-bar");e&&u(e.offsetWidth)}),1e3),[]);return e.useEffect((()=>{const e=document.querySelector(".progress-bar");return u(null==e?void 0:e.offsetWidth),window.addEventListener("resize",v,{passive:!0}),()=>{window.removeEventListener("resize",v)}}),[]),"step-track"===t&&g\|\|"breadcrumb"===t&&p\|\|"detail-track"===t&&h},exports.RateStars=({gap:t=2,size:l=24,star:n,totalStars:r=5,onSelect:o,hideEmptyStars:i,style:s,className:d})=>{const c=Math.floor(n),u=n-c>=.5?1:0,[m,g]=e.useState(null),f=m\|\|c,p=m?0:u;return z.default.createElement(a.StyledRateStars,{"data-selectable":!!o,style:Object.assign({"--gap":t,"--star-size":l},s),className:d},Array.from({length:i?c+u:r}).map(((e,t)=>{const a=()=>!!o&&g(t+1),l=()=>!!o&&g(null);return t+1<=f?z.default.createElement(Y,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l}):t+1===f+p?z.default.createElement(Q,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l}):z.default.createElement(Z,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l})})))},exports.ScrollList=({row:t=2,column:a=3,isDotsShown:l=!0,isImageGalleryShown:n=!1,mode:r="infinity",type:o="separated",distanceOverlappedLeft:s={amount:0,unit:"pixel"},children:d,className:c,isProgressShown:u=!1,statusChildren:m,isArrowShown:g=!1,classNameLeftArrow:f,classNameRightArrow:p,dataEventCategory:h,dataEventAction:v,dataEventLabel:y,onChangePage:E,page:b,customPageWidth:C,scheme:w="hellosites",arrowType:k="Discover"})=>{const S="number"==typeof b,[x,T]=e.useState(S?b:0),N=[];z.default.Children.map(d,((e,l)=>{l%(ta)==0&&N.push([]),N[N.length-1].push(z.default.cloneElement(e))}));const B=e.useRef(),D=e.useRef(0),L=e=>{if(!B.current)return;const{clientWidth:t}=B.current,a=C\|\|t,l="intertwined"===o?"percentage"===s.unit?ea+s.amount/100ae:ea+s.amountae:ea;B.current.scrollTo({top:0,left:l,behavior:"smooth"}),D.current=e,T(e),E&&E(e)};e.useEffect((()=>{"number"==typeof b&&(e=>{if(!B.current)return;const{clientWidth:t}=B.current,a=C\|\|t,l="intertwined"===o?"percentage"===s.unit?ea+s.amount/100ae:ea+s.amountae:ea;B.current.scrollTo({top:0,left:l,behavior:"smooth"}),D.current=e,T(e)})(b)}),[b]);const A=e=>{if(!B.current)return;const{clientWidth:t}=B.current,a=C\|\|t;let l;l=0===x?0:xa,"forward"===e&&(l===a(N.length-1)?(T(N.length-1),l=a(N.length-1),E&&E(N.length-1)):(T(x+1),l+=a,E&&E(x+1)),B.current.scrollTo({top:0,left:l,behavior:"smooth"})),"back"===e&&(0===l?(T(0),E&&E(0),l=0):(T(x-1),E&&E(x-1),l-=a),B.current.scrollTo({top:0,left:l,behavior:"smooth"}))},M=F.default((()=>{if("infinity"===r){if(!B.current)return;const{clientWidth:e,scrollLeft:t}=B.current,a=C\|\|e,l=Math.floor(t/a);T(l),E&&E(l)}}),400);return e.useEffect((()=>{if("snapped"===r){let e,t,a,l,n,r,i=!1;const d=B.current,c=(r,o)=>{i=!0,a=!1,l=!1,e=r-d.offsetLeft,t=o-d.offsetTop,n=d.scrollLeft},u=e=>{c(e.pageX,e.pageY)},m=e=>{c(e.touches[0].pageX,e.touches[0].pageY)},g=()=>{if(i=!1,a=!1,l=!1,!B.current)return;const{clientWidth:e}=B.current,t=C\|\|e,n="ltr"===r?0!==D.current?D.current-1:D.current:"rtl"===r&&D.current<N.length-1?D.current+1:D.current,d="intertwined"===o?"percentage"===s.unit?nt+s.amount/100tn:nt+s.amounttn:nt;B.current.scrollTo({top:0,left:d,behavior:"smooth"}),r="none",D.current!==n&&(D.current=n,T(n),E&&E(n))},f=(o,s)=>{if(!i)return;const c=o-d.offsetLeft,u=s-d.offsetTop,m=c-e,g=u-t;a\|\|l\|\|!(g>20\|\|g<-20)\|\|(a=!0),!a&&(m>20\|\|m<-20)&&(l=!0,d.scrollLeft=n-m,m>0&&(r="ltr"),m<0&&(r="rtl"),0===m&&(r="none"))},p=e=>{l&&e.preventDefault(),f(e.pageX,e.pageY)},h=e=>{l&&e.preventDefault(),f(e.touches[0].pageX,e.touches[0].pageY)};return null==d\|\|d.addEventListener("mousedown",u,{passive:!0}),null==d\|\|d.addEventListener("touchstart",m,{passive:!0}),window.addEventListener("mouseup",g,{passive:!0}),window.addEventListener("touchend",g,{passive:!0}),null==d\|\|d.addEventListener("mousemove",p,{passive:!0}),null==d\|\|d.addEventListener("touchmove",h,{passive:!0}),()=>{null==d\|\|d.removeEventListener("mousedown",u),null==d\|\|d.removeEventListener("touchstart",m),window.removeEventListener("mouseup",g),window.removeEventListener("touchend",g),null==d\|\|d.removeEventListener("mousemove",p),null==d\|\|d.removeEventListener("touchmove",h)}}}),[]),z.default.createElement(i.StyledScrollList,{className:c,"data-row":t,onScroll:M},g&&x>0&&z.default.createElement("div",{className:`${f} arrow-left`,onClick:()=>A("back"),"data-event-category":h,"data-event-action":v,"data-event-label":y},"Care"===k?z.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},z.default.createElement("g",{filter:"url(#filter0_dd_12599_34420)"},z.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"}),z.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"}),z.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"})),z.default.createElement("defs",null,z.default.createElement("filter",{id:"filter0_dd_12599_34420",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},z.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),z.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"}),z.default.createElement("feOffset",{dx:"-2",dy:"2"}),z.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),z.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"}),z.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12599_34420"}),z.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"}),z.default.createElement("feOffset",{dx:"-1",dy:"1"}),z.default.createElement("feGaussianBlur",{stdDeviation:"1"}),z.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"}),z.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12599_34420",result:"effect2_dropShadow_12599_34420"}),z.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12599_34420",result:"shape"})))):z.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},z.default.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),z.default.createElement("path",{d:"M15.9997 11.1109L11.1108 15.9998L15.9997 20.8887",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),z.default.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),z.default.createElement("div",{ref:B,className:"container",style:{overflowX:"snapped"===r\|\|g?"hidden":"scroll"}},N.map(((e,l)=>{let n=0;for(let e=0;e<l;e++)n+=N[e].length;return z.default.createElement("div",{key:l,className:"section",style:{marginLeft:"intertwined"===o&&0!==l?s.amount+""+("percentage"===s.unit?"%":"px"):"0px"}},1===t&&u&&z.default.createElement("div",{className:"progress-bar",style:{gridTemplateColumns:`repeat(${a}, 1fr)`}},e.map(((t,a)=>{const r=n+a,o=m.find((e=>e.index===r));return z.default.createElement("div",{className:"items-progress",key:a},0===a&&0===l?z.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):z.default.createElement("div",{className:"line"}),z.default.createElement("div",{className:"icon-status"},z.default.createElement(de,{status:null==o?void 0:o.status})),l===N.length-1&&a===e.length-1?z.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):z.default.createElement("div",{className:"line"}))}))),z.default.createElement("div",{className:"grid-layout","data-index":l,style:{gridTemplateColumns:`repeat(${a}, 1fr)`,gridTemplateRows:`repeat(${t}, 1fr)`}},e.map(((e,t)=>z.default.createElement(z.default.Fragment,{key:t},z.default.createElement("div",{className:"item-grid",key:t},e))))))}))),g&&x<N.length-1&&z.default.createElement("div",{className:`${p} arrow-right`,onClick:()=>A("forward"),"data-event-category":h,"data-event-action":v,"data-event-label":y}," ","Care"===k?z.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},z.default.createElement("g",{filter:"url(#filter0_dd_12597_34423)"},z.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"}),z.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"}),z.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"})),z.default.createElement("defs",null,z.default.createElement("filter",{id:"filter0_dd_12597_34423",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},z.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),z.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"}),z.default.createElement("feOffset",{dx:"-2",dy:"2"}),z.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),z.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"}),z.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12597_34423"}),z.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"}),z.default.createElement("feOffset",{dx:"-1",dy:"1"}),z.default.createElement("feGaussianBlur",{stdDeviation:"1"}),z.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"}),z.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12597_34423",result:"effect2_dropShadow_12597_34423"}),z.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12597_34423",result:"shape"})))):z.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},z.default.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),z.default.createElement("path",{d:"M15.9998 20.8891L20.8887 16.0002L15.9998 11.1113",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),z.default.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),l&&z.default.createElement("ul",{className:"bullet-nav"},N.map(((e,t)=>z.default.createElement("li",{key:t,className:"bullet-nav__item "},z.default.createElement("p",{onClick:()=>L(t),className:`bullet-nav__link scroll ${x==t?"active":null}`,"data-scheme":w}))))),n&&z.default.createElement("div",{className:"image-gallery-wrapper","data-test":N.length},N.slice(0,3).map(((e,t)=>z.default.createElement("div",{className:`image-block ${x==t?"active":null}`,key:t,onClick:()=>L(t),"data-scheme":w},e)))))},exports.SeoHead=({SEOData:t={},locale:a="vi-VN",routerPathname:l,routerQuery:n,nextHead:r,siteType:o,seoCustom:s,userId:d,forcedCanonicalUrl:c})=>{var m,f,p,h,v,y,E,b,C,w,k,S;const{totalPages:x,currentPage:T,SEOTitle:N="",SEODescription:B="",SEOImage:D,seoType:L,SEOImageWidth:A,SEOImageHeight:M,customMetaData:I=[],isIndexable:_=!0,hasNoCanonical:P=!1}=t,O=_&&g.isProduction?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",{NEXT_PUBLIC_BASE_API_URL:F}=process.env;let j=t.canonicalUrl\|\|l;Object.keys(n).forEach((e=>{const t=n[e];t&&Array.isArray(t)&&(j=j.replace(`[...${e}]`,t.join("/")))}));const H=a\|\|"en-PH",G="helloSites"===o?u.domainLocales[H]:"www.marrybaby.vn",$=j.endsWith("/")?"":"/",R=e.useMemo((()=>{var e,l,n,r,o,s,d;let c="";if(t.apiMetaData&&"string"==typeof t.apiMetaData){const u=null===(e=t.apiMetaData)\|\|void 0===e?void 0:e.match(/<title.?>(.)<\/title>/),m=` - Page ${T} of ${x}`,g=T&&1!==T&&u?t.apiMetaData.replace(u[0],u[0].includes("-")?u[0].replace("-",m+" - "):`<title>${u[1].concat(m)}</title>`).replace(`<link rel="canonical" href="https://${G}${j}${$}" />`,`<link rel="canonical" href="https://${G}${j}${$}?page=${T}" />`):t.apiMetaData;if(c=i.htmlReactParser(g,{trim:!0}),!c.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://${G}/images/${a}.png`;c=[...c,z.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(l=t.openGraph)\|\|void 0===l?void 0:l.image)\|\|D\|\|e\|\|""}),z.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)\|\|D\|\|e}),z.default.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(r=t.openGraph)\|\|void 0===r?void 0:r.imageWidth)&&String(null===(o=t.openGraph)\|\|void 0===o?void 0:o.imageWidth)\|\|A&&String(A)\|\|"1200"}),z.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(s=t.openGraph)\|\|void 0===s?void 0:s.imageHeight)&&String(null===(d=t.openGraph)\|\|void 0===d?void 0:d.imageHeight)\|\|M&&String(M)\|\|"630"})]}}return c}),[t.apiMetaData,t.openGraph,D,M,A,T,j,x,a,G]),W=`https://${G}/images/${a}.png`;return z.default.createElement(r,null,z.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===o&&z.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===a?z.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===a\|\|"ms-MY"===a?z.default.createElement(z.default.Fragment,null):z.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap",rel:"preload",as:"style"}),z.default.createElement("link",{rel:"preconnect",href:F}),z.default.createElement("meta",{charSet:"UTF-8"}),z.default.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),z.default.createElement("meta",{name:"google",content:"notranslate"}),z.default.createElement("meta",{name:"robots",content:O}),z.default.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),I.map(((e,t)=>z.default.createElement("meta",Object.assign({key:t},e)))),z.default.createElement("meta",{name:"theme-color",content:"helloSites"===o?"#2c87f3":"#e85388"}),z.default.createElement("meta",{name:"page_type",content:"Home"}),z.default.createElement("meta",{name:"page_platform",content:"WEB"}),z.default.createElement("meta",{name:"page_language",content:H}),z.default.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),!R&&z.default.createElement(z.default.Fragment,null,"helloSites"===o?z.default.createElement("title",null,s?N:N+" - "+(null===(m=u.LOCALE_SPECS[a])\|\|void 0===m?void 0:m.SITE_NAME)):z.default.createElement("title",null,N),!P&&z.default.createElement("link",{rel:"canonical",href:`https://${G}${j}`}),z.default.createElement("meta",{name:"description",content:B\|\|(null===(f=t.openGraph)\|\|void 0===f?void 0:f.description)}),t.schemaData&&z.default.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:t.schemaData}}),z.default.createElement("meta",{property:"og:locale",content:a}),z.default.createElement("meta",{property:"og:type",content:L\|\|"website"}),z.default.createElement("meta",{property:"og:title",content:(null===(p=t.openGraph)\|\|void 0===p?void 0:p.title)\|\|N}),z.default.createElement("meta",{property:"og:description",content:(null===(h=t.openGraph)\|\|void 0===h?void 0:h.description)\|\|B}),z.default.createElement("meta",{property:"og:url",content:`https://${G}${j}`}),z.default.createElement("meta",{property:"og:site_name",content:`https://${G}`}),z.default.createElement("meta",{property:"og:image",content:(null===(v=t.openGraph)\|\|void 0===v?void 0:v.image)\|\|D\|\|W\|\|""}),z.default.createElement("meta",{property:"og:image:secure_url",content:(null===(y=t.openGraph)\|\|void 0===y?void 0:y.image)\|\|D\|\|W}),z.default.createElement("meta",{property:"og:image:width",content:(null===(E=t.openGraph)\|\|void 0===E?void 0:E.imageWidth)&&String(null===(b=t.openGraph)\|\|void 0===b?void 0:b.imageWidth)\|\|A&&String(A)\|\|"1200"}),z.default.createElement("meta",{property:"og:image:height",content:(null===(C=t.openGraph)\|\|void 0===C?void 0:C.imageHeight)&&String(null===(w=t.openGraph)\|\|void 0===w?void 0:w.imageHeight)\|\|M&&String(M)\|\|"630"}),z.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),z.default.createElement("meta",{name:"twitter:title",content:(null===(k=t.twitter)\|\|void 0===k?void 0:k.title)\|\|N}),z.default.createElement("meta",{name:"twitter:description",content:B}),z.default.createElement("meta",{name:"twitter:image",content:(null===(S=t.twitter)\|\|void 0===S?void 0:S.image)\|\|D})),("helloSites"===o?u.FAVICONS[H]\|\|[]:u.FAVICONS.marryBaby).map(((e,t)=>"link"===e.type?z.default.createElement("link",{key:`favicon-${t}`,rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?z.default.createElement("meta",{key:t,name:e.name,content:e.content}):null)),Array.isArray(R)&&c?R.filter((e=>"canonical"!==e.props.name&&"canonical"!==e.props.rel)):R,c&&z.default.createElement("link",{rel:"canonical",href:c}),!t.hasNoAmp&&"vi-VN"!==a&&z.default.createElement("link",{rel:"amphtml",href:`https://${G}${j}${$}?amp=1`}),d&&"undefined"!=typeof window?z.default.createElement("script",{dangerouslySetInnerHTML:{__html:`window.dataLayer = window.dataLayer \|\| []; window.dataLayer.push({'userID': '${d}'});`}}):null)},exports.ShareContainer=({url:a,onCopied:l,locale:n,siteType:r})=>{const{t:d}=h.useTranslations(),c=M.getSocialList(a\|\|"").filter((e=>!e.allowedLocales\|\|e.allowedLocales.includes(n))),u=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return z.default.createElement(i.StyledShareContainer,null,z.default.createElement(t.Text,{size:"p3",color:o.theme.colors.gray800},d("shareContainer.title")),z.default.createElement("div",{className:"icon-group"},c.map(((e,t)=>z.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer","data-event-category":"Health Tool","data-event-action":`Social Share - ${e.name}`,"data-event-label":u},e.icon))),z.default.createElement(A.Button,{theme:r,size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:z.default.createElement(Be,null),onClick:()=>s.__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":u})))},exports.ShareDrawer=a=>{var{open:l,title:n,onClose:r,onCopied:d,onShared:c,url:u,locale:m}=a,g=s.__rest(a,["open","title","onClose","onCopied","onShared","url","locale"]);const{t:f}=h.useTranslations(),p=e.useCallback((()=>s.__awaiter(void 0,void 0,void 0,(function(){var e;yield null===(e=null===navigator\|\|void 0===navigator?void 0:navigator.clipboard)\|\|void 0===e?void 0:e.writeText(u),null==d\|\|d()}))),[u,d]),v=M.getSocialList(u\|\|"").filter((e=>!e.allowedLocales\|\|e.allowedLocales.includes(m)));return e.useEffect((()=>{l&&navigator.share&&navigator.share({title:null!=n?n:"Read This Post",url:u}).then((()=>{null==c\|\|c()})).catch((()=>{null==r\|\|r()}))}),[u,n,c,l]),"undefined"!=typeof navigator&&navigator.share?null:z.default.createElement(i.StyledShareDrawer,Object.assign({title:f("share.title"),onClose:r,open:l,placement:"bottom"},g),z.default.createElement("div",{className:"share-container"},z.default.createElement("div",{className:"icon-container"},z.default.createElement(t.Text,{type:"semiBold",size:"s3",color:o.theme.colors.gray600},f("share.title")),z.default.createElement("div",{className:"icon-group"},v.map(((e,t)=>z.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer"},e.icon))))),z.default.createElement("div",{className:"link-container"},z.default.createElement(t.Text,{type:"semiBold",size:"s3",color:o.theme.colors.gray600},f("share.copyLink")),z.default.createElement("div",{className:"input-group"},z.default.createElement(y.Input,{name:"link",size:"md",value:u,isDisabled:!0}),z.default.createElement(A.Button,{size:"md",type:"button",color:"tertiary",icon:z.default.createElement(De,null),onClick:p})))))},exports.StatisticCard=({type:e,description:t,value:a,withIcon:l,isInACard:n,cardColor:r,className:o})=>z.default.createElement(i.StyledStatisticContainer,{className:o,"data-size":e,"data-is-in-card":"big"===e&&n,"data-card-color":r},z.default.createElement(i.StyledDescriptionWrapper,null,"small"===e&&z.default.createElement(i.StyledDot,{"data-color":r}),t),z.default.createElement(i.StyledStatisticNumberWrapper,{"data-size":e},"small"!==e&&l,a)),exports.SurveyThankyouCard=({thankyou:e,thankyouSubtitle:l,className:n,style:r})=>z.default.createElement(i.StyledSurveyQuestionCard,{className:n,style:r},z.default.createElement("div",{className:"survey-inner-wrapper"},z.default.createElement(i.StyledSurveyThankyouCard,null,z.default.createElement("div",{className:"survey-thankyou-wrapper-inner"},z.default.createElement("svg",{viewBox:"0 0 122 122",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"survey-thankyou-icon"},z.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:o.theme.colors.primary50}),z.default.createElement("ellipse",{cx:"61.5",cy:"110.36",rx:"48",ry:"3.36",fill:"#91CAFF"}),z.default.createElement("path",{d:"M82.905 72.666H101.5L87.597 40H35.403L21.5 72.666h18.595V91H83.08l-.174-18.334Z",fill:"#2C74DF"}),z.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"}),z.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"}),z.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"}),z.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"}),z.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"}),z.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"}),z.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"}),z.default.createElement("path",{stroke:"#FE921D",d:"M17 28a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"}),z.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&&z.default.createElement(a.Heading,{className:"survey-thankyou-title",tag:"h3"},e),l&&z.default.createElement(t.Text,{className:"survey-thankyou-subtitle",size:"p3"},l))))),exports.THRCardEmbed=({isSide:t,locale:l,thrContent:n,isMobile:s,info:c,inputErrorMessage:m,onFormChange:g,onSubmit:f})=>{var p,v,y;const{t:b}=h.useTranslations(),{getHealthToolLink:C}=S.useHealthToolsCache(l),k=e.useMemo((()=>C(a.HEALTH_TOOL_TYPE.THR)),[C]),[T,N]=e.useState(!1),[B,D]=e.useState("low_intensity"),[L,A]=e.useState("male"),[M,I]=e.useState(60),[_,P]=e.useState({idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40}),O=[{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}],F=[{value:"low_intensity",label:b("targetHeartRate.lowIntensity.title"),image:r.CommonGAssets.getAssetPath("/low.svg"),imageActive:r.CommonGAssets.getAssetPath("/low-active.svg"),content:b("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:b("targetHeartRate.moderateIntensity.title"),image:r.CommonGAssets.getAssetPath("/moderate.svg"),imageActive:r.CommonGAssets.getAssetPath("/moderate-active.svg"),content:b("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:b("targetHeartRate.aerobicZone.title"),image:r.CommonGAssets.getAssetPath("/aerobic.svg"),imageActive:r.CommonGAssets.getAssetPath("/aerobic-active.svg"),content:b("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:b("targetHeartRate.vigorousIntensity.title"),image:r.CommonGAssets.getAssetPath("/vigorous.svg"),imageActive:r.CommonGAssets.getAssetPath("/vigorous-active.svg"),content:b("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:b("targetHeartRate.maximumIntensity.title"),image:r.CommonGAssets.getAssetPath("/maximum.svg"),imageActive:r.CommonGAssets.getAssetPath("/maximum-active.svg"),content:b("targetHeartRate.maximumIntensity.note")}];return e.useEffect((()=>{const e=((new Date).getTime()-new Date(null==c?void 0:c.age).getTime())/1e3;N(e>=567648e3);const t=O.find((t=>e>=365t.minAge246060&&e<365t.maxAge246060))\|\|O[0];P(t),I(60)}),[null==c?void 0:c.age]),z.default.createElement(i.StyledContainer,{"data-is-side":t},z.default.createElement(i.ToolsBannerCard,{isSide:t,icon:z.default.createElement("img",{alt:"health-tool-icon",src:(null==n?void 0:n.featured_image)\|\|r.CommonGAssets.getAssetPath("health-tools/target-heart-rate-icon.svg"),loading:"lazy"}),heading:b("targetHearRate.heading"),medicalReview:(null===(p=null==n?void 0:n.reviewedBy)\|\|void 0===p?void 0:p.display_name)?{link:x.formatUserProfileUrl(null==n?void 0:n.reviewedBy),reviewer:null===(v=null==n?void 0:n.reviewedBy)\|\|void 0===v?void 0:v.display_name,date:null==n?void 0:n.reviewedDate}:void 0,isMobile:s}),z.default.createElement(E.Container,null,z.default.createElement(i.StyledContent,{className:"heart-rate-cal",onSubmit:e=>e.preventDefault(),"data-is-side":t},z.default.createElement(i.StyledRow$1,{"data-is-side":t},z.default.createElement(i.FormControl$1,null,z.default.createElement(K,{label:b("bmi.selectGender"),defaultValue:"male",onChange:e=>{A(e),I(60)},styles:e=>({root:!t&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:d.rem(12)}}})}))),z.default.createElement(i.StyledRow$1,null,z.default.createElement(ye,{info:c,locale:l,errorMessage:m,onChange:g})),z.default.createElement("div",{className:"slider-heart-rate"},z.default.createElement(a.Text,{size:"s4",weight:"semiBold",color:o.theme.colors.gray600},b("targetHeartRate.heartRateInput")),z.default.createElement("div",{className:"slider-outer-wrapper"},z.default.createElement(w.Slider,{containerStyle:{flex:1},min:"male"===L?_.rangeMale:_.rangeFemale,max:200,step:1,value:M,withControl:!0,onChange:I}))),T&&z.default.createElement(i.FormControl$1,null,z.default.createElement(i.StyledActive,null,z.default.createElement(a.Text,{size:"s4",style:{display:"inline-block",fontWeight:"bold",color:o.theme.colors.gray600,marginBottom:"9px"}},b("targetHeartRate.selectActive")),z.default.createElement("div",{className:"card"},z.default.createElement(ve,{options:F.map((e=>({value:e.value,label:e.label,image:e.image,imageActive:e.imageActive}))),value:B,onChange:e=>{D(e)},className:"gender-selector"})),B&&z.default.createElement("div",{className:"note"},z.default.createElement("img",{style:{height:"16px",width:"16px"},src:r.CommonGAssets.getAssetPath("/infoIcon.svg"),alt:"",loading:"lazy"}),z.default.createElement(a.Text,{size:"s4",color:"#595959"},null===(y=F[F.findIndex((e=>e.value==B))\|\|0])\|\|void 0===y?void 0:y.content)),!B&&z.default.createElement("span",{style:{color:"#e64728"}},m.intensity)))),z.default.createElement("div",{style:{display:"flex"}},z.default.createElement(i.StyledButton$1,{size:"lg",onClick:()=>{f(L,B,[M])},dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:`https://${u.domainLocales[l]}/${k}`},b("bmi.submit")))))},exports.Tabs=({style:t,initialTab:l,tabContent:n,onChange:r,className:o,dataEventCategory:s,dataEventAction:d,dataEventLabel:c,id:u,styles:m})=>{const{classes:g,cx:f,theme:p}=i.useStyles$1(void 0,{name:"Tabs",styles:m}),[h,v]=e.useState(l\|\|0);return e.useEffect((()=>{v(l)}),[l]),z.default.createElement("ul",{style:t,className:f(g.root,o),role:"tablist",id:u},n.map(((e,t)=>z.default.createElement("li",{className:`${g.item} ${h===t?"active":""} ${e.className}`,"aria-selected":h===t,role:"tab",onClick:()=>{v(t),r&&r(t)},onKeyDown:e=>{"Enter"===e.key&&(v(t),r&&r(t))},key:t,"data-event-category":e.dataEventCategory\|\|s,"data-event-action":e.dataEventAction\|\|d,"data-event-label":e.dataEventLabel\|\|c,tabIndex:0,"data-testid":e.dataTestid},z.default.createElement("div",{className:g.itemInner},e.icon&&z.default.createElement("div",{className:g.icon},e.icon),z.default.createElement(a.Text,{className:g.label,size:e.textSize\|\|"sm",weight:e.textType\|\|"bold",color:h===t?p.fn.primaryColor():e.textColor\|\|p.colors.gray[4],dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel},e.name))))))},exports.Tag=({type:e,children:l,style:n,isInline:r,isSquared:o=!1,className:i,isLight:s,hasMorePadding:d,isLink:c,isSelected:u,textProps:m={size:"sm"}})=>{const g=m.color?{"--text-props-color":m.color}:{};return z.default.createElement(a.StyledTag,{"data-is-squared":o\|\|void 0,"data-tag-type":e,"data-is-light":s\|\|void 0,"data-has-more-padding":d\|\|void 0,"data-is-inline":r\|\|void 0,style:Object.assign(Object.assign({},n),g),className:i,"data-is-selected":u\|\|void 0,"data-is-link":c\|\|void 0,tagType:e,isInline:r,tagHasMorePadding:d,tagIsLight:s,tagIsSquared:o,tagIsALink:c},z.default.createElement(t.Text,Object.assign({},m),l))},exports.Toggle=({className:e,id:t,onChange:l,checked:n,style:r,label:o})=>z.default.createElement(a.StyledToggle,{className:e,style:r},z.default.createElement("input",{type:"checkbox",id:t,onChange:l,checked:n}),z.default.createElement("label",{htmlFor:t},z.default.createElement(a.StyledToggleIcon,null),o&&z.default.createElement(a.StyledToggleLabel,null,o))),exports.index=se,exports.index$1=ce;