@hhgtech/hhg-components 1.27.144 → 1.27.145

package/build/esm/{index-4ae15223.js → index-c57bf825.js}

@@ -1,4 +1,4 @@
-import e,{useState as t,useRef as a,useMemo as n,useEffect as i,Fragment as r,memo as o,useCallback as l,useImperativeHandle as s,forwardRef as c,createContext as d,useContext as m}from"react";import{T as p,I as h}from"./index-c5861cd4.js";import{f as u,g,h as b,i as f,j as v,k as y,l as x,m as w,n as E,o as k,p as C,q as S,r as N,s as B,t as T,u as D,v as I,w as _,x as z,H as A,T as L,y as P,Z as $,P as M,z as O,A as j,B as F,C as H,E as R,d as U,F as V,I as W,J as G}from"./index.styles-9335371d.js";import{i as q,M as Z}from"./screenSizeContext-d90eb8b1.js";import{T as Y}from"./index-369693a3.js";import{b as X,u as K}from"./useTranslations-13a0511b.js";import"lodash/debounce";import{i as J}from"./isProduction-691e9a27.js";import{d as Q,L as ee,F as te,Q as ae,R as ne,a as ie,G as re}from"./index-dcf659dc.js";import"./useCategory-63b0bdc8.js";import{CommonGAssets as oe}from"./gAssets.js";import{t as le}from"./theme-ffd749fb.js";import{_ as se,a as ce}from"./tslib.es6-e62ba6cf.js";import{Box as de,Radio as me,Flex as pe,rem as he,Card as ue,Group as ge,createStyles as be,getStylesRef as fe,useMantineTheme as ve,Container as ye,Stack as xe,UnstyledButton as we,AspectRatio as Ee,ScrollArea as ke,Chip as Ce,Badge as Se,MultiSelect as Ne,Stepper as Be}from"@mantine/core";import Te from"innertext";import{u as De,A as Ie,a as _e,b as ze,c as Ae,d as Le,B as Pe,e as $e,I as Me,f as Oe,g as je,t as Fe}from"./index-d9539fb5.js";import"@mantine/dates";import{G as He,L as Re}from"./Onboarding-e0b6f2a2.js";import Ue from"dayjs";import Ve,{keyframes as We,css as Ge}from"styled-components";import"./translationsContext-4cce247e.js";import"string-format";import{useViewportSize as qe}from"@mantine/hooks";import{i as Ze}from"./index-2bb3ea9b.js";import Ye from"lodash/throttle";import{L as Xe}from"./index-f7318226.js";import{B as Ke}from"./index-53bb77e2.js";import{I as Je}from"./index-0dc62690.js";import{format as Qe,addDays as et,isBefore as tt,startOfMonth as at,addMonths as nt,subMonths as it,getDaysInMonth as rt,isToday as ot,isSameDay as lt,isWithinInterval as st,isAfter as ct,isPast as dt}from"date-fns";import"./utils-05673fbc.js";import"./index.styled-4424e2c6.js";import"./index-cc9220c9.js";import{D as mt}from"./types-ff49c0cf.js";import{S as pt}from"./index-91cd1f4a.js";import{M as ht}from"./index-19060178.js";import{b as ut}from"./index.styled-a9f59527.js";import{C as gt}from"./index-0286478a.js";import{useForm as bt,Controller as ft}from"react-hook-form";import{u as vt}from"./useHealthToolCache-6c675b84.js";import{yupResolver as yt}from"@hookform/resolvers/yup";import{B as xt,D as wt}from"./index-a4ac5f49.js";import{L as Et}from"./index-badf00de.js";import{f as kt}from"./index-931fc224.js";import Ct from"react-day-picker/DayPickerInput";import{a as St}from"./useOutsideClick-3f1cc940.js";import Nt from"date-fns/locale/en-US";import Bt from"date-fns/locale/id";import Tt from"date-fns/locale/vi";import Dt from"date-fns/locale/zh-TW";import{g as It}from"./getSocialList-499f25be.js";import{v4 as _t}from"uuid";import{g as zt,a as At}from"./routing-d02672e2.js";import{useForm as Lt,isNotEmpty as Pt}from"@mantine/form";import{M as $t}from"./index-369fefe5.js";import Mt from"js-cookie";import Ot from"lodash/flatten";import"react-contenteditable";import"react-dom";import jt from"lodash/uniqBy";var Ft="CHw-fZZ",Ht="_03U6VRS",Rt="EO828Vv";const Ut=({style:t,onClose:a,text:n,type:i,contentIcon:r,closeIcon:o,className:l,description:s})=>e.createElement("div",{className:`${Ft} ${l||""}`,style:t,"data-alert-type":i},e.createElement("div",{className:Ht},e.createElement("div",{className:"icon-title"},r,e.createElement(p,{weight:"bold",size:"label1"},n)),e.createElement(p,{weight:"regular",size:"p3"},s)),e.createElement("div",{className:Rt,onClick:a},o)),Vt=({amount:t,type:a,size:n="medium",color:i="primary",icon:r,className:o})=>e.createElement(u,{"data-notification-type":a,"data-notification-size":n,"data-notification-color":i,"data-has-icon":!!r||void 0,notificationType:a,notificationSize:n,notificationColor:i,hasIcon:!!r,className:o},e.createElement("div",null,t&&e.createElement("span",null,t)," ",r&&e.createElement("div",null,r))),Wt=({style:t,children:a,className:n,size:i="lg",type:r="bold",upperCase:o,as:l="h4",color:s})=>e.createElement(g,{style:Object.assign({color:s},t),className:n,"data-size":i,"data-type":r,"data-uppercase":o,as:l},a),Gt=({className:n,value:i,options:r,onUploadSelected:o,id:l,placeholderIcon:s,placeholder:c,style:d})=>{const[m,p]=t(!1),h=()=>p(!m),u=a(r.map((t=>"upload"===t.type&&e.createElement("input",{id:"uploader-dropdown-input-"+l+"-"+t.value,key:"uploader-dropdown-input-"+l+"-"+t.value,accept:t.fileAcceptedType,multiple:t.multiple,type:"file",style:{display:"none"},onChange:e=>{console.log("change"),o(e.target.files)}})))),g=e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12.17 14.83"},e.createElement("defs",null,e.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},e.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"})),e.createElement("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"File"),e.createElement("g",{clipPath:"url(#prefix__clip-path)"},e.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)"}),e.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),w=e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},e.createElement("defs",null,e.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"download"),e.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)"})),E=e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},e.createElement("defs",null,e.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"upload"),e.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 e.createElement(b,{className:n,"data-dropdown-open":!!m,id:l,"data-has-icons":!0,style:d,onBlur:()=>p(!1),tabIndex:0},e.createElement(f,{onClick:h},s||g," ",e.createElement("span",null,i&&i.value?i.label:c)),m&&e.createElement(v,{onClick:h,"data-has-icons":!0},r.map((t=>e.createElement(y,{key:`${l}-${t.value}`,"data-selected":i&&i.value===t.value||void 0,onClick:()=>{return"upload"===t.type?(a="#uploader-dropdown-input-"+l+"-"+t.value,void(null===(n=document.querySelector(a))||void 0===n||n.click())):void((e=t.url)&&window.open(e,"_blank"));var e,a,n}},e.createElement(x,null,t.icon||"download"===t.type?w:E),t.label)))),e.createElement(e.Fragment,null,u.current))},qt=({className:t,columns:a,columnsDesktop:n,gridTemplateColumns:i,gridTemplateColumnsDesktop:r,gap:o,children:l,justifyChildren:s,style:c,alignItems:d})=>e.createElement(w,{className:t,style:c,theme:{columns:a,columnsDesktop:n,gap:o,justifyChildren:s,gridTemplateColumns:i,gridTemplateColumnsDesktop:r,alignItems:d}},l),Zt=({pagesAmount:a,activePage:n,handlePageChange:o,handleClick:l,href:s,queryPageName:c="page"})=>{const d=[...Array(a)].map(((e,t)=>t+1)),[m,p]=t(n<=4?d.slice(0,5):n>=d.length-3?d.slice(d.length-5,d.length):d.slice(n-2,n+1));return i((()=>{n<=4?p(d.slice(0,5)):n>=d.length-3?p(d.slice(d.length-5,d.length)):p(d.slice(n-2,n+1))}),[n]),e.createElement(r,null,n>4&&e.createElement(r,null,e.createElement(C,{onClick:()=>o(1)},s?e.createElement("a",{href:s,onClick:l},1):1),e.createElement(C,null,"...")),m.map((t=>e.createElement(C,{key:`pagination+${t}`,"data-page-active":t===n||void 0,onClick:()=>o(t)},s?e.createElement("a",{href:q(s,t,c),onClick:l},t):t))),n<d.length-3&&e.createElement(r,null,e.createElement(C,null,"..."),e.createElement(C,{onClick:()=>o(d.length)},s?e.createElement("a",{href:q(s,d.length,c),onClick:l},d.length):d.length)))},Yt=({className:a,pagesAmount:r,currentPage:o,onChange:l,onClick:s,style:c,href:d,queryPageName:m="page"})=>{const p=[...Array(r)].map(((e,t)=>t+1)),[h,u]=t(o),g=n((()=>d&&d.endsWith("&page=")?d.replace("&page=",""):d),[d]),b=r-1,f=e=>{e<=r&&e>0&&(u(e),l(e))},v=e=>{s&&s(e)};return i((()=>{u(o)}),[o]),e.createElement(E,{className:a,style:c},e.createElement(k,{className:"prev-page",onClick:()=>f(h-1),"data-last-page":1===h||void 0},g?e.createElement("a",{href:q(g,h,m),onClick:v},e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),p.length>8?e.createElement(Zt,{pagesAmount:r,activePage:h,handlePageChange:f,handleClick:v,href:g,queryPageName:m}):p.map((t=>e.createElement(C,{key:`pagination+${t}`,"data-page-active":t===h||void 0,onClick:()=>f(t)},g?e.createElement("a",{href:q(g,t,m),onClick:v},t):t))),e.createElement(k,{className:"next-page",onClick:()=>f(h+1),"data-last-page":h===b+1||void 0},g?e.createElement("a",{href:q(g,h,m),onClick:v},e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},Xt=({type:t,size:a="small",label:n,name:i,checked:r,value:o,className:l,isDisabled:s=!1,onChange:c,dataEventCategory:d,dataEventAction:m,dataEventLabel:p})=>{const h=!!m&&!!d&&!!p?{"data-event-category":d,"data-event-action":m,"data-event-label":p}:{};return e.createElement(S,{"data-disabled":s,className:l,"data-type":t,"data-size":a},e.createElement("label",Object.assign({style:{display:"flex",alignItems:"center"}},h),e.createElement("input",Object.assign({type:"radio",checked:r,name:i,value:o,onChange:()=>c(o)},h)),n))},Kt=({type:t,children:a,style:n,isInline:i,isSquared:r=!1,className:o,isLight:l,hasMorePadding:s,isLink:c,isSelected:d,textProps:m={size:"sm"}})=>{const p=m.color?{"--text-props-color":m.color}:{};return e.createElement(N,{"data-is-squared":r||void 0,"data-tag-type":t,"data-is-light":l||void 0,"data-has-more-padding":s||void 0,"data-is-inline":i||void 0,style:Object.assign(Object.assign({},n),p),className:o,"data-is-selected":d||void 0,"data-is-link":c||void 0,tagType:t,isInline:i,tagHasMorePadding:s,tagIsLight:l,tagIsSquared:r,tagIsALink:c},e.createElement(Y,Object.assign({},m),a))},Jt=({className:t,id:a,onChange:n,checked:i,style:r,label:o})=>e.createElement(B,{className:t,style:r},e.createElement("input",{type:"checkbox",id:a,onChange:n,checked:i}),e.createElement("label",{htmlFor:a},e.createElement(T,null),o&&e.createElement(D,null,o))),Qt=({label:t,name:a,checked:n,className:i,isDisabled:r,onChange:o,value:l,isRectangle:s,inputDataTestId:c,siteType:d})=>e.createElement(I,{className:i,"data-disabled":r||void 0,"data-is-rectangle":s||void 0,"data-label-text":t,"data-theme":d},e.createElement("input",{type:"checkbox",checked:n,name:a,onChange:()=>o(l,!n),disabled:r,value:l,id:`${a}-${l}`,"data-label-text":t,"data-testid":c}),!s&&e.createElement("label",{htmlFor:`${a}-${l}`},t)),ea=t=>e.createElement("svg",Object.assign({},t,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),e.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"})),ta=t=>e.createElement("svg",Object.assign({},t,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),e.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"})),aa=t=>{const a=X();return e.createElement("svg",Object.assign({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),e.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"}),e.createElement("mask",{id:a,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},e.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),e.createElement("g",{mask:`url(#${a})`},e.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"})))},na=({gap:a=2,size:n=24,star:i,totalStars:r=5,onSelect:o,hideEmptyStars:l,style:s,className:c})=>{const d=Math.floor(i),m=i-d>=.5?1:0,[p,h]=t(null),u=p||d,g=p?0:m;return e.createElement(_,{"data-selectable":!!o,style:Object.assign({"--gap":a,"--star-size":n},s),className:c},Array.from({length:l?d+m:r}).map(((t,a)=>{const n=()=>!!o&&h(a+1),i=()=>!!o&&h(null);return a+1<=u?e.createElement(ta,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:n,onMouseLeave:i}):a+1===u+g?e.createElement(aa,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:n,onMouseLeave:i}):e.createElement(ea,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:n,onMouseLeave:i})})))},ia=r=>{var{label:o,availableValue:l,styles:s,isBaby:c,genderValue:d={male:"male",female:"female"}}=r,m=se(r,["label","availableValue","styles","isBaby","genderValue"]);const{t:h}=K(),{classes:u,cx:g}=z(void 0,{name:"GenderOptionControl",styles:s}),[b,f]=t(),v=a(null),y=n((()=>[{value:d.male,label:h(c?"gender.boy":"gender.male"),icon:oe.getAssetPath(c?"health-tools/boy-icon.svg":"health-tools/male-icon.svg")},{value:d.female,label:h(c?"gender.girl":"gender.female"),icon:oe.getAssetPath(c?"health-tools/girl-icon.svg":"health-tools/female-icon.svg")}]),[]);return i((()=>{f(l)}),[l]),e.createElement(de,{ref:v,className:u.root},e.createElement(me.Group,Object.assign({className:"radio-group",label:e.createElement(p,{as:"label",size:"s4",weight:"semiBold"},o||h(c?"tools.selectBabyGender":"tools.selectGender")),size:"lg"},m,{classNames:{error:u.groupErr}}),e.createElement(pe,{className:g(u.wrapper)},y.map((t=>e.createElement(me,Object.assign({className:"gender-item",classNames:{root:u.itemRoot,labelWrapper:u.itemLabelWrapper,label:u.itemLabel,inner:u.itemInner},key:t.value,value:t.value},b&&t.value!==b&&{disabled:!0},{label:e.createElement(pe,{gap:he(8),align:"center",justify:"center",sx:{zIndex:0}},e.createElement("img",{src:t.icon,className:"gender-image",alt:"female",loading:"lazy"}),e.createElement(p,{size:"p3"},t.label))})))))))};var ra="tliWyii";const oa=({className:t,theme:a,hideText:n})=>{const{t:i}=K();return e.createElement("div",{className:`${ra} ${t}`},e.createElement(h.Spinner,{isMarryBaby:"marryBaby"===a}),!n&&i("loading"))};var la="PiqKaXk",sa="HgbW6-m",ca="_6lkfLYy",da="j7c-onH";const ma=({avatarImg:t,authorName:a,authorLink:n,uploadTime:i,size:r})=>e.createElement("div",{className:da},e.createElement("div",{className:"author"},e.createElement("div",{className:"avatar","data-size":r},t),e.createElement("div",{className:"poster","data-is-disabled-url":!n},e.createElement(p,{size:"lg"===r?"p3":"p4"},e.createElement("a",{href:n},e.createElement("span",{className:"name"},a),"•"," "),e.createElement("span",null,i))))),pa=({isMobile:t,avatarImg:a,name:n,link:i,size:r="lg",specialty:o})=>e.createElement("div",{className:da},e.createElement("div",{className:"author"},e.createElement("div",{className:"expert-avatar","data-size":r},a),e.createElement("div",{className:"expert","data-is-disabled-url":!i},t?e.createElement("a",{href:i},"lg"===r?e.createElement(e.Fragment,null,e.createElement(A,{tag:"h6",className:"expert__name",color:le.colors.gray600},n),e.createElement(p,{color:le.colors.gray500,size:"p3",className:"specialty"},o)):e.createElement(e.Fragment,null,e.createElement(A,{tag:"h6",className:"expert__name",color:le.colors.gray600},n))):e.createElement("a",{href:i},"lg"===r?e.createElement(e.Fragment,null,e.createElement(A,{tag:"h6",className:"expert__name",color:le.colors.gray600},n),e.createElement(p,{color:le.colors.gray500,size:"p3",className:"specialty"},o)):e.createElement(e.Fragment,null,e.createElement("h6",{color:le.colors.gray600,className:`${la} expert__name`},n),e.createElement(p,{color:le.colors.gray500,size:"p4",className:"specialty"},o)))))),ha=o((()=>e.createElement("div",{className:"shoppable"},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),e.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"}))))),ua=o((({dataEventCategoryForBookmark:t,dataEventActionForBookmark:a,dataEventLabelForBookmark:n})=>e.createElement("svg",{"data-event-category":t,"data-event-action":a,"data-event-label":n,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))),ga=o((({dataEventCategoryForBookmark:t,dataEventActionForBookmark:a,dataEventLabelForBookmark:n})=>e.createElement("svg",{"data-event-category":t,"data-event-action":a,"data-event-label":n,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),ba=({articleLink:t,authorLink:a,authorName:n,avatarImg:i,banner:r,categoryLink:o,categoryName:l,className:s,dataEventActionForBanner:c,dataEventActionForBookmark:d,dataEventActionForCategory:m,dataEventActionForTitle:h,dataEventCategoryForBanner:u,dataEventCategoryForBookmark:g,dataEventCategoryForCategory:b,dataEventCategoryForTitle:f,dataEventLabelForBanner:v,dataEventLabelForBookmark:y,dataEventLabelForCategory:x,dataEventLabelForTitle:w,direction:E="horizontal",hasAffiliate:k,isBookmark:C=!1,isBookmarkDisplayed:S=!0,isMobile:N=!0,onBookmark:B,onClickCategoryName:T,section:D="normal",size:I="md",specialty:_,style:z,styleBanner:L,styleLabel:P,styleTitle:$,text:M,title:O,type:j="author",uploadTime:F,articleLinkTarget:H,isPremium:R})=>{const U=e=>{e.stopPropagation(),null==B||B()},V="lg"===I&&"expert"===j?"h4":"lg"===I&&"home"===D?N?"h4":"h3":"lg"===I?"h4":"h5",W="lg"===I?"p3":"p4",G=N||"home"!==D||"lg"!==I||"author"!==j?"c2":"c1";return e.createElement("article",{className:`${ca} ${s||""}`,"data-size":I,style:z,"data-direction":E,"data-is-expert":"expert"===j||void 0},e.createElement("div",{className:"banner",style:L},e.createElement("a",{className:sa,"data-event-category":u,"data-event-action":c,"data-event-label":v,href:t||"#",target:H},r),R&&e.createElement("img",{loading:"lazy",className:"premium",src:oe.getAssetPath("premium-crown.svg")}),k&&e.createElement(ha,null)),e.createElement("div",{className:"content"},e.createElement("div",{className:"inner-content"},e.createElement(p,{style:P,className:"label",size:G,weight:"caption"},e.createElement("a",{className:sa,"data-event-category":b,"data-event-action":m,"data-event-label":x,href:o||"#",onClick:T},l),S&&e.createElement("a",{className:"bookmark",onClick:U},C?e.createElement(ua,{dataEventCategoryForBookmark:g,dataEventActionForBookmark:d,dataEventLabelForBookmark:y}):e.createElement(ga,{dataEventCategoryForBookmark:g,dataEventActionForBookmark:d,dataEventLabelForBookmark:y}))),e.createElement(A,{tag:V,style:$,className:"title",as:"lg"===I?"h2":"h3"},e.createElement("a",{className:sa,"data-event-category":f,"data-event-action":h,"data-event-label":w,href:t||"#",target:H},O)),M&&e.createElement("a",{href:t||"#",target:H},e.createElement(p,{size:W,className:"text"},M))),e.createElement("div",{className:"footer"},"author"===j?e.createElement(ma,{size:I,avatarImg:i,authorName:n,authorLink:a,uploadTime:F,handleClick:U,isBookmarked:C,dataEventCategoryForBookmark:g,dataEventActionForBookmark:d,dataEventLabelForBookmark:y}):e.createElement(pa,{size:I,isMobile:N,avatarImg:i,specialty:_,name:n,link:a,handleClick:U,isBookmarked:C,dataEventCategoryForBookmark:g,dataEventActionForBookmark:d,dataEventLabelForBookmark:y}))))},fa=t=>{var a,n,i,{article:r,author:o,authorAvatar:l,badge:s="",hideDescription:c=!1,isBookmarked:d=!1,onBookmark:m,time:h,tracking:u}=t,g=se(t,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:b}=De();return console.log({article:r}),e.createElement(ue,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},g),e.createElement(ue.Section,{w:"100%",h:"100%",miw:264,m:0,className:"pointer"},e.createElement("img",{src:(b?r.featureImageMobile:r.featureImage)||r.featureImage,alt:r.postName,style:{width:"100%"},loading:"lazy"})),e.createElement(ue.Section,null,e.createElement(ge,{position:"apart",mt:16,mb:4},e.createElement(Ie,{href:(null===(a=null==r?void 0:r.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},e.createElement(p,{size:"p4",color:"blue.6"},null===(n=null==r?void 0:r.primaryCategory)||void 0===n?void 0:n.displayName)),e.createElement(de,{sx:{cursor:"pointer"},role:"button",onClick:m},d?e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==u?void 0:u.bookmark),e.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"})):e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==u?void 0:u.bookmark),e.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"})))),e.createElement(p,{size:c?"s2":"s1",mb:8,weight:"semiBold",className:"pointer"},r.postTitle||r.postName||""),!c&&e.createElement(p,{size:"p2",mb:16,lineClamp:3,className:"pointer"},Te(r.excerpt||r.description||(null===(i=r.postContent)||void 0===i?void 0:i.split("\r\n")[0])||"")),e.createElement(pe,{gap:12,align:"center"},e.createElement(_e,{size:32,src:l,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:e.createElement("img",{loading:"lazy",src:s,alt:""})}},"A"),e.createElement(p,{size:"n1",c:"gray.6"},o," • ",h))))};var va=be(((e,{})=>({root:{},image:{},title:{},category:{},description:{},author:{}})));const ya=648/440,xa=1.5,wa=t=>{var a,i,r,{article:o,author:l,authorAvatar:s,badge:c="",bannerImageWrapProps:d,hideDescription:m=!1,isBookmarked:h=!1,onBookmark:u,time:g,tracking:b,classNames:f,styles:v,unstyled:y,className:x}=t,w=se(t,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:E}=De(),{classes:k,cx:C}=va({},{name:"ArticleCard",classNames:f,styles:v,unstyled:y}),S=n((()=>m?xa:ya),[m]);return e.createElement(ue,Object.assign({className:C(k.root,x),padding:"lg",radius:0},w),e.createElement(ue.Section,{className:C(k.image,"pointer")},e.createElement(ze,Object.assign({ratio:S},d),e.createElement("img",{src:(E?o.featureImageMobile:o.featureImage)||o.featureImage,alt:o.postName,style:{objectFit:"cover"}}))),e.createElement(ue.Section,null,e.createElement(ge,{position:"apart",mt:16,mb:4},e.createElement(Ie,{className:k.category,href:(null===(a=null==o?void 0:o.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},e.createElement(p,{size:"p4",color:"blue.6"},null===(i=null==o?void 0:o.primaryCategory)||void 0===i?void 0:i.displayName)),e.createElement(de,{sx:{cursor:"pointer"},role:"button",onClick:u},h?e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==b?void 0:b.bookmark),e.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"})):e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==b?void 0:b.bookmark),e.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"})))),e.createElement(p,{className:C(k.title,"pointer"),size:m?"s2":"s1",mb:8,weight:"semiBold"},o.postTitle||o.postName||""),!m&&e.createElement(p,{className:C(k.description,"pointer"),size:"p2",mb:16,lineClamp:3},Te(o.excerpt||o.description||(null===(r=o.postContent)||void 0===r?void 0:r.split("\r\n")[0])||"")),e.createElement(pe,{className:k.author,gap:12,align:"center"},e.createElement(_e,{size:32,src:s,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:e.createElement("img",{loading:"lazy",src:c,alt:""})}},"A"),e.createElement(p,{size:"n1",c:"gray.6"},l," • ",g))))},Ea=t=>{var{variant:a="vertical"}=t,n=se(t,["variant"]);return"horizontal"===a?e.createElement(fa,Object.assign({},n)):e.createElement(wa,Object.assign({},n))},ka=Ve.a`
+import e,{useState as t,useRef as a,useMemo as n,useEffect as i,Fragment as r,memo as o,useCallback as l,useImperativeHandle as s,forwardRef as c,createContext as d,useContext as m}from"react";import{T as p,I as h}from"./index-107d4730.js";import{f as u,g,h as b,i as f,j as v,k as y,l as x,m as w,n as E,o as k,p as C,q as S,r as N,s as B,t as T,u as D,v as I,w as _,x as z,H as A,T as L,y as P,Z as $,P as M,z as O,A as j,B as F,C as H,E as R,d as U,F as V,I as W,J as G}from"./index.styles-3044d33b.js";import{i as q,M as Z}from"./screenSizeContext-d49069b7.js";import{T as Y}from"./index-fa1a81c0.js";import{b as X,u as K}from"./useTranslations-3cfecc38.js";import"lodash/debounce";import{i as J}from"./isProduction-e46c9108.js";import{d as Q,L as ee,F as te,Q as ae,R as ne,a as ie,G as re}from"./index-b6bcf854.js";import"./useCategory-afe03f86.js";import{CommonGAssets as oe}from"./gAssets.js";import{t as le}from"./theme-262f0732.js";import{_ as se,a as ce}from"./tslib.es6-c4591345.js";import{Box as de,Radio as me,Flex as pe,rem as he,Card as ue,Group as ge,createStyles as be,getStylesRef as fe,useMantineTheme as ve,Container as ye,Stack as xe,UnstyledButton as we,AspectRatio as Ee,ScrollArea as ke,Chip as Ce,Badge as Se,MultiSelect as Ne,Stepper as Be}from"@mantine/core";import Te from"innertext";import{u as De,A as Ie,a as _e,b as ze,c as Ae,d as Le,B as Pe,e as $e,I as Me,f as Oe,g as je,t as Fe}from"./index-0da0aba9.js";import"@mantine/dates";import{G as He,L as Re}from"./Onboarding-cb026a52.js";import Ue from"dayjs";import Ve,{keyframes as We,css as Ge}from"styled-components";import"./translationsContext-cc9dded6.js";import"string-format";import{useViewportSize as qe}from"@mantine/hooks";import{i as Ze}from"./index-be6d1338.js";import Ye from"lodash/throttle";import{L as Xe}from"./index-4435f7bf.js";import{B as Ke}from"./index-4df7b72c.js";import{I as Je}from"./index-ecbd29be.js";import{format as Qe,addDays as et,isBefore as tt,startOfMonth as at,addMonths as nt,subMonths as it,getDaysInMonth as rt,isToday as ot,isSameDay as lt,isWithinInterval as st,isAfter as ct,isPast as dt}from"date-fns";import"./utils-41ca8087.js";import"./index.styled-483c1e9c.js";import"./index-de4e97d8.js";import{L as mt}from"./constants-aa440069.js";import{D as pt}from"./types-2ccde68e.js";import{S as ht}from"./index-20a1ddd5.js";import{M as ut}from"./index-03efa3a9.js";import{b as gt}from"./index.styled-79a03014.js";import{C as bt}from"./index-93d83dc1.js";import{useForm as ft,Controller as vt}from"react-hook-form";import{u as yt}from"./useHealthToolCache-f0c1d63d.js";import{yupResolver as xt}from"@hookform/resolvers/yup";import{B as wt,D as Et}from"./index-ee728d5d.js";import{f as kt}from"./index-501f79a1.js";import Ct from"react-day-picker/DayPickerInput";import{a as St}from"./useOutsideClick-efedfdca.js";import Nt from"date-fns/locale/en-US";import Bt from"date-fns/locale/id";import Tt from"date-fns/locale/vi";import Dt from"date-fns/locale/zh-TW";import{g as It}from"./getSocialList-bd58bfc6.js";import{v4 as _t}from"uuid";import{g as zt,a as At}from"./routing-0ee8e3a9.js";import{useForm as Lt,isNotEmpty as Pt}from"@mantine/form";import{M as $t}from"./index-7ff42d71.js";import Mt from"js-cookie";import Ot from"lodash/flatten";import"react-contenteditable";import"react-dom";import jt from"lodash/uniqBy";var Ft="CHw-fZZ",Ht="_03U6VRS",Rt="EO828Vv";const Ut=({style:t,onClose:a,text:n,type:i,contentIcon:r,closeIcon:o,className:l,description:s})=>e.createElement("div",{className:`${Ft} ${l||""}`,style:t,"data-alert-type":i},e.createElement("div",{className:Ht},e.createElement("div",{className:"icon-title"},r,e.createElement(p,{weight:"bold",size:"label1"},n)),e.createElement(p,{weight:"regular",size:"p3"},s)),e.createElement("div",{className:Rt,onClick:a},o)),Vt=({amount:t,type:a,size:n="medium",color:i="primary",icon:r,className:o})=>e.createElement(u,{"data-notification-type":a,"data-notification-size":n,"data-notification-color":i,"data-has-icon":!!r||void 0,notificationType:a,notificationSize:n,notificationColor:i,hasIcon:!!r,className:o},e.createElement("div",null,t&&e.createElement("span",null,t)," ",r&&e.createElement("div",null,r))),Wt=({style:t,children:a,className:n,size:i="lg",type:r="bold",upperCase:o,as:l="h4",color:s})=>e.createElement(g,{style:Object.assign({color:s},t),className:n,"data-size":i,"data-type":r,"data-uppercase":o,as:l},a),Gt=({className:n,value:i,options:r,onUploadSelected:o,id:l,placeholderIcon:s,placeholder:c,style:d})=>{const[m,p]=t(!1),h=()=>p(!m),u=a(r.map((t=>"upload"===t.type&&e.createElement("input",{id:"uploader-dropdown-input-"+l+"-"+t.value,key:"uploader-dropdown-input-"+l+"-"+t.value,accept:t.fileAcceptedType,multiple:t.multiple,type:"file",style:{display:"none"},onChange:e=>{console.log("change"),o(e.target.files)}})))),g=e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12.17 14.83"},e.createElement("defs",null,e.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},e.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"})),e.createElement("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"File"),e.createElement("g",{clipPath:"url(#prefix__clip-path)"},e.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)"}),e.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),w=e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},e.createElement("defs",null,e.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"download"),e.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)"})),E=e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},e.createElement("defs",null,e.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"upload"),e.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 e.createElement(b,{className:n,"data-dropdown-open":!!m,id:l,"data-has-icons":!0,style:d,onBlur:()=>p(!1),tabIndex:0},e.createElement(f,{onClick:h},s||g," ",e.createElement("span",null,i&&i.value?i.label:c)),m&&e.createElement(v,{onClick:h,"data-has-icons":!0},r.map((t=>e.createElement(y,{key:`${l}-${t.value}`,"data-selected":i&&i.value===t.value||void 0,onClick:()=>{return"upload"===t.type?(a="#uploader-dropdown-input-"+l+"-"+t.value,void(null===(n=document.querySelector(a))||void 0===n||n.click())):void((e=t.url)&&window.open(e,"_blank"));var e,a,n}},e.createElement(x,null,t.icon||"download"===t.type?w:E),t.label)))),e.createElement(e.Fragment,null,u.current))},qt=({className:t,columns:a,columnsDesktop:n,gridTemplateColumns:i,gridTemplateColumnsDesktop:r,gap:o,children:l,justifyChildren:s,style:c,alignItems:d})=>e.createElement(w,{className:t,style:c,theme:{columns:a,columnsDesktop:n,gap:o,justifyChildren:s,gridTemplateColumns:i,gridTemplateColumnsDesktop:r,alignItems:d}},l),Zt=({pagesAmount:a,activePage:n,handlePageChange:o,handleClick:l,href:s,queryPageName:c="page"})=>{const d=[...Array(a)].map(((e,t)=>t+1)),[m,p]=t(n<=4?d.slice(0,5):n>=d.length-3?d.slice(d.length-5,d.length):d.slice(n-2,n+1));return i((()=>{n<=4?p(d.slice(0,5)):n>=d.length-3?p(d.slice(d.length-5,d.length)):p(d.slice(n-2,n+1))}),[n]),e.createElement(r,null,n>4&&e.createElement(r,null,e.createElement(C,{onClick:()=>o(1)},s?e.createElement("a",{href:s,onClick:l},1):1),e.createElement(C,null,"...")),m.map((t=>e.createElement(C,{key:`pagination+${t}`,"data-page-active":t===n||void 0,onClick:()=>o(t)},s?e.createElement("a",{href:q(s,t,c),onClick:l},t):t))),n<d.length-3&&e.createElement(r,null,e.createElement(C,null,"..."),e.createElement(C,{onClick:()=>o(d.length)},s?e.createElement("a",{href:q(s,d.length,c),onClick:l},d.length):d.length)))},Yt=({className:a,pagesAmount:r,currentPage:o,onChange:l,onClick:s,style:c,href:d,queryPageName:m="page"})=>{const p=[...Array(r)].map(((e,t)=>t+1)),[h,u]=t(o),g=n((()=>d&&d.endsWith("&page=")?d.replace("&page=",""):d),[d]),b=r-1,f=e=>{e<=r&&e>0&&(u(e),l(e))},v=e=>{s&&s(e)};return i((()=>{u(o)}),[o]),e.createElement(E,{className:a,style:c},e.createElement(k,{className:"prev-page",onClick:()=>f(h-1),"data-last-page":1===h||void 0},g?e.createElement("a",{href:q(g,h,m),onClick:v},e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),p.length>8?e.createElement(Zt,{pagesAmount:r,activePage:h,handlePageChange:f,handleClick:v,href:g,queryPageName:m}):p.map((t=>e.createElement(C,{key:`pagination+${t}`,"data-page-active":t===h||void 0,onClick:()=>f(t)},g?e.createElement("a",{href:q(g,t,m),onClick:v},t):t))),e.createElement(k,{className:"next-page",onClick:()=>f(h+1),"data-last-page":h===b+1||void 0},g?e.createElement("a",{href:q(g,h,m),onClick:v},e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},Xt=({type:t,size:a="small",label:n,name:i,checked:r,value:o,className:l,isDisabled:s=!1,onChange:c,dataEventCategory:d,dataEventAction:m,dataEventLabel:p})=>{const h=!!m&&!!d&&!!p?{"data-event-category":d,"data-event-action":m,"data-event-label":p}:{};return e.createElement(S,{"data-disabled":s,className:l,"data-type":t,"data-size":a},e.createElement("label",Object.assign({style:{display:"flex",alignItems:"center"}},h),e.createElement("input",Object.assign({type:"radio",checked:r,name:i,value:o,onChange:()=>c(o)},h)),n))},Kt=({type:t,children:a,style:n,isInline:i,isSquared:r=!1,className:o,isLight:l,hasMorePadding:s,isLink:c,isSelected:d,textProps:m={size:"sm"}})=>{const p=m.color?{"--text-props-color":m.color}:{};return e.createElement(N,{"data-is-squared":r||void 0,"data-tag-type":t,"data-is-light":l||void 0,"data-has-more-padding":s||void 0,"data-is-inline":i||void 0,style:Object.assign(Object.assign({},n),p),className:o,"data-is-selected":d||void 0,"data-is-link":c||void 0,tagType:t,isInline:i,tagHasMorePadding:s,tagIsLight:l,tagIsSquared:r,tagIsALink:c},e.createElement(Y,Object.assign({},m),a))},Jt=({className:t,id:a,onChange:n,checked:i,style:r,label:o})=>e.createElement(B,{className:t,style:r},e.createElement("input",{type:"checkbox",id:a,onChange:n,checked:i}),e.createElement("label",{htmlFor:a},e.createElement(T,null),o&&e.createElement(D,null,o))),Qt=({label:t,name:a,checked:n,className:i,isDisabled:r,onChange:o,value:l,isRectangle:s,inputDataTestId:c,siteType:d})=>e.createElement(I,{className:i,"data-disabled":r||void 0,"data-is-rectangle":s||void 0,"data-label-text":t,"data-theme":d},e.createElement("input",{type:"checkbox",checked:n,name:a,onChange:()=>o(l,!n),disabled:r,value:l,id:`${a}-${l}`,"data-label-text":t,"data-testid":c}),!s&&e.createElement("label",{htmlFor:`${a}-${l}`},t)),ea=t=>e.createElement("svg",Object.assign({},t,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),e.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"})),ta=t=>e.createElement("svg",Object.assign({},t,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),e.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"})),aa=t=>{const a=X();return e.createElement("svg",Object.assign({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),e.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"}),e.createElement("mask",{id:a,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},e.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),e.createElement("g",{mask:`url(#${a})`},e.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"})))},na=({gap:a=2,size:n=24,star:i,totalStars:r=5,onSelect:o,hideEmptyStars:l,style:s,className:c})=>{const d=Math.floor(i),m=i-d>=.5?1:0,[p,h]=t(null),u=p||d,g=p?0:m;return e.createElement(_,{"data-selectable":!!o,style:Object.assign({"--gap":a,"--star-size":n},s),className:c},Array.from({length:l?d+m:r}).map(((t,a)=>{const n=()=>!!o&&h(a+1),i=()=>!!o&&h(null);return a+1<=u?e.createElement(ta,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:n,onMouseLeave:i}):a+1===u+g?e.createElement(aa,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:n,onMouseLeave:i}):e.createElement(ea,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:n,onMouseLeave:i})})))},ia=r=>{var{label:o,availableValue:l,styles:s,isBaby:c,genderValue:d={male:"male",female:"female"}}=r,m=se(r,["label","availableValue","styles","isBaby","genderValue"]);const{t:h}=K(),{classes:u,cx:g}=z(void 0,{name:"GenderOptionControl",styles:s}),[b,f]=t(),v=a(null),y=n((()=>[{value:d.male,label:h(c?"gender.boy":"gender.male"),icon:oe.getAssetPath(c?"health-tools/boy-icon.svg":"health-tools/male-icon.svg")},{value:d.female,label:h(c?"gender.girl":"gender.female"),icon:oe.getAssetPath(c?"health-tools/girl-icon.svg":"health-tools/female-icon.svg")}]),[]);return i((()=>{f(l)}),[l]),e.createElement(de,{ref:v,className:u.root},e.createElement(me.Group,Object.assign({className:"radio-group",label:e.createElement(p,{as:"label",size:"s4",weight:"semiBold"},o||h(c?"tools.selectBabyGender":"tools.selectGender")),size:"lg"},m,{classNames:{error:u.groupErr}}),e.createElement(pe,{className:g(u.wrapper)},y.map((t=>e.createElement(me,Object.assign({className:"gender-item",classNames:{root:u.itemRoot,labelWrapper:u.itemLabelWrapper,label:u.itemLabel,inner:u.itemInner},key:t.value,value:t.value},b&&t.value!==b&&{disabled:!0},{label:e.createElement(pe,{gap:he(8),align:"center",justify:"center",sx:{zIndex:0}},e.createElement("img",{src:t.icon,className:"gender-image",alt:"female",loading:"lazy"}),e.createElement(p,{size:"p3"},t.label))})))))))};var ra="tliWyii";const oa=({className:t,theme:a,hideText:n})=>{const{t:i}=K();return e.createElement("div",{className:`${ra} ${t}`},e.createElement(h.Spinner,{isMarryBaby:"marryBaby"===a}),!n&&i("loading"))};var la="PiqKaXk",sa="HgbW6-m",ca="_6lkfLYy",da="j7c-onH";const ma=({avatarImg:t,authorName:a,authorLink:n,uploadTime:i,size:r})=>e.createElement("div",{className:da},e.createElement("div",{className:"author"},e.createElement("div",{className:"avatar","data-size":r},t),e.createElement("div",{className:"poster","data-is-disabled-url":!n},e.createElement(p,{size:"lg"===r?"p3":"p4"},e.createElement("a",{href:n},e.createElement("span",{className:"name"},a),"•"," "),e.createElement("span",null,i))))),pa=({isMobile:t,avatarImg:a,name:n,link:i,size:r="lg",specialty:o})=>e.createElement("div",{className:da},e.createElement("div",{className:"author"},e.createElement("div",{className:"expert-avatar","data-size":r},a),e.createElement("div",{className:"expert","data-is-disabled-url":!i},t?e.createElement("a",{href:i},"lg"===r?e.createElement(e.Fragment,null,e.createElement(A,{tag:"h6",className:"expert__name",color:le.colors.gray600},n),e.createElement(p,{color:le.colors.gray500,size:"p3",className:"specialty"},o)):e.createElement(e.Fragment,null,e.createElement(A,{tag:"h6",className:"expert__name",color:le.colors.gray600},n))):e.createElement("a",{href:i},"lg"===r?e.createElement(e.Fragment,null,e.createElement(A,{tag:"h6",className:"expert__name",color:le.colors.gray600},n),e.createElement(p,{color:le.colors.gray500,size:"p3",className:"specialty"},o)):e.createElement(e.Fragment,null,e.createElement("h6",{color:le.colors.gray600,className:`${la} expert__name`},n),e.createElement(p,{color:le.colors.gray500,size:"p4",className:"specialty"},o)))))),ha=o((()=>e.createElement("div",{className:"shoppable"},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),e.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"}))))),ua=o((({dataEventCategoryForBookmark:t,dataEventActionForBookmark:a,dataEventLabelForBookmark:n})=>e.createElement("svg",{"data-event-category":t,"data-event-action":a,"data-event-label":n,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))),ga=o((({dataEventCategoryForBookmark:t,dataEventActionForBookmark:a,dataEventLabelForBookmark:n})=>e.createElement("svg",{"data-event-category":t,"data-event-action":a,"data-event-label":n,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),ba=({articleLink:t,authorLink:a,authorName:n,avatarImg:i,banner:r,categoryLink:o,categoryName:l,className:s,dataEventActionForBanner:c,dataEventActionForBookmark:d,dataEventActionForCategory:m,dataEventActionForTitle:h,dataEventCategoryForBanner:u,dataEventCategoryForBookmark:g,dataEventCategoryForCategory:b,dataEventCategoryForTitle:f,dataEventLabelForBanner:v,dataEventLabelForBookmark:y,dataEventLabelForCategory:x,dataEventLabelForTitle:w,direction:E="horizontal",hasAffiliate:k,isBookmark:C=!1,isBookmarkDisplayed:S=!0,isMobile:N=!0,onBookmark:B,onClickCategoryName:T,section:D="normal",size:I="md",specialty:_,style:z,styleBanner:L,styleLabel:P,styleTitle:$,text:M,title:O,type:j="author",uploadTime:F,articleLinkTarget:H,isPremium:R})=>{const U=e=>{e.stopPropagation(),null==B||B()},V="lg"===I&&"expert"===j?"h4":"lg"===I&&"home"===D?N?"h4":"h3":"lg"===I?"h4":"h5",W="lg"===I?"p3":"p4",G=N||"home"!==D||"lg"!==I||"author"!==j?"c2":"c1";return e.createElement("article",{className:`${ca} ${s||""}`,"data-size":I,style:z,"data-direction":E,"data-is-expert":"expert"===j||void 0},e.createElement("div",{className:"banner",style:L},e.createElement("a",{className:sa,"data-event-category":u,"data-event-action":c,"data-event-label":v,href:t||"#",target:H},r),R&&e.createElement("img",{loading:"lazy",className:"premium",src:oe.getAssetPath("premium-crown.svg")}),k&&e.createElement(ha,null)),e.createElement("div",{className:"content"},e.createElement("div",{className:"inner-content"},e.createElement(p,{style:P,className:"label",size:G,weight:"caption"},e.createElement("a",{className:sa,"data-event-category":b,"data-event-action":m,"data-event-label":x,href:o||"#",onClick:T},l),S&&e.createElement("a",{className:"bookmark",onClick:U},C?e.createElement(ua,{dataEventCategoryForBookmark:g,dataEventActionForBookmark:d,dataEventLabelForBookmark:y}):e.createElement(ga,{dataEventCategoryForBookmark:g,dataEventActionForBookmark:d,dataEventLabelForBookmark:y}))),e.createElement(A,{tag:V,style:$,className:"title",as:"lg"===I?"h2":"h3"},e.createElement("a",{className:sa,"data-event-category":f,"data-event-action":h,"data-event-label":w,href:t||"#",target:H},O)),M&&e.createElement("a",{href:t||"#",target:H},e.createElement(p,{size:W,className:"text"},M))),e.createElement("div",{className:"footer"},"author"===j?e.createElement(ma,{size:I,avatarImg:i,authorName:n,authorLink:a,uploadTime:F,handleClick:U,isBookmarked:C,dataEventCategoryForBookmark:g,dataEventActionForBookmark:d,dataEventLabelForBookmark:y}):e.createElement(pa,{size:I,isMobile:N,avatarImg:i,specialty:_,name:n,link:a,handleClick:U,isBookmarked:C,dataEventCategoryForBookmark:g,dataEventActionForBookmark:d,dataEventLabelForBookmark:y}))))},fa=t=>{var a,n,i,{article:r,author:o,authorAvatar:l,badge:s="",hideDescription:c=!1,isBookmarked:d=!1,onBookmark:m,time:h,tracking:u}=t,g=se(t,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:b}=De();return console.log({article:r}),e.createElement(ue,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},g),e.createElement(ue.Section,{w:"100%",h:"100%",miw:264,m:0,className:"pointer"},e.createElement("img",{src:(b?r.featureImageMobile:r.featureImage)||r.featureImage,alt:r.postName,style:{width:"100%"},loading:"lazy"})),e.createElement(ue.Section,null,e.createElement(ge,{position:"apart",mt:16,mb:4},e.createElement(Ie,{href:(null===(a=null==r?void 0:r.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},e.createElement(p,{size:"p4",color:"blue.6"},null===(n=null==r?void 0:r.primaryCategory)||void 0===n?void 0:n.displayName)),e.createElement(de,{sx:{cursor:"pointer"},role:"button",onClick:m},d?e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==u?void 0:u.bookmark),e.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"})):e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==u?void 0:u.bookmark),e.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"})))),e.createElement(p,{size:c?"s2":"s1",mb:8,weight:"semiBold",className:"pointer"},r.postTitle||r.postName||""),!c&&e.createElement(p,{size:"p2",mb:16,lineClamp:3,className:"pointer"},Te(r.excerpt||r.description||(null===(i=r.postContent)||void 0===i?void 0:i.split("\r\n")[0])||"")),e.createElement(pe,{gap:12,align:"center"},e.createElement(_e,{size:32,src:l,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:e.createElement("img",{loading:"lazy",src:s,alt:""})}},"A"),e.createElement(p,{size:"n1",c:"gray.6"},o," • ",h))))};var va=be(((e,{})=>({root:{},image:{},title:{},category:{},description:{},author:{}})));const ya=648/440,xa=1.5,wa=t=>{var a,i,r,{article:o,author:l,authorAvatar:s,badge:c="",bannerImageWrapProps:d,hideDescription:m=!1,isBookmarked:h=!1,onBookmark:u,time:g,tracking:b,classNames:f,styles:v,unstyled:y,className:x}=t,w=se(t,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:E}=De(),{classes:k,cx:C}=va({},{name:"ArticleCard",classNames:f,styles:v,unstyled:y}),S=n((()=>m?xa:ya),[m]);return e.createElement(ue,Object.assign({className:C(k.root,x),padding:"lg",radius:0},w),e.createElement(ue.Section,{className:C(k.image,"pointer")},e.createElement(ze,Object.assign({ratio:S},d),e.createElement("img",{src:(E?o.featureImageMobile:o.featureImage)||o.featureImage,alt:o.postName,style:{objectFit:"cover"}}))),e.createElement(ue.Section,null,e.createElement(ge,{position:"apart",mt:16,mb:4},e.createElement(Ie,{className:k.category,href:(null===(a=null==o?void 0:o.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},e.createElement(p,{size:"p4",color:"blue.6"},null===(i=null==o?void 0:o.primaryCategory)||void 0===i?void 0:i.displayName)),e.createElement(de,{sx:{cursor:"pointer"},role:"button",onClick:u},h?e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==b?void 0:b.bookmark),e.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"})):e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==b?void 0:b.bookmark),e.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"})))),e.createElement(p,{className:C(k.title,"pointer"),size:m?"s2":"s1",mb:8,weight:"semiBold"},o.postTitle||o.postName||""),!m&&e.createElement(p,{className:C(k.description,"pointer"),size:"p2",mb:16,lineClamp:3},Te(o.excerpt||o.description||(null===(r=o.postContent)||void 0===r?void 0:r.split("\r\n")[0])||"")),e.createElement(pe,{className:k.author,gap:12,align:"center"},e.createElement(_e,{size:32,src:s,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:e.createElement("img",{loading:"lazy",src:c,alt:""})}},"A"),e.createElement(p,{size:"n1",c:"gray.6"},l," • ",g))))},Ea=t=>{var{variant:a="vertical"}=t,n=se(t,["variant"]);return"horizontal"===a?e.createElement(fa,Object.assign({},n)):e.createElement(wa,Object.assign({},n))},ka=Ve.a`
   display: flex;
   height: 125px;
 
@@ -1931,7 +1931,7 @@ import e,{useState as t,useRef as a,useMemo as n,useEffect as i,Fragment as r,me
       height: 14px;
     }
   }
-`,Br=({className:t,heading:a,color:n="blue",isMobile:i,bannerUrl:r,bannerUrlLarge:o,bannerColor:l,medicalReview:s={link:"#",reviewer:"",date:""},icon:c,style:d,siteType:m,isEmbeded:h})=>{var u,g;const{t:b}=K(),f=ve(),v=i?r:o||r,y={pink:[8,6]},x=f.colors[n]||f.colors.blue,w=(null==s?void 0:s.reviewer)?e.createElement(p,{size:"label2",color:"#fff",as:"div",className:"embedded-review",sx:{a:{textUnderlineOffset:"2px",color:"#fff",textDecoration:"underline"}}},e.createElement("div",{dangerouslySetInnerHTML:{__html:b("toolPage.toolReviewer",{expert_name:`<a href="${s.link}">${s.reviewer.trim()}</a>`,date:s.date})}})):null;return e.createElement(Er,{"data-is-mobile":i,style:d,"data-site":m},e.createElement(wr,{className:t,"data-banner-url":v,"data-is-mobile":i,"data-site":m,"data-banner-color":l,"data-is-embedded":h,bgColor:`linear-gradient(71deg, ${null==x?void 0:x[(null===(u=y[n])||void 0===u?void 0:u[0])||7]} -4.07%, ${null==x?void 0:x[(null===(g=y[n])||void 0===g?void 0:g[1])||4]} 90.13%)}`},"marryBaby"===m&&h?e.createElement(kr,null,e.createElement(Cr,null,c),e.createElement(Sr,null,e.createElement(A,{color:"white",tag:"h5",as:"h2"},a),s&&e.createElement(Nr,{"data-is-mobile":i},w))):e.createElement(pe,{gap:he(24),align:"center",justify:"space-between",sx:{padding:`${he(13)} ${he(20)}`,gap:he(24)}},e.createElement(de,null,e.createElement(A,{tag:"h5",as:"h2",color:"#fff"},a),s&&e.createElement(p,{size:"n1",as:"div"},w)),e.createElement(pe,{justify:"center",align:"center",sx:e=>{var t,a;return{width:he(64),height:he(64),borderRadius:"50%",background:(null===(a=null===(t=e.colors)||void 0===t?void 0:t[n])||void 0===a?void 0:a[0])||e.colors.blue[0],flexShrink:0,img:{maxWidth:he(48),maxHeight:he(48)},[e.fn.smallerThan("sm")]:{width:he(56),height:he(56),img:{maxWidth:he(40),maxHeight:he(40)}}}}},c))))},Tr=Ve(ut)`
+`,Br=({className:t,heading:a,color:n="blue",isMobile:i,bannerUrl:r,bannerUrlLarge:o,bannerColor:l,medicalReview:s={link:"#",reviewer:"",date:""},icon:c,style:d,siteType:m,isEmbeded:h})=>{var u,g;const{t:b}=K(),f=ve(),v=i?r:o||r,y={pink:[8,6]},x=f.colors[n]||f.colors.blue,w=(null==s?void 0:s.reviewer)?e.createElement(p,{size:"label2",color:"#fff",as:"div",className:"embedded-review",sx:{a:{textUnderlineOffset:"2px",color:"#fff",textDecoration:"underline"}}},e.createElement("div",{dangerouslySetInnerHTML:{__html:b("toolPage.toolReviewer",{expert_name:`<a href="${s.link}">${s.reviewer.trim()}</a>`,date:s.date})}})):null;return e.createElement(Er,{"data-is-mobile":i,style:d,"data-site":m},e.createElement(wr,{className:t,"data-banner-url":v,"data-is-mobile":i,"data-site":m,"data-banner-color":l,"data-is-embedded":h,bgColor:`linear-gradient(71deg, ${null==x?void 0:x[(null===(u=y[n])||void 0===u?void 0:u[0])||7]} -4.07%, ${null==x?void 0:x[(null===(g=y[n])||void 0===g?void 0:g[1])||4]} 90.13%)}`},"marryBaby"===m&&h?e.createElement(kr,null,e.createElement(Cr,null,c),e.createElement(Sr,null,e.createElement(A,{color:"white",tag:"h5",as:"h2"},a),s&&e.createElement(Nr,{"data-is-mobile":i},w))):e.createElement(pe,{gap:he(24),align:"center",justify:"space-between",sx:{padding:`${he(13)} ${he(20)}`,gap:he(24)}},e.createElement(de,null,e.createElement(A,{tag:"h5",as:"h2",color:"#fff"},a),s&&e.createElement(p,{size:"n1",as:"div"},w)),e.createElement(pe,{justify:"center",align:"center",sx:e=>{var t,a;return{width:he(64),height:he(64),borderRadius:"50%",background:(null===(a=null===(t=e.colors)||void 0===t?void 0:t[n])||void 0===a?void 0:a[0])||e.colors.blue[0],flexShrink:0,img:{maxWidth:he(48),maxHeight:he(48)},[e.fn.smallerThan("sm")]:{width:he(56),height:he(56),img:{maxWidth:he(40),maxHeight:he(40)}}}}},c))))},Tr=Ve(gt)`
   border-color: ${e=>e.theme.mbColors.lightGray};
   background-color: ${e=>e.theme.colors.white};
   border-radius: 16px;
@@ -2125,7 +2125,7 @@ import e,{useState as t,useRef as a,useMemo as n,useEffect as i,Fragment as r,me
   }
 `)`
   margin-right: 4px;
-`,function(e){e[e.lastPeriod=0]="lastPeriod",e[e.conception=1]="conception",e[e.IVF=2]="IVF"}(Ar||(Ar={}));const Lr="yyyy-MM-dd",Pr=e=>`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`,$r=({locale:a,onClick:n,siteType:i,pageUrl:r})=>{const{t:o}=K(),[l,s]=t(new Date);return e.createElement(e.Fragment,null,e.createElement(zr,{className:"input-form","data-is-side":!0},"marryBaby"===i?e.createElement(Dr,{label:o("dueDatePage.conceptionDate"),name:"date",size:"md",value:Pr(l),CustomInput:e.createElement(Ia,{onChange:e=>{s(e)},placeholder:"dd/mm/yyyy",pickedDate:l,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:t=>e.createElement(Je,Object.assign({className:"due-date-input",name:"birthday",size:"md"},t,{value:l&&Ue(l).format(O)}))}),actionIcon:e.createElement(h.CalendarMB,{size:32})}):e.createElement(Je,{label:e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray600,style:{marginBottom:"9px",flex:"1"}},o("dueDatePage.conceptionDate")),value:Pr(l),name:"date",size:"md",className:"due-date-input",CustomInput:e.createElement(Ia,{customInput:t=>e.createElement("input",Object.assign({type:"date",className:"due-date-input"},t,{value:Pr(l)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:l,displayDateFormat:mt,onChange:e=>{s(e)},placeholder:"placeholder"})})),e.createElement(Pe,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===i?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:r,onClick:()=>{n((e=>{const t=new Date(e);return t.setDate(t.getDate()+265),{startDate:e,dueDate:t,otherInfo:{method:Ar.conception+1,conception_date:Qe(e,Lr),first_day:null,cycle_length_days:null,ivf_transfer_date:null,days_transfer:null}}})(l),`${ae.type}=1&sd=${Qe(l,Lr)}&${ae.additional}= `)},role:"button"},o("dueDatePage.lastPeriod.calculate")))},Mr=({locale:a,onClick:n,siteType:i,pageUrl:r})=>{const{t:o}=K(),[l,s]=t(new Date),[c,d]=t("3");return e.createElement(e.Fragment,null,e.createElement(zr,{className:"input-form","data-is-side":!0},"marryBaby"===i?e.createElement(Dr,{label:o("dueDatePage.ivf.transferDate"),name:"date",size:"md",value:Pr(l),CustomInput:e.createElement(Ia,{onChange:e=>{s(e)},placeholder:"dd/mm/yyyy",pickedDate:l,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:t=>e.createElement(Je,Object.assign({className:"due-date-input",name:"birthday",size:"md"},t,{value:l&&Ue(l).format(O)}))}),actionIcon:e.createElement(h.CalendarMB,{size:32})}):e.createElement(Je,{label:e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray700,style:{marginBottom:"9px",flex:"1"}},o("dueDatePage.ivf.transferDate")),value:Pr(l),name:"date",size:"md",className:"due-date-input",CustomInput:e.createElement(Ia,{customInput:t=>e.createElement("input",Object.assign({type:"date",className:"due-date-input"},t,{value:Pr(l)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:l,displayDateFormat:mt,onChange:e=>{s(e)},placeholder:"placeholder"})})),e.createElement("div",{style:{width:"100%"}},e.createElement(qa,{id:"radio-transfer-date",type:"circle",direction:"vertical",size:"small",group:"group1",value:c,onChange:e=>d(e),options:[{value:"3",label:o("dueDatePage.ivf.transferDateRadio",{number:3})},{value:"5",label:o("dueDatePage.ivf.transferDateRadio",{number:5})}]})),e.createElement(Pe,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===i?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:r,onClick:()=>{n(((e,t)=>{const a=new Date(e);return a.setDate(a.getDate()+265-t),{startDate:e,dueDate:a,otherInfo:{method:Ar.IVF+1,ivf_transfer_date:Qe(e,Lr),days_transfer:t,conception_date:null,first_day:null,cycle_length_days:null}}})(l,Number(c)),`${ae.type}=2&${ae.startDate}=${Qe(l,Lr)}&${ae.additional}=${c}`)},role:"button"},o("dueDatePage.lastPeriod.calculate")))},Or=({locale:a,onClick:n,siteType:i,pageUrl:r})=>{const{t:o}=K(),[l,s]=t(28),[c,d]=t(new Date);return e.createElement(e.Fragment,null,e.createElement(zr,{className:"input-form","data-is-side":!0},"marryBaby"===i?e.createElement(Dr,{label:o("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:Pr(c),CustomInput:e.createElement(Ia,{onChange:e=>{d(e)},placeholder:"dd/mm/yyyy",pickedDate:c,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:t=>e.createElement(Je,Object.assign({name:"birthday",size:"md"},t,{value:c&&Ue(c).format(O)}))}),actionIcon:e.createElement(h.CalendarMB,{size:32})}):e.createElement(Je,{className:"input-section due-date-input",label:e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray600,style:{marginBottom:"9px",flex:"1"}},o("dueDatePage.lastPeriod.lastPeriodLabel")),value:Pr(c),name:"date",size:"md",CustomInput:e.createElement(Ia,{customInput:t=>e.createElement("input",Object.assign({type:"date",className:"due-date-input"},t,{value:Pr(c)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:c,displayDateFormat:mt,onChange:e=>{d(e)},placeholder:"placeholder"})})),e.createElement("div",{className:"slider-due-date","data-theme":"marryBaby"===i?"marryBaby":""},"marryBaby"===i?e.createElement(ht,{type:"bodytext-3",color:le.mbColors.midGray},o("dueDatePage.lastPeriod.periodLengthLabel")):e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray600,style:{marginBottom:"0.5rem"}},o("dueDatePage.lastPeriod.periodLengthLabel")),e.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===i&&e.createElement(p,{size:"s3",weight:"semiBold",color:le.colors.gray600},l),e.createElement(pt,{containerStyle:{flex:1},min:20,max:40,step:1,labelAlwaysOn:"marryBaby"!==i,withControl:"marryBaby"!==i,onChange:s,value:l,label:"marryBaby"!==i?void 0:null}))),e.createElement(Pe,{dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:r,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===i?"secondary":"primary",onClick:()=>n(((e,t)=>{const a=t-21+272,n=new Date(e);return n.setDate(n.getDate()+a),{startDate:e,dueDate:n,otherInfo:{method:Ar.lastPeriod+1,first_day:Qe(e,Lr),cycle_length_days:t,conception_date:null,ivf_transfer_date:null,days_transfer:null}}})(c,l),`${ae.type}=0&${ae.startDate}=${Qe(c,Lr)}&${ae.additional}=${l}`),role:"button"},o("dueDatePage.lastPeriod.calculate")))};Ve.div`
+`,function(e){e[e.lastPeriod=0]="lastPeriod",e[e.conception=1]="conception",e[e.IVF=2]="IVF"}(Ar||(Ar={}));const Lr="yyyy-MM-dd",Pr=e=>`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`,$r=({locale:a,onClick:n,siteType:i,pageUrl:r})=>{const{t:o}=K(),[l,s]=t(new Date);return e.createElement(e.Fragment,null,e.createElement(zr,{className:"input-form","data-is-side":!0},"marryBaby"===i?e.createElement(Dr,{label:o("dueDatePage.conceptionDate"),name:"date",size:"md",value:Pr(l),CustomInput:e.createElement(Ia,{onChange:e=>{s(e)},placeholder:"dd/mm/yyyy",pickedDate:l,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:t=>e.createElement(Je,Object.assign({className:"due-date-input",name:"birthday",size:"md"},t,{value:l&&Ue(l).format(O)}))}),actionIcon:e.createElement(h.CalendarMB,{size:32})}):e.createElement(Je,{label:e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray600,style:{marginBottom:"9px",flex:"1"}},o("dueDatePage.conceptionDate")),value:Pr(l),name:"date",size:"md",className:"due-date-input",CustomInput:e.createElement(Ia,{customInput:t=>e.createElement("input",Object.assign({type:"date",className:"due-date-input"},t,{value:Pr(l)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:l,displayDateFormat:pt,onChange:e=>{s(e)},placeholder:"placeholder"})})),e.createElement(Pe,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===i?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:r,onClick:()=>{n((e=>{const t=new Date(e);return t.setDate(t.getDate()+265),{startDate:e,dueDate:t,otherInfo:{method:Ar.conception+1,conception_date:Qe(e,Lr),first_day:null,cycle_length_days:null,ivf_transfer_date:null,days_transfer:null}}})(l),`${ae.type}=1&sd=${Qe(l,Lr)}&${ae.additional}= `)},role:"button"},o("dueDatePage.lastPeriod.calculate")))},Mr=({locale:a,onClick:n,siteType:i,pageUrl:r})=>{const{t:o}=K(),[l,s]=t(new Date),[c,d]=t("3");return e.createElement(e.Fragment,null,e.createElement(zr,{className:"input-form","data-is-side":!0},"marryBaby"===i?e.createElement(Dr,{label:o("dueDatePage.ivf.transferDate"),name:"date",size:"md",value:Pr(l),CustomInput:e.createElement(Ia,{onChange:e=>{s(e)},placeholder:"dd/mm/yyyy",pickedDate:l,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:t=>e.createElement(Je,Object.assign({className:"due-date-input",name:"birthday",size:"md"},t,{value:l&&Ue(l).format(O)}))}),actionIcon:e.createElement(h.CalendarMB,{size:32})}):e.createElement(Je,{label:e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray700,style:{marginBottom:"9px",flex:"1"}},o("dueDatePage.ivf.transferDate")),value:Pr(l),name:"date",size:"md",className:"due-date-input",CustomInput:e.createElement(Ia,{customInput:t=>e.createElement("input",Object.assign({type:"date",className:"due-date-input"},t,{value:Pr(l)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:l,displayDateFormat:pt,onChange:e=>{s(e)},placeholder:"placeholder"})})),e.createElement("div",{style:{width:"100%"}},e.createElement(qa,{id:"radio-transfer-date",type:"circle",direction:"vertical",size:"small",group:"group1",value:c,onChange:e=>d(e),options:[{value:"3",label:o("dueDatePage.ivf.transferDateRadio",{number:3})},{value:"5",label:o("dueDatePage.ivf.transferDateRadio",{number:5})}]})),e.createElement(Pe,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===i?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:r,onClick:()=>{n(((e,t)=>{const a=new Date(e);return a.setDate(a.getDate()+265-t),{startDate:e,dueDate:a,otherInfo:{method:Ar.IVF+1,ivf_transfer_date:Qe(e,Lr),days_transfer:t,conception_date:null,first_day:null,cycle_length_days:null}}})(l,Number(c)),`${ae.type}=2&${ae.startDate}=${Qe(l,Lr)}&${ae.additional}=${c}`)},role:"button"},o("dueDatePage.lastPeriod.calculate")))},Or=({locale:a,onClick:n,siteType:i,pageUrl:r})=>{const{t:o}=K(),[l,s]=t(28),[c,d]=t(new Date);return e.createElement(e.Fragment,null,e.createElement(zr,{className:"input-form","data-is-side":!0},"marryBaby"===i?e.createElement(Dr,{label:o("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:Pr(c),CustomInput:e.createElement(Ia,{onChange:e=>{d(e)},placeholder:"dd/mm/yyyy",pickedDate:c,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:t=>e.createElement(Je,Object.assign({name:"birthday",size:"md"},t,{value:c&&Ue(c).format(O)}))}),actionIcon:e.createElement(h.CalendarMB,{size:32})}):e.createElement(Je,{className:"input-section due-date-input",label:e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray600,style:{marginBottom:"9px",flex:"1"}},o("dueDatePage.lastPeriod.lastPeriodLabel")),value:Pr(c),name:"date",size:"md",CustomInput:e.createElement(Ia,{customInput:t=>e.createElement("input",Object.assign({type:"date",className:"due-date-input"},t,{value:Pr(c)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:c,displayDateFormat:pt,onChange:e=>{d(e)},placeholder:"placeholder"})})),e.createElement("div",{className:"slider-due-date","data-theme":"marryBaby"===i?"marryBaby":""},"marryBaby"===i?e.createElement(ut,{type:"bodytext-3",color:le.mbColors.midGray},o("dueDatePage.lastPeriod.periodLengthLabel")):e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray600,style:{marginBottom:"0.5rem"}},o("dueDatePage.lastPeriod.periodLengthLabel")),e.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===i&&e.createElement(p,{size:"s3",weight:"semiBold",color:le.colors.gray600},l),e.createElement(ht,{containerStyle:{flex:1},min:20,max:40,step:1,labelAlwaysOn:"marryBaby"!==i,withControl:"marryBaby"!==i,onChange:s,value:l,label:"marryBaby"!==i?void 0:null}))),e.createElement(Pe,{dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:r,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===i?"secondary":"primary",onClick:()=>n(((e,t)=>{const a=t-21+272,n=new Date(e);return n.setDate(n.getDate()+a),{startDate:e,dueDate:n,otherInfo:{method:Ar.lastPeriod+1,first_day:Qe(e,Lr),cycle_length_days:t,conception_date:null,ivf_transfer_date:null,days_transfer:null}}})(c,l),`${ae.type}=0&${ae.startDate}=${Qe(c,Lr)}&${ae.additional}=${l}`),role:"button"},o("dueDatePage.lastPeriod.calculate")))};Ve.div`
   padding: 0;
   background-color: white;
 `,Ve.div`
@@ -2426,7 +2426,7 @@ import e,{useState as t,useRef as a,useMemo as n,useEffect as i,Fragment as r,me
     padding-top: 8px;
     padding-bottom: 16px;
   }
-`,Wr=({onSubmitDueDate:a,locale:i,isSide:r,siteType:o})=>{const{t:l}=K(),[s,c]=t(Ar.lastPeriod),d=[{value:Ar.lastPeriod,label:l("dueDatePage.lastPeriod")},{value:Ar.conception,label:l("dueDatePage.conceptionDate")},{value:Ar.IVF,label:l("dueDatePage.ivf")}],m=n((()=>"undefined"!=typeof window?window.location.href:""),[]);return e.createElement(Rr,null,e.createElement(Ir,{className:"input-form input-section","data-is-side":!0},"marryBaby"===o?e.createElement(Tr,{groupedWithLabel:l("dueDatePage.calculationMethod"),options:d,placeholder:l("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:d[s],onChange:e=>{c(e.value)}}):e.createElement(e.Fragment,null,e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray600,style:{marginBottom:"9px",flex:"1"}},l("dueDatePage.calculationMethod")),e.createElement(_r,{"data-is-side":r},e.createElement(ut,{options:d,placeholder:l("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"md",value:d[s],onChange:e=>{c(e.value)}})))),s===Ar.lastPeriod?e.createElement(Or,{locale:i,onClick:a,isSide:r,siteType:o,pageUrl:m}):null,s===Ar.conception?e.createElement($r,{locale:i,onClick:a,isSide:r,siteType:o,pageUrl:m}):null,s===Ar.IVF?e.createElement(Mr,{locale:i,onClick:a,isSide:r,siteType:o,pageUrl:m}):null)},Gr="hhgcomp-embedtoolcard-content",qr=P(Ve.form`
+`,Wr=({onSubmitDueDate:a,locale:i,isSide:r,siteType:o})=>{const{t:l}=K(),[s,c]=t(Ar.lastPeriod),d=[{value:Ar.lastPeriod,label:l("dueDatePage.lastPeriod")},{value:Ar.conception,label:l("dueDatePage.conceptionDate")},{value:Ar.IVF,label:l("dueDatePage.ivf")}],m=n((()=>"undefined"!=typeof window?window.location.href:""),[]);return e.createElement(Rr,null,e.createElement(Ir,{className:"input-form input-section","data-is-side":!0},"marryBaby"===o?e.createElement(Tr,{groupedWithLabel:l("dueDatePage.calculationMethod"),options:d,placeholder:l("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:d[s],onChange:e=>{c(e.value)}}):e.createElement(e.Fragment,null,e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray600,style:{marginBottom:"9px",flex:"1"}},l("dueDatePage.calculationMethod")),e.createElement(_r,{"data-is-side":r},e.createElement(gt,{options:d,placeholder:l("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"md",value:d[s],onChange:e=>{c(e.value)}})))),s===Ar.lastPeriod?e.createElement(Or,{locale:i,onClick:a,isSide:r,siteType:o,pageUrl:m}):null,s===Ar.conception?e.createElement($r,{locale:i,onClick:a,isSide:r,siteType:o,pageUrl:m}):null,s===Ar.IVF?e.createElement(Mr,{locale:i,onClick:a,isSide:r,siteType:o,pageUrl:m}):null)},Gr="hhgcomp-embedtoolcard-content",qr=P(Ve.form`
   margin: auto;
   ${Z.mbUp} {
     width: 100%;
@@ -2799,7 +2799,7 @@ import e,{useState as t,useRef as a,useMemo as n,useEffect as i,Fragment as r,me
     flex-direction: column;
     gap: 0px;
   }
-`;function ao({weight:e,height:t}){const a=t/100,n=e;return Math.round(n/(a*a)*10)/10}const no=({value:a,onChange:r,onSubmit:o,disabled:l,bmiGenerated:s,bmiUnit:c,locale:d,isSide:m})=>{var h,u,g,b;const[f,v]=t(!1),{control:y,handleSubmit:x,setValue:w,watch:E}=bt(),k=E(),{t:C}=K(),{gender:S=!1,age:N=!1,height:B=!1,weight:T=!1,objective:D=!0}=l||{},{getHealthToolLink:I}=vt(d),_=n((()=>I(j.OVULATION)),[I]),z=n((()=>[{value:"lose-weight",label:C("bmi.objective.loseWeight")},{value:"maintain-weight",label:C("bmi.objective.maintainWeight")},{value:"gain-weight",label:C("bmi.objective.gainWeight")}]),[]),A=()=>{v(!0)};return i((()=>{Object.keys(a||{}).forEach((e=>{w(e,null==a?void 0:a[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})}))}),[a]),i((()=>{r&&r(k)}),[k]),e.createElement(Qr,null,e.createElement("form",{onSubmit:x((e=>ce(void 0,void 0,void 0,(function*(){const t=c.heightConvert(e.height),a=c.weightConvert(e.weight),n={gender:e.gender,age:e.age,height:t,weight:a,bmi:ao({height:t,weight:a})};D||(n.objective=e.objective),A(),o&&o(n)}))),A)},!S&&e.createElement(eo,{"data-is-side":m},e.createElement(ft,{name:"gender",control:y,defaultValue:"male",render:({field:{onChange:t}})=>e.createElement(ia,{defaultValue:"male",onChange:e=>t(e),styles:e=>({root:!m&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:he(12)}}})})})),e.createElement(to,{"data-is-side":m},!N&&e.createElement(eo,null,e.createElement(ft,{name:"age",control:y,rules:null===(h=s.age)||void 0===h?void 0:h.rule,render:({field:{name:t,value:a,onChange:n},fieldState:{error:i}})=>e.createElement($e.Number,{label:e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray600},C("bmi.ageInput")," ",e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray300,as:"span"},C("bmi.ageInput.desc"))),placeholder:C("healthtool.placeholder.age"),name:t,value:a,onChange:n,error:f?null==i?void 0:i.message:"",min:0})})),!B&&e.createElement(eo,null,e.createElement(ft,{name:"height",control:y,rules:null===(u=s.height)||void 0===u?void 0:u.rule,render:({field:{name:t,value:a,onChange:n},fieldState:{error:i}})=>e.createElement($e.Number,{label:e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray600},C("bmi.heightInput")," ",e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray300,as:"span"},C("bmi.heightInput.desc"))),placeholder:C("pwg.placeholder.height"),name:t,value:a,onChange:n,error:f?null==i?void 0:i.message:"",min:0})})),!T&&e.createElement(eo,null,e.createElement(ft,{name:"weight",control:y,rules:null===(g=s.weight)||void 0===g?void 0:g.rule,render:({field:{name:t,value:a,onChange:n},fieldState:{error:i}})=>e.createElement($e.Number,{label:e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray600},C("bmi.weightInput")," ",e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray300,as:"span"},C("bmi.weightInput.desc"))),placeholder:C("pwg.placeholder.weight"),name:t,value:a,onChange:n,error:f?null==i?void 0:i.message:"",precision:1,min:0})})),!D&&e.createElement(eo,null,e.createElement(ft,{name:"objective",control:y,defaultValue:"lose-weight",rules:null===(b=s.objective)||void 0===b?void 0:b.rule,render:({field:{name:t,value:a,onChange:n},fieldState:{error:i}})=>e.createElement(Jr,{size:"md",name:t,label:s.objective.label,CustomInput:e.createElement(qa,{id:"bmi-objective",className:"bmi-objective",type:"circle",direction:"vertical",size:"small",group:"group1",options:z,value:a,onChange:n}),errorMessage:f?null==i?void 0:i.message:"",className:"bmi--input bmi--input-objective"})}))),e.createElement("div",{style:{display:"flex"}},e.createElement(Kr,{size:"lg",fullWidth:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${Q[d]}/${_}`,type:"submit"},C("bmi.submit")))))},io=({isMobile:t,onSubmit:a,bmiContent:n,isSide:i,bmiGenerated:r,bmiUnit:o,bmiLink:l,locale:s})=>{var c,d,m;const{t:p}=K();return e.createElement(Zr,{"data-is-side":i},e.createElement(Br,{isSide:i,icon:e.createElement("img",{alt:"health-tool-icon",src:(null==n?void 0:n.featured_image)||oe.getAssetPath("health-tools/bmi.svg"),loading:"lazy"}),heading:p("bmi.heading"),medicalReview:{link:null===(c=null==n?void 0:n.reviewBy)||void 0===c?void 0:c.link,reviewer:null===(d=null==n?void 0:n.reviewBy)||void 0===d?void 0:d.reviewer,date:null===(m=null==n?void 0:n.reviewBy)||void 0===m?void 0:m.date},isMobile:t}),e.createElement(gt,null,e.createElement(qr,{as:"div","data-is-side":i},l&&e.createElement(no,{onSubmit:a,bmiGenerated:r,locale:s,bmiUnit:o,isSide:i}))))};Ve.img`
+`;function ao({weight:e,height:t}){const a=t/100,n=e;return Math.round(n/(a*a)*10)/10}const no=({value:a,onChange:r,onSubmit:o,disabled:l,bmiGenerated:s,bmiUnit:c,locale:d,isSide:m})=>{var h,u,g,b;const[f,v]=t(!1),{control:y,handleSubmit:x,setValue:w,watch:E}=ft(),k=E(),{t:C}=K(),{gender:S=!1,age:N=!1,height:B=!1,weight:T=!1,objective:D=!0}=l||{},{getHealthToolLink:I}=yt(d),_=n((()=>I(j.OVULATION)),[I]),z=n((()=>[{value:"lose-weight",label:C("bmi.objective.loseWeight")},{value:"maintain-weight",label:C("bmi.objective.maintainWeight")},{value:"gain-weight",label:C("bmi.objective.gainWeight")}]),[]),A=()=>{v(!0)};return i((()=>{Object.keys(a||{}).forEach((e=>{w(e,null==a?void 0:a[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})}))}),[a]),i((()=>{r&&r(k)}),[k]),e.createElement(Qr,null,e.createElement("form",{onSubmit:x((e=>ce(void 0,void 0,void 0,(function*(){const t=c.heightConvert(e.height),a=c.weightConvert(e.weight),n={gender:e.gender,age:e.age,height:t,weight:a,bmi:ao({height:t,weight:a})};D||(n.objective=e.objective),A(),o&&o(n)}))),A)},!S&&e.createElement(eo,{"data-is-side":m},e.createElement(vt,{name:"gender",control:y,defaultValue:"male",render:({field:{onChange:t}})=>e.createElement(ia,{defaultValue:"male",onChange:e=>t(e),styles:e=>({root:!m&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:he(12)}}})})})),e.createElement(to,{"data-is-side":m},!N&&e.createElement(eo,null,e.createElement(vt,{name:"age",control:y,rules:null===(h=s.age)||void 0===h?void 0:h.rule,render:({field:{name:t,value:a,onChange:n},fieldState:{error:i}})=>e.createElement($e.Number,{label:e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray600},C("bmi.ageInput")," ",e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray300,as:"span"},C("bmi.ageInput.desc"))),placeholder:C("healthtool.placeholder.age"),name:t,value:a,onChange:n,error:f?null==i?void 0:i.message:"",min:0})})),!B&&e.createElement(eo,null,e.createElement(vt,{name:"height",control:y,rules:null===(u=s.height)||void 0===u?void 0:u.rule,render:({field:{name:t,value:a,onChange:n},fieldState:{error:i}})=>e.createElement($e.Number,{label:e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray600},C("bmi.heightInput")," ",e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray300,as:"span"},C("bmi.heightInput.desc"))),placeholder:C("pwg.placeholder.height"),name:t,value:a,onChange:n,error:f?null==i?void 0:i.message:"",min:0})})),!T&&e.createElement(eo,null,e.createElement(vt,{name:"weight",control:y,rules:null===(g=s.weight)||void 0===g?void 0:g.rule,render:({field:{name:t,value:a,onChange:n},fieldState:{error:i}})=>e.createElement($e.Number,{label:e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray600},C("bmi.weightInput")," ",e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray300,as:"span"},C("bmi.weightInput.desc"))),placeholder:C("pwg.placeholder.weight"),name:t,value:a,onChange:n,error:f?null==i?void 0:i.message:"",precision:1,min:0})})),!D&&e.createElement(eo,null,e.createElement(vt,{name:"objective",control:y,defaultValue:"lose-weight",rules:null===(b=s.objective)||void 0===b?void 0:b.rule,render:({field:{name:t,value:a,onChange:n},fieldState:{error:i}})=>e.createElement(Jr,{size:"md",name:t,label:s.objective.label,CustomInput:e.createElement(qa,{id:"bmi-objective",className:"bmi-objective",type:"circle",direction:"vertical",size:"small",group:"group1",options:z,value:a,onChange:n}),errorMessage:f?null==i?void 0:i.message:"",className:"bmi--input bmi--input-objective"})}))),e.createElement("div",{style:{display:"flex"}},e.createElement(Kr,{size:"lg",fullWidth:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${Q[d]}/${_}`,type:"submit"},C("bmi.submit")))))},io=({isMobile:t,onSubmit:a,bmiContent:n,isSide:i,bmiGenerated:r,bmiUnit:o,bmiLink:l,locale:s})=>{var c,d,m;const{t:p}=K();return e.createElement(Zr,{"data-is-side":i},e.createElement(Br,{isSide:i,icon:e.createElement("img",{alt:"health-tool-icon",src:(null==n?void 0:n.featured_image)||oe.getAssetPath("health-tools/bmi.svg"),loading:"lazy"}),heading:p("bmi.heading"),medicalReview:{link:null===(c=null==n?void 0:n.reviewBy)||void 0===c?void 0:c.link,reviewer:null===(d=null==n?void 0:n.reviewBy)||void 0===d?void 0:d.reviewer,date:null===(m=null==n?void 0:n.reviewBy)||void 0===m?void 0:m.date},isMobile:t}),e.createElement(bt,null,e.createElement(qr,{as:"div","data-is-side":i},l&&e.createElement(no,{onSubmit:a,bmiGenerated:r,locale:s,bmiUnit:o,isSide:i}))))};Ve.img`
   width: 24px;
   height: 24px;
 `;const ro=Ve.div`
@@ -2957,7 +2957,7 @@ import e,{useState as t,useRef as a,useMemo as n,useEffect as i,Fragment as r,me
   .error-input input {
     border: 1px solid ${e=>e.theme.colors.red700};
   }
-`,go=Ve(Et)`
+`,go=Ve(mt)`
   display: inline-flex;
   padding-bottom: 6px;
   gap: 4px;
@@ -3016,7 +3016,7 @@ import e,{useState as t,useRef as a,useMemo as n,useEffect as i,Fragment as r,me
       padding: 16px;
     }
   }
-`,yo=Ve((({onSubmit:t,onError:a,schema:r,siteType:o})=>{const{t:l}=K(),s="mb"===ve().other.template,{control:c,setValue:d,watch:m,handleSubmit:u,formState:{isSubmitted:g}}=bt({resolver:yt(r),mode:"onSubmit",defaultValues:{name:"",gender:He.Boy,measurementDate:new Date}}),b=m("weight"),f=m("height"),v=m("head"),y=n((()=>g&&!b&&!f&&!v),[g,b,f,v]);i((()=>{const e=fo(f,b);d("bmi",String(e)||"0")}),[b,f]);const x=n((()=>"undefined"!=typeof window?window.location.href:""),[]);return e.createElement(e.Fragment,null,e.createElement(po,{"data-theme":o},e.createElement(ho,{onSubmit:u(t,a)},e.createElement(ft,{control:c,name:"gender",render:({field:{onChange:t,value:a}})=>e.createElement(xt,{onChange:t,value:a,siteType:o})}),"marryBaby"===o?e.createElement(e.Fragment,null,e.createElement(ft,{control:c,name:"birthday",render:({field:{onChange:t,value:a},fieldState:{error:n}})=>e.createElement(uo,null,e.createElement(Dr,{label:l("babyGrowth.input.birthday"),name:"birthday",size:"md",value:String(a),CustomInput:e.createElement(Ia,{onChange:t,placeholder:"dd/mm/yyyy",pickedDate:a||new Date,displayDateFormat:"dd/MM/yyyy",disabledDays:{after:new Date},customInput:i=>e.createElement(Je,Object.assign({onChange:t,className:(null==n?void 0:n.message)?"error-input":"",name:"birthday",size:"md"},i,{value:a&&Ue(a).format(O)}))}),actionIcon:e.createElement(h.CalendarMB,{size:32})}))}),e.createElement(bo,null,e.createElement(ft,{control:c,name:"height",render:({field:{onChange:t,value:a},fieldState:{error:n}})=>e.createElement(uo,null,e.createElement(Dr,{label:`${l("babyGrowth.height")} ${l("babyGrowth.cm")}`,name:"height",size:"md",value:String(a),CustomInput:e.createElement(Je,{className:y||(null==n?void 0:n.message)?"error-input":"",name:"height",size:"md",placeholder:"Nhập thông tin",value:String(a),onChange:t,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()})}))}),e.createElement(ft,{control:c,name:"weight",render:({field:{onChange:t,value:a},fieldState:{error:n}})=>e.createElement(uo,null,e.createElement(Dr,{label:`${l("babyGrowth.weight")} ${l("babyGrowth.kg")}`,name:"weight",size:"md",value:String(a),CustomInput:e.createElement(Je,{className:y||(null==n?void 0:n.message)?"error-input":"",name:"weight",size:"md",placeholder:"Nhập thông tin",value:String(a),onChange:t,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()})}))})),e.createElement(bo,null,e.createElement(ft,{control:c,name:"head",render:({field:{onChange:t,value:a},fieldState:{error:n}})=>e.createElement(uo,null,e.createElement(Dr,{label:`${l("babyGrowth.headCircumference")} ${l("babyGrowth.cm")}`,name:"head",size:"md",value:String(a),CustomInput:e.createElement(Je,{className:y||(null==n?void 0:n.message)?"error-input":"",name:"head",size:"md",value:String(a),onChange:t,type:"number",placeholder:"Nhập thông tin",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()})}))}),e.createElement(ft,{control:c,name:"bmi",render:({field:{value:t}})=>e.createElement(uo,null,e.createElement(Dr,{label:`${l("babyGrowth.input.bmi")} ${l("babyGrowth.kg.m2")}`,name:"date",size:"md",value:String(t),CustomInput:e.createElement(Je,{name:"bmi",size:"md",type:"number",value:String(t),isDisabled:!0,style:{color:"#9495A0"}})}))})),e.createElement(ft,{control:c,name:"measurementDate",render:({field:{onChange:t,value:a},fieldState:{error:n}})=>e.createElement(uo,null,e.createElement(Dr,{label:l("babyGrowth.input.measurementDate"),name:"date",size:"md",value:Pr(a),CustomInput:e.createElement(Ia,{placeholder:a&&Ue(a).format(O),pickedDate:a||new Date,displayDateFormat:"dd/MM/yyyy",onChange:t,disabledDays:{after:new Date},customInput:i=>e.createElement(Je,Object.assign({className:(null==n?void 0:n.message)&&"error-input",name:"measurementDate",size:"md",placeholder:a&&Ue(a).format(O),onChange:t},i,{value:a&&Ue(a).format(O)}))}),actionIcon:e.createElement(h.CalendarMB,{size:32})}))}),e.createElement(Pe,{size:"lg",variant:s?"secondary":"primary","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":x},l("babyGrowth.input.submit"))):e.createElement(e.Fragment,null,e.createElement(ft,{control:c,name:"birthday",render:({field:{onChange:t,value:a},fieldState:{error:n}})=>e.createElement(uo,null,e.createElement(go,{size:"label1",htmlFor:"birthday"},e.createElement(p,{as:"label",size:"s4",weight:"semiBold"},l("babyGrowth.input.birthday"))),e.createElement(Ia,{onChange:t,placeholder:"dd/mm/yyyy",pickedDate:a||new Date,displayDateFormat:"dd/MM/yyyy",disabledDays:{after:new Date},customInput:i=>e.createElement(Je,Object.assign({onChange:t,className:(null==n?void 0:n.message)?"error-input":"",name:"birthday",size:"md",actionIcon:e.createElement(h.Calendar,null)},i,{value:a&&Ue(a).format(O)}))}))}),e.createElement(bo,null,e.createElement(ft,{control:c,name:"height",render:({field:{onChange:t,value:a},fieldState:{error:n}})=>e.createElement(uo,null,e.createElement(go,{size:"label1",htmlFor:"height"},e.createElement(p,{size:"s4",weight:"semiBold"},l("babyGrowth.height")),e.createElement(p,{as:"span",size:"n1",color:le.colors.gray400},l("babyGrowth.cm"))),e.createElement(Je,{className:y||(null==n?void 0:n.message)?"error-input":"",name:"height",placeholder:"0",size:"md",value:String(a),onChange:t,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()}))}),e.createElement(ft,{control:c,name:"weight",render:({field:{onChange:t,value:a},fieldState:{error:n}})=>e.createElement(uo,null,e.createElement(go,{size:"label1",htmlFor:"weight"},e.createElement(p,{size:"s4",weight:"semiBold"},l("babyGrowth.weight")),e.createElement(p,{as:"span",size:"n1",color:le.colors.gray400},l("babyGrowth.kg"))),e.createElement(Je,{className:y||(null==n?void 0:n.message)?"error-input":"",name:"weight",placeholder:"0",size:"md",value:String(a),onChange:t,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()}))})),e.createElement(bo,null,e.createElement(ft,{control:c,name:"head",render:({field:{onChange:t,value:a},fieldState:{error:n}})=>e.createElement(uo,null,e.createElement(go,{size:"label1",htmlFor:"head"},e.createElement(p,{size:"s4",weight:"semiBold"},l("babyGrowth.headCircumference")),e.createElement(p,{as:"span",size:"n1",color:le.colors.gray400},l("babyGrowth.cm"))),e.createElement(Je,{className:y||(null==n?void 0:n.message)?"error-input":"",name:"head",placeholder:"0",size:"md",value:String(a),onChange:t,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()}))}),e.createElement(ft,{control:c,name:"bmi",render:({field:{value:t}})=>e.createElement(uo,null,e.createElement(go,{size:"label1",htmlFor:"bmi"},e.createElement(p,{size:"s4",weight:"semiBold"},l("babyGrowth.input.bmi")),e.createElement(p,{as:"span",size:"n1",color:le.colors.gray400},l("babyGrowth.kg.m2"))),e.createElement(Je,{name:"bmi",size:"md",type:"number",value:String(t),isDisabled:!0}))})),e.createElement(ft,{control:c,name:"measurementDate",render:({field:{onChange:t,value:a},fieldState:{error:n}})=>e.createElement(uo,null,e.createElement(go,{size:"label1",htmlFor:"measurementDate"},e.createElement(p,{as:"label",size:"s4",weight:"semiBold"},l("babyGrowth.input.measurementDate"))),e.createElement(Ia,{placeholder:a&&Ue(a).format(O),pickedDate:a||new Date,displayDateFormat:"dd/MM/yyyy",onChange:t,disabledDays:{after:new Date},customInput:i=>e.createElement(Je,Object.assign({className:(null==n?void 0:n.message)&&"error-input",name:"measurementDate",size:"md",placeholder:a&&Ue(a).format(O),onChange:t,actionIcon:e.createElement(h.Calendar,null)},i,{value:a&&Ue(a).format(O)}))}))}),e.createElement(Pe,{size:"lg",variant:s?"secondary":"primary","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":x},l("babyGrowth.input.submit"))))))}))`
+`,yo=Ve((({onSubmit:t,onError:a,schema:r,siteType:o})=>{const{t:l}=K(),s="mb"===ve().other.template,{control:c,setValue:d,watch:m,handleSubmit:u,formState:{isSubmitted:g}}=ft({resolver:xt(r),mode:"onSubmit",defaultValues:{name:"",gender:He.Boy,measurementDate:new Date}}),b=m("weight"),f=m("height"),v=m("head"),y=n((()=>g&&!b&&!f&&!v),[g,b,f,v]);i((()=>{const e=fo(f,b);d("bmi",String(e)||"0")}),[b,f]);const x=n((()=>"undefined"!=typeof window?window.location.href:""),[]);return e.createElement(e.Fragment,null,e.createElement(po,{"data-theme":o},e.createElement(ho,{onSubmit:u(t,a)},e.createElement(vt,{control:c,name:"gender",render:({field:{onChange:t,value:a}})=>e.createElement(wt,{onChange:t,value:a,siteType:o})}),"marryBaby"===o?e.createElement(e.Fragment,null,e.createElement(vt,{control:c,name:"birthday",render:({field:{onChange:t,value:a},fieldState:{error:n}})=>e.createElement(uo,null,e.createElement(Dr,{label:l("babyGrowth.input.birthday"),name:"birthday",size:"md",value:String(a),CustomInput:e.createElement(Ia,{onChange:t,placeholder:"dd/mm/yyyy",pickedDate:a||new Date,displayDateFormat:"dd/MM/yyyy",disabledDays:{after:new Date},customInput:i=>e.createElement(Je,Object.assign({onChange:t,className:(null==n?void 0:n.message)?"error-input":"",name:"birthday",size:"md"},i,{value:a&&Ue(a).format(O)}))}),actionIcon:e.createElement(h.CalendarMB,{size:32})}))}),e.createElement(bo,null,e.createElement(vt,{control:c,name:"height",render:({field:{onChange:t,value:a},fieldState:{error:n}})=>e.createElement(uo,null,e.createElement(Dr,{label:`${l("babyGrowth.height")} ${l("babyGrowth.cm")}`,name:"height",size:"md",value:String(a),CustomInput:e.createElement(Je,{className:y||(null==n?void 0:n.message)?"error-input":"",name:"height",size:"md",placeholder:"Nhập thông tin",value:String(a),onChange:t,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()})}))}),e.createElement(vt,{control:c,name:"weight",render:({field:{onChange:t,value:a},fieldState:{error:n}})=>e.createElement(uo,null,e.createElement(Dr,{label:`${l("babyGrowth.weight")} ${l("babyGrowth.kg")}`,name:"weight",size:"md",value:String(a),CustomInput:e.createElement(Je,{className:y||(null==n?void 0:n.message)?"error-input":"",name:"weight",size:"md",placeholder:"Nhập thông tin",value:String(a),onChange:t,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()})}))})),e.createElement(bo,null,e.createElement(vt,{control:c,name:"head",render:({field:{onChange:t,value:a},fieldState:{error:n}})=>e.createElement(uo,null,e.createElement(Dr,{label:`${l("babyGrowth.headCircumference")} ${l("babyGrowth.cm")}`,name:"head",size:"md",value:String(a),CustomInput:e.createElement(Je,{className:y||(null==n?void 0:n.message)?"error-input":"",name:"head",size:"md",value:String(a),onChange:t,type:"number",placeholder:"Nhập thông tin",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()})}))}),e.createElement(vt,{control:c,name:"bmi",render:({field:{value:t}})=>e.createElement(uo,null,e.createElement(Dr,{label:`${l("babyGrowth.input.bmi")} ${l("babyGrowth.kg.m2")}`,name:"date",size:"md",value:String(t),CustomInput:e.createElement(Je,{name:"bmi",size:"md",type:"number",value:String(t),isDisabled:!0,style:{color:"#9495A0"}})}))})),e.createElement(vt,{control:c,name:"measurementDate",render:({field:{onChange:t,value:a},fieldState:{error:n}})=>e.createElement(uo,null,e.createElement(Dr,{label:l("babyGrowth.input.measurementDate"),name:"date",size:"md",value:Pr(a),CustomInput:e.createElement(Ia,{placeholder:a&&Ue(a).format(O),pickedDate:a||new Date,displayDateFormat:"dd/MM/yyyy",onChange:t,disabledDays:{after:new Date},customInput:i=>e.createElement(Je,Object.assign({className:(null==n?void 0:n.message)&&"error-input",name:"measurementDate",size:"md",placeholder:a&&Ue(a).format(O),onChange:t},i,{value:a&&Ue(a).format(O)}))}),actionIcon:e.createElement(h.CalendarMB,{size:32})}))}),e.createElement(Pe,{size:"lg",variant:s?"secondary":"primary","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":x},l("babyGrowth.input.submit"))):e.createElement(e.Fragment,null,e.createElement(vt,{control:c,name:"birthday",render:({field:{onChange:t,value:a},fieldState:{error:n}})=>e.createElement(uo,null,e.createElement(go,{size:"label1",htmlFor:"birthday"},e.createElement(p,{as:"label",size:"s4",weight:"semiBold"},l("babyGrowth.input.birthday"))),e.createElement(Ia,{onChange:t,placeholder:"dd/mm/yyyy",pickedDate:a||new Date,displayDateFormat:"dd/MM/yyyy",disabledDays:{after:new Date},customInput:i=>e.createElement(Je,Object.assign({onChange:t,className:(null==n?void 0:n.message)?"error-input":"",name:"birthday",size:"md",actionIcon:e.createElement(h.Calendar,null)},i,{value:a&&Ue(a).format(O)}))}))}),e.createElement(bo,null,e.createElement(vt,{control:c,name:"height",render:({field:{onChange:t,value:a},fieldState:{error:n}})=>e.createElement(uo,null,e.createElement(go,{size:"label1",htmlFor:"height"},e.createElement(p,{size:"s4",weight:"semiBold"},l("babyGrowth.height")),e.createElement(p,{as:"span",size:"n1",color:le.colors.gray400},l("babyGrowth.cm"))),e.createElement(Je,{className:y||(null==n?void 0:n.message)?"error-input":"",name:"height",placeholder:"0",size:"md",value:String(a),onChange:t,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()}))}),e.createElement(vt,{control:c,name:"weight",render:({field:{onChange:t,value:a},fieldState:{error:n}})=>e.createElement(uo,null,e.createElement(go,{size:"label1",htmlFor:"weight"},e.createElement(p,{size:"s4",weight:"semiBold"},l("babyGrowth.weight")),e.createElement(p,{as:"span",size:"n1",color:le.colors.gray400},l("babyGrowth.kg"))),e.createElement(Je,{className:y||(null==n?void 0:n.message)?"error-input":"",name:"weight",placeholder:"0",size:"md",value:String(a),onChange:t,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()}))})),e.createElement(bo,null,e.createElement(vt,{control:c,name:"head",render:({field:{onChange:t,value:a},fieldState:{error:n}})=>e.createElement(uo,null,e.createElement(go,{size:"label1",htmlFor:"head"},e.createElement(p,{size:"s4",weight:"semiBold"},l("babyGrowth.headCircumference")),e.createElement(p,{as:"span",size:"n1",color:le.colors.gray400},l("babyGrowth.cm"))),e.createElement(Je,{className:y||(null==n?void 0:n.message)?"error-input":"",name:"head",placeholder:"0",size:"md",value:String(a),onChange:t,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()}))}),e.createElement(vt,{control:c,name:"bmi",render:({field:{value:t}})=>e.createElement(uo,null,e.createElement(go,{size:"label1",htmlFor:"bmi"},e.createElement(p,{size:"s4",weight:"semiBold"},l("babyGrowth.input.bmi")),e.createElement(p,{as:"span",size:"n1",color:le.colors.gray400},l("babyGrowth.kg.m2"))),e.createElement(Je,{name:"bmi",size:"md",type:"number",value:String(t),isDisabled:!0}))})),e.createElement(vt,{control:c,name:"measurementDate",render:({field:{onChange:t,value:a},fieldState:{error:n}})=>e.createElement(uo,null,e.createElement(go,{size:"label1",htmlFor:"measurementDate"},e.createElement(p,{as:"label",size:"s4",weight:"semiBold"},l("babyGrowth.input.measurementDate"))),e.createElement(Ia,{placeholder:a&&Ue(a).format(O),pickedDate:a||new Date,displayDateFormat:"dd/MM/yyyy",onChange:t,disabledDays:{after:new Date},customInput:i=>e.createElement(Je,Object.assign({className:(null==n?void 0:n.message)&&"error-input",name:"measurementDate",size:"md",placeholder:a&&Ue(a).format(O),onChange:t,actionIcon:e.createElement(h.Calendar,null)},i,{value:a&&Ue(a).format(O)}))}))}),e.createElement(Pe,{size:"lg",variant:s?"secondary":"primary","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":x},l("babyGrowth.input.submit"))))))}))`
   padding-block: 0;
 `;Ve(Br)`
   padding-inline: 20px;
@@ -3249,7 +3249,7 @@ import e,{useState as t,useRef as a,useMemo as n,useEffect as i,Fragment as r,me
       gap: 0px;
     }
   }
-`,Io=({info:a,className:n,style:r,onChange:o,errorMessage:l={},locale:s})=>{const{t:c}=K(),[d,m]=t(new Date),[h,u]=t({age:!1,rate:!1});return i((()=>{u({age:!1,rate:!1})}),[l]),e.createElement(Bo,{style:r,className:n},e.createElement(Je,{className:"input-section due-date-input",label:e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray600,style:{marginBottom:"9px",flex:"1"}},c("targetHeartRate.ageInput")),value:Pr(d),name:"date",size:"md",CustomInput:e.createElement(Ia,{customInput:t=>e.createElement("input",Object.assign({type:"date",className:"due-date-input"},t,{value:Pr(d)})),disabledDays:{after:new Date(et(new Date,0))},locale:s,pickedDate:d,displayDateFormat:"dd/MM/yyyy",onChange:e=>{(e=>{m(e),u((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},a),{age:Qe(new Date(e),Lr)});o&&o(t)})(e)},placeholder:"placeholder"}),errorMessage:h.age?"":l.age}))},_o=({isSide:a,locale:r,thrContent:o,isMobile:l,info:s,inputErrorMessage:c,onFormChange:d,onSubmit:m})=>{var h,u,g;const{t:b}=K(),{getHealthToolLink:f}=vt(r),v=n((()=>f(j.THR)),[f]),[y,x]=t(!1),[w,E]=t("low_intensity"),[k,C]=t("male"),[S,N]=t(60),[B,T]=t({idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40}),D=[{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}],I=[{value:"low_intensity",label:b("targetHeartRate.lowIntensity.title"),image:oe.getAssetPath("/low.svg"),imageActive:oe.getAssetPath("/low-active.svg"),content:b("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:b("targetHeartRate.moderateIntensity.title"),image:oe.getAssetPath("/moderate.svg"),imageActive:oe.getAssetPath("/moderate-active.svg"),content:b("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:b("targetHeartRate.aerobicZone.title"),image:oe.getAssetPath("/aerobic.svg"),imageActive:oe.getAssetPath("/aerobic-active.svg"),content:b("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:b("targetHeartRate.vigorousIntensity.title"),image:oe.getAssetPath("/vigorous.svg"),imageActive:oe.getAssetPath("/vigorous-active.svg"),content:b("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:b("targetHeartRate.maximumIntensity.title"),image:oe.getAssetPath("/maximum.svg"),imageActive:oe.getAssetPath("/maximum-active.svg"),content:b("targetHeartRate.maximumIntensity.note")}];return i((()=>{const e=((new Date).getTime()-new Date(null==s?void 0:s.age).getTime())/1e3;x(e>=567648e3);const t=D.find((t=>e>=365*t.minAge*24*60*60&&e<365*t.maxAge*24*60*60))||D[0];T(t),N(60)}),[null==s?void 0:s.age]),e.createElement(Zr,{"data-is-side":a},e.createElement(Br,{isSide:a,icon:e.createElement("img",{alt:"health-tool-icon",src:(null==o?void 0:o.featured_image)||oe.getAssetPath("health-tools/target-heart-rate-icon.svg"),loading:"lazy"}),heading:b("targetHearRate.heading"),medicalReview:(null===(h=null==o?void 0:o.reviewedBy)||void 0===h?void 0:h.display_name)?{link:kt(null==o?void 0:o.reviewedBy),reviewer:null===(u=null==o?void 0:o.reviewedBy)||void 0===u?void 0:u.display_name,date:null==o?void 0:o.reviewedDate}:void 0,isMobile:l}),e.createElement(gt,null,e.createElement(qr,{className:"heart-rate-cal",onSubmit:e=>e.preventDefault(),"data-is-side":a},e.createElement(Do,{"data-is-side":a},e.createElement(To,null,e.createElement(ia,{defaultValue:"male",onChange:e=>{C(e),N(60)},styles:e=>({root:!a&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:he(12)}}})}))),e.createElement(Do,null,e.createElement(Io,{info:s,locale:r,errorMessage:c,onChange:d})),e.createElement("div",{className:"slider-heart-rate"},e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray600},b("targetHeartRate.heartRateInput")),e.createElement("div",{className:"slider-outer-wrapper"},e.createElement(pt,{containerStyle:{flex:1},min:"male"===k?B.rangeMale:B.rangeFemale,max:200,step:1,value:S,withControl:!0,onChange:N}))),y&&e.createElement(To,null,e.createElement(Vr,null,e.createElement(p,{size:"s4",style:{display:"inline-block",fontWeight:"bold",color:le.colors.gray600,marginBottom:"9px"}},b("targetHeartRate.selectActive")),e.createElement("div",{className:"card"},e.createElement(So,{options:I.map((e=>({value:e.value,label:e.label,image:e.image,imageActive:e.imageActive}))),value:w,onChange:e=>{E(e)},className:"gender-selector"})),w&&e.createElement("div",{className:"note"},e.createElement("img",{style:{height:"16px",width:"16px"},src:oe.getAssetPath("/infoIcon.svg"),alt:"",loading:"lazy"}),e.createElement(p,{size:"s4",color:"#595959"},null===(g=I[I.findIndex((e=>e.value==w))||0])||void 0===g?void 0:g.content)),!w&&e.createElement("span",{style:{color:"#e64728"}},c.intensity)))),e.createElement("div",{style:{display:"flex"}},e.createElement(No,{size:"lg",onClick:()=>{m(k,w,[S])},dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:`https://${Q[r]}/${v}`},b("bmi.submit")))))},zo=Ve(Pe)`
+`,Io=({info:a,className:n,style:r,onChange:o,errorMessage:l={},locale:s})=>{const{t:c}=K(),[d,m]=t(new Date),[h,u]=t({age:!1,rate:!1});return i((()=>{u({age:!1,rate:!1})}),[l]),e.createElement(Bo,{style:r,className:n},e.createElement(Je,{className:"input-section due-date-input",label:e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray600,style:{marginBottom:"9px",flex:"1"}},c("targetHeartRate.ageInput")),value:Pr(d),name:"date",size:"md",CustomInput:e.createElement(Ia,{customInput:t=>e.createElement("input",Object.assign({type:"date",className:"due-date-input"},t,{value:Pr(d)})),disabledDays:{after:new Date(et(new Date,0))},locale:s,pickedDate:d,displayDateFormat:"dd/MM/yyyy",onChange:e=>{(e=>{m(e),u((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},a),{age:Qe(new Date(e),Lr)});o&&o(t)})(e)},placeholder:"placeholder"}),errorMessage:h.age?"":l.age}))},_o=({isSide:a,locale:r,thrContent:o,isMobile:l,info:s,inputErrorMessage:c,onFormChange:d,onSubmit:m})=>{var h,u,g;const{t:b}=K(),{getHealthToolLink:f}=yt(r),v=n((()=>f(j.THR)),[f]),[y,x]=t(!1),[w,E]=t("low_intensity"),[k,C]=t("male"),[S,N]=t(60),[B,T]=t({idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40}),D=[{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}],I=[{value:"low_intensity",label:b("targetHeartRate.lowIntensity.title"),image:oe.getAssetPath("/low.svg"),imageActive:oe.getAssetPath("/low-active.svg"),content:b("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:b("targetHeartRate.moderateIntensity.title"),image:oe.getAssetPath("/moderate.svg"),imageActive:oe.getAssetPath("/moderate-active.svg"),content:b("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:b("targetHeartRate.aerobicZone.title"),image:oe.getAssetPath("/aerobic.svg"),imageActive:oe.getAssetPath("/aerobic-active.svg"),content:b("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:b("targetHeartRate.vigorousIntensity.title"),image:oe.getAssetPath("/vigorous.svg"),imageActive:oe.getAssetPath("/vigorous-active.svg"),content:b("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:b("targetHeartRate.maximumIntensity.title"),image:oe.getAssetPath("/maximum.svg"),imageActive:oe.getAssetPath("/maximum-active.svg"),content:b("targetHeartRate.maximumIntensity.note")}];return i((()=>{const e=((new Date).getTime()-new Date(null==s?void 0:s.age).getTime())/1e3;x(e>=567648e3);const t=D.find((t=>e>=365*t.minAge*24*60*60&&e<365*t.maxAge*24*60*60))||D[0];T(t),N(60)}),[null==s?void 0:s.age]),e.createElement(Zr,{"data-is-side":a},e.createElement(Br,{isSide:a,icon:e.createElement("img",{alt:"health-tool-icon",src:(null==o?void 0:o.featured_image)||oe.getAssetPath("health-tools/target-heart-rate-icon.svg"),loading:"lazy"}),heading:b("targetHearRate.heading"),medicalReview:(null===(h=null==o?void 0:o.reviewedBy)||void 0===h?void 0:h.display_name)?{link:kt(null==o?void 0:o.reviewedBy),reviewer:null===(u=null==o?void 0:o.reviewedBy)||void 0===u?void 0:u.display_name,date:null==o?void 0:o.reviewedDate}:void 0,isMobile:l}),e.createElement(bt,null,e.createElement(qr,{className:"heart-rate-cal",onSubmit:e=>e.preventDefault(),"data-is-side":a},e.createElement(Do,{"data-is-side":a},e.createElement(To,null,e.createElement(ia,{defaultValue:"male",onChange:e=>{C(e),N(60)},styles:e=>({root:!a&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:he(12)}}})}))),e.createElement(Do,null,e.createElement(Io,{info:s,locale:r,errorMessage:c,onChange:d})),e.createElement("div",{className:"slider-heart-rate"},e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray600},b("targetHeartRate.heartRateInput")),e.createElement("div",{className:"slider-outer-wrapper"},e.createElement(ht,{containerStyle:{flex:1},min:"male"===k?B.rangeMale:B.rangeFemale,max:200,step:1,value:S,withControl:!0,onChange:N}))),y&&e.createElement(To,null,e.createElement(Vr,null,e.createElement(p,{size:"s4",style:{display:"inline-block",fontWeight:"bold",color:le.colors.gray600,marginBottom:"9px"}},b("targetHeartRate.selectActive")),e.createElement("div",{className:"card"},e.createElement(So,{options:I.map((e=>({value:e.value,label:e.label,image:e.image,imageActive:e.imageActive}))),value:w,onChange:e=>{E(e)},className:"gender-selector"})),w&&e.createElement("div",{className:"note"},e.createElement("img",{style:{height:"16px",width:"16px"},src:oe.getAssetPath("/infoIcon.svg"),alt:"",loading:"lazy"}),e.createElement(p,{size:"s4",color:"#595959"},null===(g=I[I.findIndex((e=>e.value==w))||0])||void 0===g?void 0:g.content)),!w&&e.createElement("span",{style:{color:"#e64728"}},c.intensity)))),e.createElement("div",{style:{display:"flex"}},e.createElement(No,{size:"lg",onClick:()=>{m(k,w,[S])},dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:`https://${Q[r]}/${v}`},b("bmi.submit")))))},zo=Ve(Pe)`
   margin: 0 auto 24px;
   ${Z.mbUp} {
     max-width: 200px;
@@ -3365,7 +3365,7 @@ import e,{useState as t,useRef as a,useMemo as n,useEffect as i,Fragment as r,me
     flex-direction: column;
     gap: 0px;
   }
-`,$o=({info:a,className:r,style:o,onChange:l,errorMessage:s={},locale:c,onClick:d,isSide:m})=>{const{t:h}=K(),[u,g]=t({age:!1,height:!1,weight:!1}),{getHealthToolLink:b}=vt(c),f=n((()=>b(j.OVULATION)),[b]),[v,y]=t("male"),x=(e,t)=>{""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},w=e=>{var t,n;n=e=>{g((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},a),{age:e});l&&l(t)},""!==(t=e)&&(isNaN(t)||isNaN(parseFloat(t))||t.includes("."))||n(t)};return i((()=>{l&&l(Object.assign(Object.assign({},a),{objective:"lose-fat",activeLevel:"sedentary"}))}),[]),i((()=>{g({age:!1,height:!1,weight:!1})}),[s]),e.createElement(Ao,{style:o,className:r},e.createElement(Lo,{"data-is-side":m},e.createElement(ia,{defaultValue:"male",onChange:e=>y(e),styles:e=>({root:!m&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:he(12)}}})})),e.createElement(Po,{"data-is-side":m},e.createElement(Lo,null,e.createElement($e.Number,{label:e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray600},h("bmi.ageInput")," ",e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray300,as:"span"},h("bmi.ageInput.desc"))),placeholder:h("healthtool.placeholder.age"),value:Number(a.age),onChange:e=>w(String(e)),error:u.age?"":s.age,min:0})),e.createElement(Lo,null,e.createElement($e.Number,{label:e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray600},h("bmi.heightInput")," ",e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray300,as:"span"},h("bmi.heightInput.desc"))),placeholder:h("pwg.placeholder.height"),value:Number(a.height),onChange:e=>{return t=String(e),void x(t,(e=>{g((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},a),{height:e});l&&l(t)}));var t},error:u.height?"":s.height,min:0})),e.createElement(Lo,null,e.createElement($e.Number,{label:e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray600},h("bmi.weightInput")," ",e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray300,as:"span"},h("bmi.weightInput.desc"))),placeholder:h("pwg.placeholder.weight"),value:Number(a.weight),onChange:e=>{return t=String(e),g((e=>Object.assign(Object.assign({},e),{weight:!0}))),void x(t,(e=>{const t=Object.assign(Object.assign({},a),{weight:e});l&&l(t)}));var t},error:u.weight?"":s.weight,min:0,precision:1}))),e.createElement("div",{style:{display:"flex"}},e.createElement(zo,{size:"lg",fullWidth:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMR",dataEventLabel:`https://${Q[c]}/${f}`,onClick:()=>{d(v)}},h("bmi.submit"))))},Mo=({isSide:t,locale:a,bmrContent:n,isMobile:i,info:r,inputErrorMessage:o,onFormChange:l,onSubmit:s})=>{var c,d,m;const{t:p}=K();return e.createElement(Zr,{"data-is-side":t},e.createElement(Br,{isSide:t,icon:e.createElement("img",{alt:"health-tool-icon",src:(null==n?void 0:n.featured_image)||oe.getAssetPath("health-tools/bmr.svg"),loading:"lazy"}),heading:p("bmr.heading"),medicalReview:{link:null===(c=null==n?void 0:n.reviewBy)||void 0===c?void 0:c.link,reviewer:null===(d=null==n?void 0:n.reviewBy)||void 0===d?void 0:d.reviewer,date:null===(m=null==n?void 0:n.reviewBy)||void 0===m?void 0:m.date},isMobile:i}),e.createElement(gt,null,e.createElement(qr,{onSubmit:e=>e.preventDefault(),"data-is-side":t},e.createElement(Fr,null,e.createElement($o,{info:r,locale:a,errorMessage:o,onChange:l,onClick:s,isSide:t})))))},Oo=({locale:a,onSubmit:i,isSide:r,siteType:o})=>{const{t:l}=K(),[s,c]=t(new Date),[d,m]=t(28),[u,g]=t(7),b={cycle:d,periodDateStart:s,periodLength:u},f=n((()=>"undefined"!=typeof window?window.location.href:""),[]);return e.createElement(e.Fragment,null,e.createElement(zr,{className:"input-form input-section","data-is-side":!0},"marryBaby"===o?e.createElement(Dr,{label:l("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:Pr(s),CustomInput:e.createElement(Ia,{onChange:e=>{c(e)},placeholder:"dd/mm/yyyy",pickedDate:s,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:et(new Date,-45),after:new Date},customInput:t=>e.createElement(Je,Object.assign({className:"due-date-input",name:"birthday",size:"md"},t,{value:s&&Ue(s).format(O)}))}),actionIcon:e.createElement(h.CalendarMB,{size:32})}):e.createElement(Je,{label:e.createElement(p,{size:"s4",weight:"semiBold",color:"#595959",style:{marginBottom:"9px",flex:"1"}},l("dueDatePage.lastPeriod.lastPeriodLabel")),value:Pr(s),size:"md",name:"date",className:"due-date-input",CustomInput:e.createElement(Ia,{customInput:t=>e.createElement("input",Object.assign({},t,{type:"date",className:"due-date-input",value:Pr(s)})),locale:a,pickedDate:s,displayDateFormat:mt,onChange:e=>{c(e)},disabledDays:{before:et(new Date,-45),after:new Date},placeholder:"Chọn ngày"})})),e.createElement("div",{className:"slider-ovulation day-slider","data-theme":"marryBaby"===o?"marryBaby":"","data-is-side":r},"marryBaby"===o?e.createElement(ht,{type:"bodytext-3",color:le.mbColors.midGray},l("ovulationPage.cycleLength")):e.createElement(p,{size:"s4",weight:"semiBold",color:"#595959"},l("ovulationPage.cycleLength")+" ",e.createElement(p,{size:"s4",weight:"semiBold",color:"#595959",style:{display:"inline",minHeight:"36px"}},l("ovulationPage.dayUnit"))),e.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===o&&e.createElement(p,{size:"s3",weight:"semiBold",color:le.colors.gray600},d),e.createElement(pt,{containerStyle:{flex:1},min:21,max:45,step:1,value:d,onChange:m,labelAlwaysOn:"marryBaby"!==o,withControl:"marryBaby"!==o,label:"marryBaby"!==o?void 0:null}))),e.createElement("div",{className:"slider-ovulation day-slider","data-theme":"marryBaby"===o?"marryBaby":"","data-is-side":r},"marryBaby"===o?e.createElement(ht,{type:"bodytext-3",color:le.mbColors.midGray},l("ovulationPage.periodDuration")):e.createElement(p,{size:"s4",weight:"semiBold",color:"#595959"},l("ovulationPage.periodDuration")+" ",e.createElement(p,{size:"s4",weight:"semiBold",color:"#595959",style:{display:"inline",minHeight:"36px"}},l("ovulationPage.dayUnit"))),e.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===o&&e.createElement(p,{size:"s3",weight:"semiBold",color:le.colors.gray600},u),e.createElement(pt,{containerStyle:{flex:1},min:1,max:15,step:1,value:u,onChange:g,labelAlwaysOn:"marryBaby"!==o,withControl:"marryBaby"!==o,label:"marryBaby"!==o?void 0:null}))),e.createElement("div",{style:{width:"100%",display:"flex"}},e.createElement(Pe,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===o?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Ovulation",dataEventLabel:f,onClick:()=>{localStorage.setItem("ovulationInfo",JSON.stringify(b)),i&&i({startDate:s,cycle:d,periodLength:u})},role:"button"},l("dueDatePage.lastPeriod.calculate"))))};var jo;!function(e){e[e.trackPeriod=0]="trackPeriod",e[e.conceive=1]="conceive",e[e.avoidPregnancy=2]="avoidPregnancy"}(jo||(jo={}));const Fo=({locale:a,onSubmitOvulation:n,isSide:i,siteType:r})=>{const{t:o}=K(),[l,s]=t(jo.trackPeriod),c=[{label:o("ovulationPage.trackPeriod"),value:jo.trackPeriod},{label:o("ovulationPage.conceive"),value:jo.conceive},{label:o("ovulationPage.avoidPregnancy"),value:jo.avoidPregnancy}];return e.createElement(Rr,null,e.createElement(Ir,{className:"input-form input-section","data-is-side":!0},"marryBaby"===r?e.createElement(Tr,{groupedWithLabel:o("dueDatePage.calculationMethod"),options:c,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:c[l],onChange:e=>{s(e.value)}}):e.createElement(e.Fragment,null,e.createElement(p,{size:"s4",weight:"semiBold",color:"#595959",style:{marginBottom:"9px",flex:"1"}},o("ovulationPage.objectives")),e.createElement(_r,{"data-is-side":i},e.createElement(ut,{options:c,placeholder:o("ovulationPage.trackPeriod"),id:"due-date-dropdown",size:"md",value:c[l],onChange:e=>{s(e.value)}})))),e.createElement(Oo,{siteType:r,locale:a,onSubmit:({startDate:e,cycle:t,periodLength:a})=>{n&&n({method:l,periodDateStart:e,cycle:t,periodLength:a})},isSide:i}))},Ho=({onSubmitOvulation:t,locale:a,ovulationPageInfo:n,expertUrl:i,isSide:r=!1,siteType:o,isMobile:l})=>{var s;const{t:c}=K();return e.createElement(Zr,{"data-is-side":r,"data-site":o},e.createElement(Br,{isSide:r,bannerUrl:oe.getAssetPath("embedToolBannerPink.svg"),siteType:o,bannerColor:"marryBaby"===o&&le.mbColors.mint,isEmbeded:!0,color:"pink",icon:e.createElement("img",{alt:"health-tool-icon",src:(null==n?void 0:n.featured_image)||oe.getAssetPath("health-tools/ovulation-icon.svg"),loading:"lazy"}),heading:c("healthTools.ovulationCalculator"),medicalReview:{link:i,reviewer:null===(s=null==n?void 0:n.reviewed_by)||void 0===s?void 0:s.display_name,date:null==n?void 0:n.reviewed_date},isMobile:l}),e.createElement(qr,{onSubmit:e=>e.preventDefault(),className:"ovulation-cal","data-is-side":r},e.createElement(Fo,{siteType:o,locale:a,onSubmitOvulation:t,isSide:r})))},Ro=({siteType:n,info:r,onChange:o,errorMessage:l={}})=>{const{t:s}=K(),[c,d]=t({weightBefore:!1,height:!1,weight:!1}),[m,p]=t(0),h=a(null);i((()=>{var e;p(null===(e=h.current)||void 0===e?void 0:e.clientHeight)}));const u=(e,t)=>{""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},g=e=>{u(e,(e=>{d((e=>Object.assign(Object.assign({},e),{weightBefore:!0})));const t=Object.assign(Object.assign({},r),{weightBefore:e});o&&o(t)}))},b=e=>{u(e,(e=>{d((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},r),{height:e});o&&o(t)}))},f=e=>{u(e,(e=>{d((e=>Object.assign(Object.assign({},e),{weight:!0})));const t=Object.assign(Object.assign({},r),{weight:e});o&&o(t)}))};return i((()=>{o&&o(Object.assign({},r))}),[]),i((()=>{d({weightBefore:!1,height:!1,weight:!1})}),[l]),"marryBaby"===n?e.createElement(e.Fragment,null,e.createElement("div",{className:"input-form-pwg input-section"},e.createElement(Dr,{label:s("pregnancyWeightGain.heightInput"),name:"pwg-height",size:"md",value:null==r?void 0:r.height,CustomInput:e.createElement(Je,{className:(null==c?void 0:c.height)?"":"error-input",name:"pwg-height",size:"md",placeholder:"Nhập thông tin",value:null==r?void 0:r.height,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==c?void 0:c.height)?"":null==l?void 0:l.height,showErrorMessage:!1,onChange:b})})),e.createElement("div",{className:"input-form-pwg input-section"},e.createElement(Dr,{label:s("pregnancyWeightGain.weightBeforeInput"),name:"pwg-weightBefore",size:"md",value:null==r?void 0:r.weightBefore,CustomInput:e.createElement(Je,{className:(null==c?void 0:c.weightBefore)?"":"error-input",name:"pwg-weightBefore",size:"md",placeholder:"Nhập thông tin",value:null==r?void 0:r.weightBefore,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==c?void 0:c.weightBefore)?"":null==l?void 0:l.height,showErrorMessage:!1,onChange:g})})),e.createElement("div",{className:"input-form-pwg input-section"},e.createElement(Dr,{label:s("pregnancyWeightGain.weightInput"),name:"pwg-weight",size:"md",value:null==r?void 0:r.weight,CustomInput:e.createElement(Je,{className:(null==c?void 0:c.weight)?"":"error-input",name:"pwg-weight",size:"md",placeholder:"Nhập thông tin",value:null==r?void 0:r.weight,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==c?void 0:c.weight)?"":null==l?void 0:l.weight,showErrorMessage:!1,onChange:f})}))):e.createElement(e.Fragment,null,e.createElement("div",{className:"input-form-pwg"},e.createElement(M,{placeholder:s("pwg.placeholder.height"),className:"input-section",label:e.createElement("span",{style:{color:le.colors.gray600,fontWeight:"bold",marginBottom:"9px"},className:"label-text"},s("pregnancyWeightGain.heightInput")," ",e.createElement("span",{style:{color:`${le.colors.gray300}`}},s("bmi.heightInput.desc"))),errorMessage:c.height?"":null==l?void 0:l.height,size:"sm",isNumerousKeyboard:!0,name:"pwg-height",value:null==r?void 0:r.height,onChange:b})),e.createElement("div",{className:"input-form-pwg"},e.createElement(M,{placeholder:s("pwg.placeholder.weight"),className:"input-section",label:e.createElement("span",{style:{color:le.colors.gray600,fontWeight:"bold",marginBottom:"9px"},ref:h,className:"label-text"},s("pregnancyWeightGain.weightBeforeInput")," ",e.createElement("span",{style:{color:`${le.colors.gray300}`}},s("pregnancyWeightGain.weightInput.desc"))),errorMessage:c.weightBefore?"":null==l?void 0:l.weightBefore,size:"sm",isNumerousKeyboard:!0,name:"pwg-weightBefore",onChange:g,value:null==r?void 0:r.weightBefore})),e.createElement("div",{className:"input-form-pwg"},e.createElement(M,{placeholder:s("pwg.placeholder.weight"),className:"input-section",label:e.createElement("span",{style:{color:le.colors.gray600,fontWeight:"bold",marginBottom:"9px",minHeight:m},className:"label-text"},s("pregnancyWeightGain.weightInput")," ",e.createElement("span",{style:{color:`${le.colors.gray300}`}},s("pregnancyWeightGain.weightInput.desc"))),errorMessage:c.weight?"":null==l?void 0:l.weight,size:"sm",isNumerousKeyboard:!0,name:"pwg-weight",value:null==r?void 0:r.weight,onChange:f})))},Uo=({locale:a,onClick:i,inputErrorMessage:r,pwgContent:o,onFormChange:l,info:s,isMobile:c,isSide:d=!1,siteType:m})=>{var h;const{t:u}=K(),[g,b]=t("notwins"),[f,v]=t({label:"1",value:1}),y=n((()=>[...Array(40)].map(((e,t)=>({label:`${t+1}`,value:`${t+1}`})))),[]),{getHealthToolLink:x}=vt(a),w=n((()=>x(j.PWG)),[x]);return e.createElement(Zr,{"data-is-side":d,"data-site":m},e.createElement(Br,{siteType:m,bannerColor:"marryBaby"===m&&le.mbColors.mint,isEmbeded:!0,color:"pink",icon:e.createElement("img",{alt:"health-tool-icon",src:(null==o?void 0:o.featuredImage)||oe.getAssetPath("health-tools/pwg-icon.svg"),loading:"lazy"}),heading:u("pregnancyWeightGain.heading"),medicalReview:{link:kt(null==o?void 0:o.reviewedBy),reviewer:null===(h=null==o?void 0:o.reviewedBy)||void 0===h?void 0:h.display_name,date:null==o?void 0:o.reviewedDate},isMobile:c,isSide:d}),e.createElement(gt,null,e.createElement(qr,{onSubmit:e=>e.preventDefault(),className:"pwg-view-mobile","data-is-side":d},"marryBaby"!==m&&e.createElement(jr,{className:"hide-asking-mobile","data-is-side":d},e.createElement(p,{size:"s4",weight:"semiBold",style:{display:"block",color:le.colors.gray600},className:"label"},u("pregnancyWeightGain.havingTwins")),e.createElement(Yr,{options:[{value:"twins",label:u("switchBtn.yes")},{value:"notwins",label:u("switchBtn.no")}],value:g,onChange:e=>b(e),className:"gender-selector",id:"twins-check",type:"circle",direction:"horizontal",size:"small",group:"group1"})),e.createElement(Rr,null,e.createElement(Ur,{className:"input-section input-form-pwg","data-is-side":d},"marryBaby"===m?e.createElement(Tr,{groupedWithLabel:u("pregnancyWeightGain.weekInput"),options:y,placeholder:"28 days",id:"due-date-dropdown",size:"lg",value:f,onChange:e=>v({label:e.label,value:e.value})}):e.createElement(e.Fragment,null,e.createElement(p,{size:"s4",weight:"semiBold",style:{display:"inline-block",marginBottom:"9px",color:le.colors.gray600}},u("pregnancyWeightGain.weekInput")),e.createElement(ut,{options:y,placeholder:String(f.label),id:"weight-gain-dropdown",size:"md",value:f,onChange:e=>v({label:e.label,value:e.value})}))),e.createElement(Ro,{siteType:m,info:s,errorMessage:r,onChange:l})),"marryBaby"!==m&&e.createElement(jr,{className:"hide-asking-desk","data-is-side":d},e.createElement(p,{size:"s4",weight:"semiBold",style:{display:"block",color:le.colors.gray600},className:"label"},u("pregnancyWeightGain.havingTwins")),e.createElement(Yr,{options:[{value:"twins",label:u("switchBtn.yes")},{value:"notwins",label:u("switchBtn.no")}],value:g,onChange:e=>b(e),className:"gender-selector",id:"twins-check-mobile",type:"circle",direction:"horizontal",size:"small",group:"group1"})),"marryBaby"===m&&e.createElement(Qt,{name:"twins",label:u("pregnancyWeightGain.havingTwins"),checked:"twins"===g,siteType:"marryBaby",onChange:()=>{b("twins"===g?"notwins":"twins")},value:"twins"}),e.createElement(Hr,{"data-is-side":d,"data-site":m},e.createElement(Pe,{dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${Q["marryBaby"===m?"vi-VN_MB":a]}/${w}`,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===m?"secondary":"primary",onClick:()=>i(g,f.value),role:"button"},u("dueDatePage.lastPeriod.calculate"))))))},Vo=Ve.div`
+`,$o=({info:a,className:r,style:o,onChange:l,errorMessage:s={},locale:c,onClick:d,isSide:m})=>{const{t:h}=K(),[u,g]=t({age:!1,height:!1,weight:!1}),{getHealthToolLink:b}=yt(c),f=n((()=>b(j.OVULATION)),[b]),[v,y]=t("male"),x=(e,t)=>{""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},w=e=>{var t,n;n=e=>{g((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},a),{age:e});l&&l(t)},""!==(t=e)&&(isNaN(t)||isNaN(parseFloat(t))||t.includes("."))||n(t)};return i((()=>{l&&l(Object.assign(Object.assign({},a),{objective:"lose-fat",activeLevel:"sedentary"}))}),[]),i((()=>{g({age:!1,height:!1,weight:!1})}),[s]),e.createElement(Ao,{style:o,className:r},e.createElement(Lo,{"data-is-side":m},e.createElement(ia,{defaultValue:"male",onChange:e=>y(e),styles:e=>({root:!m&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:he(12)}}})})),e.createElement(Po,{"data-is-side":m},e.createElement(Lo,null,e.createElement($e.Number,{label:e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray600},h("bmi.ageInput")," ",e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray300,as:"span"},h("bmi.ageInput.desc"))),placeholder:h("healthtool.placeholder.age"),value:Number(a.age),onChange:e=>w(String(e)),error:u.age?"":s.age,min:0})),e.createElement(Lo,null,e.createElement($e.Number,{label:e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray600},h("bmi.heightInput")," ",e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray300,as:"span"},h("bmi.heightInput.desc"))),placeholder:h("pwg.placeholder.height"),value:Number(a.height),onChange:e=>{return t=String(e),void x(t,(e=>{g((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},a),{height:e});l&&l(t)}));var t},error:u.height?"":s.height,min:0})),e.createElement(Lo,null,e.createElement($e.Number,{label:e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray600},h("bmi.weightInput")," ",e.createElement(p,{size:"s4",weight:"semiBold",color:le.colors.gray300,as:"span"},h("bmi.weightInput.desc"))),placeholder:h("pwg.placeholder.weight"),value:Number(a.weight),onChange:e=>{return t=String(e),g((e=>Object.assign(Object.assign({},e),{weight:!0}))),void x(t,(e=>{const t=Object.assign(Object.assign({},a),{weight:e});l&&l(t)}));var t},error:u.weight?"":s.weight,min:0,precision:1}))),e.createElement("div",{style:{display:"flex"}},e.createElement(zo,{size:"lg",fullWidth:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMR",dataEventLabel:`https://${Q[c]}/${f}`,onClick:()=>{d(v)}},h("bmi.submit"))))},Mo=({isSide:t,locale:a,bmrContent:n,isMobile:i,info:r,inputErrorMessage:o,onFormChange:l,onSubmit:s})=>{var c,d,m;const{t:p}=K();return e.createElement(Zr,{"data-is-side":t},e.createElement(Br,{isSide:t,icon:e.createElement("img",{alt:"health-tool-icon",src:(null==n?void 0:n.featured_image)||oe.getAssetPath("health-tools/bmr.svg"),loading:"lazy"}),heading:p("bmr.heading"),medicalReview:{link:null===(c=null==n?void 0:n.reviewBy)||void 0===c?void 0:c.link,reviewer:null===(d=null==n?void 0:n.reviewBy)||void 0===d?void 0:d.reviewer,date:null===(m=null==n?void 0:n.reviewBy)||void 0===m?void 0:m.date},isMobile:i}),e.createElement(bt,null,e.createElement(qr,{onSubmit:e=>e.preventDefault(),"data-is-side":t},e.createElement(Fr,null,e.createElement($o,{info:r,locale:a,errorMessage:o,onChange:l,onClick:s,isSide:t})))))},Oo=({locale:a,onSubmit:i,isSide:r,siteType:o})=>{const{t:l}=K(),[s,c]=t(new Date),[d,m]=t(28),[u,g]=t(7),b={cycle:d,periodDateStart:s,periodLength:u},f=n((()=>"undefined"!=typeof window?window.location.href:""),[]);return e.createElement(e.Fragment,null,e.createElement(zr,{className:"input-form input-section","data-is-side":!0},"marryBaby"===o?e.createElement(Dr,{label:l("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:Pr(s),CustomInput:e.createElement(Ia,{onChange:e=>{c(e)},placeholder:"dd/mm/yyyy",pickedDate:s,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:et(new Date,-45),after:new Date},customInput:t=>e.createElement(Je,Object.assign({className:"due-date-input",name:"birthday",size:"md"},t,{value:s&&Ue(s).format(O)}))}),actionIcon:e.createElement(h.CalendarMB,{size:32})}):e.createElement(Je,{label:e.createElement(p,{size:"s4",weight:"semiBold",color:"#595959",style:{marginBottom:"9px",flex:"1"}},l("dueDatePage.lastPeriod.lastPeriodLabel")),value:Pr(s),size:"md",name:"date",className:"due-date-input",CustomInput:e.createElement(Ia,{customInput:t=>e.createElement("input",Object.assign({},t,{type:"date",className:"due-date-input",value:Pr(s)})),locale:a,pickedDate:s,displayDateFormat:pt,onChange:e=>{c(e)},disabledDays:{before:et(new Date,-45),after:new Date},placeholder:"Chọn ngày"})})),e.createElement("div",{className:"slider-ovulation day-slider","data-theme":"marryBaby"===o?"marryBaby":"","data-is-side":r},"marryBaby"===o?e.createElement(ut,{type:"bodytext-3",color:le.mbColors.midGray},l("ovulationPage.cycleLength")):e.createElement(p,{size:"s4",weight:"semiBold",color:"#595959"},l("ovulationPage.cycleLength")+" ",e.createElement(p,{size:"s4",weight:"semiBold",color:"#595959",style:{display:"inline",minHeight:"36px"}},l("ovulationPage.dayUnit"))),e.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===o&&e.createElement(p,{size:"s3",weight:"semiBold",color:le.colors.gray600},d),e.createElement(ht,{containerStyle:{flex:1},min:21,max:45,step:1,value:d,onChange:m,labelAlwaysOn:"marryBaby"!==o,withControl:"marryBaby"!==o,label:"marryBaby"!==o?void 0:null}))),e.createElement("div",{className:"slider-ovulation day-slider","data-theme":"marryBaby"===o?"marryBaby":"","data-is-side":r},"marryBaby"===o?e.createElement(ut,{type:"bodytext-3",color:le.mbColors.midGray},l("ovulationPage.periodDuration")):e.createElement(p,{size:"s4",weight:"semiBold",color:"#595959"},l("ovulationPage.periodDuration")+" ",e.createElement(p,{size:"s4",weight:"semiBold",color:"#595959",style:{display:"inline",minHeight:"36px"}},l("ovulationPage.dayUnit"))),e.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===o&&e.createElement(p,{size:"s3",weight:"semiBold",color:le.colors.gray600},u),e.createElement(ht,{containerStyle:{flex:1},min:1,max:15,step:1,value:u,onChange:g,labelAlwaysOn:"marryBaby"!==o,withControl:"marryBaby"!==o,label:"marryBaby"!==o?void 0:null}))),e.createElement("div",{style:{width:"100%",display:"flex"}},e.createElement(Pe,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===o?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Ovulation",dataEventLabel:f,onClick:()=>{localStorage.setItem("ovulationInfo",JSON.stringify(b)),i&&i({startDate:s,cycle:d,periodLength:u})},role:"button"},l("dueDatePage.lastPeriod.calculate"))))};var jo;!function(e){e[e.trackPeriod=0]="trackPeriod",e[e.conceive=1]="conceive",e[e.avoidPregnancy=2]="avoidPregnancy"}(jo||(jo={}));const Fo=({locale:a,onSubmitOvulation:n,isSide:i,siteType:r})=>{const{t:o}=K(),[l,s]=t(jo.trackPeriod),c=[{label:o("ovulationPage.trackPeriod"),value:jo.trackPeriod},{label:o("ovulationPage.conceive"),value:jo.conceive},{label:o("ovulationPage.avoidPregnancy"),value:jo.avoidPregnancy}];return e.createElement(Rr,null,e.createElement(Ir,{className:"input-form input-section","data-is-side":!0},"marryBaby"===r?e.createElement(Tr,{groupedWithLabel:o("dueDatePage.calculationMethod"),options:c,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:c[l],onChange:e=>{s(e.value)}}):e.createElement(e.Fragment,null,e.createElement(p,{size:"s4",weight:"semiBold",color:"#595959",style:{marginBottom:"9px",flex:"1"}},o("ovulationPage.objectives")),e.createElement(_r,{"data-is-side":i},e.createElement(gt,{options:c,placeholder:o("ovulationPage.trackPeriod"),id:"due-date-dropdown",size:"md",value:c[l],onChange:e=>{s(e.value)}})))),e.createElement(Oo,{siteType:r,locale:a,onSubmit:({startDate:e,cycle:t,periodLength:a})=>{n&&n({method:l,periodDateStart:e,cycle:t,periodLength:a})},isSide:i}))},Ho=({onSubmitOvulation:t,locale:a,ovulationPageInfo:n,expertUrl:i,isSide:r=!1,siteType:o,isMobile:l})=>{var s;const{t:c}=K();return e.createElement(Zr,{"data-is-side":r,"data-site":o},e.createElement(Br,{isSide:r,bannerUrl:oe.getAssetPath("embedToolBannerPink.svg"),siteType:o,bannerColor:"marryBaby"===o&&le.mbColors.mint,isEmbeded:!0,color:"pink",icon:e.createElement("img",{alt:"health-tool-icon",src:(null==n?void 0:n.featured_image)||oe.getAssetPath("health-tools/ovulation-icon.svg"),loading:"lazy"}),heading:c("healthTools.ovulationCalculator"),medicalReview:{link:i,reviewer:null===(s=null==n?void 0:n.reviewed_by)||void 0===s?void 0:s.display_name,date:null==n?void 0:n.reviewed_date},isMobile:l}),e.createElement(qr,{onSubmit:e=>e.preventDefault(),className:"ovulation-cal","data-is-side":r},e.createElement(Fo,{siteType:o,locale:a,onSubmitOvulation:t,isSide:r})))},Ro=({siteType:n,info:r,onChange:o,errorMessage:l={}})=>{const{t:s}=K(),[c,d]=t({weightBefore:!1,height:!1,weight:!1}),[m,p]=t(0),h=a(null);i((()=>{var e;p(null===(e=h.current)||void 0===e?void 0:e.clientHeight)}));const u=(e,t)=>{""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},g=e=>{u(e,(e=>{d((e=>Object.assign(Object.assign({},e),{weightBefore:!0})));const t=Object.assign(Object.assign({},r),{weightBefore:e});o&&o(t)}))},b=e=>{u(e,(e=>{d((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},r),{height:e});o&&o(t)}))},f=e=>{u(e,(e=>{d((e=>Object.assign(Object.assign({},e),{weight:!0})));const t=Object.assign(Object.assign({},r),{weight:e});o&&o(t)}))};return i((()=>{o&&o(Object.assign({},r))}),[]),i((()=>{d({weightBefore:!1,height:!1,weight:!1})}),[l]),"marryBaby"===n?e.createElement(e.Fragment,null,e.createElement("div",{className:"input-form-pwg input-section"},e.createElement(Dr,{label:s("pregnancyWeightGain.heightInput"),name:"pwg-height",size:"md",value:null==r?void 0:r.height,CustomInput:e.createElement(Je,{className:(null==c?void 0:c.height)?"":"error-input",name:"pwg-height",size:"md",placeholder:"Nhập thông tin",value:null==r?void 0:r.height,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==c?void 0:c.height)?"":null==l?void 0:l.height,showErrorMessage:!1,onChange:b})})),e.createElement("div",{className:"input-form-pwg input-section"},e.createElement(Dr,{label:s("pregnancyWeightGain.weightBeforeInput"),name:"pwg-weightBefore",size:"md",value:null==r?void 0:r.weightBefore,CustomInput:e.createElement(Je,{className:(null==c?void 0:c.weightBefore)?"":"error-input",name:"pwg-weightBefore",size:"md",placeholder:"Nhập thông tin",value:null==r?void 0:r.weightBefore,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==c?void 0:c.weightBefore)?"":null==l?void 0:l.height,showErrorMessage:!1,onChange:g})})),e.createElement("div",{className:"input-form-pwg input-section"},e.createElement(Dr,{label:s("pregnancyWeightGain.weightInput"),name:"pwg-weight",size:"md",value:null==r?void 0:r.weight,CustomInput:e.createElement(Je,{className:(null==c?void 0:c.weight)?"":"error-input",name:"pwg-weight",size:"md",placeholder:"Nhập thông tin",value:null==r?void 0:r.weight,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==c?void 0:c.weight)?"":null==l?void 0:l.weight,showErrorMessage:!1,onChange:f})}))):e.createElement(e.Fragment,null,e.createElement("div",{className:"input-form-pwg"},e.createElement(M,{placeholder:s("pwg.placeholder.height"),className:"input-section",label:e.createElement("span",{style:{color:le.colors.gray600,fontWeight:"bold",marginBottom:"9px"},className:"label-text"},s("pregnancyWeightGain.heightInput")," ",e.createElement("span",{style:{color:`${le.colors.gray300}`}},s("bmi.heightInput.desc"))),errorMessage:c.height?"":null==l?void 0:l.height,size:"sm",isNumerousKeyboard:!0,name:"pwg-height",value:null==r?void 0:r.height,onChange:b})),e.createElement("div",{className:"input-form-pwg"},e.createElement(M,{placeholder:s("pwg.placeholder.weight"),className:"input-section",label:e.createElement("span",{style:{color:le.colors.gray600,fontWeight:"bold",marginBottom:"9px"},ref:h,className:"label-text"},s("pregnancyWeightGain.weightBeforeInput")," ",e.createElement("span",{style:{color:`${le.colors.gray300}`}},s("pregnancyWeightGain.weightInput.desc"))),errorMessage:c.weightBefore?"":null==l?void 0:l.weightBefore,size:"sm",isNumerousKeyboard:!0,name:"pwg-weightBefore",onChange:g,value:null==r?void 0:r.weightBefore})),e.createElement("div",{className:"input-form-pwg"},e.createElement(M,{placeholder:s("pwg.placeholder.weight"),className:"input-section",label:e.createElement("span",{style:{color:le.colors.gray600,fontWeight:"bold",marginBottom:"9px",minHeight:m},className:"label-text"},s("pregnancyWeightGain.weightInput")," ",e.createElement("span",{style:{color:`${le.colors.gray300}`}},s("pregnancyWeightGain.weightInput.desc"))),errorMessage:c.weight?"":null==l?void 0:l.weight,size:"sm",isNumerousKeyboard:!0,name:"pwg-weight",value:null==r?void 0:r.weight,onChange:f})))},Uo=({locale:a,onClick:i,inputErrorMessage:r,pwgContent:o,onFormChange:l,info:s,isMobile:c,isSide:d=!1,siteType:m})=>{var h;const{t:u}=K(),[g,b]=t("notwins"),[f,v]=t({label:"1",value:1}),y=n((()=>[...Array(40)].map(((e,t)=>({label:`${t+1}`,value:`${t+1}`})))),[]),{getHealthToolLink:x}=yt(a),w=n((()=>x(j.PWG)),[x]);return e.createElement(Zr,{"data-is-side":d,"data-site":m},e.createElement(Br,{siteType:m,bannerColor:"marryBaby"===m&&le.mbColors.mint,isEmbeded:!0,color:"pink",icon:e.createElement("img",{alt:"health-tool-icon",src:(null==o?void 0:o.featuredImage)||oe.getAssetPath("health-tools/pwg-icon.svg"),loading:"lazy"}),heading:u("pregnancyWeightGain.heading"),medicalReview:{link:kt(null==o?void 0:o.reviewedBy),reviewer:null===(h=null==o?void 0:o.reviewedBy)||void 0===h?void 0:h.display_name,date:null==o?void 0:o.reviewedDate},isMobile:c,isSide:d}),e.createElement(bt,null,e.createElement(qr,{onSubmit:e=>e.preventDefault(),className:"pwg-view-mobile","data-is-side":d},"marryBaby"!==m&&e.createElement(jr,{className:"hide-asking-mobile","data-is-side":d},e.createElement(p,{size:"s4",weight:"semiBold",style:{display:"block",color:le.colors.gray600},className:"label"},u("pregnancyWeightGain.havingTwins")),e.createElement(Yr,{options:[{value:"twins",label:u("switchBtn.yes")},{value:"notwins",label:u("switchBtn.no")}],value:g,onChange:e=>b(e),className:"gender-selector",id:"twins-check",type:"circle",direction:"horizontal",size:"small",group:"group1"})),e.createElement(Rr,null,e.createElement(Ur,{className:"input-section input-form-pwg","data-is-side":d},"marryBaby"===m?e.createElement(Tr,{groupedWithLabel:u("pregnancyWeightGain.weekInput"),options:y,placeholder:"28 days",id:"due-date-dropdown",size:"lg",value:f,onChange:e=>v({label:e.label,value:e.value})}):e.createElement(e.Fragment,null,e.createElement(p,{size:"s4",weight:"semiBold",style:{display:"inline-block",marginBottom:"9px",color:le.colors.gray600}},u("pregnancyWeightGain.weekInput")),e.createElement(gt,{options:y,placeholder:String(f.label),id:"weight-gain-dropdown",size:"md",value:f,onChange:e=>v({label:e.label,value:e.value})}))),e.createElement(Ro,{siteType:m,info:s,errorMessage:r,onChange:l})),"marryBaby"!==m&&e.createElement(jr,{className:"hide-asking-desk","data-is-side":d},e.createElement(p,{size:"s4",weight:"semiBold",style:{display:"block",color:le.colors.gray600},className:"label"},u("pregnancyWeightGain.havingTwins")),e.createElement(Yr,{options:[{value:"twins",label:u("switchBtn.yes")},{value:"notwins",label:u("switchBtn.no")}],value:g,onChange:e=>b(e),className:"gender-selector",id:"twins-check-mobile",type:"circle",direction:"horizontal",size:"small",group:"group1"})),"marryBaby"===m&&e.createElement(Qt,{name:"twins",label:u("pregnancyWeightGain.havingTwins"),checked:"twins"===g,siteType:"marryBaby",onChange:()=>{b("twins"===g?"notwins":"twins")},value:"twins"}),e.createElement(Hr,{"data-is-side":d,"data-site":m},e.createElement(Pe,{dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${Q["marryBaby"===m?"vi-VN_MB":a]}/${w}`,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===m?"secondary":"primary",onClick:()=>i(g,f.value),role:"button"},u("dueDatePage.lastPeriod.calculate"))))))},Vo=Ve.div`
   flex: 1;
 `,Wo=Ve.div`
   padding: 0 10px;
@@ -3526,7 +3526,7 @@ import e,{useState as t,useRef as a,useMemo as n,useEffect as i,Fragment as r,me
   ${Z.mbDown} {
     width: 100%;
   }
-`;function ll({inputSize:i="md",name:r="date-range-picker",value:o,minDate:l,maxDate:s,onChange:c,className:d,autoClose:m=!1}){o||(o={from:null,to:null});const[p,h]=t(!1);function u(){h(!1)}const g=a(null);function b(e){c&&c(e)}function f(e){return Qe(e,"dd/MM/yyyy")}St(g,(()=>{u()}));const v=n((()=>o.from&&o.to?lt(o.from,o.to)?f(o.from):`${f(o.from)} - ${f(o.to)}`:""),[o.from,o.to]);return e.createElement(rl,{className:[d,p&&"focused"].filter(Boolean).join(" "),ref:g},e.createElement("label",{htmlFor:r},e.createElement(M,{size:i,value:v,name:r,actionIcon:e.createElement("img",{src:oe.getAssetPath("calendar.svg"),loading:"lazy"}),onFocus:()=>h(!0)})),p?e.createElement(ol,{onMouseDown:e=>{e.stopPropagation()}},e.createElement(nl,{value:o,onChange:b,minDate:l,maxDate:s,close:u,autoClose:m})):null)}var sl="WUqzfRb",cl="MnVGtSY",dl="NclbhXQ";const ml=({LinkComponent:t,page:a,isLast:n,onChangePage:i})=>{const{label:r,value:o,isDropdown:l,dropdownItems:s,dataEventCategory:c,dataEventAction:d,dataEventLabel:m}=a;return l?e.createElement(ut,{options:s,placeholder:"...",id:"",placeholderIcon:null,onChange:i,className:"collapsed-breadcrumb"}):e.createElement("div",{className:dl,title:"string"!=typeof r?o:r,"data-last":n},t&&e.createElement(t,{"data-event-category":c,"data-event-action":d,"data-event-label":m,href:o||"#"},r))},pl=({className:t,pages:a,size:i,LinkComponent:o="a",onChangePage:l,separator:s})=>{const c=n((()=>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 e.createElement("div",{"data-size":i,className:`${sl} ${t||""}`},c.map(((t,a)=>{const n=a+1===c.length;return e.createElement(r,{key:a},e.createElement(ml,{LinkComponent:o,page:t,isLast:n,onChangePage:l}),!n&&(t.separator||s||e.createElement("div",{className:cl,"data-size":i})))})))},hl=Ve.div`
+`;function ll({inputSize:i="md",name:r="date-range-picker",value:o,minDate:l,maxDate:s,onChange:c,className:d,autoClose:m=!1}){o||(o={from:null,to:null});const[p,h]=t(!1);function u(){h(!1)}const g=a(null);function b(e){c&&c(e)}function f(e){return Qe(e,"dd/MM/yyyy")}St(g,(()=>{u()}));const v=n((()=>o.from&&o.to?lt(o.from,o.to)?f(o.from):`${f(o.from)} - ${f(o.to)}`:""),[o.from,o.to]);return e.createElement(rl,{className:[d,p&&"focused"].filter(Boolean).join(" "),ref:g},e.createElement("label",{htmlFor:r},e.createElement(M,{size:i,value:v,name:r,actionIcon:e.createElement("img",{src:oe.getAssetPath("calendar.svg"),loading:"lazy"}),onFocus:()=>h(!0)})),p?e.createElement(ol,{onMouseDown:e=>{e.stopPropagation()}},e.createElement(nl,{value:o,onChange:b,minDate:l,maxDate:s,close:u,autoClose:m})):null)}var sl="WUqzfRb",cl="MnVGtSY",dl="NclbhXQ";const ml=({LinkComponent:t,page:a,isLast:n,onChangePage:i})=>{const{label:r,value:o,isDropdown:l,dropdownItems:s,dataEventCategory:c,dataEventAction:d,dataEventLabel:m}=a;return l?e.createElement(gt,{options:s,placeholder:"...",id:"",placeholderIcon:null,onChange:i,className:"collapsed-breadcrumb"}):e.createElement("div",{className:dl,title:"string"!=typeof r?o:r,"data-last":n},t&&e.createElement(t,{"data-event-category":c,"data-event-action":d,"data-event-label":m,href:o||"#"},r))},pl=({className:t,pages:a,size:i,LinkComponent:o="a",onChangePage:l,separator:s})=>{const c=n((()=>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 e.createElement("div",{"data-size":i,className:`${sl} ${t||""}`},c.map(((t,a)=>{const n=a+1===c.length;return e.createElement(r,{key:a},e.createElement(ml,{LinkComponent:o,page:t,isLast:n,onChangePage:l}),!n&&(t.separator||s||e.createElement("div",{className:cl,"data-size":i})))})))},hl=Ve.div`
   display: flex;
   gap: 20px;
   width: 100%;
@@ -3557,7 +3557,7 @@ import e,{useState as t,useRef as a,useMemo as n,useEffect as i,Fragment as r,me
       }
     }
   }
-`,ul=()=>e.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.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"}),e.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"})),gl=({url:t,onCopied:a,locale:i,siteType:r})=>{const{t:o}=K(),l=It(t||"").filter((e=>!e.allowedLocales||e.allowedLocales.includes(i))),s=n((()=>"undefined"!=typeof window?window.location.href:""),[]);return e.createElement(hl,null,e.createElement(p,{size:"p3",color:le.colors.gray800},o("shareContainer.title")),e.createElement("div",{className:"icon-group"},l.map(((t,a)=>e.createElement("a",{key:a,href:t.href,target:"_blank",rel:"noreferrer","data-event-category":"Health Tool","data-event-action":`Social Share - ${t.name}`,"data-event-label":s},t.icon))),e.createElement(Ke,{theme:r,size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:e.createElement(ul,null),onClick:()=>ce(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(t),null==a||a()})),"data-event-category":"Health Tool","data-event-action":"Copy Link","data-event-label":s})))},bl=Ve(wt)`
+`,ul=()=>e.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.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"}),e.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"})),gl=({url:t,onCopied:a,locale:i,siteType:r})=>{const{t:o}=K(),l=It(t||"").filter((e=>!e.allowedLocales||e.allowedLocales.includes(i))),s=n((()=>"undefined"!=typeof window?window.location.href:""),[]);return e.createElement(hl,null,e.createElement(p,{size:"p3",color:le.colors.gray800},o("shareContainer.title")),e.createElement("div",{className:"icon-group"},l.map(((t,a)=>e.createElement("a",{key:a,href:t.href,target:"_blank",rel:"noreferrer","data-event-category":"Health Tool","data-event-action":`Social Share - ${t.name}`,"data-event-label":s},t.icon))),e.createElement(Ke,{theme:r,size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:e.createElement(ul,null),onClick:()=>ce(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(t),null==a||a()})),"data-event-category":"Health Tool","data-event-action":"Copy Link","data-event-label":s})))},bl=Ve(Et)`
   padding-bottom: 24px;
   .share-container {
     display: flex;
@@ -3682,4 +3682,4 @@ import e,{useState as t,useRef as a,useMemo as n,useEffect as i,Fragment as r,me
   top: 1px;
   right: 1px;
   cursor: pointer;
-`,kl={},Cl=e=>{if(kl[e]){window.googletag=window.googletag||{cmd:[]};const{googletag:t}=window;t.cmd.push((function(){t.destroySlots([kl[e]]),delete kl[e]}))}},Sl=["TopBanner","MidBanner1","MidBanner2","EndBanner","Sticky"],Nl=o(c((function({className:n,adUnitPath:r,size:o,divId:l,pos:s,sizeMapping:c,contentId:d,isHidden:m,hideIfHasSubot:p,isSticky:h,refreshInterval:u,customTargetings:g,style:b,adDefaultSize:f,noWrapper:v,showCloseBtn:y,onCloseAd:x,headerBottom:w,wrapperProps:E,locale:k,isMarryBaby:C},S){const N=u||(k===Re.Vietnam&&s.some((e=>Sl.includes(e)))?30:void 0),{t:B}=K(),T=a(null),D=a(null),I=a(N);I.current=N;const[_,z]=t(!1),A=()=>{I.current&&(null!==D.current&&clearInterval(D.current),D.current=window.setInterval((()=>{window.googletag=window.googletag||{cmd:[]};const{googletag:e}=window;e.cmd.push((function(){kl[l]&&e.pubads().refresh([kl[l]])}))}),1e3*I.current))};if(i((()=>()=>{Cl(l),D.current&&clearInterval(D.current)}),[]),i((()=>{A()}),[N]),i((()=>{m||(({contentId:e,adUnitPath:t,size:a,divId:n,pos:i,sizeMapping:r,hideIfHasSubot:o,customTargetings:l,onSuccess:s})=>{if(!n||!document.getElementById(n))return console.error("divId is required");Cl(n),window.googletag=window.googletag||{cmd:[]};const{googletag:c}=window;c.cmd.push((function(){const d=document.querySelector('meta[name="content_id"]'),m="string"==typeof e?e:null==d?void 0:d.content,p=c.defineSlot(t,a,n);if(p){try{l&&Object.keys(l).forEach((e=>{e&&(null==p||p.setTargeting(e,l[e]))}))}catch(e){console.error(e)}kl[n]=p,p.setTargeting("Pos",i),p.addService(c.pubads()),m&&p.setTargeting("Content_ID",m),r&&p.defineSizeMapping(r),o&&document.getElementById("subot--container")&&p.setTargeting("chatbot",!0),c.display(n),null==s||s()}}))})({contentId:d,adUnitPath:r,size:o,divId:l,pos:s,sizeMapping:c,hideIfHasSubot:p,customTargetings:g,onSuccess:A})}),[m]),_)return null;const L=e.createElement("div",{style:{position:"relative",width:"fit-content",height:"fit-content",overflow:"hidden",maxWidth:"100%",display:"flex",alignItems:"center",justifyContent:"center"}},e.createElement("div",{ref:S,id:l}),y&&e.createElement(El,{onClick:()=>{null==x||x(),z(!0)}}));if(h)return L;const P=f?f[0]:o?Array.isArray(o[0])?o[0][0]:o[0]:void 0,$=f?f[1]:o?Array.isArray(o[0])?o[0][1]:o[1]:void 0;return e.createElement(de,Object.assign({},E,{className:n}),e.createElement(xl,{ref:T,className:n,style:b,"data-no-wrapper":!!v,"data-header-bottom":!!w},v?L:e.createElement(e.Fragment,null,e.createElement(wl,{"data-header-bottom":!!w},e.createElement("img",{src:C?oe.getAssetPath("adsIcon-mb.svg"):oe.getAssetPath("adsIcon.svg"),alt:"",loading:"lazy"}),e.createElement("span",null,B("adBanner.title"))),e.createElement("div",{style:{minWidth:P||"100%",minHeight:$||"100%",position:"relative"}},L))))})),((e,t)=>e.adUnitPath===t.adUnitPath&&e.divId===t.divId&&e.className===t.className)),Bl=({className:n,adUnitPath:r,divId:o,isMobile:l,contentId:s,customTargetings:c,locale:d,isMarryBaby:m})=>{const[p,h]=t(!0),[u,g]=t(!1),[b,f]=t(!0),v=a(null),y=a(_t()),x=a(null),w=a(),E=a();return i((()=>{const e=()=>{E.current&&clearTimeout(E.current),E.current=setTimeout((()=>{var t;document.getElementById("subot--container")?h(!0):(h(!1),(null===(t=v.current)||void 0===t?void 0:t.clientHeight)?f(!1):f(!0)),e()}),4e3)};return e(),()=>{w.current&&clearTimeout(w.current),E.current&&clearTimeout(E.current)}}),[]),p||u?null:e.createElement(yl,{key:l?"mobile":"desktop",ref:x,className:n,"data-visible":!b},r&&e.createElement(Nl,{wrapperProps:{m:0},ref:v,adUnitPath:r,size:l?[[320,50],[320,100]]:[728,90],divId:(o||"div-gpt-ad-sticky")+(l?"-mobile":"")+s+String(y.current),pos:["Sticky"],contentId:s,hideIfHasSubot:l,customTargetings:c,adDefaultSize:l?[320,50]:[728,90],showCloseBtn:!0,onCloseAd:()=>g(!0),refreshInterval:60,locale:d,isMarryBaby:m}))},Tl=[{title:"Health News & Current Affairs",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:oe.getAssetPath("newsletter-prefer/newsletter-health.svg"),checked:!1,id:1},{title:"Educational Medical Hello Bacsi Content",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:oe.getAssetPath("newsletter-prefer/newsletter-education.svg"),checked:!1,id:2},{title:"Hello Health Community Feed",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:oe.getAssetPath("newsletter-prefer/newsletter-community.svg"),checked:!1,id:3}];var Dl;!function(e){e.DUE_DATE="due-date-calculator",e.BMI="bmi",e.BMR="bmr",e.OVULATION="ovulation",e.IFRAME="IFRAME",e.PWG="pregnancy-weight-gain",e.THR="heart-rate",e.BABY_VACCINE="vaccination-tool",e.BABY_GROWTH="baby-growth-tracking",e.BABY_POOP="baby-poop-checking"}(Dl||(Dl={}));const Il={DUE_DATE:Dl.DUE_DATE,BMI:Dl.BMI,BMR:Dl.BMR,OVULATION:Dl.OVULATION,IFRAME:Dl.IFRAME,PWG:Dl.PWG,THR:Dl.THR,BABY_VACCINE:Dl.BABY_VACCINE,BABY_GROWTH:Dl.BABY_GROWTH,BABY_POOP:Dl.BABY_POOP},_l={[Il.DUE_DATE]:oe.getAssetPath("health-tools/due-date-icon.svg")};var zl,Al,Ll,Pl;!function(e){e.Pregnant="pregnant",e.Parenting="parenting"}(zl||(zl={})),function(e){e.Option="option"}(Al||(Al={})),function(e){e.Button="button",e.Checkbox="checkbox"}(Ll||(Ll={})),function(e){e.ShowTool="showTool",e.ShowPremiumModal="showPremiumModal",e.ShowOptionBanner="showOptionBanner",e.Hide="hide"}(Pl||(Pl={}));const $l={pregnancy:zl.Pregnant,parenting:zl.Parenting},Ml={[zl.Pregnant]:"pregnant",[zl.Parenting]:"parent"},Ol=e=>({[Il.DUE_DATE]:{heading:e("pnBanner.dueDateTool.heading"),description:e("pnBanner.dueDateTool.desc"),btnLabel:e("pnBanner.caclNow"),value:Il.DUE_DATE,dataEventAction:"Try our Due Date Calculator Click"},[Il.BABY_VACCINE]:{heading:e("pnBanner.vaccination.heading"),description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:Il.BABY_VACCINE,dataEventAction:"Try our Baby Vaccine Scheduler Click"},[Il.BABY_GROWTH]:{heading:"Baby Growth",description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:Il.BABY_GROWTH},[ne.HPV]:{heading:e("pnBanner.hpv.heading"),description:e("pnBanner.hpv.desc"),thumbnail:{desktop:oe.getAssetPath("newsletter/banner-option-hpv-desktop.png"),mobile:oe.getAssetPath("newsletter/banner-option-hpv-mobile.png")},isRiskScreener:!0,btnLabel:e("pnBanner.checkNow"),value:ne.HPV,hideDescOnMobile:!0,dataEventAction:"Keep safe from HPV virus Click"}}),jl=d({}),Fl=t=>{var a=se(t,[]);const{locale:n}=K(),{type:i,isMobile:r,currentUrl:o,isMarketing:l,isLoggedIn:s,setShouldAcquisitionModalOpen:c}=m(jl);return e.createElement(ye,Object.assign({mih:{base:144,md:160},fluid:!0,p:0,sx:{borderRadius:4,cursor:"pointer"},onClick:()=>ce(void 0,void 0,void 0,(function*(){const e=l?zt(n)+"/dang-ky-nhan-tin/":`${window.location.href}?source=acquisition`;s?null==c||c():window.location.href=`${At(n)}/?returnUrl=${encodeURIComponent(e)}`})),"data-event-category":"Newsletter","data-event-action":"Banner Click","data-event-label":o,className:"pointer-event-child-none"},a),e.createElement(Me,{src:l?oe.getAssetPath(`newsletter/${r?"Mobile":"Desktop"}_Marketing.png`):oe.getAssetPath(`newsletter/${r?"Mobile":"Desktop"}_${i}.png`),style:{maxWidth:"100%"},alt:"newsletter banner"}))},Hl="api/v1/categories?site={website_url}",Rl="api/v1/subscription?site={website_url}",Ul="api/v1/categories?site={website_url}";var Vl=be((e=>({root:{},wrapper:{[e.fn.smallerThan("sm")]:{width:"70%"}},button:{[e.fn.smallerThan("sm")]:{height:"auto",minHeight:he(32),padding:`${he(6)} ${he(16)}`,textAlign:"center",width:"100%"}},buttonLabel:{whiteSpace:"normal"}})));const Wl=({heading:t,description:a,thumbnail:n={desktop:"",mobile:""},hideDescOnMobile:i,children:r})=>{const{isMobile:o,minHeight:l}=m(jl);return e.createElement(de,{sx:()=>({borderRadius:he(8),background:"linear-gradient(180deg, #FAFDFF 0%, #E3F2FF 100%)"})},e.createElement(de,{sx:e=>({minHeight:he(l),borderRadius:"inherit",background:`url(${o?n.mobile:n.desktop})`,backgroundPosition:"center right",backgroundRepeat:"no-repeat",backgroundSize:"contain",padding:`${he(24)} ${he(16)}`,display:"flex",flexDirection:"column",justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${he(22)} ${he(32)}`}})},e.createElement(xe,{spacing:he(16)},e.createElement(xe,{spacing:he(4),sx:e=>({maxWidth:"60%",[e.fn.largerThan("sm")]:{maxWidth:"70%"}})},t&&e.createElement(A,{tag:"h4"},t),!(i&&o)&&a&&e.createElement(p,{size:"p4"},a)),e.createElement(de,null,r))))},Gl=t=>{const{styleType:a=Ll.Button,items:i=[],buttonProps:r,styles:o,submitBtnTracking:s}=t,{classes:c}=Vl(void 0,{name:"PremiumBannerWithOptions",styles:o}),{t:d,locale:p}=K(),{surveyType:u,articleId:g,handleClickOption:b,hasPremiumBanner:f,source:v,isMobile:y,setShowPNModal:x}=m(jl),w=n((()=>f?i:i.filter((e=>!Boolean(e.isPNBtn))).filter(Boolean)),[i]),{getHealthToolLink:E}=vt(p),k=Lt({initialValues:{bannerOptions:[]}}),C=e=>ce(void 0,void 0,void 0,(function*(){return yield F(H(R.HEALTH_TOOL.CREATE,{_locale:p,type:Ml[u]}),"POST",{headers:{"Content-Type":"application/json"},data:{value:e,article:g,source:v}})})),S=l((()=>e.createElement(pe,{gap:he(8),className:c.wrapper},w.map(((t,a)=>e.createElement(de,{key:String(a),component:t.isLink?"a":"div",href:t.isRiskScreener?`https://${Q[p]}/bot/${ie[p][t.activeTool]}/`:t.isLink?E(t.activeTool):void 0},e.createElement(Pe,Object.assign({className:c.button,classNames:{label:c.buttonLabel},size:"sm"},t.tracking,r,{onClick:()=>{t.isLink||(t.isPNBtn&&x(!0),C(t.value),b(t.value))}}),t.label)))))),[w,k]),N=l((()=>e.createElement(pe,null,e.createElement(pe,{align:"center",gap:he(24),sx:e=>({background:"white",borderRadius:he(8),padding:he(4),[e.fn.largerThan("sm")]:{paddingLeft:he(16)}})},e.createElement(Oe.Group,Object.assign({},k.getInputProps("bannerOptions",{type:"checkbox"})),e.createElement(pe,{gap:he(16)},w.map(((t,a)=>e.createElement(Oe,{key:String(a),value:t.value,label:t.label,styles:{label:{cursor:"pointer"}}}))))),e.createElement(Pe,Object.assign({size:"sm"},s,r,{disabled:0===k.getInputProps("bannerOptions").value.length,leftIcon:y?e.createElement(h.ArrowRightTail,{size:18,useCurrentColor:!0}):void 0,onClick:()=>{const e=k.getInputProps("bannerOptions").value;C(e.join("|")),b(e.join("|"))},styles:e=>({root:{[e.fn.smallerThan("sm")]:{width:he(38),minWidth:"auto",padding:0}}})}),!y&&d("pnBanner.submit"))))),[w,k]);return e.createElement(Wl,Object.assign({},t),a===Ll.Button?S():a===Ll.Checkbox?N():null)},ql=t=>{var a,i;const{t:r}=K(),{heading:o,description:l,thumbnail:s,btnLabel:c,value:d,isRiskScreener:h,hideDescOnMobile:u,dataEventAction:g}=t,{locale:b}=K(),{isMobile:f}=m(jl),{getHealthToolLink:v,allTools:y}=vt(b),x=h?"mainBanner":"toolBanner",w=n((()=>{const t=h?`https://${J?"":"discover."}${Q[b]}/bot/${ie[b][d]}`:v(d);return e.createElement("a",{href:t},e.createElement(Pe,{size:"sm","data-event-category":"Focused Audience","data-event-action":g,"data-event-label":t},c||r("pnBanner.caclNow")))}),[y]);return"mainBanner"===x?e.createElement(Wl,Object.assign({},Object.assign(Object.assign({},t),{thumbnail:t.thumbnail})),w):e.createElement(pe,{gap:he(7),align:"center",justify:"space-between",sx:e=>({borderRadius:he(8),background:e.colors.blue[0],minHeight:he(180),padding:`${he(24)} ${he(16)}`,[e.fn.largerThan("sm")]:{padding:`${he(34)} ${he(32)}`}})},e.createElement(xe,{spacing:he(12)},e.createElement(xe,{spacing:he(4)},o&&e.createElement(A,{tag:"h4"},o),!(f&&u)&&l&&e.createElement(p,{size:"p4"},l)),e.createElement(pe,{gap:he(8),sx:{button:{minWidth:he(120)}}},w)),e.createElement(pe,{align:"center",justify:"center",sx:e=>({width:he(96),height:he(96),borderRadius:"50%",background:"white",flexShrink:0,[e.fn.largerThan("sm")]:{width:he(112),height:he(112)},img:{maxWidth:he(64),[e.fn.largerThan("sm")]:{maxWidth:he(73)}}})},e.createElement("img",{alt:"health-tool-icon",src:s||(null===(i=null===(a=y.filter((e=>e.template===d)))||void 0===a?void 0:a[0])||void 0===i?void 0:i.icon)||_l[d]||"",loading:"lazy"})))},Zl=()=>{var t,a,n;const{t:i}=K(),{state:r,Outside:o}=m(jl);return(null==r?void 0:r.action)===Pl.ShowTool?e.createElement(o,null,Ol(i)[null===(t=null==r?void 0:r.props)||void 0===t?void 0:t.value]?e.createElement(ql,Object.assign({},Ol(i)[null===(a=null==r?void 0:r.props)||void 0===a?void 0:a.value],{value:null===(n=null==r?void 0:r.props)||void 0===n?void 0:n.value})):null):(null==r?void 0:r.action)===Pl.ShowOptionBanner?e.createElement(o,null,e.createElement(Gl,Object.assign({},null==r?void 0:r.props))):null},Yl=a=>{var{isMobile:n,children:i,desktopBanner:r=oe.getAssetPath("friso/onboarding-banner.jpg"),mobileBanner:o=oe.getAssetPath("friso/onboarding-banner-mobile.jpg"),modalRatio:l={width:937,height:536},mobileBannerRatio:s={width:750,height:480},desktopBannerRatio:c={width:420,height:536},closeProps:d}=a,m=se(a,["isMobile","children","desktopBanner","mobileBanner","modalRatio","mobileBannerRatio","desktopBannerRatio","closeProps"]);const{width:p,height:u}=qe(),g=(u<=667?190:265)+p*s.height/s.width+74,[b,f]=t(!1);return e.createElement($t,Object.assign({styles:e=>({content:{flex:"auto",background:"transparent",[e.fn.smallerThan("sm")]:{maxHeight:"100%",height:"100%",position:"relative",borderRadius:0},[e.fn.largerThan("sm")]:{maxWidth:he(l.width),width:"100%",height:"100%",maxHeight:he(l.height),boxShadow:"none"}},body:{padding:0,width:"100%",height:"100%",[e.fn.largerThan("sm")]:{display:"flex",alignItems:"center"}},inner:{padding:0,[e.fn.smallerThan("sm")]:{display:"flex",alignItems:"flex-end"}}})},m),n?e.createElement(de,{sx:{position:"relative",height:"100%"},onTouchStart:()=>f(!0)},e.createElement(de,{className:"mobile-template",sx:{position:"absolute",height:100*(b?1:g/u)+"%",left:0,bottom:0,right:0,transition:"height 0.4s ease"}},e.createElement(de,{sx:{height:"100%",backgroundColor:"white",borderTopLeftRadius:b?0:he(12),borderTopRightRadius:b?0:he(12)}},e.createElement(de,{sx:{height:"calc(100% - 74px)",background:`url(${o})`,backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"top center",overflowY:"auto",borderRadius:"inherit"}},e.createElement(we,Object.assign({leftIcon:e.createElement(h.Close,null),sx:{position:"absolute",right:0,top:0,zIndex:1,padding:he(10)}},d,{onClick:()=>null==m?void 0:m.onClose()})),e.createElement(Ee,{ratio:(null==s?void 0:s.width)/(null==s?void 0:s.height),w:"100%"}),e.createElement(de,{sx:{padding:`${he(28)} ${he(16)} ${he(16)}`,background:"white"}},i))))):e.createElement(Ee,{className:"desktop-template",ratio:l.width/l.height,w:"100%",sx:{position:"relative","& > div":{justifyContent:"flex-end"}}},e.createElement(de,{sx:{width:"100%",height:"100%",justifyContent:"flex-end",alignItems:"stretch",borderRadius:he(8),background:"white",boxShadow:"0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 2.25rem 1.75rem -0.4375rem, rgba(0, 0, 0, 0.04) 0 1.0625rem 1.0625rem -0.4375rem"}},e.createElement("img",{alt:"",src:r,loading:"lazy",style:{borderTopLeftRadius:he(8),borderBottomLeftRadius:he(8),height:"100%",display:"block"}}),e.createElement(de,{sx:{position:"relative",height:"100%",width:(l.width-c.width)/l.width*100+"%"}},e.createElement(Pe,Object.assign({unstyled:!0,leftIcon:e.createElement(h.Close,null)},d,{onClick:()=>null==m?void 0:m.onClose(),sx:{position:"absolute",right:0,top:"10px"}})),e.createElement(de,{className:"side-banner-modal-container",sx:{height:"100%",padding:`${he(40)} ${he(24)} 0`}},i)))))},Xl="user/subscription",Kl=d({}),Jl=t=>{var{value:a,name:n}=t,i=se(t,["value","name"]);return e.createElement(je,Object.assign({value:a,withIcon:!0},i,{buttonProps:{styles:()=>({leftIcon:{marginRight:he(6)},root:{paddingLeft:he(10),paddingRight:he(10)}})}}),n)},Ql=({topicsGroup:a,onTopicChange:n,isBlock:r=!1,selectedTopics:o=[],inputProps:l,labelProps:s,maxSelect:c=5,hasScroll:d,readonly:h})=>{const{action:{pushNotifications:u}}=m(U),g=Ot(a.map((e=>e.topics||[]))),{t:b}=K(),[f,v]=t([]);i((()=>{v(o)}),[o.length]),i((()=>{null==n||n(f)}),[f]);const y=e=>{e.length>5?u({type:"danger",title:b("pnTopicSection.maxSelectError.title",{maxSelect:c}),message:b("pnTopicSection.maxSelectError.desc")}):!h&&v((()=>g.filter((t=>e.some((e=>t.catId===e))))))};return e.createElement(xe,{spacing:12},a.map(((t,a)=>e.createElement(xe,{key:String(a),spacing:12},t.label&&e.createElement(p,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},s),t.label),d?e.createElement(ke,{w:"100%",offsetScrollbars:!0,scrollbarSize:4,p:16,m:-16,styles:{viewport:{margin:-16,padding:16}}},e.createElement(de,{w:800},e.createElement(Ce.Group,Object.assign({value:f.map((e=>e.catId)),multiple:!0},l,{onChange:y}),e.createElement(pe,{gap:8,wrap:"wrap"},t.topics.map((a=>e.createElement(Jl,Object.assign({key:a.catId,value:a.catId,name:a.localName,isBlock:r},t.tracking)))))))):e.createElement(Ce.Group,Object.assign({value:f.map((e=>e.catId)),multiple:!0},l,{onChange:y}),e.createElement(pe,{gap:8,wrap:"wrap"},t.topics.map((a=>a.catId?e.createElement(Jl,Object.assign({key:a.catId,value:a.catId,name:a.localName,isBlock:r},t.tracking)):e.isValidElement(a.component)?a.component:null))))))))},es=t=>{var{heading:a,children:n,stickyActions:i}=t,r=se(t,["heading","children","stickyActions"]);const{isMobile:o}=m(Kl),l=e.createElement(xe,{spacing:he(24),sx:{height:"100%"}},e.createElement(A,{tag:"h4",style:{textAlign:"center"}},a),e.createElement(de,null,n));return e.createElement(de,{sx:e=>({[e.fn.largerThan("sm")]:{position:"relative",height:"100%"}})},o?l:e.createElement(ke,Object.assign({className:"layout-body",h:i?"calc(100% - 90px)":"100%"},r),l),i&&e.createElement(pe,{gap:he(8),sx:e=>({position:"absolute",left:0,right:0,bottom:0,padding:he(16),button:{flexGrow:1},justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${he(24)} 0`}})},i))},ts=()=>{const{t:a,locale:r}=K(),{data:{userInfo:o},action:{pushNotifications:l}}=m(U),s=null==o?void 0:o.id,{currentUrl:c,isMobile:d,pnSuggestCategory:u=[],nextStep:g,formValues:b,setFormValues:f,onSubmit:v,submitLoading:y,selectCategory:x,setCategoryLibs:w,setSelectCategory:E,maxSelectCategory:k}=m(Kl),C=u.map((e=>e.catId)),S=Lt({validate:{name:Pt(a("healthToolPNModal.mainForm.requireName"))},initialValues:Object.assign(Object.assign({},b),{fitnessTopics:C})}),[N,B]=t([]),[T,D]=t([]);i((()=>{ce(void 0,void 0,void 0,(function*(){var e;try{const t=yield F(V(Ul,{_locale:r}),"get"),a=((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.subscription)||[]).filter((e=>!C.includes(e.catId)));B(u),D(a),w([...u,...a])}catch(e){console.log(e)}}))}),[]),i((()=>{s&&S.setFieldValue("name",(null==o?void 0:o.name)||"")}),[s]);const I=()=>{""!==S.getInputProps("name").value?(f(S.getTransformedValues()),g()):S.validateField("name")},_=n((()=>e.createElement(Pe,{variant:"tertiary",dataEventCategory:"Newsletter",dataEventAction:"More Category Click",dataEventLabel:c,leftIcon:e.createElement(h.Plus,{size:16,color:"#262626",useCurrentColor:!0}),onClick:I,styles:e=>({root:{borderRadius:he(6),padding:"2px 15px",height:he(40)},label:{fontSize:he(14),fontWeight:400,[e.fn.smallerThan("sm")]:{fontSize:he(12),lineHeight:he(16),height:he(40)}},leftIcon:{marginRight:"5px"}})},e.createElement(p,{size:d?"p3":"p4"},a("home.seeMore")))),[S]);return i((()=>{S.setFieldValue("fitnessTopics",x.map((e=>e.catId)))}),[x]),e.createElement("form",{style:{height:"100%"},onSubmit:S.onSubmit((e=>{if(0===x.length)return l({type:"danger",title:a("newsletter.error.minTitle"),message:a("newsletter.error.minCotennt")}),!1;f(e),null==v||v(e.name)}))},e.createElement(es,{heading:a("healthToolPNModal.heading"),stickyActions:e.createElement(e.Fragment,null,e.createElement(Pe,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Register Click",dataEventLabel:c,loading:y,sx:{maxWidth:he(240)}},a("healthToolPNModal.register")))},e.createElement(xe,{spacing:he(16)},e.createElement($e,Object.assign({label:a("newsletter.welcome.description")},S.getInputProps("name"))),e.createElement(Ql,{topicsGroup:[...0===u.length&&0===T.length?[{topics:[{component:_}]}]:[],...u.length>0?[{label:a("healthToolPNModal.mainForm.tailorTopicsHeading"),topics:[...u,...0===T.length?[{component:_}]:[]]}]:[],...T.length>0?[{label:a("healthToolPNModal.findMore.chooseFav"),topics:[...T,...T.length>0?[{component:_}]:[]]}]:[]],selectedTopics:[...N],labelProps:{size:d?"p3":"p4",color:"gray.6"},onTopicChange:E,maxSelect:k}))))},as=c((function(t,a){var{label:n}=t,i=se(t,["label"]);return e.createElement("div",Object.assign({ref:a},i),e.createElement(ge,{noWrap:!0},e.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.97887 8.15493C2.97887 5.29627 5.29627 2.97887 8.15493 2.97887C11.0136 2.97887 13.331 5.29627 13.331 8.15493C13.331 11.0136 11.0136 13.331 8.15493 13.331C5.29627 13.331 2.97887 11.0136 2.97887 8.15493ZM8.15493 1.5C4.47951 1.5 1.5 4.47951 1.5 8.15493C1.5 11.8303 4.47951 14.8099 8.15493 14.8099C9.72615 14.8099 11.1702 14.2653 12.3086 13.3547L15.2376 16.2837C15.5264 16.5725 15.9946 16.5725 16.2833 16.2837C16.5721 15.9949 16.5721 15.5267 16.2833 15.238L13.3544 12.3091C14.2652 11.1705 14.8099 9.72634 14.8099 8.15493C14.8099 4.47951 11.8303 1.5 8.15493 1.5Z",fill:"#8C8C8C"})),e.createElement(p,{size:"p3"},n)))})),ns=c((function(t,a){var{label:n}=t,i=se(t,["label"]);return e.createElement("div",Object.assign({ref:a},i),e.createElement(p,{size:"p3"},n))})),is=({history:t,onDelete:a})=>e.createElement(pe,{wrap:"wrap",gap:8},jt(t,"catId").map((t=>e.createElement(Se,{key:t.catId,rightSection:e.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:()=>null==a?void 0:a(t)},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.5 9C1.5 4.8525 4.8525 1.5 9 1.5C13.1475 1.5 16.5 4.8525 16.5 9C16.5 13.1475 13.1475 16.5 9 16.5C4.8525 16.5 1.5 13.1475 1.5 9ZM11.1677 12.2248C11.4602 12.5173 11.9327 12.5173 12.2252 12.2248C12.5101 11.9323 12.5101 11.4523 12.2252 11.1673L10.0577 8.99979L12.2252 6.83229C12.5177 6.53979 12.5177 6.0673 12.2252 5.7748C11.9327 5.4823 11.4602 5.4823 11.1677 5.7748L9.00015 7.9423L6.83265 5.7748C6.54015 5.4823 6.06765 5.4823 5.77515 5.7748C5.63471 5.91492 5.55579 6.10516 5.55579 6.30354C5.55579 6.50193 5.63471 6.69217 5.77515 6.83229L7.94265 8.99979L5.77515 11.1673C5.63471 11.3074 5.55579 11.4977 5.55579 11.696C5.55579 11.8944 5.63471 12.0847 5.77515 12.2248C6.06765 12.5173 6.54015 12.5173 6.83265 12.2248L9.00015 10.0573L11.1677 12.2248Z",fill:"#8C8C8C"})),styles:{root:{height:32,background:"#ffffff",padding:"5px 12px",border:`1px solid ${Fe.neutral[4]}`,borderRadius:32,textTransform:"unset"},rightSection:{height:18,cursor:"pointer"}}},e.createElement(p,{size:"p4"},t.localName))))),rs=({topics:a,onTopicChange:n,isBlock:r=!1,selectedTopics:o,labelProps:l,maxSelect:s=5})=>{const{action:{pushNotifications:c}}=m(U),[d,h]=t([]),{t:u}=K();i((()=>{h(o)}),[o.length]),i((()=>{n(d)}),[d]);return a&&0!==a.length?e.createElement(xe,{spacing:12,px:16,mx:-16},e.createElement(p,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},l),u("pnTopicSection.recentView")),e.createElement(Ce.Group,{value:d.map((e=>e.catId)),onChange:e=>{r&&d.length<e.length?c({type:"danger",title:u("pnTopicSection.maxSelectError.title",{maxSelect:s}),message:u("pnTopicSection.maxSelectError.desc")}):h((()=>a.filter((t=>e.some((e=>t.catId===e))))))},multiple:!0},e.createElement(pe,{gap:8,wrap:"wrap"},a.map(((t,a)=>e.createElement(Jl,{key:a,value:t.catId,name:t.localName,isBlock:r})))))):null},os=t=>{var{topic:a,active:n,onClick:i}=t,r=se(t,["topic","active","onClick"]);return e.createElement(de,Object.assign({sx:e=>({position:"relative",cursor:"pointer",padding:2,borderRadius:8,boxShadow:"0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04)",minHeight:he(130),[e.fn.largerThan("sm")]:{minHeight:he(138)}}),onClick:()=>i(a,n)},r),n&&e.createElement(de,{id:"test",sx:{position:"absolute",top:2,right:2,width:20,height:20,zIndex:1}},e.createElement("svg",{id:"test",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.66699 9.99984C1.66699 5.39984 5.40033 1.6665 10.0003 1.6665C14.6003 1.6665 18.3337 5.39984 18.3337 9.99984C18.3337 14.5998 14.6003 18.3332 10.0003 18.3332C5.40033 18.3332 1.66699 14.5998 1.66699 9.99984ZM4.75066 10.5827L7.74232 13.5744C8.06732 13.8994 8.60066 13.8994 8.91732 13.5744L15.2423 7.2494C15.5673 6.9244 15.5673 6.3994 15.2423 6.0744C14.9173 5.7494 14.3923 5.7494 14.0673 6.0744L8.33399 11.8077L5.92566 9.40773C5.60066 9.08273 5.07566 9.08273 4.75066 9.40773C4.59461 9.56342 4.50692 9.7748 4.50692 9.99523C4.50692 10.2157 4.59461 10.427 4.75066 10.5827Z",fill:"#2D87F3"}),e.createElement("path",{d:"M7.74224 13.5772L4.75057 10.5856C4.59453 10.4299 4.50684 10.2185 4.50684 9.99808C4.50684 9.77765 4.59453 9.56627 4.75057 9.41058C5.07557 9.08558 5.60057 9.08558 5.92557 9.41058L8.33391 11.8106L14.0672 6.07725C14.3922 5.75225 14.9172 5.75225 15.2422 6.07725C15.5672 6.40225 15.5672 6.92725 15.2422 7.25225L8.91724 13.5772C8.60057 13.9022 8.06724 13.9022 7.74224 13.5772Z",fill:"white"}))),e.createElement(de,{sx:{borderRadius:"8px"}},e.createElement(ze,{ratio:1.5,mb:10,sx:e=>({background:e.colors.neutral[0]})},e.createElement(de,null,e.createElement("img",{src:a.guid||"",alt:"cat",loading:"lazy",style:{maxHeight:"63px"}})))),e.createElement(p,{size:"p4",ta:"center",px:6,sx:{display:"-webkit-box","-webkit-line-clamp":"2","-webkit-box-orient":"vertical",overflow:"hidden"}},a.localName||""))},ls=({topics:n,selectedTopics:r=[],onTopicChange:o,isBlock:l=!1,labelProps:s,pushNotifications:c,maxSelect:d=5})=>{const{t:m}=K(),[h,u]=t([]),g=(e,t)=>{if(t)u((t=>t.filter((t=>t.catId!==e.catId))));else{if(l)return void c({type:"danger",title:m("pnTopicSection.maxSelectError.title",{maxSelect:d}),message:m("pnTopicSection.maxSelectError.desc")});u((t=>[...t,e]))}};i((()=>{u(r)}),[r.length]),i((()=>{o(h)}),[h]);const[b,f]=t(!1),[v,y]=t(0),[x,w]=t(0),E=a(null),k=()=>{f(!1)};return e.createElement(xe,{spacing:10},e.createElement(pe,{justify:"space-between",align:"center",w:"100%"},e.createElement(p,Object.assign({size:"s5",color:"gray.4",weight:"semiBold",span:!0},s),m("pnTopicSection.trending"))),e.createElement(de,null,e.createElement(ke,{type:"always",w:"100%",offsetScrollbars:!0,scrollbarSize:4,px:4,viewportRef:E,viewportProps:{onMouseDown:e=>{e.preventDefault(),E.current&&(f(!0),y(e.pageX-E.current.offsetLeft),w(E.current.scrollLeft))},onMouseUp:k,onMouseLeave:k,onMouseMove:e=>{if(e.preventDefault(),!b||!E.current)return;const t=2*(e.pageX-E.current.offsetLeft-v);E.current.scrollLeft=x-t}},styles:{viewport:{paddingBottom:16}}},e.createElement(de,{w:{base:112*n.length+8*(n.length-1)+10}},e.createElement(pe,{gap:8},n.map(((t,a)=>e.createElement(os,{key:a,topic:t,onClick:g,active:h.some((e=>e.catId===t.catId)),w:{base:112}}))))))))},ss=r=>{var{isLoggedIn:o,maxSelect:l=5,values:s=[],labelProps:c,onChange:d}=r,h=se(r,["isLoggedIn","maxSelect","values","labelProps","onChange"]);const{action:{pushNotifications:u}}=m(U),[g,b]=t(""),{t:f,locale:v}=K(),y=a(null),[x,w]=t([]),[E,k]=t([]),[C,S]=t([]),[N,B]=t([]),[T,D]=t(null),[I,_]=t([]);i((()=>{ce(void 0,void 0,void 0,(function*(){var e,t;const a=yield F(V(Hl,{_locale:v}),"get"),n=(null===(e=null==a?void 0:a.data)||void 0===e?void 0:e.interested)||[],i=(null===(t=null==a?void 0:a.data)||void 0===t?void 0:t.trending)||[],r=jt([...n,...i],"catId").map((e=>Object.assign(Object.assign({},e),{value:e.catId||"",label:e.localName||""})));if(_(r||[]),D((null==a?void 0:a.data)||null),s.length>0){const e=n.filter((e=>s.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"interested"}))),t=i.filter((e=>s.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"trending"})));B(e),k(t)}}))}),[o]);const z=n((()=>jt([...x,...E,...N,...C],"catId")),[x,E,N,C]),[A,L]=t(!1);i((()=>{z.length>=l?L(!0):L(!1),null==d||d(z)}),[z]);return e.createElement(xe,Object.assign({spacing:he(16)},h),e.createElement(xe,{spacing:he(8)},e.createElement(p,{size:"p3"},f("pnTopicSection.maxSelectError.detail",{max:l,maxTopic:z.length})),e.createElement(Ne,{ref:y,maxSelectedValues:3,styles:{wrapper:{overflow:"initial !important"},separator:{padding:16},separatorLabel:{fontWeight:600,fontSize:12,lineHeight:"18px",textTransform:"uppercase",color:Fe.gray[4],"&::after":{display:"none"}},searchInput:{fontSize:"inherit"},input:{paddingRight:16}},nothingFound:e.createElement(p,{size:"s4",color:"gray.6"},f("pnTopicSection.notFound")),itemComponent:""===g?as:ns,size:"lg",placeholder:f("pnTopicSection.plsEnterFavTopics"),data:I,onSearchChange:b,searchValue:g,icon:e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.97183 10.8732C3.97183 7.0617 7.0617 3.97183 10.8732 3.97183C14.6848 3.97183 17.7746 7.0617 17.7746 10.8732C17.7746 14.6848 14.6848 17.7746 10.8732 17.7746C7.0617 17.7746 3.97183 14.6848 3.97183 10.8732ZM10.8732 2C5.97268 2 2 5.97268 2 10.8732C2 15.7738 5.97268 19.7465 10.8732 19.7465C12.9682 19.7465 14.8936 19.0205 16.4115 17.8063L20.3168 21.7116C20.7018 22.0966 21.3261 22.0966 21.7111 21.7116C22.0961 21.3266 22.0961 20.7023 21.7111 20.3173L17.8059 16.4121C19.0203 14.894 19.7465 12.9684 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z",fill:"#595959"})),rightSection:e.createElement(e.Fragment,null),zIndex:500,searchable:!0,withinPortal:!0,onChange:e=>{return t=e,ce(void 0,void 0,void 0,(function*(){var e;const a={trending:k,recently:S,interested:B,default:w};let n="default";if(A)u({type:"danger",title:f("pnTopicSection.maxSelectError.title",{maxSelect:l}),message:f("pnTopicSection.maxSelectError.desc")});else{const i=[{key:"trending",array:null==T?void 0:T.trending},{key:"recently",array:null==T?void 0:T.recently},{key:"interested",array:null==T?void 0:T.interested}].find((e=>{var a;return null===(a=e.array)||void 0===a?void 0:a.some((e=>e.catId===t[0]))}));n=(null==i?void 0:i.key)||"default",a[n]((e=>[...e,...I.filter((e=>t.some((t=>e.catId===t))))].map((e=>Object.assign(Object.assign({},e),{template:n}))))),null===(e=y.current)||void 0===e||e.blur()}return null}));var t},value:[]}),z&&z.length>0&&e.createElement(is,{history:z,onDelete:e=>{const t={trending:k,recently:S,interested:B,default:w};(t[e.template]||t.default)((t=>{const a=[...t],n=a.findIndex((t=>t.catId===e.catId));return a.splice(n,1),a}))}})),e.createElement(de,{sx:e=>({position:"relative",height:he(175),[e.fn.largerThan("sm")]:{height:he(190)}})},e.createElement(de,{sx:{position:"absolute",top:0,right:0,left:0}},e.createElement(ls,{topics:((null==T?void 0:T.trending)||[]).map((e=>Object.assign(Object.assign({},e),{template:"trending"}))),selectedTopics:E,onTopicChange:k,isBlock:A,labelProps:c}))),e.createElement(rs,{topics:((null==T?void 0:T.recently)||[]).map((e=>Object.assign(Object.assign({},e),{template:"recently"}))),selectedTopics:C,onTopicChange:S,isBlock:A,labelProps:c}),e.createElement(Ql,{labelProps:c,topicsGroup:[{label:f("pnTopicSection.ppAlsoInterested"),topics:((null==T?void 0:T.interested)||[]).map((e=>Object.assign(Object.assign({},e),{template:"interested"})))}],selectedTopics:N,onTopicChange:B,isBlock:A}))},cs=()=>{const{t:t}=K(),{action:{pushNotifications:a}}=m(U),{prevStep:n,formValues:i,submitLoading:r,onSubmit:o,selectCategory:l,maxSelectCategory:s,setSelectCategory:c,currentUrl:d,isLoggedIn:p}=m(Kl);return e.createElement(es,{heading:t("newsletter.topic.title"),type:"always",styles:{root:{paddingRight:he(25)}},stickyActions:e.createElement(e.Fragment,null,e.createElement(Pe,{fullWidth:!0,variant:"secondary",dataEventCategory:"Newsletter",dataEventAction:"Back  Click",dataEventLabel:d,onClick:n},t("healthToolPNModal.back")),e.createElement(Pe,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Next  Click",dataEventLabel:d,onClick:()=>{if(0===l.length)return a({type:"danger",title:t("newsletter.error.minTitle"),message:t("newsletter.error.minCotennt")}),!1;null==o||o(i.name)},loading:r},t("healthToolPNModal.next")))},e.createElement(ss,{isLoggedIn:p,maxSelect:s,values:i.fitnessTopics,onChange:c,labelProps:{size:"s5",sx:{textTransform:"uppercase"}}}))},ds=()=>{const{t:t}=K(),{close:a,selectCategory:n,onRegisterSuccess:r,currentUrl:o,finishLabelOnResult:l,disclaimerText:s}=m(Kl);return i((()=>()=>{setTimeout((()=>{null==r||r()}),400)}),[]),e.createElement(es,{heading:t("healthToolPNModal.heading"),stickyActions:e.createElement(Pe,{fullWidth:!0,sx:{maxWidth:he(300)},dataEventCategory:"Newsletter",dataEventAction:"Continue Reading Click",dataEventLabel:o,onClick:()=>{a()}},l||t("healthToolPNModal.finish"))},e.createElement(xe,null,e.createElement(pe,{gap:he(8),sx:e=>({background:e.colors.green[0],border:`1px solid ${e.colors.green[1]}`,borderRadius:he(8),padding:he(8)})},e.createElement(de,null,e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M9.99984 18.3334C14.6022 18.3334 18.3332 14.6025 18.3332 10.0001C18.3332 5.39771 14.6022 1.66675 9.99984 1.66675C5.39746 1.66675 1.6665 5.39771 1.6665 10.0001C1.6665 14.6025 5.39746 18.3334 9.99984 18.3334Z",fill:"#00B16A"}),e.createElement("path",{d:"M9.58558 12.6674C9.22944 12.668 8.87668 12.5983 8.54752 12.4623C8.21835 12.3264 7.91925 12.1268 7.66732 11.8751L6.68587 10.8931C6.55607 10.7587 6.48424 10.5787 6.48587 10.3919C6.48749 10.2051 6.56243 10.0263 6.69455 9.89422C6.82667 9.7621 7.00539 9.68716 7.19222 9.68554C7.37906 9.68391 7.55906 9.75574 7.69345 9.88554L8.67491 10.8675C8.79344 10.986 8.93415 11.08 9.08902 11.1442C9.24389 11.2083 9.40987 11.2413 9.5775 11.2413C9.74513 11.2413 9.91111 11.2083 10.066 11.1442C10.2208 11.08 10.3616 10.986 10.4801 10.8675L16.7033 5.24335C16.8443 5.12184 17.0272 5.06032 17.213 5.07195C17.3987 5.08358 17.5726 5.16744 17.6973 5.30558C17.8221 5.44373 17.8878 5.6252 17.8805 5.81118C17.8731 5.99717 17.7933 6.17291 17.6581 6.30081L11.4592 11.8998C11.2128 12.1448 10.9205 12.3387 10.5989 12.4705C10.2774 12.6022 9.93304 12.6692 9.58558 12.6674Z",fill:"white"}))),e.createElement(p,{size:"p3"},s||t("pnModal.disclaimer"))),e.createElement(A,{tag:"h5"},t("healthToolPNModal.yourPre")),n.length>0&&e.createElement(Ql,{topicsGroup:[{label:"",topics:n}],selectedTopics:n,readonly:!0})))},ms=({isMobile:a,isLoggedIn:n,pnSuggestCategory:r=[],acquisitionInfo:o,currentUrl:s,opened:c,close:d,finishLabelOnResult:p,onRegisterSuccess:h,disclaimerText:u})=>{const{t:g,locale:b}=K(),{action:{pushNotifications:f}}=m(U),v=oe.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),y=oe.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),[x,w]=t([]),[E,k]=t([]),[C,S]=t(0),[N,B]=t({name:"",fitnessTopics:[]}),[T,D]=t(!1),I=()=>S(2),_=l((e=>ce(void 0,void 0,void 0,(function*(){try{D(!0),yield F(V(Rl,{website_url:W(b)}),"post",{headers:{"Content-Type":"application/json"},method:"POST",data:{ga_client_id:Mt.get(re),client_ip:window.clientIP||"",user_info:Object.assign(Object.assign({},o.userInfo),{name:e||N.name,type_subscription:1}),domain:Q[b||Re.Vietnam],category:E,perferred:o.preferredTopics.map((({id:e})=>({id:e})))}}),D(!1),yield F(G(Xl),"post",{headers:{"Content-Type":"application/json"},method:"PUT",data:{subscription:1}}),I()}catch(e){console.log({err:e}),D(!1),f({title:g("notification.comment.somethingWrong"),message:"",type:"danger"})}}))),[N,E]);return i((()=>{[v,y].forEach((e=>{(new Image).src=e}))}),[]),e.createElement(Kl.Provider,{value:{currentUrl:s,isMobile:a,isLoggedIn:n,opened:c,close:d,pnSuggestCategory:r,nextStep:()=>S((e=>e<3?e+1:e)),prevStep:()=>S((e=>e>0?e-1:e)),lastStep:I,categoryLibs:x,setCategoryLibs:w,selectCategory:E,setSelectCategory:k,formValues:N,setFormValues:B,maxSelectCategory:5,submitLoading:T,onSubmit:_,onRegisterSuccess:h,finishLabelOnResult:p,disclaimerText:u}},e.createElement(Yl,{isMobile:a,desktopBanner:oe.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),mobileBanner:oe.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),modalRatio:{width:960,height:588},desktopBannerRatio:{width:384,height:588},opened:c,onClose:d,zIndex:305,closeProps:{dataEventCategory:"Newsletter",dataEventAction:"Close Click",dataEventLabel:s}},e.createElement(Be,{active:C,onStepClick:S,styles:{root:{height:"100%"},content:{padding:0,height:"100%",width:"100%"},steps:{display:"none"}}},e.createElement(Be.Step,null,e.createElement(ts,null)),e.createElement(Be.Step,null,e.createElement(cs,null)),e.createElement(Be.Step,null,e.createElement(ds,null)))))},ps=()=>{const{locale:n}=K(),{isMobile:r,isLoggedIn:o,currentUrl:l,acquisitionInfo:s,categoryIds:c,state:d,setState:p,settings:h,submitHandler:u,subcribeHealthStatus:g,showPNModal:b,setShowPNModal:f,setIsBack:v}=m(jl),[y,x]=t([]),[w,E]=t(b);i((()=>{ce(void 0,void 0,void 0,(function*(){var e,t;const a=yield F(V(Hl,{_locale:n}),"get"),i=[...(null===(e=null==a?void 0:a.data)||void 0===e?void 0:e.interested)||[],...(null===(t=null==a?void 0:a.data)||void 0===t?void 0:t.trending)||[]];x(i.filter((e=>c.includes(Number(e.catId)))))}))}),[]);const k=a([]);return i((()=>{const e=(null==g?void 0:g.value)||"",t=e.split("|").filter(Boolean);let a=e;k.current.push(g),t.length>1&&(null!==k.current[0]&&v(!0),Object.keys(u).map((e=>{const n=e.split("|");if(t.length===n.length){let i=0;t.map((e=>{n.includes(String(e))&&(i+=1)})),i===t.length&&(a=e)}})));const n=t.length>0?u[a]:h;p(n)}),[g]),i((()=>{E(b)}),[b]),(null==d?void 0:d.action)!==Pl.Hide?e.createElement(e.Fragment,null,e.createElement(Zl,Object.assign({},h.props)),e.createElement(ms,{acquisitionInfo:s,isMobile:r,isLoggedIn:o,currentUrl:l,pnSuggestCategory:y,opened:w,close:()=>{var e;E(!1),f(!1),setTimeout((()=>{var e;(null===(e=d.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&p({action:Pl.Hide})}),400),(null===(e=d.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&p({action:Pl.Hide})},onRegisterSuccess:()=>E(!1)})):null},hs=({type:a,articleId:r=0,categoryIds:o=[],isMarketing:l,isSurveyType:s,hasPremiumBanner:c,currentUrl:d,isMobile:p,subcribeHealthStatus:h,setShouldAcquisitionModalOpen:u,onValueChange:g,source:b="discover",Wrapper:f})=>{const{t:v}=K(),{data:{userInfo:y}}=m(U),x=Boolean(null==y?void 0:y.id),[w,E]=t(null),[k,C]=t(),[S,N]=t(""),[B,T]=t(!1),[D,I]=t(!1),_=n((()=>$l[a]),[]),z=((e,t)=>({[zl.Pregnant]:{action:Pl.ShowOptionBanner,props:{heading:e("pnBanner.pregnancy.heading"),description:e("pnBanner.pregnancy.desc"),styleType:Ll.Button,thumbnail:{desktop:oe.getAssetPath("newsletter/banner-option-pregnancy-desktop.png"),mobile:oe.getAssetPath("newsletter/banner-option-pregnancy-mobile.png")},buttonProps:{variant:"white",styles:e=>({minWidth:he(80),[e.fn.largerThan("sm")]:{minWidth:he(120)}})},items:[{label:e("switchBtn.yes"),value:"yes",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Are you navigating the world of pregnancy - Yes Click",dataEventLabel:t}},{label:e("switchBtn.no"),value:"no",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Are you navigating the world of pregnancy - No Click",dataEventLabel:t}}]},submitHandler:{yes:{action:Pl.ShowTool,props:{value:Il.DUE_DATE}},no:{action:Pl.ShowPremiumModal}}},[zl.Parenting]:{action:Pl.ShowOptionBanner,props:{heading:e("pnBanner.parenting.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:oe.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:oe.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,styleType:Ll.Checkbox,items:[{label:e("pnBanner.toddlers"),value:"todders"},{label:e("pnBanner.teenager"),value:"teenager"}],submitBtnTracking:{dataEventCategory:"Focused Audience",dataEventAction:"What is the age range of your kids Click",dataEventLabel:t}},submitHandler:{todders:{action:Pl.ShowTool,props:{value:Il.BABY_VACCINE}},teenager:{action:Pl.ShowOptionBanner,props:{styleType:Ll.Button,heading:e("pnBanner.teenager.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:oe.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:oe.getAssetPath("newsletter/banner-option-parenting-mobile.png")},buttonProps:{variant:"white"},items:[{label:e("childCard.boy"),value:"teenager.boy",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"What is the gender of your kids - Boy Click",dataEventLabel:t}},{label:e("childCard.girl"),value:"teenager.girl",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"What is the gender of your kids - Girl Click",dataEventLabel:t}}]}},"teenager.boy":{action:Pl.ShowPremiumModal},"teenager.girl":{action:Pl.ShowTool,activeTool:ne.HPV,props:{value:ne.HPV}},"todders|teenager":{action:Pl.ShowOptionBanner,props:{styleType:Ll.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:oe.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:oe.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,buttonProps:{variant:"secondary"},styles:e=>({wrapper:{[e.fn.smallerThan("sm")]:{flexDirection:"column"}},button:{background:e.colors.blue[0]}}),items:[{label:e("pnBanner.vaccine.btnLabel"),activeTool:Il.BABY_VACCINE,isLink:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Baby Vaccine Click",dataEventLabel:t}},{label:e("pnBanner.pn.btnLabel"),value:"todders|teenager.showPN",isPNBtn:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Premium Newsletter Click",dataEventLabel:t}}]}},"todders|teenager.showPN":{action:Pl.ShowOptionBanner,props:{styleType:Ll.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:oe.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:oe.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,buttonProps:{variant:"secondary"},styles:e=>({wrapper:{[e.fn.smallerThan("sm")]:{flexDirection:"column"}},button:{background:e.colors.blue[0]}}),items:[{label:e("pnBanner.vaccine.btnLabel"),activeTool:Il.BABY_VACCINE,isLink:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Baby Vaccine Click",dataEventLabel:t}}]}}}}}))(v,d)[_],A=null==z?void 0:z.submitHandler,L=f||de,P=()=>c&&1!==(null==y?void 0:y.subscription)?e.createElement(Fl,null):null;return i((()=>{x&&E({userInfo:y,preferredTopics:Tl,healthTopics:[]})}),[x]),e.createElement(jl.Provider,{value:{settings:z,submitHandler:A,type:a,surveyType:_,value:S,setValue:N,isMobile:p,isLoggedIn:x,isMarketing:l,hasPremiumBanner:c,currentUrl:d,acquisitionInfo:w,categoryIds:o,subcribeHealthStatus:h,articleId:r,onValueChange:g,state:k,setState:C,handleClickOption:e=>{const t=(e=>{let t="";const a=e.split("|");return 1===a.length?e:(Object.keys(A).map((e=>{const n=e.split("|");if(a.length===n.length){let i=0;a.map((e=>{n.includes(String(e))&&(i+=1)})),i===a.length&&(t=e)}})),t)})(e);if(t){const a=A[t];a.action===Pl.ShowPremiumModal?c?(T(!0),C(Object.assign(Object.assign({},k),{actionParams:{hideBannerWhenClose:a.action===Pl.ShowPremiumModal}}))):(C({action:Pl.Hide}),null==g||g(e)):(C(a),null==g||g(e))}},showPNModal:B,setShowPNModal:T,source:b,Outside:L,isBack:D,setIsBack:I,minHeight:180,setShouldAcquisitionModalOpen:u}},void 0!==h?x?s&&z?(()=>{const t=A[(null==h?void 0:h.value)||""];return(null==t?void 0:t.action)===Pl.ShowPremiumModal?P():e.createElement(ps,null)})():P():c?e.createElement(Fl,null):null:null)};export{Ut as A,Vt as B,Qt as C,Ia as D,_o as E,Gt as F,qt as G,Mo as H,za as I,Uo as J,ll as K,oa as L,Jn as M,pl as N,Ho as O,Yt as P,gl as Q,Xt as R,rn as S,Kt as T,vl as U,Nl as V,Bl as W,hs as X,$l as Y,Ml as Z,Wt as a,Jt as b,na as c,ia as d,ba as e,Ea as f,Ca as g,Na as h,Wa as i,qa as j,tn as k,dn as l,fn as m,yn as n,Ja as o,Bn as p,Tn as q,On as r,Wn as s,Kn as t,fr as u,Br as v,Xr as w,io as x,xo as y,Eo as z};
+`,kl={},Cl=e=>{if(kl[e]){window.googletag=window.googletag||{cmd:[]};const{googletag:t}=window;t.cmd.push((function(){t.destroySlots([kl[e]]),delete kl[e]}))}},Sl=["TopBanner","MidBanner1","MidBanner2","EndBanner","Sticky"],Nl=o(c((function({className:n,adUnitPath:r,size:o,divId:l,pos:s,sizeMapping:c,contentId:d,isHidden:m,hideIfHasSubot:p,isSticky:h,refreshInterval:u,customTargetings:g,style:b,adDefaultSize:f,noWrapper:v,showCloseBtn:y,onCloseAd:x,headerBottom:w,wrapperProps:E,locale:k,isMarryBaby:C},S){const N=u||(k===Re.Vietnam&&s.some((e=>Sl.includes(e)))?30:void 0),{t:B}=K(),T=a(null),D=a(null),I=a(N);I.current=N;const[_,z]=t(!1),A=()=>{I.current&&(null!==D.current&&clearInterval(D.current),D.current=window.setInterval((()=>{window.googletag=window.googletag||{cmd:[]};const{googletag:e}=window;e.cmd.push((function(){kl[l]&&e.pubads().refresh([kl[l]])}))}),1e3*I.current))};if(i((()=>()=>{Cl(l),D.current&&clearInterval(D.current)}),[]),i((()=>{A()}),[N]),i((()=>{m||(({contentId:e,adUnitPath:t,size:a,divId:n,pos:i,sizeMapping:r,hideIfHasSubot:o,customTargetings:l,onSuccess:s})=>{if(!n||!document.getElementById(n))return console.error("divId is required");Cl(n),window.googletag=window.googletag||{cmd:[]};const{googletag:c}=window;c.cmd.push((function(){const d=document.querySelector('meta[name="content_id"]'),m="string"==typeof e?e:null==d?void 0:d.content,p=c.defineSlot(t,a,n);if(p){try{l&&Object.keys(l).forEach((e=>{e&&(null==p||p.setTargeting(e,l[e]))}))}catch(e){console.error(e)}kl[n]=p,p.setTargeting("Pos",i),p.addService(c.pubads()),m&&p.setTargeting("Content_ID",m),r&&p.defineSizeMapping(r),o&&document.getElementById("subot--container")&&p.setTargeting("chatbot",!0),c.display(n),null==s||s()}}))})({contentId:d,adUnitPath:r,size:o,divId:l,pos:s,sizeMapping:c,hideIfHasSubot:p,customTargetings:g,onSuccess:A})}),[m]),_)return null;const L=e.createElement("div",{style:{position:"relative",width:"fit-content",height:"fit-content",overflow:"hidden",maxWidth:"100%",display:"flex",alignItems:"center",justifyContent:"center"}},e.createElement("div",{ref:S,id:l}),y&&e.createElement(El,{onClick:()=>{null==x||x(),z(!0)}}));if(h)return L;const P=f?f[0]:o?Array.isArray(o[0])?o[0][0]:o[0]:void 0,$=f?f[1]:o?Array.isArray(o[0])?o[0][1]:o[1]:void 0;return e.createElement(de,Object.assign({},E,{className:n}),e.createElement(xl,{ref:T,className:n,style:b,"data-no-wrapper":!!v,"data-header-bottom":!!w},v?L:e.createElement(e.Fragment,null,e.createElement(wl,{"data-header-bottom":!!w},e.createElement("img",{src:C?oe.getAssetPath("adsIcon-mb.svg"):oe.getAssetPath("adsIcon.svg"),alt:"",loading:"lazy"}),e.createElement("span",null,B("adBanner.title"))),e.createElement("div",{style:{minWidth:P||"100%",minHeight:$||"100%",position:"relative"}},L))))})),((e,t)=>e.adUnitPath===t.adUnitPath&&e.divId===t.divId&&e.className===t.className)),Bl=({className:n,adUnitPath:r,divId:o,isMobile:l,contentId:s,customTargetings:c,locale:d,isMarryBaby:m})=>{const[p,h]=t(!0),[u,g]=t(!1),[b,f]=t(!0),v=a(null),y=a(_t()),x=a(null),w=a(),E=a();return i((()=>{const e=()=>{E.current&&clearTimeout(E.current),E.current=setTimeout((()=>{var t;document.getElementById("subot--container")?h(!0):(h(!1),(null===(t=v.current)||void 0===t?void 0:t.clientHeight)?f(!1):f(!0)),e()}),4e3)};return e(),()=>{w.current&&clearTimeout(w.current),E.current&&clearTimeout(E.current)}}),[]),p||u?null:e.createElement(yl,{key:l?"mobile":"desktop",ref:x,className:n,"data-visible":!b},r&&e.createElement(Nl,{wrapperProps:{m:0},ref:v,adUnitPath:r,size:l?[[320,50],[320,100]]:[728,90],divId:(o||"div-gpt-ad-sticky")+(l?"-mobile":"")+s+String(y.current),pos:["Sticky"],contentId:s,hideIfHasSubot:l,customTargetings:c,adDefaultSize:l?[320,50]:[728,90],showCloseBtn:!0,onCloseAd:()=>g(!0),refreshInterval:60,locale:d,isMarryBaby:m}))},Tl=[{title:"Health News & Current Affairs",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:oe.getAssetPath("newsletter-prefer/newsletter-health.svg"),checked:!1,id:1},{title:"Educational Medical Hello Bacsi Content",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:oe.getAssetPath("newsletter-prefer/newsletter-education.svg"),checked:!1,id:2},{title:"Hello Health Community Feed",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:oe.getAssetPath("newsletter-prefer/newsletter-community.svg"),checked:!1,id:3}];var Dl;!function(e){e.DUE_DATE="due-date-calculator",e.BMI="bmi",e.BMR="bmr",e.OVULATION="ovulation",e.IFRAME="IFRAME",e.PWG="pregnancy-weight-gain",e.THR="heart-rate",e.BABY_VACCINE="vaccination-tool",e.BABY_GROWTH="baby-growth-tracking",e.BABY_POOP="baby-poop-checking"}(Dl||(Dl={}));const Il={DUE_DATE:Dl.DUE_DATE,BMI:Dl.BMI,BMR:Dl.BMR,OVULATION:Dl.OVULATION,IFRAME:Dl.IFRAME,PWG:Dl.PWG,THR:Dl.THR,BABY_VACCINE:Dl.BABY_VACCINE,BABY_GROWTH:Dl.BABY_GROWTH,BABY_POOP:Dl.BABY_POOP},_l={[Il.DUE_DATE]:oe.getAssetPath("health-tools/due-date-icon.svg")};var zl,Al,Ll,Pl;!function(e){e.Pregnant="pregnant",e.Parenting="parenting"}(zl||(zl={})),function(e){e.Option="option"}(Al||(Al={})),function(e){e.Button="button",e.Checkbox="checkbox"}(Ll||(Ll={})),function(e){e.ShowTool="showTool",e.ShowPremiumModal="showPremiumModal",e.ShowOptionBanner="showOptionBanner",e.Hide="hide"}(Pl||(Pl={}));const $l={pregnancy:zl.Pregnant,parenting:zl.Parenting},Ml={[zl.Pregnant]:"pregnant",[zl.Parenting]:"parent"},Ol=e=>({[Il.DUE_DATE]:{heading:e("pnBanner.dueDateTool.heading"),description:e("pnBanner.dueDateTool.desc"),btnLabel:e("pnBanner.caclNow"),value:Il.DUE_DATE,dataEventAction:"Try our Due Date Calculator Click"},[Il.BABY_VACCINE]:{heading:e("pnBanner.vaccination.heading"),description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:Il.BABY_VACCINE,dataEventAction:"Try our Baby Vaccine Scheduler Click"},[Il.BABY_GROWTH]:{heading:"Baby Growth",description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:Il.BABY_GROWTH},[ne.HPV]:{heading:e("pnBanner.hpv.heading"),description:e("pnBanner.hpv.desc"),thumbnail:{desktop:oe.getAssetPath("newsletter/banner-option-hpv-desktop.png"),mobile:oe.getAssetPath("newsletter/banner-option-hpv-mobile.png")},isRiskScreener:!0,btnLabel:e("pnBanner.checkNow"),value:ne.HPV,hideDescOnMobile:!0,dataEventAction:"Keep safe from HPV virus Click"}}),jl=d({}),Fl=t=>{var a=se(t,[]);const{locale:n}=K(),{type:i,isMobile:r,currentUrl:o,isMarketing:l,isLoggedIn:s,setShouldAcquisitionModalOpen:c}=m(jl);return e.createElement(ye,Object.assign({mih:{base:144,md:160},fluid:!0,p:0,sx:{borderRadius:4,cursor:"pointer"},onClick:()=>ce(void 0,void 0,void 0,(function*(){const e=l?zt(n)+"/dang-ky-nhan-tin/":`${window.location.href}?source=acquisition`;s?null==c||c():window.location.href=`${At(n)}/?returnUrl=${encodeURIComponent(e)}`})),"data-event-category":"Newsletter","data-event-action":"Banner Click","data-event-label":o,className:"pointer-event-child-none"},a),e.createElement(Me,{src:l?oe.getAssetPath(`newsletter/${r?"Mobile":"Desktop"}_Marketing.png`):oe.getAssetPath(`newsletter/${r?"Mobile":"Desktop"}_${i}.png`),style:{maxWidth:"100%"},alt:"newsletter banner"}))},Hl="api/v1/categories?site={website_url}",Rl="api/v1/subscription?site={website_url}",Ul="api/v1/categories?site={website_url}";var Vl=be((e=>({root:{},wrapper:{[e.fn.smallerThan("sm")]:{width:"70%"}},button:{[e.fn.smallerThan("sm")]:{height:"auto",minHeight:he(32),padding:`${he(6)} ${he(16)}`,textAlign:"center",width:"100%"}},buttonLabel:{whiteSpace:"normal"}})));const Wl=({heading:t,description:a,thumbnail:n={desktop:"",mobile:""},hideDescOnMobile:i,children:r})=>{const{isMobile:o,minHeight:l}=m(jl);return e.createElement(de,{sx:()=>({borderRadius:he(8),background:"linear-gradient(180deg, #FAFDFF 0%, #E3F2FF 100%)"})},e.createElement(de,{sx:e=>({minHeight:he(l),borderRadius:"inherit",background:`url(${o?n.mobile:n.desktop})`,backgroundPosition:"center right",backgroundRepeat:"no-repeat",backgroundSize:"contain",padding:`${he(24)} ${he(16)}`,display:"flex",flexDirection:"column",justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${he(22)} ${he(32)}`}})},e.createElement(xe,{spacing:he(16)},e.createElement(xe,{spacing:he(4),sx:e=>({maxWidth:"60%",[e.fn.largerThan("sm")]:{maxWidth:"70%"}})},t&&e.createElement(A,{tag:"h4"},t),!(i&&o)&&a&&e.createElement(p,{size:"p4"},a)),e.createElement(de,null,r))))},Gl=t=>{const{styleType:a=Ll.Button,items:i=[],buttonProps:r,styles:o,submitBtnTracking:s}=t,{classes:c}=Vl(void 0,{name:"PremiumBannerWithOptions",styles:o}),{t:d,locale:p}=K(),{surveyType:u,articleId:g,handleClickOption:b,hasPremiumBanner:f,source:v,isMobile:y,setShowPNModal:x}=m(jl),w=n((()=>f?i:i.filter((e=>!Boolean(e.isPNBtn))).filter(Boolean)),[i]),{getHealthToolLink:E}=yt(p),k=Lt({initialValues:{bannerOptions:[]}}),C=e=>ce(void 0,void 0,void 0,(function*(){return yield F(H(R.HEALTH_TOOL.CREATE,{_locale:p,type:Ml[u]}),"POST",{headers:{"Content-Type":"application/json"},data:{value:e,article:g,source:v}})})),S=l((()=>e.createElement(pe,{gap:he(8),className:c.wrapper},w.map(((t,a)=>e.createElement(de,{key:String(a),component:t.isLink?"a":"div",href:t.isRiskScreener?`https://${Q[p]}/bot/${ie[p][t.activeTool]}/`:t.isLink?E(t.activeTool):void 0},e.createElement(Pe,Object.assign({className:c.button,classNames:{label:c.buttonLabel},size:"sm"},t.tracking,r,{onClick:()=>{t.isLink||(t.isPNBtn&&x(!0),C(t.value),b(t.value))}}),t.label)))))),[w,k]),N=l((()=>e.createElement(pe,null,e.createElement(pe,{align:"center",gap:he(24),sx:e=>({background:"white",borderRadius:he(8),padding:he(4),[e.fn.largerThan("sm")]:{paddingLeft:he(16)}})},e.createElement(Oe.Group,Object.assign({},k.getInputProps("bannerOptions",{type:"checkbox"})),e.createElement(pe,{gap:he(16)},w.map(((t,a)=>e.createElement(Oe,{key:String(a),value:t.value,label:t.label,styles:{label:{cursor:"pointer"}}}))))),e.createElement(Pe,Object.assign({size:"sm"},s,r,{disabled:0===k.getInputProps("bannerOptions").value.length,leftIcon:y?e.createElement(h.ArrowRightTail,{size:18,useCurrentColor:!0}):void 0,onClick:()=>{const e=k.getInputProps("bannerOptions").value;C(e.join("|")),b(e.join("|"))},styles:e=>({root:{[e.fn.smallerThan("sm")]:{width:he(38),minWidth:"auto",padding:0}}})}),!y&&d("pnBanner.submit"))))),[w,k]);return e.createElement(Wl,Object.assign({},t),a===Ll.Button?S():a===Ll.Checkbox?N():null)},ql=t=>{var a,i;const{t:r}=K(),{heading:o,description:l,thumbnail:s,btnLabel:c,value:d,isRiskScreener:h,hideDescOnMobile:u,dataEventAction:g}=t,{locale:b}=K(),{isMobile:f}=m(jl),{getHealthToolLink:v,allTools:y}=yt(b),x=h?"mainBanner":"toolBanner",w=n((()=>{const t=h?`https://${J?"":"discover."}${Q[b]}/bot/${ie[b][d]}`:v(d);return e.createElement("a",{href:t},e.createElement(Pe,{size:"sm","data-event-category":"Focused Audience","data-event-action":g,"data-event-label":t},c||r("pnBanner.caclNow")))}),[y]);return"mainBanner"===x?e.createElement(Wl,Object.assign({},Object.assign(Object.assign({},t),{thumbnail:t.thumbnail})),w):e.createElement(pe,{gap:he(7),align:"center",justify:"space-between",sx:e=>({borderRadius:he(8),background:e.colors.blue[0],minHeight:he(180),padding:`${he(24)} ${he(16)}`,[e.fn.largerThan("sm")]:{padding:`${he(34)} ${he(32)}`}})},e.createElement(xe,{spacing:he(12)},e.createElement(xe,{spacing:he(4)},o&&e.createElement(A,{tag:"h4"},o),!(f&&u)&&l&&e.createElement(p,{size:"p4"},l)),e.createElement(pe,{gap:he(8),sx:{button:{minWidth:he(120)}}},w)),e.createElement(pe,{align:"center",justify:"center",sx:e=>({width:he(96),height:he(96),borderRadius:"50%",background:"white",flexShrink:0,[e.fn.largerThan("sm")]:{width:he(112),height:he(112)},img:{maxWidth:he(64),[e.fn.largerThan("sm")]:{maxWidth:he(73)}}})},e.createElement("img",{alt:"health-tool-icon",src:s||(null===(i=null===(a=y.filter((e=>e.template===d)))||void 0===a?void 0:a[0])||void 0===i?void 0:i.icon)||_l[d]||"",loading:"lazy"})))},Zl=()=>{var t,a,n;const{t:i}=K(),{state:r,Outside:o}=m(jl);return(null==r?void 0:r.action)===Pl.ShowTool?e.createElement(o,null,Ol(i)[null===(t=null==r?void 0:r.props)||void 0===t?void 0:t.value]?e.createElement(ql,Object.assign({},Ol(i)[null===(a=null==r?void 0:r.props)||void 0===a?void 0:a.value],{value:null===(n=null==r?void 0:r.props)||void 0===n?void 0:n.value})):null):(null==r?void 0:r.action)===Pl.ShowOptionBanner?e.createElement(o,null,e.createElement(Gl,Object.assign({},null==r?void 0:r.props))):null},Yl=a=>{var{isMobile:n,children:i,desktopBanner:r=oe.getAssetPath("friso/onboarding-banner.jpg"),mobileBanner:o=oe.getAssetPath("friso/onboarding-banner-mobile.jpg"),modalRatio:l={width:937,height:536},mobileBannerRatio:s={width:750,height:480},desktopBannerRatio:c={width:420,height:536},closeProps:d}=a,m=se(a,["isMobile","children","desktopBanner","mobileBanner","modalRatio","mobileBannerRatio","desktopBannerRatio","closeProps"]);const{width:p,height:u}=qe(),g=(u<=667?190:265)+p*s.height/s.width+74,[b,f]=t(!1);return e.createElement($t,Object.assign({styles:e=>({content:{flex:"auto",background:"transparent",[e.fn.smallerThan("sm")]:{maxHeight:"100%",height:"100%",position:"relative",borderRadius:0},[e.fn.largerThan("sm")]:{maxWidth:he(l.width),width:"100%",height:"100%",maxHeight:he(l.height),boxShadow:"none"}},body:{padding:0,width:"100%",height:"100%",[e.fn.largerThan("sm")]:{display:"flex",alignItems:"center"}},inner:{padding:0,[e.fn.smallerThan("sm")]:{display:"flex",alignItems:"flex-end"}}})},m),n?e.createElement(de,{sx:{position:"relative",height:"100%"},onTouchStart:()=>f(!0)},e.createElement(de,{className:"mobile-template",sx:{position:"absolute",height:100*(b?1:g/u)+"%",left:0,bottom:0,right:0,transition:"height 0.4s ease"}},e.createElement(de,{sx:{height:"100%",backgroundColor:"white",borderTopLeftRadius:b?0:he(12),borderTopRightRadius:b?0:he(12)}},e.createElement(de,{sx:{height:"calc(100% - 74px)",background:`url(${o})`,backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"top center",overflowY:"auto",borderRadius:"inherit"}},e.createElement(we,Object.assign({leftIcon:e.createElement(h.Close,null),sx:{position:"absolute",right:0,top:0,zIndex:1,padding:he(10)}},d,{onClick:()=>null==m?void 0:m.onClose()})),e.createElement(Ee,{ratio:(null==s?void 0:s.width)/(null==s?void 0:s.height),w:"100%"}),e.createElement(de,{sx:{padding:`${he(28)} ${he(16)} ${he(16)}`,background:"white"}},i))))):e.createElement(Ee,{className:"desktop-template",ratio:l.width/l.height,w:"100%",sx:{position:"relative","& > div":{justifyContent:"flex-end"}}},e.createElement(de,{sx:{width:"100%",height:"100%",justifyContent:"flex-end",alignItems:"stretch",borderRadius:he(8),background:"white",boxShadow:"0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 2.25rem 1.75rem -0.4375rem, rgba(0, 0, 0, 0.04) 0 1.0625rem 1.0625rem -0.4375rem"}},e.createElement("img",{alt:"",src:r,loading:"lazy",style:{borderTopLeftRadius:he(8),borderBottomLeftRadius:he(8),height:"100%",display:"block"}}),e.createElement(de,{sx:{position:"relative",height:"100%",width:(l.width-c.width)/l.width*100+"%"}},e.createElement(Pe,Object.assign({unstyled:!0,leftIcon:e.createElement(h.Close,null)},d,{onClick:()=>null==m?void 0:m.onClose(),sx:{position:"absolute",right:0,top:"10px"}})),e.createElement(de,{className:"side-banner-modal-container",sx:{height:"100%",padding:`${he(40)} ${he(24)} 0`}},i)))))},Xl="user/subscription",Kl=d({}),Jl=t=>{var{value:a,name:n}=t,i=se(t,["value","name"]);return e.createElement(je,Object.assign({value:a,withIcon:!0},i,{buttonProps:{styles:()=>({leftIcon:{marginRight:he(6)},root:{paddingLeft:he(10),paddingRight:he(10)}})}}),n)},Ql=({topicsGroup:a,onTopicChange:n,isBlock:r=!1,selectedTopics:o=[],inputProps:l,labelProps:s,maxSelect:c=5,hasScroll:d,readonly:h})=>{const{action:{pushNotifications:u}}=m(U),g=Ot(a.map((e=>e.topics||[]))),{t:b}=K(),[f,v]=t([]);i((()=>{v(o)}),[o.length]),i((()=>{null==n||n(f)}),[f]);const y=e=>{e.length>5?u({type:"danger",title:b("pnTopicSection.maxSelectError.title",{maxSelect:c}),message:b("pnTopicSection.maxSelectError.desc")}):!h&&v((()=>g.filter((t=>e.some((e=>t.catId===e))))))};return e.createElement(xe,{spacing:12},a.map(((t,a)=>e.createElement(xe,{key:String(a),spacing:12},t.label&&e.createElement(p,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},s),t.label),d?e.createElement(ke,{w:"100%",offsetScrollbars:!0,scrollbarSize:4,p:16,m:-16,styles:{viewport:{margin:-16,padding:16}}},e.createElement(de,{w:800},e.createElement(Ce.Group,Object.assign({value:f.map((e=>e.catId)),multiple:!0},l,{onChange:y}),e.createElement(pe,{gap:8,wrap:"wrap"},t.topics.map((a=>e.createElement(Jl,Object.assign({key:a.catId,value:a.catId,name:a.localName,isBlock:r},t.tracking)))))))):e.createElement(Ce.Group,Object.assign({value:f.map((e=>e.catId)),multiple:!0},l,{onChange:y}),e.createElement(pe,{gap:8,wrap:"wrap"},t.topics.map((a=>a.catId?e.createElement(Jl,Object.assign({key:a.catId,value:a.catId,name:a.localName,isBlock:r},t.tracking)):e.isValidElement(a.component)?a.component:null))))))))},es=t=>{var{heading:a,children:n,stickyActions:i}=t,r=se(t,["heading","children","stickyActions"]);const{isMobile:o}=m(Kl),l=e.createElement(xe,{spacing:he(24),sx:{height:"100%"}},e.createElement(A,{tag:"h4",style:{textAlign:"center"}},a),e.createElement(de,null,n));return e.createElement(de,{sx:e=>({[e.fn.largerThan("sm")]:{position:"relative",height:"100%"}})},o?l:e.createElement(ke,Object.assign({className:"layout-body",h:i?"calc(100% - 90px)":"100%"},r),l),i&&e.createElement(pe,{gap:he(8),sx:e=>({position:"absolute",left:0,right:0,bottom:0,padding:he(16),button:{flexGrow:1},justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${he(24)} 0`}})},i))},ts=()=>{const{t:a,locale:r}=K(),{data:{userInfo:o},action:{pushNotifications:l}}=m(U),s=null==o?void 0:o.id,{currentUrl:c,isMobile:d,pnSuggestCategory:u=[],nextStep:g,formValues:b,setFormValues:f,onSubmit:v,submitLoading:y,selectCategory:x,setCategoryLibs:w,setSelectCategory:E,maxSelectCategory:k}=m(Kl),C=u.map((e=>e.catId)),S=Lt({validate:{name:Pt(a("healthToolPNModal.mainForm.requireName"))},initialValues:Object.assign(Object.assign({},b),{fitnessTopics:C})}),[N,B]=t([]),[T,D]=t([]);i((()=>{ce(void 0,void 0,void 0,(function*(){var e;try{const t=yield F(V(Ul,{_locale:r}),"get"),a=((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.subscription)||[]).filter((e=>!C.includes(e.catId)));B(u),D(a),w([...u,...a])}catch(e){console.log(e)}}))}),[]),i((()=>{s&&S.setFieldValue("name",(null==o?void 0:o.name)||"")}),[s]);const I=()=>{""!==S.getInputProps("name").value?(f(S.getTransformedValues()),g()):S.validateField("name")},_=n((()=>e.createElement(Pe,{variant:"tertiary",dataEventCategory:"Newsletter",dataEventAction:"More Category Click",dataEventLabel:c,leftIcon:e.createElement(h.Plus,{size:16,color:"#262626",useCurrentColor:!0}),onClick:I,styles:e=>({root:{borderRadius:he(6),padding:"2px 15px",height:he(40)},label:{fontSize:he(14),fontWeight:400,[e.fn.smallerThan("sm")]:{fontSize:he(12),lineHeight:he(16),height:he(40)}},leftIcon:{marginRight:"5px"}})},e.createElement(p,{size:d?"p3":"p4"},a("home.seeMore")))),[S]);return i((()=>{S.setFieldValue("fitnessTopics",x.map((e=>e.catId)))}),[x]),e.createElement("form",{style:{height:"100%"},onSubmit:S.onSubmit((e=>{if(0===x.length)return l({type:"danger",title:a("newsletter.error.minTitle"),message:a("newsletter.error.minCotennt")}),!1;f(e),null==v||v(e.name)}))},e.createElement(es,{heading:a("healthToolPNModal.heading"),stickyActions:e.createElement(e.Fragment,null,e.createElement(Pe,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Register Click",dataEventLabel:c,loading:y,sx:{maxWidth:he(240)}},a("healthToolPNModal.register")))},e.createElement(xe,{spacing:he(16)},e.createElement($e,Object.assign({label:a("newsletter.welcome.description")},S.getInputProps("name"))),e.createElement(Ql,{topicsGroup:[...0===u.length&&0===T.length?[{topics:[{component:_}]}]:[],...u.length>0?[{label:a("healthToolPNModal.mainForm.tailorTopicsHeading"),topics:[...u,...0===T.length?[{component:_}]:[]]}]:[],...T.length>0?[{label:a("healthToolPNModal.findMore.chooseFav"),topics:[...T,...T.length>0?[{component:_}]:[]]}]:[]],selectedTopics:[...N],labelProps:{size:d?"p3":"p4",color:"gray.6"},onTopicChange:E,maxSelect:k}))))},as=c((function(t,a){var{label:n}=t,i=se(t,["label"]);return e.createElement("div",Object.assign({ref:a},i),e.createElement(ge,{noWrap:!0},e.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.97887 8.15493C2.97887 5.29627 5.29627 2.97887 8.15493 2.97887C11.0136 2.97887 13.331 5.29627 13.331 8.15493C13.331 11.0136 11.0136 13.331 8.15493 13.331C5.29627 13.331 2.97887 11.0136 2.97887 8.15493ZM8.15493 1.5C4.47951 1.5 1.5 4.47951 1.5 8.15493C1.5 11.8303 4.47951 14.8099 8.15493 14.8099C9.72615 14.8099 11.1702 14.2653 12.3086 13.3547L15.2376 16.2837C15.5264 16.5725 15.9946 16.5725 16.2833 16.2837C16.5721 15.9949 16.5721 15.5267 16.2833 15.238L13.3544 12.3091C14.2652 11.1705 14.8099 9.72634 14.8099 8.15493C14.8099 4.47951 11.8303 1.5 8.15493 1.5Z",fill:"#8C8C8C"})),e.createElement(p,{size:"p3"},n)))})),ns=c((function(t,a){var{label:n}=t,i=se(t,["label"]);return e.createElement("div",Object.assign({ref:a},i),e.createElement(p,{size:"p3"},n))})),is=({history:t,onDelete:a})=>e.createElement(pe,{wrap:"wrap",gap:8},jt(t,"catId").map((t=>e.createElement(Se,{key:t.catId,rightSection:e.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:()=>null==a?void 0:a(t)},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.5 9C1.5 4.8525 4.8525 1.5 9 1.5C13.1475 1.5 16.5 4.8525 16.5 9C16.5 13.1475 13.1475 16.5 9 16.5C4.8525 16.5 1.5 13.1475 1.5 9ZM11.1677 12.2248C11.4602 12.5173 11.9327 12.5173 12.2252 12.2248C12.5101 11.9323 12.5101 11.4523 12.2252 11.1673L10.0577 8.99979L12.2252 6.83229C12.5177 6.53979 12.5177 6.0673 12.2252 5.7748C11.9327 5.4823 11.4602 5.4823 11.1677 5.7748L9.00015 7.9423L6.83265 5.7748C6.54015 5.4823 6.06765 5.4823 5.77515 5.7748C5.63471 5.91492 5.55579 6.10516 5.55579 6.30354C5.55579 6.50193 5.63471 6.69217 5.77515 6.83229L7.94265 8.99979L5.77515 11.1673C5.63471 11.3074 5.55579 11.4977 5.55579 11.696C5.55579 11.8944 5.63471 12.0847 5.77515 12.2248C6.06765 12.5173 6.54015 12.5173 6.83265 12.2248L9.00015 10.0573L11.1677 12.2248Z",fill:"#8C8C8C"})),styles:{root:{height:32,background:"#ffffff",padding:"5px 12px",border:`1px solid ${Fe.neutral[4]}`,borderRadius:32,textTransform:"unset"},rightSection:{height:18,cursor:"pointer"}}},e.createElement(p,{size:"p4"},t.localName))))),rs=({topics:a,onTopicChange:n,isBlock:r=!1,selectedTopics:o,labelProps:l,maxSelect:s=5})=>{const{action:{pushNotifications:c}}=m(U),[d,h]=t([]),{t:u}=K();i((()=>{h(o)}),[o.length]),i((()=>{n(d)}),[d]);return a&&0!==a.length?e.createElement(xe,{spacing:12,px:16,mx:-16},e.createElement(p,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},l),u("pnTopicSection.recentView")),e.createElement(Ce.Group,{value:d.map((e=>e.catId)),onChange:e=>{r&&d.length<e.length?c({type:"danger",title:u("pnTopicSection.maxSelectError.title",{maxSelect:s}),message:u("pnTopicSection.maxSelectError.desc")}):h((()=>a.filter((t=>e.some((e=>t.catId===e))))))},multiple:!0},e.createElement(pe,{gap:8,wrap:"wrap"},a.map(((t,a)=>e.createElement(Jl,{key:a,value:t.catId,name:t.localName,isBlock:r})))))):null},os=t=>{var{topic:a,active:n,onClick:i}=t,r=se(t,["topic","active","onClick"]);return e.createElement(de,Object.assign({sx:e=>({position:"relative",cursor:"pointer",padding:2,borderRadius:8,boxShadow:"0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04)",minHeight:he(130),[e.fn.largerThan("sm")]:{minHeight:he(138)}}),onClick:()=>i(a,n)},r),n&&e.createElement(de,{id:"test",sx:{position:"absolute",top:2,right:2,width:20,height:20,zIndex:1}},e.createElement("svg",{id:"test",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.66699 9.99984C1.66699 5.39984 5.40033 1.6665 10.0003 1.6665C14.6003 1.6665 18.3337 5.39984 18.3337 9.99984C18.3337 14.5998 14.6003 18.3332 10.0003 18.3332C5.40033 18.3332 1.66699 14.5998 1.66699 9.99984ZM4.75066 10.5827L7.74232 13.5744C8.06732 13.8994 8.60066 13.8994 8.91732 13.5744L15.2423 7.2494C15.5673 6.9244 15.5673 6.3994 15.2423 6.0744C14.9173 5.7494 14.3923 5.7494 14.0673 6.0744L8.33399 11.8077L5.92566 9.40773C5.60066 9.08273 5.07566 9.08273 4.75066 9.40773C4.59461 9.56342 4.50692 9.7748 4.50692 9.99523C4.50692 10.2157 4.59461 10.427 4.75066 10.5827Z",fill:"#2D87F3"}),e.createElement("path",{d:"M7.74224 13.5772L4.75057 10.5856C4.59453 10.4299 4.50684 10.2185 4.50684 9.99808C4.50684 9.77765 4.59453 9.56627 4.75057 9.41058C5.07557 9.08558 5.60057 9.08558 5.92557 9.41058L8.33391 11.8106L14.0672 6.07725C14.3922 5.75225 14.9172 5.75225 15.2422 6.07725C15.5672 6.40225 15.5672 6.92725 15.2422 7.25225L8.91724 13.5772C8.60057 13.9022 8.06724 13.9022 7.74224 13.5772Z",fill:"white"}))),e.createElement(de,{sx:{borderRadius:"8px"}},e.createElement(ze,{ratio:1.5,mb:10,sx:e=>({background:e.colors.neutral[0]})},e.createElement(de,null,e.createElement("img",{src:a.guid||"",alt:"cat",loading:"lazy",style:{maxHeight:"63px"}})))),e.createElement(p,{size:"p4",ta:"center",px:6,sx:{display:"-webkit-box","-webkit-line-clamp":"2","-webkit-box-orient":"vertical",overflow:"hidden"}},a.localName||""))},ls=({topics:n,selectedTopics:r=[],onTopicChange:o,isBlock:l=!1,labelProps:s,pushNotifications:c,maxSelect:d=5})=>{const{t:m}=K(),[h,u]=t([]),g=(e,t)=>{if(t)u((t=>t.filter((t=>t.catId!==e.catId))));else{if(l)return void c({type:"danger",title:m("pnTopicSection.maxSelectError.title",{maxSelect:d}),message:m("pnTopicSection.maxSelectError.desc")});u((t=>[...t,e]))}};i((()=>{u(r)}),[r.length]),i((()=>{o(h)}),[h]);const[b,f]=t(!1),[v,y]=t(0),[x,w]=t(0),E=a(null),k=()=>{f(!1)};return e.createElement(xe,{spacing:10},e.createElement(pe,{justify:"space-between",align:"center",w:"100%"},e.createElement(p,Object.assign({size:"s5",color:"gray.4",weight:"semiBold",span:!0},s),m("pnTopicSection.trending"))),e.createElement(de,null,e.createElement(ke,{type:"always",w:"100%",offsetScrollbars:!0,scrollbarSize:4,px:4,viewportRef:E,viewportProps:{onMouseDown:e=>{e.preventDefault(),E.current&&(f(!0),y(e.pageX-E.current.offsetLeft),w(E.current.scrollLeft))},onMouseUp:k,onMouseLeave:k,onMouseMove:e=>{if(e.preventDefault(),!b||!E.current)return;const t=2*(e.pageX-E.current.offsetLeft-v);E.current.scrollLeft=x-t}},styles:{viewport:{paddingBottom:16}}},e.createElement(de,{w:{base:112*n.length+8*(n.length-1)+10}},e.createElement(pe,{gap:8},n.map(((t,a)=>e.createElement(os,{key:a,topic:t,onClick:g,active:h.some((e=>e.catId===t.catId)),w:{base:112}}))))))))},ss=r=>{var{isLoggedIn:o,maxSelect:l=5,values:s=[],labelProps:c,onChange:d}=r,h=se(r,["isLoggedIn","maxSelect","values","labelProps","onChange"]);const{action:{pushNotifications:u}}=m(U),[g,b]=t(""),{t:f,locale:v}=K(),y=a(null),[x,w]=t([]),[E,k]=t([]),[C,S]=t([]),[N,B]=t([]),[T,D]=t(null),[I,_]=t([]);i((()=>{ce(void 0,void 0,void 0,(function*(){var e,t;const a=yield F(V(Hl,{_locale:v}),"get"),n=(null===(e=null==a?void 0:a.data)||void 0===e?void 0:e.interested)||[],i=(null===(t=null==a?void 0:a.data)||void 0===t?void 0:t.trending)||[],r=jt([...n,...i],"catId").map((e=>Object.assign(Object.assign({},e),{value:e.catId||"",label:e.localName||""})));if(_(r||[]),D((null==a?void 0:a.data)||null),s.length>0){const e=n.filter((e=>s.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"interested"}))),t=i.filter((e=>s.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"trending"})));B(e),k(t)}}))}),[o]);const z=n((()=>jt([...x,...E,...N,...C],"catId")),[x,E,N,C]),[A,L]=t(!1);i((()=>{z.length>=l?L(!0):L(!1),null==d||d(z)}),[z]);return e.createElement(xe,Object.assign({spacing:he(16)},h),e.createElement(xe,{spacing:he(8)},e.createElement(p,{size:"p3"},f("pnTopicSection.maxSelectError.detail",{max:l,maxTopic:z.length})),e.createElement(Ne,{ref:y,maxSelectedValues:3,styles:{wrapper:{overflow:"initial !important"},separator:{padding:16},separatorLabel:{fontWeight:600,fontSize:12,lineHeight:"18px",textTransform:"uppercase",color:Fe.gray[4],"&::after":{display:"none"}},searchInput:{fontSize:"inherit"},input:{paddingRight:16}},nothingFound:e.createElement(p,{size:"s4",color:"gray.6"},f("pnTopicSection.notFound")),itemComponent:""===g?as:ns,size:"lg",placeholder:f("pnTopicSection.plsEnterFavTopics"),data:I,onSearchChange:b,searchValue:g,icon:e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.97183 10.8732C3.97183 7.0617 7.0617 3.97183 10.8732 3.97183C14.6848 3.97183 17.7746 7.0617 17.7746 10.8732C17.7746 14.6848 14.6848 17.7746 10.8732 17.7746C7.0617 17.7746 3.97183 14.6848 3.97183 10.8732ZM10.8732 2C5.97268 2 2 5.97268 2 10.8732C2 15.7738 5.97268 19.7465 10.8732 19.7465C12.9682 19.7465 14.8936 19.0205 16.4115 17.8063L20.3168 21.7116C20.7018 22.0966 21.3261 22.0966 21.7111 21.7116C22.0961 21.3266 22.0961 20.7023 21.7111 20.3173L17.8059 16.4121C19.0203 14.894 19.7465 12.9684 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z",fill:"#595959"})),rightSection:e.createElement(e.Fragment,null),zIndex:500,searchable:!0,withinPortal:!0,onChange:e=>{return t=e,ce(void 0,void 0,void 0,(function*(){var e;const a={trending:k,recently:S,interested:B,default:w};let n="default";if(A)u({type:"danger",title:f("pnTopicSection.maxSelectError.title",{maxSelect:l}),message:f("pnTopicSection.maxSelectError.desc")});else{const i=[{key:"trending",array:null==T?void 0:T.trending},{key:"recently",array:null==T?void 0:T.recently},{key:"interested",array:null==T?void 0:T.interested}].find((e=>{var a;return null===(a=e.array)||void 0===a?void 0:a.some((e=>e.catId===t[0]))}));n=(null==i?void 0:i.key)||"default",a[n]((e=>[...e,...I.filter((e=>t.some((t=>e.catId===t))))].map((e=>Object.assign(Object.assign({},e),{template:n}))))),null===(e=y.current)||void 0===e||e.blur()}return null}));var t},value:[]}),z&&z.length>0&&e.createElement(is,{history:z,onDelete:e=>{const t={trending:k,recently:S,interested:B,default:w};(t[e.template]||t.default)((t=>{const a=[...t],n=a.findIndex((t=>t.catId===e.catId));return a.splice(n,1),a}))}})),e.createElement(de,{sx:e=>({position:"relative",height:he(175),[e.fn.largerThan("sm")]:{height:he(190)}})},e.createElement(de,{sx:{position:"absolute",top:0,right:0,left:0}},e.createElement(ls,{topics:((null==T?void 0:T.trending)||[]).map((e=>Object.assign(Object.assign({},e),{template:"trending"}))),selectedTopics:E,onTopicChange:k,isBlock:A,labelProps:c}))),e.createElement(rs,{topics:((null==T?void 0:T.recently)||[]).map((e=>Object.assign(Object.assign({},e),{template:"recently"}))),selectedTopics:C,onTopicChange:S,isBlock:A,labelProps:c}),e.createElement(Ql,{labelProps:c,topicsGroup:[{label:f("pnTopicSection.ppAlsoInterested"),topics:((null==T?void 0:T.interested)||[]).map((e=>Object.assign(Object.assign({},e),{template:"interested"})))}],selectedTopics:N,onTopicChange:B,isBlock:A}))},cs=()=>{const{t:t}=K(),{action:{pushNotifications:a}}=m(U),{prevStep:n,formValues:i,submitLoading:r,onSubmit:o,selectCategory:l,maxSelectCategory:s,setSelectCategory:c,currentUrl:d,isLoggedIn:p}=m(Kl);return e.createElement(es,{heading:t("newsletter.topic.title"),type:"always",styles:{root:{paddingRight:he(25)}},stickyActions:e.createElement(e.Fragment,null,e.createElement(Pe,{fullWidth:!0,variant:"secondary",dataEventCategory:"Newsletter",dataEventAction:"Back  Click",dataEventLabel:d,onClick:n},t("healthToolPNModal.back")),e.createElement(Pe,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Next  Click",dataEventLabel:d,onClick:()=>{if(0===l.length)return a({type:"danger",title:t("newsletter.error.minTitle"),message:t("newsletter.error.minCotennt")}),!1;null==o||o(i.name)},loading:r},t("healthToolPNModal.next")))},e.createElement(ss,{isLoggedIn:p,maxSelect:s,values:i.fitnessTopics,onChange:c,labelProps:{size:"s5",sx:{textTransform:"uppercase"}}}))},ds=()=>{const{t:t}=K(),{close:a,selectCategory:n,onRegisterSuccess:r,currentUrl:o,finishLabelOnResult:l,disclaimerText:s}=m(Kl);return i((()=>()=>{setTimeout((()=>{null==r||r()}),400)}),[]),e.createElement(es,{heading:t("healthToolPNModal.heading"),stickyActions:e.createElement(Pe,{fullWidth:!0,sx:{maxWidth:he(300)},dataEventCategory:"Newsletter",dataEventAction:"Continue Reading Click",dataEventLabel:o,onClick:()=>{a()}},l||t("healthToolPNModal.finish"))},e.createElement(xe,null,e.createElement(pe,{gap:he(8),sx:e=>({background:e.colors.green[0],border:`1px solid ${e.colors.green[1]}`,borderRadius:he(8),padding:he(8)})},e.createElement(de,null,e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M9.99984 18.3334C14.6022 18.3334 18.3332 14.6025 18.3332 10.0001C18.3332 5.39771 14.6022 1.66675 9.99984 1.66675C5.39746 1.66675 1.6665 5.39771 1.6665 10.0001C1.6665 14.6025 5.39746 18.3334 9.99984 18.3334Z",fill:"#00B16A"}),e.createElement("path",{d:"M9.58558 12.6674C9.22944 12.668 8.87668 12.5983 8.54752 12.4623C8.21835 12.3264 7.91925 12.1268 7.66732 11.8751L6.68587 10.8931C6.55607 10.7587 6.48424 10.5787 6.48587 10.3919C6.48749 10.2051 6.56243 10.0263 6.69455 9.89422C6.82667 9.7621 7.00539 9.68716 7.19222 9.68554C7.37906 9.68391 7.55906 9.75574 7.69345 9.88554L8.67491 10.8675C8.79344 10.986 8.93415 11.08 9.08902 11.1442C9.24389 11.2083 9.40987 11.2413 9.5775 11.2413C9.74513 11.2413 9.91111 11.2083 10.066 11.1442C10.2208 11.08 10.3616 10.986 10.4801 10.8675L16.7033 5.24335C16.8443 5.12184 17.0272 5.06032 17.213 5.07195C17.3987 5.08358 17.5726 5.16744 17.6973 5.30558C17.8221 5.44373 17.8878 5.6252 17.8805 5.81118C17.8731 5.99717 17.7933 6.17291 17.6581 6.30081L11.4592 11.8998C11.2128 12.1448 10.9205 12.3387 10.5989 12.4705C10.2774 12.6022 9.93304 12.6692 9.58558 12.6674Z",fill:"white"}))),e.createElement(p,{size:"p3"},s||t("pnModal.disclaimer"))),e.createElement(A,{tag:"h5"},t("healthToolPNModal.yourPre")),n.length>0&&e.createElement(Ql,{topicsGroup:[{label:"",topics:n}],selectedTopics:n,readonly:!0})))},ms=({isMobile:a,isLoggedIn:n,pnSuggestCategory:r=[],acquisitionInfo:o,currentUrl:s,opened:c,close:d,finishLabelOnResult:p,onRegisterSuccess:h,disclaimerText:u})=>{const{t:g,locale:b}=K(),{action:{pushNotifications:f}}=m(U),v=oe.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),y=oe.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),[x,w]=t([]),[E,k]=t([]),[C,S]=t(0),[N,B]=t({name:"",fitnessTopics:[]}),[T,D]=t(!1),I=()=>S(2),_=l((e=>ce(void 0,void 0,void 0,(function*(){try{D(!0),yield F(V(Rl,{website_url:W(b)}),"post",{headers:{"Content-Type":"application/json"},method:"POST",data:{ga_client_id:Mt.get(re),client_ip:window.clientIP||"",user_info:Object.assign(Object.assign({},o.userInfo),{name:e||N.name,type_subscription:1}),domain:Q[b||Re.Vietnam],category:E,perferred:o.preferredTopics.map((({id:e})=>({id:e})))}}),D(!1),yield F(G(Xl),"post",{headers:{"Content-Type":"application/json"},method:"PUT",data:{subscription:1}}),I()}catch(e){console.log({err:e}),D(!1),f({title:g("notification.comment.somethingWrong"),message:"",type:"danger"})}}))),[N,E]);return i((()=>{[v,y].forEach((e=>{(new Image).src=e}))}),[]),e.createElement(Kl.Provider,{value:{currentUrl:s,isMobile:a,isLoggedIn:n,opened:c,close:d,pnSuggestCategory:r,nextStep:()=>S((e=>e<3?e+1:e)),prevStep:()=>S((e=>e>0?e-1:e)),lastStep:I,categoryLibs:x,setCategoryLibs:w,selectCategory:E,setSelectCategory:k,formValues:N,setFormValues:B,maxSelectCategory:5,submitLoading:T,onSubmit:_,onRegisterSuccess:h,finishLabelOnResult:p,disclaimerText:u}},e.createElement(Yl,{isMobile:a,desktopBanner:oe.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),mobileBanner:oe.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),modalRatio:{width:960,height:588},desktopBannerRatio:{width:384,height:588},opened:c,onClose:d,zIndex:305,closeProps:{dataEventCategory:"Newsletter",dataEventAction:"Close Click",dataEventLabel:s}},e.createElement(Be,{active:C,onStepClick:S,styles:{root:{height:"100%"},content:{padding:0,height:"100%",width:"100%"},steps:{display:"none"}}},e.createElement(Be.Step,null,e.createElement(ts,null)),e.createElement(Be.Step,null,e.createElement(cs,null)),e.createElement(Be.Step,null,e.createElement(ds,null)))))},ps=()=>{const{locale:n}=K(),{isMobile:r,isLoggedIn:o,currentUrl:l,acquisitionInfo:s,categoryIds:c,state:d,setState:p,settings:h,submitHandler:u,subcribeHealthStatus:g,showPNModal:b,setShowPNModal:f,setIsBack:v}=m(jl),[y,x]=t([]),[w,E]=t(b);i((()=>{ce(void 0,void 0,void 0,(function*(){var e,t;const a=yield F(V(Hl,{_locale:n}),"get"),i=[...(null===(e=null==a?void 0:a.data)||void 0===e?void 0:e.interested)||[],...(null===(t=null==a?void 0:a.data)||void 0===t?void 0:t.trending)||[]];x(i.filter((e=>c.includes(Number(e.catId)))))}))}),[]);const k=a([]);return i((()=>{const e=(null==g?void 0:g.value)||"",t=e.split("|").filter(Boolean);let a=e;k.current.push(g),t.length>1&&(null!==k.current[0]&&v(!0),Object.keys(u).map((e=>{const n=e.split("|");if(t.length===n.length){let i=0;t.map((e=>{n.includes(String(e))&&(i+=1)})),i===t.length&&(a=e)}})));const n=t.length>0?u[a]:h;p(n)}),[g]),i((()=>{E(b)}),[b]),(null==d?void 0:d.action)!==Pl.Hide?e.createElement(e.Fragment,null,e.createElement(Zl,Object.assign({},h.props)),e.createElement(ms,{acquisitionInfo:s,isMobile:r,isLoggedIn:o,currentUrl:l,pnSuggestCategory:y,opened:w,close:()=>{var e;E(!1),f(!1),setTimeout((()=>{var e;(null===(e=d.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&p({action:Pl.Hide})}),400),(null===(e=d.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&p({action:Pl.Hide})},onRegisterSuccess:()=>E(!1)})):null},hs=({type:a,articleId:r=0,categoryIds:o=[],isMarketing:l,isSurveyType:s,hasPremiumBanner:c,currentUrl:d,isMobile:p,subcribeHealthStatus:h,setShouldAcquisitionModalOpen:u,onValueChange:g,source:b="discover",Wrapper:f})=>{const{t:v}=K(),{data:{userInfo:y}}=m(U),x=Boolean(null==y?void 0:y.id),[w,E]=t(null),[k,C]=t(),[S,N]=t(""),[B,T]=t(!1),[D,I]=t(!1),_=n((()=>$l[a]),[]),z=((e,t)=>({[zl.Pregnant]:{action:Pl.ShowOptionBanner,props:{heading:e("pnBanner.pregnancy.heading"),description:e("pnBanner.pregnancy.desc"),styleType:Ll.Button,thumbnail:{desktop:oe.getAssetPath("newsletter/banner-option-pregnancy-desktop.png"),mobile:oe.getAssetPath("newsletter/banner-option-pregnancy-mobile.png")},buttonProps:{variant:"white",styles:e=>({minWidth:he(80),[e.fn.largerThan("sm")]:{minWidth:he(120)}})},items:[{label:e("switchBtn.yes"),value:"yes",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Are you navigating the world of pregnancy - Yes Click",dataEventLabel:t}},{label:e("switchBtn.no"),value:"no",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Are you navigating the world of pregnancy - No Click",dataEventLabel:t}}]},submitHandler:{yes:{action:Pl.ShowTool,props:{value:Il.DUE_DATE}},no:{action:Pl.ShowPremiumModal}}},[zl.Parenting]:{action:Pl.ShowOptionBanner,props:{heading:e("pnBanner.parenting.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:oe.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:oe.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,styleType:Ll.Checkbox,items:[{label:e("pnBanner.toddlers"),value:"todders"},{label:e("pnBanner.teenager"),value:"teenager"}],submitBtnTracking:{dataEventCategory:"Focused Audience",dataEventAction:"What is the age range of your kids Click",dataEventLabel:t}},submitHandler:{todders:{action:Pl.ShowTool,props:{value:Il.BABY_VACCINE}},teenager:{action:Pl.ShowOptionBanner,props:{styleType:Ll.Button,heading:e("pnBanner.teenager.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:oe.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:oe.getAssetPath("newsletter/banner-option-parenting-mobile.png")},buttonProps:{variant:"white"},items:[{label:e("childCard.boy"),value:"teenager.boy",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"What is the gender of your kids - Boy Click",dataEventLabel:t}},{label:e("childCard.girl"),value:"teenager.girl",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"What is the gender of your kids - Girl Click",dataEventLabel:t}}]}},"teenager.boy":{action:Pl.ShowPremiumModal},"teenager.girl":{action:Pl.ShowTool,activeTool:ne.HPV,props:{value:ne.HPV}},"todders|teenager":{action:Pl.ShowOptionBanner,props:{styleType:Ll.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:oe.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:oe.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,buttonProps:{variant:"secondary"},styles:e=>({wrapper:{[e.fn.smallerThan("sm")]:{flexDirection:"column"}},button:{background:e.colors.blue[0]}}),items:[{label:e("pnBanner.vaccine.btnLabel"),activeTool:Il.BABY_VACCINE,isLink:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Baby Vaccine Click",dataEventLabel:t}},{label:e("pnBanner.pn.btnLabel"),value:"todders|teenager.showPN",isPNBtn:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Premium Newsletter Click",dataEventLabel:t}}]}},"todders|teenager.showPN":{action:Pl.ShowOptionBanner,props:{styleType:Ll.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:oe.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:oe.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,buttonProps:{variant:"secondary"},styles:e=>({wrapper:{[e.fn.smallerThan("sm")]:{flexDirection:"column"}},button:{background:e.colors.blue[0]}}),items:[{label:e("pnBanner.vaccine.btnLabel"),activeTool:Il.BABY_VACCINE,isLink:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Baby Vaccine Click",dataEventLabel:t}}]}}}}}))(v,d)[_],A=null==z?void 0:z.submitHandler,L=f||de,P=()=>c&&1!==(null==y?void 0:y.subscription)?e.createElement(Fl,null):null;return i((()=>{x&&E({userInfo:y,preferredTopics:Tl,healthTopics:[]})}),[x]),e.createElement(jl.Provider,{value:{settings:z,submitHandler:A,type:a,surveyType:_,value:S,setValue:N,isMobile:p,isLoggedIn:x,isMarketing:l,hasPremiumBanner:c,currentUrl:d,acquisitionInfo:w,categoryIds:o,subcribeHealthStatus:h,articleId:r,onValueChange:g,state:k,setState:C,handleClickOption:e=>{const t=(e=>{let t="";const a=e.split("|");return 1===a.length?e:(Object.keys(A).map((e=>{const n=e.split("|");if(a.length===n.length){let i=0;a.map((e=>{n.includes(String(e))&&(i+=1)})),i===a.length&&(t=e)}})),t)})(e);if(t){const a=A[t];a.action===Pl.ShowPremiumModal?c?(T(!0),C(Object.assign(Object.assign({},k),{actionParams:{hideBannerWhenClose:a.action===Pl.ShowPremiumModal}}))):(C({action:Pl.Hide}),null==g||g(e)):(C(a),null==g||g(e))}},showPNModal:B,setShowPNModal:T,source:b,Outside:L,isBack:D,setIsBack:I,minHeight:180,setShouldAcquisitionModalOpen:u}},void 0!==h?x?s&&z?(()=>{const t=A[(null==h?void 0:h.value)||""];return(null==t?void 0:t.action)===Pl.ShowPremiumModal?P():e.createElement(ps,null)})():P():c?e.createElement(Fl,null):null:null)};export{Ut as A,Vt as B,Qt as C,Ia as D,_o as E,Gt as F,qt as G,Mo as H,za as I,Uo as J,ll as K,oa as L,Jn as M,pl as N,Ho as O,Yt as P,gl as Q,Xt as R,rn as S,Kt as T,vl as U,Nl as V,Bl as W,hs as X,$l as Y,Ml as Z,Wt as a,Jt as b,na as c,ia as d,ba as e,Ea as f,Ca as g,Na as h,Wa as i,qa as j,tn as k,dn as l,fn as m,yn as n,Ja as o,Bn as p,Tn as q,On as r,Wn as s,Kn as t,fr as u,Br as v,Xr as w,io as x,xo as y,Eo as z};