npm - @hhgtech/hhg-components - Versions diffs - 1.24.13 → 1.24.14 - Mend

@hhgtech/hhg-components 1.24.13 → 1.24.14

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

package/build/{index-a7a3ffc4.js → index-0cabacad.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";var e=require("react"),t=require("./index-4b642ea2.js"),a=require("./index.styled-4286152d.js"),l=require("./utils-507567f7.js"),n=require("./index-8ac95e83.js"),r=require("./useUniqueId-0b0109c0.js"),o=require("./gAssets.js"),i=require("./theme-cb4987e7.js"),s=require("./index.styled-430bcc1b.js"),d=require("./tslib.es6-b29c3d13.js"),c=require("lodash/throttle"),u=require("keen-slider/react"),m=require("./index-c675c1a8.js"),f=require("./isProduction-ff43d9c0.js"),g=require("./useTranslations-5f7dd785.js"),p=require("date-fns"),h=require("dayjs"),y=require("./index-8b5f9e2a.js"),v=require("./index-0cfb6240.js"),E=require("./index-5a9cb31d.js"),b=require("@mantine/core");require("./index.styled-ba0f797b.js"),require("./index-fbcb5776.js");var C=require("./index.styled-5fbdcbfc.js"),w=require("./index-a43314b2.js"),k=require("./index-750075b5.js"),S=require("react-hook-form"),x=require("./index-e8e8aed0.js"),T=require("./useHealthToolCache-7eedc1b4.js"),N=require("./Locale-fb3c0e30.js"),L=require("./index.styled-bb149ee3.js"),B=require("./dataTransform-60d850bd.js");require("./screenSizeContext-36eedd1f.js"),require("styled-components");var D=require("./useOutsideClick-bb3c5458.js"),I=require("date-fns/locale/en-US"),_=require("date-fns/locale/id"),M=require("date-fns/locale/vi"),A=require("date-fns/locale/zh-TW"),P=require("./getSocialList-fe6f7fe8.js"),z=require("@mantine/dates"),F=require("./index-6a28845a.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var O=j(e),H=j(c),$=j(h),W=j(I),G=j(_),R=j(M),V=j(A),U="CHw-fZZ",q="_03U6VRS",Z="EO828Vv";const Y=({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]),O.default.createElement(e.Fragment,null,n>4&&O.default.createElement(e.Fragment,null,O.default.createElement(a.StyledPaginationBlock,{onClick:()=>r(1)},i?O.default.createElement("a",{href:i,onClick:o},1):1),O.default.createElement(a.StyledPaginationBlock,null,"...")),c.map((e=>O.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===n\|\|void 0,onClick:()=>r(e)},i?O.default.createElement("a",{href:l.formatUrlWithPageParam(i,e,s),onClick:o},e):e))),n<d.length-3&&O.default.createElement(e.Fragment,null,O.default.createElement(a.StyledPaginationBlock,null,"..."),O.default.createElement(a.StyledPaginationBlock,{onClick:()=>r(d.length)},i?O.default.createElement("a",{href:l.formatUrlWithPageParam(i,d.length,s),onClick:o},d.length):d.length)))},K=({label:e,name:t,checked:l,className:n,isDisabled:r,onChange:o,value:i,isRectangle:s,inputDataTestId:d,siteType:c})=>O.default.createElement(a.StyledCheckbox,{className:n,"data-disabled":r\|\|void 0,"data-is-rectangle":s\|\|void 0,"data-label-text":e,"data-theme":c},O.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&&O.default.createElement("label",{htmlFor:`${t}-${i}`},e)),Q=e=>O.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),O.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"})),X=e=>O.default.createElement("svg",Object.assign({},e,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),O.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"})),J=e=>{const t=r.useUniqueId();return O.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),O.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"}),O.default.createElement("mask",{id:t,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},O.default.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),O.default.createElement("g",{mask:`url(#${t})`},O.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"})))};var ee="PiqKaXk",te="HgbW6-m",ae="_6lkfLYy",le="j7c-onH";const ne=({avatarImg:e,authorName:a,authorLink:l,uploadTime:n,size:r})=>O.default.createElement("div",{className:le},O.default.createElement("div",{className:"author"},O.default.createElement("div",{className:"avatar","data-size":r},e),O.default.createElement("div",{className:"poster","data-is-disabled-url":!l},O.default.createElement(t.Text,{size:"lg"===r?"p3":"p4"},O.default.createElement("a",{href:l},O.default.createElement("span",{className:"name"},a),"•"," "),O.default.createElement("span",null,n))))),re=({isMobile:e,avatarImg:l,name:n,link:r,size:o="lg",specialty:s})=>O.default.createElement("div",{className:le},O.default.createElement("div",{className:"author"},O.default.createElement("div",{className:"expert-avatar","data-size":o},l),O.default.createElement("div",{className:"expert","data-is-disabled-url":!r},e?O.default.createElement("a",{href:r},"lg"===o?O.default.createElement(O.default.Fragment,null,O.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:i.theme.colors.gray600},n),O.default.createElement(t.Text,{color:i.theme.colors.gray500,size:"p3",className:"specialty"},s)):O.default.createElement(O.default.Fragment,null,O.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:i.theme.colors.gray600},n))):O.default.createElement("a",{href:r},"lg"===o?O.default.createElement(O.default.Fragment,null,O.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:i.theme.colors.gray600},n),O.default.createElement(t.Text,{color:i.theme.colors.gray500,size:"p3",className:"specialty"},s)):O.default.createElement(O.default.Fragment,null,O.default.createElement("h6",{color:i.theme.colors.gray600,className:`${ee} expert__name`},n),O.default.createElement(t.Text,{color:i.theme.colors.gray500,size:"p4",className:"specialty"},s))))));var oe="lKjhvEi",ie="HGYlQvl",se="AyUUQv-";const de=({LinkComponent:e,page:t,isLast:a,onChangePage:l})=>{const{label:n,value:r,isDropdown:o,dropdownItems:i,dataEventCategory:d,dataEventAction:c,dataEventLabel:u}=t;return o?O.default.createElement(s.Dropdown,{options:i,placeholder:"...",id:"",placeholderIcon:null,onChange:l,className:"collapsed-breadcrumb"}):O.default.createElement("div",{className:se,title:"string"!=typeof n?r:n,"data-last":a},e&&O.default.createElement(e,{"data-event-category":d,"data-event-action":c,"data-event-label":u,href:r\|\|"#"},n))};var ce=Object.freeze({__proto__:null,SideMenu:s.SideMenu,SideHeader:s.SideHeader,UserInfo:s.UserInfo,MenuLink:s.MenuLink});const ue=({status:e})=>"inActive"===e?O.default.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},O.default.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"})):"active"===e?O.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},O.default.createElement("circle",{cx:"6",cy:"6",r:"4",fill:"#2D87F3"}),O.default.createElement("circle",{cx:"6",cy:"6",r:"5.5",stroke:"#2D87F3"})):"done"===e?O.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},O.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"}),O.default.createElement("path",{d:"M8.76061 4.20029L4.80061 7.80029L3.00061 6.16392",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})):O.default.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},O.default.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"})),me=({isDisabled:e,isLeft:t,onClick:a,className:l,scheme:n="hellosites"})=>O.default.createElement(s.StyledArrow,{onClick:a,"data-is-disabled":e,"data-is-left":t,className:l},O.default.createElement("svg",{width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t?O.default.createElement("path",{d:"M2.92902 6.00015L6.75002 2.17915C7.16402 1.76515 7.16402 1.09315 6.75002 0.679152C6.33602 0.265152 5.66402 0.265152 5.25002 0.679152L0.636023 5.29315C0.245023 5.68415 0.245023 6.31715 0.636023 6.70715L5.25002 11.3212C5.66402 11.7352 6.33602 11.7352 6.75002 11.3212C7.16402 10.9072 7.16402 10.2352 6.75002 9.82115L2.92902 6.00015Z",fill:"hellosites"===n?"#595959":"#E55C8A"}):O.default.createElement("path",{d:"M5.07095 6.00015L1.24995 2.17915C0.835953 1.76515 0.835953 1.09315 1.24995 0.679152C1.66395 0.265152 2.33595 0.265152 2.74995 0.679152L7.36395 5.29315C7.75495 5.68415 7.75495 6.31715 7.36395 6.70715L2.74995 11.3212C2.33595 11.7352 1.66395 11.7352 1.24995 11.3212C0.835953 10.9072 0.835953 10.2352 1.24995 9.82115L5.07095 6.00015Z",fill:"hellosites"===n?"#595959":"#E55C8A"})));var fe=Object.freeze({__proto__:null,Table:s.Table,Cell:s.Cell,Head:s.Head,Row:s.Row,Body:s.Body});const ge=({locale:a,onClick:l,siteType:r,pageUrl:o})=>{const{t:d}=g.useTranslations(),[c,u]=e.useState(new Date);return O.default.createElement(O.default.Fragment,null,O.default.createElement(s.StyledLastPeriodFormContainer,{className:"input-form","data-is-side":!0},"marryBaby"===r?O.default.createElement(s.StyledTextField,{label:d("dueDatePage.conceptionDate"),name:"date",size:"md",value:s.DateToInputValue(c),CustomInput:O.default.createElement(s.DatePicker,{onChange:e=>{u(e)},placeholder:"dd/mm/yyyy",pickedDate:c,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>O.default.createElement(y.Input,Object.assign({className:"due-date-input",name:"birthday",size:"md"},e,{value:c&&$.default(c).format(C.DUE_DATE_FORMAT)}))}),actionIcon:O.default.createElement(E.Icon.CalendarMB,{size:32})}):O.default.createElement(y.Input,{label:O.default.createElement(t.Text,{size:"n1",type:"bold",color:i.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},d("dueDatePage.conceptionDate")),value:s.DateToInputValue(c),name:"date",size:"md",className:"due-date-input",CustomInput:O.default.createElement(s.DatePicker,{customInput:e=>O.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:s.DateToInputValue(c)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:c,displayDateFormat:s.DATE_FORMAT,onChange:e=>{u(e)},placeholder:"placeholder"})})),O.default.createElement(n.Button,{className:"due-date-calculate-button",size:"lg",color:"marryBaby"===r?"secondary":"primary",theme:r,dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:o,onClick:()=>{l(s.getDueDateConception(c),`${m.QUERY_HEALTH_TOOL.type}=1&sd=${p.format(c,s.API_DATE_FORMAT)}&${m.QUERY_HEALTH_TOOL.additional}= `)},role:"button"},d("dueDatePage.lastPeriod.calculate")))},pe=({locale:a,onClick:l,siteType:r,pageUrl:o})=>{const{t:d}=g.useTranslations(),[c,u]=e.useState(new Date),[f,h]=e.useState("3");return O.default.createElement(O.default.Fragment,null,O.default.createElement(s.StyledLastPeriodFormContainer,{className:"input-form","data-is-side":!0},"marryBaby"===r?O.default.createElement(s.StyledTextField,{label:d("dueDatePage.ivf.transferDate"),name:"date",size:"md",value:s.DateToInputValue(c),CustomInput:O.default.createElement(s.DatePicker,{onChange:e=>{u(e)},placeholder:"dd/mm/yyyy",pickedDate:c,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>O.default.createElement(y.Input,Object.assign({className:"due-date-input",name:"birthday",size:"md"},e,{value:c&&$.default(c).format(C.DUE_DATE_FORMAT)}))}),actionIcon:O.default.createElement(E.Icon.CalendarMB,{size:32})}):O.default.createElement(y.Input,{label:O.default.createElement(t.Text,{size:"n1",type:"bold",color:i.theme.colors.gray700,style:{marginBottom:"9px",flex:"1"}},d("dueDatePage.ivf.transferDate")),value:s.DateToInputValue(c),name:"date",size:"md",className:"due-date-input",CustomInput:O.default.createElement(s.DatePicker,{customInput:e=>O.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:s.DateToInputValue(c)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:c,displayDateFormat:s.DATE_FORMAT,onChange:e=>{u(e)},placeholder:"placeholder"})})),O.default.createElement("div",{style:{width:"100%"}},O.default.createElement(s.RadioGroup,{id:"radio-transfer-date",type:"circle",direction:"vertical",size:"small",group:"group1",value:f,onChange:e=>h(e),options:[{value:"3",label:d("dueDatePage.ivf.transferDateRadio",{number:3})},{value:"5",label:d("dueDatePage.ivf.transferDateRadio",{number:5})}]})),O.default.createElement(n.Button,{className:"due-date-calculate-button",size:"lg",color:"marryBaby"===r?"secondary":"primary",theme:r,dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:o,onClick:()=>{l(s.getDueDateIVF(c,Number(f)),`${m.QUERY_HEALTH_TOOL.type}=2&${m.QUERY_HEALTH_TOOL.startDate}=${p.format(c,s.API_DATE_FORMAT)}&${m.QUERY_HEALTH_TOOL.additional}=${f}`)},role:"button"},d("dueDatePage.lastPeriod.calculate")))},he=({locale:a,onClick:l,siteType:r,pageUrl:o})=>{const{t:d}=g.useTranslations(),[c,u]=e.useState(28),[f,h]=e.useState(new Date);return O.default.createElement(O.default.Fragment,null,O.default.createElement(s.StyledLastPeriodFormContainer,{className:"input-form","data-is-side":!0},"marryBaby"===r?O.default.createElement(s.StyledTextField,{label:d("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:s.DateToInputValue(f),CustomInput:O.default.createElement(s.DatePicker,{onChange:e=>{h(e)},placeholder:"dd/mm/yyyy",pickedDate:f,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>O.default.createElement(y.Input,Object.assign({name:"birthday",size:"md"},e,{value:f&&$.default(f).format(C.DUE_DATE_FORMAT)}))}),actionIcon:O.default.createElement(E.Icon.CalendarMB,{size:32})}):O.default.createElement(y.Input,{className:"input-section due-date-input",label:O.default.createElement(t.Text,{size:"n1",type:"bold",color:i.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},d("dueDatePage.lastPeriod.lastPeriodLabel")),value:s.DateToInputValue(f),name:"date",size:"md",CustomInput:O.default.createElement(s.DatePicker,{customInput:e=>O.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:s.DateToInputValue(f)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:f,displayDateFormat:s.DATE_FORMAT,onChange:e=>{h(e)},placeholder:"placeholder"})})),O.default.createElement("div",{className:"slider-due-date","data-theme":"marryBaby"===r?"marryBaby":""},"marryBaby"===r?O.default.createElement(w.MarryBabyText,{type:"bodytext-3",color:i.theme.mbColors.midGray},d("dueDatePage.lastPeriod.periodLengthLabel")):O.default.createElement(t.Text,{size:"n1",type:"bold",color:i.theme.colors.gray600,style:{marginBottom:"0.5rem"}},d("dueDatePage.lastPeriod.periodLengthLabel")),O.default.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===r&&O.default.createElement(t.Text,{size:"s3",type:"bold",color:i.theme.colors.gray600},c),O.default.createElement(k.Slider,{containerStyle:{flex:1},min:20,max:40,step:1,labelAlwaysOn:"marryBaby"!==r,withControl:"marryBaby"!==r,onChange:u,value:c,label:"marryBaby"!==r?void 0:null}))),O.default.createElement(n.Button,{dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:o,className:"due-date-calculate-button",size:"lg",color:"marryBaby"===r?"secondary":"primary",theme:r,onClick:()=>l(s.getDueDateLastPeriod(f,c),`${m.QUERY_HEALTH_TOOL.type}=0&${m.QUERY_HEALTH_TOOL.startDate}=${p.format(f,s.API_DATE_FORMAT)}&${m.QUERY_HEALTH_TOOL.additional}=${c}`),role:"button"},d("dueDatePage.lastPeriod.calculate")))},ye=({onSubmitDueDate:a,locale:l,isSide:n,siteType:r})=>{const{t:o}=g.useTranslations(),[d,c]=e.useState(s.DueDateCalculatorType.lastPeriod),u=[{value:s.DueDateCalculatorType.lastPeriod,label:o("dueDatePage.lastPeriod")},{value:s.DueDateCalculatorType.conception,label:o("dueDatePage.conceptionDate")},{value:s.DueDateCalculatorType.IVF,label:o("dueDatePage.ivf")}],m=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return O.default.createElement(s.StyledInputWrapper,null,O.default.createElement(s.StyledMethodContainer,{className:"input-form input-section","data-is-side":!0},"marryBaby"===r?O.default.createElement(s.StyledDropDown,{groupedWithLabel:o("dueDatePage.calculationMethod"),options:u,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:u[d],onChange:e=>{c(e.value)}}):O.default.createElement(O.default.Fragment,null,O.default.createElement(t.Text,{size:"n1",type:"bold",color:i.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},o("dueDatePage.calculationMethod")),O.default.createElement(s.StyledMethodSwitcherContainer,{"data-is-side":n},O.default.createElement(s.Dropdown,{options:u,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"md",value:u[d],onChange:e=>{c(e.value)}})))),d===s.DueDateCalculatorType.lastPeriod?O.default.createElement(he,{locale:l,onClick:a,isSide:n,siteType:r,pageUrl:m}):null,d===s.DueDateCalculatorType.conception?O.default.createElement(ge,{locale:l,onClick:a,isSide:n,siteType:r,pageUrl:m}):null,d===s.DueDateCalculatorType.IVF?O.default.createElement(pe,{locale:l,onClick:a,isSide:n,siteType:r,pageUrl:m}):null)};function ve({weight:e,height:t}){const a=t/100,l=e;return Math.round(l/(aa)10)/10}const Ee=({value:a,onChange:l,onSubmit:n,disabled:r,bmiGenerated:o,bmiUnit:c,locale:u,isSide:f})=>{var p,h,y,v;const[b,w]=e.useState(!1),{control:k,handleSubmit:N,setValue:L,watch:B}=S.useForm(),D=B(),{t:I}=g.useTranslations(),{gender:_=!1,age:M=!1,height:A=!1,weight:P=!1,objective:z=!0}=r\|\|{},{getHealthToolLink:F}=T.useHealthToolsCache(u),j=e.useMemo((()=>F(C.HEALTH_TOOL_TYPE.OVULATION)),[F]),H=e.useMemo((()=>[{value:"male",label:I("gender.male"),content:O.default.createElement(E.Icon.GenderChooseBoy,null)},{value:"female",label:I("gender.female"),content:O.default.createElement(E.Icon.GenderChooseGirl,null)}]),[]),$=e.useMemo((()=>[{value:"lose-weight",label:I("bmi.objective.loseWeight")},{value:"maintain-weight",label:I("bmi.objective.maintainWeight")},{value:"gain-weight",label:I("bmi.objective.gainWeight")}]),[]),W=()=>{w(!0)};return e.useEffect((()=>{Object.keys(a\|\|{}).forEach((e=>{L(e,null==a?void 0:a[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})}))}),[a]),e.useEffect((()=>{l&&l(D)}),[D]),O.default.createElement(s.StyledContainer$1,null,O.default.createElement("form",{onSubmit:N((e=>d.__awaiter(void 0,void 0,void 0,(function(){const t=c.heightConvert(e.height),a=c.weightConvert(e.weight),l={gender:e.gender,age:e.age,height:t,weight:a,bmi:ve({height:t,weight:a})};z\|\|(l.objective=e.objective),W(),n&&n(l)}))),W)},!_&&O.default.createElement(s.FormControl,{"data-is-side":f},O.default.createElement(S.Controller,{name:"gender",control:k,defaultValue:"male",render:({field:{name:e,value:t,onChange:a},fieldState:{error:l}})=>O.default.createElement(s.StyledInput,{size:"md",name:e,label:o.gender.label,CustomInput:O.default.createElement(E.RadioImageGroup,{options:H,value:t,onChange:e=>a(e),className:"bmi--input-radio_gender "+(f?"bmi-side-embed":"")}),errorMessage:b?null==l?void 0:l.message:"",className:"bmi--input bmi--input-gender"})})),O.default.createElement(s.StyledRow,{"data-is-side":f},!M&&O.default.createElement(s.FormControl,null,O.default.createElement(S.Controller,{name:"age",control:k,rules:null===(p=o.age)\|\|void 0===p?void 0:p.rule,render:({field:{name:e,value:a,onChange:l},fieldState:{error:n}})=>O.default.createElement(x.Input.Number,{label:O.default.createElement(t.Text,{size:"label2",type:"bold",color:i.theme.colors.gray600},o.age.label),placeholder:I("healthtool.placeholder.age"),name:e,value:a,onChange:l,error:b?null==n?void 0:n.message:"",min:0})})),!A&&O.default.createElement(s.FormControl,null,O.default.createElement(S.Controller,{name:"height",control:k,rules:null===(h=o.height)\|\|void 0===h?void 0:h.rule,render:({field:{name:e,value:a,onChange:l},fieldState:{error:n}})=>O.default.createElement(x.Input.Number,{label:O.default.createElement(t.Text,{size:"label2",type:"bold",color:i.theme.colors.gray600},o.height.label),placeholder:I("pwg.placeholder.height"),name:e,value:a,onChange:l,error:b?null==n?void 0:n.message:"",min:0})})),!P&&O.default.createElement(s.FormControl,null,O.default.createElement(S.Controller,{name:"weight",control:k,rules:null===(y=o.weight)\|\|void 0===y?void 0:y.rule,render:({field:{name:e,value:a,onChange:l},fieldState:{error:n}})=>O.default.createElement(x.Input.Number,{label:O.default.createElement(t.Text,{size:"label2",type:"bold",color:i.theme.colors.gray600},o.weight.label),placeholder:I("pwg.placeholder.weight"),name:e,value:a,onChange:l,error:b?null==n?void 0:n.message:"",precision:1,min:0})})),!z&&O.default.createElement(s.FormControl,null,O.default.createElement(S.Controller,{name:"objective",control:k,defaultValue:"lose-weight",rules:null===(v=o.objective)\|\|void 0===v?void 0:v.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:l}})=>O.default.createElement(s.StyledInput,{size:"md",name:e,label:o.objective.label,CustomInput:O.default.createElement(s.RadioGroup,{id:"bmi-objective",className:"bmi-objective",type:"circle",direction:"vertical",size:"small",group:"group1",options:$,value:t,onChange:a}),errorMessage:b?null==l?void 0:l.message:"",className:"bmi--input bmi--input-objective"})}))),O.default.createElement("div",{style:{display:"flex"}},O.default.createElement(s.StyledButton,{size:"lg",isBlock:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${m.domainLocales[u]}/${j}`},I("bmi.submit")))))},be=({value:a,options:l,className:n,direction:r="horizontal",onChange:o,isDisabled:i})=>{const[d,c]=e.useState(a);return O.default.createElement(s.StyledRadioImageGroup,{className:n,"data-direction":r},l.map(((e,l)=>O.default.createElement(s.StyledRadioImageItem,{"data-selected":(a\|\|d)===e.value,"data-disabled":i,key:`health-tool${l}`,onClick:()=>{var t;t=e.value,i\|\|(c(t),o&&o(t))}},O.default.createElement("div",null,O.default.createElement("img",{src:(a\|\|d)===e.value?e.imageActive:e.image,className:"gender-image",alt:""}),e.label&&O.default.createElement(t.Text,{type:"bold",className:"radio-group-item-heading",size:"label1"},e.label))))))},Ce=({info:a,className:l,style:n,onChange:r,errorMessage:o={},locale:d})=>{const{t:c}=g.useTranslations(),[u,m]=e.useState(new Date),[f,h]=e.useState({age:!1,rate:!1});return e.useEffect((()=>{h({age:!1,rate:!1})}),[o]),O.default.createElement(s.StyledContainer$2,{style:n,className:l},O.default.createElement(y.Input,{className:"input-section due-date-input",label:O.default.createElement(t.Text,{size:"n1",type:"bold",color:i.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},c("targetHeartRate.ageInput")),value:s.DateToInputValue(u),name:"date",size:"md",CustomInput:O.default.createElement(s.DatePicker,{customInput:e=>O.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:s.DateToInputValue(u)})),disabledDays:{after:new Date(p.addDays(new Date,0))},locale:d,pickedDate:u,displayDateFormat:"dd/MM/yyyy",onChange:e=>{(e=>{m(e),h((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},a),{age:p.format(new Date(e),s.API_DATE_FORMAT)});r&&r(t)})(e)},placeholder:"placeholder"}),errorMessage:f.age?"":o.age}))},we=({info:a,className:l,style:n,onChange:r,errorMessage:o={},locale:d,onClick:c,isSide:u})=>{const{t:f}=g.useTranslations(),[p,h]=e.useState({age:!1,height:!1,weight:!1}),{getHealthToolLink:y}=T.useHealthToolsCache(d),v=e.useMemo((()=>y(C.HEALTH_TOOL_TYPE.OVULATION)),[y]),[b,w]=e.useState("male"),k=e.useMemo((()=>[{value:"male",label:f("gender.male"),content:O.default.createElement(E.Icon.GenderChooseBoy,null)},{value:"female",label:f("gender.female"),content:O.default.createElement(E.Icon.GenderChooseGirl,null)}]),[]),S=(e,t)=>{""!==e&&(isNaN(e)\|\|isNaN(parseFloat(e)))\|\|t(e)},N=e=>{var t,l;l=e=>{h((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},a),{age:e});r&&r(t)},""!==(t=e)&&(isNaN(t)\|\|isNaN(parseFloat(t))\|\|t.includes("."))\|\|l(t)};return e.useEffect((()=>{r&&r(Object.assign(Object.assign({},a),{objective:"lose-fat",activeLevel:"sedentary"}))}),[]),e.useEffect((()=>{h({age:!1,height:!1,weight:!1})}),[o]),O.default.createElement(s.StyledContainer$3,{style:n,className:l},O.default.createElement(s.FormControl$2,{"data-is-side":u},O.default.createElement(s.StyledInput$2,{size:"md",name:"gender",label:f("bmi.selectGender"),CustomInput:O.default.createElement(E.RadioImageGroup,{options:k,value:b,onChange:e=>w(e),className:"bmi--input-radio_gender "+(u?"bmi-side-embed":"")}),className:"bmi--input bmi--input-gender"})),O.default.createElement(s.StyledRow$2,{"data-is-side":u},O.default.createElement(s.FormControl$2,null,O.default.createElement(x.Input.Number,{label:O.default.createElement(t.Text,{size:"label2",type:"bold",color:i.theme.colors.gray600},f("bmi.ageInput")," ",O.default.createElement(t.Text,{size:"label2",type:"bold",color:i.theme.colors.gray300,as:"span"},f("bmi.ageInput.desc"))),placeholder:f("healthtool.placeholder.age"),value:Number(a.age),onChange:e=>N(String(e)),error:p.age?"":o.age,min:0})),O.default.createElement(s.FormControl$2,null,O.default.createElement(x.Input.Number,{label:O.default.createElement(t.Text,{size:"label2",type:"bold",color:i.theme.colors.gray600},f("bmi.heightInput")," ",O.default.createElement(t.Text,{size:"label2",type:"bold",color:i.theme.colors.gray300,as:"span"},f("bmi.heightInput.desc"))),placeholder:f("pwg.placeholder.height"),value:Number(a.height),onChange:e=>{return t=String(e),void S(t,(e=>{h((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},a),{height:e});r&&r(t)}));var t},error:p.height?"":o.height,min:0})),O.default.createElement(s.FormControl$2,null,O.default.createElement(x.Input.Number,{label:O.default.createElement(t.Text,{size:"label2",type:"bold",color:i.theme.colors.gray600},f("bmi.weightInput")," ",O.default.createElement(t.Text,{size:"label2",type:"bold",color:i.theme.colors.gray300,as:"span"},f("bmi.weightInput.desc"))),placeholder:f("pwg.placeholder.weight"),value:Number(a.weight),onChange:e=>{return t=String(e),h((e=>Object.assign(Object.assign({},e),{weight:!0}))),void S(t,(e=>{const t=Object.assign(Object.assign({},a),{weight:e});r&&r(t)}));var t},error:p.weight?"":o.weight,min:0,precision:1}))),O.default.createElement("div",{style:{display:"flex"}},O.default.createElement(s.StyledButton$2,{size:"lg",isBlock:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMR",dataEventLabel:`https://${m.domainLocales[d]}/${v}`,onClick:()=>{c(b)}},f("bmi.submit"))))};var ke="eM8ChWU",Se="KAx1aqi",xe="QcFfKPB",Te="brbyNAY",Ne="W65hTnn";const Le=({src:e,title:t,backgroundSrc:l,className:n,reviewedSection:r,isSide:o})=>O.default.createElement("div",{className:`${ke} ${n\|\|""}`},O.default.createElement("div",{className:Se,style:{backgroundImage:`url("${l}")`}},O.default.createElement("div",{className:xe,"data-is-side":o},O.default.createElement("div",{className:Te,"data-is-side":o},O.default.createElement(a.Heading,{tag:"h4",color:"white"},t),r),O.default.createElement("div",{className:Ne},O.default.createElement("img",{src:e\|\|"",style:{objectFit:"contain"},alt:t})))));var Be="zvE9IoJ",De="njDC-ia",Ie="ESkUhe9",_e="wZLIQYa";const Me=({backgroundDesktopSrc:e,backgroundMobileSrc:l,title:n,className:r,isSide:o,ovulationContent:s})=>{var d,c,u;const{t:m}=g.useTranslations(),f=B.formatUserProfileUrl(null==s?void 0:s.reviewed_by);return O.default.createElement("div",{className:`${Be} ${r}`,"data-is-side":o},O.default.createElement("div",{className:De,style:{backgroundImage:`url('${l\|\|e}')`}},O.default.createElement("div",{className:_e},O.default.createElement(a.Heading,{tag:"h5",color:"white"},n),(null===(d=null==s?void 0:s.reviewed_by)\|\|void 0===d?void 0:d.display_name)?O.default.createElement(t.Text,{size:"n1",color:"white",style:{marginTop:"0.3rem"}},O.default.createElement("span",{dangerouslySetInnerHTML:{__html:m("articlePage.articleReviewerBy",{name:`<a\n style="color: white"\n href="${f}"\n >\n ${s.reviewed_by.display_name}\n </a>`})}}),O.default.createElement("span",null,m("tools.heading.on")),O.default.createElement("span",null,null==s?void 0:s.reviewed_date)):null),O.default.createElement("div",{className:Ie,"data-is-side":o},O.default.createElement("img",{src:(null==s?void 0:s.featured_image)\|\|"",style:{width:"100%",objectFit:"contain",marginTop:"20px"},alt:n}))),O.default.createElement(Le,{className:"desktop-only",src:(null==s?void 0:s.featured_image)\|\|"",backgroundSrc:e\|\|l\|\|"",title:n,reviewedSection:(null===(c=null==s?void 0:s.reviewed_by)\|\|void 0===c?void 0:c.display_name)&&""!==(null===(u=null==s?void 0:s.reviewed_by)\|\|void 0===u?void 0:u.display_name)&&O.default.createElement(t.Text,{size:"n1",color:i.theme.colors.white,style:{marginTop:12}},O.default.createElement("span",{dangerouslySetInnerHTML:{__html:m("toolPage.toolReviewer",{expert_name:`<a\n style="color: white"\n href="${f}"\n >\n ${s.reviewed_by.display_name}\n </a>`,date:null==s?void 0:s.reviewed_date})}}),O.default.createElement("span",null)),isSide:o}))},Ae=({siteType:t,info:l,onChange:n,errorMessage:r={}})=>{const{t:o}=g.useTranslations(),[d,c]=e.useState({weightBefore:!1,height:!1,weight:!1}),[u,m]=e.useState(0),f=e.useRef(null);e.useEffect((()=>{var e;m(null===(e=f.current)\|\|void 0===e?void 0:e.clientHeight)}));const p=(e,t)=>{""!==e&&(isNaN(e)\|\|isNaN(parseFloat(e)))\|\|t(e)},h=e=>{p(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=>{p(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=>{p(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?O.default.createElement(O.default.Fragment,null,O.default.createElement("div",{className:"input-form-pwg input-section"},O.default.createElement(s.StyledTextField,{label:o("pregnancyWeightGain.heightInput"),name:"pwg-height",size:"md",value:null==l?void 0:l.height,CustomInput:O.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})})),O.default.createElement("div",{className:"input-form-pwg input-section"},O.default.createElement(s.StyledTextField,{label:o("pregnancyWeightGain.weightBeforeInput"),name:"pwg-weightBefore",size:"md",value:null==l?void 0:l.weightBefore,CustomInput:O.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:h})})),O.default.createElement("div",{className:"input-form-pwg input-section"},O.default.createElement(s.StyledTextField,{label:o("pregnancyWeightGain.weightInput"),name:"pwg-weight",size:"md",value:null==l?void 0:l.weight,CustomInput:O.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})}))):O.default.createElement(O.default.Fragment,null,O.default.createElement("div",{className:"input-form-pwg"},O.default.createElement(a.PureInput,{placeholder:o("pwg.placeholder.height"),className:"input-section",label:O.default.createElement("span",{style:{color:i.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px"},className:"label-text"},o("pregnancyWeightGain.heightInput")," ",O.default.createElement("span",{style:{color:`${i.theme.colors.gray300}`}},o("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})),O.default.createElement("div",{className:"input-form-pwg"},O.default.createElement(a.PureInput,{placeholder:o("pwg.placeholder.weight"),className:"input-section",label:O.default.createElement("span",{style:{color:i.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px"},ref:f,className:"label-text"},o("pregnancyWeightGain.weightBeforeInput")," ",O.default.createElement("span",{style:{color:`${i.theme.colors.gray300}`}},o("pregnancyWeightGain.weightInput.desc"))),errorMessage:d.weightBefore?"":null==r?void 0:r.weightBefore,size:"sm",isNumerousKeyboard:!0,name:"pwg-weightBefore",onChange:h,value:null==l?void 0:l.weightBefore})),O.default.createElement("div",{className:"input-form-pwg"},O.default.createElement(a.PureInput,{placeholder:o("pwg.placeholder.weight"),className:"input-section",label:O.default.createElement("span",{style:{color:i.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px",minHeight:u},className:"label-text"},o("pregnancyWeightGain.weightInput")," ",O.default.createElement("span",{style:{color:`${i.theme.colors.gray300}`}},o("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})))},Pe=()=>"undefined"!=typeof window&&window.innerWidth<l.Breakpoints.BREAK_POINT_MOBILE,ze=()=>"undefined"!=typeof window&&window.innerWidth>=l.Breakpoints.BREAK_POINT_MOBILE&&window.innerWidth<l.Breakpoints.BREAK_POINT_PC,Fe=()=>{const[t,a]=e.useState(Pe()),[l,n]=e.useState(ze());return e.useEffect((()=>{const e=()=>{a(Pe()),n(ze())};return window.addEventListener("resize",e,{passive:!0}),()=>{window.removeEventListener("resize",e)}}),[]),{isMobile:t,isLargeMobile:l}};const je={"en-PH":W.default,"vi-VN":R.default,"zh-TW":V.default,"id-ID":G.default};function Oe(t){const{value:a={from:null,to:null}}=t,[l,n]=e.useState(null),{isMobile:r}=Fe(),[o,i]=e.useState((()=>a)),[d,c]=e.useState((()=>{var e;return p.startOfMonth(null!==(e=a.from)&&void 0!==e?e:new Date)})),u=e.useMemo((()=>p.addMonths(d,1)),[d]);const m=Object.assign(Object.assign({},t),{goToNextMonth:function(){c((e=>p.addMonths(e,1)))},goToPreviousMonth:function(){c((e=>p.subMonths(e,1)))},range:o,setRange:i,hoverDay:l,setHoverDay:n});return O.default.createElement(O.default.Fragment,null,O.default.createElement(He,Object.assign({},m,{date:d})),!r&&O.default.createElement(s.StyledCalendarMonthSeparator,null),!r&&O.default.createElement(He,Object.assign({},m,{date:u})))}function He({date:t,range:a,setRange:l,onChange:r,goToPreviousMonth:i,goToNextMonth:d,minDate:c,maxDate:u,close:m=(()=>{}),autoClose:f=!1,hoverDay:h,setHoverDay:y}){const{locale:v}=g.useTranslations(),E=e.useMemo((()=>{var e;return null!==(e=je[v])&&void 0!==e?e:je["en-PH"]}),[v]),b=e.useMemo((()=>p.format(t,"MMMM",{locale:E})),[t,E]),C=e.useMemo((()=>E?[1,2,3,4,5,6,0].map((e=>E.localize.day(e,{width:"narrow"}))):[]),[E]);function w(e,t){if(null===e)return O.default.createElement(s.StyledCalendarDayNumberWrapper,{key:`idx-${t}`,"data-empty":"true"});const n=e.getDate(),r=p.isToday(e),o=!!a.from&&p.isSameDay(a.from,e),i=!!a.to&&p.isSameDay(a.to,e),d=o\|\|i;let g=!1;null!==h&&a.from&&p.isBefore(a.from,h)&&!a.to?g=p.isWithinInterval(e,{start:a.from,end:h}):a.from&&a.to&&(g=p.isWithinInterval(e,{start:a.from,end:a.to}));let v=!1;return c&&u?v=!p.isWithinInterval(e,{start:c,end:u}):c?v=p.isBefore(e,c):u&&(v=p.isAfter(e,u)),O.default.createElement(s.StyledCalendarDayNumberWrapper,{key:n,"data-is-today":r,"data-is-past":!r&&p.isPast(e),"data-is-selected":d,"data-is-disabled":v,"data-in-range":g,"data-is-from":o,"data-is-to":i,onMouseEnter:()=>{y(e)},onMouseLeave:()=>y(null),onClick:()=>{v\|\|l((t=>(f&&a.from&&!a.to&&m(),function(e,t){return t.from\|\|t.to?t.from&&t.to?{from:e,to:null}:t.from?p.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))))}},O.default.createElement(s.StyledCalendarDayNumber,{onClick:()=>{}},O.default.createElement("p",null,n)))}return e.useEffect((()=>{a.from&&a.to&&r(a)}),[a]),O.default.createElement(s.StyledCalendarWrapper,{className:"calendar-wrapper"},O.default.createElement(s.StyledCalendarHead,null,O.default.createElement(n.Button,{onClick:i,size:"md",color:"ghost",icon:O.default.createElement("img",{src:o.CommonGAssets.getAssetPath("calendarArrowLeft.svg")})}),O.default.createElement("div",{className:"calendar-month"},b,O.default.createElement("strong",null,p.format(t,"yyyy"))),O.default.createElement(n.Button,{onClick:d,size:"md",color:"ghost",icon:O.default.createElement("img",{src:o.CommonGAssets.getAssetPath("calendarArrowRight.svg")})})),O.default.createElement(s.StyledCalendarCellsWrapper,null,O.default.createElement("div",null,O.default.createElement(s.StyledCalendarDaysOfWeek,null,C.map(((e,t)=>O.default.createElement(s.StyledCalendarDayLabel,{key:`${e}-${t}`},e))))),O.default.createElement("div",null,function(){const e=t.getFullYear(),l=t.getMonth(),n=p.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 O.default.createElement(s.StyledCalendarMonthWrapper,{key:`month-${l}`,"data-month-index":l,"data-has-range":Boolean(a.from&&a.to)},O.default.createElement(s.StyledCalendarDaysWrapper,null,O.default.createElement(s.StyledCalendarDateGrid,null,r.map(w))))}())))}const $e=()=>O.default.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},O.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"}),O.default.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"})),We=()=>O.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"copy"},O.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"})),Ge=({vaccineRecord:e,isInTimeline:a,isCurrent:l,onMarkAsInjected:n,onDelInjected:r,className:o,siteType:d})=>{const{t:c}=g.useTranslations(),{vaccineId:u,id:m,status:f,optional:p,vaccineName:h,doseNumber:y,totalDoses:v,givenOn:b}=e;return O.default.createElement(s.StyledVaccineCard,{className:o,"data-theme":d,"data-status":l?"current":f,"data-is-in-timeline":a},O.default.createElement(s.StyledActionWrapper,null,l?O.default.createElement(E.Icon.Current,null):"vaccinated"===f?O.default.createElement(E.Icon.Vaccinated,null):"passed"===f?O.default.createElement(E.Icon.Missed,null):O.default.createElement(E.Icon.Upcoming,null),a?O.default.createElement("div",{className:"toggle",onChange:()=>{"vaccinated"==f?r(e):n(e)}},"vaccinated"===f?O.default.createElement(E.Icon.ToggleOn,null):O.default.createElement(E.Icon.ToggleOff,null),O.default.createElement(t.Text,{size:"n1",color:i.theme.colors.gray800},c("vaccinated"===f?"babyVaccine.vaccineCard.injected":"babyVaccine.vaccineCard.markAsInjected"))):O.default.createElement("div",{className:"in-detail"},c(l?"babyVaccine.status.current":"vaccinated"===f?"babyVaccine.status.vaccinated":"passed"===f?"babyVaccine.status.missed":"babyVaccine.status.upcoming"))),O.default.createElement(s.StyledContentWrapper,null,O.default.createElement(t.Text,{size:"s3",color:i.theme.colors.gray800,type:"semiBold"},h),O.default.createElement(s.StyledInformationWrapper,null,O.default.createElement(t.Text,{size:"n1",color:p?i.theme.colors.gray800:i.theme.colors.red800},c(p?"babyVaccine.vaccineInfo.optional":"babyVaccine.vaccineInfo.mandatory")),O.default.createElement("span",{className:"dot"}),O.default.createElement(t.Text,{size:"n1",color:i.theme.colors.gray600},c("babyVaccine.vaccineInfo.dose",{ordinal:y,total:v})),O.default.createElement("span",{className:"dot"}),O.default.createElement(t.Text,{size:"n1",color:i.theme.colors.gray800},c("vaccinated"===f?"babyVaccine.vaccineInfo.injectedDate":"babyVaccine.vaccineInfo.suggested",{date:b})))))},Re=(e,t)=>O.default.createElement(s.StyledDose,{"data-status":e,"data-id":t\|\|"header"},t\|\|"");exports.Alert=({style:e,onClose:a,text:l,type:n,contentIcon:r,closeIcon:o,className:i,description:s})=>O.default.createElement("div",{className:`${U} ${i\|\|""}`,style:e,"data-alert-type":n},O.default.createElement("div",{className:q},O.default.createElement("div",{className:"icon-title"},r,O.default.createElement(t.Text,{type:"bold",size:"label1"},l)),O.default.createElement(t.Text,{type:"regular",size:"p3"},s)),O.default.createElement("div",{className:Z,onClick:a},o)),exports.ArticleCard=({articleLink:e,authorLink:l,authorName:n,avatarImg:r,banner:i,categoryLink:d,categoryName:c,className:u,dataEventActionForBanner:m,dataEventActionForBookmark:f,dataEventActionForCategory:g,dataEventActionForTitle:p,dataEventCategoryForBanner:h,dataEventCategoryForBookmark:y,dataEventCategoryForCategory:v,dataEventCategoryForTitle:E,dataEventLabelForBanner:b,dataEventLabelForBookmark:C,dataEventLabelForCategory:w,dataEventLabelForTitle:k,direction:S="horizontal",hasAffiliate:x,isBookmark:T=!1,isBookmarkDisplayed:N=!0,isMobile:L=!0,onBookmark:B,onClickCategoryName:D,section:I="normal",size:_="md",specialty:M,style:A,styleBanner:P,styleLabel:z,styleTitle:F,text:j,title:H,type:$="author",uploadTime:W,articleLinkTarget:G,isPremium:R})=>{const V=e=>{e.stopPropagation(),null==B\|\|B()},U="lg"===_&&"expert"===$?"h4":"lg"===_&&"home"===I?L?"h4":"h3":"lg"===_?"h4":"h5",q="lg"===_?"p3":"p4",Z=L\|\|"home"!==I\|\|"lg"!==_\|\|"author"!==$?"c2":"c1";return O.default.createElement("article",{className:`${ae} ${u\|\|""}`,"data-size":_,style:A,"data-direction":S,"data-is-expert":"expert"===$\|\|void 0},O.default.createElement("div",{className:"banner",style:P},O.default.createElement("a",{className:te,"data-event-category":h,"data-event-action":m,"data-event-label":b,href:e\|\|"#",target:G},i),R&&O.default.createElement("img",{loading:"lazy",className:"premium",src:o.CommonGAssets.getAssetPath("premium-crown.svg")}),x&&O.default.createElement(s.AffiliateIcon,null)),O.default.createElement("div",{className:"content"},O.default.createElement("div",{className:"inner-content"},O.default.createElement(t.Text,{style:z,className:"label",size:Z,type:"caption"},O.default.createElement("a",{className:te,"data-event-category":v,"data-event-action":g,"data-event-label":w,href:d\|\|"#",onClick:D},c),N&&O.default.createElement("a",{className:"bookmark",onClick:V},T?O.default.createElement(s.BookmarkedIcon,{dataEventCategoryForBookmark:y,dataEventActionForBookmark:f,dataEventLabelForBookmark:C}):O.default.createElement(s.UnbookmarkedIcon,{dataEventCategoryForBookmark:y,dataEventActionForBookmark:f,dataEventLabelForBookmark:C}))),O.default.createElement(a.Heading,{tag:U,style:F,className:"title",as:"lg"===_?"h2":"h3"},O.default.createElement("a",{className:te,"data-event-category":E,"data-event-action":p,"data-event-label":k,href:e\|\|"#",target:G},H)),j&&O.default.createElement("a",{href:e\|\|"#",target:G},O.default.createElement(t.Text,{size:q,className:"text"},j))),O.default.createElement("div",{className:"footer"},"author"===$?O.default.createElement(ne,{size:_,avatarImg:r,authorName:n,authorLink:l,uploadTime:W,handleClick:V,isBookmarked:T,dataEventCategoryForBookmark:y,dataEventActionForBookmark:f,dataEventLabelForBookmark:C}):O.default.createElement(re,{size:_,isMobile:L,avatarImg:r,specialty:M,name:n,link:l,handleClick:V,isBookmarked:T,dataEventCategoryForBookmark:y,dataEventActionForBookmark:f,dataEventLabelForBookmark:C}))))},exports.BMICardEmbed=({isMobile:e,onSubmit:a,bmiContent:l,isSide:n,bmiGenerated:r,bmiUnit:d,bmiLink:c,locale:u})=>{var m,f,p;const{t:h}=g.useTranslations();return O.default.createElement(s.StyledContainer,{"data-is-side":n},O.default.createElement(s.ToolsBannerCard,{isSide:n,bannerUrl:o.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),icon:O.default.createElement("img",{alt:"health-tool-icon",src:null==l?void 0:l.featured_image,style:{objectFit:"contain",marginLeft:"auto",maxWidth:"100%"}}),heading:h("bmi.heading"),medicalReview:(null===(m=null==l?void 0:l.reviewBy)\|\|void 0===m?void 0:m.reviewer)?O.default.createElement(t.Text,{size:"n1",color:i.theme.colors.white},O.default.createElement("span",{dangerouslySetInnerHTML:{__html:h("toolPage.toolReviewer",{expert_name:`<a\n style="color: white"\n href="${(null===(f=null==l?void 0:l.reviewBy)\|\|void 0===f?void 0:f.link)\|\|"#"}"\n >\n ${l.reviewBy.reviewer}\n </a>`,date:null===(p=null==l?void 0:l.reviewBy)\|\|void 0===p?void 0:p.date})}}),O.default.createElement("span",null)):void 0,isMobile:e}),O.default.createElement(v.Container,null,O.default.createElement(s.StyledContent,{as:"div","data-is-side":n},c&&O.default.createElement(Ee,{onSubmit:a,bmiGenerated:r,locale:u,bmiUnit:d,isSide:n}))))},exports.BMRCardEmbed=({isSide:e,locale:a,bmrContent:l,isMobile:n,info:r,inputErrorMessage:d,onFormChange:c,onSubmit:u})=>{var m,f,p;const{t:h}=g.useTranslations();return O.default.createElement(s.StyledContainer,{"data-is-side":e},O.default.createElement(s.ToolsBannerCard,{isSide:e,bannerUrl:o.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),icon:O.default.createElement("img",{alt:"health-tool-icon",src:null==l?void 0:l.featured_image,style:{objectFit:"contain",marginLeft:"auto",maxWidth:"100%"}}),heading:h("bmr.heading"),medicalReview:(null===(m=null==l?void 0:l.reviewBy)\|\|void 0===m?void 0:m.reviewer)?O.default.createElement(t.Text,{size:"n1",color:i.theme.colors.white},O.default.createElement("span",{dangerouslySetInnerHTML:{__html:h("toolPage.toolReviewer",{expert_name:`<a\n style="color: white"\n href="${(null===(f=null==l?void 0:l.reviewBy)\|\|void 0===f?void 0:f.link)\|\|"#"}"\n >\n ${l.reviewBy.reviewer}\n </a>`,date:null===(p=null==l?void 0:l.reviewBy)\|\|void 0===p?void 0:p.date})}}),O.default.createElement("span",null)):void 0,isMobile:n}),O.default.createElement(v.Container,null,O.default.createElement(s.StyledContent,{onSubmit:e=>e.preventDefault(),"data-is-side":e},O.default.createElement(s.StyledInputForm,null,O.default.createElement(we,{info:r,locale:a,errorMessage:d,onChange:c,onClick:u,isSide:e})))))},exports.BabyGrowthCardEmbed=({isMobile:e,className:a,onSubmit:l,onError:n,schema:r,babyGrowthContent:d,siteType:c})=>{var u,m,f,p,h;const{t:y}=g.useTranslations();return O.default.createElement(s.StyledContainer,{"babyGrowthContent-is-mobile":e,"data-site":c},O.default.createElement(s.ToolsBannerCard,{siteType:c,bannerUrl:o.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerUrlLarge:o.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerColor:"marryBaby"===c&&i.theme.mbColors.mint,isEmbeded:!0,icon:O.default.createElement("img",{className:"embedded-icon",alt:"health-tool-icon",src:(null==d?void 0:d.featuredImage)\|\|"",style:{maxWidth:"100%"}}),heading:(null==d?void 0:d.title)\|\|"",medicalReview:(null===(u=null==d?void 0:d.reviewBy)\|\|void 0===u?void 0:u.reviewer)&&""!==(null===(m=null==d?void 0:d.reviewBy)\|\|void 0===m?void 0:m.reviewer)?O.default.createElement(t.Text,{size:"label2",color:i.theme.colors.white,className:"embedded-review"},O.default.createElement("span",{dangerouslySetInnerHTML:{__html:y("toolPage.toolReviewer",{expert_name:"marryBaby"===c?null===(f=null==d?void 0:d.reviewBy)\|\|void 0===f?void 0:f.reviewer.trim():`<a\n style="color: white"\n href="${(null===(p=null==d?void 0:d.reviewBy)\|\|void 0===p?void 0:p.link)\|\|"#"}"\n >\n ${null===(h=null==d?void 0:d.reviewBy)\|\|void 0===h?void 0:h.reviewer.trim()}\n </a>`,date:null==d?void 0:d.reviewBy.date})}})):void 0,isMobile:e}),O.default.createElement(s.StyledBabyGrowthWrapper,{"data-theme":c},O.default.createElement(s.StyleForm,{siteType:c,schema:r,className:a,onSubmit:l,onError:n})))},exports.BabyPoopEmbed=({babyPoopPage:e,onClickFindOut:l,locale:r,isMobile:d,currentUrl:c,isSide:u})=>{const{t:m}=g.useTranslations(),{reviewedBy:f,reviewedDate:p}=e;return O.default.createElement(s.StyledBabyPoopHeader,null,O.default.createElement(b.Container,{className:"px-16",style:{height:"100%",display:""+(d?"flex":""),flexDirection:"column"}},d&&O.default.createElement(s.StyledBabyPoopHeaderContentImage,{src:o.CommonGAssets.getAssetPath("babyDiaper.png"),alt:e.title}),O.default.createElement(s.StyledBabyPoopHeaderContent,{"data-is-side":u},O.default.createElement(s.StyledBabyPoopHeaderContentText,{"data-is-side":u},O.default.createElement(a.Heading,{tag:"h2",color:"#284A75"},e.title),O.default.createElement(t.Text,{size:"p3",className:"description"},e.description),!!f&&O.default.createElement(s.StyledBabyPoopHeaderReview,{className:"reviewer"},O.default.createElement("img",{src:o.CommonGAssets.getAssetPath("reviewerCheck.svg"),alt:"check",className:"check-icon"}),O.default.createElement(t.Text,{size:"p4",color:i.theme.colors.gray600},m("categoryPage.info.reviewed")," ",O.default.createElement("a",{href:f.profileUrl},f.displayName)," ",m("categoryPage.onDate",{date:p}))),O.default.createElement(n.Button,{color:"primary",size:"md",className:"mt-16 find-out-button",onClick:l,dataEventCategory:"Health Tool",dataEventAction:"Baby Stool Inquiry",dataEventLabel:c,style:{visibility:Boolean(l)?"visible":"hidden"}},m("babyPoop.findOut"))),!d&&O.default.createElement(s.StyledBabyPoopHeaderContentImage,{src:o.CommonGAssets.getAssetPath("babyDiaper.png"),alt:e.title,"data-is-vietnam":r===N.LOCALE.Vietnam,className:"banner-img"}))))},exports.Badge=({amount:e,type:t,size:l="medium",color:n="primary",icon:r,className:o})=>O.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},O.default.createElement("div",null,e&&O.default.createElement("span",null,e)," ",r&&O.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})=>O.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 O.default.createElement("div",{"data-size":l,className:`${oe} ${t\|\|""}`},i.map(((t,a)=>{const s=a+1===i.length;return O.default.createElement(e.Fragment,{key:a},O.default.createElement(de,{LinkComponent:n,page:t,isLast:s,onChangePage:r}),!s&&(t.separator\|\|o\|\|O.default.createElement("div",{className:ie,"data-size":l})))})))},exports.Carousel=({row:t,column:a,children:l,scheme:n="hellosites",classNameLeftArrow:r="",classNameRightArrow:o="",mode:i="snap",isDotsShown:d=!0,isArrowShown:c=!1,dataEventCategory:m,dataEventAction:f,dataEventLabel:g,onChangePage:p})=>{const[h,y]=O.default.useState(0),[v,E]=e.useState(!1),[b,C]=u.useKeenSlider({defaultAnimation:{duration:1e3},initial:0,slideChanged(e){y(e.track.details.rel),p&&p(e.track.details.rel)},created(){E(!0)},drag:!0,mode:i,slides:{spacing:12}}),w=[],k=ta;for(let e=0;e<l.length;e+=k){const t=l.slice(e,e+k);w.push(t)}return O.default.createElement(s.StyledCarousel,{row:t,column:a},O.default.createElement("div",{className:"navigation-wrapper"},O.default.createElement("div",{ref:b,className:"keen-slider slides-wrapper"},w.map(((e,t)=>O.default.createElement("div",{key:t,className:"keen-slider__slide page-items"},e.map(((e,t)=>O.default.createElement("div",{key:t},e))))))),v&&C.current&&c&&O.default.createElement(O.default.Fragment,null,O.default.createElement(me,{isLeft:!0,onClick:e=>{var t;return e.stopPropagation()\|\|(null===(t=C.current)\|\|void 0===t?void 0:t.prev())},isDisabled:0===h,scheme:n,className:`left-arrow ${r}`,"data-event-category":m,"data-event-action":f,"data-event-label":g}),O.default.createElement(me,{isLeft:!1,onClick:e=>{var t;return e.stopPropagation()\|\|(null===(t=C.current)\|\|void 0===t?void 0:t.next())},isDisabled:h===C.current.track.details.slides.length-1,scheme:n,className:`right-arrow ${o}`,"data-event-category":m,"data-event-action":f,"data-event-label":g}))),v&&C.current&&d&&O.default.createElement("div",{className:"dots"},[...Array(C.current.track.details.slides.length)].map(((e,t)=>O.default.createElement(s.StyledDot,{key:t,onClick:()=>{var e;null===(e=C.current)\|\|void 0===e\|\|e.moveToIdx(t)},"data-is-active":h===t,"data-is-hellosites":"hellosites"===n})))))},exports.CategoryCard=({imgBanner:e,label:a,className:l,style:n,href:r="",dataEventCategory:o,dataEventAction:i,dataEventLabel:d})=>O.default.createElement(s.StyledCategoryCard,{"data-event-category":o,"data-event-action":i,"data-event-label":d,className:l,style:n,href:r,onClick:e=>{""===r&&e.preventDefault()}},O.default.createElement("div",{className:"banner"},e),O.default.createElement("div",{className:"content"},O.default.createElement(t.Text,{className:"category_name",size:"sm",type:"bold"},a))),exports.Checkbox=K,exports.CheckboxGroup=({name:e,values:t=[],onChanges:a,options:l=[],className:n,type:r="vertical",isDisabled:o,isRectangle:i})=>{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 O.default.createElement(s.StyledCheckboxGroup,{className:n,"data-type":r,"data-is-rectangle":i\|\|void 0},l.map(((a,l)=>O.default.createElement(K,{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:i}))))},exports.CookieAcceptConfirm=({className:e,policiesUrl:t,onAcceptClick:a,translations:l={acceptButton:"Accept",policiesButton:"Our Policies"},title:n="",description:r="",theme:o="helloSites",isOpen:i=!0,useDefaultPosition:d=!0,trackingAttributes:c})=>O.default.createElement(s.StyledAcceptCardContainer,{className:e,"data-theme":o,"data-is-open":i,"data-default-position":d},O.default.createElement(s.StyledTitleSection,{"data-has-content":!!n},n),O.default.createElement(s.StyledDescription,{dangerouslySetInnerHTML:{__html:r}}),O.default.createElement(s.StyledButtonGroup,null,O.default.createElement(s.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),O.default.createElement(s.StyledPoliciesButton,{href:t},l.policiesButton))),exports.DateRangePicker=function({inputSize:t="md",name:l="date-range-picker",value:n,minDate:r,maxDate:i,onChange:d,className:c,autoClose:u=!1}){n\|\|(n={from:null,to:null});const[m,f]=e.useState(!1);function g(){f(!1)}const h=e.useRef(null);function y(e){d&&d(e)}function v(e){return p.format(e,"dd/MM/yyyy")}D.useOutsideClick(h,(()=>{g()}));const E=e.useMemo((()=>n.from&&n.to?p.isSameDay(n.from,n.to)?v(n.from):`${v(n.from)} - ${v(n.to)}`:""),[n.from,n.to]);return O.default.createElement(s.StyledWrapper,{className:[c,m&&"focused"].filter(Boolean).join(" "),ref:h},O.default.createElement("label",{htmlFor:l},O.default.createElement(a.PureInput,{size:t,value:E,name:l,actionIcon:O.default.createElement("img",{src:o.CommonGAssets.getAssetPath("calendar.svg")}),onFocus:()=>f(!0)})),m?O.default.createElement(s.StyledCalendarWrapper$1,{onMouseDown:e=>{e.stopPropagation()}},O.default.createElement(Oe,{value:n,onChange:y,minDate:r,maxDate:i,close:g,autoClose:u})):null)},exports.DueDateCardEmbed=({isMobile:e,locale:a,onSubmitDueDate:l,dueDatePageInfo:n,expertUrl:r,isSide:d,siteType:c})=>{var u;const{t:m}=g.useTranslations();return O.default.createElement(s.StyledContainer,{"data-is-side":d,"data-site":c},O.default.createElement(s.ToolsBannerCard,{isSide:d,bannerUrl:o.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),siteType:c,bannerColor:"marryBaby"===c&&i.theme.mbColors.mint,isEmbeded:!0,icon:O.default.createElement("img",{alt:"health-tool-icon",src:null==n?void 0:n.featured_image,style:"marryBaby"!==c?{objectFit:"contain",marginLeft:"auto",maxWidth:"100%"}:null}),heading:m("healthTools.dueDateCalculator"),medicalReview:(null===(u=null==n?void 0:n.reviewed_by)\|\|void 0===u?void 0:u.display_name)?O.default.createElement(t.Text,{size:"label2",color:i.theme.colors.white},O.default.createElement("span",{dangerouslySetInnerHTML:{__html:m("toolPage.toolReviewer",{expert_name:"marryBaby"===c?null==n?void 0:n.reviewed_by.display_name:`<a\n style="color: white"\n href="${r}"\n >\n ${null==n?void 0:n.reviewed_by.display_name}\n </a>`,date:null==n?void 0:n.reviewed_date})}}),O.default.createElement("span",null)):void 0,isMobile:e}),O.default.createElement(s.StyledContent,{onSubmit:e=>e.preventDefault(),className:"due-date-cal","data-is-side":d},O.default.createElement(ye,{siteType:c,locale:a,onSubmitDueDate:l,isSide:d})))},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),f=e.useRef(n.map((e=>"upload"===e.type&&O.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)}})))),g=O.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"},O.default.createElement("defs",null,O.default.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},O.default.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"})),O.default.createElement("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),O.default.createElement("title",null,"File"),O.default.createElement("g",{clipPath:"url(#prefix__clip-path)"},O.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)"}),O.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),p=O.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"},O.default.createElement("defs",null,O.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),O.default.createElement("title",null,"download"),O.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=O.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"},O.default.createElement("defs",null,O.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),O.default.createElement("title",null,"upload"),O.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 O.default.createElement(a.StyledDropdown,{className:t,"data-dropdown-open":!!c,id:o,"data-has-icons":!0,style:d,onBlur:()=>u(!1),tabIndex:0},O.default.createElement(a.StyledDropdownName,{onClick:m},i\|\|g," ",O.default.createElement("span",null,l&&l.value?l.label:s)),c&&O.default.createElement(a.StyledDropdownList,{onClick:m,"data-has-icons":!0},n.map((e=>O.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}},O.default.createElement(a.StyledIcon,null,e.icon\|\|"download"===e.type?p:h),e.label)))),O.default.createElement(O.default.Fragment,null,f.current))},exports.FloatButtonGroup=({items:t,className:a,style:l,backgroundPanelStyle:n,isOpen:r,onOpen:o,onClose:i,disableBackdropClick:d,siteType:c="hb",animationType:u="zoom",zIndex:m=300})=>{const[f,g]=e.useState(!!r);e.useEffect((()=>{g(!!r)}),[r]);const p=()=>{g(!1),i&&i()};return O.default.createElement(s.StyledFloatButtonGroup,{style:l,className:a,"data-floatmenu-open":f,"data-site-type":c,"data-animation-type":u},O.default.createElement(s.StyledFloatButtonGroupBackgroundPanel,{className:"float-button-group__panel",style:Object.assign({zIndex:m},n),onClick:d?void 0:p}),O.default.createElement(s.StyledFloatButtonGroupContent,{className:"float-button-group___content",style:{zIndex:m}},O.default.createElement(s.StyledFloatButtonGroupItemsWrapper,null,t.map(((e,a)=>O.default.createElement(s.StyledFloatButtonGroupButton,{className:`float-item-button-${a}`,style:Object.assign(Object.assign({},"zoom"===u&&{bottom:64(t.length-1-a),transitionDelay:s.TRANSITION_TIMING/t.length(f?t.length-1-a:a)+"ms"}),"slide"===u&&{bottom:64(t.length-1-a),transitionDelay:s.TRANSITION_TIMING/t.length(f?a:t.length-1-a)+"ms"}),key:a,onClick:()=>{e.onClick(),e.keepMenuOnClick\|\|g(!1)}},O.default.createElement(s.StyledFloatButtonGroupButtonLabel,{style:Object.assign({},"zoom"===u&&{transitionDelay:s.TRANSITION_TIMING/t.length(f?t.length-1-a:a)+"ms"})},e.label),O.default.createElement(s.StyledFloatButtonGroupButtonIcon,{className:"float-item-button__icon-wrapper",style:Object.assign({},("zoom"===u\|\|"slide"===u)&&{transitionDelay:s.TRANSITION_TIMING/t.length(f?t.length-1-a:a)+"ms"})},e.icon))))),O.default.createElement(s.StyledFloatButtonGroupToggleIcon,{onClick:f?p:()=>{g(!0),o&&o()}})))},exports.Grid=({className:e,columns:t,columnsDesktop:l,gridTemplateColumns:n,gridTemplateColumnsDesktop:r,gap:o,children:i,justifyChildren:s,style:d,alignItems:c})=>O.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})=>O.default.createElement(s.StyledIconText,{className:a,"data-size":e,"data-icon-position":t},"left"===t&&n,l,"right"===t&&n),exports.Immunization=({vaccineRecord:e,onMarkAsInjected:a,onDelInjected:l,isMobile:n,className:r,siteType:o})=>{const{t:d}=g.useTranslations();return O.default.createElement(s.StyledImmunization,{className:r,"data-theme":o},O.default.createElement(s.StyledWarning,null,O.default.createElement(E.Icon.Missed,{color:i.theme.colors.gray600}),O.default.createElement(t.Text,{size:"p3",color:i.theme.colors.gray800},d("babyVaccine.immunization.warning"))),O.default.createElement(s.StyledSchedulerWrapper,null,O.default.createElement(s.StyledRowWrapper,{className:"header"},!n&&O.default.createElement(s.StyledLeftContent,{className:"header"},O.default.createElement(t.Text,{size:"s5",color:i.theme.colors.gray800,type:"semiBold"},d("babyVaccine.immunization.vaccineName"))),O.default.createElement(s.StyledRightContent,{className:"header"},O.default.createElement("div",{className:"status"},Re("passed"),O.default.createElement(t.Text,{size:"p4",color:i.theme.colors.gray800},d("babyVaccine.status.missed"))),O.default.createElement("div",{className:"status"},Re("next"),O.default.createElement(t.Text,{size:"p4",color:i.theme.colors.gray800},d("babyVaccine.status.upcoming"))),O.default.createElement("div",{className:"status"},Re("vaccinated"),O.default.createElement(t.Text,{size:"p4",color:i.theme.colors.gray800},d("babyVaccine.status.vaccinated"))))),e&&e.map(((e,r)=>O.default.createElement(s.StyledRowWrapper,{key:`${r}${e.id}`},O.default.createElement(s.StyledLeftContent,null,O.default.createElement(t.Text,{size:"n1",color:e.optional?i.theme.colors.gray800:i.theme.colors.red800},e.optional?d("babyVaccine.vaccineInfo.optional"):d("babyVaccine.vaccineInfo.mandatory")),O.default.createElement(t.Text,{size:n?"s3":"s4",color:i.theme.colors.gray800,type:"semiBold"},e.name\|\|e.antigen)),O.default.createElement(s.StyledRightContent,null,e.records&&e.records.map(((e,t)=>O.default.createElement("div",{key:t,onClick:()=>{"vaccinated"==e.status?l(e):a(e)}},Re(e.status,t+1))))))))))},exports.OvulationCardEmbed=({onSubmitOvulation:e,locale:a,ovulationPageInfo:l,ovulationContent:n,expertUrl:r,isSide:d=!1,siteType:c,isMobile:u})=>{var m;const{t:f}=g.useTranslations(),p=B.formatOvulationInfo(l\|\|null);return O.default.createElement(s.StyledContainer,{"data-is-side":d,"data-site":c},"marryBaby"!==c?O.default.createElement(Me,{backgroundDesktopSrc:o.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),backgroundMobileSrc:o.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),title:f("healthTools.ovulationCalculator"),reviewedBy:p.reviewedBy,reviewedDate:p.reviewedDate,ovulationContent:n,isSide:d}):O.default.createElement(s.ToolsBannerCard,{isSide:d,bannerUrl:o.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),siteType:c,bannerColor:"marryBaby"===c&&i.theme.mbColors.mint,isEmbeded:!0,icon:O.default.createElement("img",{alt:"health-tool-icon",src:null==l?void 0:l.featured_image,style:"marryBaby"!==c?{objectFit:"contain",marginLeft:"auto",maxWidth:"100%"}:null}),heading:f("healthTools.ovulationCalculator"),medicalReview:(null===(m=null==l?void 0:l.reviewed_by)\|\|void 0===m?void 0:m.display_name)?O.default.createElement(t.Text,{size:"label2",color:i.theme.colors.white},O.default.createElement("span",{dangerouslySetInnerHTML:{__html:f("toolPage.toolReviewer",{expert_name:null==l?void 0:l.reviewed_by.display_name,date:null==l?void 0:l.reviewed_date})}}),O.default.createElement("span",null)):void 0,isMobile:u}),O.default.createElement(s.StyledContent,{onSubmit:e=>e.preventDefault(),className:"ovulation-cal","data-is-side":d},O.default.createElement(s.OvulationCalculator,{siteType:c,locale:a,onSubmitOvulation:e,isSide:d})))},exports.PWGCardEmbed=({locale:a,onClick:l,inputErrorMessage:r,pwgContent:d,onFormChange:c,info:u,isMobile:f,isSide:p=!1,siteType:h})=>{var y,E;const{t:b}=g.useTranslations(),[w,k]=e.useState("notwins"),[S,x]=e.useState({label:"1",value:1}),N=e.useMemo((()=>[...Array(40)].map(((e,t)=>({label:`${t+1}`,value:`${t+1}`})))),[]),{getHealthToolLink:B}=T.useHealthToolsCache(a),D=e.useMemo((()=>B(C.HEALTH_TOOL_TYPE.PWG)),[B]),I=(null===(y=null==d?void 0:d.reviewedBy)\|\|void 0===y?void 0:y.display_name)?O.default.createElement(t.Text,{size:"n1",color:i.theme.colors.white},O.default.createElement("span",{dangerouslySetInnerHTML:{__html:b("toolPage.toolReviewer",{expert_name:null===(E=null==d?void 0:d.reviewedBy)\|\|void 0===E?void 0:E.display_name,date:null==d?void 0:d.reviewedDate})}}),O.default.createElement("span",null)):void 0;return O.default.createElement(s.StyledContainer,{"data-is-side":p,"data-site":h},O.default.createElement(s.ToolsBannerCard,{siteType:h,bannerUrl:o.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),bannerColor:"marryBaby"===h&&i.theme.mbColors.mint,isEmbeded:!0,icon:O.default.createElement("img",{alt:"health-tool-icon",src:null==d?void 0:d.featuredImage,style:{objectFit:"contain",marginLeft:"auto",maxWidth:"100%"}}),heading:b("pregnancyWeightGain.heading"),medicalReview:I,isMobile:f,isSide:p}),O.default.createElement(v.Container,null,O.default.createElement(s.StyledContent,{onSubmit:e=>e.preventDefault(),className:"pwg-view-mobile","data-is-side":p},"marryBaby"!==h&&O.default.createElement(s.StyledTwins,{className:"hide-asking-mobile","data-is-side":p},O.default.createElement(L.Label,{size:"label2",style:{display:"block",fontWeight:"bold",color:i.theme.colors.gray600,fontSize:"12px"},className:"label",htmlFor:"gender-selector"},b("pregnancyWeightGain.havingTwins")),O.default.createElement(s.StyledRadioGroup,{options:[{value:"twins",label:b("switchBtn.yes")},{value:"notwins",label:b("switchBtn.no")}],value:w,onChange:e=>k(e),className:"gender-selector",id:"twins-check",type:"circle",direction:"horizontal",size:"small",group:"group1"})),O.default.createElement(s.StyledInputWrapper,null,O.default.createElement(s.StyledFormInput,{className:"input-section input-form-pwg","data-is-side":p},"marryBaby"===h?O.default.createElement(s.StyledDropDown,{groupedWithLabel:b("pregnancyWeightGain.weekInput"),options:N,placeholder:"28 days",id:"due-date-dropdown",size:"lg",value:S,onChange:e=>x({label:e.label,value:e.value})}):O.default.createElement(O.default.Fragment,null,O.default.createElement(L.Label,{size:"label2",style:{display:"inline-block",marginBottom:"9px",color:i.theme.colors.gray600,fontWeight:"bold",fontSize:"12px"},htmlFor:"gender-selector"},b("pregnancyWeightGain.weekInput")),O.default.createElement(s.Dropdown,{options:N,placeholder:String(S.label),id:"weight-gain-dropdown",size:"md",value:S,onChange:e=>x({label:e.label,value:e.value})}))),O.default.createElement(Ae,{siteType:h,info:u,errorMessage:r,onChange:c})),"marryBaby"!==h&&O.default.createElement(s.StyledTwins,{className:"hide-asking-desk","data-is-side":p},O.default.createElement(L.Label,{size:"label2",style:{display:"block",fontWeight:"bold",color:i.theme.colors.gray600,fontSize:"12px"},className:"label",htmlFor:"gender-selector"},b("pregnancyWeightGain.havingTwins")),O.default.createElement(s.StyledRadioGroup,{options:[{value:"twins",label:b("switchBtn.yes")},{value:"notwins",label:b("switchBtn.no")}],value:w,onChange:e=>k(e),className:"gender-selector",id:"twins-check-mobile",type:"circle",direction:"horizontal",size:"small",group:"group1"})),"marryBaby"===h&&O.default.createElement(K,{name:"twins",label:b("pregnancyWeightGain.havingTwins"),checked:"twins"===w,siteType:"marryBaby",onChange:()=>{k("twins"===w?"notwins":"twins")},value:"twins"}),O.default.createElement(s.StyledSubmitButton,{"data-is-side":p,"data-site":h},O.default.createElement(n.Button,{dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${m.domainLocales["marryBaby"===h?"vi-VN_MB":a]}/${D}`,className:"due-date-calculate-button",size:"lg",color:"marryBaby"===h?"secondary":"primary",onClick:()=>l(w,S.value),role:"button",theme:h},b("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,f]=e.useState(r),g=e.useMemo((()=>d&&d.endsWith("&page=")?d.replace("&page=",""):d),[d]),p=n-1,h=e=>{e<=n&&e>0&&(f(e),o(e))},y=e=>{i&&i(e)};return e.useEffect((()=>{f(r)}),[r]),O.default.createElement(a.StyledPagination,{className:t,style:s},O.default.createElement(a.StyledPageBlock,{className:"prev-page",onClick:()=>h(m-1),"data-last-page":1===m\|\|void 0},g?O.default.createElement("a",{href:l.formatUrlWithPageParam(g,m,c),onClick:y},O.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},O.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):O.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},O.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),u.length>8?O.default.createElement(Y,{pagesAmount:n,activePage:m,handlePageChange:h,handleClick:y,href:g,queryPageName:c}):u.map((e=>O.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===m\|\|void 0,onClick:()=>h(e)},g?O.default.createElement("a",{href:l.formatUrlWithPageParam(g,e,c),onClick:y},e):e))),O.default.createElement(a.StyledPageBlock,{className:"next-page",onClick:()=>h(m+1),"data-last-page":m===p+1\|\|void 0},g?O.default.createElement("a",{href:l.formatUrlWithPageParam(g,m,c),onClick:y},O.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},O.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):O.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},O.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.Progress=({percent:e,style:t})=>O.default.createElement(a.StyledProgress,{style:Object.assign({"--progress":e},t)}),exports.ProgressBar=({type:t,numberOfStep:a,activeStep:l,labelPrefix:n,detailSteps:r,className:o,onChange:i})=>{const[c,u]=e.useState(0),m=e=>{var{trackClassName:t}=e,a=d.__rest(e,["trackClassName"]);return O.default.createElement(s.StyledTrackContainer,Object.assign({},a,{className:t}),O.default.createElement(s.StyledTrack,null))},f=O.default.createElement(s.StyledSlider,{className:o+" progress-bar"},O.default.createElement(m,null),O.default.createElement((({trackLength:e,activeStep:t,labelPrefix:l="Step",onChange:n})=>O.default.createElement(O.default.Fragment,null,Array.from({length:a},((e,t)=>t)).map(((r,o)=>O.default.createElement(s.StyledStep,{"data-is-active":o===t,"data-label":o,style:{left:oe/(a-1)},onClick:()=>{n&&n(o)},key:o},o+1,O.default.createElement(s.StyledStepLabel,{"data-step-passed":o<=t},l+" "+(o+1))))))),{trackLength:c,activeStep:l,labelPrefix:n,onChange:i})),g=O.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 5.5 9.5"},O.default.createElement("title",null,"chevron-right"),O.default.createElement("path",{d:"M.75 8.75l4-4-4-4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),p=O.default.createElement(s.StyledBreadcrumbContainer,null,r&&Array.from({length:r.length},((e,t)=>t)).map(((e,t)=>{var a;return O.default.createElement(s.StyledBreadcrumbWrapper,{key:t,"data-selected":t===l,onClick:()=>{i&&i(t)}},null===(a=r[t])\|\|void 0===a?void 0:a.text," ",t<r.length-1&&g)}))),h=O.default.createElement(s.StyledSlider,{className:o+" progress-bar"},O.default.createElement((({detailSteps:e,activeStep:t,onChange:a})=>O.default.createElement(O.default.Fragment,null,Array.from({length:e.length},((e,t)=>t)).map(((l,n)=>O.default.createElement(s.StyledDetailStep,{key:n,style:{left:100/e.lengthn+"%",width:100/e.length+"%"},onClick:()=>{a&&a(n)}},e[n].icon?O.default.createElement(s.StyledDetailStepIndicatorExternal,{onClick:()=>{a&&a(n)}},e[n].icon):O.default.createElement(s.StyledDetailStepIndicator,{"data-is-active":n===t,"data-label":l,onClick:()=>{a&&a(n)},key:n},n+1),O.default.createElement(s.StyledDetailStepLabel,{"data-step-passed":n<t+1},e[n].text,O.default.createElement(s.StyledDetailStepDescription,null,e[n].description)),n<e.length-1&&O.default.createElement(m,{"data-step-passed":n<t,trackClassName:"progress-track","data-track-type":"detail"})))))),{activeStep:l,detailSteps:r,onChange:i})),y=e.useCallback(H.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",y,{passive:!0}),()=>{window.removeEventListener("resize",y)}}),[]),"step-track"===t&&f\|\|"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,f]=e.useState(null),g=m\|\|c,p=m?0:u;return O.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&&f(t+1),l=()=>!!o&&f(null);return t+1<=g?O.default.createElement(X,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l}):t+1===g+p?O.default.createElement(J,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l}):O.default.createElement(Q,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l})})))},exports.RecordsByAgeGroup=({vaccineRecords:e,isCurrent:a,onMarkAsInjected:l,onDelInjected:n,countPass:r,countNext:o,className:d,siteType:c})=>{const{t:u}=g.useTranslations();return O.default.createElement(s.StyledRecordsByAgeGroup,{className:d,"data-theme":c},O.default.createElement(s.StyledHeaderWrapper,null,O.default.createElement(s.StyledTitleWrapper,null,O.default.createElement(t.Text,{size:"s4",color:a?i.theme.colors.primaryBase:i.theme.colors.gray800,type:"semiBold",className:"title"},e.name\|\|e.shortName),O.default.createElement(s.StyledCurrentLineWrapper,{"data-isCurrent":a},O.default.createElement("span",{className:"dot"}),O.default.createElement("div",{className:"line"}))),O.default.createElement(s.StyledCountDoseWrapper,null,r>0&&O.default.createElement(t.Text,{size:"n1",color:i.theme.colors.gray600,wordWrap:"none"},u("babyVaccine.timeline.totalPast",{number:r})),r>0&&o>0&&O.default.createElement("span",{className:"dot"}),o>0&&O.default.createElement(t.Text,{size:"n1",color:i.theme.colors.gray600,wordWrap:"none"},u("babyVaccine.timeline.totalNext",{number:o})))),O.default.createElement(s.StyledRecordsWrapper,null,(null==e?void 0:e.records)&&e.records.map(((e,t)=>O.default.createElement(Ge,{key:`${t}${e.vaccineId}`,vaccineRecord:e,isInTimeline:!0,isCurrent:a&&0===t,onMarkAsInjected:()=>l(e),onDelInjected:()=>n(e)})))))},exports.ScrollList=({row:t=2,column:a=3,isDotsShown:l=!0,isImageGalleryShown:n=!1,mode:r="infinity",type:o="separated",distanceOverlappedLeft:i={amount:0,unit:"pixel"},children:d,className:c,isProgressShown:u=!1,statusChildren:m,isArrowShown:f=!1,classNameLeftArrow:g,classNameRightArrow:p,dataEventCategory:h,dataEventAction:y,dataEventLabel:v,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=[];O.default.Children.map(d,((e,l)=>{l%(ta)==0&&N.push([]),N[N.length-1].push(O.default.cloneElement(e))}));const L=e.useRef(),B=e.useRef(0),D=e=>{if(!L.current)return;const{clientWidth:t}=L.current,a=C\|\|t,l="intertwined"===o?"percentage"===i.unit?ea+i.amount/100ae:ea+i.amountae:ea;L.current.scrollTo({top:0,left:l,behavior:"smooth"}),B.current=e,T(e),E&&E(e)};e.useEffect((()=>{"number"==typeof b&&(e=>{if(!L.current)return;const{clientWidth:t}=L.current,a=C\|\|t,l="intertwined"===o?"percentage"===i.unit?ea+i.amount/100ae:ea+i.amountae:ea;L.current.scrollTo({top:0,left:l,behavior:"smooth"}),B.current=e,T(e)})(b)}),[b]);const I=e=>{if(!L.current)return;const{clientWidth:t}=L.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)),L.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),L.current.scrollTo({top:0,left:l,behavior:"smooth"}))},_=H.default((()=>{if("infinity"===r){if(!L.current)return;const{clientWidth:e,scrollLeft:t}=L.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,s=!1;const d=L.current,c=(r,o)=>{s=!0,a=!1,l=!1,e=r-d.offsetLeft,t=o-d.offsetTop,n=d.scrollLeft},u=e=>{c(e.pageX,e.pageY)},m=e=>{c(e.touches[0].pageX,e.touches[0].pageY)},f=()=>{if(s=!1,a=!1,l=!1,!L.current)return;const{clientWidth:e}=L.current,t=C\|\|e,n="ltr"===r?0!==B.current?B.current-1:B.current:"rtl"===r&&B.current<N.length-1?B.current+1:B.current,d="intertwined"===o?"percentage"===i.unit?nt+i.amount/100tn:nt+i.amounttn:nt;L.current.scrollTo({top:0,left:d,behavior:"smooth"}),r="none",B.current!==n&&(B.current=n,T(n),E&&E(n))},g=(o,i)=>{if(!s)return;const c=o-d.offsetLeft,u=i-d.offsetTop,m=c-e,f=u-t;a\|\|l\|\|!(f>20\|\|f<-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(),g(e.pageX,e.pageY)},h=e=>{l&&e.preventDefault(),g(e.touches[0].pageX,e.touches[0].pageY)};return null==d\|\|d.addEventListener("mousedown",u,{passive:!0}),null==d\|\|d.addEventListener("touchstart",m,{passive:!0}),window.addEventListener("mouseup",f,{passive:!0}),window.addEventListener("touchend",f,{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",f),window.removeEventListener("touchend",f),null==d\|\|d.removeEventListener("mousemove",p),null==d\|\|d.removeEventListener("touchmove",h)}}}),[]),O.default.createElement(s.StyledScrollList,{className:c,"data-row":t,onScroll:_},f&&x>0&&O.default.createElement("div",{className:`${g} arrow-left`,onClick:()=>I("back"),"data-event-category":h,"data-event-action":y,"data-event-label":v},"Care"===k?O.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},O.default.createElement("g",{filter:"url(#filter0_dd_12599_34420)"},O.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"}),O.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"}),O.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"})),O.default.createElement("defs",null,O.default.createElement("filter",{id:"filter0_dd_12599_34420",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},O.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),O.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"}),O.default.createElement("feOffset",{dx:"-2",dy:"2"}),O.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),O.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"}),O.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12599_34420"}),O.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"}),O.default.createElement("feOffset",{dx:"-1",dy:"1"}),O.default.createElement("feGaussianBlur",{stdDeviation:"1"}),O.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"}),O.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12599_34420",result:"effect2_dropShadow_12599_34420"}),O.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12599_34420",result:"shape"})))):O.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},O.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"}),O.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"}),O.default.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),O.default.createElement("div",{ref:L,className:"container",style:{overflowX:"snapped"===r\|\|f?"hidden":"scroll"}},N.map(((e,l)=>{let n=0;for(let e=0;e<l;e++)n+=N[e].length;return O.default.createElement("div",{key:l,className:"section",style:{marginLeft:"intertwined"===o&&0!==l?i.amount+""+("percentage"===i.unit?"%":"px"):"0px"}},1===t&&u&&O.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 O.default.createElement("div",{className:"items-progress",key:a},0===a&&0===l?O.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):O.default.createElement("div",{className:"line"}),O.default.createElement("div",{className:"icon-status"},O.default.createElement(ue,{status:null==o?void 0:o.status})),l===N.length-1&&a===e.length-1?O.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):O.default.createElement("div",{className:"line"}))}))),O.default.createElement("div",{className:"grid-layout","data-index":l,style:{gridTemplateColumns:`repeat(${a}, 1fr)`,gridTemplateRows:`repeat(${t}, 1fr)`}},e.map(((e,t)=>O.default.createElement(O.default.Fragment,{key:t},O.default.createElement("div",{className:"item-grid",key:t},e))))))}))),f&&x<N.length-1&&O.default.createElement("div",{className:`${p} arrow-right`,onClick:()=>I("forward"),"data-event-category":h,"data-event-action":y,"data-event-label":v}," ","Care"===k?O.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},O.default.createElement("g",{filter:"url(#filter0_dd_12597_34423)"},O.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"}),O.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"}),O.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"})),O.default.createElement("defs",null,O.default.createElement("filter",{id:"filter0_dd_12597_34423",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},O.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),O.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"}),O.default.createElement("feOffset",{dx:"-2",dy:"2"}),O.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),O.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"}),O.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12597_34423"}),O.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"}),O.default.createElement("feOffset",{dx:"-1",dy:"1"}),O.default.createElement("feGaussianBlur",{stdDeviation:"1"}),O.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"}),O.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12597_34423",result:"effect2_dropShadow_12597_34423"}),O.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12597_34423",result:"shape"})))):O.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},O.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"}),O.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"}),O.default.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),l&&O.default.createElement("ul",{className:"bullet-nav"},N.map(((e,t)=>O.default.createElement("li",{key:t,className:"bullet-nav__item "},O.default.createElement("p",{onClick:()=>D(t),className:`bullet-nav__link scroll ${x==t?"active":null}`,"data-scheme":w}))))),n&&O.default.createElement("div",{className:"image-gallery-wrapper","data-test":N.length},N.slice(0,3).map(((e,t)=>O.default.createElement("div",{className:`image-block ${x==t?"active":null}`,key:t,onClick:()=>D(t),"data-scheme":w},e)))))},exports.SeoHead=({SEOData:t={},locale:a="vi-VN",routerPathname:l,routerQuery:n,nextHead:r,siteType:o,seoCustom:i,userId:d,forcedCanonicalUrl:c})=>{var u,g,p,h,y,v,E,b,C,w,k,S;const{totalPages:x,currentPage:T,SEOTitle:N="",SEODescription:L="",SEOImage:B,seoType:D,SEOImageWidth:I,SEOImageHeight:_,customMetaData:M=[],isIndexable:A=!0,hasNoCanonical:P=!1}=t,z=A&&f.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",$="helloSites"===o?m.domainLocales[H]:"www.marrybaby.vn",W=j.endsWith("/")?"":"/",G=e.useMemo((()=>{var e,l,n,r,o,i,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}`,f=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://${$}${j}${W}" />`,`<link rel="canonical" href="https://${$}${j}${W}?page=${T}" />`):t.apiMetaData;if(c=s.htmlReactParser(f,{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://${$}/images/${a}.png`;c=[...c,O.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(l=t.openGraph)\|\|void 0===l?void 0:l.image)\|\|B\|\|e\|\|""}),O.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)\|\|B\|\|e}),O.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)\|\|I&&String(I)\|\|"1200"}),O.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(i=t.openGraph)\|\|void 0===i?void 0:i.imageHeight)&&String(null===(d=t.openGraph)\|\|void 0===d?void 0:d.imageHeight)\|\|_&&String(_)\|\|"630"})]}}return c}),[t.apiMetaData,t.openGraph,B,_,I,T,j,x,a,$]),R=`https://${$}/images/${a}.png`;return O.default.createElement(r,null,O.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===o&&O.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===a?O.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===a\|\|"ms-MY"===a?O.default.createElement(O.default.Fragment,null):O.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"}),O.default.createElement("link",{rel:"preconnect",href:F}),O.default.createElement("meta",{charSet:"UTF-8"}),O.default.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),O.default.createElement("meta",{name:"google",content:"notranslate"}),O.default.createElement("meta",{name:"robots",content:z}),O.default.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),M.map(((e,t)=>O.default.createElement("meta",Object.assign({key:t},e)))),O.default.createElement("meta",{name:"theme-color",content:"helloSites"===o?"#2c87f3":"#e85388"}),O.default.createElement("meta",{name:"page_type",content:"Home"}),O.default.createElement("meta",{name:"page_platform",content:"WEB"}),O.default.createElement("meta",{name:"page_language",content:H}),O.default.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),!G&&O.default.createElement(O.default.Fragment,null,"helloSites"===o?O.default.createElement("title",null,i?N:N+" - "+(null===(u=m.LOCALE_SPECS[a])\|\|void 0===u?void 0:u.SITE_NAME)):O.default.createElement("title",null,N),!P&&O.default.createElement("link",{rel:"canonical",href:`https://${$}${j}`}),O.default.createElement("meta",{name:"description",content:L\|\|(null===(g=t.openGraph)\|\|void 0===g?void 0:g.description)}),t.schemaData&&O.default.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:t.schemaData}}),O.default.createElement("meta",{property:"og:locale",content:a}),O.default.createElement("meta",{property:"og:type",content:D\|\|"website"}),O.default.createElement("meta",{property:"og:title",content:(null===(p=t.openGraph)\|\|void 0===p?void 0:p.title)\|\|N}),O.default.createElement("meta",{property:"og:description",content:(null===(h=t.openGraph)\|\|void 0===h?void 0:h.description)\|\|L}),O.default.createElement("meta",{property:"og:url",content:`https://${$}${j}`}),O.default.createElement("meta",{property:"og:site_name",content:`https://${$}`}),O.default.createElement("meta",{property:"og:image",content:(null===(y=t.openGraph)\|\|void 0===y?void 0:y.image)\|\|B\|\|R\|\|""}),O.default.createElement("meta",{property:"og:image:secure_url",content:(null===(v=t.openGraph)\|\|void 0===v?void 0:v.image)\|\|B\|\|R}),O.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)\|\|I&&String(I)\|\|"1200"}),O.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)\|\|_&&String(_)\|\|"630"}),O.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),O.default.createElement("meta",{name:"twitter:title",content:(null===(k=t.twitter)\|\|void 0===k?void 0:k.title)\|\|N}),O.default.createElement("meta",{name:"twitter:description",content:L}),O.default.createElement("meta",{name:"twitter:image",content:(null===(S=t.twitter)\|\|void 0===S?void 0:S.image)\|\|B})),("helloSites"===o?m.FAVICONS[H]\|\|[]:m.FAVICONS.marryBaby).map(((e,t)=>"link"===e.type?O.default.createElement("link",{key:`favicon-${t}`,rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?O.default.createElement("meta",{key:t,name:e.name,content:e.content}):null)),Array.isArray(G)&&c?G.filter((e=>"canonical"!==e.props.name&&"canonical"!==e.props.rel)):G,c&&O.default.createElement("link",{rel:"canonical",href:c}),!t.hasNoAmp&&"vi-VN"!==a&&O.default.createElement("link",{rel:"amphtml",href:`https://${$}${j}${W}?amp=1`}),d&&"undefined"!=typeof window?O.default.createElement("script",{dangerouslySetInnerHTML:{__html:`window.dataLayer = window.dataLayer \|\| []; window.dataLayer.push({'userID': '${d}'});`}}):null)},exports.Shadow=({size:e,children:t,style:l,className:n})=>O.default.createElement(a.StyledShadow,{style:l,className:n,"data-shadow-size":e},t),exports.ShareContainer=({url:a,onCopied:l,locale:r,siteType:o})=>{const{t:c}=g.useTranslations(),u=P.getSocialList(a\|\|"").filter((e=>!e.allowedLocales\|\|e.allowedLocales.includes(r))),m=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return O.default.createElement(s.StyledShareContainer,null,O.default.createElement(t.Text,{size:"p3",color:i.theme.colors.gray800},c("shareContainer.title")),O.default.createElement("div",{className:"icon-group"},u.map(((e,t)=>O.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer","data-event-category":"Health Tool","data-event-action":`Social Share - ${e.name}`,"data-event-label":m},e.icon))),O.default.createElement(n.Button,{theme:o,size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:O.default.createElement($e,null),onClick:()=>d.__awaiter(void 0,void 0,void 0,(function(){var e;yield null===(e=null===navigator\|\|void 0===navigator?void 0:navigator.clipboard)\|\|void 0===e?void 0:e.writeText(a),null==l\|\|l()})),"data-event-category":"Health Tool","data-event-action":"Copy Link","data-event-label":m})))},exports.ShareDrawer=a=>{var{open:l,title:r,onClose:o,onCopied:c,onShared:u,url:m,locale:f}=a,p=d.__rest(a,["open","title","onClose","onCopied","onShared","url","locale"]);const{t:h}=g.useTranslations(),v=e.useCallback((()=>d.__awaiter(void 0,void 0,void 0,(function(){var e;yield null===(e=null===navigator\|\|void 0===navigator?void 0:navigator.clipboard)\|\|void 0===e?void 0:e.writeText(m),null==c\|\|c()}))),[m,c]),E=P.getSocialList(m\|\|"").filter((e=>!e.allowedLocales\|\|e.allowedLocales.includes(f)));return e.useEffect((()=>{l&&navigator.share&&navigator.share({title:null!=r?r:"Read This Post",url:m}).then((()=>{null==u\|\|u()})).catch((()=>{null==o\|\|o()}))}),[m,r,u,l]),"undefined"!=typeof navigator&&navigator.share?null:O.default.createElement(s.StyledShareDrawer,Object.assign({title:h("share.title"),onClose:o,open:l,placement:"bottom"},p),O.default.createElement("div",{className:"share-container"},O.default.createElement("div",{className:"icon-container"},O.default.createElement(t.Text,{type:"semiBold",size:"s3",color:i.theme.colors.gray600},h("share.title")),O.default.createElement("div",{className:"icon-group"},E.map(((e,t)=>O.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer"},e.icon))))),O.default.createElement("div",{className:"link-container"},O.default.createElement(t.Text,{type:"semiBold",size:"s3",color:i.theme.colors.gray600},h("share.copyLink")),O.default.createElement("div",{className:"input-group"},O.default.createElement(y.Input,{name:"link",size:"md",value:m,isDisabled:!0}),O.default.createElement(n.Button,{size:"md",type:"button",color:"tertiary",icon:O.default.createElement(We,null),onClick:v})))))},exports.StatisticCard=({type:e,description:t,value:a,withIcon:l,isInACard:n,cardColor:r,className:o})=>O.default.createElement(s.StyledStatisticContainer,{className:o,"data-size":e,"data-is-in-card":"big"===e&&n,"data-card-color":r},O.default.createElement(s.StyledDescriptionWrapper,null,"small"===e&&O.default.createElement(s.StyledDot$1,{"data-color":r}),t),O.default.createElement(s.StyledStatisticNumberWrapper,{"data-size":e},"small"!==e&&l,a)),exports.SurveyThankyouCard=({thankyou:e,thankyouSubtitle:l,className:n,style:r})=>O.default.createElement(s.StyledSurveyQuestionCard,{className:n,style:r},O.default.createElement("div",{className:"survey-inner-wrapper"},O.default.createElement(s.StyledSurveyThankyouCard,null,O.default.createElement("div",{className:"survey-thankyou-wrapper-inner"},O.default.createElement("svg",{viewBox:"0 0 122 122",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"survey-thankyou-icon"},O.default.createElement("path",{d:"M61.5 122C94.6371 122 121.5 95.1371 121.5 62C121.5 28.8629 94.6371 2 61.5 2C28.3629 2 1.5 28.8629 1.5 62C1.5 95.1371 28.3629 122 61.5 122Z",fill:"#E3F2FF"}),O.default.createElement("ellipse",{cx:"61.5",cy:"110.36",rx:"48",ry:"3.36",fill:"#91CAFF"}),O.default.createElement("path",{d:"M82.9048 72.6663H101.5L87.597 40H35.403L21.5 72.6663H40.0952V91H83.0786L82.9048 72.6663Z",fill:"#2C74DF"}),O.default.createElement("path",{d:"M74.4004 15.0005H39.863C36.9017 15.0005 34.5 17.4022 34.5 20.3635V72.5769C34.5 75.5383 36.9017 77.9399 39.863 77.9399H83.1357C86.097 77.9399 88.4987 75.5383 88.4987 72.5769V29.0988L88.4987 21.0005C88.4987 17.6868 85.8124 15.0005 82.4987 15.0005H74.4004Z",fill:"white"}),O.default.createElement("path",{d:"M88.8529 80.1077H34.1469C31.8699 80.1077 30.06 78.3036 30.06 76.0338V65.3837C30.06 63.1139 31.8699 61.3098 34.1469 61.3098H88.8529C91.1299 61.3098 92.9398 63.1139 92.9398 65.3837V76.0338C92.9398 78.3036 91.1299 80.1077 88.8529 80.1077Z",fill:"#E4E8EC"}),O.default.createElement("path",{d:"M90.838 85.4512H32.1618C29.8849 85.4512 28.075 83.6471 28.075 81.3774V70.7272C28.075 68.4575 29.8849 66.6533 32.1618 66.6533H90.7796C93.0566 66.6533 94.8665 68.4575 94.8665 70.7272V81.3774C94.9249 83.6471 93.0566 85.4512 90.838 85.4512Z",fill:"white"}),O.default.createElement("path",{d:"M103.748 75.4919V105.755C103.748 107.675 102.172 109.247 100.245 109.247H23.0031C21.0764 109.247 19.5 107.675 19.5 105.755V75.4919C19.5 73.5713 21.0764 72 23.0031 72H42.3866C44.3133 72 45.8897 73.5713 45.8897 75.4919V80.8461C45.8897 81.1952 46.1232 81.428 46.4735 81.428H76.7749C77.1253 81.428 77.3588 81.1952 77.3588 80.8461V75.4919C77.3588 73.5713 78.9352 72 80.8618 72H100.245C102.172 72 103.748 73.5713 103.748 75.4919Z",fill:"#45A4FF"}),O.default.createElement("path",{d:"M51.9541 91.3767V94.4612C51.9541 96.0907 53.2386 97.3711 54.8733 97.3711H67.7179C69.3526 97.3711 70.6371 96.0907 70.6371 94.4612V91.3767",stroke:"#2C74DF",strokeWidth:"3",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),O.default.createElement("path",{d:"M120.5 38.0251C118.5 37.7793 117.25 39.3768 118.125 41.22L118.375 41.9573C119.125 43.8006 118 45.398 116 45.1523L115.25 45.0294C113.25 44.7836 112 46.3811 112.875 48.2244L113.25 48.9616C114 50.8049 112.875 52.4025 110.875 52.1567L110.125 52.0337C108.625 51.9109 107.5 52.7712 107.5 54",stroke:"#FE921D",strokeWidth:"1.9096",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),O.default.createElement("path",{d:"M1.53299 62C1.2644 63.413 2.6745 64.337 4.35323 63.8478L5.02472 63.6304C6.70346 63.087 8.11356 64.0109 7.84496 65.4783L7.7107 66.0217C7.4421 67.4348 8.8522 68.3587 10.5309 67.8696L11.2024 67.6522C12.8812 67.1087 14.2913 68.0326 14.0227 69.5L13.8884 70.0435C13.687 71.1304 14.4256 71.8913 15.5 72",stroke:"#00B16A",strokeWidth:"2.8751",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),O.default.createElement("path",{d:"M118 92C119.381 92 120.5 90.8807 120.5 89.5C120.5 88.1193 119.381 87 118 87C116.619 87 115.5 88.1193 115.5 89.5C115.5 90.8807 116.619 92 118 92Z",stroke:"#00B16A",strokeWidth:"2.8751",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),O.default.createElement("path",{d:"M82.0001 3.18747L83.1875 7.53467L87.5347 6.34727L86.3473 2.00007L82.0001 3.18747Z",stroke:"#00B16A",strokeWidth:"2.1628",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),O.default.createElement("path",{d:"M17.0001 28C18.1046 28 19 27.1045 19 25.9999C19 24.8954 18.1046 24 17.0001 24C15.8955 24 15 24.8954 15 25.9999C15 27.1045 15.8955 28 17.0001 28Z",stroke:"#FE921D",strokeWidth:"2.3278",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),O.default.createElement("path",{d:"M61.5 26.6667C54.136 26.6667 48.1667 32.6361 48.1667 40.0001C48.1667 47.3641 54.136 53.3334 61.5 53.3334C68.864 53.3334 74.8334 47.3641 74.8334 40.0001C74.8334 32.6361 68.864 26.6667 61.5 26.6667ZM69.1094 36.9427L59.776 46.2761C59.516 46.5361 59.1747 46.6667 58.8334 46.6667C58.492 46.6667 58.1507 46.5361 57.8907 46.2761L53.8907 42.2761C53.3694 41.7547 53.3694 40.9121 53.8907 40.3907C54.412 39.8694 55.2547 39.8694 55.776 40.3907L58.8334 43.4481L67.224 35.0574C67.7454 34.5361 68.588 34.5361 69.1094 35.0574C69.6307 35.5787 69.6307 36.4214 69.1094 36.9427Z",fill:"#00CB8A"})),e&&O.default.createElement(a.Heading,{className:"survey-thankyou-title",tag:"h3"},e),l&&O.default.createElement(t.Text,{className:"survey-thankyou-subtitle",size:"p3"},l))))),exports.THRCardEmbed=({isSide:a,locale:l,thrContent:n,isMobile:r,info:d,inputErrorMessage:c,onFormChange:u,onSubmit:f})=>{var p,h,y;const{t:b}=g.useTranslations(),{getHealthToolLink:w}=T.useHealthToolsCache(l),S=e.useMemo((()=>w(C.HEALTH_TOOL_TYPE.THR)),[w]),[x,N]=e.useState(!1),[D,I]=e.useState("low_intensity"),[_,M]=e.useState("male"),[A,P]=e.useState(60),[z,F]=e.useState({idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40}),j=[{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}],H=[{value:"low_intensity",label:b("targetHeartRate.lowIntensity.title"),image:o.CommonGAssets.getAssetPath("/low.svg"),imageActive:o.CommonGAssets.getAssetPath("/low-active.svg"),content:b("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:b("targetHeartRate.moderateIntensity.title"),image:o.CommonGAssets.getAssetPath("/moderate.svg"),imageActive:o.CommonGAssets.getAssetPath("/moderate-active.svg"),content:b("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:b("targetHeartRate.aerobicZone.title"),image:o.CommonGAssets.getAssetPath("/aerobic.svg"),imageActive:o.CommonGAssets.getAssetPath("/aerobic-active.svg"),content:b("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:b("targetHeartRate.vigorousIntensity.title"),image:o.CommonGAssets.getAssetPath("/vigorous.svg"),imageActive:o.CommonGAssets.getAssetPath("/vigorous-active.svg"),content:b("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:b("targetHeartRate.maximumIntensity.title"),image:o.CommonGAssets.getAssetPath("/maximum.svg"),imageActive:o.CommonGAssets.getAssetPath("/maximum-active.svg"),content:b("targetHeartRate.maximumIntensity.note")}],$=e.useMemo((()=>[{value:"male",label:b("gender.male"),content:O.default.createElement(E.Icon.GenderChooseBoy,null)},{value:"female",label:b("gender.female"),content:O.default.createElement(E.Icon.GenderChooseGirl,null)}]),[]);return e.useEffect((()=>{const e=((new Date).getTime()-new Date(null==d?void 0:d.age).getTime())/1e3;N(e>=567648e3);const t=j.find((t=>e>=365t.minAge246060&&e<365t.maxAge2460*60))\|\|j[0];F(t),P(60)}),[null==d?void 0:d.age]),O.default.createElement(s.StyledContainer,{"data-is-side":a},O.default.createElement(s.ToolsBannerCard,{isSide:a,bannerUrl:o.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),icon:O.default.createElement("img",{alt:"health-tool-icon",src:null==n?void 0:n.featured_image,style:{objectFit:"contain",marginLeft:"auto",maxWidth:"100%"}}),heading:b("targetHearRate.heading"),medicalReview:(null===(p=null==n?void 0:n.reviewedBy)\|\|void 0===p?void 0:p.display_name)?O.default.createElement(t.Text,{size:"n1",color:i.theme.colors.white},O.default.createElement("span",{dangerouslySetInnerHTML:{__html:b("toolPage.toolReviewer",{expert_name:`<a\n style="color: white"\n href="${B.formatUserProfileUrl(null==n?void 0:n.reviewedBy)}"\n >\n ${null===(h=null==n?void 0:n.reviewedBy)\|\|void 0===h?void 0:h.display_name}\n </a>`,date:null==n?void 0:n.reviewedDate})}}),O.default.createElement("span",null)):void 0,isMobile:r}),O.default.createElement(v.Container,null,O.default.createElement(s.StyledContent,{className:"heart-rate-cal",onSubmit:e=>e.preventDefault(),"data-is-side":a},O.default.createElement(s.StyledRow$1,{"data-is-side":a},O.default.createElement(s.FormControl$1,null,O.default.createElement(s.StyledInput$1,{size:"md",name:"gender",label:b("bmi.selectGender"),CustomInput:O.default.createElement(E.RadioImageGroup,{options:$,value:_,onChange:e=>{M(e),P(60)},className:"bmi--input-radio_gender"}),className:"bmi--input bmi--input-gender"}))),O.default.createElement(s.StyledRow$1,null,O.default.createElement(Ce,{info:d,locale:l,errorMessage:c,onChange:u})),O.default.createElement("div",{className:"slider-heart-rate"},O.default.createElement(L.Label,{size:"label2",style:{display:"inline-block",marginBottom:"9px",color:i.theme.colors.gray600,fontWeight:"bold",fontSize:"12px"},htmlFor:"gender-selector"},b("targetHeartRate.heartRateInput")),O.default.createElement("div",{className:"slider-outer-wrapper"},O.default.createElement(k.Slider,{containerStyle:{flex:1},min:"male"===_?z.rangeMale:z.rangeFemale,max:200,step:1,value:A,withControl:!0,onChange:P}))),x&&O.default.createElement(s.FormControl$1,null,O.default.createElement(s.StyledActive,null,O.default.createElement(L.Label,{size:"label2",style:{display:"inline-block",fontWeight:"bold",color:i.theme.colors.gray600,marginBottom:"9px"},htmlFor:"gender-selector"},b("targetHeartRate.selectActive")),O.default.createElement("div",{className:"card"},O.default.createElement(be,{options:H.map((e=>({value:e.value,label:e.label,image:e.image,imageActive:e.imageActive}))),value:D,onChange:e=>{I(e)},className:"gender-selector"})),D&&O.default.createElement("div",{className:"note"},O.default.createElement("img",{style:{height:"16px",width:"16px"},src:o.CommonGAssets.getAssetPath("/infoIcon.svg"),alt:""}),O.default.createElement(t.Text,{size:"n1",color:"#595959"},null===(y=H[H.findIndex((e=>e.value==D))\|\|0])\|\|void 0===y?void 0:y.content)),!D&&O.default.createElement("span",{style:{color:"#e64728"}},c.intensity)))),O.default.createElement("div",{style:{display:"flex"}},O.default.createElement(s.StyledButton$1,{size:"lg",onClick:()=>{f(_,D,[A])},dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:`https://${m.domainLocales[l]}/${S}`},b("bmi.submit")))))},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 f=m.color?{"--text-props-color":m.color}:{};return O.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),f),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},O.default.createElement(t.Text,Object.assign({},m),l))},exports.TimelineBanner=({content:e,url:a,icon:l,gender:n,className:r,siteType:o})=>{const{t:d}=g.useTranslations();return O.default.createElement(s.StyledTimelineBanner,{className:r,"data-theme":o,"data-gender":n},O.default.createElement("div",{className:"content"},O.default.createElement(t.Text,{size:"p3",color:i.theme.colors.gray800},e),a&&O.default.createElement("a",{className:"read-more",href:a,target:"_blank",rel:"noreferrer"},O.default.createElement("div",null,O.default.createElement(t.Text,{size:"s4",color:i.theme.colors.primaryBase,type:"semiBold"},d("articlePage.readMore"))),O.default.createElement(E.Icon.ArrowRight,{size:20,color:i.theme.colors.primaryBase}))),O.default.createElement("img",{alt:"health-tool-icon",src:l}))},exports.Toggle=({className:e,id:t,onChange:l,checked:n,style:r,label:o})=>O.default.createElement(a.StyledToggle,{className:e,style:r},O.default.createElement("input",{type:"checkbox",id:t,onChange:l,checked:n}),O.default.createElement("label",{htmlFor:t},O.default.createElement(a.StyledToggleIcon,null),o&&O.default.createElement(a.StyledToggleLabel,null,o))),exports.UnderlinedLink=({size:e,isDisabled:t,className:l,link:n,style:r})=>O.default.createElement(a.StyledUnderlinedLink,{className:l,"data-size":e,style:r,"data-disabled":t\|\|void 0},n),exports.Uploader=({type:e,withIcon:t,onFileSelected:l,inputId:r,withElement:o,fileAcceptType:i,multiple:s,value:d,className:c})=>{const u=()=>{var e;null===(e=document.querySelector("#uploader-input-"+r))\|\|void 0===e\|\|e.click()};return O.default.createElement(a.StyledUploader,{className:c},"badge"===e?O.default.createElement(a.StyledElementContainer,{onClick:u,"data-is-attached-to-element":!!o},o,O.default.createElement(a.StyledIconWrapper,{"data-is-attached-to-element":!!o},t)):o?O.default.createElement("div",{onClick:u},o):O.default.createElement(n.Button,{size:"md",color:"secondary",className:"default-button",icon:t,onClick:u},O.default.createElement(a.StyledDefaultButtonContent,null,O.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"},O.default.createElement("defs",null,O.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),O.default.createElement("title",null,"upload"),O.default.createElement("path",{className:"prefix__cls-1",d:"M14 10v2.67A1.33 1.33 0 0112.67 14H3.33A1.33 1.33 0 012 12.67V10M11.33 5.33L8 2 4.67 5.33M8 2v8",transform:"translate(-1.25 -1.25)"})),"Upload Image")),O.default.createElement("input",{id:"uploader-input-"+r,accept:i,multiple:s,type:"file",style:{display:"none"},onChange:e=>{l(e.target.files)},value:d}))},exports.VaccineCard=Ge,exports.VaccineDetailPopup=({babyVaccinationRecord:a,onClose:l,vaccineDetail:r,isDetail:o,open:d,siteType:c,onMarkAsInjected:u,onDelInjected:m})=>{const{t:f}=g.useTranslations(),[p,h]=e.useState(0),[y,v]=e.useState(!1),C=[{name:f("babyVaccine.popup.tab.schedule"),dataEventAction:"Click"},{name:f("babyVaccine.popup.tab.detail"),dataEventAction:"Click"},{name:f("babyVaccine.popup.tab.benefits"),dataEventAction:"Click"},{name:f("babyVaccine.popup.tab.contraindication"),dataEventAction:"Click"}];return e.useEffect((()=>{o&&h(1)}),[o]),O.default.createElement(s.StyledModal,{type:"profile",isOpen:d,onClose:l,siteType:c},O.default.createElement("div",{className:"header"},O.default.createElement("div",{className:"title"},O.default.createElement(t.Text,{size:"s2",type:"semiBold"},f("babyVaccine.popup.title")),O.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:l},O.default.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"})))),O.default.createElement("div",{className:"profile-container"},O.default.createElement(F.Tabs,{style:{fontSize:"14px",lineHeight:"22px",width:"100%",border:"none"},onChange:e=>{h(e)},tabContent:C,initialTab:p}),O.default.createElement(s.StyledTabContent,null,0===p&&O.default.createElement(O.default.Fragment,null,O.default.createElement(Ge,{vaccineRecord:a,onMarkAsInjected:()=>u(a),onDelInjected:()=>m(a),isInTimeline:!1}),O.default.createElement("div",{className:"toggle",onChange:()=>{"vaccinated"==a.status?m(a):u(a)}},"vaccinated"===a.status?O.default.createElement(E.Icon.ToggleOn,null):O.default.createElement(E.Icon.ToggleOff,null),O.default.createElement(t.Text,{size:"n1",color:i.theme.colors.gray800},"vaccinated"===a.status?f("babyVaccine.vaccineCard.injected"):f("babyVaccine.vaccineCard.markAsInjected"))),O.default.createElement(z.DatePicker,{style:{width:"100%"},label:O.default.createElement(t.Text,{as:"label",size:"s5",type:"semiBold",color:i.theme.colors.gray600},f("babyVaccine.popup.checkbox.suggestedDate")),onChange:()=>null,excludeDate:e=>$.default(e).isAfter($.default())}),O.default.createElement(b.Checkbox,{label:O.default.createElement(t.Text,{as:"label",size:"s5",type:"semiBold",color:i.theme.colors.gray600},f("babyVaccine.popup.input.suggestedDate")),name:"check",checked:y,value:"check",onChange:()=>v(!y)})),1===p&&O.default.createElement(O.default.Fragment,null,O.default.createElement("span",{className:"description",dangerouslySetInnerHTML:{__html:r.detail}})),2===p&&O.default.createElement(O.default.Fragment,null," ",O.default.createElement("span",{className:"description",dangerouslySetInnerHTML:{__html:r.benefits}})),3===p&&O.default.createElement(O.default.Fragment,null,O.default.createElement("span",{className:"description",dangerouslySetInnerHTML:{__html:r.contraindications}})))),O.default.createElement(n.Button,{style:{width:"100%",marginTop:12},theme:c,size:"lg",color:"primary"},f("babyVaccine.popup.button.submit")))},exports.index=ce,exports.index$1=fe;
1	+ "use strict";var e=require("react"),t=require("./index-fb3e1d30.js"),a=require("./index.styled-66c1c4f3.js"),l=require("./utils-c29028b0.js"),n=require("./index-dd4a4ea2.js"),r=require("./useUniqueId-9a6e694c.js"),o=require("./gAssets.js"),i=require("./theme-2e6ac74b.js"),s=require("./index.styled-1f9d2453.js"),d=require("./tslib.es6-80dbcefc.js"),c=require("lodash/throttle"),u=require("keen-slider/react"),m=require("./index-546ff675.js"),f=require("./isProduction-b041845c.js"),g=require("./useTranslations-9744fed2.js"),p=require("date-fns"),h=require("dayjs"),y=require("./index-35d3bb22.js"),v=require("./index-62fb47af.js"),E=require("./index-80841c9b.js"),b=require("@mantine/core");require("./index.styled-48262f1a.js"),require("./index-714c2531.js");var C=require("./index.styled-ab9849e0.js"),w=require("./index-e48a8388.js"),k=require("./index-11035ba2.js"),S=require("react-hook-form"),x=require("./index-9795b9aa.js"),T=require("./useHealthToolCache-78b9686b.js"),N=require("./Locale-9f607618.js"),L=require("./index.styled-e02829a9.js"),B=require("./dataTransform-a7ce026a.js");require("./screenSizeContext-8986ad56.js"),require("styled-components");var D=require("./useOutsideClick-bbf9d6e5.js"),I=require("date-fns/locale/en-US"),_=require("date-fns/locale/id"),M=require("date-fns/locale/vi"),A=require("date-fns/locale/zh-TW"),P=require("./getSocialList-4d3bb896.js"),z=require("@mantine/dates"),F=require("./index-ef9064ab.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var O=j(e),H=j(c),$=j(h),W=j(I),G=j(_),R=j(M),V=j(A),U="CHw-fZZ",q="_03U6VRS",Z="EO828Vv";const Y=({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]),O.default.createElement(e.Fragment,null,n>4&&O.default.createElement(e.Fragment,null,O.default.createElement(a.StyledPaginationBlock,{onClick:()=>r(1)},i?O.default.createElement("a",{href:i,onClick:o},1):1),O.default.createElement(a.StyledPaginationBlock,null,"...")),c.map((e=>O.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===n\|\|void 0,onClick:()=>r(e)},i?O.default.createElement("a",{href:l.formatUrlWithPageParam(i,e,s),onClick:o},e):e))),n<d.length-3&&O.default.createElement(e.Fragment,null,O.default.createElement(a.StyledPaginationBlock,null,"..."),O.default.createElement(a.StyledPaginationBlock,{onClick:()=>r(d.length)},i?O.default.createElement("a",{href:l.formatUrlWithPageParam(i,d.length,s),onClick:o},d.length):d.length)))},K=({label:e,name:t,checked:l,className:n,isDisabled:r,onChange:o,value:i,isRectangle:s,inputDataTestId:d,siteType:c})=>O.default.createElement(a.StyledCheckbox,{className:n,"data-disabled":r\|\|void 0,"data-is-rectangle":s\|\|void 0,"data-label-text":e,"data-theme":c},O.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&&O.default.createElement("label",{htmlFor:`${t}-${i}`},e)),Q=e=>O.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),O.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"})),X=e=>O.default.createElement("svg",Object.assign({},e,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),O.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"})),J=e=>{const t=r.useUniqueId();return O.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),O.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"}),O.default.createElement("mask",{id:t,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},O.default.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),O.default.createElement("g",{mask:`url(#${t})`},O.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"})))};var ee="PiqKaXk",te="HgbW6-m",ae="_6lkfLYy",le="j7c-onH";const ne=({avatarImg:e,authorName:a,authorLink:l,uploadTime:n,size:r})=>O.default.createElement("div",{className:le},O.default.createElement("div",{className:"author"},O.default.createElement("div",{className:"avatar","data-size":r},e),O.default.createElement("div",{className:"poster","data-is-disabled-url":!l},O.default.createElement(t.Text,{size:"lg"===r?"p3":"p4"},O.default.createElement("a",{href:l},O.default.createElement("span",{className:"name"},a),"•"," "),O.default.createElement("span",null,n))))),re=({isMobile:e,avatarImg:l,name:n,link:r,size:o="lg",specialty:s})=>O.default.createElement("div",{className:le},O.default.createElement("div",{className:"author"},O.default.createElement("div",{className:"expert-avatar","data-size":o},l),O.default.createElement("div",{className:"expert","data-is-disabled-url":!r},e?O.default.createElement("a",{href:r},"lg"===o?O.default.createElement(O.default.Fragment,null,O.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:i.theme.colors.gray600},n),O.default.createElement(t.Text,{color:i.theme.colors.gray500,size:"p3",className:"specialty"},s)):O.default.createElement(O.default.Fragment,null,O.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:i.theme.colors.gray600},n))):O.default.createElement("a",{href:r},"lg"===o?O.default.createElement(O.default.Fragment,null,O.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:i.theme.colors.gray600},n),O.default.createElement(t.Text,{color:i.theme.colors.gray500,size:"p3",className:"specialty"},s)):O.default.createElement(O.default.Fragment,null,O.default.createElement("h6",{color:i.theme.colors.gray600,className:`${ee} expert__name`},n),O.default.createElement(t.Text,{color:i.theme.colors.gray500,size:"p4",className:"specialty"},s))))));var oe="lKjhvEi",ie="HGYlQvl",se="AyUUQv-";const de=({LinkComponent:e,page:t,isLast:a,onChangePage:l})=>{const{label:n,value:r,isDropdown:o,dropdownItems:i,dataEventCategory:d,dataEventAction:c,dataEventLabel:u}=t;return o?O.default.createElement(s.Dropdown,{options:i,placeholder:"...",id:"",placeholderIcon:null,onChange:l,className:"collapsed-breadcrumb"}):O.default.createElement("div",{className:se,title:"string"!=typeof n?r:n,"data-last":a},e&&O.default.createElement(e,{"data-event-category":d,"data-event-action":c,"data-event-label":u,href:r\|\|"#"},n))};var ce=Object.freeze({__proto__:null,SideMenu:s.SideMenu,SideHeader:s.SideHeader,UserInfo:s.UserInfo,MenuLink:s.MenuLink});const ue=({status:e})=>"inActive"===e?O.default.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},O.default.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"})):"active"===e?O.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},O.default.createElement("circle",{cx:"6",cy:"6",r:"4",fill:"#2D87F3"}),O.default.createElement("circle",{cx:"6",cy:"6",r:"5.5",stroke:"#2D87F3"})):"done"===e?O.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},O.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"}),O.default.createElement("path",{d:"M8.76061 4.20029L4.80061 7.80029L3.00061 6.16392",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})):O.default.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},O.default.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"})),me=({isDisabled:e,isLeft:t,onClick:a,className:l,scheme:n="hellosites"})=>O.default.createElement(s.StyledArrow,{onClick:a,"data-is-disabled":e,"data-is-left":t,className:l},O.default.createElement("svg",{width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t?O.default.createElement("path",{d:"M2.92902 6.00015L6.75002 2.17915C7.16402 1.76515 7.16402 1.09315 6.75002 0.679152C6.33602 0.265152 5.66402 0.265152 5.25002 0.679152L0.636023 5.29315C0.245023 5.68415 0.245023 6.31715 0.636023 6.70715L5.25002 11.3212C5.66402 11.7352 6.33602 11.7352 6.75002 11.3212C7.16402 10.9072 7.16402 10.2352 6.75002 9.82115L2.92902 6.00015Z",fill:"hellosites"===n?"#595959":"#E55C8A"}):O.default.createElement("path",{d:"M5.07095 6.00015L1.24995 2.17915C0.835953 1.76515 0.835953 1.09315 1.24995 0.679152C1.66395 0.265152 2.33595 0.265152 2.74995 0.679152L7.36395 5.29315C7.75495 5.68415 7.75495 6.31715 7.36395 6.70715L2.74995 11.3212C2.33595 11.7352 1.66395 11.7352 1.24995 11.3212C0.835953 10.9072 0.835953 10.2352 1.24995 9.82115L5.07095 6.00015Z",fill:"hellosites"===n?"#595959":"#E55C8A"})));var fe=Object.freeze({__proto__:null,Table:s.Table,Cell:s.Cell,Head:s.Head,Row:s.Row,Body:s.Body});const ge=({locale:a,onClick:l,siteType:r,pageUrl:o})=>{const{t:d}=g.useTranslations(),[c,u]=e.useState(new Date);return O.default.createElement(O.default.Fragment,null,O.default.createElement(s.StyledLastPeriodFormContainer,{className:"input-form","data-is-side":!0},"marryBaby"===r?O.default.createElement(s.StyledTextField,{label:d("dueDatePage.conceptionDate"),name:"date",size:"md",value:s.DateToInputValue(c),CustomInput:O.default.createElement(s.DatePicker,{onChange:e=>{u(e)},placeholder:"dd/mm/yyyy",pickedDate:c,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>O.default.createElement(y.Input,Object.assign({className:"due-date-input",name:"birthday",size:"md"},e,{value:c&&$.default(c).format(C.DUE_DATE_FORMAT)}))}),actionIcon:O.default.createElement(E.Icon.CalendarMB,{size:32})}):O.default.createElement(y.Input,{label:O.default.createElement(t.Text,{size:"n1",type:"bold",color:i.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},d("dueDatePage.conceptionDate")),value:s.DateToInputValue(c),name:"date",size:"md",className:"due-date-input",CustomInput:O.default.createElement(s.DatePicker,{customInput:e=>O.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:s.DateToInputValue(c)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:c,displayDateFormat:s.DATE_FORMAT,onChange:e=>{u(e)},placeholder:"placeholder"})})),O.default.createElement(n.Button,{className:"due-date-calculate-button",size:"lg",color:"marryBaby"===r?"secondary":"primary",theme:r,dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:o,onClick:()=>{l(s.getDueDateConception(c),`${m.QUERY_HEALTH_TOOL.type}=1&sd=${p.format(c,s.API_DATE_FORMAT)}&${m.QUERY_HEALTH_TOOL.additional}= `)},role:"button"},d("dueDatePage.lastPeriod.calculate")))},pe=({locale:a,onClick:l,siteType:r,pageUrl:o})=>{const{t:d}=g.useTranslations(),[c,u]=e.useState(new Date),[f,h]=e.useState("3");return O.default.createElement(O.default.Fragment,null,O.default.createElement(s.StyledLastPeriodFormContainer,{className:"input-form","data-is-side":!0},"marryBaby"===r?O.default.createElement(s.StyledTextField,{label:d("dueDatePage.ivf.transferDate"),name:"date",size:"md",value:s.DateToInputValue(c),CustomInput:O.default.createElement(s.DatePicker,{onChange:e=>{u(e)},placeholder:"dd/mm/yyyy",pickedDate:c,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>O.default.createElement(y.Input,Object.assign({className:"due-date-input",name:"birthday",size:"md"},e,{value:c&&$.default(c).format(C.DUE_DATE_FORMAT)}))}),actionIcon:O.default.createElement(E.Icon.CalendarMB,{size:32})}):O.default.createElement(y.Input,{label:O.default.createElement(t.Text,{size:"n1",type:"bold",color:i.theme.colors.gray700,style:{marginBottom:"9px",flex:"1"}},d("dueDatePage.ivf.transferDate")),value:s.DateToInputValue(c),name:"date",size:"md",className:"due-date-input",CustomInput:O.default.createElement(s.DatePicker,{customInput:e=>O.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:s.DateToInputValue(c)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:c,displayDateFormat:s.DATE_FORMAT,onChange:e=>{u(e)},placeholder:"placeholder"})})),O.default.createElement("div",{style:{width:"100%"}},O.default.createElement(s.RadioGroup,{id:"radio-transfer-date",type:"circle",direction:"vertical",size:"small",group:"group1",value:f,onChange:e=>h(e),options:[{value:"3",label:d("dueDatePage.ivf.transferDateRadio",{number:3})},{value:"5",label:d("dueDatePage.ivf.transferDateRadio",{number:5})}]})),O.default.createElement(n.Button,{className:"due-date-calculate-button",size:"lg",color:"marryBaby"===r?"secondary":"primary",theme:r,dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:o,onClick:()=>{l(s.getDueDateIVF(c,Number(f)),`${m.QUERY_HEALTH_TOOL.type}=2&${m.QUERY_HEALTH_TOOL.startDate}=${p.format(c,s.API_DATE_FORMAT)}&${m.QUERY_HEALTH_TOOL.additional}=${f}`)},role:"button"},d("dueDatePage.lastPeriod.calculate")))},he=({locale:a,onClick:l,siteType:r,pageUrl:o})=>{const{t:d}=g.useTranslations(),[c,u]=e.useState(28),[f,h]=e.useState(new Date);return O.default.createElement(O.default.Fragment,null,O.default.createElement(s.StyledLastPeriodFormContainer,{className:"input-form","data-is-side":!0},"marryBaby"===r?O.default.createElement(s.StyledTextField,{label:d("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:s.DateToInputValue(f),CustomInput:O.default.createElement(s.DatePicker,{onChange:e=>{h(e)},placeholder:"dd/mm/yyyy",pickedDate:f,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>O.default.createElement(y.Input,Object.assign({name:"birthday",size:"md"},e,{value:f&&$.default(f).format(C.DUE_DATE_FORMAT)}))}),actionIcon:O.default.createElement(E.Icon.CalendarMB,{size:32})}):O.default.createElement(y.Input,{className:"input-section due-date-input",label:O.default.createElement(t.Text,{size:"n1",type:"bold",color:i.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},d("dueDatePage.lastPeriod.lastPeriodLabel")),value:s.DateToInputValue(f),name:"date",size:"md",CustomInput:O.default.createElement(s.DatePicker,{customInput:e=>O.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:s.DateToInputValue(f)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:f,displayDateFormat:s.DATE_FORMAT,onChange:e=>{h(e)},placeholder:"placeholder"})})),O.default.createElement("div",{className:"slider-due-date","data-theme":"marryBaby"===r?"marryBaby":""},"marryBaby"===r?O.default.createElement(w.MarryBabyText,{type:"bodytext-3",color:i.theme.mbColors.midGray},d("dueDatePage.lastPeriod.periodLengthLabel")):O.default.createElement(t.Text,{size:"n1",type:"bold",color:i.theme.colors.gray600,style:{marginBottom:"0.5rem"}},d("dueDatePage.lastPeriod.periodLengthLabel")),O.default.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===r&&O.default.createElement(t.Text,{size:"s3",type:"bold",color:i.theme.colors.gray600},c),O.default.createElement(k.Slider,{containerStyle:{flex:1},min:20,max:40,step:1,labelAlwaysOn:"marryBaby"!==r,withControl:"marryBaby"!==r,onChange:u,value:c,label:"marryBaby"!==r?void 0:null}))),O.default.createElement(n.Button,{dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:o,className:"due-date-calculate-button",size:"lg",color:"marryBaby"===r?"secondary":"primary",theme:r,onClick:()=>l(s.getDueDateLastPeriod(f,c),`${m.QUERY_HEALTH_TOOL.type}=0&${m.QUERY_HEALTH_TOOL.startDate}=${p.format(f,s.API_DATE_FORMAT)}&${m.QUERY_HEALTH_TOOL.additional}=${c}`),role:"button"},d("dueDatePage.lastPeriod.calculate")))},ye=({onSubmitDueDate:a,locale:l,isSide:n,siteType:r})=>{const{t:o}=g.useTranslations(),[d,c]=e.useState(s.DueDateCalculatorType.lastPeriod),u=[{value:s.DueDateCalculatorType.lastPeriod,label:o("dueDatePage.lastPeriod")},{value:s.DueDateCalculatorType.conception,label:o("dueDatePage.conceptionDate")},{value:s.DueDateCalculatorType.IVF,label:o("dueDatePage.ivf")}],m=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return O.default.createElement(s.StyledInputWrapper,null,O.default.createElement(s.StyledMethodContainer,{className:"input-form input-section","data-is-side":!0},"marryBaby"===r?O.default.createElement(s.StyledDropDown,{groupedWithLabel:o("dueDatePage.calculationMethod"),options:u,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:u[d],onChange:e=>{c(e.value)}}):O.default.createElement(O.default.Fragment,null,O.default.createElement(t.Text,{size:"n1",type:"bold",color:i.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},o("dueDatePage.calculationMethod")),O.default.createElement(s.StyledMethodSwitcherContainer,{"data-is-side":n},O.default.createElement(s.Dropdown,{options:u,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"md",value:u[d],onChange:e=>{c(e.value)}})))),d===s.DueDateCalculatorType.lastPeriod?O.default.createElement(he,{locale:l,onClick:a,isSide:n,siteType:r,pageUrl:m}):null,d===s.DueDateCalculatorType.conception?O.default.createElement(ge,{locale:l,onClick:a,isSide:n,siteType:r,pageUrl:m}):null,d===s.DueDateCalculatorType.IVF?O.default.createElement(pe,{locale:l,onClick:a,isSide:n,siteType:r,pageUrl:m}):null)};function ve({weight:e,height:t}){const a=t/100,l=e;return Math.round(l/(aa)10)/10}const Ee=({value:a,onChange:l,onSubmit:n,disabled:r,bmiGenerated:o,bmiUnit:c,locale:u,isSide:f})=>{var p,h,y,v;const[b,w]=e.useState(!1),{control:k,handleSubmit:N,setValue:L,watch:B}=S.useForm(),D=B(),{t:I}=g.useTranslations(),{gender:_=!1,age:M=!1,height:A=!1,weight:P=!1,objective:z=!0}=r\|\|{},{getHealthToolLink:F}=T.useHealthToolsCache(u),j=e.useMemo((()=>F(C.HEALTH_TOOL_TYPE.OVULATION)),[F]),H=e.useMemo((()=>[{value:"male",label:I("gender.male"),content:O.default.createElement(E.Icon.GenderChooseBoy,null)},{value:"female",label:I("gender.female"),content:O.default.createElement(E.Icon.GenderChooseGirl,null)}]),[]),$=e.useMemo((()=>[{value:"lose-weight",label:I("bmi.objective.loseWeight")},{value:"maintain-weight",label:I("bmi.objective.maintainWeight")},{value:"gain-weight",label:I("bmi.objective.gainWeight")}]),[]),W=()=>{w(!0)};return e.useEffect((()=>{Object.keys(a\|\|{}).forEach((e=>{L(e,null==a?void 0:a[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})}))}),[a]),e.useEffect((()=>{l&&l(D)}),[D]),O.default.createElement(s.StyledContainer$1,null,O.default.createElement("form",{onSubmit:N((e=>d.__awaiter(void 0,void 0,void 0,(function(){const t=c.heightConvert(e.height),a=c.weightConvert(e.weight),l={gender:e.gender,age:e.age,height:t,weight:a,bmi:ve({height:t,weight:a})};z\|\|(l.objective=e.objective),W(),n&&n(l)}))),W)},!_&&O.default.createElement(s.FormControl,{"data-is-side":f},O.default.createElement(S.Controller,{name:"gender",control:k,defaultValue:"male",render:({field:{name:e,value:t,onChange:a},fieldState:{error:l}})=>O.default.createElement(s.StyledInput,{size:"md",name:e,label:o.gender.label,CustomInput:O.default.createElement(E.RadioImageGroup,{options:H,value:t,onChange:e=>a(e),className:"bmi--input-radio_gender "+(f?"bmi-side-embed":"")}),errorMessage:b?null==l?void 0:l.message:"",className:"bmi--input bmi--input-gender"})})),O.default.createElement(s.StyledRow,{"data-is-side":f},!M&&O.default.createElement(s.FormControl,null,O.default.createElement(S.Controller,{name:"age",control:k,rules:null===(p=o.age)\|\|void 0===p?void 0:p.rule,render:({field:{name:e,value:a,onChange:l},fieldState:{error:n}})=>O.default.createElement(x.Input.Number,{label:O.default.createElement(t.Text,{size:"label2",type:"bold",color:i.theme.colors.gray600},o.age.label),placeholder:I("healthtool.placeholder.age"),name:e,value:a,onChange:l,error:b?null==n?void 0:n.message:"",min:0})})),!A&&O.default.createElement(s.FormControl,null,O.default.createElement(S.Controller,{name:"height",control:k,rules:null===(h=o.height)\|\|void 0===h?void 0:h.rule,render:({field:{name:e,value:a,onChange:l},fieldState:{error:n}})=>O.default.createElement(x.Input.Number,{label:O.default.createElement(t.Text,{size:"label2",type:"bold",color:i.theme.colors.gray600},o.height.label),placeholder:I("pwg.placeholder.height"),name:e,value:a,onChange:l,error:b?null==n?void 0:n.message:"",min:0})})),!P&&O.default.createElement(s.FormControl,null,O.default.createElement(S.Controller,{name:"weight",control:k,rules:null===(y=o.weight)\|\|void 0===y?void 0:y.rule,render:({field:{name:e,value:a,onChange:l},fieldState:{error:n}})=>O.default.createElement(x.Input.Number,{label:O.default.createElement(t.Text,{size:"label2",type:"bold",color:i.theme.colors.gray600},o.weight.label),placeholder:I("pwg.placeholder.weight"),name:e,value:a,onChange:l,error:b?null==n?void 0:n.message:"",precision:1,min:0})})),!z&&O.default.createElement(s.FormControl,null,O.default.createElement(S.Controller,{name:"objective",control:k,defaultValue:"lose-weight",rules:null===(v=o.objective)\|\|void 0===v?void 0:v.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:l}})=>O.default.createElement(s.StyledInput,{size:"md",name:e,label:o.objective.label,CustomInput:O.default.createElement(s.RadioGroup,{id:"bmi-objective",className:"bmi-objective",type:"circle",direction:"vertical",size:"small",group:"group1",options:$,value:t,onChange:a}),errorMessage:b?null==l?void 0:l.message:"",className:"bmi--input bmi--input-objective"})}))),O.default.createElement("div",{style:{display:"flex"}},O.default.createElement(s.StyledButton,{size:"lg",isBlock:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${m.domainLocales[u]}/${j}`},I("bmi.submit")))))},be=({value:a,options:l,className:n,direction:r="horizontal",onChange:o,isDisabled:i})=>{const[d,c]=e.useState(a);return O.default.createElement(s.StyledRadioImageGroup,{className:n,"data-direction":r},l.map(((e,l)=>O.default.createElement(s.StyledRadioImageItem,{"data-selected":(a\|\|d)===e.value,"data-disabled":i,key:`health-tool${l}`,onClick:()=>{var t;t=e.value,i\|\|(c(t),o&&o(t))}},O.default.createElement("div",null,O.default.createElement("img",{src:(a\|\|d)===e.value?e.imageActive:e.image,className:"gender-image",alt:""}),e.label&&O.default.createElement(t.Text,{type:"bold",className:"radio-group-item-heading",size:"label1"},e.label))))))},Ce=({info:a,className:l,style:n,onChange:r,errorMessage:o={},locale:d})=>{const{t:c}=g.useTranslations(),[u,m]=e.useState(new Date),[f,h]=e.useState({age:!1,rate:!1});return e.useEffect((()=>{h({age:!1,rate:!1})}),[o]),O.default.createElement(s.StyledContainer$2,{style:n,className:l},O.default.createElement(y.Input,{className:"input-section due-date-input",label:O.default.createElement(t.Text,{size:"n1",type:"bold",color:i.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},c("targetHeartRate.ageInput")),value:s.DateToInputValue(u),name:"date",size:"md",CustomInput:O.default.createElement(s.DatePicker,{customInput:e=>O.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:s.DateToInputValue(u)})),disabledDays:{after:new Date(p.addDays(new Date,0))},locale:d,pickedDate:u,displayDateFormat:"dd/MM/yyyy",onChange:e=>{(e=>{m(e),h((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},a),{age:p.format(new Date(e),s.API_DATE_FORMAT)});r&&r(t)})(e)},placeholder:"placeholder"}),errorMessage:f.age?"":o.age}))},we=({info:a,className:l,style:n,onChange:r,errorMessage:o={},locale:d,onClick:c,isSide:u})=>{const{t:f}=g.useTranslations(),[p,h]=e.useState({age:!1,height:!1,weight:!1}),{getHealthToolLink:y}=T.useHealthToolsCache(d),v=e.useMemo((()=>y(C.HEALTH_TOOL_TYPE.OVULATION)),[y]),[b,w]=e.useState("male"),k=e.useMemo((()=>[{value:"male",label:f("gender.male"),content:O.default.createElement(E.Icon.GenderChooseBoy,null)},{value:"female",label:f("gender.female"),content:O.default.createElement(E.Icon.GenderChooseGirl,null)}]),[]),S=(e,t)=>{""!==e&&(isNaN(e)\|\|isNaN(parseFloat(e)))\|\|t(e)},N=e=>{var t,l;l=e=>{h((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},a),{age:e});r&&r(t)},""!==(t=e)&&(isNaN(t)\|\|isNaN(parseFloat(t))\|\|t.includes("."))\|\|l(t)};return e.useEffect((()=>{r&&r(Object.assign(Object.assign({},a),{objective:"lose-fat",activeLevel:"sedentary"}))}),[]),e.useEffect((()=>{h({age:!1,height:!1,weight:!1})}),[o]),O.default.createElement(s.StyledContainer$3,{style:n,className:l},O.default.createElement(s.FormControl$2,{"data-is-side":u},O.default.createElement(s.StyledInput$2,{size:"md",name:"gender",label:f("bmi.selectGender"),CustomInput:O.default.createElement(E.RadioImageGroup,{options:k,value:b,onChange:e=>w(e),className:"bmi--input-radio_gender "+(u?"bmi-side-embed":"")}),className:"bmi--input bmi--input-gender"})),O.default.createElement(s.StyledRow$2,{"data-is-side":u},O.default.createElement(s.FormControl$2,null,O.default.createElement(x.Input.Number,{label:O.default.createElement(t.Text,{size:"label2",type:"bold",color:i.theme.colors.gray600},f("bmi.ageInput")," ",O.default.createElement(t.Text,{size:"label2",type:"bold",color:i.theme.colors.gray300,as:"span"},f("bmi.ageInput.desc"))),placeholder:f("healthtool.placeholder.age"),value:Number(a.age),onChange:e=>N(String(e)),error:p.age?"":o.age,min:0})),O.default.createElement(s.FormControl$2,null,O.default.createElement(x.Input.Number,{label:O.default.createElement(t.Text,{size:"label2",type:"bold",color:i.theme.colors.gray600},f("bmi.heightInput")," ",O.default.createElement(t.Text,{size:"label2",type:"bold",color:i.theme.colors.gray300,as:"span"},f("bmi.heightInput.desc"))),placeholder:f("pwg.placeholder.height"),value:Number(a.height),onChange:e=>{return t=String(e),void S(t,(e=>{h((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},a),{height:e});r&&r(t)}));var t},error:p.height?"":o.height,min:0})),O.default.createElement(s.FormControl$2,null,O.default.createElement(x.Input.Number,{label:O.default.createElement(t.Text,{size:"label2",type:"bold",color:i.theme.colors.gray600},f("bmi.weightInput")," ",O.default.createElement(t.Text,{size:"label2",type:"bold",color:i.theme.colors.gray300,as:"span"},f("bmi.weightInput.desc"))),placeholder:f("pwg.placeholder.weight"),value:Number(a.weight),onChange:e=>{return t=String(e),h((e=>Object.assign(Object.assign({},e),{weight:!0}))),void S(t,(e=>{const t=Object.assign(Object.assign({},a),{weight:e});r&&r(t)}));var t},error:p.weight?"":o.weight,min:0,precision:1}))),O.default.createElement("div",{style:{display:"flex"}},O.default.createElement(s.StyledButton$2,{size:"lg",isBlock:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMR",dataEventLabel:`https://${m.domainLocales[d]}/${v}`,onClick:()=>{c(b)}},f("bmi.submit"))))};var ke="eM8ChWU",Se="KAx1aqi",xe="QcFfKPB",Te="brbyNAY",Ne="W65hTnn";const Le=({src:e,title:t,backgroundSrc:l,className:n,reviewedSection:r,isSide:o})=>O.default.createElement("div",{className:`${ke} ${n\|\|""}`},O.default.createElement("div",{className:Se,style:{backgroundImage:`url("${l}")`}},O.default.createElement("div",{className:xe,"data-is-side":o},O.default.createElement("div",{className:Te,"data-is-side":o},O.default.createElement(a.Heading,{tag:"h4",color:"white"},t),r),O.default.createElement("div",{className:Ne},O.default.createElement("img",{src:e\|\|"",style:{objectFit:"contain"},alt:t})))));var Be="zvE9IoJ",De="njDC-ia",Ie="ESkUhe9",_e="wZLIQYa";const Me=({backgroundDesktopSrc:e,backgroundMobileSrc:l,title:n,className:r,isSide:o,ovulationContent:s})=>{var d,c,u;const{t:m}=g.useTranslations(),f=B.formatUserProfileUrl(null==s?void 0:s.reviewed_by);return O.default.createElement("div",{className:`${Be} ${r}`,"data-is-side":o},O.default.createElement("div",{className:De,style:{backgroundImage:`url('${l\|\|e}')`}},O.default.createElement("div",{className:_e},O.default.createElement(a.Heading,{tag:"h5",color:"white"},n),(null===(d=null==s?void 0:s.reviewed_by)\|\|void 0===d?void 0:d.display_name)?O.default.createElement(t.Text,{size:"n1",color:"white",style:{marginTop:"0.3rem"}},O.default.createElement("span",{dangerouslySetInnerHTML:{__html:m("articlePage.articleReviewerBy",{name:`<a\n style="color: white"\n href="${f}"\n >\n ${s.reviewed_by.display_name}\n </a>`})}}),O.default.createElement("span",null,m("tools.heading.on")),O.default.createElement("span",null,null==s?void 0:s.reviewed_date)):null),O.default.createElement("div",{className:Ie,"data-is-side":o},O.default.createElement("img",{src:(null==s?void 0:s.featured_image)\|\|"",style:{width:"100%",objectFit:"contain",marginTop:"20px"},alt:n}))),O.default.createElement(Le,{className:"desktop-only",src:(null==s?void 0:s.featured_image)\|\|"",backgroundSrc:e\|\|l\|\|"",title:n,reviewedSection:(null===(c=null==s?void 0:s.reviewed_by)\|\|void 0===c?void 0:c.display_name)&&""!==(null===(u=null==s?void 0:s.reviewed_by)\|\|void 0===u?void 0:u.display_name)&&O.default.createElement(t.Text,{size:"n1",color:i.theme.colors.white,style:{marginTop:12}},O.default.createElement("span",{dangerouslySetInnerHTML:{__html:m("toolPage.toolReviewer",{expert_name:`<a\n style="color: white"\n href="${f}"\n >\n ${s.reviewed_by.display_name}\n </a>`,date:null==s?void 0:s.reviewed_date})}}),O.default.createElement("span",null)),isSide:o}))},Ae=({siteType:t,info:l,onChange:n,errorMessage:r={}})=>{const{t:o}=g.useTranslations(),[d,c]=e.useState({weightBefore:!1,height:!1,weight:!1}),[u,m]=e.useState(0),f=e.useRef(null);e.useEffect((()=>{var e;m(null===(e=f.current)\|\|void 0===e?void 0:e.clientHeight)}));const p=(e,t)=>{""!==e&&(isNaN(e)\|\|isNaN(parseFloat(e)))\|\|t(e)},h=e=>{p(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=>{p(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=>{p(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?O.default.createElement(O.default.Fragment,null,O.default.createElement("div",{className:"input-form-pwg input-section"},O.default.createElement(s.StyledTextField,{label:o("pregnancyWeightGain.heightInput"),name:"pwg-height",size:"md",value:null==l?void 0:l.height,CustomInput:O.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})})),O.default.createElement("div",{className:"input-form-pwg input-section"},O.default.createElement(s.StyledTextField,{label:o("pregnancyWeightGain.weightBeforeInput"),name:"pwg-weightBefore",size:"md",value:null==l?void 0:l.weightBefore,CustomInput:O.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:h})})),O.default.createElement("div",{className:"input-form-pwg input-section"},O.default.createElement(s.StyledTextField,{label:o("pregnancyWeightGain.weightInput"),name:"pwg-weight",size:"md",value:null==l?void 0:l.weight,CustomInput:O.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})}))):O.default.createElement(O.default.Fragment,null,O.default.createElement("div",{className:"input-form-pwg"},O.default.createElement(a.PureInput,{placeholder:o("pwg.placeholder.height"),className:"input-section",label:O.default.createElement("span",{style:{color:i.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px"},className:"label-text"},o("pregnancyWeightGain.heightInput")," ",O.default.createElement("span",{style:{color:`${i.theme.colors.gray300}`}},o("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})),O.default.createElement("div",{className:"input-form-pwg"},O.default.createElement(a.PureInput,{placeholder:o("pwg.placeholder.weight"),className:"input-section",label:O.default.createElement("span",{style:{color:i.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px"},ref:f,className:"label-text"},o("pregnancyWeightGain.weightBeforeInput")," ",O.default.createElement("span",{style:{color:`${i.theme.colors.gray300}`}},o("pregnancyWeightGain.weightInput.desc"))),errorMessage:d.weightBefore?"":null==r?void 0:r.weightBefore,size:"sm",isNumerousKeyboard:!0,name:"pwg-weightBefore",onChange:h,value:null==l?void 0:l.weightBefore})),O.default.createElement("div",{className:"input-form-pwg"},O.default.createElement(a.PureInput,{placeholder:o("pwg.placeholder.weight"),className:"input-section",label:O.default.createElement("span",{style:{color:i.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px",minHeight:u},className:"label-text"},o("pregnancyWeightGain.weightInput")," ",O.default.createElement("span",{style:{color:`${i.theme.colors.gray300}`}},o("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})))},Pe=()=>"undefined"!=typeof window&&window.innerWidth<l.Breakpoints.BREAK_POINT_MOBILE,ze=()=>"undefined"!=typeof window&&window.innerWidth>=l.Breakpoints.BREAK_POINT_MOBILE&&window.innerWidth<l.Breakpoints.BREAK_POINT_PC,Fe=()=>{const[t,a]=e.useState(Pe()),[l,n]=e.useState(ze());return e.useEffect((()=>{const e=()=>{a(Pe()),n(ze())};return window.addEventListener("resize",e,{passive:!0}),()=>{window.removeEventListener("resize",e)}}),[]),{isMobile:t,isLargeMobile:l}};const je={"en-PH":W.default,"vi-VN":R.default,"zh-TW":V.default,"id-ID":G.default};function Oe(t){const{value:a={from:null,to:null}}=t,[l,n]=e.useState(null),{isMobile:r}=Fe(),[o,i]=e.useState((()=>a)),[d,c]=e.useState((()=>{var e;return p.startOfMonth(null!==(e=a.from)&&void 0!==e?e:new Date)})),u=e.useMemo((()=>p.addMonths(d,1)),[d]);const m=Object.assign(Object.assign({},t),{goToNextMonth:function(){c((e=>p.addMonths(e,1)))},goToPreviousMonth:function(){c((e=>p.subMonths(e,1)))},range:o,setRange:i,hoverDay:l,setHoverDay:n});return O.default.createElement(O.default.Fragment,null,O.default.createElement(He,Object.assign({},m,{date:d})),!r&&O.default.createElement(s.StyledCalendarMonthSeparator,null),!r&&O.default.createElement(He,Object.assign({},m,{date:u})))}function He({date:t,range:a,setRange:l,onChange:r,goToPreviousMonth:i,goToNextMonth:d,minDate:c,maxDate:u,close:m=(()=>{}),autoClose:f=!1,hoverDay:h,setHoverDay:y}){const{locale:v}=g.useTranslations(),E=e.useMemo((()=>{var e;return null!==(e=je[v])&&void 0!==e?e:je["en-PH"]}),[v]),b=e.useMemo((()=>p.format(t,"MMMM",{locale:E})),[t,E]),C=e.useMemo((()=>E?[1,2,3,4,5,6,0].map((e=>E.localize.day(e,{width:"narrow"}))):[]),[E]);function w(e,t){if(null===e)return O.default.createElement(s.StyledCalendarDayNumberWrapper,{key:`idx-${t}`,"data-empty":"true"});const n=e.getDate(),r=p.isToday(e),o=!!a.from&&p.isSameDay(a.from,e),i=!!a.to&&p.isSameDay(a.to,e),d=o\|\|i;let g=!1;null!==h&&a.from&&p.isBefore(a.from,h)&&!a.to?g=p.isWithinInterval(e,{start:a.from,end:h}):a.from&&a.to&&(g=p.isWithinInterval(e,{start:a.from,end:a.to}));let v=!1;return c&&u?v=!p.isWithinInterval(e,{start:c,end:u}):c?v=p.isBefore(e,c):u&&(v=p.isAfter(e,u)),O.default.createElement(s.StyledCalendarDayNumberWrapper,{key:n,"data-is-today":r,"data-is-past":!r&&p.isPast(e),"data-is-selected":d,"data-is-disabled":v,"data-in-range":g,"data-is-from":o,"data-is-to":i,onMouseEnter:()=>{y(e)},onMouseLeave:()=>y(null),onClick:()=>{v\|\|l((t=>(f&&a.from&&!a.to&&m(),function(e,t){return t.from\|\|t.to?t.from&&t.to?{from:e,to:null}:t.from?p.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))))}},O.default.createElement(s.StyledCalendarDayNumber,{onClick:()=>{}},O.default.createElement("p",null,n)))}return e.useEffect((()=>{a.from&&a.to&&r(a)}),[a]),O.default.createElement(s.StyledCalendarWrapper,{className:"calendar-wrapper"},O.default.createElement(s.StyledCalendarHead,null,O.default.createElement(n.Button,{onClick:i,size:"md",color:"ghost",icon:O.default.createElement("img",{src:o.CommonGAssets.getAssetPath("calendarArrowLeft.svg")})}),O.default.createElement("div",{className:"calendar-month"},b,O.default.createElement("strong",null,p.format(t,"yyyy"))),O.default.createElement(n.Button,{onClick:d,size:"md",color:"ghost",icon:O.default.createElement("img",{src:o.CommonGAssets.getAssetPath("calendarArrowRight.svg")})})),O.default.createElement(s.StyledCalendarCellsWrapper,null,O.default.createElement("div",null,O.default.createElement(s.StyledCalendarDaysOfWeek,null,C.map(((e,t)=>O.default.createElement(s.StyledCalendarDayLabel,{key:`${e}-${t}`},e))))),O.default.createElement("div",null,function(){const e=t.getFullYear(),l=t.getMonth(),n=p.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 O.default.createElement(s.StyledCalendarMonthWrapper,{key:`month-${l}`,"data-month-index":l,"data-has-range":Boolean(a.from&&a.to)},O.default.createElement(s.StyledCalendarDaysWrapper,null,O.default.createElement(s.StyledCalendarDateGrid,null,r.map(w))))}())))}const $e=()=>O.default.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},O.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"}),O.default.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"})),We=()=>O.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"copy"},O.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"})),Ge=({vaccineRecord:e,isInTimeline:a,isCurrent:l,onMarkAsInjected:n,onDelInjected:r,className:o,siteType:d})=>{const{t:c}=g.useTranslations(),{vaccineId:u,id:m,status:f,optional:p,vaccineName:h,doseNumber:y,totalDoses:v,givenOn:b}=e;return O.default.createElement(s.StyledVaccineCard,{className:o,"data-theme":d,"data-status":l?"current":f,"data-is-in-timeline":a},O.default.createElement(s.StyledActionWrapper,null,l?O.default.createElement(E.Icon.Current,null):"vaccinated"===f?O.default.createElement(E.Icon.Vaccinated,null):"passed"===f?O.default.createElement(E.Icon.Missed,null):O.default.createElement(E.Icon.Upcoming,null),a?O.default.createElement("div",{className:"toggle",onChange:()=>{"vaccinated"==f?r(e):n(e)}},"vaccinated"===f?O.default.createElement(E.Icon.ToggleOn,null):O.default.createElement(E.Icon.ToggleOff,null),O.default.createElement(t.Text,{size:"n1",color:i.theme.colors.gray800},c("vaccinated"===f?"babyVaccine.vaccineCard.injected":"babyVaccine.vaccineCard.markAsInjected"))):O.default.createElement("div",{className:"in-detail"},c(l?"babyVaccine.status.current":"vaccinated"===f?"babyVaccine.status.vaccinated":"passed"===f?"babyVaccine.status.missed":"babyVaccine.status.upcoming"))),O.default.createElement(s.StyledContentWrapper,null,O.default.createElement(t.Text,{size:"s3",color:i.theme.colors.gray800,type:"semiBold"},h),O.default.createElement(s.StyledInformationWrapper,null,O.default.createElement(t.Text,{size:"n1",color:p?i.theme.colors.gray800:i.theme.colors.red800},c(p?"babyVaccine.vaccineInfo.optional":"babyVaccine.vaccineInfo.mandatory")),O.default.createElement("span",{className:"dot"}),O.default.createElement(t.Text,{size:"n1",color:i.theme.colors.gray600},c("babyVaccine.vaccineInfo.dose",{ordinal:y,total:v})),O.default.createElement("span",{className:"dot"}),O.default.createElement(t.Text,{size:"n1",color:i.theme.colors.gray800},c("vaccinated"===f?"babyVaccine.vaccineInfo.injectedDate":"babyVaccine.vaccineInfo.suggested",{date:b})))))},Re=(e,t)=>O.default.createElement(s.StyledDose,{"data-status":e,"data-id":t\|\|"header"},t\|\|"");exports.Alert=({style:e,onClose:a,text:l,type:n,contentIcon:r,closeIcon:o,className:i,description:s})=>O.default.createElement("div",{className:`${U} ${i\|\|""}`,style:e,"data-alert-type":n},O.default.createElement("div",{className:q},O.default.createElement("div",{className:"icon-title"},r,O.default.createElement(t.Text,{type:"bold",size:"label1"},l)),O.default.createElement(t.Text,{type:"regular",size:"p3"},s)),O.default.createElement("div",{className:Z,onClick:a},o)),exports.ArticleCard=({articleLink:e,authorLink:l,authorName:n,avatarImg:r,banner:i,categoryLink:d,categoryName:c,className:u,dataEventActionForBanner:m,dataEventActionForBookmark:f,dataEventActionForCategory:g,dataEventActionForTitle:p,dataEventCategoryForBanner:h,dataEventCategoryForBookmark:y,dataEventCategoryForCategory:v,dataEventCategoryForTitle:E,dataEventLabelForBanner:b,dataEventLabelForBookmark:C,dataEventLabelForCategory:w,dataEventLabelForTitle:k,direction:S="horizontal",hasAffiliate:x,isBookmark:T=!1,isBookmarkDisplayed:N=!0,isMobile:L=!0,onBookmark:B,onClickCategoryName:D,section:I="normal",size:_="md",specialty:M,style:A,styleBanner:P,styleLabel:z,styleTitle:F,text:j,title:H,type:$="author",uploadTime:W,articleLinkTarget:G,isPremium:R})=>{const V=e=>{e.stopPropagation(),null==B\|\|B()},U="lg"===_&&"expert"===$?"h4":"lg"===_&&"home"===I?L?"h4":"h3":"lg"===_?"h4":"h5",q="lg"===_?"p3":"p4",Z=L\|\|"home"!==I\|\|"lg"!==_\|\|"author"!==$?"c2":"c1";return O.default.createElement("article",{className:`${ae} ${u\|\|""}`,"data-size":_,style:A,"data-direction":S,"data-is-expert":"expert"===$\|\|void 0},O.default.createElement("div",{className:"banner",style:P},O.default.createElement("a",{className:te,"data-event-category":h,"data-event-action":m,"data-event-label":b,href:e\|\|"#",target:G},i),R&&O.default.createElement("img",{loading:"lazy",className:"premium",src:o.CommonGAssets.getAssetPath("premium-crown.svg")}),x&&O.default.createElement(s.AffiliateIcon,null)),O.default.createElement("div",{className:"content"},O.default.createElement("div",{className:"inner-content"},O.default.createElement(t.Text,{style:z,className:"label",size:Z,type:"caption"},O.default.createElement("a",{className:te,"data-event-category":v,"data-event-action":g,"data-event-label":w,href:d\|\|"#",onClick:D},c),N&&O.default.createElement("a",{className:"bookmark",onClick:V},T?O.default.createElement(s.BookmarkedIcon,{dataEventCategoryForBookmark:y,dataEventActionForBookmark:f,dataEventLabelForBookmark:C}):O.default.createElement(s.UnbookmarkedIcon,{dataEventCategoryForBookmark:y,dataEventActionForBookmark:f,dataEventLabelForBookmark:C}))),O.default.createElement(a.Heading,{tag:U,style:F,className:"title",as:"lg"===_?"h2":"h3"},O.default.createElement("a",{className:te,"data-event-category":E,"data-event-action":p,"data-event-label":k,href:e\|\|"#",target:G},H)),j&&O.default.createElement("a",{href:e\|\|"#",target:G},O.default.createElement(t.Text,{size:q,className:"text"},j))),O.default.createElement("div",{className:"footer"},"author"===$?O.default.createElement(ne,{size:_,avatarImg:r,authorName:n,authorLink:l,uploadTime:W,handleClick:V,isBookmarked:T,dataEventCategoryForBookmark:y,dataEventActionForBookmark:f,dataEventLabelForBookmark:C}):O.default.createElement(re,{size:_,isMobile:L,avatarImg:r,specialty:M,name:n,link:l,handleClick:V,isBookmarked:T,dataEventCategoryForBookmark:y,dataEventActionForBookmark:f,dataEventLabelForBookmark:C}))))},exports.BMICardEmbed=({isMobile:e,onSubmit:a,bmiContent:l,isSide:n,bmiGenerated:r,bmiUnit:d,bmiLink:c,locale:u})=>{var m,f,p;const{t:h}=g.useTranslations();return O.default.createElement(s.StyledContainer,{"data-is-side":n},O.default.createElement(s.ToolsBannerCard,{isSide:n,bannerUrl:o.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),icon:O.default.createElement("img",{alt:"health-tool-icon",src:null==l?void 0:l.featured_image,style:{objectFit:"contain",marginLeft:"auto",maxWidth:"100%"}}),heading:h("bmi.heading"),medicalReview:(null===(m=null==l?void 0:l.reviewBy)\|\|void 0===m?void 0:m.reviewer)?O.default.createElement(t.Text,{size:"n1",color:i.theme.colors.white},O.default.createElement("span",{dangerouslySetInnerHTML:{__html:h("toolPage.toolReviewer",{expert_name:`<a\n style="color: white"\n href="${(null===(f=null==l?void 0:l.reviewBy)\|\|void 0===f?void 0:f.link)\|\|"#"}"\n >\n ${l.reviewBy.reviewer}\n </a>`,date:null===(p=null==l?void 0:l.reviewBy)\|\|void 0===p?void 0:p.date})}}),O.default.createElement("span",null)):void 0,isMobile:e}),O.default.createElement(v.Container,null,O.default.createElement(s.StyledContent,{as:"div","data-is-side":n},c&&O.default.createElement(Ee,{onSubmit:a,bmiGenerated:r,locale:u,bmiUnit:d,isSide:n}))))},exports.BMRCardEmbed=({isSide:e,locale:a,bmrContent:l,isMobile:n,info:r,inputErrorMessage:d,onFormChange:c,onSubmit:u})=>{var m,f,p;const{t:h}=g.useTranslations();return O.default.createElement(s.StyledContainer,{"data-is-side":e},O.default.createElement(s.ToolsBannerCard,{isSide:e,bannerUrl:o.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),icon:O.default.createElement("img",{alt:"health-tool-icon",src:null==l?void 0:l.featured_image,style:{objectFit:"contain",marginLeft:"auto",maxWidth:"100%"}}),heading:h("bmr.heading"),medicalReview:(null===(m=null==l?void 0:l.reviewBy)\|\|void 0===m?void 0:m.reviewer)?O.default.createElement(t.Text,{size:"n1",color:i.theme.colors.white},O.default.createElement("span",{dangerouslySetInnerHTML:{__html:h("toolPage.toolReviewer",{expert_name:`<a\n style="color: white"\n href="${(null===(f=null==l?void 0:l.reviewBy)\|\|void 0===f?void 0:f.link)\|\|"#"}"\n >\n ${l.reviewBy.reviewer}\n </a>`,date:null===(p=null==l?void 0:l.reviewBy)\|\|void 0===p?void 0:p.date})}}),O.default.createElement("span",null)):void 0,isMobile:n}),O.default.createElement(v.Container,null,O.default.createElement(s.StyledContent,{onSubmit:e=>e.preventDefault(),"data-is-side":e},O.default.createElement(s.StyledInputForm,null,O.default.createElement(we,{info:r,locale:a,errorMessage:d,onChange:c,onClick:u,isSide:e})))))},exports.BabyGrowthCardEmbed=({isMobile:e,className:a,onSubmit:l,onError:n,schema:r,babyGrowthContent:d,siteType:c})=>{var u,m,f,p,h;const{t:y}=g.useTranslations();return O.default.createElement(s.StyledContainer,{"babyGrowthContent-is-mobile":e,"data-site":c},O.default.createElement(s.ToolsBannerCard,{siteType:c,bannerUrl:o.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerUrlLarge:o.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerColor:"marryBaby"===c&&i.theme.mbColors.mint,isEmbeded:!0,icon:O.default.createElement("img",{className:"embedded-icon",alt:"health-tool-icon",src:(null==d?void 0:d.featuredImage)\|\|"",style:{maxWidth:"100%"}}),heading:(null==d?void 0:d.title)\|\|"",medicalReview:(null===(u=null==d?void 0:d.reviewBy)\|\|void 0===u?void 0:u.reviewer)&&""!==(null===(m=null==d?void 0:d.reviewBy)\|\|void 0===m?void 0:m.reviewer)?O.default.createElement(t.Text,{size:"label2",color:i.theme.colors.white,className:"embedded-review"},O.default.createElement("span",{dangerouslySetInnerHTML:{__html:y("toolPage.toolReviewer",{expert_name:"marryBaby"===c?null===(f=null==d?void 0:d.reviewBy)\|\|void 0===f?void 0:f.reviewer.trim():`<a\n style="color: white"\n href="${(null===(p=null==d?void 0:d.reviewBy)\|\|void 0===p?void 0:p.link)\|\|"#"}"\n >\n ${null===(h=null==d?void 0:d.reviewBy)\|\|void 0===h?void 0:h.reviewer.trim()}\n </a>`,date:null==d?void 0:d.reviewBy.date})}})):void 0,isMobile:e}),O.default.createElement(s.StyledBabyGrowthWrapper,{"data-theme":c},O.default.createElement(s.StyleForm,{siteType:c,schema:r,className:a,onSubmit:l,onError:n})))},exports.BabyPoopEmbed=({babyPoopPage:e,onClickFindOut:l,locale:r,isMobile:d,currentUrl:c,isSide:u})=>{const{t:m}=g.useTranslations(),{reviewedBy:f,reviewedDate:p}=e;return O.default.createElement(s.StyledBabyPoopHeader,null,O.default.createElement(b.Container,{className:"px-16",style:{height:"100%",display:""+(d?"flex":""),flexDirection:"column"}},d&&O.default.createElement(s.StyledBabyPoopHeaderContentImage,{src:o.CommonGAssets.getAssetPath("babyDiaper.png"),alt:e.title}),O.default.createElement(s.StyledBabyPoopHeaderContent,{"data-is-side":u},O.default.createElement(s.StyledBabyPoopHeaderContentText,{"data-is-side":u},O.default.createElement(a.Heading,{tag:"h2",color:"#284A75"},e.title),O.default.createElement(t.Text,{size:"p3",className:"description"},e.description),!!f&&O.default.createElement(s.StyledBabyPoopHeaderReview,{className:"reviewer"},O.default.createElement("img",{src:o.CommonGAssets.getAssetPath("reviewerCheck.svg"),alt:"check",className:"check-icon"}),O.default.createElement(t.Text,{size:"p4",color:i.theme.colors.gray600},m("categoryPage.info.reviewed")," ",O.default.createElement("a",{href:f.profileUrl},f.displayName)," ",m("categoryPage.onDate",{date:p}))),O.default.createElement(n.Button,{color:"primary",size:"md",className:"mt-16 find-out-button",onClick:l,dataEventCategory:"Health Tool",dataEventAction:"Baby Stool Inquiry",dataEventLabel:c,style:{visibility:Boolean(l)?"visible":"hidden"}},m("babyPoop.findOut"))),!d&&O.default.createElement(s.StyledBabyPoopHeaderContentImage,{src:o.CommonGAssets.getAssetPath("babyDiaper.png"),alt:e.title,"data-is-vietnam":r===N.LOCALE.Vietnam,className:"banner-img"}))))},exports.Badge=({amount:e,type:t,size:l="medium",color:n="primary",icon:r,className:o})=>O.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},O.default.createElement("div",null,e&&O.default.createElement("span",null,e)," ",r&&O.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})=>O.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 O.default.createElement("div",{"data-size":l,className:`${oe} ${t\|\|""}`},i.map(((t,a)=>{const s=a+1===i.length;return O.default.createElement(e.Fragment,{key:a},O.default.createElement(de,{LinkComponent:n,page:t,isLast:s,onChangePage:r}),!s&&(t.separator\|\|o\|\|O.default.createElement("div",{className:ie,"data-size":l})))})))},exports.Carousel=({row:t,column:a,children:l,scheme:n="hellosites",classNameLeftArrow:r="",classNameRightArrow:o="",mode:i="snap",isDotsShown:d=!0,isArrowShown:c=!1,dataEventCategory:m,dataEventAction:f,dataEventLabel:g,onChangePage:p})=>{const[h,y]=O.default.useState(0),[v,E]=e.useState(!1),[b,C]=u.useKeenSlider({defaultAnimation:{duration:1e3},initial:0,slideChanged(e){y(e.track.details.rel),p&&p(e.track.details.rel)},created(){E(!0)},drag:!0,mode:i,slides:{spacing:12}}),w=[],k=ta;for(let e=0;e<l.length;e+=k){const t=l.slice(e,e+k);w.push(t)}return O.default.createElement(s.StyledCarousel,{row:t,column:a},O.default.createElement("div",{className:"navigation-wrapper"},O.default.createElement("div",{ref:b,className:"keen-slider slides-wrapper"},w.map(((e,t)=>O.default.createElement("div",{key:t,className:"keen-slider__slide page-items"},e.map(((e,t)=>O.default.createElement("div",{key:t},e))))))),v&&C.current&&c&&O.default.createElement(O.default.Fragment,null,O.default.createElement(me,{isLeft:!0,onClick:e=>{var t;return e.stopPropagation()\|\|(null===(t=C.current)\|\|void 0===t?void 0:t.prev())},isDisabled:0===h,scheme:n,className:`left-arrow ${r}`,"data-event-category":m,"data-event-action":f,"data-event-label":g}),O.default.createElement(me,{isLeft:!1,onClick:e=>{var t;return e.stopPropagation()\|\|(null===(t=C.current)\|\|void 0===t?void 0:t.next())},isDisabled:h===C.current.track.details.slides.length-1,scheme:n,className:`right-arrow ${o}`,"data-event-category":m,"data-event-action":f,"data-event-label":g}))),v&&C.current&&d&&O.default.createElement("div",{className:"dots"},[...Array(C.current.track.details.slides.length)].map(((e,t)=>O.default.createElement(s.StyledDot,{key:t,onClick:()=>{var e;null===(e=C.current)\|\|void 0===e\|\|e.moveToIdx(t)},"data-is-active":h===t,"data-is-hellosites":"hellosites"===n})))))},exports.CategoryCard=({imgBanner:e,label:a,className:l,style:n,href:r="",dataEventCategory:o,dataEventAction:i,dataEventLabel:d})=>O.default.createElement(s.StyledCategoryCard,{"data-event-category":o,"data-event-action":i,"data-event-label":d,className:l,style:n,href:r,onClick:e=>{""===r&&e.preventDefault()}},O.default.createElement("div",{className:"banner"},e),O.default.createElement("div",{className:"content"},O.default.createElement(t.Text,{className:"category_name",size:"sm",type:"bold"},a))),exports.Checkbox=K,exports.CheckboxGroup=({name:e,values:t=[],onChanges:a,options:l=[],className:n,type:r="vertical",isDisabled:o,isRectangle:i})=>{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 O.default.createElement(s.StyledCheckboxGroup,{className:n,"data-type":r,"data-is-rectangle":i\|\|void 0},l.map(((a,l)=>O.default.createElement(K,{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:i}))))},exports.CookieAcceptConfirm=({className:e,policiesUrl:t,onAcceptClick:a,translations:l={acceptButton:"Accept",policiesButton:"Our Policies"},title:n="",description:r="",theme:o="helloSites",isOpen:i=!0,useDefaultPosition:d=!0,trackingAttributes:c})=>O.default.createElement(s.StyledAcceptCardContainer,{className:e,"data-theme":o,"data-is-open":i,"data-default-position":d},O.default.createElement(s.StyledTitleSection,{"data-has-content":!!n},n),O.default.createElement(s.StyledDescription,{dangerouslySetInnerHTML:{__html:r}}),O.default.createElement(s.StyledButtonGroup,null,O.default.createElement(s.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),O.default.createElement(s.StyledPoliciesButton,{href:t},l.policiesButton))),exports.DateRangePicker=function({inputSize:t="md",name:l="date-range-picker",value:n,minDate:r,maxDate:i,onChange:d,className:c,autoClose:u=!1}){n\|\|(n={from:null,to:null});const[m,f]=e.useState(!1);function g(){f(!1)}const h=e.useRef(null);function y(e){d&&d(e)}function v(e){return p.format(e,"dd/MM/yyyy")}D.useOutsideClick(h,(()=>{g()}));const E=e.useMemo((()=>n.from&&n.to?p.isSameDay(n.from,n.to)?v(n.from):`${v(n.from)} - ${v(n.to)}`:""),[n.from,n.to]);return O.default.createElement(s.StyledWrapper,{className:[c,m&&"focused"].filter(Boolean).join(" "),ref:h},O.default.createElement("label",{htmlFor:l},O.default.createElement(a.PureInput,{size:t,value:E,name:l,actionIcon:O.default.createElement("img",{src:o.CommonGAssets.getAssetPath("calendar.svg")}),onFocus:()=>f(!0)})),m?O.default.createElement(s.StyledCalendarWrapper$1,{onMouseDown:e=>{e.stopPropagation()}},O.default.createElement(Oe,{value:n,onChange:y,minDate:r,maxDate:i,close:g,autoClose:u})):null)},exports.DueDateCardEmbed=({isMobile:e,locale:a,onSubmitDueDate:l,dueDatePageInfo:n,expertUrl:r,isSide:d,siteType:c})=>{var u;const{t:m}=g.useTranslations();return O.default.createElement(s.StyledContainer,{"data-is-side":d,"data-site":c},O.default.createElement(s.ToolsBannerCard,{isSide:d,bannerUrl:o.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),siteType:c,bannerColor:"marryBaby"===c&&i.theme.mbColors.mint,isEmbeded:!0,icon:O.default.createElement("img",{alt:"health-tool-icon",src:null==n?void 0:n.featured_image,style:"marryBaby"!==c?{objectFit:"contain",marginLeft:"auto",maxWidth:"100%"}:null}),heading:m("healthTools.dueDateCalculator"),medicalReview:(null===(u=null==n?void 0:n.reviewed_by)\|\|void 0===u?void 0:u.display_name)?O.default.createElement(t.Text,{size:"label2",color:i.theme.colors.white},O.default.createElement("span",{dangerouslySetInnerHTML:{__html:m("toolPage.toolReviewer",{expert_name:"marryBaby"===c?null==n?void 0:n.reviewed_by.display_name:`<a\n style="color: white"\n href="${r}"\n >\n ${null==n?void 0:n.reviewed_by.display_name}\n </a>`,date:null==n?void 0:n.reviewed_date})}}),O.default.createElement("span",null)):void 0,isMobile:e}),O.default.createElement(s.StyledContent,{onSubmit:e=>e.preventDefault(),className:"due-date-cal","data-is-side":d},O.default.createElement(ye,{siteType:c,locale:a,onSubmitDueDate:l,isSide:d})))},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),f=e.useRef(n.map((e=>"upload"===e.type&&O.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)}})))),g=O.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"},O.default.createElement("defs",null,O.default.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},O.default.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"})),O.default.createElement("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),O.default.createElement("title",null,"File"),O.default.createElement("g",{clipPath:"url(#prefix__clip-path)"},O.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)"}),O.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),p=O.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"},O.default.createElement("defs",null,O.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),O.default.createElement("title",null,"download"),O.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=O.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"},O.default.createElement("defs",null,O.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),O.default.createElement("title",null,"upload"),O.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 O.default.createElement(a.StyledDropdown,{className:t,"data-dropdown-open":!!c,id:o,"data-has-icons":!0,style:d,onBlur:()=>u(!1),tabIndex:0},O.default.createElement(a.StyledDropdownName,{onClick:m},i\|\|g," ",O.default.createElement("span",null,l&&l.value?l.label:s)),c&&O.default.createElement(a.StyledDropdownList,{onClick:m,"data-has-icons":!0},n.map((e=>O.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}},O.default.createElement(a.StyledIcon,null,e.icon\|\|"download"===e.type?p:h),e.label)))),O.default.createElement(O.default.Fragment,null,f.current))},exports.FloatButtonGroup=({items:t,className:a,style:l,backgroundPanelStyle:n,isOpen:r,onOpen:o,onClose:i,disableBackdropClick:d,siteType:c="hb",animationType:u="zoom",zIndex:m=300})=>{const[f,g]=e.useState(!!r);e.useEffect((()=>{g(!!r)}),[r]);const p=()=>{g(!1),i&&i()};return O.default.createElement(s.StyledFloatButtonGroup,{style:l,className:a,"data-floatmenu-open":f,"data-site-type":c,"data-animation-type":u},O.default.createElement(s.StyledFloatButtonGroupBackgroundPanel,{className:"float-button-group__panel",style:Object.assign({zIndex:m},n),onClick:d?void 0:p}),O.default.createElement(s.StyledFloatButtonGroupContent,{className:"float-button-group___content",style:{zIndex:m}},O.default.createElement(s.StyledFloatButtonGroupItemsWrapper,null,t.map(((e,a)=>O.default.createElement(s.StyledFloatButtonGroupButton,{className:`float-item-button-${a}`,style:Object.assign(Object.assign({},"zoom"===u&&{bottom:64(t.length-1-a),transitionDelay:s.TRANSITION_TIMING/t.length(f?t.length-1-a:a)+"ms"}),"slide"===u&&{bottom:64(t.length-1-a),transitionDelay:s.TRANSITION_TIMING/t.length(f?a:t.length-1-a)+"ms"}),key:a,onClick:()=>{e.onClick(),e.keepMenuOnClick\|\|g(!1)}},O.default.createElement(s.StyledFloatButtonGroupButtonLabel,{style:Object.assign({},"zoom"===u&&{transitionDelay:s.TRANSITION_TIMING/t.length(f?t.length-1-a:a)+"ms"})},e.label),O.default.createElement(s.StyledFloatButtonGroupButtonIcon,{className:"float-item-button__icon-wrapper",style:Object.assign({},("zoom"===u\|\|"slide"===u)&&{transitionDelay:s.TRANSITION_TIMING/t.length(f?t.length-1-a:a)+"ms"})},e.icon))))),O.default.createElement(s.StyledFloatButtonGroupToggleIcon,{onClick:f?p:()=>{g(!0),o&&o()}})))},exports.Grid=({className:e,columns:t,columnsDesktop:l,gridTemplateColumns:n,gridTemplateColumnsDesktop:r,gap:o,children:i,justifyChildren:s,style:d,alignItems:c})=>O.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})=>O.default.createElement(s.StyledIconText,{className:a,"data-size":e,"data-icon-position":t},"left"===t&&n,l,"right"===t&&n),exports.Immunization=({vaccineRecord:e,onMarkAsInjected:a,onDelInjected:l,isMobile:n,className:r,siteType:o})=>{const{t:d}=g.useTranslations();return O.default.createElement(s.StyledImmunization,{className:r,"data-theme":o},O.default.createElement(s.StyledWarning,null,O.default.createElement(E.Icon.Missed,{color:i.theme.colors.gray600}),O.default.createElement(t.Text,{size:"p3",color:i.theme.colors.gray800},d("babyVaccine.immunization.warning"))),O.default.createElement(s.StyledSchedulerWrapper,null,O.default.createElement(s.StyledRowWrapper,{className:"header"},!n&&O.default.createElement(s.StyledLeftContent,{className:"header"},O.default.createElement(t.Text,{size:"s5",color:i.theme.colors.gray800,type:"semiBold"},d("babyVaccine.immunization.vaccineName"))),O.default.createElement(s.StyledRightContent,{className:"header"},O.default.createElement("div",{className:"status"},Re("passed"),O.default.createElement(t.Text,{size:"p4",color:i.theme.colors.gray800},d("babyVaccine.status.missed"))),O.default.createElement("div",{className:"status"},Re("next"),O.default.createElement(t.Text,{size:"p4",color:i.theme.colors.gray800},d("babyVaccine.status.upcoming"))),O.default.createElement("div",{className:"status"},Re("vaccinated"),O.default.createElement(t.Text,{size:"p4",color:i.theme.colors.gray800},d("babyVaccine.status.vaccinated"))))),e&&e.map(((e,r)=>O.default.createElement(s.StyledRowWrapper,{key:`${r}${e.id}`},O.default.createElement(s.StyledLeftContent,null,O.default.createElement(t.Text,{size:"n1",color:e.optional?i.theme.colors.gray800:i.theme.colors.red800},e.optional?d("babyVaccine.vaccineInfo.optional"):d("babyVaccine.vaccineInfo.mandatory")),O.default.createElement(t.Text,{size:n?"s3":"s4",color:i.theme.colors.gray800,type:"semiBold"},e.name\|\|e.antigen)),O.default.createElement(s.StyledRightContent,null,e.records&&e.records.map(((e,t)=>O.default.createElement("div",{key:t,onClick:()=>{"vaccinated"==e.status?l(e):a(e)}},Re(e.status,t+1))))))))))},exports.OvulationCardEmbed=({onSubmitOvulation:e,locale:a,ovulationPageInfo:l,ovulationContent:n,expertUrl:r,isSide:d=!1,siteType:c,isMobile:u})=>{var m;const{t:f}=g.useTranslations(),p=B.formatOvulationInfo(l\|\|null);return O.default.createElement(s.StyledContainer,{"data-is-side":d,"data-site":c},"marryBaby"!==c?O.default.createElement(Me,{backgroundDesktopSrc:o.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),backgroundMobileSrc:o.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),title:f("healthTools.ovulationCalculator"),reviewedBy:p.reviewedBy,reviewedDate:p.reviewedDate,ovulationContent:n,isSide:d}):O.default.createElement(s.ToolsBannerCard,{isSide:d,bannerUrl:o.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),siteType:c,bannerColor:"marryBaby"===c&&i.theme.mbColors.mint,isEmbeded:!0,icon:O.default.createElement("img",{alt:"health-tool-icon",src:null==l?void 0:l.featured_image,style:"marryBaby"!==c?{objectFit:"contain",marginLeft:"auto",maxWidth:"100%"}:null}),heading:f("healthTools.ovulationCalculator"),medicalReview:(null===(m=null==l?void 0:l.reviewed_by)\|\|void 0===m?void 0:m.display_name)?O.default.createElement(t.Text,{size:"label2",color:i.theme.colors.white},O.default.createElement("span",{dangerouslySetInnerHTML:{__html:f("toolPage.toolReviewer",{expert_name:null==l?void 0:l.reviewed_by.display_name,date:null==l?void 0:l.reviewed_date})}}),O.default.createElement("span",null)):void 0,isMobile:u}),O.default.createElement(s.StyledContent,{onSubmit:e=>e.preventDefault(),className:"ovulation-cal","data-is-side":d},O.default.createElement(s.OvulationCalculator,{siteType:c,locale:a,onSubmitOvulation:e,isSide:d})))},exports.PWGCardEmbed=({locale:a,onClick:l,inputErrorMessage:r,pwgContent:d,onFormChange:c,info:u,isMobile:f,isSide:p=!1,siteType:h})=>{var y,E;const{t:b}=g.useTranslations(),[w,k]=e.useState("notwins"),[S,x]=e.useState({label:"1",value:1}),N=e.useMemo((()=>[...Array(40)].map(((e,t)=>({label:`${t+1}`,value:`${t+1}`})))),[]),{getHealthToolLink:B}=T.useHealthToolsCache(a),D=e.useMemo((()=>B(C.HEALTH_TOOL_TYPE.PWG)),[B]),I=(null===(y=null==d?void 0:d.reviewedBy)\|\|void 0===y?void 0:y.display_name)?O.default.createElement(t.Text,{size:"n1",color:i.theme.colors.white},O.default.createElement("span",{dangerouslySetInnerHTML:{__html:b("toolPage.toolReviewer",{expert_name:null===(E=null==d?void 0:d.reviewedBy)\|\|void 0===E?void 0:E.display_name,date:null==d?void 0:d.reviewedDate})}}),O.default.createElement("span",null)):void 0;return O.default.createElement(s.StyledContainer,{"data-is-side":p,"data-site":h},O.default.createElement(s.ToolsBannerCard,{siteType:h,bannerUrl:o.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),bannerColor:"marryBaby"===h&&i.theme.mbColors.mint,isEmbeded:!0,icon:O.default.createElement("img",{alt:"health-tool-icon",src:null==d?void 0:d.featuredImage,style:{objectFit:"contain",marginLeft:"auto",maxWidth:"100%"}}),heading:b("pregnancyWeightGain.heading"),medicalReview:I,isMobile:f,isSide:p}),O.default.createElement(v.Container,null,O.default.createElement(s.StyledContent,{onSubmit:e=>e.preventDefault(),className:"pwg-view-mobile","data-is-side":p},"marryBaby"!==h&&O.default.createElement(s.StyledTwins,{className:"hide-asking-mobile","data-is-side":p},O.default.createElement(L.Label,{size:"label2",style:{display:"block",fontWeight:"bold",color:i.theme.colors.gray600,fontSize:"12px"},className:"label",htmlFor:"gender-selector"},b("pregnancyWeightGain.havingTwins")),O.default.createElement(s.StyledRadioGroup,{options:[{value:"twins",label:b("switchBtn.yes")},{value:"notwins",label:b("switchBtn.no")}],value:w,onChange:e=>k(e),className:"gender-selector",id:"twins-check",type:"circle",direction:"horizontal",size:"small",group:"group1"})),O.default.createElement(s.StyledInputWrapper,null,O.default.createElement(s.StyledFormInput,{className:"input-section input-form-pwg","data-is-side":p},"marryBaby"===h?O.default.createElement(s.StyledDropDown,{groupedWithLabel:b("pregnancyWeightGain.weekInput"),options:N,placeholder:"28 days",id:"due-date-dropdown",size:"lg",value:S,onChange:e=>x({label:e.label,value:e.value})}):O.default.createElement(O.default.Fragment,null,O.default.createElement(L.Label,{size:"label2",style:{display:"inline-block",marginBottom:"9px",color:i.theme.colors.gray600,fontWeight:"bold",fontSize:"12px"},htmlFor:"gender-selector"},b("pregnancyWeightGain.weekInput")),O.default.createElement(s.Dropdown,{options:N,placeholder:String(S.label),id:"weight-gain-dropdown",size:"md",value:S,onChange:e=>x({label:e.label,value:e.value})}))),O.default.createElement(Ae,{siteType:h,info:u,errorMessage:r,onChange:c})),"marryBaby"!==h&&O.default.createElement(s.StyledTwins,{className:"hide-asking-desk","data-is-side":p},O.default.createElement(L.Label,{size:"label2",style:{display:"block",fontWeight:"bold",color:i.theme.colors.gray600,fontSize:"12px"},className:"label",htmlFor:"gender-selector"},b("pregnancyWeightGain.havingTwins")),O.default.createElement(s.StyledRadioGroup,{options:[{value:"twins",label:b("switchBtn.yes")},{value:"notwins",label:b("switchBtn.no")}],value:w,onChange:e=>k(e),className:"gender-selector",id:"twins-check-mobile",type:"circle",direction:"horizontal",size:"small",group:"group1"})),"marryBaby"===h&&O.default.createElement(K,{name:"twins",label:b("pregnancyWeightGain.havingTwins"),checked:"twins"===w,siteType:"marryBaby",onChange:()=>{k("twins"===w?"notwins":"twins")},value:"twins"}),O.default.createElement(s.StyledSubmitButton,{"data-is-side":p,"data-site":h},O.default.createElement(n.Button,{dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${m.domainLocales["marryBaby"===h?"vi-VN_MB":a]}/${D}`,className:"due-date-calculate-button",size:"lg",color:"marryBaby"===h?"secondary":"primary",onClick:()=>l(w,S.value),role:"button",theme:h},b("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,f]=e.useState(r),g=e.useMemo((()=>d&&d.endsWith("&page=")?d.replace("&page=",""):d),[d]),p=n-1,h=e=>{e<=n&&e>0&&(f(e),o(e))},y=e=>{i&&i(e)};return e.useEffect((()=>{f(r)}),[r]),O.default.createElement(a.StyledPagination,{className:t,style:s},O.default.createElement(a.StyledPageBlock,{className:"prev-page",onClick:()=>h(m-1),"data-last-page":1===m\|\|void 0},g?O.default.createElement("a",{href:l.formatUrlWithPageParam(g,m,c),onClick:y},O.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},O.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):O.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},O.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),u.length>8?O.default.createElement(Y,{pagesAmount:n,activePage:m,handlePageChange:h,handleClick:y,href:g,queryPageName:c}):u.map((e=>O.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===m\|\|void 0,onClick:()=>h(e)},g?O.default.createElement("a",{href:l.formatUrlWithPageParam(g,e,c),onClick:y},e):e))),O.default.createElement(a.StyledPageBlock,{className:"next-page",onClick:()=>h(m+1),"data-last-page":m===p+1\|\|void 0},g?O.default.createElement("a",{href:l.formatUrlWithPageParam(g,m,c),onClick:y},O.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},O.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):O.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},O.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.Progress=({percent:e,style:t})=>O.default.createElement(a.StyledProgress,{style:Object.assign({"--progress":e},t)}),exports.ProgressBar=({type:t,numberOfStep:a,activeStep:l,labelPrefix:n,detailSteps:r,className:o,onChange:i})=>{const[c,u]=e.useState(0),m=e=>{var{trackClassName:t}=e,a=d.__rest(e,["trackClassName"]);return O.default.createElement(s.StyledTrackContainer,Object.assign({},a,{className:t}),O.default.createElement(s.StyledTrack,null))},f=O.default.createElement(s.StyledSlider,{className:o+" progress-bar"},O.default.createElement(m,null),O.default.createElement((({trackLength:e,activeStep:t,labelPrefix:l="Step",onChange:n})=>O.default.createElement(O.default.Fragment,null,Array.from({length:a},((e,t)=>t)).map(((r,o)=>O.default.createElement(s.StyledStep,{"data-is-active":o===t,"data-label":o,style:{left:oe/(a-1)},onClick:()=>{n&&n(o)},key:o},o+1,O.default.createElement(s.StyledStepLabel,{"data-step-passed":o<=t},l+" "+(o+1))))))),{trackLength:c,activeStep:l,labelPrefix:n,onChange:i})),g=O.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 5.5 9.5"},O.default.createElement("title",null,"chevron-right"),O.default.createElement("path",{d:"M.75 8.75l4-4-4-4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),p=O.default.createElement(s.StyledBreadcrumbContainer,null,r&&Array.from({length:r.length},((e,t)=>t)).map(((e,t)=>{var a;return O.default.createElement(s.StyledBreadcrumbWrapper,{key:t,"data-selected":t===l,onClick:()=>{i&&i(t)}},null===(a=r[t])\|\|void 0===a?void 0:a.text," ",t<r.length-1&&g)}))),h=O.default.createElement(s.StyledSlider,{className:o+" progress-bar"},O.default.createElement((({detailSteps:e,activeStep:t,onChange:a})=>O.default.createElement(O.default.Fragment,null,Array.from({length:e.length},((e,t)=>t)).map(((l,n)=>O.default.createElement(s.StyledDetailStep,{key:n,style:{left:100/e.lengthn+"%",width:100/e.length+"%"},onClick:()=>{a&&a(n)}},e[n].icon?O.default.createElement(s.StyledDetailStepIndicatorExternal,{onClick:()=>{a&&a(n)}},e[n].icon):O.default.createElement(s.StyledDetailStepIndicator,{"data-is-active":n===t,"data-label":l,onClick:()=>{a&&a(n)},key:n},n+1),O.default.createElement(s.StyledDetailStepLabel,{"data-step-passed":n<t+1},e[n].text,O.default.createElement(s.StyledDetailStepDescription,null,e[n].description)),n<e.length-1&&O.default.createElement(m,{"data-step-passed":n<t,trackClassName:"progress-track","data-track-type":"detail"})))))),{activeStep:l,detailSteps:r,onChange:i})),y=e.useCallback(H.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",y,{passive:!0}),()=>{window.removeEventListener("resize",y)}}),[]),"step-track"===t&&f\|\|"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,f]=e.useState(null),g=m\|\|c,p=m?0:u;return O.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&&f(t+1),l=()=>!!o&&f(null);return t+1<=g?O.default.createElement(X,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l}):t+1===g+p?O.default.createElement(J,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l}):O.default.createElement(Q,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l})})))},exports.RecordsByAgeGroup=({vaccineRecords:e,isCurrent:a,onMarkAsInjected:l,onDelInjected:n,countPass:r,countNext:o,className:d,siteType:c})=>{const{t:u}=g.useTranslations();return O.default.createElement(s.StyledRecordsByAgeGroup,{className:d,"data-theme":c},O.default.createElement(s.StyledHeaderWrapper,null,O.default.createElement(s.StyledTitleWrapper,null,O.default.createElement(t.Text,{size:"s4",color:a?i.theme.colors.primaryBase:i.theme.colors.gray800,type:"semiBold",className:"title"},e.name\|\|e.shortName),O.default.createElement(s.StyledCurrentLineWrapper,{"data-isCurrent":a},O.default.createElement("span",{className:"dot"}),O.default.createElement("div",{className:"line"}))),O.default.createElement(s.StyledCountDoseWrapper,null,r>0&&O.default.createElement(t.Text,{size:"n1",color:i.theme.colors.gray600,wordWrap:"none"},u("babyVaccine.timeline.totalPast",{number:r})),r>0&&o>0&&O.default.createElement("span",{className:"dot"}),o>0&&O.default.createElement(t.Text,{size:"n1",color:i.theme.colors.gray600,wordWrap:"none"},u("babyVaccine.timeline.totalNext",{number:o})))),O.default.createElement(s.StyledRecordsWrapper,null,(null==e?void 0:e.records)&&e.records.map(((e,t)=>O.default.createElement(Ge,{key:`${t}${e.vaccineId}`,vaccineRecord:e,isInTimeline:!0,isCurrent:a&&0===t,onMarkAsInjected:()=>l(e),onDelInjected:()=>n(e)})))))},exports.ScrollList=({row:t=2,column:a=3,isDotsShown:l=!0,isImageGalleryShown:n=!1,mode:r="infinity",type:o="separated",distanceOverlappedLeft:i={amount:0,unit:"pixel"},children:d,className:c,isProgressShown:u=!1,statusChildren:m,isArrowShown:f=!1,classNameLeftArrow:g,classNameRightArrow:p,dataEventCategory:h,dataEventAction:y,dataEventLabel:v,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=[];O.default.Children.map(d,((e,l)=>{l%(ta)==0&&N.push([]),N[N.length-1].push(O.default.cloneElement(e))}));const L=e.useRef(),B=e.useRef(0),D=e=>{if(!L.current)return;const{clientWidth:t}=L.current,a=C\|\|t,l="intertwined"===o?"percentage"===i.unit?ea+i.amount/100ae:ea+i.amountae:ea;L.current.scrollTo({top:0,left:l,behavior:"smooth"}),B.current=e,T(e),E&&E(e)};e.useEffect((()=>{"number"==typeof b&&(e=>{if(!L.current)return;const{clientWidth:t}=L.current,a=C\|\|t,l="intertwined"===o?"percentage"===i.unit?ea+i.amount/100ae:ea+i.amountae:ea;L.current.scrollTo({top:0,left:l,behavior:"smooth"}),B.current=e,T(e)})(b)}),[b]);const I=e=>{if(!L.current)return;const{clientWidth:t}=L.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)),L.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),L.current.scrollTo({top:0,left:l,behavior:"smooth"}))},_=H.default((()=>{if("infinity"===r){if(!L.current)return;const{clientWidth:e,scrollLeft:t}=L.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,s=!1;const d=L.current,c=(r,o)=>{s=!0,a=!1,l=!1,e=r-d.offsetLeft,t=o-d.offsetTop,n=d.scrollLeft},u=e=>{c(e.pageX,e.pageY)},m=e=>{c(e.touches[0].pageX,e.touches[0].pageY)},f=()=>{if(s=!1,a=!1,l=!1,!L.current)return;const{clientWidth:e}=L.current,t=C\|\|e,n="ltr"===r?0!==B.current?B.current-1:B.current:"rtl"===r&&B.current<N.length-1?B.current+1:B.current,d="intertwined"===o?"percentage"===i.unit?nt+i.amount/100tn:nt+i.amounttn:nt;L.current.scrollTo({top:0,left:d,behavior:"smooth"}),r="none",B.current!==n&&(B.current=n,T(n),E&&E(n))},g=(o,i)=>{if(!s)return;const c=o-d.offsetLeft,u=i-d.offsetTop,m=c-e,f=u-t;a\|\|l\|\|!(f>20\|\|f<-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(),g(e.pageX,e.pageY)},h=e=>{l&&e.preventDefault(),g(e.touches[0].pageX,e.touches[0].pageY)};return null==d\|\|d.addEventListener("mousedown",u,{passive:!0}),null==d\|\|d.addEventListener("touchstart",m,{passive:!0}),window.addEventListener("mouseup",f,{passive:!0}),window.addEventListener("touchend",f,{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",f),window.removeEventListener("touchend",f),null==d\|\|d.removeEventListener("mousemove",p),null==d\|\|d.removeEventListener("touchmove",h)}}}),[]),O.default.createElement(s.StyledScrollList,{className:c,"data-row":t,onScroll:_},f&&x>0&&O.default.createElement("div",{className:`${g} arrow-left`,onClick:()=>I("back"),"data-event-category":h,"data-event-action":y,"data-event-label":v},"Care"===k?O.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},O.default.createElement("g",{filter:"url(#filter0_dd_12599_34420)"},O.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"}),O.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"}),O.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"})),O.default.createElement("defs",null,O.default.createElement("filter",{id:"filter0_dd_12599_34420",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},O.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),O.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"}),O.default.createElement("feOffset",{dx:"-2",dy:"2"}),O.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),O.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"}),O.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12599_34420"}),O.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"}),O.default.createElement("feOffset",{dx:"-1",dy:"1"}),O.default.createElement("feGaussianBlur",{stdDeviation:"1"}),O.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"}),O.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12599_34420",result:"effect2_dropShadow_12599_34420"}),O.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12599_34420",result:"shape"})))):O.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},O.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"}),O.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"}),O.default.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),O.default.createElement("div",{ref:L,className:"container",style:{overflowX:"snapped"===r\|\|f?"hidden":"scroll"}},N.map(((e,l)=>{let n=0;for(let e=0;e<l;e++)n+=N[e].length;return O.default.createElement("div",{key:l,className:"section",style:{marginLeft:"intertwined"===o&&0!==l?i.amount+""+("percentage"===i.unit?"%":"px"):"0px"}},1===t&&u&&O.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 O.default.createElement("div",{className:"items-progress",key:a},0===a&&0===l?O.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):O.default.createElement("div",{className:"line"}),O.default.createElement("div",{className:"icon-status"},O.default.createElement(ue,{status:null==o?void 0:o.status})),l===N.length-1&&a===e.length-1?O.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):O.default.createElement("div",{className:"line"}))}))),O.default.createElement("div",{className:"grid-layout","data-index":l,style:{gridTemplateColumns:`repeat(${a}, 1fr)`,gridTemplateRows:`repeat(${t}, 1fr)`}},e.map(((e,t)=>O.default.createElement(O.default.Fragment,{key:t},O.default.createElement("div",{className:"item-grid",key:t},e))))))}))),f&&x<N.length-1&&O.default.createElement("div",{className:`${p} arrow-right`,onClick:()=>I("forward"),"data-event-category":h,"data-event-action":y,"data-event-label":v}," ","Care"===k?O.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},O.default.createElement("g",{filter:"url(#filter0_dd_12597_34423)"},O.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"}),O.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"}),O.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"})),O.default.createElement("defs",null,O.default.createElement("filter",{id:"filter0_dd_12597_34423",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},O.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),O.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"}),O.default.createElement("feOffset",{dx:"-2",dy:"2"}),O.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),O.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"}),O.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12597_34423"}),O.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"}),O.default.createElement("feOffset",{dx:"-1",dy:"1"}),O.default.createElement("feGaussianBlur",{stdDeviation:"1"}),O.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"}),O.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12597_34423",result:"effect2_dropShadow_12597_34423"}),O.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12597_34423",result:"shape"})))):O.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},O.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"}),O.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"}),O.default.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),l&&O.default.createElement("ul",{className:"bullet-nav"},N.map(((e,t)=>O.default.createElement("li",{key:t,className:"bullet-nav__item "},O.default.createElement("p",{onClick:()=>D(t),className:`bullet-nav__link scroll ${x==t?"active":null}`,"data-scheme":w}))))),n&&O.default.createElement("div",{className:"image-gallery-wrapper","data-test":N.length},N.slice(0,3).map(((e,t)=>O.default.createElement("div",{className:`image-block ${x==t?"active":null}`,key:t,onClick:()=>D(t),"data-scheme":w},e)))))},exports.SeoHead=({SEOData:t={},locale:a="vi-VN",routerPathname:l,routerQuery:n,nextHead:r,siteType:o,seoCustom:i,userId:d,forcedCanonicalUrl:c})=>{var u,g,p,h,y,v,E,b,C,w,k,S;const{totalPages:x,currentPage:T,SEOTitle:N="",SEODescription:L="",SEOImage:B,seoType:D,SEOImageWidth:I,SEOImageHeight:_,customMetaData:M=[],isIndexable:A=!0,hasNoCanonical:P=!1}=t,z=A&&f.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",$="helloSites"===o?m.domainLocales[H]:"www.marrybaby.vn",W=j.endsWith("/")?"":"/",G=e.useMemo((()=>{var e,l,n,r,o,i,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}`,f=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://${$}${j}${W}" />`,`<link rel="canonical" href="https://${$}${j}${W}?page=${T}" />`):t.apiMetaData;if(c=s.htmlReactParser(f,{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://${$}/images/${a}.png`;c=[...c,O.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(l=t.openGraph)\|\|void 0===l?void 0:l.image)\|\|B\|\|e\|\|""}),O.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)\|\|B\|\|e}),O.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)\|\|I&&String(I)\|\|"1200"}),O.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(i=t.openGraph)\|\|void 0===i?void 0:i.imageHeight)&&String(null===(d=t.openGraph)\|\|void 0===d?void 0:d.imageHeight)\|\|_&&String(_)\|\|"630"})]}}return c}),[t.apiMetaData,t.openGraph,B,_,I,T,j,x,a,$]),R=`https://${$}/images/${a}.png`;return O.default.createElement(r,null,O.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===o&&O.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===a?O.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===a\|\|"ms-MY"===a?O.default.createElement(O.default.Fragment,null):O.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"}),O.default.createElement("link",{rel:"preconnect",href:F}),O.default.createElement("meta",{charSet:"UTF-8"}),O.default.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),O.default.createElement("meta",{name:"google",content:"notranslate"}),O.default.createElement("meta",{name:"robots",content:z}),O.default.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),M.map(((e,t)=>O.default.createElement("meta",Object.assign({key:t},e)))),O.default.createElement("meta",{name:"theme-color",content:"helloSites"===o?"#2c87f3":"#e85388"}),O.default.createElement("meta",{name:"page_type",content:"Home"}),O.default.createElement("meta",{name:"page_platform",content:"WEB"}),O.default.createElement("meta",{name:"page_language",content:H}),O.default.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),!G&&O.default.createElement(O.default.Fragment,null,"helloSites"===o?O.default.createElement("title",null,i?N:N+" - "+(null===(u=m.LOCALE_SPECS[a])\|\|void 0===u?void 0:u.SITE_NAME)):O.default.createElement("title",null,N),!P&&O.default.createElement("link",{rel:"canonical",href:`https://${$}${j}`}),O.default.createElement("meta",{name:"description",content:L\|\|(null===(g=t.openGraph)\|\|void 0===g?void 0:g.description)}),t.schemaData&&O.default.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:t.schemaData}}),O.default.createElement("meta",{property:"og:locale",content:a}),O.default.createElement("meta",{property:"og:type",content:D\|\|"website"}),O.default.createElement("meta",{property:"og:title",content:(null===(p=t.openGraph)\|\|void 0===p?void 0:p.title)\|\|N}),O.default.createElement("meta",{property:"og:description",content:(null===(h=t.openGraph)\|\|void 0===h?void 0:h.description)\|\|L}),O.default.createElement("meta",{property:"og:url",content:`https://${$}${j}`}),O.default.createElement("meta",{property:"og:site_name",content:`https://${$}`}),O.default.createElement("meta",{property:"og:image",content:(null===(y=t.openGraph)\|\|void 0===y?void 0:y.image)\|\|B\|\|R\|\|""}),O.default.createElement("meta",{property:"og:image:secure_url",content:(null===(v=t.openGraph)\|\|void 0===v?void 0:v.image)\|\|B\|\|R}),O.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)\|\|I&&String(I)\|\|"1200"}),O.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)\|\|_&&String(_)\|\|"630"}),O.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),O.default.createElement("meta",{name:"twitter:title",content:(null===(k=t.twitter)\|\|void 0===k?void 0:k.title)\|\|N}),O.default.createElement("meta",{name:"twitter:description",content:L}),O.default.createElement("meta",{name:"twitter:image",content:(null===(S=t.twitter)\|\|void 0===S?void 0:S.image)\|\|B})),("helloSites"===o?m.FAVICONS[H]\|\|[]:m.FAVICONS.marryBaby).map(((e,t)=>"link"===e.type?O.default.createElement("link",{key:`favicon-${t}`,rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?O.default.createElement("meta",{key:t,name:e.name,content:e.content}):null)),Array.isArray(G)&&c?G.filter((e=>"canonical"!==e.props.name&&"canonical"!==e.props.rel)):G,c&&O.default.createElement("link",{rel:"canonical",href:c}),!t.hasNoAmp&&"vi-VN"!==a&&O.default.createElement("link",{rel:"amphtml",href:`https://${$}${j}${W}?amp=1`}),d&&"undefined"!=typeof window?O.default.createElement("script",{dangerouslySetInnerHTML:{__html:`window.dataLayer = window.dataLayer \|\| []; window.dataLayer.push({'userID': '${d}'});`}}):null)},exports.Shadow=({size:e,children:t,style:l,className:n})=>O.default.createElement(a.StyledShadow,{style:l,className:n,"data-shadow-size":e},t),exports.ShareContainer=({url:a,onCopied:l,locale:r,siteType:o})=>{const{t:c}=g.useTranslations(),u=P.getSocialList(a\|\|"").filter((e=>!e.allowedLocales\|\|e.allowedLocales.includes(r))),m=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return O.default.createElement(s.StyledShareContainer,null,O.default.createElement(t.Text,{size:"p3",color:i.theme.colors.gray800},c("shareContainer.title")),O.default.createElement("div",{className:"icon-group"},u.map(((e,t)=>O.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer","data-event-category":"Health Tool","data-event-action":`Social Share - ${e.name}`,"data-event-label":m},e.icon))),O.default.createElement(n.Button,{theme:o,size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:O.default.createElement($e,null),onClick:()=>d.__awaiter(void 0,void 0,void 0,(function(){var e;yield null===(e=null===navigator\|\|void 0===navigator?void 0:navigator.clipboard)\|\|void 0===e?void 0:e.writeText(a),null==l\|\|l()})),"data-event-category":"Health Tool","data-event-action":"Copy Link","data-event-label":m})))},exports.ShareDrawer=a=>{var{open:l,title:r,onClose:o,onCopied:c,onShared:u,url:m,locale:f}=a,p=d.__rest(a,["open","title","onClose","onCopied","onShared","url","locale"]);const{t:h}=g.useTranslations(),v=e.useCallback((()=>d.__awaiter(void 0,void 0,void 0,(function(){var e;yield null===(e=null===navigator\|\|void 0===navigator?void 0:navigator.clipboard)\|\|void 0===e?void 0:e.writeText(m),null==c\|\|c()}))),[m,c]),E=P.getSocialList(m\|\|"").filter((e=>!e.allowedLocales\|\|e.allowedLocales.includes(f)));return e.useEffect((()=>{l&&navigator.share&&navigator.share({title:null!=r?r:"Read This Post",url:m}).then((()=>{null==u\|\|u()})).catch((()=>{null==o\|\|o()}))}),[m,r,u,l]),"undefined"!=typeof navigator&&navigator.share?null:O.default.createElement(s.StyledShareDrawer,Object.assign({title:h("share.title"),onClose:o,open:l,placement:"bottom"},p),O.default.createElement("div",{className:"share-container"},O.default.createElement("div",{className:"icon-container"},O.default.createElement(t.Text,{type:"semiBold",size:"s3",color:i.theme.colors.gray600},h("share.title")),O.default.createElement("div",{className:"icon-group"},E.map(((e,t)=>O.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer"},e.icon))))),O.default.createElement("div",{className:"link-container"},O.default.createElement(t.Text,{type:"semiBold",size:"s3",color:i.theme.colors.gray600},h("share.copyLink")),O.default.createElement("div",{className:"input-group"},O.default.createElement(y.Input,{name:"link",size:"md",value:m,isDisabled:!0}),O.default.createElement(n.Button,{size:"md",type:"button",color:"tertiary",icon:O.default.createElement(We,null),onClick:v})))))},exports.StatisticCard=({type:e,description:t,value:a,withIcon:l,isInACard:n,cardColor:r,className:o})=>O.default.createElement(s.StyledStatisticContainer,{className:o,"data-size":e,"data-is-in-card":"big"===e&&n,"data-card-color":r},O.default.createElement(s.StyledDescriptionWrapper,null,"small"===e&&O.default.createElement(s.StyledDot$1,{"data-color":r}),t),O.default.createElement(s.StyledStatisticNumberWrapper,{"data-size":e},"small"!==e&&l,a)),exports.SurveyThankyouCard=({thankyou:e,thankyouSubtitle:l,className:n,style:r})=>O.default.createElement(s.StyledSurveyQuestionCard,{className:n,style:r},O.default.createElement("div",{className:"survey-inner-wrapper"},O.default.createElement(s.StyledSurveyThankyouCard,null,O.default.createElement("div",{className:"survey-thankyou-wrapper-inner"},O.default.createElement("svg",{viewBox:"0 0 122 122",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"survey-thankyou-icon"},O.default.createElement("path",{d:"M61.5 122C94.6371 122 121.5 95.1371 121.5 62C121.5 28.8629 94.6371 2 61.5 2C28.3629 2 1.5 28.8629 1.5 62C1.5 95.1371 28.3629 122 61.5 122Z",fill:"#E3F2FF"}),O.default.createElement("ellipse",{cx:"61.5",cy:"110.36",rx:"48",ry:"3.36",fill:"#91CAFF"}),O.default.createElement("path",{d:"M82.9048 72.6663H101.5L87.597 40H35.403L21.5 72.6663H40.0952V91H83.0786L82.9048 72.6663Z",fill:"#2C74DF"}),O.default.createElement("path",{d:"M74.4004 15.0005H39.863C36.9017 15.0005 34.5 17.4022 34.5 20.3635V72.5769C34.5 75.5383 36.9017 77.9399 39.863 77.9399H83.1357C86.097 77.9399 88.4987 75.5383 88.4987 72.5769V29.0988L88.4987 21.0005C88.4987 17.6868 85.8124 15.0005 82.4987 15.0005H74.4004Z",fill:"white"}),O.default.createElement("path",{d:"M88.8529 80.1077H34.1469C31.8699 80.1077 30.06 78.3036 30.06 76.0338V65.3837C30.06 63.1139 31.8699 61.3098 34.1469 61.3098H88.8529C91.1299 61.3098 92.9398 63.1139 92.9398 65.3837V76.0338C92.9398 78.3036 91.1299 80.1077 88.8529 80.1077Z",fill:"#E4E8EC"}),O.default.createElement("path",{d:"M90.838 85.4512H32.1618C29.8849 85.4512 28.075 83.6471 28.075 81.3774V70.7272C28.075 68.4575 29.8849 66.6533 32.1618 66.6533H90.7796C93.0566 66.6533 94.8665 68.4575 94.8665 70.7272V81.3774C94.9249 83.6471 93.0566 85.4512 90.838 85.4512Z",fill:"white"}),O.default.createElement("path",{d:"M103.748 75.4919V105.755C103.748 107.675 102.172 109.247 100.245 109.247H23.0031C21.0764 109.247 19.5 107.675 19.5 105.755V75.4919C19.5 73.5713 21.0764 72 23.0031 72H42.3866C44.3133 72 45.8897 73.5713 45.8897 75.4919V80.8461C45.8897 81.1952 46.1232 81.428 46.4735 81.428H76.7749C77.1253 81.428 77.3588 81.1952 77.3588 80.8461V75.4919C77.3588 73.5713 78.9352 72 80.8618 72H100.245C102.172 72 103.748 73.5713 103.748 75.4919Z",fill:"#45A4FF"}),O.default.createElement("path",{d:"M51.9541 91.3767V94.4612C51.9541 96.0907 53.2386 97.3711 54.8733 97.3711H67.7179C69.3526 97.3711 70.6371 96.0907 70.6371 94.4612V91.3767",stroke:"#2C74DF",strokeWidth:"3",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),O.default.createElement("path",{d:"M120.5 38.0251C118.5 37.7793 117.25 39.3768 118.125 41.22L118.375 41.9573C119.125 43.8006 118 45.398 116 45.1523L115.25 45.0294C113.25 44.7836 112 46.3811 112.875 48.2244L113.25 48.9616C114 50.8049 112.875 52.4025 110.875 52.1567L110.125 52.0337C108.625 51.9109 107.5 52.7712 107.5 54",stroke:"#FE921D",strokeWidth:"1.9096",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),O.default.createElement("path",{d:"M1.53299 62C1.2644 63.413 2.6745 64.337 4.35323 63.8478L5.02472 63.6304C6.70346 63.087 8.11356 64.0109 7.84496 65.4783L7.7107 66.0217C7.4421 67.4348 8.8522 68.3587 10.5309 67.8696L11.2024 67.6522C12.8812 67.1087 14.2913 68.0326 14.0227 69.5L13.8884 70.0435C13.687 71.1304 14.4256 71.8913 15.5 72",stroke:"#00B16A",strokeWidth:"2.8751",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),O.default.createElement("path",{d:"M118 92C119.381 92 120.5 90.8807 120.5 89.5C120.5 88.1193 119.381 87 118 87C116.619 87 115.5 88.1193 115.5 89.5C115.5 90.8807 116.619 92 118 92Z",stroke:"#00B16A",strokeWidth:"2.8751",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),O.default.createElement("path",{d:"M82.0001 3.18747L83.1875 7.53467L87.5347 6.34727L86.3473 2.00007L82.0001 3.18747Z",stroke:"#00B16A",strokeWidth:"2.1628",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),O.default.createElement("path",{d:"M17.0001 28C18.1046 28 19 27.1045 19 25.9999C19 24.8954 18.1046 24 17.0001 24C15.8955 24 15 24.8954 15 25.9999C15 27.1045 15.8955 28 17.0001 28Z",stroke:"#FE921D",strokeWidth:"2.3278",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),O.default.createElement("path",{d:"M61.5 26.6667C54.136 26.6667 48.1667 32.6361 48.1667 40.0001C48.1667 47.3641 54.136 53.3334 61.5 53.3334C68.864 53.3334 74.8334 47.3641 74.8334 40.0001C74.8334 32.6361 68.864 26.6667 61.5 26.6667ZM69.1094 36.9427L59.776 46.2761C59.516 46.5361 59.1747 46.6667 58.8334 46.6667C58.492 46.6667 58.1507 46.5361 57.8907 46.2761L53.8907 42.2761C53.3694 41.7547 53.3694 40.9121 53.8907 40.3907C54.412 39.8694 55.2547 39.8694 55.776 40.3907L58.8334 43.4481L67.224 35.0574C67.7454 34.5361 68.588 34.5361 69.1094 35.0574C69.6307 35.5787 69.6307 36.4214 69.1094 36.9427Z",fill:"#00CB8A"})),e&&O.default.createElement(a.Heading,{className:"survey-thankyou-title",tag:"h3"},e),l&&O.default.createElement(t.Text,{className:"survey-thankyou-subtitle",size:"p3"},l))))),exports.THRCardEmbed=({isSide:a,locale:l,thrContent:n,isMobile:r,info:d,inputErrorMessage:c,onFormChange:u,onSubmit:f})=>{var p,h,y;const{t:b}=g.useTranslations(),{getHealthToolLink:w}=T.useHealthToolsCache(l),S=e.useMemo((()=>w(C.HEALTH_TOOL_TYPE.THR)),[w]),[x,N]=e.useState(!1),[D,I]=e.useState("low_intensity"),[_,M]=e.useState("male"),[A,P]=e.useState(60),[z,F]=e.useState({idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40}),j=[{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}],H=[{value:"low_intensity",label:b("targetHeartRate.lowIntensity.title"),image:o.CommonGAssets.getAssetPath("/low.svg"),imageActive:o.CommonGAssets.getAssetPath("/low-active.svg"),content:b("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:b("targetHeartRate.moderateIntensity.title"),image:o.CommonGAssets.getAssetPath("/moderate.svg"),imageActive:o.CommonGAssets.getAssetPath("/moderate-active.svg"),content:b("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:b("targetHeartRate.aerobicZone.title"),image:o.CommonGAssets.getAssetPath("/aerobic.svg"),imageActive:o.CommonGAssets.getAssetPath("/aerobic-active.svg"),content:b("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:b("targetHeartRate.vigorousIntensity.title"),image:o.CommonGAssets.getAssetPath("/vigorous.svg"),imageActive:o.CommonGAssets.getAssetPath("/vigorous-active.svg"),content:b("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:b("targetHeartRate.maximumIntensity.title"),image:o.CommonGAssets.getAssetPath("/maximum.svg"),imageActive:o.CommonGAssets.getAssetPath("/maximum-active.svg"),content:b("targetHeartRate.maximumIntensity.note")}],$=e.useMemo((()=>[{value:"male",label:b("gender.male"),content:O.default.createElement(E.Icon.GenderChooseBoy,null)},{value:"female",label:b("gender.female"),content:O.default.createElement(E.Icon.GenderChooseGirl,null)}]),[]);return e.useEffect((()=>{const e=((new Date).getTime()-new Date(null==d?void 0:d.age).getTime())/1e3;N(e>=567648e3);const t=j.find((t=>e>=365t.minAge246060&&e<365t.maxAge2460*60))\|\|j[0];F(t),P(60)}),[null==d?void 0:d.age]),O.default.createElement(s.StyledContainer,{"data-is-side":a},O.default.createElement(s.ToolsBannerCard,{isSide:a,bannerUrl:o.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),icon:O.default.createElement("img",{alt:"health-tool-icon",src:null==n?void 0:n.featured_image,style:{objectFit:"contain",marginLeft:"auto",maxWidth:"100%"}}),heading:b("targetHearRate.heading"),medicalReview:(null===(p=null==n?void 0:n.reviewedBy)\|\|void 0===p?void 0:p.display_name)?O.default.createElement(t.Text,{size:"n1",color:i.theme.colors.white},O.default.createElement("span",{dangerouslySetInnerHTML:{__html:b("toolPage.toolReviewer",{expert_name:`<a\n style="color: white"\n href="${B.formatUserProfileUrl(null==n?void 0:n.reviewedBy)}"\n >\n ${null===(h=null==n?void 0:n.reviewedBy)\|\|void 0===h?void 0:h.display_name}\n </a>`,date:null==n?void 0:n.reviewedDate})}}),O.default.createElement("span",null)):void 0,isMobile:r}),O.default.createElement(v.Container,null,O.default.createElement(s.StyledContent,{className:"heart-rate-cal",onSubmit:e=>e.preventDefault(),"data-is-side":a},O.default.createElement(s.StyledRow$1,{"data-is-side":a},O.default.createElement(s.FormControl$1,null,O.default.createElement(s.StyledInput$1,{size:"md",name:"gender",label:b("bmi.selectGender"),CustomInput:O.default.createElement(E.RadioImageGroup,{options:$,value:_,onChange:e=>{M(e),P(60)},className:"bmi--input-radio_gender"}),className:"bmi--input bmi--input-gender"}))),O.default.createElement(s.StyledRow$1,null,O.default.createElement(Ce,{info:d,locale:l,errorMessage:c,onChange:u})),O.default.createElement("div",{className:"slider-heart-rate"},O.default.createElement(L.Label,{size:"label2",style:{display:"inline-block",marginBottom:"9px",color:i.theme.colors.gray600,fontWeight:"bold",fontSize:"12px"},htmlFor:"gender-selector"},b("targetHeartRate.heartRateInput")),O.default.createElement("div",{className:"slider-outer-wrapper"},O.default.createElement(k.Slider,{containerStyle:{flex:1},min:"male"===_?z.rangeMale:z.rangeFemale,max:200,step:1,value:A,withControl:!0,onChange:P}))),x&&O.default.createElement(s.FormControl$1,null,O.default.createElement(s.StyledActive,null,O.default.createElement(L.Label,{size:"label2",style:{display:"inline-block",fontWeight:"bold",color:i.theme.colors.gray600,marginBottom:"9px"},htmlFor:"gender-selector"},b("targetHeartRate.selectActive")),O.default.createElement("div",{className:"card"},O.default.createElement(be,{options:H.map((e=>({value:e.value,label:e.label,image:e.image,imageActive:e.imageActive}))),value:D,onChange:e=>{I(e)},className:"gender-selector"})),D&&O.default.createElement("div",{className:"note"},O.default.createElement("img",{style:{height:"16px",width:"16px"},src:o.CommonGAssets.getAssetPath("/infoIcon.svg"),alt:""}),O.default.createElement(t.Text,{size:"n1",color:"#595959"},null===(y=H[H.findIndex((e=>e.value==D))\|\|0])\|\|void 0===y?void 0:y.content)),!D&&O.default.createElement("span",{style:{color:"#e64728"}},c.intensity)))),O.default.createElement("div",{style:{display:"flex"}},O.default.createElement(s.StyledButton$1,{size:"lg",onClick:()=>{f(_,D,[A])},dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:`https://${m.domainLocales[l]}/${S}`},b("bmi.submit")))))},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 f=m.color?{"--text-props-color":m.color}:{};return O.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),f),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},O.default.createElement(t.Text,Object.assign({},m),l))},exports.TimelineBanner=({content:e,url:a,icon:l,gender:n,className:r,siteType:o})=>{const{t:d}=g.useTranslations();return O.default.createElement(s.StyledTimelineBanner,{className:r,"data-theme":o,"data-gender":n},O.default.createElement("div",{className:"content"},O.default.createElement(t.Text,{size:"p3",color:i.theme.colors.gray800},e),a&&O.default.createElement("a",{className:"read-more",href:a,target:"_blank",rel:"noreferrer"},O.default.createElement("div",null,O.default.createElement(t.Text,{size:"s4",color:i.theme.colors.primaryBase,type:"semiBold"},d("articlePage.readMore"))),O.default.createElement(E.Icon.ArrowRight,{size:20,color:i.theme.colors.primaryBase}))),O.default.createElement("img",{alt:"health-tool-icon",src:l}))},exports.Toggle=({className:e,id:t,onChange:l,checked:n,style:r,label:o})=>O.default.createElement(a.StyledToggle,{className:e,style:r},O.default.createElement("input",{type:"checkbox",id:t,onChange:l,checked:n}),O.default.createElement("label",{htmlFor:t},O.default.createElement(a.StyledToggleIcon,null),o&&O.default.createElement(a.StyledToggleLabel,null,o))),exports.UnderlinedLink=({size:e,isDisabled:t,className:l,link:n,style:r})=>O.default.createElement(a.StyledUnderlinedLink,{className:l,"data-size":e,style:r,"data-disabled":t\|\|void 0},n),exports.Uploader=({type:e,withIcon:t,onFileSelected:l,inputId:r,withElement:o,fileAcceptType:i,multiple:s,value:d,className:c})=>{const u=()=>{var e;null===(e=document.querySelector("#uploader-input-"+r))\|\|void 0===e\|\|e.click()};return O.default.createElement(a.StyledUploader,{className:c},"badge"===e?O.default.createElement(a.StyledElementContainer,{onClick:u,"data-is-attached-to-element":!!o},o,O.default.createElement(a.StyledIconWrapper,{"data-is-attached-to-element":!!o},t)):o?O.default.createElement("div",{onClick:u},o):O.default.createElement(n.Button,{size:"md",color:"secondary",className:"default-button",icon:t,onClick:u},O.default.createElement(a.StyledDefaultButtonContent,null,O.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"},O.default.createElement("defs",null,O.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),O.default.createElement("title",null,"upload"),O.default.createElement("path",{className:"prefix__cls-1",d:"M14 10v2.67A1.33 1.33 0 0112.67 14H3.33A1.33 1.33 0 012 12.67V10M11.33 5.33L8 2 4.67 5.33M8 2v8",transform:"translate(-1.25 -1.25)"})),"Upload Image")),O.default.createElement("input",{id:"uploader-input-"+r,accept:i,multiple:s,type:"file",style:{display:"none"},onChange:e=>{l(e.target.files)},value:d}))},exports.VaccineCard=Ge,exports.VaccineDetailPopup=({babyVaccinationRecord:a,onClose:l,vaccineDetail:r,isDetail:o,open:d,siteType:c,onMarkAsInjected:u,onDelInjected:m})=>{const{t:f}=g.useTranslations(),[p,h]=e.useState(0),[y,v]=e.useState(!1),C=[{name:f("babyVaccine.popup.tab.schedule"),dataEventAction:"Click"},{name:f("babyVaccine.popup.tab.detail"),dataEventAction:"Click"},{name:f("babyVaccine.popup.tab.benefits"),dataEventAction:"Click"},{name:f("babyVaccine.popup.tab.contraindication"),dataEventAction:"Click"}];return e.useEffect((()=>{o&&h(1)}),[o]),O.default.createElement(s.StyledModal,{type:"profile",isOpen:d,onClose:l,siteType:c},O.default.createElement("div",{className:"header"},O.default.createElement("div",{className:"title"},O.default.createElement(t.Text,{size:"s2",type:"semiBold"},f("babyVaccine.popup.title")),O.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:l},O.default.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"})))),O.default.createElement("div",{className:"profile-container"},O.default.createElement(F.Tabs,{style:{fontSize:"14px",lineHeight:"22px",width:"100%",border:"none"},onChange:e=>{h(e)},tabContent:C,initialTab:p}),O.default.createElement(s.StyledTabContent,null,0===p&&O.default.createElement(O.default.Fragment,null,O.default.createElement(Ge,{vaccineRecord:a,onMarkAsInjected:()=>u(a),onDelInjected:()=>m(a),isInTimeline:!1}),O.default.createElement("div",{className:"toggle",onChange:()=>{"vaccinated"==a.status?m(a):u(a)}},"vaccinated"===a.status?O.default.createElement(E.Icon.ToggleOn,null):O.default.createElement(E.Icon.ToggleOff,null),O.default.createElement(t.Text,{size:"n1",color:i.theme.colors.gray800},"vaccinated"===a.status?f("babyVaccine.vaccineCard.injected"):f("babyVaccine.vaccineCard.markAsInjected"))),O.default.createElement(z.DatePicker,{style:{width:"100%"},label:O.default.createElement(t.Text,{as:"label",size:"s5",type:"semiBold",color:i.theme.colors.gray600},f("babyVaccine.popup.checkbox.suggestedDate")),onChange:()=>null,excludeDate:e=>$.default(e).isAfter($.default())}),O.default.createElement(b.Checkbox,{label:O.default.createElement(t.Text,{as:"label",size:"s5",type:"semiBold",color:i.theme.colors.gray600},f("babyVaccine.popup.input.suggestedDate")),name:"check",checked:y,value:"check",onChange:()=>v(!y)})),1===p&&O.default.createElement(O.default.Fragment,null,O.default.createElement("span",{className:"description",dangerouslySetInnerHTML:{__html:r.detail}})),2===p&&O.default.createElement(O.default.Fragment,null," ",O.default.createElement("span",{className:"description",dangerouslySetInnerHTML:{__html:r.benefits}})),3===p&&O.default.createElement(O.default.Fragment,null,O.default.createElement("span",{className:"description",dangerouslySetInnerHTML:{__html:r.contraindications}})))),O.default.createElement(n.Button,{style:{width:"100%",marginTop:12},theme:c,size:"lg",color:"primary"},f("babyVaccine.popup.button.submit")))},exports.index=ce,exports.index$1=fe;