@hhgtech/hhg-components 1.27.26 → 1.27.28

package/build/esm/vaccination.js

@@ -1,4 +1,4 @@
-import{_ as e,a as t}from"./tslib.es6-01f620c8.js";import a,{useMemo as n,useState as r,useEffect as i,Fragment as l}from"react";import{Stack as o,Flex as c,Badge as s,Grid as d,Box as m,Input as p,Container as C,AspectRatio as u,Tabs as g,ScrollArea as b,Divider as h,SimpleGrid as E}from"@mantine/core";import{useDisclosure as v}from"@mantine/hooks";import"./gAssets.js";import"@mantine/dates";import"./index-f02da627.js";import{G as f}from"./Onboarding-47f0ed32.js";import{B as y,e as x,t as w,g as k,u as L}from"./index-aa5a01c2.js";import j from"dayjs";import"./screenSizeContext-5d74b785.js";import M from"styled-components";import{t as D}from"./theme-de7535c2.js";import{M as z}from"./utils-b2336bb5.js";import"./isProduction-aefac4c1.js";import{u as V}from"./useTranslations-62e1a4a6.js";import"./index-7ca5216b.js";import"lodash/debounce";import{I as T,H as $}from"./index-160252d8.js";import{S as B}from"./index-ee0953ff.js";import"./translationsContext-cee296b2.js";import"string-format";import"./index-e4a4ed0b.js";import"./index-2a018e5b.js";import"./index.styled-91925a69.js";import"./index-3f7d903d.js";import{M as F}from"./index-648fe106.js";import{useForm as _}from"@mantine/form";import Z from"dayjs/plugin/customParseFormat";import{D as H}from"./index-1af47116.js";import"date-fns/locale";import"@mantine/carousel";import"lodash/throttle";import"./index-b76dd880.js";import"./useUniqueId-9d98366e.js";import"react-keyed-flatten-children";const O=M.div`
+import{_ as e,a as t}from"./tslib.es6-2f773aeb.js";import n,{useMemo as a,useState as r,useEffect as i,Fragment as l}from"react";import{Stack as o,Flex as c,Badge as s,Grid as d,Box as m,Input as p,Container as C,AspectRatio as u,Tabs as g,ScrollArea as b,Divider as h,SimpleGrid as E}from"@mantine/core";import{useDisclosure as f}from"@mantine/hooks";import"./gAssets.js";import"@mantine/dates";import"./index-523b1b14.js";import{G as v}from"./Onboarding-3a098961.js";import{B as y,e as x,t as w,g as k,u as L}from"./index-f86c8643.js";import j from"dayjs";import"./screenSizeContext-daa144e8.js";import M from"styled-components";import{t as D}from"./theme-658bcd7b.js";import{M as z}from"./utils-934fc187.js";import"./isProduction-9fdedd97.js";import{u as V}from"./useTranslations-27ed0471.js";import"./index-f963f3c7.js";import"lodash/debounce";import{I as T,H as $}from"./index-313abbe7.js";import{S as B}from"./index-bbb37de8.js";import"./translationsContext-4e922048.js";import"string-format";import"./index-4d7073b2.js";import"./index-652e4433.js";import"./index.styled-743f922f.js";import"./index-22d66f3a.js";import{M as F}from"./index-e2ac57b5.js";import{useForm as _}from"@mantine/form";import Z from"dayjs/plugin/customParseFormat";import{D as H}from"./index-de62b22b.js";import"date-fns/locale";import"@mantine/carousel";import"lodash/throttle";import"./index-4962ee5f.js";import"./useUniqueId-36e2cd8f.js";import"react-keyed-flatten-children";const O=M.div`
   position: relative;
   padding: 16px;
   min-height: 110px;
@@ -61,7 +61,7 @@ import{_ as e,a as t}from"./tslib.es6-01f620c8.js";import a,{useMemo as n,useSta
     display: flex;
     align-self: center;
   }
-`;M.div``;const S=({checked:e,onToggle:t})=>{const{t:n}=V();return a.createElement(B,{checked:e,onChange:e=>{null==t||t(e.currentTarget.checked)},label:n("babyVaccine.vaccineCard.injected"),size:"xs",color:"green.6",styles:{root:{"*":{cursor:"pointer"}},input:{display:"none"}}})},N=({status:e,isCurrent:t})=>{switch(e){case"vaccinated":return a.createElement(T.Vaccinated,null);case"missed":return a.createElement(T.Missed,null);case"all":return null;case"next":return a.createElement(T.Current,null);default:return t?a.createElement(T.Current,null):a.createElement(T.Upcoming,null)}},A={vaccinated:{backgroundColor:w.green[0],borderColor:w.green[2],color:w.green[7]},missed:{backgroundColor:w.yellow[0],borderColor:w.yellow[2],color:w.yellow[9]},upcoming:{backgroundColor:w.neutral[0],borderColor:w.neutral[1],color:w.gray[8]},next:{backgroundColor:w.blue[0],borderColor:"transparent",color:w.blue[6]},all:{backgroundColor:w.blue[0],borderColor:"transparent",color:w.blue[6]}};function R(e){var t;return e?{profile:Y(e.profile),vaccineSchedules:null===(t=null==e?void 0:e.vaccine_schedules)||void 0===t?void 0:t.map(P),notifications:e.notifications,welcome:e.welcome}:{}}function Y(e){return{id:null==e?void 0:e.id,gender:(null==e?void 0:e.gender)?"male":"female",name:null==e?void 0:e.name,dob:null==e?void 0:e.dob,isNew:null==e?void 0:e.new,parentId:null==e?void 0:e.parent_id}}function P(e){return e?{id:e.id,title:e.title,description:e.description,readMoreUrl:e.read_more_url,iconBoy:e.icon_boy,iconGirl:e.icon_girl,timelines:e.timelines.map(U)}:{}}function U(e){return e?{id:e.id,name:e.name,shortName:e.short_name,fromDay:e.from_day,toDay:e.to_day,records:e.records.map(G),age:Number(e.number_age),recurrence:e.unit_age}:{}}function G(e){return e?{id:e.id,vaccineId:e.vaccine_id,vaccineName:e.vaccine_name,vaccineAntigen:e.vaccine_antigen,vaccineOptional:e.vaccine_optional,givenOn:e.given_on,doseNumber:e.dose_number,totalDoses:e.total_doses,status:e.status,vaccineStatus:e.vaccine_status}:{}}function W(e){return e?{id:e.id||0,name:e.name||"",antigen:e.antigen||"",brandImg:e.brand_img||"",benefits:e.benefits,link:e.link,contraindications:e.contraindications,optional:e.optional,detail:e.detail,records:e.records.map(G)}:{}}const q=t=>{var n,{status:r,sx:i,content:l=""}=t,o=e(t,["status","sx","content"]);return a.createElement(s,Object.assign({leftSection:"all"!==r&&a.createElement(k,{ratio:1,w:18},a.createElement(N,{status:r})),px:8,py:3,radius:4,sx:Object.assign(Object.assign({height:"initial",backgroundColor:w.blue[0],borderColor:w.blue[2],color:w.blue[7]},A[r]),i)},o),a.createElement(x,{size:"n1",span:!0,tt:"capitalize",color:String(null===(n=A[r])||void 0===n?void 0:n.color)},l||r))};function J(t){const n=t.displayName||t.name||"Component",r=n=>{var{vaccineRecord:r,isCurrent:i,onToggle:l}=n,o=e(n,["vaccineRecord","isCurrent","onToggle"]);const c={vaccineRecord:r,isCurrent:i,onToggle:l};return a.createElement(t,Object.assign({},c,o))};return r.displayName=`withVaccineCard(${n})`,r}const K=a.memo(J((t=>{var{vaccineRecord:n,onToggle:r,onTitleClick:i}=t,l=e(t,["vaccineRecord","onToggle","onTitleClick"]);const{t:d}=V(),{status:m,vaccineOptional:p,vaccineName:C,doseNumber:u,totalDoses:g,givenOn:b,vaccineAntigen:h}=n;return a.createElement(O,Object.assign({},l,{"data-status":m}),a.createElement(o,{spacing:12},a.createElement(c,{align:"center",justify:"space-between"},a.createElement(q,{status:m,content:d(`babyVaccine.status.${m}`)}),a.createElement(S,{checked:"vaccinated"===m,onToggle:e=>r(e,n)})),a.createElement(o,{spacing:4},a.createElement("div",{onClick:()=>i(n)},a.createElement(x,{size:"s3",color:D.colors.gray800,weight:"semiBold",sx:{cursor:"pointer"}},C)),a.createElement(c,{gap:4,align:"center"},h&&a.createElement(x,{size:"n1",color:w.gray[6]},d("babyVaccine.timeline.antigen")," ",a.createElement(x,{size:"s5",weight:"semiBold",as:"span"},h)),a.createElement(s,{px:8,py:1,radius:"xl",sx:{height:"initial",border:`1px solid ${p?D.colors.neutral100:"transparent"}`},bg:p?D.colors.white:D.colors.red50},a.createElement(x,{size:"n1",color:p?D.colors.gray800:D.colors.red800,tt:"capitalize"},d(p?"babyVaccine.vaccineInfo.optional":"babyVaccine.vaccineInfo.mandatory")))),a.createElement(I,null,a.createElement(x,{size:"n1",color:D.colors.gray600},a.createElement("span",{dangerouslySetInnerHTML:{__html:d("babyVaccine.vaccineInfo.dose",{ordinal:`<b>${u}</b>`,total:g})}})),a.createElement("span",{className:"dot"}),a.createElement(x,{size:"n1",color:D.colors.gray600},d("vaccinated"===m?"babyVaccine.vaccineInfo.injectedDate":"babyVaccine.vaccineInfo.suggested",{date:b}))))))}))),Q=a.memo(J((t=>{var{vaccineRecord:n,isCurrent:r,onToggle:i,showTopDetail:l=!0}=t,d=e(t,["vaccineRecord","isCurrent","onToggle","showTopDetail"]);const{t:m}=V(),{status:p,vaccineOptional:C,vaccineName:u,doseNumber:g,totalDoses:b,vaccineAntigen:h}=n;return a.createElement(O,Object.assign({},d,{"data-template":"modal","data-status":r?"next":p}),a.createElement(o,{spacing:12},l&&a.createElement(c,{align:"center",justify:"space-between"},a.createElement(q,{status:p,content:m(`babyVaccine.status.${p}`)}),a.createElement(S,{checked:"vaccinated"===p,onToggle:e=>i(e,n)})),a.createElement(o,{spacing:4},a.createElement(y,{variant:"ghost",styles:{root:{padding:0,height:"initial","&:hover:hover":{backgroundColor:"transparent"}},inner:{padding:0,justifyContent:"left"}}},a.createElement(x,{size:"s3",color:D.colors.gray800,weight:"semiBold"},u)),a.createElement(c,{gap:4,align:"center"},h&&a.createElement(x,{size:"n1",color:w.gray[6]},m("babyVaccine.timeline.antigen")," ",a.createElement(x,{size:"s5",weight:"semiBold",as:"span"},h)),a.createElement(s,{px:8,py:1,radius:"xl",sx:{height:"initial",border:`1px solid ${C?D.colors.neutral100:"transparent"}`},bg:C?D.colors.white:D.colors.red50},a.createElement(x,{size:"n1",color:C?D.colors.gray800:D.colors.red800,tt:"capitalize"},m(C?"babyVaccine.vaccineInfo.optional":"babyVaccine.vaccineInfo.mandatory")))),a.createElement(x,{size:"n1",color:D.colors.gray600},a.createElement("span",{dangerouslySetInnerHTML:{__html:m("babyVaccine.vaccineInfo.dose",{ordinal:`<b>${g}</b>`,total:b})}})))))}))),X=a.memo(J((t=>{var{vaccineDetail:n,isCurrent:r}=t,i=e(t,["vaccineDetail","isCurrent"]);const{t:l}=V(),{name:d,antigen:m,optional:p}=n;return a.createElement(O,Object.assign({},i,{"data-template":"modal","data-status":r?"next":status}),a.createElement(o,{spacing:12},a.createElement(o,{spacing:4},a.createElement(y,{variant:"ghost",styles:{root:{padding:0,height:"initial","&:hover:hover":{backgroundColor:"transparent"}},inner:{padding:0,justifyContent:"left"}}},a.createElement(x,{size:"s3",color:D.colors.gray800,weight:"semiBold"},d)),a.createElement(c,{gap:4,align:"center"},m&&a.createElement(x,{size:"n1",color:w.gray[6]},l("babyVaccine.timeline.antigen")," ",a.createElement(x,{size:"s5",weight:"semiBold",as:"span"},m)),a.createElement(s,{px:8,py:1,radius:"xl",sx:{height:"initial",border:`1px solid ${p?D.colors.neutral100:"transparent"}`},bg:p?D.colors.white:D.colors.red50},a.createElement(x,{size:"n1",color:p?D.colors.gray800:D.colors.red800,tt:"capitalize"},l(p?"babyVaccine.vaccineInfo.optional":"babyVaccine.vaccineInfo.mandatory")))))))})));M.div`
+`;M.div``;const S=({checked:e,onToggle:t})=>{const{t:a}=V();return n.createElement(B,{checked:e,onChange:e=>{null==t||t(e.currentTarget.checked)},label:a("babyVaccine.vaccineCard.injected"),size:"xs",color:"green.6",styles:{root:{"*":{cursor:"pointer"}},input:{display:"none"}}})},N=({status:e,isCurrent:t})=>{switch(e){case"vaccinated":return n.createElement(T.Vaccinated,null);case"missed":return n.createElement(T.Missed,null);case"all":return null;case"next":return n.createElement(T.Current,null);default:return t?n.createElement(T.Current,null):n.createElement(T.Upcoming,null)}},A={vaccinated:{backgroundColor:w.green[0],borderColor:w.green[2],color:w.green[7]},missed:{backgroundColor:w.yellow[0],borderColor:w.yellow[2],color:w.yellow[9]},upcoming:{backgroundColor:w.neutral[0],borderColor:w.neutral[1],color:w.gray[8]},next:{backgroundColor:w.blue[0],borderColor:"transparent",color:w.blue[6]},all:{backgroundColor:w.blue[0],borderColor:"transparent",color:w.blue[6]}};function R(e){var t;return e?{profile:Y(e.profile),vaccineSchedules:null===(t=null==e?void 0:e.vaccine_schedules)||void 0===t?void 0:t.map(P),notifications:e.notifications,welcome:e.welcome}:{}}function Y(e){return{id:null==e?void 0:e.id,gender:(null==e?void 0:e.gender)?"male":"female",name:null==e?void 0:e.name,dob:null==e?void 0:e.dob,isNew:null==e?void 0:e.new,parentId:null==e?void 0:e.parent_id}}function P(e){return e?{id:e.id,title:e.title,description:e.description,readMoreUrl:e.read_more_url,iconBoy:e.icon_boy,iconGirl:e.icon_girl,timelines:e.timelines.map(U)}:{}}function U(e){return e?{id:e.id,name:e.name,shortName:e.short_name,fromDay:e.from_day,toDay:e.to_day,records:e.records.map(G),age:Number(e.number_age),recurrence:e.unit_age}:{}}function G(e){return e?{id:e.id,vaccineId:e.vaccine_id,vaccineName:e.vaccine_name,vaccineAntigen:e.vaccine_antigen,vaccineOptional:e.vaccine_optional,givenOn:e.given_on,doseNumber:e.dose_number,totalDoses:e.total_doses,status:e.status,vaccineStatus:e.vaccine_status}:{}}function W(e){return e?{id:e.id||0,name:e.name||"",antigen:e.antigen||"",brandImg:e.brand_img||"",benefits:e.benefits,link:e.link,contraindications:e.contraindications,optional:e.optional,detail:e.detail,records:e.records.map(G)}:{}}const q=t=>{var a,{status:r,sx:i,content:l=""}=t,o=e(t,["status","sx","content"]);return n.createElement(s,Object.assign({leftSection:"all"!==r&&n.createElement(k,{ratio:1,w:18},n.createElement(N,{status:r})),px:8,py:3,radius:4,sx:Object.assign(Object.assign({height:"initial",backgroundColor:w.blue[0],borderColor:w.blue[2],color:w.blue[7]},A[r]),i)},o),n.createElement(x,{size:"n1",span:!0,tt:"capitalize",color:String(null===(a=A[r])||void 0===a?void 0:a.color)},l||r))};function J(t){const a=t.displayName||t.name||"Component",r=a=>{var{vaccineRecord:r,isCurrent:i,onToggle:l}=a,o=e(a,["vaccineRecord","isCurrent","onToggle"]);const c={vaccineRecord:r,isCurrent:i,onToggle:l};return n.createElement(t,Object.assign({},c,o))};return r.displayName=`withVaccineCard(${a})`,r}const K=n.memo(J((t=>{var{vaccineRecord:a,onToggle:r,onTitleClick:i}=t,l=e(t,["vaccineRecord","onToggle","onTitleClick"]);const{t:d}=V(),{status:m,vaccineOptional:p,vaccineName:C,doseNumber:u,totalDoses:g,givenOn:b,vaccineAntigen:h}=a;return n.createElement(O,Object.assign({},l,{"data-status":m}),n.createElement(o,{spacing:12},n.createElement(c,{align:"center",justify:"space-between"},n.createElement(q,{status:m,content:d(`babyVaccine.status.${m}`)}),n.createElement(S,{checked:"vaccinated"===m,onToggle:e=>r(e,a)})),n.createElement(o,{spacing:4},n.createElement("div",{onClick:()=>i(a)},n.createElement(x,{size:"s3",color:D.colors.gray800,weight:"semiBold",sx:{cursor:"pointer"}},C)),n.createElement(c,{gap:4,align:"center"},h&&n.createElement(x,{size:"n1",color:w.gray[6]},d("babyVaccine.timeline.antigen")," ",n.createElement(x,{size:"s5",weight:"semiBold",as:"span"},h)),n.createElement(s,{px:8,py:1,radius:"xl",sx:{height:"initial",border:`1px solid ${p?D.colors.neutral100:"transparent"}`},bg:p?D.colors.white:D.colors.red50},n.createElement(x,{size:"n1",color:p?D.colors.gray800:D.colors.red800,tt:"capitalize"},d(p?"babyVaccine.vaccineInfo.optional":"babyVaccine.vaccineInfo.mandatory")))),n.createElement(I,null,n.createElement(x,{size:"n1",color:D.colors.gray600},n.createElement("span",{dangerouslySetInnerHTML:{__html:d("babyVaccine.vaccineInfo.dose",{ordinal:`<b>${u}</b>`,total:g})}})),n.createElement("span",{className:"dot"}),n.createElement(x,{size:"n1",color:D.colors.gray600},d("vaccinated"===m?"babyVaccine.vaccineInfo.injectedDate":"babyVaccine.vaccineInfo.suggested",{date:b}))))))}))),Q=n.memo(J((t=>{var{vaccineRecord:a,isCurrent:r,onToggle:i,showTopDetail:l=!0}=t,d=e(t,["vaccineRecord","isCurrent","onToggle","showTopDetail"]);const{t:m}=V(),{status:p,vaccineOptional:C,vaccineName:u,doseNumber:g,totalDoses:b,vaccineAntigen:h}=a;return n.createElement(O,Object.assign({},d,{"data-template":"modal","data-status":r?"next":p}),n.createElement(o,{spacing:12},l&&n.createElement(c,{align:"center",justify:"space-between"},n.createElement(q,{status:p,content:m(`babyVaccine.status.${p}`)}),n.createElement(S,{checked:"vaccinated"===p,onToggle:e=>i(e,a)})),n.createElement(o,{spacing:4},n.createElement(y,{variant:"ghost",styles:{root:{padding:0,height:"initial","&:hover:hover":{backgroundColor:"transparent"}},inner:{padding:0,justifyContent:"left"}}},n.createElement(x,{size:"s3",color:D.colors.gray800,weight:"semiBold"},u)),n.createElement(c,{gap:4,align:"center"},h&&n.createElement(x,{size:"n1",color:w.gray[6]},m("babyVaccine.timeline.antigen")," ",n.createElement(x,{size:"s5",weight:"semiBold",as:"span"},h)),n.createElement(s,{px:8,py:1,radius:"xl",sx:{height:"initial",border:`1px solid ${C?D.colors.neutral100:"transparent"}`},bg:C?D.colors.white:D.colors.red50},n.createElement(x,{size:"n1",color:C?D.colors.gray800:D.colors.red800,tt:"capitalize"},m(C?"babyVaccine.vaccineInfo.optional":"babyVaccine.vaccineInfo.mandatory")))),n.createElement(x,{size:"n1",color:D.colors.gray600},n.createElement("span",{dangerouslySetInnerHTML:{__html:m("babyVaccine.vaccineInfo.dose",{ordinal:`<b>${g}</b>`,total:b})}})))))}))),X=n.memo(J((t=>{var{vaccineDetail:a,isCurrent:r}=t,i=e(t,["vaccineDetail","isCurrent"]);const{t:l}=V(),{name:d,antigen:m,optional:p}=a;return n.createElement(O,Object.assign({},i,{"data-template":"modal","data-status":r?"next":status}),n.createElement(o,{spacing:12},n.createElement(o,{spacing:4},n.createElement(y,{variant:"ghost",styles:{root:{padding:0,height:"initial","&:hover:hover":{backgroundColor:"transparent"}},inner:{padding:0,justifyContent:"left"}}},n.createElement(x,{size:"s3",color:D.colors.gray800,weight:"semiBold"},d)),n.createElement(c,{gap:4,align:"center"},m&&n.createElement(x,{size:"n1",color:w.gray[6]},l("babyVaccine.timeline.antigen")," ",n.createElement(x,{size:"s5",weight:"semiBold",as:"span"},m)),n.createElement(s,{px:8,py:1,radius:"xl",sx:{height:"initial",border:`1px solid ${p?D.colors.neutral100:"transparent"}`},bg:p?D.colors.white:D.colors.red50},n.createElement(x,{size:"n1",color:p?D.colors.gray800:D.colors.red800,tt:"capitalize"},l(p?"babyVaccine.vaccineInfo.optional":"babyVaccine.vaccineInfo.mandatory")))))))})));M.div`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -150,7 +150,7 @@ import{_ as e,a as t}from"./tslib.es6-01f620c8.js";import a,{useMemo as n,useSta
   ${z.mbDown} {
     height: 22px;
   }
-`,te=t=>{var{records:n,isCurrent:r,onTitleClick:i,onToggle:l}=t,c=e(t,["records","isCurrent","onTitleClick","onToggle"]);return a.createElement(o,Object.assign({spacing:8},c),n.map(((e,t)=>a.createElement(K,{key:t,vaccineRecord:e,isCurrent:r&&0===t,onTitleClick:i,onToggle:l}))))},ae=t=>{var r,i,{timeline:l,onToggle:o,onTitleClick:c,isCurrent:s=!1}=t,m=e(t,["timeline","onToggle","onTitleClick","isCurrent"]);const{t:p}=V(),{isMobile:C}=L(),u=n((()=>{var e;return s||(null===(e=null==l?void 0:l.records)||void 0===e?void 0:e.some((e=>"next"===e.status)))}),[l,s]);return 0===(null===(r=null==l?void 0:l.records)||void 0===r?void 0:r.length)?null:a.createElement("div",Object.assign({},m),a.createElement(d,{key:l.id,gutter:16,py:16},a.createElement(d.Col,{span:"content"},a.createElement(x,{size:"s4",color:u?D.colors.primaryBase:D.colors.gray800,weight:"semiBold",sx:{height:42,width:100,display:"flex",alignItems:"center",[z.mbDown]:{height:22}}},((e,t)=>{switch(e.recurrence){case"year":return t("childCard.age.yearNoMonth",{year:e.age});case"month":return t("childCard.age.months",{month:e.age});case"week":return 0===e.age?t("babyVaccine.timeline.atBirth"):t("childCard.age.week",{weeks:e.age});default:return""}})(l,p))),a.createElement(d.Col,{span:"auto"},a.createElement(ee,{"data-is-current":u},a.createElement("span",{className:"dot"}),a.createElement("div",{className:"line"}),a.createElement(x,{size:"n1",ml:16},a.createElement("span",{dangerouslySetInnerHTML:{__html:p("babyVaccine.timeline.total",{number:`<b>${null===(i=null==l?void 0:l.records)||void 0===i?void 0:i.length}</b>`})}}))),!C&&a.createElement(te,{records:l.records,isCurrent:u,onTitleClick:c,onToggle:o})),C&&a.createElement(d.Col,{span:12},a.createElement(te,{records:l.records,isCurrent:u,onTitleClick:c,onToggle:o}))))},ne=M.div`
+`,te=t=>{var{records:a,isCurrent:r,onTitleClick:i,onToggle:l}=t,c=e(t,["records","isCurrent","onTitleClick","onToggle"]);return n.createElement(o,Object.assign({spacing:8},c),a.map(((e,t)=>n.createElement(K,{key:t,vaccineRecord:e,isCurrent:r&&0===t,onTitleClick:i,onToggle:l}))))},ne=t=>{var r,i,{timeline:l,onToggle:o,onTitleClick:c,isCurrent:s=!1}=t,m=e(t,["timeline","onToggle","onTitleClick","isCurrent"]);const{t:p}=V(),{isMobile:C}=L(),u=a((()=>{var e;return s||(null===(e=null==l?void 0:l.records)||void 0===e?void 0:e.some((e=>"next"===e.status)))}),[l,s]);return 0===(null===(r=null==l?void 0:l.records)||void 0===r?void 0:r.length)?null:n.createElement("div",Object.assign({},m),n.createElement(d,{key:l.id,gutter:16,py:16},n.createElement(d.Col,{span:"content"},n.createElement(x,{size:"s4",color:u?D.colors.primaryBase:D.colors.gray800,weight:"semiBold",sx:{height:42,width:100,display:"flex",alignItems:"center",[z.mbDown]:{height:22}}},((e,t)=>{switch(e.recurrence){case"year":return t("childCard.age.yearNoMonth",{year:e.age});case"month":return t("childCard.age.months",{month:e.age});case"week":return 0===e.age?t("babyVaccine.timeline.atBirth"):t("childCard.age.week",{weeks:e.age});default:return""}})(l,p))),n.createElement(d.Col,{span:"auto"},n.createElement(ee,{"data-is-current":u},n.createElement("span",{className:"dot"}),n.createElement("div",{className:"line"}),n.createElement(x,{size:"n1",ml:16},n.createElement("span",{dangerouslySetInnerHTML:{__html:p("babyVaccine.timeline.total",{number:`<b>${null===(i=null==l?void 0:l.records)||void 0===i?void 0:i.length}</b>`})}}))),!C&&n.createElement(te,{records:l.records,isCurrent:u,onTitleClick:c,onToggle:o})),C&&n.createElement(d.Col,{span:12},n.createElement(te,{records:l.records,isCurrent:u,onTitleClick:c,onToggle:o}))))},ae=M.div`
   position: relative;
   display: flex;
   flex-direction: row;
@@ -176,7 +176,7 @@ import{_ as e,a as t}from"./tslib.es6-01f620c8.js";import a,{useMemo as n,useSta
     padding: 12px;
     gap: 12px;
   }
-`,re=t=>{var{content:n,url:r,icon:i,gender:l,name:s}=t,d=e(t,["content","url","icon","gender","name"]);const{t:m}=V(),{isMobile:p}=L();return a.createElement(ne,Object.assign({"data-gender":l},d),a.createElement(o,{spacing:8},a.createElement(x,{size:"p3",color:D.colors.gray800},n.replace(/{babyName}/g,s)),r&&a.createElement("a",{className:"read-more",href:r,target:"_blank",rel:"noreferrer"},a.createElement(c,{align:"center",gap:6},a.createElement(x,{size:"s4",color:D.colors.primaryBase,weight:"semiBold"},m("articlePage.readMore")),a.createElement(T.ArrowRight,{size:20,color:D.colors.primaryBase})))),i&&a.createElement(k,{ratio:1,w:p?56:80,sx:{flexShrink:0}},a.createElement("img",{alt:"health-tool-icon",src:i,style:{objectFit:"contain"}})))},ie=t=>{var{schedules:r,age:i,onToggle:l,onTitleClick:o,gender:c=f.Boy,hideBanner:s=!1,name:d}=t,m=e(t,["schedules","age","onToggle","onTitleClick","gender","hideBanner","name"]);const p=e=>i[e.recurrence]===e.age,C=n((()=>r.map((e=>e.timelines.some((e=>s||0===e.records.length))))),[r,s]);return r&&0!==r.length?a.createElement("div",Object.assign({},m),r.map(((e,t)=>{var n;return a.createElement(a.Fragment,null,(null===(n=e.timelines)||void 0===n?void 0:n.length)>0&&a.createElement("div",{key:e.id},e.title&&!C[t]&&a.createElement(re,{content:e.title,gender:c,icon:c===f.Boy?e.iconBoy:e.iconGirl,url:e.readMoreUrl,name:d}),e.timelines.map((e=>a.createElement(ae,{key:e.id,timeline:e,onTitleClick:o,onToggle:l,isCurrent:p(e)})))))}))):null},le=()=>{},oe=t=>{var{onSubmit:n,date:r}=t,i=e(t,["onSubmit","date"]);const{t:l}=V();return a.createElement(F,Object.assign({withinPortal:!0,zIndex:500,styles:{body:{padding:32}}},i),a.createElement(m,{sx:{position:"absolute",top:15,right:20},onClick:i.onClose},a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.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"}))),a.createElement(o,{spacing:8,align:"center",ta:"center"},a.createElement("svg",{width:"80",height:"80",viewBox:"0 0 80 80",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{d:"M40 73.3334C58.4095 73.3334 73.3333 58.4095 73.3333 40C73.3333 21.5905 58.4095 6.66669 40 6.66669C21.5905 6.66669 6.66666 21.5905 6.66666 40C6.66666 58.4095 21.5905 73.3334 40 73.3334Z",fill:"#FFB521"}),a.createElement("path",{d:"M39.3246 48.6089C38.667 48.6089 38.0364 48.3477 37.5714 47.8827C37.1064 47.4177 36.8452 46.7871 36.8452 46.1295V29.146C36.8452 28.4885 37.1064 27.8578 37.5714 27.3929C38.0364 26.9279 38.667 26.6667 39.3246 26.6667C39.9821 26.6667 40.6128 26.9279 41.0777 27.3929C41.5427 27.8578 41.8039 28.4885 41.8039 29.146V46.1295C41.8039 46.7871 41.5427 47.4177 41.0777 47.8827C40.6128 48.3477 39.9821 48.6089 39.3246 48.6089Z",fill:"white"}),a.createElement("path",{d:"M39.3245 56.6667C40.7924 56.6667 41.9824 55.4767 41.9824 54.0088C41.9824 52.5409 40.7924 51.351 39.3245 51.351C37.8566 51.351 36.6667 52.5409 36.6667 54.0088C36.6667 55.4767 37.8566 56.6667 39.3245 56.6667Z",fill:"white"})),a.createElement($,{tag:"h4"},l("babyVaccine.popup.confirm.title")),a.createElement(x,{size:"p2",color:"gray.6"},a.createElement("span",{dangerouslySetInnerHTML:{__html:l("babyVaccine.popup.confirm.description",{date:`<b>${j(r).format("DD/MM/YYYY")}</b>`})}}))),a.createElement(c,{gap:12,mt:32,w:"100%"},a.createElement(y,{variant:"tertiary",type:"button",size:"lg",w:"100%",onClick:i.onClose},l("babyVaccine.popup.confirm.close")),a.createElement(y,{type:"button",size:"lg",w:"100%",onClick:()=>n()},l("babyVaccine.popup.confirm.ok"))))},ce=M.div`
+`,re=t=>{var{content:a,url:r,icon:i,gender:l,name:s}=t,d=e(t,["content","url","icon","gender","name"]);const{t:m}=V(),{isMobile:p}=L();return n.createElement(ae,Object.assign({"data-gender":l},d),n.createElement(o,{spacing:8},n.createElement(x,{size:"p3",color:D.colors.gray800},a.replace(/{babyName}/g,s)),r&&n.createElement("a",{className:"read-more",href:r,target:"_blank",rel:"noreferrer"},n.createElement(c,{align:"center",gap:6},n.createElement(x,{size:"s4",color:D.colors.primaryBase,weight:"semiBold"},m("articlePage.readMore")),n.createElement(T.ArrowRight,{size:20,color:D.colors.primaryBase})))),i&&n.createElement(k,{ratio:1,w:p?56:80,sx:{flexShrink:0}},n.createElement("img",{alt:"health-tool-icon",src:i,style:{objectFit:"contain"}})))},ie=t=>{var{schedules:r,age:i,onToggle:l,onTitleClick:o,gender:c=v.Boy,hideBanner:s=!1,name:d}=t,m=e(t,["schedules","age","onToggle","onTitleClick","gender","hideBanner","name"]);const p=e=>i[e.recurrence]===e.age,C=a((()=>r.map((e=>e.timelines.some((e=>s||0===e.records.length))))),[r,s]);return r&&0!==r.length?n.createElement("div",Object.assign({},m),r.map(((e,t)=>{var a;return n.createElement(n.Fragment,null,(null===(a=e.timelines)||void 0===a?void 0:a.length)>0&&n.createElement("div",{key:e.id},e.title&&!C[t]&&n.createElement(re,{content:e.title,gender:c,icon:c===v.Boy?e.iconBoy:e.iconGirl,url:e.readMoreUrl,name:d}),e.timelines.map((e=>n.createElement(ne,{key:e.id,timeline:e,onTitleClick:o,onToggle:l,isCurrent:p(e)})))))}))):null},le=()=>{},oe=t=>{var{onSubmit:a,date:r}=t,i=e(t,["onSubmit","date"]);const{t:l}=V();return n.createElement(F,Object.assign({withinPortal:!0,zIndex:500,styles:{body:{padding:32}}},i),n.createElement(m,{sx:{position:"absolute",top:15,right:20},onClick:i.onClose},n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.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"}))),n.createElement(o,{spacing:8,align:"center",ta:"center"},n.createElement("svg",{width:"80",height:"80",viewBox:"0 0 80 80",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{d:"M40 73.3334C58.4095 73.3334 73.3333 58.4095 73.3333 40C73.3333 21.5905 58.4095 6.66669 40 6.66669C21.5905 6.66669 6.66666 21.5905 6.66666 40C6.66666 58.4095 21.5905 73.3334 40 73.3334Z",fill:"#FFB521"}),n.createElement("path",{d:"M39.3246 48.6089C38.667 48.6089 38.0364 48.3477 37.5714 47.8827C37.1064 47.4177 36.8452 46.7871 36.8452 46.1295V29.146C36.8452 28.4885 37.1064 27.8578 37.5714 27.3929C38.0364 26.9279 38.667 26.6667 39.3246 26.6667C39.9821 26.6667 40.6128 26.9279 41.0777 27.3929C41.5427 27.8578 41.8039 28.4885 41.8039 29.146V46.1295C41.8039 46.7871 41.5427 47.4177 41.0777 47.8827C40.6128 48.3477 39.9821 48.6089 39.3246 48.6089Z",fill:"white"}),n.createElement("path",{d:"M39.3245 56.6667C40.7924 56.6667 41.9824 55.4767 41.9824 54.0088C41.9824 52.5409 40.7924 51.351 39.3245 51.351C37.8566 51.351 36.6667 52.5409 36.6667 54.0088C36.6667 55.4767 37.8566 56.6667 39.3245 56.6667Z",fill:"white"})),n.createElement($,{tag:"h4"},l("babyVaccine.popup.confirm.title")),n.createElement(x,{size:"p2",color:"gray.6"},n.createElement("span",{dangerouslySetInnerHTML:{__html:l("babyVaccine.popup.confirm.description",{date:`<b>${j(r).format("DD/MM/YYYY")}</b>`})}}))),n.createElement(c,{gap:12,mt:32,w:"100%"},n.createElement(y,{variant:"tertiary",type:"button",size:"lg",w:"100%",onClick:i.onClose},l("babyVaccine.popup.confirm.close")),n.createElement(y,{type:"button",size:"lg",w:"100%",onClick:()=>a()},l("babyVaccine.popup.confirm.ok"))))},ce=M.div`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -239,4 +239,4 @@ import{_ as e,a as t}from"./tslib.es6-01f620c8.js";import a,{useMemo as n,useSta
       color: ${w.neutral[9]};
     }
   }
-`,de=t=>{var{status:n,idx:r,template:i,disabled:l,onClick:o}=t,c=e(t,["status","idx","template","disabled","onClick"]);const s="default"===i&&l;return a.createElement(se,Object.assign({onClick:"default"!==i?o:le,"data-status":n,"data-id":r||"header","data-disabled":s},c),a.createElement(x,{size:"s4",span:!0,className:"inner-text",weight:"semiBold",color:s?w.neutral[9]:w.gray[8]},r||""))};j.extend(Z);const me=t=>{var{autoInjected:r,record:i,onSubmit:l,doses:s=[],closeModal:d,birthday:m}=t,C=e(t,["autoInjected","record","onSubmit","doses","closeModal","birthday"]);const{t:u}=V(),[g,{open:b,close:h}]=v(!1),E=_({initialValues:{injected:r||"vaccinated"===i.status,date:j(i.givenOn,"DD/MM/YYYY").toDate()||new Date}}),f=e=>{E.isTouched("date")&&!j(e.date).isSame(j(i.givenOn,"DD/MM/YYYY"),"d")||g?l(i,e):b()},w=n((()=>"vaccinated"!==i.status),[i.status]),k=n((()=>E.values.injected?"vaccinated":i.status),[i.status,E.values.injected]);return a.createElement(a.Fragment,null,a.createElement(oe,{opened:g,onClose:h,onSubmit:()=>f(E.values),date:E.values.date}),a.createElement("form",Object.assign({onSubmit:E.onSubmit(f)},C),a.createElement(o,{spacing:20},a.createElement(Q,{vaccineRecord:Object.assign(Object.assign({},i),{status:k}),onToggle:e=>E.setFieldValue("injected",e)}),a.createElement(H,Object.assign({label:a.createElement(x,{size:"s4",weight:"semiBold",color:D.colors.gray600},u("babyVaccine.popup.checkbox.suggestedDate")),disabled:"vaccinated"===i.status,excludeDate:e=>j(e).isAfter(j().add(7,"D"))||j(e).isBefore(j(m,"YYYY-MM-DD",!0),"D")},E.getInputProps("date"))),s.length>0&&a.createElement(p.Wrapper,null,a.createElement(p.Label,null,a.createElement(x,{size:"s5",weight:"semiBold",color:D.colors.gray600},u("babyVaccine.popup.label.doses"))),a.createElement(c,{gap:4},s.map(((e,t)=>a.createElement(de,{key:t,status:e.status,idx:t+1,onClick:le,disabled:Number(i.doseNumber)!==Number(e.doseNumber),template:"default"}))))),a.createElement(c,{gap:8,sx:{position:"absolute",bottom:76,left:16,right:16,width:"unset",[z.mbDown]:{flexDirection:"column-reverse",bottom:16}}},a.createElement(y,{variant:"tertiary",size:"lg",type:"button",fullWidth:!0,onClick:d},u("actionPopover.leaveCommunity.cancel")),w&&a.createElement(y,{size:"lg",type:"submit",fullWidth:!0,disabled:!E.values.injected},u("babyVaccine.popup.button.submit"))))))},pe=({type:e})=>{switch(e){case"benefit":return a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{d:"M11.6287 1C14.5679 1.00265 17.4867 1.48794 20.2686 2.43648C20.5726 2.52765 20.8361 2.72038 21.0151 2.98247C21.1941 3.24455 21.2777 3.56012 21.252 3.87646C20.8906 7.09734 19.7554 15.7315 19.18 16.6743C18.0357 18.5485 13.951 21.6009 12.3125 22.7817C12.1117 22.9237 11.8717 23 11.6257 23C11.3796 23 11.1397 22.9237 10.9388 22.7817C9.30168 21.6016 5.22106 18.5485 4.07655 16.6745C3.50113 15.7317 2.36602 7.09755 2.00455 3.87667C1.97886 3.56034 2.0625 3.24477 2.24149 2.98269C2.42049 2.7206 2.68399 2.52787 2.98799 2.4367C5.77016 1.48799 8.68925 1.00263 11.6287 1Z",fill:"#45A4FF"}),a.createElement("path",{d:"M11.6288 2.43628C14.198 2.43817 16.7505 2.8493 19.1903 3.65422C19.7367 3.83757 19.846 4.34241 19.7867 4.87499C19.4808 7.60568 18.5192 14.926 18.0303 15.7252C17.0069 17.4016 13.2091 20.1894 11.9985 21.0535C11.8898 21.1316 11.7593 21.1735 11.6254 21.1735C11.4915 21.1735 11.361 21.1316 11.2522 21.0535C10.0426 20.1891 6.24891 17.4016 5.22548 15.7254C4.73856 14.926 3.77632 7.60568 3.46992 4.87521C3.41004 4.34263 3.52019 3.83779 4.06633 3.65444C6.50646 2.84935 9.05926 2.43815 11.6288 2.43628Z",fill:"#2D87F3"}),a.createElement("path",{d:"M12.0145 8.18164H11.2337C10.9342 8.18199 10.647 8.3012 10.4354 8.51308C10.2237 8.72497 10.1047 9.01221 10.1047 9.31172V9.50579C10.1045 9.57023 10.0788 9.63197 10.0332 9.67752C9.98765 9.72306 9.92588 9.74869 9.86145 9.74881H9.66716C9.3679 9.74916 9.08099 9.86819 8.86938 10.0798C8.65777 10.2914 8.53874 10.5783 8.53839 10.8776V11.6589C8.53868 11.9582 8.65769 12.2451 8.86931 12.4568C9.08092 12.6684 9.36786 12.7875 9.66716 12.7879H9.86145C9.92596 12.788 9.98779 12.8137 10.0334 12.8593C10.079 12.9049 10.1046 12.9668 10.1047 13.0313V13.2254C10.105 13.5247 10.2241 13.8117 10.4357 14.0233C10.6474 14.235 10.9344 14.354 11.2337 14.3544H12.0145C12.3138 14.354 12.6008 14.235 12.8124 14.0233C13.024 13.8116 13.143 13.5247 13.1433 13.2254V13.03C13.1434 12.9655 13.169 12.9036 13.2147 12.8579C13.2603 12.8123 13.3222 12.7866 13.3868 12.7865H13.5821C13.8812 12.7859 14.1679 12.6668 14.3794 12.4552C14.5908 12.2436 14.7098 11.9569 14.7102 11.6578V10.8782C14.71 10.579 14.5911 10.292 14.3797 10.0803C14.1682 9.86861 13.8814 9.74939 13.5821 9.74881H13.3868C13.3222 9.74875 13.2604 9.72311 13.2147 9.67752C13.1691 9.63192 13.1434 9.57008 13.1433 9.50557V9.31172C13.143 9.01242 13.024 8.72546 12.8124 8.5138C12.6008 8.30215 12.3138 8.18308 12.0145 8.18273V8.18164Z",fill:"white"}));case"definition":return a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{d:"M1.34225 23.0002C1.4332 23.0001 1.52039 22.9639 1.58466 22.8995L5.16887 19.3156C5.23322 19.2512 5.26939 19.164 5.26941 19.073C5.26943 18.982 5.23331 18.8947 5.16899 18.8304C5.10467 18.766 5.01742 18.7299 4.92643 18.7299C4.83545 18.7298 4.74818 18.766 4.68383 18.8303L1.09962 22.4145C1.05161 22.4625 1.01892 22.5236 1.00567 22.5902C0.992418 22.6567 0.999211 22.7257 1.02519 22.7884C1.05116 22.8511 1.09515 22.9047 1.15159 22.9424C1.20803 22.9801 1.27438 23.0002 1.34225 23.0002Z",fill:"#626D7C"}),a.createElement("path",{d:"M9.26212 18.5911H9.26441L18.4059 9.45051L14.5526 5.59485L5.34014 14.8041C6.47374 15.9567 9.26212 18.5911 9.26212 18.5911Z",fill:"#2D87F3"}),a.createElement("path",{d:"M3.81717 17.9643L6.03543 20.1826C6.23805 20.3988 6.51807 20.526 6.81421 20.5362C7.11036 20.5465 7.39853 20.4391 7.61566 20.2374L9.26221 18.5909L5.40883 14.7352L3.76228 16.3818C3.55993 16.599 3.45205 16.8877 3.46234 17.1844C3.47263 17.4811 3.60025 17.7616 3.81717 17.9643Z",fill:"#BCDEFF"}),a.createElement("path",{d:"M21.3218 4.30005L19.7018 2.68L16.272 6.10975L17.8921 7.7298L21.3218 4.30005Z",fill:"#2B62CD"}),a.createElement("path",{d:"M9.26277 18.934C9.33064 18.934 9.39699 18.9139 9.45343 18.8762C9.50987 18.8385 9.55386 18.7849 9.57984 18.7222C9.60581 18.6595 9.61261 18.5905 9.59936 18.524C9.58611 18.4574 9.55341 18.3963 9.50541 18.3483L5.65043 14.4935C5.58552 14.4322 5.49923 14.3986 5.40992 14.3998C5.3206 14.4011 5.2353 14.4371 5.17215 14.5003C5.10901 14.5635 5.07299 14.6488 5.07177 14.7381C5.07055 14.8274 5.10422 14.9137 5.16561 14.9786L9.02036 18.8333C9.05214 18.8653 9.08992 18.8906 9.13152 18.9079C9.17312 18.9251 9.21773 18.934 9.26277 18.934Z",fill:"#BCDEFF"}),a.createElement("path",{d:"M11.3855 13.5715C11.4571 13.5715 11.528 13.5574 11.5941 13.5299C11.6602 13.5024 11.7202 13.4621 11.7706 13.4114L11.8063 13.3755L11.842 13.4109C11.9442 13.5131 12.0828 13.5705 12.2273 13.5705C12.3718 13.5705 12.5104 13.5131 12.6126 13.4109L13.0243 12.9993C13.0749 12.9487 13.1151 12.8885 13.1425 12.8224C13.1699 12.7562 13.184 12.6853 13.184 12.6137C13.184 12.5421 13.1699 12.4712 13.1425 12.405C13.1151 12.3389 13.0749 12.2788 13.0243 12.2281L12.9879 12.195L13.0238 12.1591C13.126 12.0568 13.1834 11.9182 13.1834 11.7736C13.1834 11.6291 13.126 11.4904 13.0238 11.3882L12.6122 10.9765C12.5616 10.9259 12.5016 10.8856 12.4354 10.8582C12.3693 10.8308 12.2984 10.8167 12.2268 10.8167C12.1553 10.8167 12.0844 10.8308 12.0183 10.8582C11.9521 10.8856 11.8921 10.9259 11.8415 10.9765L11.8058 11.012L11.7702 10.9763C11.6679 10.8742 11.5293 10.8168 11.3847 10.8168C11.2402 10.8168 11.1015 10.8742 10.9993 10.9763L10.5876 11.388C10.4854 11.4901 10.428 11.6288 10.428 11.7733C10.428 11.9178 10.4854 12.0564 10.5876 12.1586L10.6235 12.1945L10.5881 12.2302C10.486 12.3325 10.4288 12.4711 10.4288 12.6155C10.4288 12.76 10.486 12.8986 10.5881 13.0009L10.9997 13.4125C11.0503 13.4632 11.1105 13.5033 11.1767 13.5306C11.2429 13.5579 11.3139 13.5718 11.3855 13.5715Z",fill:"white"}),a.createElement("path",{d:"M15.1421 4.13267L19.8688 8.85944C20.1601 9.15071 20.1601 9.62297 19.8688 9.91425C19.5776 10.2055 19.1053 10.2055 18.814 9.91425L14.0873 5.18748C13.796 4.8962 13.796 4.42395 14.0873 4.13267C14.3785 3.84139 14.8508 3.84139 15.1421 4.13267Z",fill:"#BCDEFF"}),a.createElement("path",{d:"M19.7474 1.46791L22.5319 4.25239C22.7904 4.5109 22.7904 4.93002 22.5319 5.18853C22.2734 5.44703 21.8543 5.44703 21.5958 5.18853L18.8113 2.40405C18.5528 2.14554 18.5528 1.72642 18.8113 1.46791C19.0698 1.2094 19.4889 1.2094 19.7474 1.46791Z",fill:"#BCDEFF"}));case"contraindications":return a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{d:"M14.6201 6.00793V18.8445C14.6279 19.4507 14.4065 20.0375 14.0002 20.4874C13.5938 20.9373 13.0325 21.2171 12.4287 21.2708C12.1073 21.2925 11.7849 21.248 11.4815 21.14C11.178 21.0319 10.9 20.8627 10.6647 20.6428C10.4294 20.4228 10.2418 20.1569 10.1135 19.8615C9.98523 19.566 9.91903 19.2474 9.91901 18.9253V6.00793H14.6206H14.6201Z",fill:"#BCDEFF"}),a.createElement("path",{d:"M14.6201 7.94543V18.9253C14.6201 19.5488 14.3724 20.1467 13.9315 20.5875C13.4907 21.0284 12.8928 21.2761 12.2693 21.2761C11.6458 21.2761 11.0479 21.0284 10.607 20.5875C10.1662 20.1467 9.91852 19.5488 9.91852 18.9253V7.94543H14.6201Z",fill:"#45A4FF"}),a.createElement("path",{d:"M11.7851 10.0518H9.91902C9.82398 10.0518 9.73283 10.014 9.66563 9.94683C9.59842 9.87962 9.56067 9.78847 9.56067 9.69343C9.56067 9.59839 9.59842 9.50724 9.66563 9.44004C9.73283 9.37284 9.82398 9.33508 9.91902 9.33508H11.7853C11.8803 9.33508 11.9715 9.37284 12.0387 9.44004C12.1059 9.50724 12.1437 9.59839 12.1437 9.69343C12.1437 9.78847 12.1059 9.87962 12.0387 9.94683C11.9715 10.014 11.8801 10.0518 11.7851 10.0518Z",fill:"#2D87F3"}),a.createElement("path",{d:"M10.968 11.8007H9.91902C9.82398 11.8007 9.73283 11.763 9.66563 11.6958C9.59842 11.6286 9.56067 11.5374 9.56067 11.4424C9.56067 11.3474 9.59842 11.2562 9.66563 11.189C9.73283 11.1218 9.82398 11.084 9.91902 11.084H10.9683C11.0633 11.084 11.1545 11.1218 11.2217 11.189C11.2889 11.2562 11.3266 11.3474 11.3266 11.4424C11.3266 11.5374 11.2889 11.6286 11.2217 11.6958C11.1545 11.763 11.0633 11.8007 10.9683 11.8007H10.968Z",fill:"#2D87F3"}),a.createElement("path",{d:"M11.7851 13.5498H9.91902C9.82398 13.5498 9.73283 13.512 9.66563 13.4448C9.59842 13.3776 9.56067 13.2865 9.56067 13.1914C9.56067 13.0964 9.59842 13.0052 9.66563 12.938C9.73283 12.8708 9.82398 12.8331 9.91902 12.8331H11.7853C11.8803 12.8331 11.9715 12.8708 12.0387 12.938C12.1059 13.0052 12.1437 13.0964 12.1437 13.1914C12.1437 13.2865 12.1059 13.3776 12.0387 13.4448C11.9715 13.512 11.8801 13.5498 11.7851 13.5498Z",fill:"#2D87F3"}),a.createElement("path",{d:"M10.968 15.2987H9.91902C9.82398 15.2987 9.73283 15.261 9.66563 15.1938C9.59842 15.1266 9.56067 15.0354 9.56067 14.9404C9.56067 14.8453 9.59842 14.7542 9.66563 14.687C9.73283 14.6198 9.82398 14.582 9.91902 14.582H10.9683C11.0633 14.582 11.1545 14.6198 11.2217 14.687C11.2889 14.7542 11.3266 14.8453 11.3266 14.9404C11.3266 15.0354 11.2889 15.1266 11.2217 15.1938C11.1545 15.261 11.0633 15.2987 10.9683 15.2987H10.968Z",fill:"#2D87F3"}),a.createElement("path",{d:"M10.968 18.7967H9.91902C9.82398 18.7967 9.73283 18.759 9.66563 18.6918C9.59842 18.6246 9.56067 18.5334 9.56067 18.4384C9.56067 18.3433 9.59842 18.2522 9.66563 18.185C9.73283 18.1178 9.82398 18.08 9.91902 18.08H10.9683C11.0633 18.08 11.1545 18.1178 11.2217 18.185C11.2889 18.2522 11.3266 18.3433 11.3266 18.4384C11.3266 18.5334 11.2889 18.6246 11.2217 18.6918C11.1545 18.759 11.0633 18.7967 10.9683 18.7967H10.968Z",fill:"#2D87F3"}),a.createElement("path",{d:"M11.7851 17.0478H9.91902C9.82398 17.0478 9.73283 17.01 9.66563 16.9428C9.59842 16.8756 9.56067 16.7844 9.56067 16.6894C9.56067 16.5944 9.59842 16.5032 9.66563 16.436C9.73283 16.3688 9.82398 16.3311 9.91902 16.3311H11.7853C11.8803 16.3311 11.9715 16.3688 12.0387 16.436C12.1059 16.5032 12.1437 16.5944 12.1437 16.6894C12.1437 16.7844 12.1059 16.8756 12.0387 16.9428C11.9715 17.01 11.8801 17.0478 11.7851 17.0478Z",fill:"#2D87F3"}),a.createElement("path",{d:"M14.7778 4H9.76038C9.17351 4 8.69775 4.47575 8.69775 5.06263C8.69775 5.6495 9.17351 6.12526 9.76038 6.12526H14.7778C15.3646 6.12526 15.8404 5.6495 15.8404 5.06263C15.8404 4.47575 15.3646 4 14.7778 4Z",fill:"#E3F2FF"}),a.createElement("path",{d:"M12 1.33875C9.8914 1.33875 7.83016 1.96402 6.07693 3.13549C4.32369 4.30696 2.95721 5.97202 2.15029 7.92011C1.34336 9.8682 1.13224 12.0118 1.5436 14.0799C1.95497 16.148 2.97036 18.0476 4.46136 19.5386C5.95236 21.0296 7.85201 22.045 9.92009 22.4564C11.9882 22.8678 14.1318 22.6566 16.0799 21.8497C18.028 21.0428 19.693 19.6763 20.8645 17.9231C22.036 16.1698 22.6612 14.1086 22.6612 12C22.6611 9.17252 21.5378 6.4609 19.5384 4.46157C17.5391 2.46224 14.8275 1.33894 12 1.33875ZM11.5082 3.01312C13.6496 2.89345 15.7629 3.54538 17.4647 4.85062C17.5074 4.88316 17.5426 4.92445 17.5681 4.97172C17.5935 5.01898 17.6086 5.07115 17.6123 5.12471C17.6159 5.17827 17.6081 5.23199 17.5893 5.28228C17.5705 5.33257 17.5412 5.37827 17.5033 5.41631L5.41631 17.5033C5.37827 17.5412 5.33258 17.5705 5.28229 17.5893C5.232 17.6081 5.17827 17.6159 5.12471 17.6123C5.07115 17.6086 5.01899 17.5935 4.97172 17.5681C4.92445 17.5426 4.88316 17.5074 4.85063 17.4647C3.85632 16.1647 3.23542 14.6181 3.05475 12.9914C2.87408 11.3647 3.14049 9.71957 3.8253 8.23305C4.51012 6.74653 5.58739 5.47493 6.94117 4.55515C8.29494 3.63536 9.87394 3.10222 11.5082 3.01312ZM12 21C10.0715 21.0029 8.19357 20.3834 6.64538 19.2336C6.60183 19.2014 6.56573 19.1602 6.53954 19.1128C6.51335 19.0654 6.49769 19.0129 6.49361 18.959C6.48954 18.905 6.49715 18.8507 6.51593 18.7999C6.53471 18.7492 6.56422 18.703 6.60244 18.6647L18.6647 6.60225C18.703 6.56402 18.7492 6.53452 18.8 6.51574C18.8507 6.49696 18.905 6.48935 18.959 6.49342C19.0129 6.4975 19.0654 6.51316 19.1128 6.53935C19.1602 6.56554 19.2014 6.60164 19.2336 6.64518C20.2252 7.98471 20.8253 9.57326 20.9672 11.2338C21.1091 12.8944 20.7871 14.5617 20.0371 16.0501C19.2871 17.5384 18.1386 18.7892 16.7196 19.6632C15.3005 20.5372 13.6666 21 12 21Z",fill:"#F44D2C"}));case"related_articles":return a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{d:"M16.7274 1.2112L3.41308 3.20364C2.63266 3.32043 2.09467 4.04776 2.21146 4.82818L4.7193 21.5867C4.83609 22.3671 5.56342 22.9051 6.34384 22.7883L19.6581 20.7958C20.4386 20.6791 20.9766 19.9517 20.8598 19.1713L18.3519 2.41282C18.2351 1.6324 17.5078 1.09442 16.7274 1.2112Z",fill:"#2D87F3"}),a.createElement("path",{d:"M3.22418 3.23199L16.9158 1.1831L19.5243 18.6142L5.83268 20.6631L3.22418 3.23199Z",fill:"white"}),a.createElement("path",{d:"M10.7861 5.37902L10.3139 5.44966C10.133 5.47697 9.9702 5.57495 9.86137 5.7221C9.75254 5.86925 9.70652 6.05356 9.7334 6.23459L9.7509 6.35211C9.75664 6.39111 9.74672 6.43079 9.72329 6.4625C9.69987 6.4942 9.66485 6.51534 9.62588 6.52131L9.50857 6.53881C9.32748 6.56607 9.16461 6.66409 9.05572 6.81134C8.94684 6.95859 8.90085 7.14303 8.92784 7.32416L8.99869 7.79695C9.026 7.97795 9.12401 8.14072 9.27122 8.24952C9.41842 8.35832 9.60278 8.40426 9.78383 8.37726L9.90135 8.35976C9.94035 8.35396 9.98007 8.36387 10.0118 8.3873C10.0435 8.41074 10.0646 8.44579 10.0705 8.48478L10.0883 8.6023C10.1156 8.78328 10.2136 8.94601 10.3608 9.0548C10.508 9.16359 10.6924 9.20956 10.8734 9.18261L11.3456 9.11177C11.5266 9.08455 11.6894 8.98664 11.7982 8.83952C11.9071 8.6924 11.9532 8.50809 11.9263 8.32705L11.9086 8.2089C11.9027 8.16986 11.9126 8.13009 11.936 8.09833C11.9595 8.06657 11.9946 8.04541 12.0336 8.03949L12.1517 8.02199C12.3328 7.99468 12.4956 7.89664 12.6045 7.7494C12.7133 7.60216 12.7593 7.41774 12.7323 7.23664L12.6616 6.7651C12.6343 6.58413 12.5362 6.4214 12.389 6.3126C12.2419 6.20381 12.0575 6.15785 11.8765 6.18479L11.7583 6.2025C11.7193 6.2083 11.6796 6.19839 11.6479 6.17496C11.6162 6.15152 11.5951 6.11647 11.5891 6.07748L11.5714 5.95933C11.5441 5.77832 11.446 5.61555 11.2988 5.50675C11.1515 5.39796 10.9672 5.35202 10.7861 5.37902Z",fill:"#91CAFF"}),a.createElement("path",{d:"M16.2476 9.87345L8.48776 11.0347C8.34186 11.0565 8.24127 11.1925 8.26311 11.3384C8.28494 11.4843 8.42093 11.5849 8.56684 11.5631L16.3267 10.4018C16.4726 10.38 16.5732 10.244 16.5514 10.0981C16.5295 9.9522 16.3935 9.85161 16.2476 9.87345Z",fill:"#91CAFF"}),a.createElement("path",{d:"M16.4963 11.7928L6.76981 13.2484C6.6239 13.2702 6.52332 13.4062 6.54515 13.5521C6.56699 13.698 6.70297 13.7986 6.84888 13.7768L16.5754 12.3212C16.7213 12.2994 16.8219 12.1634 16.8 12.0175C16.7782 11.8716 16.6422 11.771 16.4963 11.7928Z",fill:"#91CAFF"}),a.createElement("path",{d:"M16.003 13.8229L7.01883 15.1674C6.87292 15.1892 6.77234 15.3252 6.79417 15.4711C6.81601 15.617 6.95199 15.7176 7.0979 15.6958L16.0821 14.3513C16.228 14.3295 16.3286 14.1935 16.3067 14.0476C16.2849 13.9017 16.1489 13.8011 16.003 13.8229Z",fill:"#91CAFF"}),a.createElement("path",{d:"M15.0992 15.9144L7.26737 17.0864C7.12146 17.1082 7.02087 17.2442 7.04271 17.3901C7.06454 17.536 7.20053 17.6366 7.34644 17.6148L15.1782 16.4428C15.3241 16.4209 15.4247 16.2849 15.4029 16.139C15.3811 15.9931 15.2451 15.8925 15.0992 15.9144Z",fill:"#91CAFF"}),a.createElement("path",{d:"M17.0317 15.6252L16.3418 15.7284C16.1959 15.7502 16.0953 15.8862 16.1171 16.0321C16.1389 16.178 16.2749 16.2786 16.4208 16.2568L17.1108 16.1535C17.2567 16.1317 17.3573 15.9957 17.3354 15.8498C17.3136 15.7039 17.1776 15.6033 17.0317 15.6252Z",fill:"#91CAFF"}),a.createElement("path",{d:"M14.2111 3.26954L6.42137 4.43525C6.16996 4.47287 5.91389 4.40908 5.70951 4.25791C5.50513 4.10673 5.36918 3.88056 5.33155 3.62915L5.25005 3.08448C5.23573 2.98884 5.26 2.89142 5.31751 2.81367C5.37502 2.73591 5.46107 2.68419 5.55671 2.66988L14.5203 1.32851C14.6159 1.3142 14.7134 1.33847 14.7911 1.39598C14.8689 1.45349 14.9206 1.53954 14.9349 1.63518L15.0164 2.17985C15.054 2.43126 14.9902 2.68733 14.8391 2.89171C14.6879 3.09609 14.4617 3.23204 14.2103 3.26967L14.2111 3.26954Z",fill:"#1B3250"}));default:return null}},Ce=t=>{var{type:n,title:r,children:i}=t,l=e(t,["type","title","children"]);return a.createElement("section",Object.assign({},l),a.createElement(o,{spacing:8},a.createElement(c,{gap:8},a.createElement(u,{ratio:1,w:24},a.createElement(pe,{type:n})),a.createElement(x,{size:"s2",weight:"semiBold"},r)),i))},ue=t=>{var{details:n}=t,r=e(t,["details"]);return a.createElement(C,Object.assign({p:0},r),a.createElement(o,{spacing:24},n.detail&&a.createElement(Ce,{type:"definition",title:"Definition"},a.createElement(x,{size:"p2"},a.createElement("span",{dangerouslySetInnerHTML:{__html:n.detail}}))),n.benefits&&a.createElement(Ce,{type:"benefit",title:"Benefits"},a.createElement(x,{size:"p2"},a.createElement("span",{dangerouslySetInnerHTML:{__html:n.benefits}}))),n.contraindications&&a.createElement(Ce,{type:"contraindications",title:"Contraindications"},a.createElement(x,{size:"p2"},a.createElement("span",{dangerouslySetInnerHTML:{__html:n.contraindications}}))),n.link&&a.createElement(Ce,{type:"related_articles",title:"Related Articles"},a.createElement(x,{size:"p2"},a.createElement("span",{dangerouslySetInnerHTML:{__html:n.link}})))))};j.extend(Z);const ge=t=>{var{vaccineDetail:n,doses:r=[],onDoseClick:i}=t,l=e(t,["vaccineDetail","doses","onDoseClick"]);const{t:s}=V();return a.createElement(o,Object.assign({spacing:20},l),a.createElement(X,{vaccineDetail:Object.assign({},n),showTopDetail:!1}),r.length>0&&a.createElement(p.Wrapper,null,a.createElement(p.Label,null,a.createElement(x,{size:"s5",weight:"semiBold",color:D.colors.gray600},s("babyVaccine.popup.label.doses"))),a.createElement(c,{gap:4},r.map(((e,t)=>a.createElement(de,{key:t,status:e.status,idx:t+1,onClick:()=>{i(e)},template:"immunization"}))))))},be=n=>{var{currentRecord:l,vaccineDetail:o,isDetail:s,onSubmit:d,template:m="default",shouldAutoInjected:p=!0,birthday:u}=n,h=e(n,["currentRecord","vaccineDetail","isDetail","onSubmit","template","shouldAutoInjected","birthday"]);const{t:E}=V(),{isMobile:v}=L(),[f,y]=r(),w=[{id:"1",name:E("babyVaccine.popup.tab.schedule")},{id:"2",name:E("babyVaccine.popup.tab.detail")}];i((()=>{y(s?"2":"1")}),[s]);const k=(e,a)=>t(void 0,void 0,void 0,(function*(){yield null==d?void 0:d(e,a),"default"===m&&h.onClose()}));return("default"!==m||l)&&("immunization"!==m||o)?a.createElement(F,Object.assign({},h,{title:a.createElement(x,{size:"s3",weight:"semiBold"},E("babyVaccine.popup.title")),withCloseButton:!0,size:500,styles:{content:{[z.mbUp]:{height:560}},body:{padding:0,[z.mbUp]:{height:"100%",position:"relative"}}},fullScreen:v,zIndex:400}),a.createElement(C,{fluid:!0,p:v?16:24},a.createElement(g,{value:f,onTabChange:y},a.createElement(c,{justify:"space-between"},a.createElement(g.List,{grow:!0},w.map((e=>a.createElement(g.Tab,{key:e.id,value:e.id},a.createElement(x,{size:"s3",weight:"semiBold",color:"inherit"},e.name)))))),a.createElement(g.Panel,{value:"1",pt:20},o&&("default"===m?a.createElement(me,{autoInjected:p&&"vaccinated"!==l.status&&!s,record:l,onSubmit:k,doses:(null==o?void 0:o.records)||[],closeModal:h.onClose,birthday:u}):a.createElement(ge,{vaccineDetail:o,doses:null==o?void 0:o.records,onDoseClick:e=>k(e)}))),a.createElement(g.Panel,{value:"2",pt:20},a.createElement(b,{h:400},a.createElement(ue,{details:o})))))):null},he=a.memo((({numberOfDoses:e})=>{const{isMobile:t}=L(),{t:n}=V();return a.createElement(c,{px:{base:0,md:16}},!t&&a.createElement(x,{size:"s4",weight:"semiBold",sx:{flexGrow:1},color:D.colors.gray600},n("babyVaccine.immunization.vaccineName")),a.createElement(c,{gap:{base:12,md:24},wrap:"wrap"},a.createElement(c,{align:"center",gap:4},a.createElement(de,{status:"missed"}),a.createElement(x,{size:"p4"},n("babyVaccine.status.missed")," (",null==e?void 0:e.missed,")")),a.createElement(c,{align:"center",gap:4},a.createElement(de,{status:"upcoming"}),a.createElement(x,{size:"p4"},n("babyVaccine.status.upcoming")," (",null==e?void 0:e.upcoming,")")),a.createElement(c,{align:"center",gap:4},a.createElement(de,{status:"vaccinated"}),a.createElement(x,{size:"p4"},n("babyVaccine.status.vaccinated")," (",null==e?void 0:e.vaccinated,")")),a.createElement(c,{align:"center",gap:4},a.createElement(de,{status:"next"}),a.createElement(x,{size:"p4"},n("babyVaccine.status.next")," (",null==e?void 0:e.next,")"))))})),Ee=a.memo((()=>{const{t:e}=V();return a.createElement(c,{gap:14,bg:D.colors.neutral50,p:12,sx:{borderRadius:8},align:"start"},a.createElement(k,{ratio:1,w:24},a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 17C11.45 17 11 16.55 11 16V12C11 11.45 11.45 11 12 11C12.55 11 13 11.45 13 12V16C13 16.55 12.55 17 12 17ZM11 9H13V7H11V9Z",fill:"#595959"}))),a.createElement(x,{size:"p3"},e("babyVaccine.immunization.warning")))})),ve=t=>{var{details:r,siteType:i,onClick:s}=t,d=e(t,["details","siteType","onClick"]);const{t:m}=V(),p=n((()=>{const e={vaccinated:0,missed:0,next:0,upcoming:0};return r.forEach((t=>{t.records.forEach((t=>{e[null==t?void 0:t.status]++}))})),e}),[r]);return a.createElement(ce,Object.assign({"data-theme":i},d),a.createElement(Ee,null),a.createElement(o,{spacing:20,w:"100%"},a.createElement(he,{numberOfDoses:p}),r&&r.map(((e,t)=>a.createElement(l,{key:`${t}${e.id}`},a.createElement(h,{h:1,color:D.colors.neutral100}),a.createElement(c,{align:"stretch",justify:"space-between",gap:{base:12,md:40},direction:{base:"column",lg:"row"}},a.createElement(o,{spacing:2},a.createElement(x,{size:"n1",color:e?D.colors.gray800:D.colors.red800},e.optional?m("babyVaccine.vaccineInfo.optional"):m("babyVaccine.vaccineInfo.mandatory")),a.createElement("div",{style:{cursor:"pointer"},onClick:()=>s(e,"immunization")},a.createElement(x,{size:"s4",color:D.colors.gray800,weight:"semiBold"},e.name||e.antigen))),a.createElement("div",{style:{flexShrink:0}},a.createElement(E,{cols:5,spacing:4,verticalSpacing:4,sx:{flexGrow:1,[z.mbDown]:{gridTemplateColumns:"repeat(auto-fill, 36px)"}}},e.records&&e.records.map(((e,t)=>a.createElement(de,{key:t,status:e.status,idx:t+1,onClick:()=>s(e,"default")})))))))))))},fe=["all","missed","next","upcoming","vaccinated"],ye=t=>{var{status:n="all",onClick:r}=t,i=e(t,["status","onClick"]);const{t:l}=V();return a.createElement("div",Object.assign({},i),a.createElement(c,{align:"center",gap:8,wrap:"wrap"},fe.map((e=>a.createElement(q,{key:e,px:12,py:6,radius:40,status:e,content:l(`babyVaccine.status.${e}`),sx:Object.assign({borderColor:w.neutral[1],backgroundColor:"white",color:w.gray[8],cursor:"pointer",transition:"all 300mc ease-in"},e===n?Object.assign({fontWeight:600},A[e]):{}),onClick:()=>r(e)})))))};export{ve as Immunization,A as MAPPED_STATUS,ie as RecordsByAgeGroup,re as TimelineBanner,ye as VaccinationFilter,Q as VaccineCardModal,K as VaccineCardTimeline,be as VaccineDetailPopup,R as formatBabyVaccinationDetail,Y as formatBabyVaccinationProfile,P as formatBabyVaccinationSchedule,U as formatBabyVaccinationTimeline,W as formatBabyVaccineDetail};
+`,de=t=>{var{status:a,idx:r,template:i,disabled:l,onClick:o}=t,c=e(t,["status","idx","template","disabled","onClick"]);const s="default"===i&&l;return n.createElement(se,Object.assign({onClick:"default"!==i?o:le,"data-status":a,"data-id":r||"header","data-disabled":s},c),n.createElement(x,{size:"s4",span:!0,className:"inner-text",weight:"semiBold",color:s?w.neutral[9]:w.gray[8]},r||""))};j.extend(Z);const me=t=>{var{autoInjected:r,record:i,onSubmit:l,doses:s=[],closeModal:d,birthday:m}=t,C=e(t,["autoInjected","record","onSubmit","doses","closeModal","birthday"]);const{t:u}=V(),[g,{open:b,close:h}]=f(!1),E=_({initialValues:{injected:r||"vaccinated"===i.status,date:j(i.givenOn,"DD/MM/YYYY").toDate()||new Date}}),v=e=>{E.isTouched("date")&&!j(e.date).isSame(j(i.givenOn,"DD/MM/YYYY"),"d")||g?l(i,e):b()},w=a((()=>"vaccinated"!==i.status),[i.status]),k=a((()=>E.values.injected?"vaccinated":i.status),[i.status,E.values.injected]);return n.createElement(n.Fragment,null,n.createElement(oe,{opened:g,onClose:h,onSubmit:()=>v(E.values),date:E.values.date}),n.createElement("form",Object.assign({onSubmit:E.onSubmit(v)},C),n.createElement(o,{spacing:20},n.createElement(Q,{vaccineRecord:Object.assign(Object.assign({},i),{status:k}),onToggle:e=>E.setFieldValue("injected",e)}),n.createElement(H,Object.assign({label:n.createElement(x,{size:"s4",weight:"semiBold",color:D.colors.gray600},u("babyVaccine.popup.checkbox.suggestedDate")),disabled:"vaccinated"===i.status,excludeDate:e=>j(e).isAfter(j().add(7,"D"))||j(e).isBefore(j(m,"YYYY-MM-DD",!0),"D")},E.getInputProps("date"))),s.length>0&&n.createElement(p.Wrapper,null,n.createElement(p.Label,null,n.createElement(x,{size:"s5",weight:"semiBold",color:D.colors.gray600},u("babyVaccine.popup.label.doses"))),n.createElement(c,{gap:4},s.map(((e,t)=>n.createElement(de,{key:t,status:e.status,idx:t+1,onClick:le,disabled:Number(i.doseNumber)!==Number(e.doseNumber),template:"default"}))))),n.createElement(c,{gap:8,sx:{position:"absolute",bottom:76,left:16,right:16,width:"unset",[z.mbDown]:{flexDirection:"column-reverse",bottom:16}}},n.createElement(y,{variant:"tertiary",size:"lg",type:"button",fullWidth:!0,onClick:d},u("actionPopover.leaveCommunity.cancel")),w&&n.createElement(y,{size:"lg",type:"submit",fullWidth:!0,disabled:!E.values.injected},u("babyVaccine.popup.button.submit"))))))},pe=({type:e})=>{switch(e){case"benefit":return n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{d:"M11.6287 1C14.5679 1.00265 17.4867 1.48794 20.2686 2.43648C20.5726 2.52765 20.8361 2.72038 21.0151 2.98247C21.1941 3.24455 21.2777 3.56012 21.252 3.87646C20.8906 7.09734 19.7554 15.7315 19.18 16.6743C18.0357 18.5485 13.951 21.6009 12.3125 22.7817C12.1117 22.9237 11.8717 23 11.6257 23C11.3796 23 11.1397 22.9237 10.9388 22.7817C9.30168 21.6016 5.22106 18.5485 4.07655 16.6745C3.50113 15.7317 2.36602 7.09755 2.00455 3.87667C1.97886 3.56034 2.0625 3.24477 2.24149 2.98269C2.42049 2.7206 2.68399 2.52787 2.98799 2.4367C5.77016 1.48799 8.68925 1.00263 11.6287 1Z",fill:"#45A4FF"}),n.createElement("path",{d:"M11.6288 2.43628C14.198 2.43817 16.7505 2.8493 19.1903 3.65422C19.7367 3.83757 19.846 4.34241 19.7867 4.87499C19.4808 7.60568 18.5192 14.926 18.0303 15.7252C17.0069 17.4016 13.2091 20.1894 11.9985 21.0535C11.8898 21.1316 11.7593 21.1735 11.6254 21.1735C11.4915 21.1735 11.361 21.1316 11.2522 21.0535C10.0426 20.1891 6.24891 17.4016 5.22548 15.7254C4.73856 14.926 3.77632 7.60568 3.46992 4.87521C3.41004 4.34263 3.52019 3.83779 4.06633 3.65444C6.50646 2.84935 9.05926 2.43815 11.6288 2.43628Z",fill:"#2D87F3"}),n.createElement("path",{d:"M12.0145 8.18164H11.2337C10.9342 8.18199 10.647 8.3012 10.4354 8.51308C10.2237 8.72497 10.1047 9.01221 10.1047 9.31172V9.50579C10.1045 9.57023 10.0788 9.63197 10.0332 9.67752C9.98765 9.72306 9.92588 9.74869 9.86145 9.74881H9.66716C9.3679 9.74916 9.08099 9.86819 8.86938 10.0798C8.65777 10.2914 8.53874 10.5783 8.53839 10.8776V11.6589C8.53868 11.9582 8.65769 12.2451 8.86931 12.4568C9.08092 12.6684 9.36786 12.7875 9.66716 12.7879H9.86145C9.92596 12.788 9.98779 12.8137 10.0334 12.8593C10.079 12.9049 10.1046 12.9668 10.1047 13.0313V13.2254C10.105 13.5247 10.2241 13.8117 10.4357 14.0233C10.6474 14.235 10.9344 14.354 11.2337 14.3544H12.0145C12.3138 14.354 12.6008 14.235 12.8124 14.0233C13.024 13.8116 13.143 13.5247 13.1433 13.2254V13.03C13.1434 12.9655 13.169 12.9036 13.2147 12.8579C13.2603 12.8123 13.3222 12.7866 13.3868 12.7865H13.5821C13.8812 12.7859 14.1679 12.6668 14.3794 12.4552C14.5908 12.2436 14.7098 11.9569 14.7102 11.6578V10.8782C14.71 10.579 14.5911 10.292 14.3797 10.0803C14.1682 9.86861 13.8814 9.74939 13.5821 9.74881H13.3868C13.3222 9.74875 13.2604 9.72311 13.2147 9.67752C13.1691 9.63192 13.1434 9.57008 13.1433 9.50557V9.31172C13.143 9.01242 13.024 8.72546 12.8124 8.5138C12.6008 8.30215 12.3138 8.18308 12.0145 8.18273V8.18164Z",fill:"white"}));case"definition":return n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{d:"M1.34225 23.0002C1.4332 23.0001 1.52039 22.9639 1.58466 22.8995L5.16887 19.3156C5.23322 19.2512 5.26939 19.164 5.26941 19.073C5.26943 18.982 5.23331 18.8947 5.16899 18.8304C5.10467 18.766 5.01742 18.7299 4.92643 18.7299C4.83545 18.7298 4.74818 18.766 4.68383 18.8303L1.09962 22.4145C1.05161 22.4625 1.01892 22.5236 1.00567 22.5902C0.992418 22.6567 0.999211 22.7257 1.02519 22.7884C1.05116 22.8511 1.09515 22.9047 1.15159 22.9424C1.20803 22.9801 1.27438 23.0002 1.34225 23.0002Z",fill:"#626D7C"}),n.createElement("path",{d:"M9.26212 18.5911H9.26441L18.4059 9.45051L14.5526 5.59485L5.34014 14.8041C6.47374 15.9567 9.26212 18.5911 9.26212 18.5911Z",fill:"#2D87F3"}),n.createElement("path",{d:"M3.81717 17.9643L6.03543 20.1826C6.23805 20.3988 6.51807 20.526 6.81421 20.5362C7.11036 20.5465 7.39853 20.4391 7.61566 20.2374L9.26221 18.5909L5.40883 14.7352L3.76228 16.3818C3.55993 16.599 3.45205 16.8877 3.46234 17.1844C3.47263 17.4811 3.60025 17.7616 3.81717 17.9643Z",fill:"#BCDEFF"}),n.createElement("path",{d:"M21.3218 4.30005L19.7018 2.68L16.272 6.10975L17.8921 7.7298L21.3218 4.30005Z",fill:"#2B62CD"}),n.createElement("path",{d:"M9.26277 18.934C9.33064 18.934 9.39699 18.9139 9.45343 18.8762C9.50987 18.8385 9.55386 18.7849 9.57984 18.7222C9.60581 18.6595 9.61261 18.5905 9.59936 18.524C9.58611 18.4574 9.55341 18.3963 9.50541 18.3483L5.65043 14.4935C5.58552 14.4322 5.49923 14.3986 5.40992 14.3998C5.3206 14.4011 5.2353 14.4371 5.17215 14.5003C5.10901 14.5635 5.07299 14.6488 5.07177 14.7381C5.07055 14.8274 5.10422 14.9137 5.16561 14.9786L9.02036 18.8333C9.05214 18.8653 9.08992 18.8906 9.13152 18.9079C9.17312 18.9251 9.21773 18.934 9.26277 18.934Z",fill:"#BCDEFF"}),n.createElement("path",{d:"M11.3855 13.5715C11.4571 13.5715 11.528 13.5574 11.5941 13.5299C11.6602 13.5024 11.7202 13.4621 11.7706 13.4114L11.8063 13.3755L11.842 13.4109C11.9442 13.5131 12.0828 13.5705 12.2273 13.5705C12.3718 13.5705 12.5104 13.5131 12.6126 13.4109L13.0243 12.9993C13.0749 12.9487 13.1151 12.8885 13.1425 12.8224C13.1699 12.7562 13.184 12.6853 13.184 12.6137C13.184 12.5421 13.1699 12.4712 13.1425 12.405C13.1151 12.3389 13.0749 12.2788 13.0243 12.2281L12.9879 12.195L13.0238 12.1591C13.126 12.0568 13.1834 11.9182 13.1834 11.7736C13.1834 11.6291 13.126 11.4904 13.0238 11.3882L12.6122 10.9765C12.5616 10.9259 12.5016 10.8856 12.4354 10.8582C12.3693 10.8308 12.2984 10.8167 12.2268 10.8167C12.1553 10.8167 12.0844 10.8308 12.0183 10.8582C11.9521 10.8856 11.8921 10.9259 11.8415 10.9765L11.8058 11.012L11.7702 10.9763C11.6679 10.8742 11.5293 10.8168 11.3847 10.8168C11.2402 10.8168 11.1015 10.8742 10.9993 10.9763L10.5876 11.388C10.4854 11.4901 10.428 11.6288 10.428 11.7733C10.428 11.9178 10.4854 12.0564 10.5876 12.1586L10.6235 12.1945L10.5881 12.2302C10.486 12.3325 10.4288 12.4711 10.4288 12.6155C10.4288 12.76 10.486 12.8986 10.5881 13.0009L10.9997 13.4125C11.0503 13.4632 11.1105 13.5033 11.1767 13.5306C11.2429 13.5579 11.3139 13.5718 11.3855 13.5715Z",fill:"white"}),n.createElement("path",{d:"M15.1421 4.13267L19.8688 8.85944C20.1601 9.15071 20.1601 9.62297 19.8688 9.91425C19.5776 10.2055 19.1053 10.2055 18.814 9.91425L14.0873 5.18748C13.796 4.8962 13.796 4.42395 14.0873 4.13267C14.3785 3.84139 14.8508 3.84139 15.1421 4.13267Z",fill:"#BCDEFF"}),n.createElement("path",{d:"M19.7474 1.46791L22.5319 4.25239C22.7904 4.5109 22.7904 4.93002 22.5319 5.18853C22.2734 5.44703 21.8543 5.44703 21.5958 5.18853L18.8113 2.40405C18.5528 2.14554 18.5528 1.72642 18.8113 1.46791C19.0698 1.2094 19.4889 1.2094 19.7474 1.46791Z",fill:"#BCDEFF"}));case"contraindications":return n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{d:"M14.6201 6.00793V18.8445C14.6279 19.4507 14.4065 20.0375 14.0002 20.4874C13.5938 20.9373 13.0325 21.2171 12.4287 21.2708C12.1073 21.2925 11.7849 21.248 11.4815 21.14C11.178 21.0319 10.9 20.8627 10.6647 20.6428C10.4294 20.4228 10.2418 20.1569 10.1135 19.8615C9.98523 19.566 9.91903 19.2474 9.91901 18.9253V6.00793H14.6206H14.6201Z",fill:"#BCDEFF"}),n.createElement("path",{d:"M14.6201 7.94543V18.9253C14.6201 19.5488 14.3724 20.1467 13.9315 20.5875C13.4907 21.0284 12.8928 21.2761 12.2693 21.2761C11.6458 21.2761 11.0479 21.0284 10.607 20.5875C10.1662 20.1467 9.91852 19.5488 9.91852 18.9253V7.94543H14.6201Z",fill:"#45A4FF"}),n.createElement("path",{d:"M11.7851 10.0518H9.91902C9.82398 10.0518 9.73283 10.014 9.66563 9.94683C9.59842 9.87962 9.56067 9.78847 9.56067 9.69343C9.56067 9.59839 9.59842 9.50724 9.66563 9.44004C9.73283 9.37284 9.82398 9.33508 9.91902 9.33508H11.7853C11.8803 9.33508 11.9715 9.37284 12.0387 9.44004C12.1059 9.50724 12.1437 9.59839 12.1437 9.69343C12.1437 9.78847 12.1059 9.87962 12.0387 9.94683C11.9715 10.014 11.8801 10.0518 11.7851 10.0518Z",fill:"#2D87F3"}),n.createElement("path",{d:"M10.968 11.8007H9.91902C9.82398 11.8007 9.73283 11.763 9.66563 11.6958C9.59842 11.6286 9.56067 11.5374 9.56067 11.4424C9.56067 11.3474 9.59842 11.2562 9.66563 11.189C9.73283 11.1218 9.82398 11.084 9.91902 11.084H10.9683C11.0633 11.084 11.1545 11.1218 11.2217 11.189C11.2889 11.2562 11.3266 11.3474 11.3266 11.4424C11.3266 11.5374 11.2889 11.6286 11.2217 11.6958C11.1545 11.763 11.0633 11.8007 10.9683 11.8007H10.968Z",fill:"#2D87F3"}),n.createElement("path",{d:"M11.7851 13.5498H9.91902C9.82398 13.5498 9.73283 13.512 9.66563 13.4448C9.59842 13.3776 9.56067 13.2865 9.56067 13.1914C9.56067 13.0964 9.59842 13.0052 9.66563 12.938C9.73283 12.8708 9.82398 12.8331 9.91902 12.8331H11.7853C11.8803 12.8331 11.9715 12.8708 12.0387 12.938C12.1059 13.0052 12.1437 13.0964 12.1437 13.1914C12.1437 13.2865 12.1059 13.3776 12.0387 13.4448C11.9715 13.512 11.8801 13.5498 11.7851 13.5498Z",fill:"#2D87F3"}),n.createElement("path",{d:"M10.968 15.2987H9.91902C9.82398 15.2987 9.73283 15.261 9.66563 15.1938C9.59842 15.1266 9.56067 15.0354 9.56067 14.9404C9.56067 14.8453 9.59842 14.7542 9.66563 14.687C9.73283 14.6198 9.82398 14.582 9.91902 14.582H10.9683C11.0633 14.582 11.1545 14.6198 11.2217 14.687C11.2889 14.7542 11.3266 14.8453 11.3266 14.9404C11.3266 15.0354 11.2889 15.1266 11.2217 15.1938C11.1545 15.261 11.0633 15.2987 10.9683 15.2987H10.968Z",fill:"#2D87F3"}),n.createElement("path",{d:"M10.968 18.7967H9.91902C9.82398 18.7967 9.73283 18.759 9.66563 18.6918C9.59842 18.6246 9.56067 18.5334 9.56067 18.4384C9.56067 18.3433 9.59842 18.2522 9.66563 18.185C9.73283 18.1178 9.82398 18.08 9.91902 18.08H10.9683C11.0633 18.08 11.1545 18.1178 11.2217 18.185C11.2889 18.2522 11.3266 18.3433 11.3266 18.4384C11.3266 18.5334 11.2889 18.6246 11.2217 18.6918C11.1545 18.759 11.0633 18.7967 10.9683 18.7967H10.968Z",fill:"#2D87F3"}),n.createElement("path",{d:"M11.7851 17.0478H9.91902C9.82398 17.0478 9.73283 17.01 9.66563 16.9428C9.59842 16.8756 9.56067 16.7844 9.56067 16.6894C9.56067 16.5944 9.59842 16.5032 9.66563 16.436C9.73283 16.3688 9.82398 16.3311 9.91902 16.3311H11.7853C11.8803 16.3311 11.9715 16.3688 12.0387 16.436C12.1059 16.5032 12.1437 16.5944 12.1437 16.6894C12.1437 16.7844 12.1059 16.8756 12.0387 16.9428C11.9715 17.01 11.8801 17.0478 11.7851 17.0478Z",fill:"#2D87F3"}),n.createElement("path",{d:"M14.7778 4H9.76038C9.17351 4 8.69775 4.47575 8.69775 5.06263C8.69775 5.6495 9.17351 6.12526 9.76038 6.12526H14.7778C15.3646 6.12526 15.8404 5.6495 15.8404 5.06263C15.8404 4.47575 15.3646 4 14.7778 4Z",fill:"#E3F2FF"}),n.createElement("path",{d:"M12 1.33875C9.8914 1.33875 7.83016 1.96402 6.07693 3.13549C4.32369 4.30696 2.95721 5.97202 2.15029 7.92011C1.34336 9.8682 1.13224 12.0118 1.5436 14.0799C1.95497 16.148 2.97036 18.0476 4.46136 19.5386C5.95236 21.0296 7.85201 22.045 9.92009 22.4564C11.9882 22.8678 14.1318 22.6566 16.0799 21.8497C18.028 21.0428 19.693 19.6763 20.8645 17.9231C22.036 16.1698 22.6612 14.1086 22.6612 12C22.6611 9.17252 21.5378 6.4609 19.5384 4.46157C17.5391 2.46224 14.8275 1.33894 12 1.33875ZM11.5082 3.01312C13.6496 2.89345 15.7629 3.54538 17.4647 4.85062C17.5074 4.88316 17.5426 4.92445 17.5681 4.97172C17.5935 5.01898 17.6086 5.07115 17.6123 5.12471C17.6159 5.17827 17.6081 5.23199 17.5893 5.28228C17.5705 5.33257 17.5412 5.37827 17.5033 5.41631L5.41631 17.5033C5.37827 17.5412 5.33258 17.5705 5.28229 17.5893C5.232 17.6081 5.17827 17.6159 5.12471 17.6123C5.07115 17.6086 5.01899 17.5935 4.97172 17.5681C4.92445 17.5426 4.88316 17.5074 4.85063 17.4647C3.85632 16.1647 3.23542 14.6181 3.05475 12.9914C2.87408 11.3647 3.14049 9.71957 3.8253 8.23305C4.51012 6.74653 5.58739 5.47493 6.94117 4.55515C8.29494 3.63536 9.87394 3.10222 11.5082 3.01312ZM12 21C10.0715 21.0029 8.19357 20.3834 6.64538 19.2336C6.60183 19.2014 6.56573 19.1602 6.53954 19.1128C6.51335 19.0654 6.49769 19.0129 6.49361 18.959C6.48954 18.905 6.49715 18.8507 6.51593 18.7999C6.53471 18.7492 6.56422 18.703 6.60244 18.6647L18.6647 6.60225C18.703 6.56402 18.7492 6.53452 18.8 6.51574C18.8507 6.49696 18.905 6.48935 18.959 6.49342C19.0129 6.4975 19.0654 6.51316 19.1128 6.53935C19.1602 6.56554 19.2014 6.60164 19.2336 6.64518C20.2252 7.98471 20.8253 9.57326 20.9672 11.2338C21.1091 12.8944 20.7871 14.5617 20.0371 16.0501C19.2871 17.5384 18.1386 18.7892 16.7196 19.6632C15.3005 20.5372 13.6666 21 12 21Z",fill:"#F44D2C"}));case"related_articles":return n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{d:"M16.7274 1.2112L3.41308 3.20364C2.63266 3.32043 2.09467 4.04776 2.21146 4.82818L4.7193 21.5867C4.83609 22.3671 5.56342 22.9051 6.34384 22.7883L19.6581 20.7958C20.4386 20.6791 20.9766 19.9517 20.8598 19.1713L18.3519 2.41282C18.2351 1.6324 17.5078 1.09442 16.7274 1.2112Z",fill:"#2D87F3"}),n.createElement("path",{d:"M3.22418 3.23199L16.9158 1.1831L19.5243 18.6142L5.83268 20.6631L3.22418 3.23199Z",fill:"white"}),n.createElement("path",{d:"M10.7861 5.37902L10.3139 5.44966C10.133 5.47697 9.9702 5.57495 9.86137 5.7221C9.75254 5.86925 9.70652 6.05356 9.7334 6.23459L9.7509 6.35211C9.75664 6.39111 9.74672 6.43079 9.72329 6.4625C9.69987 6.4942 9.66485 6.51534 9.62588 6.52131L9.50857 6.53881C9.32748 6.56607 9.16461 6.66409 9.05572 6.81134C8.94684 6.95859 8.90085 7.14303 8.92784 7.32416L8.99869 7.79695C9.026 7.97795 9.12401 8.14072 9.27122 8.24952C9.41842 8.35832 9.60278 8.40426 9.78383 8.37726L9.90135 8.35976C9.94035 8.35396 9.98007 8.36387 10.0118 8.3873C10.0435 8.41074 10.0646 8.44579 10.0705 8.48478L10.0883 8.6023C10.1156 8.78328 10.2136 8.94601 10.3608 9.0548C10.508 9.16359 10.6924 9.20956 10.8734 9.18261L11.3456 9.11177C11.5266 9.08455 11.6894 8.98664 11.7982 8.83952C11.9071 8.6924 11.9532 8.50809 11.9263 8.32705L11.9086 8.2089C11.9027 8.16986 11.9126 8.13009 11.936 8.09833C11.9595 8.06657 11.9946 8.04541 12.0336 8.03949L12.1517 8.02199C12.3328 7.99468 12.4956 7.89664 12.6045 7.7494C12.7133 7.60216 12.7593 7.41774 12.7323 7.23664L12.6616 6.7651C12.6343 6.58413 12.5362 6.4214 12.389 6.3126C12.2419 6.20381 12.0575 6.15785 11.8765 6.18479L11.7583 6.2025C11.7193 6.2083 11.6796 6.19839 11.6479 6.17496C11.6162 6.15152 11.5951 6.11647 11.5891 6.07748L11.5714 5.95933C11.5441 5.77832 11.446 5.61555 11.2988 5.50675C11.1515 5.39796 10.9672 5.35202 10.7861 5.37902Z",fill:"#91CAFF"}),n.createElement("path",{d:"M16.2476 9.87345L8.48776 11.0347C8.34186 11.0565 8.24127 11.1925 8.26311 11.3384C8.28494 11.4843 8.42093 11.5849 8.56684 11.5631L16.3267 10.4018C16.4726 10.38 16.5732 10.244 16.5514 10.0981C16.5295 9.9522 16.3935 9.85161 16.2476 9.87345Z",fill:"#91CAFF"}),n.createElement("path",{d:"M16.4963 11.7928L6.76981 13.2484C6.6239 13.2702 6.52332 13.4062 6.54515 13.5521C6.56699 13.698 6.70297 13.7986 6.84888 13.7768L16.5754 12.3212C16.7213 12.2994 16.8219 12.1634 16.8 12.0175C16.7782 11.8716 16.6422 11.771 16.4963 11.7928Z",fill:"#91CAFF"}),n.createElement("path",{d:"M16.003 13.8229L7.01883 15.1674C6.87292 15.1892 6.77234 15.3252 6.79417 15.4711C6.81601 15.617 6.95199 15.7176 7.0979 15.6958L16.0821 14.3513C16.228 14.3295 16.3286 14.1935 16.3067 14.0476C16.2849 13.9017 16.1489 13.8011 16.003 13.8229Z",fill:"#91CAFF"}),n.createElement("path",{d:"M15.0992 15.9144L7.26737 17.0864C7.12146 17.1082 7.02087 17.2442 7.04271 17.3901C7.06454 17.536 7.20053 17.6366 7.34644 17.6148L15.1782 16.4428C15.3241 16.4209 15.4247 16.2849 15.4029 16.139C15.3811 15.9931 15.2451 15.8925 15.0992 15.9144Z",fill:"#91CAFF"}),n.createElement("path",{d:"M17.0317 15.6252L16.3418 15.7284C16.1959 15.7502 16.0953 15.8862 16.1171 16.0321C16.1389 16.178 16.2749 16.2786 16.4208 16.2568L17.1108 16.1535C17.2567 16.1317 17.3573 15.9957 17.3354 15.8498C17.3136 15.7039 17.1776 15.6033 17.0317 15.6252Z",fill:"#91CAFF"}),n.createElement("path",{d:"M14.2111 3.26954L6.42137 4.43525C6.16996 4.47287 5.91389 4.40908 5.70951 4.25791C5.50513 4.10673 5.36918 3.88056 5.33155 3.62915L5.25005 3.08448C5.23573 2.98884 5.26 2.89142 5.31751 2.81367C5.37502 2.73591 5.46107 2.68419 5.55671 2.66988L14.5203 1.32851C14.6159 1.3142 14.7134 1.33847 14.7911 1.39598C14.8689 1.45349 14.9206 1.53954 14.9349 1.63518L15.0164 2.17985C15.054 2.43126 14.9902 2.68733 14.8391 2.89171C14.6879 3.09609 14.4617 3.23204 14.2103 3.26967L14.2111 3.26954Z",fill:"#1B3250"}));default:return null}},Ce=t=>{var{type:a,title:r,children:i}=t,l=e(t,["type","title","children"]);return n.createElement("section",Object.assign({},l),n.createElement(o,{spacing:8},n.createElement(c,{gap:8},n.createElement(u,{ratio:1,w:24},n.createElement(pe,{type:a})),n.createElement(x,{size:"s2",weight:"semiBold"},r)),i))},ue=t=>{var{details:a}=t,r=e(t,["details"]);return n.createElement(C,Object.assign({p:0},r),n.createElement(o,{spacing:24},a.detail&&n.createElement(Ce,{type:"definition",title:"Definition"},n.createElement(x,{size:"p2"},n.createElement("span",{dangerouslySetInnerHTML:{__html:a.detail}}))),a.benefits&&n.createElement(Ce,{type:"benefit",title:"Benefits"},n.createElement(x,{size:"p2"},n.createElement("span",{dangerouslySetInnerHTML:{__html:a.benefits}}))),a.contraindications&&n.createElement(Ce,{type:"contraindications",title:"Contraindications"},n.createElement(x,{size:"p2"},n.createElement("span",{dangerouslySetInnerHTML:{__html:a.contraindications}}))),a.link&&n.createElement(Ce,{type:"related_articles",title:"Related Articles"},n.createElement(x,{size:"p2"},n.createElement("span",{dangerouslySetInnerHTML:{__html:a.link}})))))};j.extend(Z);const ge=t=>{var{vaccineDetail:a,doses:r=[],onDoseClick:i}=t,l=e(t,["vaccineDetail","doses","onDoseClick"]);const{t:s}=V();return n.createElement(o,Object.assign({spacing:20},l),n.createElement(X,{vaccineDetail:Object.assign({},a),showTopDetail:!1}),r.length>0&&n.createElement(p.Wrapper,null,n.createElement(p.Label,null,n.createElement(x,{size:"s5",weight:"semiBold",color:D.colors.gray600},s("babyVaccine.popup.label.doses"))),n.createElement(c,{gap:4},r.map(((e,t)=>n.createElement(de,{key:t,status:e.status,idx:t+1,onClick:()=>{i(e)},template:"immunization"}))))))},be=a=>{var{currentRecord:l,vaccineDetail:o,isDetail:s,onSubmit:d,template:m="default",shouldAutoInjected:p=!0,birthday:u}=a,h=e(a,["currentRecord","vaccineDetail","isDetail","onSubmit","template","shouldAutoInjected","birthday"]);const{t:E}=V(),{isMobile:f}=L(),[v,y]=r(),w=[{id:"1",name:E("babyVaccine.popup.tab.schedule")},{id:"2",name:E("babyVaccine.popup.tab.detail")}];i((()=>{y(s?"2":"1")}),[s]);const k=(e,n)=>t(void 0,void 0,void 0,(function*(){yield null==d?void 0:d(e,n),"default"===m&&h.onClose()}));return("default"!==m||l)&&("immunization"!==m||o)?n.createElement(F,Object.assign({},h,{title:n.createElement(x,{size:"s3",weight:"semiBold"},E("babyVaccine.popup.title")),withCloseButton:!0,size:500,styles:{content:{[z.mbUp]:{height:560}},body:{padding:0,[z.mbUp]:{height:"100%",position:"relative"}}},fullScreen:f,zIndex:400}),n.createElement(C,{fluid:!0,p:f?16:24},n.createElement(g,{value:v,onTabChange:y},n.createElement(c,{justify:"space-between"},n.createElement(g.List,{grow:!0},w.map((e=>n.createElement(g.Tab,{key:e.id,value:e.id},n.createElement(x,{size:"s3",weight:"semiBold",color:"inherit"},e.name)))))),n.createElement(g.Panel,{value:"1",pt:20},o&&("default"===m?n.createElement(me,{autoInjected:p&&"vaccinated"!==l.status&&!s,record:l,onSubmit:k,doses:(null==o?void 0:o.records)||[],closeModal:h.onClose,birthday:u}):n.createElement(ge,{vaccineDetail:o,doses:null==o?void 0:o.records,onDoseClick:e=>k(e)}))),n.createElement(g.Panel,{value:"2",pt:20},n.createElement(b,{h:400},n.createElement(ue,{details:o})))))):null},he=n.memo((({numberOfDoses:e})=>{const{isMobile:t}=L(),{t:a}=V();return n.createElement(c,{px:{base:0,md:16}},!t&&n.createElement(x,{size:"s4",weight:"semiBold",sx:{flexGrow:1},color:D.colors.gray600},a("babyVaccine.immunization.vaccineName")),n.createElement(c,{gap:{base:12,md:24},wrap:"wrap"},n.createElement(c,{align:"center",gap:4},n.createElement(de,{status:"missed"}),n.createElement(x,{size:"p4"},a("babyVaccine.status.missed")," (",null==e?void 0:e.missed,")")),n.createElement(c,{align:"center",gap:4},n.createElement(de,{status:"upcoming"}),n.createElement(x,{size:"p4"},a("babyVaccine.status.upcoming")," (",null==e?void 0:e.upcoming,")")),n.createElement(c,{align:"center",gap:4},n.createElement(de,{status:"vaccinated"}),n.createElement(x,{size:"p4"},a("babyVaccine.status.vaccinated")," (",null==e?void 0:e.vaccinated,")")),n.createElement(c,{align:"center",gap:4},n.createElement(de,{status:"next"}),n.createElement(x,{size:"p4"},a("babyVaccine.status.next")," (",null==e?void 0:e.next,")"))))})),Ee=n.memo((()=>{const{t:e}=V();return n.createElement(c,{gap:14,bg:D.colors.neutral50,p:12,sx:{borderRadius:8},align:"start"},n.createElement(k,{ratio:1,w:24},n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 17C11.45 17 11 16.55 11 16V12C11 11.45 11.45 11 12 11C12.55 11 13 11.45 13 12V16C13 16.55 12.55 17 12 17ZM11 9H13V7H11V9Z",fill:"#595959"}))),n.createElement(x,{size:"p3"},e("babyVaccine.immunization.warning")))})),fe=t=>{var{details:r,siteType:i,onClick:s}=t,d=e(t,["details","siteType","onClick"]);const{t:m}=V(),p=a((()=>{const e={vaccinated:0,missed:0,next:0,upcoming:0};return r.forEach((t=>{t.records.forEach((t=>{e[null==t?void 0:t.status]++}))})),e}),[r]);return n.createElement(ce,Object.assign({"data-theme":i},d),n.createElement(Ee,null),n.createElement(o,{spacing:20,w:"100%"},n.createElement(he,{numberOfDoses:p}),r&&r.map(((e,t)=>n.createElement(l,{key:`${t}${e.id}`},n.createElement(h,{h:1,color:D.colors.neutral100}),n.createElement(c,{align:"stretch",justify:"space-between",gap:{base:12,md:40},direction:{base:"column",lg:"row"}},n.createElement(o,{spacing:2},n.createElement(x,{size:"n1",color:e?D.colors.gray800:D.colors.red800},e.optional?m("babyVaccine.vaccineInfo.optional"):m("babyVaccine.vaccineInfo.mandatory")),n.createElement("div",{style:{cursor:"pointer"},onClick:()=>s(e,"immunization")},n.createElement(x,{size:"s4",color:D.colors.gray800,weight:"semiBold"},e.name||e.antigen))),n.createElement("div",{style:{flexShrink:0}},n.createElement(E,{cols:5,spacing:4,verticalSpacing:4,sx:{flexGrow:1,[z.mbDown]:{gridTemplateColumns:"repeat(auto-fill, 36px)"}}},e.records&&e.records.map(((e,t)=>n.createElement(de,{key:t,status:e.status,idx:t+1,onClick:()=>s(e,"default")})))))))))))},ve=["all","missed","next","upcoming","vaccinated"],ye=t=>{var{status:a="all",onClick:r}=t,i=e(t,["status","onClick"]);const{t:l}=V();return n.createElement("div",Object.assign({},i),n.createElement(c,{align:"center",gap:8,wrap:"wrap"},ve.map((e=>n.createElement(q,{key:e,px:12,py:6,radius:40,status:e,content:l(`babyVaccine.status.${e}`),sx:Object.assign({borderColor:w.neutral[1],backgroundColor:"white",color:w.gray[8],cursor:"pointer",transition:"all 300mc ease-in"},e===a?Object.assign({fontWeight:600},A[e]):{}),onClick:()=>r(e)})))))};export{fe as Immunization,A as MAPPED_STATUS,ie as RecordsByAgeGroup,re as TimelineBanner,ye as VaccinationFilter,Q as VaccineCardModal,K as VaccineCardTimeline,be as VaccineDetailPopup,R as formatBabyVaccinationDetail,Y as formatBabyVaccinationProfile,P as formatBabyVaccinationSchedule,U as formatBabyVaccinationTimeline,W as formatBabyVaccineDetail};

package/build/fixedBottomAdBlock-b27917d3.js

@@ -0,0 +1 @@
+"use strict";var e=require("react"),t=require("./index-7bb52fd2.js"),a=require("./index-873c7d5c.js"),l=require("./utils-ca50b14e.js"),n=require("./index-afddf6c8.js"),r=require("./useUniqueId-fc07e386.js"),o=require("./gAssets.js"),i=require("./theme-f4d3e318.js"),s=require("./index-2c5da73d.js"),d=require("./tslib.es6-2277e49b.js"),c=require("@mantine/core"),u=require("innertext");require("@mantine/hooks"),require("@mantine/dates");var m=require("./index-5f4e003c.js");require("./Onboarding-3ad3c9cb.js");var f=require("./index-3f9f042b.js"),g=require("dayjs");require("./screenSizeContext-f496f721.js"),require("styled-components");var p=require("./isProduction-5a688ca0.js");require("./translationsContext-5205b47d.js"),require("string-format"),require("./index-97beea5c.js");var h=require("./index-eeb7cc40.js"),v=require("lodash/throttle"),y=require("./useTranslations-cb70f9dd.js"),E=require("date-fns"),b=require("./index-947a97a6.js"),C=require("./index-8572a1e3.js");require("./index.styled-e5b26ff8.js"),require("./index-18caa50b.js");var w=require("./types-1db8e1a1.js"),k=require("./index.styled-41cc3c31.js"),S=require("./index-4f4f12e2.js"),x=require("./index-3dcf1cc5.js"),T=require("react-hook-form"),N=require("./index-73977093.js"),B=require("./useHealthToolCache-d0f2f403.js"),L=require("./index-aa465abf.js"),D=require("./dataTransform-6f8603ca.js"),_=require("./useOutsideClick-5b39fb98.js"),I=require("date-fns/locale/en-US"),M=require("date-fns/locale/id"),A=require("date-fns/locale/vi"),P=require("date-fns/locale/zh-TW"),z=require("./getSocialList-15467d1f.js"),F=require("uuid");function O(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=O(e),H=O(u),$=O(g),G=O(v),R=O(I),W=O(M),U=O(A),V=O(P),q="CHw-fZZ",Z="_03U6VRS",Y="EO828Vv";const Q=({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]),j.default.createElement(e.Fragment,null,n>4&&j.default.createElement(e.Fragment,null,j.default.createElement(a.StyledPaginationBlock,{onClick:()=>r(1)},i?j.default.createElement("a",{href:i,onClick:o},1):1),j.default.createElement(a.StyledPaginationBlock,null,"...")),c.map((e=>j.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===n||void 0,onClick:()=>r(e)},i?j.default.createElement("a",{href:l.formatUrlWithPageParam(i,e,s),onClick:o},e):e))),n<d.length-3&&j.default.createElement(e.Fragment,null,j.default.createElement(a.StyledPaginationBlock,null,"..."),j.default.createElement(a.StyledPaginationBlock,{onClick:()=>r(d.length)},i?j.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})=>j.default.createElement(a.StyledCheckbox,{className:n,"data-disabled":r||void 0,"data-is-rectangle":s||void 0,"data-label-text":e,"data-theme":c},j.default.createElement("input",{type:"checkbox",checked:l,name:t,onChange:()=>o(i,!l),disabled:r,value:i,id:`${t}-${i}`,"data-label-text":e,"data-testid":d}),!s&&j.default.createElement("label",{htmlFor:`${t}-${i}`},e)),X=e=>j.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),j.default.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#D2D6DC"})),J=e=>j.default.createElement("svg",Object.assign({},e,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),j.default.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#FFC326"})),ee=e=>{const t=r.useUniqueId();return j.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),j.default.createElement("path",{d:"M12.0001 17.2697L17.1701 20.3897C17.5501 20.6197 18.0201 20.2797 17.9201 19.8497L16.5501 13.9697L21.1101 10.0197C21.4401 9.72973 21.2701 9.17973 20.8201 9.13973L14.8101 8.62973L12.4601 3.08973C12.2901 2.67973 11.7101 2.67973 11.5401 3.08973L9.19006 8.62973L3.18006 9.13973C2.74006 9.17973 2.56006 9.72973 2.90006 10.0197L7.46006 13.9697L6.09006 19.8497C5.99006 20.2797 6.46006 20.6197 6.84006 20.3897L12.0001 17.2697Z",fill:"#E4E8EC"}),j.default.createElement("mask",{id:t,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},j.default.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),j.default.createElement("g",{mask:`url(#${t})`},j.default.createElement("path",{d:"M11.9998 17.2697L17.1698 20.3897C17.5498 20.6197 18.0198 20.2797 17.9198 19.8497L16.5498 13.9697L21.1098 10.0197C21.4398 9.72973 21.2698 9.17973 20.8198 9.13973L14.8098 8.62973L12.4598 3.08973C12.2898 2.67973 11.7098 2.67973 11.5398 3.08973L9.18981 8.62973L3.17981 9.13973C2.73981 9.17973 2.55981 9.72973 2.89981 10.0197L7.45981 13.9697L6.08981 19.8497C5.98981 20.2797 6.45981 20.6197 6.83981 20.3897L11.9998 17.2697Z",fill:"#FFC326"})))};var te="PiqKaXk",ae="HgbW6-m",le="_6lkfLYy",ne="j7c-onH";const re=({avatarImg:e,authorName:a,authorLink:l,uploadTime:n,size:r})=>j.default.createElement("div",{className:ne},j.default.createElement("div",{className:"author"},j.default.createElement("div",{className:"avatar","data-size":r},e),j.default.createElement("div",{className:"poster","data-is-disabled-url":!l},j.default.createElement(t.Text,{size:"lg"===r?"p3":"p4"},j.default.createElement("a",{href:l},j.default.createElement("span",{className:"name"},a),"•"," "),j.default.createElement("span",null,n))))),oe=({isMobile:e,avatarImg:l,name:n,link:r,size:o="lg",specialty:s})=>j.default.createElement("div",{className:ne},j.default.createElement("div",{className:"author"},j.default.createElement("div",{className:"expert-avatar","data-size":o},l),j.default.createElement("div",{className:"expert","data-is-disabled-url":!r},e?j.default.createElement("a",{href:r},"lg"===o?j.default.createElement(j.default.Fragment,null,j.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:i.theme.colors.gray600},n),j.default.createElement(t.Text,{color:i.theme.colors.gray500,size:"p3",className:"specialty"},s)):j.default.createElement(j.default.Fragment,null,j.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:i.theme.colors.gray600},n))):j.default.createElement("a",{href:r},"lg"===o?j.default.createElement(j.default.Fragment,null,j.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:i.theme.colors.gray600},n),j.default.createElement(t.Text,{color:i.theme.colors.gray500,size:"p3",className:"specialty"},s)):j.default.createElement(j.default.Fragment,null,j.default.createElement("h6",{color:i.theme.colors.gray600,className:`${te} expert__name`},n),j.default.createElement(t.Text,{color:i.theme.colors.gray500,size:"p4",className:"specialty"},s)))))),ie=e=>{var t,a,l,{article:n,author:r,authorAvatar:o,badge:i="",hideDescription:s=!1,isBookmarked:u=!1,onBookmark:m,time:g,tracking:p}=e,h=d.__rest(e,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:v}=f.useScreenSize();return console.log({article:n}),j.default.createElement(c.Card,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},h),j.default.createElement(c.Card.Section,{w:"100%",h:"100%",miw:264,m:0},j.default.createElement("img",{src:(v?n.featureImageMobile:n.featureImage)||n.featureImage,alt:n.postName,style:{width:"100%"}})),j.default.createElement(c.Card.Section,null,j.default.createElement(c.Group,{position:"apart",mt:16,mb:4},j.default.createElement(f.Anchor,{href:(null===(t=null==n?void 0:n.primaryCategory)||void 0===t?void 0:t.permalink)||"#"},j.default.createElement(f.Text,{size:"p4",color:"blue.6"},null===(a=null==n?void 0:n.primaryCategory)||void 0===a?void 0:a.displayName)),j.default.createElement(c.Box,{sx:{cursor:"pointer"},role:"button",onClick:m},u?j.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==p?void 0:p.bookmark),j.default.createElement("path",{d:"M6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7Z",fill:"#595959"})):j.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==p?void 0:p.bookmark),j.default.createElement("path",{d:"M7 17.95L12 15.8L17 17.95V5.3C17 5.23333 16.9667 5.16667 16.9 5.1C16.8333 5.03333 16.7667 5 16.7 5H7.3C7.23333 5 7.16667 5.03333 7.1 5.1C7.03333 5.16667 7 5.23333 7 5.3V17.95ZM6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7ZM7 5H17H12H7Z",fill:"#595959"})))),j.default.createElement(f.Text,{size:s?"s2":"s1",mb:8,weight:"semiBold"},n.postTitle||n.postName||""),!s&&j.default.createElement(f.Text,{size:"p2",mb:16,lineClamp:3},H.default(n.excerpt||n.description||(null===(l=n.postContent)||void 0===l?void 0:l.split("\r\n")[0])||"")),j.default.createElement(c.Flex,{gap:12,align:"center"},j.default.createElement(f.Avatar,{size:32,src:o,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:j.default.createElement("img",{loading:"lazy",src:i,alt:""})}},"A"),j.default.createElement(f.Text,{size:"n1",c:"gray.6"},r," • ",g))))},se=648/440,de=1.5,ce=t=>{var a,l,n,{article:r,author:o,authorAvatar:i,badge:u="",bannerImageWrapProps:m,hideDescription:g=!1,isBookmarked:p=!1,onBookmark:h,time:v,tracking:y,classNames:E,styles:b,unstyled:C,className:w}=t,k=d.__rest(t,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:S}=f.useScreenSize(),{classes:x,cx:T}=s.useStyles({},{name:"ArticleCard",classNames:E,styles:b,unstyled:C});console.log({article:r});const N=e.useMemo((()=>g?de:se),[g]);return j.default.createElement(c.Card,Object.assign({className:T(x.root,w),padding:"lg",radius:0},k),j.default.createElement(c.Card.Section,{className:x.image},j.default.createElement(f.AspectRatio,Object.assign({ratio:N},m),j.default.createElement("img",{src:(S?r.featureImageMobile:r.featureImage)||r.featureImage,alt:r.postName,style:{objectFit:"cover"}}))),j.default.createElement(c.Card.Section,null,j.default.createElement(c.Group,{position:"apart",mt:16,mb:4},j.default.createElement(f.Anchor,{className:x.category,href:(null===(a=null==r?void 0:r.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},j.default.createElement(f.Text,{size:"p4",color:"blue.6"},null===(l=null==r?void 0:r.primaryCategory)||void 0===l?void 0:l.displayName)),j.default.createElement(c.Box,{sx:{cursor:"pointer"},role:"button",onClick:h},p?j.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==y?void 0:y.bookmark),j.default.createElement("path",{d:"M6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7Z",fill:"#595959"})):j.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==y?void 0:y.bookmark),j.default.createElement("path",{d:"M7 17.95L12 15.8L17 17.95V5.3C17 5.23333 16.9667 5.16667 16.9 5.1C16.8333 5.03333 16.7667 5 16.7 5H7.3C7.23333 5 7.16667 5.03333 7.1 5.1C7.03333 5.16667 7 5.23333 7 5.3V17.95ZM6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7ZM7 5H17H12H7Z",fill:"#595959"})))),j.default.createElement(f.Text,{className:x.title,size:g?"s2":"s1",mb:8,weight:"semiBold"},r.postTitle||r.postName||""),!g&&j.default.createElement(f.Text,{className:x.description,size:"p2",mb:16,lineClamp:3},H.default(r.excerpt||r.description||(null===(n=r.postContent)||void 0===n?void 0:n.split("\r\n")[0])||"")),j.default.createElement(c.Flex,{className:x.author,gap:12,align:"center"},j.default.createElement(f.Avatar,{size:32,src:i,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:j.default.createElement("img",{loading:"lazy",src:u,alt:""})}},"A"),j.default.createElement(f.Text,{size:"n1",c:"gray.6"},o," • ",v))))};var ue=Object.freeze({__proto__:null,SideMenu:s.SideMenu,SideHeader:s.SideHeader,UserInfo:s.UserInfo,MenuLink:s.MenuLink});const me=({status:e})=>"inActive"===e?j.default.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},j.default.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"})):"active"===e?j.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},j.default.createElement("circle",{cx:"6",cy:"6",r:"4",fill:"#2D87F3"}),j.default.createElement("circle",{cx:"6",cy:"6",r:"5.5",stroke:"#2D87F3"})):"done"===e?j.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},j.default.createElement("path",{d:"M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z",fill:"#00B16A"}),j.default.createElement("path",{d:"M8.76061 4.20029L4.80061 7.80029L3.00061 6.16392",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})):j.default.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},j.default.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"}));var fe=Object.freeze({__proto__:null,Table:s.Table,Cell:s.Cell,Head:s.Head,Row:s.Row,Body:s.Body});const ge=({locale:l,onClick:n,siteType:r,pageUrl:o})=>{const{t:d}=y.useTranslations(),[c,u]=e.useState(new Date);return j.default.createElement(j.default.Fragment,null,j.default.createElement(s.StyledLastPeriodFormContainer,{className:"input-form","data-is-side":!0},"marryBaby"===r?j.default.createElement(s.StyledTextField,{label:d("dueDatePage.conceptionDate"),name:"date",size:"md",value:s.DateToInputValue(c),CustomInput:j.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=>j.default.createElement(b.Input,Object.assign({className:"due-date-input",name:"birthday",size:"md"},e,{value:c&&$.default(c).format(k.DUE_DATE_FORMAT)}))}),actionIcon:j.default.createElement(a.Icon.CalendarMB,{size:32})}):j.default.createElement(b.Input,{label:j.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:j.default.createElement(s.DatePicker,{customInput:e=>j.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:l,pickedDate:c,displayDateFormat:w.DATE_FORMAT,onChange:e=>{u(e)},placeholder:"placeholder"})})),j.default.createElement(f.Button,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===r?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:o,onClick:()=>{n(s.getDueDateConception(c),`${m.QUERY_HEALTH_TOOL.type}=1&sd=${E.format(c,s.API_DATE_FORMAT)}&${m.QUERY_HEALTH_TOOL.additional}= `)},role:"button"},d("dueDatePage.lastPeriod.calculate")))},pe=({locale:l,onClick:n,siteType:r,pageUrl:o})=>{const{t:d}=y.useTranslations(),[c,u]=e.useState(new Date),[g,p]=e.useState("3");return j.default.createElement(j.default.Fragment,null,j.default.createElement(s.StyledLastPeriodFormContainer,{className:"input-form","data-is-side":!0},"marryBaby"===r?j.default.createElement(s.StyledTextField,{label:d("dueDatePage.ivf.transferDate"),name:"date",size:"md",value:s.DateToInputValue(c),CustomInput:j.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=>j.default.createElement(b.Input,Object.assign({className:"due-date-input",name:"birthday",size:"md"},e,{value:c&&$.default(c).format(k.DUE_DATE_FORMAT)}))}),actionIcon:j.default.createElement(a.Icon.CalendarMB,{size:32})}):j.default.createElement(b.Input,{label:j.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:j.default.createElement(s.DatePicker,{customInput:e=>j.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:l,pickedDate:c,displayDateFormat:w.DATE_FORMAT,onChange:e=>{u(e)},placeholder:"placeholder"})})),j.default.createElement("div",{style:{width:"100%"}},j.default.createElement(s.RadioGroup,{id:"radio-transfer-date",type:"circle",direction:"vertical",size:"small",group:"group1",value:g,onChange:e=>p(e),options:[{value:"3",label:d("dueDatePage.ivf.transferDateRadio",{number:3})},{value:"5",label:d("dueDatePage.ivf.transferDateRadio",{number:5})}]})),j.default.createElement(f.Button,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===r?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:o,onClick:()=>{n(s.getDueDateIVF(c,Number(g)),`${m.QUERY_HEALTH_TOOL.type}=2&${m.QUERY_HEALTH_TOOL.startDate}=${E.format(c,s.API_DATE_FORMAT)}&${m.QUERY_HEALTH_TOOL.additional}=${g}`)},role:"button"},d("dueDatePage.lastPeriod.calculate")))},he=({locale:l,onClick:n,siteType:r,pageUrl:o})=>{const{t:d}=y.useTranslations(),[c,u]=e.useState(28),[g,p]=e.useState(new Date);return j.default.createElement(j.default.Fragment,null,j.default.createElement(s.StyledLastPeriodFormContainer,{className:"input-form","data-is-side":!0},"marryBaby"===r?j.default.createElement(s.StyledTextField,{label:d("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:s.DateToInputValue(g),CustomInput:j.default.createElement(s.DatePicker,{onChange:e=>{p(e)},placeholder:"dd/mm/yyyy",pickedDate:g,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>j.default.createElement(b.Input,Object.assign({name:"birthday",size:"md"},e,{value:g&&$.default(g).format(k.DUE_DATE_FORMAT)}))}),actionIcon:j.default.createElement(a.Icon.CalendarMB,{size:32})}):j.default.createElement(b.Input,{className:"input-section due-date-input",label:j.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(g),name:"date",size:"md",CustomInput:j.default.createElement(s.DatePicker,{customInput:e=>j.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:s.DateToInputValue(g)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:l,pickedDate:g,displayDateFormat:w.DATE_FORMAT,onChange:e=>{p(e)},placeholder:"placeholder"})})),j.default.createElement("div",{className:"slider-due-date","data-theme":"marryBaby"===r?"marryBaby":""},"marryBaby"===r?j.default.createElement(S.MarryBabyText,{type:"bodytext-3",color:i.theme.mbColors.midGray},d("dueDatePage.lastPeriod.periodLengthLabel")):j.default.createElement(t.Text,{size:"n1",type:"bold",color:i.theme.colors.gray600,style:{marginBottom:"0.5rem"}},d("dueDatePage.lastPeriod.periodLengthLabel")),j.default.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===r&&j.default.createElement(t.Text,{size:"s3",type:"bold",color:i.theme.colors.gray600},c),j.default.createElement(x.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}))),j.default.createElement(f.Button,{dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:o,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===r?"secondary":"primary",onClick:()=>n(s.getDueDateLastPeriod(g,c),`${m.QUERY_HEALTH_TOOL.type}=0&${m.QUERY_HEALTH_TOOL.startDate}=${E.format(g,s.API_DATE_FORMAT)}&${m.QUERY_HEALTH_TOOL.additional}=${c}`),role:"button"},d("dueDatePage.lastPeriod.calculate")))},ve=({onSubmitDueDate:a,locale:l,isSide:n,siteType:r})=>{const{t:o}=y.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 j.default.createElement(s.StyledInputWrapper,null,j.default.createElement(s.StyledMethodContainer,{className:"input-form input-section","data-is-side":!0},"marryBaby"===r?j.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)}}):j.default.createElement(j.default.Fragment,null,j.default.createElement(t.Text,{size:"n1",type:"bold",color:i.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},o("dueDatePage.calculationMethod")),j.default.createElement(s.StyledMethodSwitcherContainer,{"data-is-side":n},j.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?j.default.createElement(he,{locale:l,onClick:a,isSide:n,siteType:r,pageUrl:m}):null,d===s.DueDateCalculatorType.conception?j.default.createElement(ge,{locale:l,onClick:a,isSide:n,siteType:r,pageUrl:m}):null,d===s.DueDateCalculatorType.IVF?j.default.createElement(pe,{locale:l,onClick:a,isSide:n,siteType:r,pageUrl:m}):null)};function ye({weight:e,height:t}){const a=t/100,l=e;return Math.round(l/(a*a)*10)/10}const Ee=({value:l,onChange:n,onSubmit:r,disabled:o,bmiGenerated:c,bmiUnit:u,locale:g,isSide:p})=>{var h,v,E,b;const[C,w]=e.useState(!1),{control:S,handleSubmit:x,setValue:L,watch:D}=T.useForm(),_=D(),{t:I}=y.useTranslations(),{gender:M=!1,age:A=!1,height:P=!1,weight:z=!1,objective:F=!0}=o||{},{getHealthToolLink:O}=B.useHealthToolsCache(g),H=e.useMemo((()=>O(k.HEALTH_TOOL_TYPE.OVULATION)),[O]),$=e.useMemo((()=>[{value:"male",label:I("gender.male"),content:j.default.createElement(a.Icon.GenderChooseBoy,null)},{value:"female",label:I("gender.female"),content:j.default.createElement(a.Icon.GenderChooseGirl,null)}]),[]),G=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")}]),[]),R=()=>{w(!0)};return e.useEffect((()=>{Object.keys(l||{}).forEach((e=>{L(e,null==l?void 0:l[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})}))}),[l]),e.useEffect((()=>{n&&n(_)}),[_]),j.default.createElement(s.StyledContainer$1,null,j.default.createElement("form",{onSubmit:x((e=>d.__awaiter(void 0,void 0,void 0,(function*(){const t=u.heightConvert(e.height),a=u.weightConvert(e.weight),l={gender:e.gender,age:e.age,height:t,weight:a,bmi:ye({height:t,weight:a})};F||(l.objective=e.objective),R(),r&&r(l)}))),R)},!M&&j.default.createElement(s.FormControl,{"data-is-side":p},j.default.createElement(T.Controller,{name:"gender",control:S,defaultValue:"male",render:({field:{name:e,value:t,onChange:a},fieldState:{error:l}})=>j.default.createElement(s.StyledInput,{size:"md",name:e,label:c.gender.label,CustomInput:j.default.createElement(N.RadioImageGroup,{options:$,value:t,onChange:e=>a(e),className:"bmi--input-radio_gender "+(p?"bmi-side-embed":"")}),errorMessage:C?null==l?void 0:l.message:"",className:"bmi--input bmi--input-gender"})})),j.default.createElement(s.StyledRow,{"data-is-side":p},!A&&j.default.createElement(s.FormControl,null,j.default.createElement(T.Controller,{name:"age",control:S,rules:null===(h=c.age)||void 0===h?void 0:h.rule,render:({field:{name:e,value:a,onChange:l},fieldState:{error:n}})=>j.default.createElement(f.Input.Number,{label:j.default.createElement(t.Text,{size:"label2",type:"bold",color:i.theme.colors.gray600},c.age.label),placeholder:I("healthtool.placeholder.age"),name:e,value:a,onChange:l,error:C?null==n?void 0:n.message:"",min:0})})),!P&&j.default.createElement(s.FormControl,null,j.default.createElement(T.Controller,{name:"height",control:S,rules:null===(v=c.height)||void 0===v?void 0:v.rule,render:({field:{name:e,value:a,onChange:l},fieldState:{error:n}})=>j.default.createElement(f.Input.Number,{label:j.default.createElement(t.Text,{size:"label2",type:"bold",color:i.theme.colors.gray600},c.height.label),placeholder:I("pwg.placeholder.height"),name:e,value:a,onChange:l,error:C?null==n?void 0:n.message:"",min:0})})),!z&&j.default.createElement(s.FormControl,null,j.default.createElement(T.Controller,{name:"weight",control:S,rules:null===(E=c.weight)||void 0===E?void 0:E.rule,render:({field:{name:e,value:a,onChange:l},fieldState:{error:n}})=>j.default.createElement(f.Input.Number,{label:j.default.createElement(t.Text,{size:"label2",type:"bold",color:i.theme.colors.gray600},c.weight.label),placeholder:I("pwg.placeholder.weight"),name:e,value:a,onChange:l,error:C?null==n?void 0:n.message:"",precision:1,min:0})})),!F&&j.default.createElement(s.FormControl,null,j.default.createElement(T.Controller,{name:"objective",control:S,defaultValue:"lose-weight",rules:null===(b=c.objective)||void 0===b?void 0:b.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:l}})=>j.default.createElement(s.StyledInput,{size:"md",name:e,label:c.objective.label,CustomInput:j.default.createElement(s.RadioGroup,{id:"bmi-objective",className:"bmi-objective",type:"circle",direction:"vertical",size:"small",group:"group1",options:G,value:t,onChange:a}),errorMessage:C?null==l?void 0:l.message:"",className:"bmi--input bmi--input-objective"})}))),j.default.createElement("div",{style:{display:"flex"}},j.default.createElement(s.StyledButton,{size:"lg",fullWidth:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${m.domainLocales[g]}/${H}`,type:"submit"},I("bmi.submit")))))},be=({value:a,options:l,className:n,direction:r="horizontal",onChange:o,isDisabled:i})=>{const[d,c]=e.useState(a);return j.default.createElement(s.StyledRadioImageGroup,{className:n,"data-direction":r},l.map(((e,l)=>j.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))}},j.default.createElement("div",null,j.default.createElement("img",{src:(a||d)===e.value?e.imageActive:e.image,className:"gender-image",alt:""}),e.label&&j.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}=y.useTranslations(),[u,m]=e.useState(new Date),[f,g]=e.useState({age:!1,rate:!1});return e.useEffect((()=>{g({age:!1,rate:!1})}),[o]),j.default.createElement(s.StyledContainer$2,{style:n,className:l},j.default.createElement(b.Input,{className:"input-section due-date-input",label:j.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:j.default.createElement(s.DatePicker,{customInput:e=>j.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:s.DateToInputValue(u)})),disabledDays:{after:new Date(E.addDays(new Date,0))},locale:d,pickedDate:u,displayDateFormat:"dd/MM/yyyy",onChange:e=>{(e=>{m(e),g((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},a),{age:E.format(new Date(e),s.API_DATE_FORMAT)});r&&r(t)})(e)},placeholder:"placeholder"}),errorMessage:f.age?"":o.age}))},we=({info:l,className:n,style:r,onChange:o,errorMessage:d={},locale:c,onClick:u,isSide:g})=>{const{t:p}=y.useTranslations(),[h,v]=e.useState({age:!1,height:!1,weight:!1}),{getHealthToolLink:E}=B.useHealthToolsCache(c),b=e.useMemo((()=>E(k.HEALTH_TOOL_TYPE.OVULATION)),[E]),[C,w]=e.useState("male"),S=e.useMemo((()=>[{value:"male",label:p("gender.male"),content:j.default.createElement(a.Icon.GenderChooseBoy,null)},{value:"female",label:p("gender.female"),content:j.default.createElement(a.Icon.GenderChooseGirl,null)}]),[]),x=(e,t)=>{""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},T=e=>{var t,a;a=e=>{v((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},l),{age:e});o&&o(t)},""!==(t=e)&&(isNaN(t)||isNaN(parseFloat(t))||t.includes("."))||a(t)};return e.useEffect((()=>{o&&o(Object.assign(Object.assign({},l),{objective:"lose-fat",activeLevel:"sedentary"}))}),[]),e.useEffect((()=>{v({age:!1,height:!1,weight:!1})}),[d]),j.default.createElement(s.StyledContainer$3,{style:r,className:n},j.default.createElement(s.FormControl$2,{"data-is-side":g},j.default.createElement(s.StyledInput$2,{size:"md",name:"gender",label:p("bmi.selectGender"),CustomInput:j.default.createElement(N.RadioImageGroup,{options:S,value:C,onChange:e=>w(e),className:"bmi--input-radio_gender "+(g?"bmi-side-embed":"")}),className:"bmi--input bmi--input-gender"})),j.default.createElement(s.StyledRow$2,{"data-is-side":g},j.default.createElement(s.FormControl$2,null,j.default.createElement(f.Input.Number,{label:j.default.createElement(t.Text,{size:"label2",type:"bold",color:i.theme.colors.gray600},p("bmi.ageInput")," ",j.default.createElement(t.Text,{size:"label2",type:"bold",color:i.theme.colors.gray300,as:"span"},p("bmi.ageInput.desc"))),placeholder:p("healthtool.placeholder.age"),value:Number(l.age),onChange:e=>T(String(e)),error:h.age?"":d.age,min:0})),j.default.createElement(s.FormControl$2,null,j.default.createElement(f.Input.Number,{label:j.default.createElement(t.Text,{size:"label2",type:"bold",color:i.theme.colors.gray600},p("bmi.heightInput")," ",j.default.createElement(t.Text,{size:"label2",type:"bold",color:i.theme.colors.gray300,as:"span"},p("bmi.heightInput.desc"))),placeholder:p("pwg.placeholder.height"),value:Number(l.height),onChange:e=>{return t=String(e),void x(t,(e=>{v((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},l),{height:e});o&&o(t)}));var t},error:h.height?"":d.height,min:0})),j.default.createElement(s.FormControl$2,null,j.default.createElement(f.Input.Number,{label:j.default.createElement(t.Text,{size:"label2",type:"bold",color:i.theme.colors.gray600},p("bmi.weightInput")," ",j.default.createElement(t.Text,{size:"label2",type:"bold",color:i.theme.colors.gray300,as:"span"},p("bmi.weightInput.desc"))),placeholder:p("pwg.placeholder.weight"),value:Number(l.weight),onChange:e=>{return t=String(e),v((e=>Object.assign(Object.assign({},e),{weight:!0}))),void x(t,(e=>{const t=Object.assign(Object.assign({},l),{weight:e});o&&o(t)}));var t},error:h.weight?"":d.weight,min:0,precision:1}))),j.default.createElement("div",{style:{display:"flex"}},j.default.createElement(s.StyledButton$2,{size:"lg",fullWidth:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMR",dataEventLabel:`https://${m.domainLocales[c]}/${b}`,onClick:()=>{u(C)}},p("bmi.submit"))))};var ke="eM8ChWU",Se="KAx1aqi",xe="QcFfKPB",Te="brbyNAY",Ne="W65hTnn";const Be=({src:e,title:t,backgroundSrc:l,className:n,reviewedSection:r,isSide:o})=>j.default.createElement("div",{className:`${ke} ${n||""}`},j.default.createElement("div",{className:Se,style:{backgroundImage:`url("${l}")`}},j.default.createElement("div",{className:xe,"data-is-side":o},j.default.createElement("div",{className:Te,"data-is-side":o},j.default.createElement(a.Heading,{tag:"h4",color:"white"},t),r),j.default.createElement("div",{className:Ne},j.default.createElement("img",{src:e||"",style:{objectFit:"contain"},alt:t})))));var Le="zvE9IoJ",De="njDC-ia",_e="ESkUhe9",Ie="wZLIQYa";const Me=({backgroundDesktopSrc:e,backgroundMobileSrc:l,title:n,className:r,isSide:o,ovulationContent:s})=>{var d,c,u;const{t:m}=y.useTranslations(),f=D.formatUserProfileUrl(null==s?void 0:s.reviewed_by);return j.default.createElement("div",{className:`${Le} ${r}`,"data-is-side":o},j.default.createElement("div",{className:De,style:{backgroundImage:`url('${l||e}')`}},j.default.createElement("div",{className:Ie},j.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)?j.default.createElement(t.Text,{size:"n1",color:"white",style:{marginTop:"0.3rem"}},j.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>`})}}),j.default.createElement("span",null,m("tools.heading.on")),j.default.createElement("span",null,null==s?void 0:s.reviewed_date)):null),j.default.createElement("div",{className:_e,"data-is-side":o},j.default.createElement("img",{src:(null==s?void 0:s.featured_image)||"",style:{width:"100%",objectFit:"contain",marginTop:"20px"},alt:n}))),j.default.createElement(Be,{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)&&j.default.createElement(t.Text,{size:"n1",color:i.theme.colors.white,style:{marginTop:12}},j.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})}}),j.default.createElement("span",null)),isSide:o}))},Ae=({siteType:t,info:l,onChange:n,errorMessage:r={}})=>{const{t:o}=y.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 g=(e,t)=>{""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},p=e=>{g(e,(e=>{c((e=>Object.assign(Object.assign({},e),{weightBefore:!0})));const t=Object.assign(Object.assign({},l),{weightBefore:e});n&&n(t)}))},h=e=>{g(e,(e=>{c((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},l),{height:e});n&&n(t)}))},v=e=>{g(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?j.default.createElement(j.default.Fragment,null,j.default.createElement("div",{className:"input-form-pwg input-section"},j.default.createElement(s.StyledTextField,{label:o("pregnancyWeightGain.heightInput"),name:"pwg-height",size:"md",value:null==l?void 0:l.height,CustomInput:j.default.createElement(b.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:h})})),j.default.createElement("div",{className:"input-form-pwg input-section"},j.default.createElement(s.StyledTextField,{label:o("pregnancyWeightGain.weightBeforeInput"),name:"pwg-weightBefore",size:"md",value:null==l?void 0:l.weightBefore,CustomInput:j.default.createElement(b.Input,{className:(null==d?void 0:d.weightBefore)?"":"error-input",name:"pwg-weightBefore",size:"md",placeholder:"Nhập thông tin",value:null==l?void 0:l.weightBefore,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==d?void 0:d.weightBefore)?"":null==r?void 0:r.height,showErrorMessage:!1,onChange:p})})),j.default.createElement("div",{className:"input-form-pwg input-section"},j.default.createElement(s.StyledTextField,{label:o("pregnancyWeightGain.weightInput"),name:"pwg-weight",size:"md",value:null==l?void 0:l.weight,CustomInput:j.default.createElement(b.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:v})}))):j.default.createElement(j.default.Fragment,null,j.default.createElement("div",{className:"input-form-pwg"},j.default.createElement(a.PureInput,{placeholder:o("pwg.placeholder.height"),className:"input-section",label:j.default.createElement("span",{style:{color:i.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px"},className:"label-text"},o("pregnancyWeightGain.heightInput")," ",j.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:h})),j.default.createElement("div",{className:"input-form-pwg"},j.default.createElement(a.PureInput,{placeholder:o("pwg.placeholder.weight"),className:"input-section",label:j.default.createElement("span",{style:{color:i.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px"},ref:f,className:"label-text"},o("pregnancyWeightGain.weightBeforeInput")," ",j.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:p,value:null==l?void 0:l.weightBefore})),j.default.createElement("div",{className:"input-form-pwg"},j.default.createElement(a.PureInput,{placeholder:o("pwg.placeholder.weight"),className:"input-section",label:j.default.createElement("span",{style:{color:i.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px",minHeight:u},className:"label-text"},o("pregnancyWeightGain.weightInput")," ",j.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:v})))};const Pe={"en-PH":R.default,"vi-VN":U.default,"zh-TW":V.default,"id-ID":W.default};function ze(t){const{value:a={from:null,to:null}}=t,[l,n]=e.useState(null),{isMobile:r}=f.useScreenSize(),[o,i]=e.useState((()=>a)),[d,c]=e.useState((()=>{var e;return E.startOfMonth(null!==(e=a.from)&&void 0!==e?e:new Date)})),u=e.useMemo((()=>E.addMonths(d,1)),[d]);const m=Object.assign(Object.assign({},t),{goToNextMonth:function(){c((e=>E.addMonths(e,1)))},goToPreviousMonth:function(){c((e=>E.subMonths(e,1)))},range:o,setRange:i,hoverDay:l,setHoverDay:n});return j.default.createElement(j.default.Fragment,null,j.default.createElement(Fe,Object.assign({},m,{date:d})),!r&&j.default.createElement(s.StyledCalendarMonthSeparator,null),!r&&j.default.createElement(Fe,Object.assign({},m,{date:u})))}function Fe({date:t,range:a,setRange:l,onChange:r,goToPreviousMonth:i,goToNextMonth:d,minDate:c,maxDate:u,close:m=(()=>{}),autoClose:f=!1,hoverDay:g,setHoverDay:p}){const{locale:h}=y.useTranslations(),v=e.useMemo((()=>{var e;return null!==(e=Pe[h])&&void 0!==e?e:Pe["en-PH"]}),[h]),b=e.useMemo((()=>E.format(t,"MMMM",{locale:v})),[t,v]),C=e.useMemo((()=>v?[1,2,3,4,5,6,0].map((e=>v.localize.day(e,{width:"narrow"}))):[]),[v]);function w(e,t){if(null===e)return j.default.createElement(s.StyledCalendarDayNumberWrapper,{key:`idx-${t}`,"data-empty":"true"});const n=e.getDate(),r=E.isToday(e),o=!!a.from&&E.isSameDay(a.from,e),i=!!a.to&&E.isSameDay(a.to,e),d=o||i;let h=!1;null!==g&&a.from&&E.isBefore(a.from,g)&&!a.to?h=E.isWithinInterval(e,{start:a.from,end:g}):a.from&&a.to&&(h=E.isWithinInterval(e,{start:a.from,end:a.to}));let v=!1;return c&&u?v=!E.isWithinInterval(e,{start:c,end:u}):c?v=E.isBefore(e,c):u&&(v=E.isAfter(e,u)),j.default.createElement(s.StyledCalendarDayNumberWrapper,{key:n,"data-is-today":r,"data-is-past":!r&&E.isPast(e),"data-is-selected":d,"data-is-disabled":v,"data-in-range":h,"data-is-from":o,"data-is-to":i,onMouseEnter:()=>{p(e)},onMouseLeave:()=>p(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?E.isBefore(e,t.from)?Object.assign(Object.assign({},t),{from:e}):Object.assign(Object.assign({},t),{to:e}):t:Object.assign(Object.assign({},t),{from:e})}(e,t))))}},j.default.createElement(s.StyledCalendarDayNumber,{onClick:()=>{}},j.default.createElement("p",null,n)))}return e.useEffect((()=>{a.from&&a.to&&r(a)}),[a]),j.default.createElement(s.StyledCalendarWrapper,{className:"calendar-wrapper"},j.default.createElement(s.StyledCalendarHead,null,j.default.createElement(n.Button,{onClick:i,size:"md",color:"ghost",icon:j.default.createElement("img",{src:o.CommonGAssets.getAssetPath("calendarArrowLeft.svg")})}),j.default.createElement("div",{className:"calendar-month"},b,j.default.createElement("strong",null,E.format(t,"yyyy"))),j.default.createElement(n.Button,{onClick:d,size:"md",color:"ghost",icon:j.default.createElement("img",{src:o.CommonGAssets.getAssetPath("calendarArrowRight.svg")})})),j.default.createElement(s.StyledCalendarCellsWrapper,null,j.default.createElement("div",null,j.default.createElement(s.StyledCalendarDaysOfWeek,null,C.map(((e,t)=>j.default.createElement(s.StyledCalendarDayLabel,{key:`${e}-${t}`},e))))),j.default.createElement("div",null,function(){const e=t.getFullYear(),l=t.getMonth(),n=E.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 j.default.createElement(s.StyledCalendarMonthWrapper,{key:`month-${l}`,"data-month-index":l,"data-has-range":Boolean(a.from&&a.to)},j.default.createElement(s.StyledCalendarDaysWrapper,null,j.default.createElement(s.StyledCalendarDateGrid,null,r.map(w))))}())))}var Oe="WUqzfRb",je="MnVGtSY",He="NclbhXQ";const $e=({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?j.default.createElement(s.Dropdown,{options:i,placeholder:"...",id:"",placeholderIcon:null,onChange:l,className:"collapsed-breadcrumb"}):j.default.createElement("div",{className:He,title:"string"!=typeof n?r:n,"data-last":a},e&&j.default.createElement(e,{"data-event-category":d,"data-event-action":c,"data-event-label":u,href:r||"#"},n))},Ge=()=>j.default.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},j.default.createElement("path",{d:"M6.86364 10.6666H5.22727C4.86912 10.6666 4.51448 10.5977 4.18359 10.4637C3.8527 10.3296 3.55205 10.1332 3.2988 9.8856C2.78734 9.3855 2.5 8.70722 2.5 7.99998C2.5 7.29274 2.78734 6.61446 3.2988 6.11436C3.81026 5.61426 4.50396 5.33331 5.22727 5.33331H6.86364M9.78374 5.33331H11.7727C12.1309 5.33331 12.4855 5.40229 12.8164 5.5363C13.1473 5.67031 13.4479 5.86674 13.7012 6.11436C13.9545 6.36198 14.1553 6.65596 14.2924 6.97949C14.4295 7.30303 14.5 7.64979 14.5 7.99998C14.5 8.35017 14.4295 8.69693 14.2924 9.02047C14.1553 9.344 13.9545 9.63798 13.7012 9.8856C13.4479 10.1332 13.1473 10.3296 12.8164 10.4637C12.4855 10.5977 12.1309 10.6666 11.7727 10.6666H9.78374",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}),j.default.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"})),Re=()=>j.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"copy"},j.default.createElement("path",{d:"M4 2.5C3.17125 2.5 2.5 3.17125 2.5 4V13.75C2.5 14.164 2.836 14.5 3.25 14.5C3.664 14.5 4 14.164 4 13.75V4H13.75C14.164 4 14.5 3.664 14.5 3.25C14.5 2.836 14.164 2.5 13.75 2.5H4ZM7 5.5C6.17125 5.5 5.5 6.17125 5.5 7V16C5.5 16.8287 6.17125 17.5 7 17.5H16C16.8287 17.5 17.5 16.8287 17.5 16V7C17.5 6.17125 16.8287 5.5 16 5.5H7ZM7 7H16V16H7V7Z",fill:"#595959"}));exports.Alert=({style:e,onClose:a,text:l,type:n,contentIcon:r,closeIcon:o,className:i,description:s})=>j.default.createElement("div",{className:`${q} ${i||""}`,style:e,"data-alert-type":n},j.default.createElement("div",{className:Z},j.default.createElement("div",{className:"icon-title"},r,j.default.createElement(t.Text,{type:"bold",size:"label1"},l)),j.default.createElement(t.Text,{type:"regular",size:"p3"},s)),j.default.createElement("div",{className:Y,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:v,dataEventCategoryForCategory:y,dataEventCategoryForTitle:E,dataEventLabelForBanner:b,dataEventLabelForBookmark:C,dataEventLabelForCategory:w,dataEventLabelForTitle:k,direction:S="horizontal",hasAffiliate:x,isBookmark:T=!1,isBookmarkDisplayed:N=!0,isMobile:B=!0,onBookmark:L,onClickCategoryName:D,section:_="normal",size:I="md",specialty:M,style:A,styleBanner:P,styleLabel:z,styleTitle:F,text:O,title:H,type:$="author",uploadTime:G,articleLinkTarget:R,isPremium:W})=>{const U=e=>{e.stopPropagation(),null==L||L()},V="lg"===I&&"expert"===$?"h4":"lg"===I&&"home"===_?B?"h4":"h3":"lg"===I?"h4":"h5",q="lg"===I?"p3":"p4",Z=B||"home"!==_||"lg"!==I||"author"!==$?"c2":"c1";return j.default.createElement("article",{className:`${le} ${u||""}`,"data-size":I,style:A,"data-direction":S,"data-is-expert":"expert"===$||void 0},j.default.createElement("div",{className:"banner",style:P},j.default.createElement("a",{className:ae,"data-event-category":h,"data-event-action":m,"data-event-label":b,href:e||"#",target:R},i),W&&j.default.createElement("img",{loading:"lazy",className:"premium",src:o.CommonGAssets.getAssetPath("premium-crown.svg")}),x&&j.default.createElement(s.AffiliateIcon,null)),j.default.createElement("div",{className:"content"},j.default.createElement("div",{className:"inner-content"},j.default.createElement(t.Text,{style:z,className:"label",size:Z,type:"caption"},j.default.createElement("a",{className:ae,"data-event-category":y,"data-event-action":g,"data-event-label":w,href:d||"#",onClick:D},c),N&&j.default.createElement("a",{className:"bookmark",onClick:U},T?j.default.createElement(s.BookmarkedIcon,{dataEventCategoryForBookmark:v,dataEventActionForBookmark:f,dataEventLabelForBookmark:C}):j.default.createElement(s.UnbookmarkedIcon,{dataEventCategoryForBookmark:v,dataEventActionForBookmark:f,dataEventLabelForBookmark:C}))),j.default.createElement(a.Heading,{tag:V,style:F,className:"title",as:"lg"===I?"h2":"h3"},j.default.createElement("a",{className:ae,"data-event-category":E,"data-event-action":p,"data-event-label":k,href:e||"#",target:R},H)),O&&j.default.createElement("a",{href:e||"#",target:R},j.default.createElement(t.Text,{size:q,className:"text"},O))),j.default.createElement("div",{className:"footer"},"author"===$?j.default.createElement(re,{size:I,avatarImg:r,authorName:n,authorLink:l,uploadTime:G,handleClick:U,isBookmarked:T,dataEventCategoryForBookmark:v,dataEventActionForBookmark:f,dataEventLabelForBookmark:C}):j.default.createElement(oe,{size:I,isMobile:B,avatarImg:r,specialty:M,name:n,link:l,handleClick:U,isBookmarked:T,dataEventCategoryForBookmark:v,dataEventActionForBookmark:f,dataEventLabelForBookmark:C}))))},exports.ArticleCard$1=e=>{var{variant:t="vertical"}=e,a=d.__rest(e,["variant"]);return"horizontal"===t?j.default.createElement(ie,Object.assign({},a)):j.default.createElement(ce,Object.assign({},a))},exports.BMICardEmbed=({isMobile:e,onSubmit:a,bmiContent:l,isSide:n,bmiGenerated:r,bmiUnit:d,bmiLink:c,locale:u})=>{var m,f,g;const{t:p}=y.useTranslations();return j.default.createElement(s.StyledContainer,{"data-is-side":n},j.default.createElement(s.ToolsBannerCard,{isSide:n,bannerUrl:o.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),icon:j.default.createElement("img",{alt:"health-tool-icon",src:null==l?void 0:l.featured_image,style:{objectFit:"contain",marginLeft:"auto",maxWidth:"100%"}}),heading:p("bmi.heading"),medicalReview:(null===(m=null==l?void 0:l.reviewBy)||void 0===m?void 0:m.reviewer)?j.default.createElement(t.Text,{size:"n1",color:i.theme.colors.white},j.default.createElement("span",{dangerouslySetInnerHTML:{__html:p("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===(g=null==l?void 0:l.reviewBy)||void 0===g?void 0:g.date})}}),j.default.createElement("span",null)):void 0,isMobile:e}),j.default.createElement(C.Container,null,j.default.createElement(s.StyledContent,{as:"div","data-is-side":n},c&&j.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,g;const{t:p}=y.useTranslations();return j.default.createElement(s.StyledContainer,{"data-is-side":e},j.default.createElement(s.ToolsBannerCard,{isSide:e,bannerUrl:o.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),icon:j.default.createElement("img",{alt:"health-tool-icon",src:null==l?void 0:l.featured_image,style:{objectFit:"contain",marginLeft:"auto",maxWidth:"100%"}}),heading:p("bmr.heading"),medicalReview:(null===(m=null==l?void 0:l.reviewBy)||void 0===m?void 0:m.reviewer)?j.default.createElement(t.Text,{size:"n1",color:i.theme.colors.white},j.default.createElement("span",{dangerouslySetInnerHTML:{__html:p("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===(g=null==l?void 0:l.reviewBy)||void 0===g?void 0:g.date})}}),j.default.createElement("span",null)):void 0,isMobile:n}),j.default.createElement(C.Container,null,j.default.createElement(s.StyledContent,{onSubmit:e=>e.preventDefault(),"data-is-side":e},j.default.createElement(s.StyledInputForm,null,j.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;const{t:m}=y.useTranslations();return j.default.createElement(s.StyledContainer,{"babyGrowthContent-is-mobile":e,"data-site":c},j.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:j.default.createElement("img",{className:"embedded-icon",alt:"health-tool-icon",src:(null==d?void 0:d.featuredImage)||""}),heading:(null==d?void 0:d.title)||"",medicalReview:(null===(u=null==d?void 0:d.reviewBy)||void 0===u?void 0:u.reviewer)?j.default.createElement(t.Text,{size:"label2",color:i.theme.colors.white,className:"embedded-review",dangerouslySetInnerHTML:{__html:m("toolPage.toolReviewer",{expert_name:`<a style="color: white" href="${d.reviewBy.link||"#"}">${d.reviewBy.reviewer.trim()}</a>`,date:d.reviewBy.date})}}):void 0,isMobile:e}),j.default.createElement(s.StyledBabyGrowthWrapper,{"data-theme":c},j.default.createElement(s.StyleForm,{siteType:c,schema:r,className:a,onSubmit:l,onError:n})))},exports.BabyPoopEmbed=({babyPoopPage:e,onClickFindOut:t,currentUrl:l,isSide:n})=>{const{t:r}=y.useTranslations(),d="mb"===c.useMantineTheme().other.template,{classes:u}=s.useStyles$2({isMarryBaby:d,isSide:n},{name:"BabyPoopEmbed"}),{reviewedBy:m,reviewedDate:g}=e||{};return j.default.createElement("div",{className:u.root},j.default.createElement(a.Heading,{className:u.dHeading,tag:"h3",as:"h2",color:!d&&"#284A75"},e.title),j.default.createElement("div",{className:u.inner},j.default.createElement("div",{className:u.thumbnail},j.default.createElement("img",{className:u.img,src:d?o.CommonGAssets.getAssetPath("baby-poop.svg"):null==e?void 0:e.featuredImage,alt:e.title})),j.default.createElement(a.Heading,{className:u.mHeading,tag:"h3",as:"h2",color:!d&&"#284A75"},e.title),j.default.createElement("div",{className:u.content,"data-is-side":n},j.default.createElement(f.Text,{size:"p3",className:"description"},e.description),!!m&&j.default.createElement("div",{className:u.reviewText},j.default.createElement("img",{src:o.CommonGAssets.getAssetPath("reviewerCheck.svg"),alt:"check",className:u.reviewTextIcon}),j.default.createElement(f.Text,{size:"p4",color:i.theme.colors.gray600},r("categoryPage.info.reviewed")," ",j.default.createElement("a",{href:m.profile_url},m.display_name)," ",r("categoryPage.onDate",{date:g||""}))),j.default.createElement("div",{className:u.action},j.default.createElement(f.Button,{className:u.btn,size:d?"lg":"md",variant:d?"secondary":"primary",onClick:t,dataEventCategory:"Health Tool",dataEventAction:"Baby Stool Inquiry",dataEventLabel:l,style:{visibility:Boolean(t)?"visible":"hidden"}},r("babyPoop.findOut"))))))},exports.Badge=({amount:e,type:t,size:l="medium",color:n="primary",icon:r,className:o})=>j.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},j.default.createElement("div",null,e&&j.default.createElement("span",null,e)," ",r&&j.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})=>j.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 j.default.createElement("div",{"data-size":l,className:`${Oe} ${t||""}`},i.map(((t,a)=>{const s=a+1===i.length;return j.default.createElement(e.Fragment,{key:a},j.default.createElement($e,{LinkComponent:n,page:t,isLast:s,onChangePage:r}),!s&&(t.separator||o||j.default.createElement("div",{className:je,"data-size":l})))})))},exports.CategoryCard=e=>{var{category:t,imgBanner:a,label:l,className:n,style:r,href:o="",dataEventCategory:i,dataEventAction:c,dataEventLabel:u}=e,m=d.__rest(e,["category","imgBanner","label","className","style","href","dataEventCategory","dataEventAction","dataEventLabel"]);const g=(null==t?void 0:t.customizedUrl)||(null==t?void 0:t.permalink)||o||"";return j.default.createElement(s.StyledCategoryCard,Object.assign({"data-event-category":i,"data-event-action":c,"data-event-label":u,className:n,style:r,href:g},(null==t?void 0:t.customizedUrl)&&!h.isInternalLink(t.customizedUrl)&&{target:"_blank"},{onClick:e=>{""===g&&e.preventDefault()}},m),j.default.createElement("div",{className:"banner"},a),j.default.createElement("div",{className:"content"},j.default.createElement(f.Text,{className:"category_name",size:"sm",weight:"bold"},(null==t?void 0:t.displayName)||l||"")))},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 j.default.createElement(s.StyledCheckboxGroup,{className:n,"data-type":r,"data-is-rectangle":i||void 0},l.map(((a,l)=>j.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})=>j.default.createElement(s.StyledAcceptCardContainer,{className:e,"data-theme":o,"data-is-open":i,"data-default-position":d},j.default.createElement(s.StyledTitleSection,{"data-has-content":!!n},n),j.default.createElement(s.StyledDescription,{dangerouslySetInnerHTML:{__html:r}}),j.default.createElement(s.StyledButtonGroup,null,j.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),j.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 p=e.useRef(null);function h(e){d&&d(e)}function v(e){return E.format(e,"dd/MM/yyyy")}_.useOutsideClick(p,(()=>{g()}));const y=e.useMemo((()=>n.from&&n.to?E.isSameDay(n.from,n.to)?v(n.from):`${v(n.from)} - ${v(n.to)}`:""),[n.from,n.to]);return j.default.createElement(s.StyledWrapper,{className:[c,m&&"focused"].filter(Boolean).join(" "),ref:p},j.default.createElement("label",{htmlFor:l},j.default.createElement(a.PureInput,{size:t,value:y,name:l,actionIcon:j.default.createElement("img",{src:o.CommonGAssets.getAssetPath("calendar.svg")}),onFocus:()=>f(!0)})),m?j.default.createElement(s.StyledCalendarWrapper$1,{onMouseDown:e=>{e.stopPropagation()}},j.default.createElement(ze,{value:n,onChange:h,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}=y.useTranslations();return j.default.createElement(s.StyledContainer,{"data-is-side":d,"data-site":c},j.default.createElement(s.ToolsBannerCard,{isSide:d,bannerUrl:o.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),siteType:c,bannerColor:"marryBaby"===c&&i.theme.mbColors.mint,isEmbeded:!0,icon:j.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)?j.default.createElement(t.Text,{size:"label2",color:i.theme.colors.white,dangerouslySetInnerHTML:{__html:m("toolPage.toolReviewer",{expert_name:`<a style="text-decoration: underline" href="${r}">${null==n?void 0:n.reviewed_by.display_name}</a>`,date:null==n?void 0:n.reviewed_date})}}):void 0,isMobile:e}),j.default.createElement(s.StyledContent,{onSubmit:e=>e.preventDefault(),className:"due-date-cal","data-is-side":d},j.default.createElement(ve,{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&&j.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=j.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"},j.default.createElement("defs",null,j.default.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},j.default.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"})),j.default.createElement("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),j.default.createElement("title",null,"File"),j.default.createElement("g",{clipPath:"url(#prefix__clip-path)"},j.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)"}),j.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),p=j.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"},j.default.createElement("defs",null,j.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),j.default.createElement("title",null,"download"),j.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=j.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"},j.default.createElement("defs",null,j.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),j.default.createElement("title",null,"upload"),j.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 j.default.createElement(a.StyledDropdown,{className:t,"data-dropdown-open":!!c,id:o,"data-has-icons":!0,style:d,onBlur:()=>u(!1),tabIndex:0},j.default.createElement(a.StyledDropdownName,{onClick:m},i||g," ",j.default.createElement("span",null,l&&l.value?l.label:s)),c&&j.default.createElement(a.StyledDropdownList,{onClick:m,"data-has-icons":!0},n.map((e=>j.default.createElement(a.StyledDropdownOption,{key:`${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}},j.default.createElement(a.StyledIcon,null,e.icon||"download"===e.type?p:h),e.label)))),j.default.createElement(j.default.Fragment,null,f.current))},exports.FixedBottomAdBlock=({className:t,adUnitPath:a,divId:l,isMobile:n,contentId:r,customTargetings:o,locale:i,isMarryBaby:d})=>{const[c,u]=e.useState(!0),[m,f]=e.useState(!1),[g,p]=e.useState(!0),h=e.useRef(null),v=e.useRef(F.v4()),y=e.useRef(null),E=e.useRef(),b=e.useRef();return e.useEffect((()=>{const e=()=>{b.current&&clearTimeout(b.current),b.current=setTimeout((()=>{var t;document.getElementById("subot--container")?u(!0):(u(!1),(null===(t=h.current)||void 0===t?void 0:t.clientHeight)?p(!1):p(!0)),e()}),4e3)};return e(),()=>{E.current&&clearTimeout(E.current),b.current&&clearTimeout(b.current)}}),[]),c||m?null:j.default.createElement(s.StyledFixedAdBlock,{key:n?"mobile":"desktop",ref:y,className:t,"data-visible":!g},a&&j.default.createElement(s.AdBlock,{wrapperProps:{m:0},ref:h,adUnitPath:a,size:n?[[320,50],[320,100]]:[728,90],divId:(l||"div-gpt-ad-sticky")+(n?"-mobile":"")+r+String(v.current),pos:["Sticky"],contentId:r,hideIfHasSubot:n,customTargetings:o,adDefaultSize:n?[320,50]:[728,90],showCloseBtn:!0,onCloseAd:()=>f(!0),refreshInterval:60,locale:i,isMarryBaby:d}))},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 j.default.createElement(s.StyledFloatButtonGroup,{style:l,className:a,"data-floatmenu-open":f,"data-site-type":c,"data-animation-type":u},j.default.createElement(s.StyledFloatButtonGroupBackgroundPanel,{className:"float-button-group__panel",style:Object.assign({zIndex:m},n),onClick:d?void 0:p}),j.default.createElement(s.StyledFloatButtonGroupContent,{className:"float-button-group___content",style:{zIndex:m}},j.default.createElement(s.StyledFloatButtonGroupItemsWrapper,null,t.map(((e,a)=>j.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)}},j.default.createElement(s.StyledFloatButtonGroupButtonLabel,{style:Object.assign({},"zoom"===u&&{transitionDelay:s.TRANSITION_TIMING/t.length*(f?t.length-1-a:a)+"ms"})},e.label),j.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))))),j.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})=>j.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})=>j.default.createElement(s.StyledIconText,{className:a,"data-size":e,"data-icon-position":t},"left"===t&&n,l,"right"===t&&n),exports.OvulationCardEmbed=({onSubmitOvulation:e,locale:a,ovulationPageInfo:l,ovulationContent:n,expertUrl:r,isSide:d=!1,siteType:c,isMobile:u})=>{var m;const{t:f}=y.useTranslations(),g=D.formatOvulationInfo(l||null);return j.default.createElement(s.StyledContainer,{"data-is-side":d,"data-site":c},"marryBaby"!==c?j.default.createElement(Me,{backgroundDesktopSrc:o.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),backgroundMobileSrc:o.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),title:f("healthTools.ovulationCalculator"),reviewedBy:g.reviewedBy,reviewedDate:g.reviewedDate,ovulationContent:n,isSide:d}):j.default.createElement(s.ToolsBannerCard,{isSide:d,bannerUrl:o.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),siteType:c,bannerColor:"marryBaby"===c&&i.theme.mbColors.mint,isEmbeded:!0,icon:j.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)?j.default.createElement(t.Text,{size:"label2",color:i.theme.colors.white,dangerouslySetInnerHTML:{__html:f("toolPage.toolReviewer",{expert_name:`<a style="text-decoration: underline" href="${r}">${l.reviewed_by.display_name}</a>`,date:l.reviewed_date})}}):void 0,isMobile:u}),j.default.createElement(s.StyledContent,{onSubmit:e=>e.preventDefault(),className:"ovulation-cal","data-is-side":d},j.default.createElement(s.OvulationCalculator,{siteType:c,locale:a,onSubmitOvulation:e,isSide:d})))},exports.PWGCardEmbed=({locale:a,onClick:l,inputErrorMessage:n,pwgContent:r,onFormChange:d,info:c,isMobile:u,isSide:g=!1,siteType:p})=>{var h;const{t:v}=y.useTranslations(),[E,b]=e.useState("notwins"),[w,S]=e.useState({label:"1",value:1}),x=e.useMemo((()=>[...Array(40)].map(((e,t)=>({label:`${t+1}`,value:`${t+1}`})))),[]),{getHealthToolLink:T}=B.useHealthToolsCache(a),N=e.useMemo((()=>T(k.HEALTH_TOOL_TYPE.PWG)),[T]),_=(null===(h=null==r?void 0:r.reviewedBy)||void 0===h?void 0:h.display_name)?j.default.createElement(t.Text,{size:"n1",color:i.theme.colors.white,dangerouslySetInnerHTML:{__html:v("toolPage.toolReviewer",{expert_name:`<a style="text-decoration: underline" href="${D.formatUserProfileUrl(r.reviewedBy)}">${r.reviewedBy.display_name}</a>`,date:r.reviewedDate})}}):void 0;return j.default.createElement(s.StyledContainer,{"data-is-side":g,"data-site":p},j.default.createElement(s.ToolsBannerCard,{siteType:p,bannerUrl:o.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),bannerColor:"marryBaby"===p&&i.theme.mbColors.mint,isEmbeded:!0,icon:j.default.createElement("img",{alt:"health-tool-icon",src:null==r?void 0:r.featuredImage,style:"marryBaby"!==p?{objectFit:"contain",marginLeft:"auto",maxWidth:"100%"}:null}),heading:v("pregnancyWeightGain.heading"),medicalReview:_,isMobile:u,isSide:g}),j.default.createElement(C.Container,null,j.default.createElement(s.StyledContent,{onSubmit:e=>e.preventDefault(),className:"pwg-view-mobile","data-is-side":g},"marryBaby"!==p&&j.default.createElement(s.StyledTwins,{className:"hide-asking-mobile","data-is-side":g},j.default.createElement(L.Label,{size:"label2",style:{display:"block",fontWeight:"bold",color:i.theme.colors.gray600,fontSize:"12px"},className:"label",htmlFor:"gender-selector"},v("pregnancyWeightGain.havingTwins")),j.default.createElement(s.StyledRadioGroup,{options:[{value:"twins",label:v("switchBtn.yes")},{value:"notwins",label:v("switchBtn.no")}],value:E,onChange:e=>b(e),className:"gender-selector",id:"twins-check",type:"circle",direction:"horizontal",size:"small",group:"group1"})),j.default.createElement(s.StyledInputWrapper,null,j.default.createElement(s.StyledFormInput,{className:"input-section input-form-pwg","data-is-side":g},"marryBaby"===p?j.default.createElement(s.StyledDropDown,{groupedWithLabel:v("pregnancyWeightGain.weekInput"),options:x,placeholder:"28 days",id:"due-date-dropdown",size:"lg",value:w,onChange:e=>S({label:e.label,value:e.value})}):j.default.createElement(j.default.Fragment,null,j.default.createElement(L.Label,{size:"label2",style:{display:"inline-block",marginBottom:"9px",color:i.theme.colors.gray600,fontWeight:"bold",fontSize:"12px"},htmlFor:"gender-selector"},v("pregnancyWeightGain.weekInput")),j.default.createElement(s.Dropdown,{options:x,placeholder:String(w.label),id:"weight-gain-dropdown",size:"md",value:w,onChange:e=>S({label:e.label,value:e.value})}))),j.default.createElement(Ae,{siteType:p,info:c,errorMessage:n,onChange:d})),"marryBaby"!==p&&j.default.createElement(s.StyledTwins,{className:"hide-asking-desk","data-is-side":g},j.default.createElement(L.Label,{size:"label2",style:{display:"block",fontWeight:"bold",color:i.theme.colors.gray600,fontSize:"12px"},className:"label",htmlFor:"gender-selector"},v("pregnancyWeightGain.havingTwins")),j.default.createElement(s.StyledRadioGroup,{options:[{value:"twins",label:v("switchBtn.yes")},{value:"notwins",label:v("switchBtn.no")}],value:E,onChange:e=>b(e),className:"gender-selector",id:"twins-check-mobile",type:"circle",direction:"horizontal",size:"small",group:"group1"})),"marryBaby"===p&&j.default.createElement(K,{name:"twins",label:v("pregnancyWeightGain.havingTwins"),checked:"twins"===E,siteType:"marryBaby",onChange:()=>{b("twins"===E?"notwins":"twins")},value:"twins"}),j.default.createElement(s.StyledSubmitButton,{"data-is-side":g,"data-site":p},j.default.createElement(f.Button,{dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${m.domainLocales["marryBaby"===p?"vi-VN_MB":a]}/${N}`,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===p?"secondary":"primary",onClick:()=>l(E,w.value),role:"button"},v("dueDatePage.lastPeriod.calculate"))))))},exports.Pagination=({className:t,pagesAmount:n,currentPage:r,onChange:o,onClick:i,style:s,href:d,queryPageName:c="page"})=>{const u=[...Array(n)].map(((e,t)=>t+1)),[m,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))},v=e=>{i&&i(e)};return e.useEffect((()=>{f(r)}),[r]),j.default.createElement(a.StyledPagination,{className:t,style:s},j.default.createElement(a.StyledPageBlock,{className:"prev-page",onClick:()=>h(m-1),"data-last-page":1===m||void 0},g?j.default.createElement("a",{href:l.formatUrlWithPageParam(g,m,c),onClick:v},j.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},j.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):j.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},j.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),u.length>8?j.default.createElement(Q,{pagesAmount:n,activePage:m,handlePageChange:h,handleClick:v,href:g,queryPageName:c}):u.map((e=>j.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===m||void 0,onClick:()=>h(e)},g?j.default.createElement("a",{href:l.formatUrlWithPageParam(g,e,c),onClick:v},e):e))),j.default.createElement(a.StyledPageBlock,{className:"next-page",onClick:()=>h(m+1),"data-last-page":m===p+1||void 0},g?j.default.createElement("a",{href:l.formatUrlWithPageParam(g,m,c),onClick:v},j.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},j.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):j.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},j.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})=>j.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 j.default.createElement(s.StyledTrackContainer,Object.assign({},a,{className:t}),j.default.createElement(s.StyledTrack,null))},f=j.default.createElement(s.StyledSlider,{className:o+" progress-bar"},j.default.createElement(m,null),j.default.createElement((({trackLength:e,activeStep:t,labelPrefix:l="Step",onChange:n})=>j.default.createElement(j.default.Fragment,null,Array.from({length:a},((e,t)=>t)).map(((r,o)=>j.default.createElement(s.StyledStep,{"data-is-active":o===t,"data-label":o,style:{left:o*e/(a-1)},onClick:()=>{n&&n(o)},key:o},o+1,j.default.createElement(s.StyledStepLabel,{"data-step-passed":o<=t},l+" "+(o+1))))))),{trackLength:c,activeStep:l,labelPrefix:n,onChange:i})),g=j.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 5.5 9.5"},j.default.createElement("title",null,"chevron-right"),j.default.createElement("path",{d:"M.75 8.75l4-4-4-4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),p=j.default.createElement(s.StyledBreadcrumbContainer,null,r&&Array.from({length:r.length},((e,t)=>t)).map(((e,t)=>{var a;return j.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=j.default.createElement(s.StyledSlider,{className:o+" progress-bar"},j.default.createElement((({detailSteps:e,activeStep:t,onChange:a})=>j.default.createElement(j.default.Fragment,null,Array.from({length:e.length},((e,t)=>t)).map(((l,n)=>j.default.createElement(s.StyledDetailStep,{key:n,style:{left:100/e.length*n+"%",width:100/e.length+"%"},onClick:()=>{a&&a(n)}},e[n].icon?j.default.createElement(s.StyledDetailStepIndicatorExternal,{onClick:()=>{a&&a(n)}},e[n].icon):j.default.createElement(s.StyledDetailStepIndicator,{"data-is-active":n===t,"data-label":l,onClick:()=>{a&&a(n)},key:n},n+1),j.default.createElement(s.StyledDetailStepLabel,{"data-step-passed":n<t+1},e[n].text,j.default.createElement(s.StyledDetailStepDescription,null,e[n].description)),n<e.length-1&&j.default.createElement(m,{"data-step-passed":n<t,trackClassName:"progress-track","data-track-type":"detail"})))))),{activeStep:l,detailSteps:r,onChange:i})),v=e.useCallback(G.default((()=>{const e=document.querySelector(".progress-bar");e&&u(e.offsetWidth)}),1e3),[]);return e.useEffect((()=>{const e=document.querySelector(".progress-bar");return u(null==e?void 0:e.offsetWidth),window.addEventListener("resize",v,{passive:!0}),()=>{window.removeEventListener("resize",v)}}),[]),"step-track"===t&&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 j.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?j.default.createElement(J,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l}):t+1===g+p?j.default.createElement(ee,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l}):j.default.createElement(X,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l})})))},exports.ScrollList=({row:t=2,column:a=3,isDotsShown:l=!0,isImageGalleryShown:n=!1,mode:r="infinity",type:o="separated",distanceOverlappedLeft:i={amount:0,unit:"pixel"},children:d,className:c,isProgressShown:u=!1,statusChildren:m,isArrowShown:f=!1,classNameLeftArrow:g,classNameRightArrow:p,dataEventCategory:h,dataEventAction:v,dataEventLabel:y,onChangePage:E,page:b,customPageWidth:C,scheme:w="hellosites",arrowType:k="Discover"})=>{const S="number"==typeof b,[x,T]=e.useState(S?b:0),N=[];j.default.Children.map(d,((e,l)=>{l%(t*a)==0&&N.push([]),N[N.length-1].push(j.default.cloneElement(e))}));const B=e.useRef(),L=e.useRef(0),D=e=>{if(!B.current)return;const{clientWidth:t}=B.current,a=C||t,l="intertwined"===o?"percentage"===i.unit?e*a+i.amount/100*a*e:e*a+i.amount*a*e:e*a;B.current.scrollTo({top:0,left:l,behavior:"smooth"}),L.current=e,T(e),E&&E(e)};e.useEffect((()=>{"number"==typeof b&&(e=>{if(!B.current)return;const{clientWidth:t}=B.current,a=C||t,l="intertwined"===o?"percentage"===i.unit?e*a+i.amount/100*a*e:e*a+i.amount*a*e:e*a;B.current.scrollTo({top:0,left:l,behavior:"smooth"}),L.current=e,T(e)})(b)}),[b]);const _=e=>{if(!B.current)return;const{clientWidth:t}=B.current,a=C||t;let l;l=0===x?0:x*a,"forward"===e&&(l===a*(N.length-1)?(T(N.length-1),l=a*(N.length-1),E&&E(N.length-1)):(T(x+1),l+=a,E&&E(x+1)),B.current.scrollTo({top:0,left:l,behavior:"smooth"})),"back"===e&&(0===l?(T(0),E&&E(0),l=0):(T(x-1),E&&E(x-1),l-=a),B.current.scrollTo({top:0,left:l,behavior:"smooth"}))},I=G.default((()=>{if("infinity"===r){if(!B.current)return;const{clientWidth:e,scrollLeft:t}=B.current,a=C||e,l=Math.floor(t/a);T(l),E&&E(l)}}),400);return e.useEffect((()=>{if("snapped"===r){let e,t,a,l,n,r,s=!1;const d=B.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,!B.current)return;const{clientWidth:e}=B.current,t=C||e,n="ltr"===r?0!==L.current?L.current-1:L.current:"rtl"===r&&L.current<N.length-1?L.current+1:L.current,d="intertwined"===o?"percentage"===i.unit?n*t+i.amount/100*t*n:n*t+i.amount*t*n:n*t;B.current.scrollTo({top:0,left:d,behavior:"smooth"}),r="none",L.current!==n&&(L.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)}}}),[]),j.default.createElement(s.StyledScrollList,{className:c,"data-row":t,onScroll:I},f&&x>0&&j.default.createElement("div",{className:`${g} arrow-left`,onClick:()=>_("back"),"data-event-category":h,"data-event-action":v,"data-event-label":y},"Care"===k?j.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},j.default.createElement("g",{filter:"url(#filter0_dd_12599_34420)"},j.default.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3V3C31.8368 3 39.0002 10.1634 39.0002 19V19C39.0002 27.8366 31.8368 35 23.0002 35V35C14.1637 35 7.00024 27.8366 7.00024 19V19Z",fill:"white"}),j.default.createElement("path",{d:"M20.9293 19L24.7503 15.179C25.1643 14.765 25.1643 14.093 24.7503 13.679C24.3363 13.265 23.6643 13.265 23.2503 13.679L18.6363 18.293C18.2453 18.684 18.2453 19.317 18.6363 19.707L23.2503 24.321C23.6643 24.735 24.3363 24.735 24.7503 24.321C25.1643 23.907 25.1643 23.235 24.7503 22.821L20.9293 19Z",fill:"#595959"}),j.default.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),j.default.createElement("defs",null,j.default.createElement("filter",{id:"filter0_dd_12599_34420",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},j.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),j.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),j.default.createElement("feOffset",{dx:"-2",dy:"2"}),j.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),j.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),j.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12599_34420"}),j.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),j.default.createElement("feOffset",{dx:"-1",dy:"1"}),j.default.createElement("feGaussianBlur",{stdDeviation:"1"}),j.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),j.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12599_34420",result:"effect2_dropShadow_12599_34420"}),j.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12599_34420",result:"shape"})))):j.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},j.default.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),j.default.createElement("path",{d:"M15.9997 11.1109L11.1108 15.9998L15.9997 20.8887",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),j.default.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),j.default.createElement("div",{ref:B,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 j.default.createElement("div",{key:l,className:"section",style:{marginLeft:"intertwined"===o&&0!==l?i.amount+""+("percentage"===i.unit?"%":"px"):"0px"}},1===t&&u&&j.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 j.default.createElement("div",{className:"items-progress",key:a},0===a&&0===l?j.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):j.default.createElement("div",{className:"line"}),j.default.createElement("div",{className:"icon-status"},j.default.createElement(me,{status:null==o?void 0:o.status})),l===N.length-1&&a===e.length-1?j.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):j.default.createElement("div",{className:"line"}))}))),j.default.createElement("div",{className:"grid-layout","data-index":l,style:{gridTemplateColumns:`repeat(${a}, 1fr)`,gridTemplateRows:`repeat(${t}, 1fr)`}},e.map(((e,t)=>j.default.createElement(j.default.Fragment,{key:t},j.default.createElement("div",{className:"item-grid",key:t},e))))))}))),f&&x<N.length-1&&j.default.createElement("div",{className:`${p} arrow-right`,onClick:()=>_("forward"),"data-event-category":h,"data-event-action":v,"data-event-label":y}," ","Care"===k?j.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},j.default.createElement("g",{filter:"url(#filter0_dd_12597_34423)"},j.default.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3C31.8368 3 39.0002 10.1634 39.0002 19C39.0002 27.8366 31.8368 35 23.0002 35C14.1637 35 7.00024 27.8366 7.00024 19Z",fill:"white"}),j.default.createElement("path",{d:"M24.0712 19L20.2502 15.179C19.8362 14.765 19.8362 14.093 20.2502 13.679C20.6642 13.265 21.3362 13.265 21.7502 13.679L26.3642 18.293C26.7552 18.684 26.7552 19.317 26.3642 19.707L21.7502 24.321C21.3362 24.735 20.6642 24.735 20.2502 24.321C19.8362 23.907 19.8362 23.235 20.2502 22.821L24.0712 19Z",fill:"#595959"}),j.default.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),j.default.createElement("defs",null,j.default.createElement("filter",{id:"filter0_dd_12597_34423",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},j.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),j.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),j.default.createElement("feOffset",{dx:"-2",dy:"2"}),j.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),j.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),j.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12597_34423"}),j.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),j.default.createElement("feOffset",{dx:"-1",dy:"1"}),j.default.createElement("feGaussianBlur",{stdDeviation:"1"}),j.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),j.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12597_34423",result:"effect2_dropShadow_12597_34423"}),j.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12597_34423",result:"shape"})))):j.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},j.default.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),j.default.createElement("path",{d:"M15.9998 20.8891L20.8887 16.0002L15.9998 11.1113",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),j.default.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),l&&j.default.createElement("ul",{className:"bullet-nav"},N.map(((e,t)=>j.default.createElement("li",{key:t,className:"bullet-nav__item "},j.default.createElement("p",{onClick:()=>D(t),className:`bullet-nav__link scroll ${x==t?"active":null}`,"data-scheme":w}))))),n&&j.default.createElement("div",{className:"image-gallery-wrapper","data-test":N.length},N.slice(0,3).map(((e,t)=>j.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,f,g,h,v,y,E,b,C,w,k,S;const{totalPages:x,currentPage:T,SEOTitle:N="",SEODescription:B="",SEOImage:L,seoType:D,SEOImageWidth:_,SEOImageHeight:I,customMetaData:M=[],isIndexable:A=!0,hasNoCanonical:P=!1}=t,z=A&&p.isProduction?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",{NEXT_PUBLIC_BASE_API_URL:F}=process.env;let O=t.canonicalUrl||l;Object.keys(n).forEach((e=>{const t=n[e];t&&Array.isArray(t)&&(O=O.replace(`[...${e}]`,t.join("/")))}));const H=a||"en-PH",$="helloSites"===o?m.domainLocales[H]:"www.marrybaby.vn",G=O.endsWith("/")?"":"/",R=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://${$}${O}${G}" />`,`<link rel="canonical" href="https://${$}${O}${G}?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,j.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(l=t.openGraph)||void 0===l?void 0:l.image)||L||e||""}),j.default.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(n=t.openGraph)||void 0===n?void 0:n.image)||L||e}),j.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)||_&&String(_)||"1200"}),j.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)||I&&String(I)||"630"})]}}return c}),[t.apiMetaData,t.openGraph,L,I,_,T,O,x,a,$]),W=`https://${$}/images/${a}.png`;return j.default.createElement(r,null,j.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===o&&j.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===a?j.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===a||"ms-MY"===a?j.default.createElement(j.default.Fragment,null):j.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"}),j.default.createElement("link",{rel:"preconnect",href:F}),j.default.createElement("meta",{charSet:"UTF-8"}),j.default.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),j.default.createElement("meta",{name:"google",content:"notranslate"}),j.default.createElement("meta",{name:"robots",content:z}),j.default.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),M.map(((e,t)=>j.default.createElement("meta",Object.assign({key:t},e)))),j.default.createElement("meta",{name:"theme-color",content:"helloSites"===o?"#2c87f3":"#e85388"}),j.default.createElement("meta",{name:"page_type",content:"Home"}),j.default.createElement("meta",{name:"page_platform",content:"WEB"}),j.default.createElement("meta",{name:"page_language",content:H}),j.default.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),!R&&j.default.createElement(j.default.Fragment,null,"helloSites"===o?j.default.createElement("title",null,i?N:N+" - "+(null===(u=m.LOCALE_SPECS[a])||void 0===u?void 0:u.SITE_NAME)):j.default.createElement("title",null,N),!P&&j.default.createElement("link",{rel:"canonical",href:`https://${$}${O}`}),j.default.createElement("meta",{name:"description",content:B||(null===(f=t.openGraph)||void 0===f?void 0:f.description)}),t.schemaData&&j.default.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:t.schemaData}}),j.default.createElement("meta",{property:"og:locale",content:a}),j.default.createElement("meta",{property:"og:type",content:D||"website"}),j.default.createElement("meta",{property:"og:title",content:(null===(g=t.openGraph)||void 0===g?void 0:g.title)||N}),j.default.createElement("meta",{property:"og:description",content:(null===(h=t.openGraph)||void 0===h?void 0:h.description)||B}),j.default.createElement("meta",{property:"og:url",content:`https://${$}${O}`}),j.default.createElement("meta",{property:"og:site_name",content:`https://${$}`}),j.default.createElement("meta",{property:"og:image",content:(null===(v=t.openGraph)||void 0===v?void 0:v.image)||L||W||""}),j.default.createElement("meta",{property:"og:image:secure_url",content:(null===(y=t.openGraph)||void 0===y?void 0:y.image)||L||W}),j.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)||_&&String(_)||"1200"}),j.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)||I&&String(I)||"630"}),j.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),j.default.createElement("meta",{name:"twitter:title",content:(null===(k=t.twitter)||void 0===k?void 0:k.title)||N}),j.default.createElement("meta",{name:"twitter:description",content:B}),j.default.createElement("meta",{name:"twitter:image",content:(null===(S=t.twitter)||void 0===S?void 0:S.image)||L})),("helloSites"===o?m.FAVICONS[H]||[]:m.FAVICONS.marryBaby).map(((e,t)=>"link"===e.type?j.default.createElement("link",{key:`favicon-${t}`,rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?j.default.createElement("meta",{key:t,name:e.name,content:e.content}):null)),Array.isArray(R)&&c?R.filter((e=>"canonical"!==e.props.name&&"canonical"!==e.props.rel)):R,c&&j.default.createElement("link",{rel:"canonical",href:c}),!t.hasNoAmp&&"vi-VN"!==a&&j.default.createElement("link",{rel:"amphtml",href:`https://${$}${O}${G}?amp=1`}),d&&"undefined"!=typeof window?j.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})=>j.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}=y.useTranslations(),u=z.getSocialList(a||"").filter((e=>!e.allowedLocales||e.allowedLocales.includes(r))),m=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return j.default.createElement(s.StyledShareContainer,null,j.default.createElement(t.Text,{size:"p3",color:i.theme.colors.gray800},c("shareContainer.title")),j.default.createElement("div",{className:"icon-group"},u.map(((e,t)=>j.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer","data-event-category":"Health Tool","data-event-action":`Social Share - ${e.name}`,"data-event-label":m},e.icon))),j.default.createElement(n.Button,{theme:o,size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:j.default.createElement(Ge,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,g=d.__rest(a,["open","title","onClose","onCopied","onShared","url","locale"]);const{t:p}=y.useTranslations(),h=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]),v=z.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:j.default.createElement(s.StyledShareDrawer,Object.assign({title:p("share.title"),onClose:o,open:l,placement:"bottom"},g),j.default.createElement("div",{className:"share-container"},j.default.createElement("div",{className:"icon-container"},j.default.createElement(t.Text,{type:"semiBold",size:"s3",color:i.theme.colors.gray600},p("share.title")),j.default.createElement("div",{className:"icon-group"},v.map(((e,t)=>j.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer"},e.icon))))),j.default.createElement("div",{className:"link-container"},j.default.createElement(t.Text,{type:"semiBold",size:"s3",color:i.theme.colors.gray600},p("share.copyLink")),j.default.createElement("div",{className:"input-group"},j.default.createElement(b.Input,{name:"link",size:"md",value:m,isDisabled:!0}),j.default.createElement(n.Button,{size:"md",type:"button",color:"tertiary",icon:j.default.createElement(Re,null),onClick:h})))))},exports.StatisticCard=({type:e,description:t,value:a,withIcon:l,isInACard:n,cardColor:r,className:o})=>j.default.createElement(s.StyledStatisticContainer,{className:o,"data-size":e,"data-is-in-card":"big"===e&&n,"data-card-color":r},j.default.createElement(s.StyledDescriptionWrapper,null,"small"===e&&j.default.createElement(s.StyledDot,{"data-color":r}),t),j.default.createElement(s.StyledStatisticNumberWrapper,{"data-size":e},"small"!==e&&l,a)),exports.SurveyThankyouCard=({thankyou:e,thankyouSubtitle:l,className:n,style:r})=>j.default.createElement(s.StyledSurveyQuestionCard,{className:n,style:r},j.default.createElement("div",{className:"survey-inner-wrapper"},j.default.createElement(s.StyledSurveyThankyouCard,null,j.default.createElement("div",{className:"survey-thankyou-wrapper-inner"},j.default.createElement("svg",{viewBox:"0 0 122 122",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"survey-thankyou-icon"},j.default.createElement("path",{d:"M61.5 122c33.137 0 60-26.863 60-60S94.637 2 61.5 2s-60 26.863-60 60 26.863 60 60 60Z",fill:i.theme.colors.primary50}),j.default.createElement("ellipse",{cx:"61.5",cy:"110.36",rx:"48",ry:"3.36",fill:"#91CAFF"}),j.default.createElement("path",{d:"M82.905 72.666H101.5L87.597 40H35.403L21.5 72.666h18.595V91H83.08l-.174-18.334Z",fill:"#2C74DF"}),j.default.createElement("path",{d:"M74.4 15H39.863a5.364 5.364 0 0 0-5.363 5.363v52.214a5.364 5.364 0 0 0 5.363 5.363h43.273a5.364 5.364 0 0 0 5.363-5.363V21a6 6 0 0 0-6-6H74.4Z",fill:"#fff"}),j.default.createElement("path",{d:"M88.853 80.108H34.147a4.055 4.055 0 0 1-4.087-4.074v-10.65c0-2.27 1.81-4.074 4.087-4.074h54.706a4.055 4.055 0 0 1 4.087 4.074v10.65c0 2.27-1.81 4.074-4.087 4.074Z",fill:"#E4E8EC"}),j.default.createElement("path",{d:"M90.838 85.451H32.162a4.055 4.055 0 0 1-4.087-4.074v-10.65c0-2.27 1.81-4.074 4.087-4.074H90.78a4.055 4.055 0 0 1 4.087 4.074v10.65c.058 2.27-1.81 4.074-4.029 4.074Z",fill:"#fff"}),j.default.createElement("path",{d:"M103.748 75.492v30.263c0 1.92-1.576 3.492-3.503 3.492H23.003c-1.927 0-3.503-1.572-3.503-3.492V75.492c0-1.92 1.576-3.492 3.503-3.492h19.384c1.926 0 3.503 1.571 3.503 3.492v5.354c0 .35.233.582.584.582h30.3c.351 0 .585-.233.585-.582v-5.354c0-1.92 1.576-3.492 3.503-3.492h19.383c1.927 0 3.503 1.571 3.503 3.492Z",fill:"#45A4FF"}),j.default.createElement("path",{stroke:"#2C74DF",d:"M51.954 91.377v3.084c0 1.63 1.285 2.91 2.92 2.91h12.844c1.635 0 2.92-1.28 2.92-2.91v-3.084"}),j.default.createElement("path",{d:"M120.5 38.025c-2-.246-3.25 1.352-2.375 3.195l.25.737c.75 1.844-.375 3.441-2.375 3.195l-.75-.123c-2-.245-3.25 1.352-2.375 3.195l.375.738c.75 1.843-.375 3.44-2.375 3.195l-.75-.123c-1.5-.123-2.625.737-2.625 1.966",stroke:"#FE921D"}),j.default.createElement("path",{d:"M1.533 62c-.269 1.413 1.142 2.337 2.82 1.848l.672-.218c1.678-.543 3.089.38 2.82 1.848l-.134.544c-.269 1.413 1.141 2.337 2.82 1.848l.671-.218c1.68-.543 3.09.38 2.82 1.848l-.134.543c-.201 1.087.538 1.848 1.612 1.957M118 92a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM82 3.187l1.188 4.348 4.347-1.188L86.347 2 82 3.187Z",stroke:"#00B16A"}),j.default.createElement("path",{stroke:"#FE921D",d:"M17 28a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"}),j.default.createElement("path",{d:"M61.5 26.667c-7.364 0-13.333 5.97-13.333 13.333 0 7.364 5.969 13.333 13.333 13.333S74.833 47.364 74.833 40 68.864 26.667 61.5 26.667Zm7.61 10.276-9.334 9.333a1.33 1.33 0 0 1-1.885 0l-4-4a1.332 1.332 0 1 1 1.885-1.885l3.057 3.057 8.391-8.39a1.332 1.332 0 1 1 1.885 1.885Z",fill:"#00CB8A"})),e&&j.default.createElement(a.Heading,{className:"survey-thankyou-title",tag:"h3"},e),l&&j.default.createElement(t.Text,{className:"survey-thankyou-subtitle",size:"p3"},l))))),exports.THRCardEmbed=({isSide:l,locale:n,thrContent:r,isMobile:d,info:c,inputErrorMessage:u,onFormChange:f,onSubmit:g})=>{var p,h,v;const{t:E}=y.useTranslations(),{getHealthToolLink:b}=B.useHealthToolsCache(n),w=e.useMemo((()=>b(k.HEALTH_TOOL_TYPE.THR)),[b]),[S,T]=e.useState(!1),[_,I]=e.useState("low_intensity"),[M,A]=e.useState("male"),[P,z]=e.useState(60),[F,O]=e.useState({idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40}),H=[{idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40},{idAge:1,minAge:18,maxAge:25,rangeMale:49,rangeFemale:54},{idAge:2,minAge:25,maxAge:35,rangeMale:49,rangeFemale:54},{idAge:3,minAge:35,maxAge:45,rangeMale:50,rangeFemale:54},{idAge:4,minAge:45,maxAge:55,rangeMale:50,rangeFemale:54},{idAge:5,minAge:55,maxAge:65,rangeMale:51,rangeFemale:54},{idAge:6,minAge:65,maxAge:120,rangeMale:50,rangeFemale:54}],$=[{value:"low_intensity",label:E("targetHeartRate.lowIntensity.title"),image:o.CommonGAssets.getAssetPath("/low.svg"),imageActive:o.CommonGAssets.getAssetPath("/low-active.svg"),content:E("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:E("targetHeartRate.moderateIntensity.title"),image:o.CommonGAssets.getAssetPath("/moderate.svg"),imageActive:o.CommonGAssets.getAssetPath("/moderate-active.svg"),content:E("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:E("targetHeartRate.aerobicZone.title"),image:o.CommonGAssets.getAssetPath("/aerobic.svg"),imageActive:o.CommonGAssets.getAssetPath("/aerobic-active.svg"),content:E("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:E("targetHeartRate.vigorousIntensity.title"),image:o.CommonGAssets.getAssetPath("/vigorous.svg"),imageActive:o.CommonGAssets.getAssetPath("/vigorous-active.svg"),content:E("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:E("targetHeartRate.maximumIntensity.title"),image:o.CommonGAssets.getAssetPath("/maximum.svg"),imageActive:o.CommonGAssets.getAssetPath("/maximum-active.svg"),content:E("targetHeartRate.maximumIntensity.note")}],G=e.useMemo((()=>[{value:"male",label:E("gender.male"),content:j.default.createElement(a.Icon.GenderChooseBoy,null)},{value:"female",label:E("gender.female"),content:j.default.createElement(a.Icon.GenderChooseGirl,null)}]),[]);return e.useEffect((()=>{const e=((new Date).getTime()-new Date(null==c?void 0:c.age).getTime())/1e3;T(e>=567648e3);const t=H.find((t=>e>=365*t.minAge*24*60*60&&e<365*t.maxAge*24*60*60))||H[0];O(t),z(60)}),[null==c?void 0:c.age]),j.default.createElement(s.StyledContainer,{"data-is-side":l},j.default.createElement(s.ToolsBannerCard,{isSide:l,bannerUrl:o.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),icon:j.default.createElement("img",{alt:"health-tool-icon",src:null==r?void 0:r.featured_image,style:{objectFit:"contain",marginLeft:"auto",maxWidth:"100%"}}),heading:E("targetHearRate.heading"),medicalReview:(null===(p=null==r?void 0:r.reviewedBy)||void 0===p?void 0:p.display_name)?j.default.createElement(t.Text,{size:"n1",color:i.theme.colors.white},j.default.createElement("span",{dangerouslySetInnerHTML:{__html:E("toolPage.toolReviewer",{expert_name:`<a\n                      style="color: white"\n                      href="${D.formatUserProfileUrl(null==r?void 0:r.reviewedBy)}"\n                    >\n                      ${null===(h=null==r?void 0:r.reviewedBy)||void 0===h?void 0:h.display_name}\n                    </a>`,date:null==r?void 0:r.reviewedDate})}}),j.default.createElement("span",null)):void 0,isMobile:d}),j.default.createElement(C.Container,null,j.default.createElement(s.StyledContent,{className:"heart-rate-cal",onSubmit:e=>e.preventDefault(),"data-is-side":l},j.default.createElement(s.StyledRow$1,{"data-is-side":l},j.default.createElement(s.FormControl$1,null,j.default.createElement(s.StyledInput$1,{size:"md",name:"gender",label:E("bmi.selectGender"),CustomInput:j.default.createElement(N.RadioImageGroup,{options:G,value:M,onChange:e=>{A(e),z(60)},className:"bmi--input-radio_gender"}),className:"bmi--input bmi--input-gender"}))),j.default.createElement(s.StyledRow$1,null,j.default.createElement(Ce,{info:c,locale:n,errorMessage:u,onChange:f})),j.default.createElement("div",{className:"slider-heart-rate"},j.default.createElement(L.Label,{size:"label2",style:{display:"inline-block",marginBottom:"9px",color:i.theme.colors.gray600,fontWeight:"bold",fontSize:"12px"},htmlFor:"gender-selector"},E("targetHeartRate.heartRateInput")),j.default.createElement("div",{className:"slider-outer-wrapper"},j.default.createElement(x.Slider,{containerStyle:{flex:1},min:"male"===M?F.rangeMale:F.rangeFemale,max:200,step:1,value:P,withControl:!0,onChange:z}))),S&&j.default.createElement(s.FormControl$1,null,j.default.createElement(s.StyledActive,null,j.default.createElement(L.Label,{size:"label2",style:{display:"inline-block",fontWeight:"bold",color:i.theme.colors.gray600,marginBottom:"9px"},htmlFor:"gender-selector"},E("targetHeartRate.selectActive")),j.default.createElement("div",{className:"card"},j.default.createElement(be,{options:$.map((e=>({value:e.value,label:e.label,image:e.image,imageActive:e.imageActive}))),value:_,onChange:e=>{I(e)},className:"gender-selector"})),_&&j.default.createElement("div",{className:"note"},j.default.createElement("img",{style:{height:"16px",width:"16px"},src:o.CommonGAssets.getAssetPath("/infoIcon.svg"),alt:""}),j.default.createElement(t.Text,{size:"n1",color:"#595959"},null===(v=$[$.findIndex((e=>e.value==_))||0])||void 0===v?void 0:v.content)),!_&&j.default.createElement("span",{style:{color:"#e64728"}},u.intensity)))),j.default.createElement("div",{style:{display:"flex"}},j.default.createElement(s.StyledButton$1,{size:"lg",onClick:()=>{g(M,_,[P])},dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:`https://${m.domainLocales[n]}/${w}`},E("bmi.submit")))))},exports.Tabs=({style:t,initialTab:a,tabContent:l,onChange:n,className:r,dataEventCategory:o,dataEventAction:i,dataEventLabel:d,id:c,styles:u})=>{const{classes:m,cx:g,theme:p}=s.useStyles$1(void 0,{name:"Tabs",styles:u}),[h,v]=e.useState(a||0);return e.useEffect((()=>{v(a)}),[a]),j.default.createElement("ul",{style:t,className:g(m.root,r),role:"tablist",id:c},l.map(((e,t)=>j.default.createElement("li",{className:`${m.item} ${h===t?"active":""}`,"aria-selected":h===t,role:"tab",onClick:()=>{v(t),n&&n(t)},onKeyDown:e=>{"Enter"===e.key&&(v(t),n&&n(t))},key:t,"data-event-category":e.dataEventCategory||o,"data-event-action":e.dataEventAction||i,"data-event-label":e.dataEventLabel||d,tabIndex:0,"data-testid":e.dataTestid},j.default.createElement("div",{className:m.itemInner},e.icon&&j.default.createElement("div",{className:m.icon},e.icon),j.default.createElement(f.Text,{className:m.label,size:e.textSize||"sm",weight:e.textType||"bold",color:h===t?p.fn.primaryColor():e.textColor||p.colors.gray[4],dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel},e.name))))))},exports.Tag=({type:e,children:l,style:n,isInline:r,isSquared:o=!1,className:i,isLight:s,hasMorePadding:d,isLink:c,isSelected:u,textProps:m={size:"sm"}})=>{const f=m.color?{"--text-props-color":m.color}:{};return j.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},j.default.createElement(t.Text,Object.assign({},m),l))},exports.Toggle=({className:e,id:t,onChange:l,checked:n,style:r,label:o})=>j.default.createElement(a.StyledToggle,{className:e,style:r},j.default.createElement("input",{type:"checkbox",id:t,onChange:l,checked:n}),j.default.createElement("label",{htmlFor:t},j.default.createElement(a.StyledToggleIcon,null),o&&j.default.createElement(a.StyledToggleLabel,null,o))),exports.UnderlinedLink=({size:e,isDisabled:t,className:l,link:n,style:r})=>j.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 j.default.createElement(a.StyledUploader,{className:c},"badge"===e?j.default.createElement(a.StyledElementContainer,{onClick:u,"data-is-attached-to-element":!!o},o,j.default.createElement(a.StyledIconWrapper,{"data-is-attached-to-element":!!o},t)):o?j.default.createElement("div",{onClick:u},o):j.default.createElement(n.Button,{size:"md",color:"secondary",className:"default-button",icon:t,onClick:u},j.default.createElement(a.StyledDefaultButtonContent,null,j.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"},j.default.createElement("defs",null,j.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),j.default.createElement("title",null,"upload"),j.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")),j.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.index=ue,exports.index$1=fe;