@hhgtech/hhg-components 1.28.42 → 1.28.44

package/build/esm/index-7b051fad.js

@@ -0,0 +1 @@
+import e,{useState as t,useEffect as a,useRef as n,useMemo as l,Fragment as i,useCallback as r,useContext as o}from"react";import{T as s,I as c}from"./index-48f2acf5.js";import{e as m,f as d,g,h as u,i as p,j as h,k as v,l as E,m as b,n as y,o as f,p as C,q as w,r as k,s as N,t as x,u as B,v as L,w as S,H as P,x as M,y as T,P as A,z as I,A as j,B as z,b as D,C as O,E as _,F}from"./index.styles-968498ec.js";import{i as H}from"./screenSizeContext-96560239.js";import{I as $,R,u as W,A as V,a as G,b as U,B as Z,c as q,d as Y,e as K,t as X}from"./index-bc7b446c.js";import{T as Q}from"./index-13896a1f.js";import{b as J,u as ee}from"./useTranslations-154c6e71.js";import{C as te}from"./index-c011f60e.js";import{t as ae}from"./theme-0bf733e5.js";import{e as ne,U as le,B as ie,u as re,f as oe,g as se,h as ce,i as me,j as de,k as ge,l as ue,m as pe,n as he,o as ve,p as Ee,q as be,r as ye,s as fe,t as Ce,v as we,w as ke,x as Ne,y as xe,z as Be,C as Le,E as Se,F as Pe,G as Me,H as Te,I as Ae,J as Ie,K as je,N as ze,O as De,P as Oe,Q as _e,V as Fe,W as He,X as $e,Y as Re,Z as We,_ as Ve,$ as Ge,a0 as Ue,a1 as Ze,a2 as qe,a3 as Ye,a4 as Ke,a5 as Xe,a6 as Qe,a7 as Je,a8 as et,a9 as tt,aa as at,D as nt,ab as lt,ac as it,R as rt,ad as ot,ae as st,af as ct,ag as mt,ah as dt,ai as gt,aj as ut,ak as pt,T as ht,al as vt,am as Et,an as bt,ao as yt,ap as ft,aq as Ct,ar as wt,as as kt,at as Nt,au as xt,av as Bt,aw as Lt,ax as St,ay as Pt,az as Mt,aA as Tt,aB as At,aC as It,aD as jt,aE as zt,aF as Dt,aG as Ot,aH as _t,aI as Ft,aJ as Ht,aK as $t,aL as Rt,aM as Wt,aN as Vt,aO as Gt,aP as Ut,aQ as Zt,aR as qt,aS as Yt,aT as Kt,aU as Xt,aV as Qt,aW as Jt,aX as ea,aY as ta,aZ as aa,a_ as na,A as la,a$ as ia,b0 as ra,b1 as oa,b2 as sa,b3 as ca,b4 as ma,d as da,b5 as ga,b6 as ua,b7 as pa,b8 as ha,c as va,b9 as Ea,ba}from"./index-6dd55943.js";import{_ as ya,a as fa}from"./tslib.es6-ed0fd94c.js";import{Box as Ca,Radio as wa,Flex as ka,rem as Na,Card as xa,Group as Ba,useMantineTheme as La,Container as Sa,Stack as Pa,UnstyledButton as Ma,AspectRatio as Ta,ScrollArea as Aa,Chip as Ia,Badge as ja,MultiSelect as za,Stepper as Da}from"@mantine/core";import Oa from"innertext";import"@mantine/dates";import{d as _a,L as Fa,F as Ha,Q as $a,R as Ra,a as Wa,G as Va}from"./index-49f5f7fe.js";import{L as Ga}from"./Subot-dac02b43.js";import Ua from"dayjs";import"styled-components";import{i as Za}from"./isProduction-d1491481.js";import"./translationsContext-2928d817.js";import"string-format";import{useViewportSize as qa}from"@mantine/hooks";import{i as Ya,d as Ka}from"./index-cd27c1f3.js";import Xa from"lodash/throttle";import Qa from"html-react-parser";import{format as Ja,addDays as en,isBefore as tn,startOfMonth as an,addMonths as nn,subMonths as ln,getDaysInMonth as rn,isToday as on,isSameDay as sn,isWithinInterval as cn,isAfter as mn,isPast as dn}from"date-fns";import{I as gn}from"./index-d2d4296b.js";import"./utils-283a240e.js";import"./index.styled-93aedd4f.js";import"./index-07063e55.js";import"./constants-3923407c.js";import"lodash/debounce";import"./useCategory-89c67c7a.js";import{D as un}from"./types-b8a4b227.js";import{S as pn}from"./index-5beb9325.js";import{M as hn}from"./index-edff5128.js";import{D as vn}from"./index.styled-a1372cbc.js";import{C as En}from"./index-f30ca662.js";import{useForm as bn,Controller as yn}from"react-hook-form";import{u as fn}from"./useHealthToolCache-b4214f5b.js";import{f as Cn}from"./index-cf5e3a41.js";import{a as wn}from"./useOutsideClick-f603145b.js";import kn from"date-fns/locale/en-US";import Nn from"date-fns/locale/id";import xn from"date-fns/locale/vi";import Bn from"date-fns/locale/zh-TW";import{B as Ln}from"./index-c55d9a53.js";import{g as Sn}from"./getSocialList-4cd36db5.js";import{v4 as Pn}from"uuid";import{g as Mn,a as Tn}from"./routing-eb0f44e6.js";import{useForm as An,isNotEmpty as In}from"@mantine/form";import{M as jn}from"./index-d2fd18b2.js";import zn from"js-cookie";import Dn from"lodash/flatten";import"react-contenteditable";import"react-dom";import On from"lodash/uniqBy";import{g as _n}from"./cookieHelper-55e30d0f.js";import{n as Fn,a as Hn}from"./normalizeLink-38377186.js";var $n="CHw-fZZ",Rn="_03U6VRS",Wn="EO828Vv";const Vn=({style:t,onClose:a,text:n,type:l,contentIcon:i,closeIcon:r,className:o,description:c})=>e.createElement("div",{className:`${$n} ${o||""}`,style:t,"data-alert-type":l},e.createElement("div",{className:Rn},e.createElement("div",{className:"icon-title"},i,e.createElement(s,{weight:"bold",size:"label1"},n)),e.createElement(s,{weight:"regular",size:"p3"},c)),e.createElement("div",{className:Wn,onClick:a},r)),Gn={xs:28,small:32,medium:40,large:48,xl:64,xxl:80,xxxl:96},Un=({type:n="square",size:l,avatarImg:i,avatarUrl:r,firstLetter:o,backgroundColor:s,onClick:c,style:d,className:g,width:u,height:p,alt:h})=>{const v=l?Gn[l]:void 0,[E,b]=t(!1);a((()=>{if(r){const e=document.createElement("img");e.setAttribute("src",r),e.addEventListener("error",(()=>{b(!0)}))}}),[r,b]);const y=(!r&&!i||E)&&o;return e.createElement(m,{style:Object.assign(Object.assign({},d),{"--size":v?v+"px":void 0,"--width-prop":u?u+"px":void 0,"--height-prop":p?p+"px":void 0,"--background-color":s}),"data-has-max":!(!u||!p),"data-avatar-type":n,onClick:c,className:g,avatarUrl:r,"data-custom-size":!!l},i,r&&!E&&e.createElement($,{src:r,alt:h||"avatar"}),y&&o)},Zn=({amount:t,type:a,size:n="medium",color:l="primary",icon:i,className:r})=>e.createElement(d,{"data-notification-type":a,"data-notification-size":n,"data-notification-color":l,"data-has-icon":!!i||void 0,notificationType:a,notificationSize:n,notificationColor:l,hasIcon:!!i,className:r},e.createElement("div",null,t&&e.createElement("span",null,t)," ",i&&e.createElement("div",null,i))),qn=({style:t,children:a,className:n,size:l="lg",type:i="bold",upperCase:r,as:o="h4",color:s})=>e.createElement(g,{style:Object.assign({color:s},t),className:n,"data-size":l,"data-type":i,"data-uppercase":r,as:o},a),Yn=()=>e.createElement("style",null,".file-dropdown-path{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}"),Kn=()=>e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",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("title",null,"File"),e.createElement("g",{clipPath:"url(#prefix__clip-path)"},e.createElement("path",{className:"file-dropdown-path",d:"M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z",transform:"translate(-1.92 -1.54)"}),e.createElement("path",{className:"file-dropdown-path",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),Xn=()=>e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},e.createElement("title",null,"download"),e.createElement("path",{className:"file-dropdown-path",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3",transform:"translate(-1.25 -2.21)"})),Qn=()=>e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},e.createElement("title",null,"upload"),e.createElement("path",{className:"file-dropdown-path",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8",transform:"translate(-1.25 -2.21)"})),Jn=({className:a,value:l,options:i,onUploadSelected:r,id:o,placeholderIcon:s,placeholder:c,style:m})=>{const[d,g]=t(!1),b=()=>g(!d),y=n(i.map((t=>"upload"===t.type&&e.createElement("input",{id:"uploader-dropdown-input-"+o+"-"+t.value,key:"uploader-dropdown-input-"+o+"-"+t.value,accept:t.fileAcceptedType,multiple:t.multiple,type:"file",style:{display:"none"},onChange:e=>{console.log("change"),r(e.target.files)}}))));return e.createElement(u,{className:a,"data-dropdown-open":!!d,id:o,"data-has-icons":!0,style:m,onBlur:()=>g(!1),tabIndex:0},e.createElement(Yn,null),e.createElement(p,{onClick:b},s||e.createElement(Kn,null)," ",e.createElement("span",null,l&&l.value?l.label:c)),d&&e.createElement(h,{onClick:b,"data-has-icons":!0},i.map((t=>e.createElement(v,{key:`${o}-${t.value}`,"data-selected":l&&l.value===t.value||void 0,onClick:()=>{return"upload"===t.type?(a="#uploader-dropdown-input-"+o+"-"+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(E,null,t.icon||"download"===t.type?e.createElement(Xn,null):e.createElement(Qn,null)),t.label)))),e.createElement(e.Fragment,null,y.current))},el=({className:t,columns:a,columnsDesktop:n,gridTemplateColumns:l,gridTemplateColumnsDesktop:i,gap:r,children:o,justifyChildren:s,style:c,alignItems:m})=>e.createElement(b,{className:t,style:Object.assign({"--columns-count":a,"--columns-count-desktop":n,"--grid-template-columns":l,"--grid-template-columns-desktop":i,"--justify-children":s,"--grid-gap":r,"--align-items":m},c)},o),tl=({pagesAmount:n,activePage:l,handlePageChange:r,handleClick:o,href:s,queryPageName:c="page"})=>{const m=[...Array(n)].map(((e,t)=>t+1)),[d,g]=t(l<=4?m.slice(0,5):l>=m.length-3?m.slice(m.length-5,m.length):m.slice(l-2,l+1));return a((()=>{l<=4?g(m.slice(0,5)):l>=m.length-3?g(m.slice(m.length-5,m.length)):g(m.slice(l-2,l+1))}),[l]),e.createElement(i,null,l>4&&e.createElement(i,null,e.createElement(C,{onClick:()=>r(1)},s?e.createElement("a",{href:s,onClick:o},1):1),e.createElement(C,null,"...")),d.map((t=>e.createElement(C,{key:`pagination+${t}`,"data-page-active":t===l||void 0,onClick:()=>r(t)},s?e.createElement("a",{href:H(s,t,c),onClick:o},t):t))),l<m.length-3&&e.createElement(i,null,e.createElement(C,null,"..."),e.createElement(C,{onClick:()=>r(m.length)},s?e.createElement("a",{href:H(s,m.length,c),onClick:o},m.length):m.length)))},al=({className:n,pagesAmount:i,currentPage:r,onChange:o,onClick:s,style:c,href:m,queryPageName:d="page"})=>{const g=[...Array(i)].map(((e,t)=>t+1)),[u,p]=t(r),h=l((()=>m&&m.endsWith("&page=")?m.replace("&page=",""):m),[m]),v=i-1,E=e=>{e<=i&&e>0&&(p(e),o(e))},b=e=>{s&&s(e)};return a((()=>{p(r)}),[r]),e.createElement(y,{className:n,style:c},e.createElement(f,{className:"prev-page",onClick:()=>E(u-1),"data-last-page":1===u||void 0},h?e.createElement("a",{href:H(h,u,d),onClick:b},e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},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"},e.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),g.length>8?e.createElement(tl,{pagesAmount:i,activePage:u,handlePageChange:E,handleClick:b,href:h,queryPageName:d}):g.map((t=>e.createElement(C,{key:`pagination+${t}`,"data-page-active":t===u||void 0,onClick:()=>E(t)},h?e.createElement("a",{href:H(h,t,d),onClick:b},t):t))),e.createElement(f,{className:"next-page",onClick:()=>E(u+1),"data-last-page":u===v+1||void 0},h?e.createElement("a",{href:H(h,u,d),onClick:b},e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},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"},e.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},nl=({size:t="small",label:a,name:n,checked:l,value:i,className:r,isDisabled:o=!1,onChange:s,dataEventCategory:c,dataEventAction:m,dataEventLabel:d})=>{const g=!!m&&!!c&&!!d?{"data-event-category":c,"data-event-action":m,"data-event-label":d}:{};return e.createElement(R,Object.assign({size:"small"===t?"md":"lg",label:a,name:n,checked:l,value:i,className:r,disabled:o,onChange:e=>null==s?void 0:s(e.target.value)},g))},ll=({type:t,children:a,style:n,isInline:l,isSquared:i=!1,className:r,isLight:o,hasMorePadding:s,isLink:c,isSelected:m,textProps:d={size:"sm"}})=>{const g=d.color?{"--text-props-color":d.color}:{};return e.createElement(w,{"data-is-squared":i||void 0,"data-tag-type":t,"data-is-light":o||void 0,"data-has-more-padding":s||void 0,"data-is-inline":l||void 0,style:Object.assign(Object.assign({},n),g),className:r,"data-is-selected":m||void 0,"data-is-link":c||void 0,tagType:t,isInline:l,tagHasMorePadding:s,tagIsLight:o,tagIsSquared:i,tagIsALink:c},e.createElement(Q,Object.assign({},d),a))},il=({className:t,id:a,onChange:n,checked:l,style:i,label:r})=>e.createElement(k,{className:t,style:i},e.createElement("input",{type:"checkbox",id:a,onChange:n,checked:l}),e.createElement("label",{htmlFor:a},e.createElement(N,null),r&&e.createElement(x,null,r))),rl=({label:t,name:a,checked:n,className:l,isDisabled:i,onChange:r,value:o,isRectangle:s,inputDataTestId:c,siteType:m})=>e.createElement(B,{className:l,"data-disabled":i||void 0,"data-is-rectangle":s||void 0,"data-label-text":t,"data-theme":m},e.createElement("input",{type:"checkbox",checked:n,name:a,onChange:()=>r(o,!n),disabled:i,value:o,id:`${a}-${o}`,"data-label-text":t,"data-testid":c}),!s&&e.createElement("label",{htmlFor:`${a}-${o}`},t)),ol=t=>e.createElement("svg",Object.assign({},t,{viewBox:"0 0 32 32",fill:"none"}),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"})),sl=t=>e.createElement("svg",Object.assign({},t,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"}),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"})),cl=t=>{const a=J();return e.createElement("svg",Object.assign({},t,{viewBox:"0 0 24 24",fill:"none"}),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"})))},ml=({gap:a=2,size:n=24,star:l,totalStars:i=5,onSelect:r,hideEmptyStars:o,style:s,className:c})=>{const m=Math.floor(l),d=l-m>=.5?1:0,[g,u]=t(null),p=g||m,h=g?0:d;return e.createElement(L,{"data-selectable":!!r,style:Object.assign({"--gap":a,"--star-size":n},s),className:c},Array.from({length:o?m+d:i}).map(((t,a)=>{const n=()=>!!r&&u(a+1),l=()=>!!r&&u(null);return a+1<=p?e.createElement(sl,{key:a,onClick:()=>null==r?void 0:r(a+1),onMouseOver:n,onMouseLeave:l}):a+1===p+h?e.createElement(cl,{key:a,onClick:()=>null==r?void 0:r(a+1),onMouseOver:n,onMouseLeave:l}):e.createElement(ol,{key:a,onClick:()=>null==r?void 0:r(a+1),onMouseOver:n,onMouseLeave:l})})))},dl=i=>{var{label:r,availableValue:o,styles:c,isBaby:m,genderValue:d={male:"male",female:"female"}}=i,g=ya(i,["label","availableValue","styles","isBaby","genderValue"]);const{t:u}=ee(),{classes:p,cx:h}=S(void 0,{name:"GenderOptionControl",styles:c}),[v,E]=t(),b=n(null),y=l((()=>[{value:d.male,label:u(m?"gender.boy":"gender.male"),icon:te.getAssetPath(m?"health-tools/boy-icon.svg":"health-tools/male-icon.svg")},{value:d.female,label:u(m?"gender.girl":"gender.female"),icon:te.getAssetPath(m?"health-tools/girl-icon.svg":"health-tools/female-icon.svg")}]),[]);return a((()=>{E(o)}),[o]),e.createElement(Ca,{ref:b,className:p.root},e.createElement(wa.Group,Object.assign({className:"radio-group",label:e.createElement(s,{as:"label",size:"s4",weight:"semiBold"},r||u(m?"tools.selectBabyGender":"tools.selectGender")),size:"lg"},g,{classNames:{error:p.groupErr}}),e.createElement(ka,{className:h(p.wrapper)},y.map((t=>e.createElement(wa,Object.assign({className:"gender-item",classNames:{root:p.itemRoot,labelWrapper:p.itemLabelWrapper,label:p.itemLabel,inner:p.itemInner},key:t.value,value:t.value},v&&t.value!==v&&{disabled:!0},{label:e.createElement(ka,{gap:Na(8),align:"center",justify:"center",sx:{zIndex:0}},e.createElement("img",{src:t.icon,className:"gender-image",alt:"female",loading:"lazy"}),e.createElement(s,{size:"p3"},t.label))})))))))};var gl="PiqKaXk",ul="HgbW6-m",pl="_6lkfLYy",hl="j7c-onH";const vl=({avatarImg:t,authorName:a,authorLink:n,uploadTime:l,size:i})=>e.createElement("div",{className:hl},e.createElement("div",{className:"author"},e.createElement("div",{className:"avatar","data-size":i},t),e.createElement("div",{className:"poster","data-is-disabled-url":!n},e.createElement(s,{size:"lg"===i?"p3":"p4"},e.createElement("a",{href:n},e.createElement("span",{className:"name"},a),"•"," "),e.createElement("span",null,l))))),El=({isMobile:t,avatarImg:a,name:n,link:l,size:i="lg",specialty:r})=>e.createElement("div",{className:hl},e.createElement("div",{className:"author"},e.createElement("div",{className:"expert-avatar","data-size":i},a),e.createElement("div",{className:"expert","data-is-disabled-url":!l},t?e.createElement("a",{href:l},"lg"===i?e.createElement(e.Fragment,null,e.createElement(P,{tag:"h6",className:"expert__name",color:ae.colors.gray600},n),e.createElement(s,{color:ae.colors.gray500,size:"p3",className:"specialty"},r)):e.createElement(e.Fragment,null,e.createElement(P,{tag:"h6",className:"expert__name",color:ae.colors.gray600},n))):e.createElement("a",{href:l},"lg"===i?e.createElement(e.Fragment,null,e.createElement(P,{tag:"h6",className:"expert__name",color:ae.colors.gray600},n),e.createElement(s,{color:ae.colors.gray500,size:"p3",className:"specialty"},r)):e.createElement(e.Fragment,null,e.createElement("h6",{color:ae.colors.gray600,className:`${gl} expert__name`},n),e.createElement(s,{color:ae.colors.gray500,size:"p4",className:"specialty"},r)))))),bl=({articleLink:t,authorLink:a,authorName:n,avatarImg:l,banner:i,categoryLink:r,categoryName:o,className:c,dataEventActionForBanner:m,dataEventActionForBookmark:d,dataEventActionForCategory:g,dataEventActionForTitle:u,dataEventCategoryForBanner:p,dataEventCategoryForBookmark:h,dataEventCategoryForCategory:v,dataEventCategoryForTitle:E,dataEventLabelForBanner:b,dataEventLabelForBookmark:y,dataEventLabelForCategory:f,dataEventLabelForTitle:C,direction:w="horizontal",hasAffiliate:k,isBookmark:N=!1,isBookmarkDisplayed:x=!0,isMobile:B=!0,onBookmark:L,onClickCategoryName:S,section:M="normal",size:T="md",specialty:A,style:I,styleBanner:j,styleLabel:z,styleTitle:D,text:O,title:_,type:F="author",uploadTime:H,articleLinkTarget:$,isPremium:R})=>{const W=e=>{e.stopPropagation(),null==L||L()},V="lg"===T&&"expert"===F?"h4":"lg"===T&&"home"===M?B?"h4":"h3":"lg"===T?"h4":"h5",G="lg"===T?"p3":"p4",U=B||"home"!==M||"lg"!==T||"author"!==F?"c2":"c1";return e.createElement("article",{className:`${pl} ${c||""}`,"data-size":T,style:I,"data-direction":w,"data-is-expert":"expert"===F||void 0},e.createElement("div",{className:"banner",style:j},e.createElement("a",{className:ul,"data-event-category":p,"data-event-action":m,"data-event-label":b,href:t||"#",target:$},i),R&&e.createElement("img",{loading:"lazy",className:"premium",src:te.getAssetPath("premium-crown.svg")}),k&&e.createElement(ne,null)),e.createElement("div",{className:"content"},e.createElement("div",{className:"inner-content"},e.createElement(s,{style:z,className:"label",size:U,weight:"caption"},e.createElement("a",{className:ul,"data-event-category":v,"data-event-action":g,"data-event-label":f,href:r||"#",onClick:S},o),x&&e.createElement("a",{className:"bookmark",onClick:W},N?e.createElement(ie,{dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:y}):e.createElement(le,{dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:y}))),e.createElement(P,{tag:V,style:D,className:"title",as:"lg"===T?"h2":"h3"},e.createElement("a",{className:ul,"data-event-category":E,"data-event-action":u,"data-event-label":C,href:t||"#",target:$},_)),O&&e.createElement("a",{href:t||"#",target:$},e.createElement(s,{size:G,className:"text"},O))),e.createElement("div",{className:"footer"},"author"===F?e.createElement(vl,{size:T,avatarImg:l,authorName:n,authorLink:a,uploadTime:H,handleClick:W,isBookmarked:N,dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:y}):e.createElement(El,{size:T,isMobile:B,avatarImg:l,specialty:A,name:n,link:a,handleClick:W,isBookmarked:N,dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:y}))))},yl=t=>{var a,n,l,{article:i,author:r,authorAvatar:o,badge:c="",hideDescription:m=!1,isBookmarked:d=!1,onBookmark:g,time:u,tracking:p}=t,h=ya(t,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:v}=W();return console.log({article:i}),e.createElement(xa,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},h),e.createElement(xa.Section,{w:"100%",h:"100%",miw:264,m:0,className:"pointer"},e.createElement("img",{src:(v?i.featureImageMobile:i.featureImage)||i.featureImage,alt:i.postName,style:{width:"100%"},loading:"lazy"})),e.createElement(xa.Section,null,e.createElement(Ba,{position:"apart",mt:16,mb:4},e.createElement(V,{href:(null===(a=null==i?void 0:i.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},e.createElement(s,{size:"p4",color:"blue.6"},null===(n=null==i?void 0:i.primaryCategory)||void 0===n?void 0:n.displayName)),e.createElement(Ca,{sx:{cursor:"pointer"},role:"button",onClick:g},d?e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==p?void 0:p.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"},null==p?void 0:p.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(s,{size:m?"s2":"s1",mb:8,weight:"semiBold",className:"pointer"},i.postTitle||i.postName||""),!m&&e.createElement(s,{size:"p2",mb:16,lineClamp:3,className:"pointer"},Oa(i.excerpt||i.description||(null===(l=i.postContent)||void 0===l?void 0:l.split("\r\n")[0])||"")),e.createElement(ka,{gap:12,align:"center"},e.createElement(G,{size:32,src:o,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:e.createElement("img",{loading:"lazy",src:c,alt:""})}},"A"),e.createElement(s,{size:"n1",c:"gray.6"},r," • ",u))))},fl=648/440,Cl=1.5,wl=t=>{var a,n,i,{article:r,author:o,authorAvatar:c,badge:m="",bannerImageWrapProps:d,hideDescription:g=!1,isBookmarked:u=!1,onBookmark:p,time:h,tracking:v,classNames:E,styles:b,unstyled:y,className:f}=t,C=ya(t,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:w}=W(),{classes:k,cx:N}=re({},{name:"ArticleCard",classNames:E,styles:b,unstyled:y}),x=l((()=>g?Cl:fl),[g]);return e.createElement(xa,Object.assign({className:N(k.root,f),padding:"lg",radius:0},C),e.createElement(xa.Section,{className:N(k.image,"pointer")},e.createElement(U,Object.assign({ratio:x},d),e.createElement("img",{src:(w?r.featureImageMobile:r.featureImage)||r.featureImage,alt:r.postName,style:{objectFit:"cover"}}))),e.createElement(xa.Section,null,e.createElement(Ba,{position:"apart",mt:16,mb:4},e.createElement(V,{className:k.category,href:(null===(a=null==r?void 0:r.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},e.createElement(s,{size:"p4",color:"blue.6"},null===(n=null==r?void 0:r.primaryCategory)||void 0===n?void 0:n.displayName)),e.createElement(Ca,{sx:{cursor:"pointer"},role:"button",onClick:p},u?e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==v?void 0:v.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"},null==v?void 0:v.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(s,{className:N(k.title,"pointer"),size:g?"s2":"s1",mb:8,weight:"semiBold"},r.postTitle||r.postName||""),!g&&e.createElement(s,{className:N(k.description,"pointer"),size:"p2",mb:16,lineClamp:3},Oa(r.excerpt||r.description||(null===(i=r.postContent)||void 0===i?void 0:i.split("\r\n")[0])||"")),e.createElement(ka,{className:k.author,gap:12,align:"center"},e.createElement(G,{size:32,src:c,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:e.createElement("img",{loading:"lazy",src:m,alt:""})}},"A"),e.createElement(s,{size:"n1",c:"gray.6"},o," • ",h))))},kl=t=>{var{variant:a="vertical"}=t,n=ya(t,["variant"]);return"horizontal"===a?e.createElement(yl,Object.assign({},n)):e.createElement(wl,Object.assign({},n))},Nl=t=>{var{category:a,imgBanner:n,label:l,className:i,style:r,href:o="",dataEventCategory:c,dataEventAction:m,dataEventLabel:d}=t,g=ya(t,["category","imgBanner","label","className","style","href","dataEventCategory","dataEventAction","dataEventLabel"]);const u=(null==a?void 0:a.customizedUrl)||(null==a?void 0:a.permalink)||o||"";return e.createElement(oe,Object.assign({"data-event-category":c,"data-event-action":m,"data-event-label":d,className:i,style:r,href:u},(null==a?void 0:a.customizedUrl)&&!Ya(a.customizedUrl)&&{target:"_blank"},{onClick:e=>{""===u&&e.preventDefault()}},g),e.createElement("div",{className:"banner"},n),e.createElement("div",{className:"content"},e.createElement(s,{className:"category_name",size:"sm",weight:"bold"},(null==a?void 0:a.displayName)||l||"")))},xl=({name:t,values:a=[],onChanges:n,options:l=[],className:i,type:r="vertical",isDisabled:o,isRectangle:s})=>{const c=(e,t)=>{const l=a.slice();if(t)l.push(e);else{const t=l.findIndex((t=>t===e));l.splice(t,1)}n&&n(l)};return e.createElement(se,{className:i,"data-type":r,"data-is-rectangle":s||void 0},l.map(((n,l)=>e.createElement(rl,{label:n.label,name:t,key:`${l}-${n.value}`,checked:a.includes(n.value),value:n.value,isDisabled:o||n.disabled,onChange:!o&&c,isRectangle:s}))))},Bl=({size:t,iconPosition:a,className:n,children:l,icon:i})=>e.createElement(ce,{className:n,"data-size":t,"data-icon-position":a},"left"===a&&i,l,"right"===a&&i),Ll=({type:n,numberOfStep:l,activeStep:i,labelPrefix:o,detailSteps:s,className:c,onChange:m})=>{const[d,g]=t(0),u=t=>{var{trackClassName:a}=t,n=ya(t,["trackClassName"]);return e.createElement(ue,Object.assign({},n,{className:a}),e.createElement(pe,null))},p=e.createElement(me,{className:c+" progress-bar"},e.createElement(u,null),e.createElement((({trackLength:t,activeStep:a,labelPrefix:n="Step",onChange:i})=>e.createElement(e.Fragment,null,Array.from({length:l},((e,t)=>t)).map(((r,o)=>e.createElement(he,{"data-is-active":o===a,"data-label":o,style:{left:o*t/(l-1)},onClick:()=>{i&&i(o)},key:o},o+1,e.createElement(ve,{"data-step-passed":o<=a},n+" "+(o+1))))))),{trackLength:d,activeStep:i,labelPrefix:o,onChange:m})),h=e.createElement("svg",{"data-name":"Layer 1",viewBox:"0 0 5.5 9.5"},e.createElement("title",null,"chevron-right"),e.createElement("path",{d:"M.75 8.75l4-4-4-4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),v=e.createElement(de,null,s&&Array.from({length:s.length},((e,t)=>t)).map(((t,a)=>{var n;return e.createElement(ge,{key:a,"data-selected":a===i,onClick:()=>{m&&m(a)}},null===(n=s[a])||void 0===n?void 0:n.text," ",a<s.length-1&&h)}))),E=e.createElement(me,{className:c+" progress-bar"},e.createElement((({detailSteps:t,activeStep:a,onChange:n})=>e.createElement(e.Fragment,null,Array.from({length:t.length},((e,t)=>t)).map(((l,i)=>e.createElement(Ee,{key:i,style:{left:100/t.length*i+"%",width:100/t.length+"%"},onClick:()=>{n&&n(i)}},t[i].icon?e.createElement(be,{onClick:()=>{n&&n(i)}},t[i].icon):e.createElement(ye,{"data-is-active":i===a,"data-label":l,onClick:()=>{n&&n(i)},key:i},i+1),e.createElement(fe,{"data-step-passed":i<a+1},t[i].text,e.createElement(Ce,null,t[i].description)),i<t.length-1&&e.createElement(u,{"data-step-passed":i<a,trackClassName:"progress-track","data-track-type":"detail"})))))),{activeStep:i,detailSteps:s,onChange:m})),b=r(Xa((()=>{const e=document.querySelector(".progress-bar");e&&g(e.offsetWidth)}),1e3),[]);return a((()=>{const e=document.querySelector(".progress-bar");return g(null==e?void 0:e.offsetWidth),window.addEventListener("resize",b,{passive:!0}),()=>{window.removeEventListener("resize",b)}}),[]),"step-track"===n&&p||"breadcrumb"===n&&v||"detail-track"===n&&E};var Sl=Object.freeze({__proto__:null,SideMenu:we,SideHeader:ke,UserInfo:Ne,MenuLink:xe});const Pl=({status:t})=>"inActive"===t?e.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none"},e.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"})):"active"===t?e.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none"},e.createElement("circle",{cx:"6",cy:"6",r:"4",fill:"#2D87F3"}),e.createElement("circle",{cx:"6",cy:"6",r:"5.5",stroke:"#2D87F3"})):"done"===t?e.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none"},e.createElement("path",{d:"M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z",fill:"#00B16A"}),e.createElement("path",{d:"M8.76061 4.20029L4.80061 7.80029L3.00061 6.16392",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})):e.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none"},e.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"})),Ml=({row:l=2,column:i=3,isDotsShown:r=!0,isImageGalleryShown:o=!1,mode:s="infinity",type:c="separated",distanceOverlappedLeft:m={amount:0,unit:"pixel"},children:d,className:g,isProgressShown:u=!1,statusChildren:p,isArrowShown:h=!1,classNameLeftArrow:v,classNameRightArrow:E,dataEventCategory:b,dataEventAction:y,dataEventLabel:f,onChangePage:C,page:w,customPageWidth:k,scheme:N="hellosites",arrowType:x="Discover"})=>{const B="number"==typeof w,[L,S]=t(B?w:0),P=[];e.Children.map(d,((t,a)=>{a%(l*i)==0&&P.push([]),P[P.length-1].push(e.cloneElement(t))}));const M=n(),T=n(0),A=e=>{if(!M.current)return;const{clientWidth:t}=M.current,a=k||t,n="intertwined"===c?"percentage"===m.unit?e*a+m.amount/100*a*e:e*a+m.amount*a*e:e*a;M.current.scrollTo({top:0,left:n,behavior:"smooth"}),T.current=e,S(e),C&&C(e)};a((()=>{"number"==typeof w&&(e=>{if(!M.current)return;const{clientWidth:t}=M.current,a=k||t,n="intertwined"===c?"percentage"===m.unit?e*a+m.amount/100*a*e:e*a+m.amount*a*e:e*a;M.current.scrollTo({top:0,left:n,behavior:"smooth"}),T.current=e,S(e)})(w)}),[w]);const I=e=>{if(!M.current)return;const{clientWidth:t}=M.current,a=k||t;let n;n=0===L?0:L*a,"forward"===e&&(n===a*(P.length-1)?(S(P.length-1),n=a*(P.length-1),C&&C(P.length-1)):(S(L+1),n+=a,C&&C(L+1)),M.current.scrollTo({top:0,left:n,behavior:"smooth"})),"back"===e&&(0===n?(S(0),C&&C(0),n=0):(S(L-1),C&&C(L-1),n-=a),M.current.scrollTo({top:0,left:n,behavior:"smooth"}))},j=Xa((()=>{if("infinity"===s){if(!M.current)return;const{clientWidth:e,scrollLeft:t}=M.current,a=k||e,n=Math.floor(t/a);S(n),C&&C(n)}}),400);return a((()=>{if("snapped"===s){let e,t,a,n,l,i,r=!1;const o=M.current,s=(i,s)=>{r=!0,a=!1,n=!1,e=i-o.offsetLeft,t=s-o.offsetTop,l=o.scrollLeft},d=e=>{s(e.pageX,e.pageY)},g=e=>{s(e.touches[0].pageX,e.touches[0].pageY)},u=()=>{if(r=!1,a=!1,n=!1,!M.current)return;const{clientWidth:e}=M.current,t=k||e,l="ltr"===i?0!==T.current?T.current-1:T.current:"rtl"===i&&T.current<P.length-1?T.current+1:T.current,o="intertwined"===c?"percentage"===m.unit?l*t+m.amount/100*t*l:l*t+m.amount*t*l:l*t;M.current.scrollTo({top:0,left:o,behavior:"smooth"}),i="none",T.current!==l&&(T.current=l,S(l),C&&C(l))},p=(s,c)=>{if(!r)return;const m=s-o.offsetLeft,d=c-o.offsetTop,g=m-e,u=d-t;a||n||!(u>20||u<-20)||(a=!0),!a&&(g>20||g<-20)&&(n=!0,o.scrollLeft=l-g,g>0&&(i="ltr"),g<0&&(i="rtl"),0===g&&(i="none"))},h=e=>{n&&e.preventDefault(),p(e.pageX,e.pageY)},v=e=>{n&&e.preventDefault(),p(e.touches[0].pageX,e.touches[0].pageY)};return null==o||o.addEventListener("mousedown",d,{passive:!0}),null==o||o.addEventListener("touchstart",g,{passive:!0}),window.addEventListener("mouseup",u,{passive:!0}),window.addEventListener("touchend",u,{passive:!0}),null==o||o.addEventListener("mousemove",h,{passive:!0}),null==o||o.addEventListener("touchmove",v,{passive:!0}),()=>{null==o||o.removeEventListener("mousedown",d),null==o||o.removeEventListener("touchstart",g),window.removeEventListener("mouseup",u),window.removeEventListener("touchend",u),null==o||o.removeEventListener("mousemove",h),null==o||o.removeEventListener("touchmove",v)}}}),[]),e.createElement(Be,{className:g,"data-row":l,onScroll:j},h&&L>0&&e.createElement("div",{className:`${v} arrow-left`,onClick:()=>I("back"),"data-event-category":b,"data-event-action":y,"data-event-label":f},"Care"===x?e.createElement("svg",{width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},e.createElement("g",{filter:"url(#filter0_dd_12599_34420)"},e.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3V3C31.8368 3 39.0002 10.1634 39.0002 19V19C39.0002 27.8366 31.8368 35 23.0002 35V35C14.1637 35 7.00024 27.8366 7.00024 19V19Z",fill:"white"}),e.createElement("path",{d:"M20.9293 19L24.7503 15.179C25.1643 14.765 25.1643 14.093 24.7503 13.679C24.3363 13.265 23.6643 13.265 23.2503 13.679L18.6363 18.293C18.2453 18.684 18.2453 19.317 18.6363 19.707L23.2503 24.321C23.6643 24.735 24.3363 24.735 24.7503 24.321C25.1643 23.907 25.1643 23.235 24.7503 22.821L20.9293 19Z",fill:"#595959"}),e.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),e.createElement("defs",null,e.createElement("filter",{id:"filter0_dd_12599_34420",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},e.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),e.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.createElement("feOffset",{dx:"-2",dy:"2"}),e.createElement("feGaussianBlur",{stdDeviation:"2.5"}),e.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),e.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12599_34420"}),e.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.createElement("feOffset",{dx:"-1",dy:"1"}),e.createElement("feGaussianBlur",{stdDeviation:"1"}),e.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),e.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12599_34420",result:"effect2_dropShadow_12599_34420"}),e.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12599_34420",result:"shape"})))):e.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"},e.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===N?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M15.9997 11.1109L11.1108 15.9998L15.9997 20.8887",stroke:"hellosites"===N?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===N?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),e.createElement("div",{ref:M,className:"container",style:{overflowX:"snapped"===s||h?"hidden":"scroll"}},P.map(((t,a)=>{let n=0;for(let e=0;e<a;e++)n+=P[e].length;return e.createElement("div",{key:a,className:"section",style:{marginLeft:"intertwined"===c&&0!==a?m.amount+""+("percentage"===m.unit?"%":"px"):"0px"}},1===l&&u&&e.createElement("div",{className:"progress-bar",style:{gridTemplateColumns:`repeat(${i}, 1fr)`}},t.map(((l,i)=>{const r=n+i,o=p.find((e=>e.index===r));return e.createElement("div",{className:"items-progress",key:i},0===i&&0===a?e.createElement("div",{className:"line",style:{visibility:"hidden"}}):e.createElement("div",{className:"line"}),e.createElement("div",{className:"icon-status"},e.createElement(Pl,{status:null==o?void 0:o.status})),a===P.length-1&&i===t.length-1?e.createElement("div",{className:"line",style:{visibility:"hidden"}}):e.createElement("div",{className:"line"}))}))),e.createElement("div",{className:"grid-layout","data-index":a,style:{gridTemplateColumns:`repeat(${i}, 1fr)`,gridTemplateRows:`repeat(${l}, 1fr)`}},t.map(((t,a)=>e.createElement(e.Fragment,{key:a},e.createElement("div",{className:"item-grid",key:a},t))))))}))),h&&L<P.length-1&&e.createElement("div",{className:`${E} arrow-right`,onClick:()=>I("forward"),"data-event-category":b,"data-event-action":y,"data-event-label":f}," ","Care"===x?e.createElement("svg",{width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},e.createElement("g",{filter:"url(#filter0_dd_12597_34423)"},e.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3C31.8368 3 39.0002 10.1634 39.0002 19C39.0002 27.8366 31.8368 35 23.0002 35C14.1637 35 7.00024 27.8366 7.00024 19Z",fill:"white"}),e.createElement("path",{d:"M24.0712 19L20.2502 15.179C19.8362 14.765 19.8362 14.093 20.2502 13.679C20.6642 13.265 21.3362 13.265 21.7502 13.679L26.3642 18.293C26.7552 18.684 26.7552 19.317 26.3642 19.707L21.7502 24.321C21.3362 24.735 20.6642 24.735 20.2502 24.321C19.8362 23.907 19.8362 23.235 20.2502 22.821L24.0712 19Z",fill:"#595959"}),e.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),e.createElement("defs",null,e.createElement("filter",{id:"filter0_dd_12597_34423",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},e.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),e.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.createElement("feOffset",{dx:"-2",dy:"2"}),e.createElement("feGaussianBlur",{stdDeviation:"2.5"}),e.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),e.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12597_34423"}),e.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.createElement("feOffset",{dx:"-1",dy:"1"}),e.createElement("feGaussianBlur",{stdDeviation:"1"}),e.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),e.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12597_34423",result:"effect2_dropShadow_12597_34423"}),e.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12597_34423",result:"shape"})))):e.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"},e.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===N?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M15.9998 20.8891L20.8887 16.0002L15.9998 11.1113",stroke:"hellosites"===N?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===N?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),r&&e.createElement("ul",{className:"bullet-nav"},P.map(((t,a)=>e.createElement("li",{key:a,className:"bullet-nav__item "},e.createElement("p",{onClick:()=>A(a),className:`bullet-nav__link scroll ${L==a?"active":null}`,"data-scheme":N}))))),o&&e.createElement("div",{className:"image-gallery-wrapper","data-test":P.length},P.slice(0,3).map(((t,a)=>e.createElement("div",{className:`image-block ${L==a?"active":null}`,key:a,onClick:()=>A(a),"data-scheme":N},t)))))},Tl=({type:t,description:a,value:n,withIcon:l,isInACard:i,cardColor:r,className:o})=>e.createElement(Le,{className:o,"data-size":t,"data-is-in-card":"big"===t&&i,"data-card-color":r},e.createElement(Se,null,"small"===t&&e.createElement(Pe,{"data-color":r}),a),e.createElement(Me,{"data-size":t},"small"!==t&&l,n));var Al=Object.freeze({__proto__:null,Table:Te,Cell:Ae,Head:Ie,Row:je,Body:ze});const Il=({style:n,initialTab:l,tabContent:i,onChange:r,className:o,dataEventCategory:c,dataEventAction:m,dataEventLabel:d,id:g,styles:u})=>{const{classes:p,cx:h,theme:v}=De(void 0,{name:"Tabs",styles:u}),[E,b]=t(l||0);return a((()=>{b(l)}),[l]),e.createElement("ul",{style:n,className:h(p.root,o),role:"tablist",id:g},i.map(((t,a)=>e.createElement("li",{className:`${p.item} ${E===a?"active":""} ${t.className}`,"aria-selected":E===a,role:"tab",onClick:()=>{b(a),r&&r(a)},onKeyDown:e=>{"Enter"===e.key&&(b(a),r&&r(a))},key:a,"data-event-category":t.dataEventCategory||c,"data-event-action":t.dataEventAction||m,"data-event-label":t.dataEventLabel||d,tabIndex:0,"data-testid":t.dataTestid},e.createElement("div",{className:p.itemInner},t.icon&&e.createElement("div",{className:p.icon},t.icon),e.createElement(s,{className:p.label,size:t.textSize||"sm",weight:t.textType||"bold",color:E===a?v.fn.primaryColor():t.textColor||v.colors.gray[4],dataEventCategory:t.dataEventCategory,dataEventAction:t.dataEventAction,dataEventLabel:t.dataEventLabel},t.name))))))},jl=({thankyou:t,thankyouSubtitle:a,className:n,style:l})=>e.createElement(Oe,{className:n,style:l},e.createElement("div",{className:"survey-inner-wrapper"},e.createElement(_e,null,e.createElement("div",{className:"survey-thankyou-wrapper-inner"},e.createElement("svg",{viewBox:"0 0 122 122",fill:"none",className:"survey-thankyou-icon"},e.createElement("path",{d:"M61.5 122c33.137 0 60-26.863 60-60S94.637 2 61.5 2s-60 26.863-60 60 26.863 60 60 60Z",fill:ae.colors.primary50}),e.createElement("ellipse",{cx:"61.5",cy:"110.36",rx:"48",ry:"3.36",fill:"#91CAFF"}),e.createElement("path",{d:"M82.905 72.666H101.5L87.597 40H35.403L21.5 72.666h18.595V91H83.08l-.174-18.334Z",fill:"#2C74DF"}),e.createElement("path",{d:"M74.4 15H39.863a5.364 5.364 0 0 0-5.363 5.363v52.214a5.364 5.364 0 0 0 5.363 5.363h43.273a5.364 5.364 0 0 0 5.363-5.363V21a6 6 0 0 0-6-6H74.4Z",fill:"#fff"}),e.createElement("path",{d:"M88.853 80.108H34.147a4.055 4.055 0 0 1-4.087-4.074v-10.65c0-2.27 1.81-4.074 4.087-4.074h54.706a4.055 4.055 0 0 1 4.087 4.074v10.65c0 2.27-1.81 4.074-4.087 4.074Z",fill:"#E4E8EC"}),e.createElement("path",{d:"M90.838 85.451H32.162a4.055 4.055 0 0 1-4.087-4.074v-10.65c0-2.27 1.81-4.074 4.087-4.074H90.78a4.055 4.055 0 0 1 4.087 4.074v10.65c.058 2.27-1.81 4.074-4.029 4.074Z",fill:"#fff"}),e.createElement("path",{d:"M103.748 75.492v30.263c0 1.92-1.576 3.492-3.503 3.492H23.003c-1.927 0-3.503-1.572-3.503-3.492V75.492c0-1.92 1.576-3.492 3.503-3.492h19.384c1.926 0 3.503 1.571 3.503 3.492v5.354c0 .35.233.582.584.582h30.3c.351 0 .585-.233.585-.582v-5.354c0-1.92 1.576-3.492 3.503-3.492h19.383c1.927 0 3.503 1.571 3.503 3.492Z",fill:"#45A4FF"}),e.createElement("path",{stroke:"#2C74DF",d:"M51.954 91.377v3.084c0 1.63 1.285 2.91 2.92 2.91h12.844c1.635 0 2.92-1.28 2.92-2.91v-3.084"}),e.createElement("path",{d:"M120.5 38.025c-2-.246-3.25 1.352-2.375 3.195l.25.737c.75 1.844-.375 3.441-2.375 3.195l-.75-.123c-2-.245-3.25 1.352-2.375 3.195l.375.738c.75 1.843-.375 3.44-2.375 3.195l-.75-.123c-1.5-.123-2.625.737-2.625 1.966",stroke:"#FE921D"}),e.createElement("path",{d:"M1.533 62c-.269 1.413 1.142 2.337 2.82 1.848l.672-.218c1.678-.543 3.089.38 2.82 1.848l-.134.544c-.269 1.413 1.141 2.337 2.82 1.848l.671-.218c1.68-.543 3.09.38 2.82 1.848l-.134.543c-.201 1.087.538 1.848 1.612 1.957M118 92a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM82 3.187l1.188 4.348 4.347-1.188L86.347 2 82 3.187Z",stroke:"#00B16A"}),e.createElement("path",{stroke:"#FE921D",d:"M17 28a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"}),e.createElement("path",{d:"M61.5 26.667c-7.364 0-13.333 5.97-13.333 13.333 0 7.364 5.969 13.333 13.333 13.333S74.833 47.364 74.833 40 68.864 26.667 61.5 26.667Zm7.61 10.276-9.334 9.333a1.33 1.33 0 0 1-1.885 0l-4-4a1.332 1.332 0 1 1 1.885-1.885l3.057 3.057 8.391-8.39a1.332 1.332 0 1 1 1.885 1.885Z",fill:"#00CB8A"})),t&&e.createElement(P,{className:"survey-thankyou-title",tag:"h3"},t),a&&e.createElement(s,{className:"survey-thankyou-subtitle",size:"p3"},a))))),zl=({items:n,className:l,style:i,backgroundPanelStyle:r,isOpen:o,onOpen:s,onClose:c,disableBackdropClick:m,siteType:d="hb",animationType:g="zoom",zIndex:u=300})=>{const[p,h]=t(!!o);a((()=>{h(!!o)}),[o]);const v=()=>{h(!1),c&&c()};return e.createElement(Fe,{style:i,className:l,"data-floatmenu-open":p,"data-site-type":d,"data-animation-type":g},e.createElement(He,{className:"float-button-group__panel",style:Object.assign({zIndex:u},r),onClick:m?void 0:v}),e.createElement($e,{className:"float-button-group___content",style:{zIndex:u}},e.createElement(Re,null,n.map(((t,a)=>e.createElement(We,{className:`float-item-button-${a}`,style:Object.assign(Object.assign({},"zoom"===g&&{bottom:64*(n.length-1-a),transitionDelay:Ve/n.length*(p?n.length-1-a:a)+"ms"}),"slide"===g&&{bottom:64*(n.length-1-a),transitionDelay:Ve/n.length*(p?a:n.length-1-a)+"ms"}),key:a,onClick:()=>{t.onClick(),t.keepMenuOnClick||h(!1)}},e.createElement(Ge,{style:Object.assign({},"zoom"===g&&{transitionDelay:Ve/n.length*(p?n.length-1-a:a)+"ms"})},t.label),e.createElement(Ue,{className:"float-item-button__icon-wrapper",style:Object.assign({},("zoom"===g||"slide"===g)&&{transitionDelay:Ve/n.length*(p?n.length-1-a:a)+"ms"})},t.icon))))),e.createElement(Ze,{onClick:p?v:()=>{h(!0),s&&s()}})))},Dl=({className:t,policiesUrl:a,onAcceptClick:n,translations:l={acceptButton:"Accept",policiesButton:"Our Policies"},title:i="",description:r="",theme:o="helloSites",isOpen:s=!0,useDefaultPosition:c=!0,trackingAttributes:m})=>e.createElement(qe,{className:t,"data-theme":o,"data-is-open":s,"data-default-position":c},e.createElement(Ye,{"data-has-content":!!i},i),e.createElement(Ke,{dangerouslySetInnerHTML:{__html:r}}),e.createElement(Xe,null,e.createElement(Qe,{role:"button",tabIndex:0,onClick:n,"data-event-category":null==m?void 0:m.dataEventCategory,"data-event-action":null==m?void 0:m.dataEventAction,"data-event-label":null==m?void 0:m.dataEventLabel},l.acceptButton),e.createElement(Je,{href:a},l.policiesButton))),Ol=({SEOData:t={},locale:a="vi-VN",routerPathname:n,routerQuery:i,nextHead:r,siteType:o,seoCustom:s,userId:c,forcedCanonicalUrl:m})=>{var d,g,u,p,h,v,E,b,y,f,C,w;const{totalPages:k,currentPage:N,SEOTitle:x="",SEODescription:B="",SEOImage:L,seoType:S,SEOImageWidth:P,SEOImageHeight:M,customMetaData:T=[],isIndexable:A=!0,hasNoCanonical:I=!1}=t,j=A&&Za?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",{NEXT_PUBLIC_BASE_API_URL:z}=process.env;let D=t.canonicalUrl||n;Object.keys(i).forEach((e=>{const t=i[e];t&&Array.isArray(t)&&(D=D.replace(`[...${e}]`,t.join("/")))}));const O=a||"en-PH",_="helloSites"===o?_a[O]:"www.marrybaby.vn",F=D.endsWith("/")?"":"/",H=l((()=>{var n,l,i,r,o,s,c;let m="";if(t.apiMetaData&&"string"==typeof t.apiMetaData){const d=null===(n=t.apiMetaData)||void 0===n?void 0:n.match(/<title.*?>(.*)<\/title>/),g=` - Page ${N} of ${k}`,u=N&&1!==N&&d?t.apiMetaData.replace(d[0],d[0].includes("-")?d[0].replace("-",g+" - "):`<title>${d[1].concat(g)}</title>`).replace(`<link rel="canonical" href="https://${_}${D}${F}" />`,`<link rel="canonical" href="https://${_}${D}${F}?page=${N}" />`):t.apiMetaData;if(m=Qa(u,{trim:!0}),!m.find((e=>{var t,a;return"og:image"===(null===(t=e.props)||void 0===t?void 0:t.property)||"og:image:secure_url"===(null===(a=e.props)||void 0===a?void 0:a.property)}))){const n=`https://${_}/images/${a}.png`;m=[...m,e.createElement("meta",{key:"og:image",property:"og:image",content:(null===(l=t.openGraph)||void 0===l?void 0:l.image)||L||n||""}),e.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(i=t.openGraph)||void 0===i?void 0:i.image)||L||n}),e.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(r=t.openGraph)||void 0===r?void 0:r.imageWidth)&&String(null===(o=t.openGraph)||void 0===o?void 0:o.imageWidth)||P&&String(P)||"1200"}),e.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(s=t.openGraph)||void 0===s?void 0:s.imageHeight)&&String(null===(c=t.openGraph)||void 0===c?void 0:c.imageHeight)||M&&String(M)||"630"})]}}return m}),[t.apiMetaData,t.openGraph,L,M,P,N,D,k,a,_]),$=`https://${_}/images/${a}.png`;return e.createElement(r,null,e.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===o?e.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter:wght@400..800&display=swap",rel:"stylesheet"}):"km-KH"===a?e.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"th-TH"===a?e.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wdth,wght@62.5..100,100..900&display=swap",rel:"stylesheet"}):e.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter:wght@400..800&display=swap",rel:"stylesheet"}),e.createElement("link",{rel:"preconnect",href:z}),e.createElement("meta",{charSet:"UTF-8"}),e.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),e.createElement("meta",{name:"google",content:"notranslate"}),e.createElement("meta",{name:"robots",content:j}),e.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),T.map(((t,a)=>e.createElement("meta",Object.assign({key:a},t)))),e.createElement("meta",{name:"theme-color",content:"helloSites"===o?"#2c87f3":"#e85388"}),e.createElement("meta",{name:"page_type",content:"Home"}),e.createElement("meta",{name:"page_platform",content:"WEB"}),e.createElement("meta",{name:"page_language",content:O}),e.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),!H&&e.createElement(e.Fragment,null,"helloSites"===o?e.createElement("title",null,s?x:x+" - "+(null===(d=Fa[a])||void 0===d?void 0:d.SITE_NAME)):e.createElement("title",null,x),!I&&e.createElement("link",{rel:"canonical",href:`https://${_}${D}`}),e.createElement("meta",{name:"description",content:B||(null===(g=t.openGraph)||void 0===g?void 0:g.description)}),t.schemaData&&e.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:t.schemaData}}),e.createElement("meta",{property:"og:locale",content:a}),e.createElement("meta",{property:"og:type",content:S||"website"}),e.createElement("meta",{property:"og:title",content:(null===(u=t.openGraph)||void 0===u?void 0:u.title)||x}),e.createElement("meta",{property:"og:description",content:(null===(p=t.openGraph)||void 0===p?void 0:p.description)||B}),e.createElement("meta",{property:"og:url",content:`https://${_}${D}`}),e.createElement("meta",{property:"og:site_name",content:`https://${_}`}),e.createElement("meta",{property:"og:image",content:(null===(h=t.openGraph)||void 0===h?void 0:h.image)||L||$||""}),e.createElement("meta",{property:"og:image:secure_url",content:(null===(v=t.openGraph)||void 0===v?void 0:v.image)||L||$}),e.createElement("meta",{property:"og:image:width",content:(null===(E=t.openGraph)||void 0===E?void 0:E.imageWidth)&&String(null===(b=t.openGraph)||void 0===b?void 0:b.imageWidth)||P&&String(P)||"1200"}),e.createElement("meta",{property:"og:image:height",content:(null===(y=t.openGraph)||void 0===y?void 0:y.imageHeight)&&String(null===(f=t.openGraph)||void 0===f?void 0:f.imageHeight)||M&&String(M)||"630"}),e.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),e.createElement("meta",{name:"twitter:title",content:(null===(C=t.twitter)||void 0===C?void 0:C.title)||x}),e.createElement("meta",{name:"twitter:description",content:B}),e.createElement("meta",{name:"twitter:image",content:(null===(w=t.twitter)||void 0===w?void 0:w.image)||L})),("helloSites"===o?Ha[O]||[]:Ha.marryBaby).map(((t,a)=>"link"===t.type?e.createElement("link",{key:`favicon-${a}`,rel:t.rel,href:t.href,sizes:t.sizes}):"meta"===t.type?e.createElement("meta",{key:a,name:t.name,content:t.content}):null)),Array.isArray(H)&&m?H.filter((e=>"canonical"!==e.props.name&&"canonical"!==e.props.rel)):H,m&&e.createElement("link",{rel:"canonical",href:m}),!t.hasNoAmp&&"vi-VN"!==a&&e.createElement("link",{rel:"amphtml",href:`https://${_}${D}${F}?amp=1`}),c&&"undefined"!=typeof window?e.createElement("script",{dangerouslySetInnerHTML:{__html:`window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '${c}'});`}}):null)},_l=({locale:a,onClick:n,siteType:l,pageUrl:i})=>{const{t:r}=ee(),[o,m]=t(new Date);return e.createElement(e.Fragment,null,e.createElement(et,{className:"input-form","data-is-side":!0},"marryBaby"===l?e.createElement(tt,{label:r("dueDatePage.conceptionDate"),name:"date",size:"md",value:at(o),CustomInput:e.createElement(nt,{onChange:e=>{m(e)},placeholder:"dd/mm/yyyy",pickedDate:o,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:t=>e.createElement(gn,Object.assign({className:"due-date-input",name:"birthday",size:"md"},t,{value:o&&Ua(o).format(M)}))}),actionIcon:e.createElement(c.CalendarMB,{size:32})}):e.createElement(gn,{label:e.createElement(s,{size:"s4",weight:"semiBold",color:ae.colors.gray600,style:{marginBottom:"9px",flex:"1"}},r("dueDatePage.conceptionDate")),value:at(o),name:"date",size:"md",className:"due-date-input",CustomInput:e.createElement(nt,{customInput:t=>e.createElement("input",Object.assign({type:"date",className:"due-date-input"},t,{value:at(o)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:o,displayDateFormat:un,onChange:e=>{m(e)},placeholder:"placeholder"})})),e.createElement(Z,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===l?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:i,onClick:()=>{n(lt(o),`${$a.type}=1&sd=${Ja(o,it)}&${$a.additional}= `)},role:"button"},r("dueDatePage.lastPeriod.calculate")))},Fl=({locale:a,onClick:n,siteType:l,pageUrl:i})=>{const{t:r}=ee(),[o,m]=t(new Date),[d,g]=t("3");return e.createElement(e.Fragment,null,e.createElement(et,{className:"input-form","data-is-side":!0},"marryBaby"===l?e.createElement(tt,{label:r("dueDatePage.ivf.transferDate"),name:"date",size:"md",value:at(o),CustomInput:e.createElement(nt,{onChange:e=>{m(e)},placeholder:"dd/mm/yyyy",pickedDate:o,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:t=>e.createElement(gn,Object.assign({className:"due-date-input",name:"birthday",size:"md"},t,{value:o&&Ua(o).format(M)}))}),actionIcon:e.createElement(c.CalendarMB,{size:32})}):e.createElement(gn,{label:e.createElement(s,{size:"s4",weight:"semiBold",color:ae.colors.gray700,style:{marginBottom:"9px",flex:"1"}},r("dueDatePage.ivf.transferDate")),value:at(o),name:"date",size:"md",className:"due-date-input",CustomInput:e.createElement(nt,{customInput:t=>e.createElement("input",Object.assign({type:"date",className:"due-date-input"},t,{value:at(o)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:o,displayDateFormat:un,onChange:e=>{m(e)},placeholder:"placeholder"})})),e.createElement("div",{style:{width:"100%"}},e.createElement(rt,{id:"radio-transfer-date",direction:"vertical",size:"small",value:d,onChange:e=>g(e),options:[{value:"3",label:r("dueDatePage.ivf.transferDateRadio",{number:3})},{value:"5",label:r("dueDatePage.ivf.transferDateRadio",{number:5})}]})),e.createElement(Z,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===l?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:i,onClick:()=>{n(ot(o,Number(d)),`${$a.type}=2&${$a.startDate}=${Ja(o,it)}&${$a.additional}=${d}`)},role:"button"},r("dueDatePage.lastPeriod.calculate")))},Hl=({locale:a,onClick:n,siteType:l,pageUrl:i})=>{const{t:r}=ee(),[o,m]=t(28),[d,g]=t(new Date);return e.createElement(e.Fragment,null,e.createElement(et,{className:"input-form","data-is-side":!0},"marryBaby"===l?e.createElement(tt,{label:r("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:at(d),CustomInput:e.createElement(nt,{onChange:e=>{g(e)},placeholder:"dd/mm/yyyy",pickedDate:d,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:t=>e.createElement(gn,Object.assign({name:"birthday",size:"md"},t,{value:d&&Ua(d).format(M)}))}),actionIcon:e.createElement(c.CalendarMB,{size:32})}):e.createElement(gn,{className:"input-section due-date-input",label:e.createElement(s,{size:"s4",weight:"semiBold",color:ae.colors.gray600,style:{marginBottom:"9px",flex:"1"}},r("dueDatePage.lastPeriod.lastPeriodLabel")),value:at(d),name:"date",size:"md",CustomInput:e.createElement(nt,{customInput:t=>e.createElement("input",Object.assign({type:"date",className:"due-date-input"},t,{value:at(d)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:d,displayDateFormat:un,onChange:e=>{g(e)},placeholder:"placeholder"})})),e.createElement("div",{className:"slider-due-date","data-theme":"marryBaby"===l?"marryBaby":""},"marryBaby"===l?e.createElement(hn,{type:"bodytext-3",color:ae.mbColors.midGray},r("dueDatePage.lastPeriod.periodLengthLabel")):e.createElement(s,{size:"s4",weight:"semiBold",color:ae.colors.gray600,style:{marginBottom:"0.5rem"}},r("dueDatePage.lastPeriod.periodLengthLabel")),e.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===l&&e.createElement(s,{size:"s3",weight:"semiBold",color:ae.colors.gray600},o),e.createElement(pn,{containerStyle:{flex:1},min:20,max:40,step:1,labelAlwaysOn:"marryBaby"!==l,withControl:"marryBaby"!==l,onChange:m,value:o,label:"marryBaby"!==l?void 0:null}))),e.createElement(Z,{dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:i,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===l?"secondary":"primary",onClick:()=>n(st(d,o),`${$a.type}=0&${$a.startDate}=${Ja(d,it)}&${$a.additional}=${o}`),role:"button"},r("dueDatePage.lastPeriod.calculate")))},$l=({onSubmitDueDate:a,locale:n,isSide:i,siteType:r})=>{const{t:o}=ee(),[c,m]=t(ct.lastPeriod),d=[{value:ct.lastPeriod,label:o("dueDatePage.lastPeriod")},{value:ct.conception,label:o("dueDatePage.conceptionDate")},{value:ct.IVF,label:o("dueDatePage.ivf")}],g=l((()=>"undefined"!=typeof window?window.location.href:""),[]);return e.createElement(mt,null,e.createElement(dt,{className:"input-form input-section","data-is-side":!0},"marryBaby"===r?e.createElement(gt,{groupedWithLabel:o("dueDatePage.calculationMethod"),options:d,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:d[c],onChange:e=>{m(e.value)}}):e.createElement(e.Fragment,null,e.createElement(s,{size:"s4",weight:"semiBold",color:ae.colors.gray600,style:{marginBottom:"9px",flex:"1"}},o("dueDatePage.calculationMethod")),e.createElement(ut,{"data-is-side":i},e.createElement(vn,{options:d,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"md",value:d[c],onChange:e=>{m(e.value)}})))),c===ct.lastPeriod?e.createElement(Hl,{locale:n,onClick:a,isSide:i,siteType:r,pageUrl:g}):null,c===ct.conception?e.createElement(_l,{locale:n,onClick:a,isSide:i,siteType:r,pageUrl:g}):null,c===ct.IVF?e.createElement(Fl,{locale:n,onClick:a,isSide:i,siteType:r,pageUrl:g}):null)},Rl=({isMobile:t,locale:a,onSubmitDueDate:n,dueDatePageInfo:l,expertUrl:i,isSide:r,siteType:o})=>{var s;const{t:c}=ee();return e.createElement(pt,{"data-is-side":r,"data-site":o},e.createElement(ht,{isSide:r,siteType:o,bannerColor:"marryBaby"===o&&ae.mbColors.mint,isEmbeded:!0,color:"pink",icon:e.createElement("img",{alt:"health-tool-icon",src:(null==l?void 0:l.featured_image)||te.getAssetPath("health-tools/due-date-icon.svg"),loading:"lazy"}),heading:c("healthTools.dueDateCalculator"),medicalReview:{link:i,reviewer:null===(s=null==l?void 0:l.reviewed_by)||void 0===s?void 0:s.display_name,date:null==l?void 0:l.reviewed_date},isMobile:t}),e.createElement(vt,{onSubmit:e=>e.preventDefault(),className:"due-date-cal","data-is-side":r},e.createElement($l,{siteType:o,locale:a,onSubmitDueDate:n,isSide:r})))};function Wl({weight:e,height:t}){const a=t/100,n=e;return Math.round(n/(a*a)*10)/10}const Vl=({value:n,onChange:i,onSubmit:r,disabled:o,bmiGenerated:c,bmiUnit:m,locale:d,isSide:g})=>{var u,p,h,v;const[E,b]=t(!1),{control:y,handleSubmit:f,setValue:C,watch:w}=bn(),k=w(),{t:N}=ee(),{gender:x=!1,age:B=!1,height:L=!1,weight:S=!1,objective:P=!0}=o||{},{getHealthToolLink:M}=fn(d),A=l((()=>M(T.OVULATION)),[M]),I=l((()=>[{value:"lose-weight",label:N("bmi.objective.loseWeight")},{value:"maintain-weight",label:N("bmi.objective.maintainWeight")},{value:"gain-weight",label:N("bmi.objective.gainWeight")}]),[]),j=()=>{b(!0)};return a((()=>{Object.keys(n||{}).forEach((e=>{C(e,null==n?void 0:n[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})}))}),[n]),a((()=>{i&&i(k)}),[k]),e.createElement(Et,null,e.createElement("form",{onSubmit:f((e=>fa(void 0,void 0,void 0,(function*(){const t=m.heightConvert(e.height),a=m.weightConvert(e.weight),n={gender:e.gender,age:e.age,height:t,weight:a,bmi:Wl({height:t,weight:a})};P||(n.objective=e.objective),j(),r&&r(n)}))),j)},!x&&e.createElement(bt,{"data-is-side":g},e.createElement(yn,{name:"gender",control:y,defaultValue:"male",render:({field:{onChange:t}})=>e.createElement(dl,{defaultValue:"male",onChange:e=>t(e),styles:e=>({root:!g&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:Na(12)}}})})})),e.createElement(yt,{"data-is-side":g},!B&&e.createElement(bt,null,e.createElement(yn,{name:"age",control:y,rules:null===(u=c.age)||void 0===u?void 0:u.rule,render:({field:{name:t,value:a,onChange:n},fieldState:{error:l}})=>e.createElement(q.Number,{label:e.createElement(s,{size:"s4",weight:"semiBold",color:ae.colors.gray600},N("bmi.ageInput")," ",e.createElement(s,{size:"s4",weight:"semiBold",color:ae.colors.gray300,as:"span"},N("bmi.ageInput.desc"))),placeholder:N("healthtool.placeholder.age"),name:t,value:a,onChange:n,error:E?null==l?void 0:l.message:"",min:0})})),!L&&e.createElement(bt,null,e.createElement(yn,{name:"height",control:y,rules:null===(p=c.height)||void 0===p?void 0:p.rule,render:({field:{name:t,value:a,onChange:n},fieldState:{error:l}})=>e.createElement(q.Number,{label:e.createElement(s,{size:"s4",weight:"semiBold",color:ae.colors.gray600},N("bmi.heightInput")," ",e.createElement(s,{size:"s4",weight:"semiBold",color:ae.colors.gray300,as:"span"},N("bmi.heightInput.desc"))),placeholder:N("pwg.placeholder.height"),name:t,value:a,onChange:n,error:E?null==l?void 0:l.message:"",min:0})})),!S&&e.createElement(bt,null,e.createElement(yn,{name:"weight",control:y,rules:null===(h=c.weight)||void 0===h?void 0:h.rule,render:({field:{name:t,value:a,onChange:n},fieldState:{error:l}})=>e.createElement(q.Number,{label:e.createElement(s,{size:"s4",weight:"semiBold",color:ae.colors.gray600},N("bmi.weightInput")," ",e.createElement(s,{size:"s4",weight:"semiBold",color:ae.colors.gray300,as:"span"},N("bmi.weightInput.desc"))),placeholder:N("pwg.placeholder.weight"),name:t,value:a,onChange:n,error:E?null==l?void 0:l.message:"",precision:1,min:0})})),!P&&e.createElement(bt,null,e.createElement(yn,{name:"objective",control:y,defaultValue:"lose-weight",rules:null===(v=c.objective)||void 0===v?void 0:v.rule,render:({field:{name:t,value:a,onChange:n},fieldState:{error:l}})=>e.createElement(ft,{size:"md",name:t,label:c.objective.label,CustomInput:e.createElement(rt,{id:"bmi-objective",className:"bmi-objective",direction:"vertical",size:"small",options:I,value:a,onChange:n}),errorMessage:E?null==l?void 0:l.message:"",className:"bmi--input bmi--input-objective"})}))),e.createElement("div",{style:{display:"flex"}},e.createElement(Ct,{size:"lg",fullWidth:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${_a[d]}/${A}`,type:"submit"},N("bmi.submit")))))},Gl=({isMobile:t,onSubmit:a,bmiContent:n,isSide:l,bmiGenerated:i,bmiUnit:r,bmiLink:o,locale:s})=>{var c,m,d;const{t:g}=ee();return e.createElement(pt,{"data-is-side":l},e.createElement(ht,{isSide:l,icon:e.createElement("img",{alt:"health-tool-icon",src:(null==n?void 0:n.featured_image)||te.getAssetPath("health-tools/bmi.svg"),loading:"lazy"}),heading:g("bmi.heading"),medicalReview:{link:null===(c=null==n?void 0:n.reviewBy)||void 0===c?void 0:c.link,reviewer:null===(m=null==n?void 0:n.reviewBy)||void 0===m?void 0:m.reviewer,date:null===(d=null==n?void 0:n.reviewBy)||void 0===d?void 0:d.date},isMobile:t}),e.createElement(En,null,e.createElement(vt,{as:"div","data-is-side":l},o&&e.createElement(Vl,{onSubmit:a,bmiGenerated:i,locale:s,bmiUnit:r,isSide:l}))))},Ul=({isMobile:t,className:a,onSubmit:n,onError:l,schema:i,babyGrowthContent:r,siteType:o})=>{var s,c,m;return e.createElement(pt,{"babyGrowthContent-is-mobile":t,"data-site":o},e.createElement(ht,{siteType:o,bannerUrl:te.getAssetPath("embedToolBannerBlue.svg"),bannerUrlLarge:te.getAssetPath("embedToolBannerBlue.svg"),bannerColor:"marryBaby"===o&&ae.mbColors.mint,isEmbeded:!0,icon:e.createElement("img",{className:"embedded-icon",alt:"health-tool-icon",src:(null==r?void 0:r.featuredImage)||te.getAssetPath("health-tools/toolsIconBabyGrowth.svg"),loading:"lazy"}),heading:(null==r?void 0:r.title)||"",medicalReview:{link:null===(s=null==r?void 0:r.reviewBy)||void 0===s?void 0:s.link,reviewer:null===(c=null==r?void 0:r.reviewBy)||void 0===c?void 0:c.reviewer.trim(),date:null===(m=null==r?void 0:r.reviewBy)||void 0===m?void 0:m.date},isMobile:t}),e.createElement(wt,{"data-theme":o},e.createElement(kt,{siteType:o,schema:i,className:a,onSubmit:n,onError:l})))},Zl=({babyPoopPage:t,onClickFindOut:a,currentUrl:n,isSide:l,direction:i="auto",sponsorLogo:r})=>{const{t:o}=ee(),c="mb"===La().other.template,{classes:m}=Nt({isMarryBaby:c,isSide:l,direction:i},{name:"BabyPoopEmbed"}),{reviewedBy:d,reviewedDate:g}=t||{};return e.createElement("div",{className:m.root},e.createElement("div",{className:m.inner},e.createElement(P,{tag:"h3",as:"h2",color:!c&&"#284A75"},t.title),e.createElement("div",{className:m.content,"data-is-side":l},e.createElement(s,{size:"p3",className:"description"},t.description),!!d&&e.createElement("div",{className:m.reviewText},e.createElement("img",{src:te.getAssetPath("reviewerCheck.svg"),alt:"check",className:m.reviewTextIcon,loading:"lazy"}),e.createElement(s,{size:"p4",color:ae.colors.gray600},o("categoryPage.info.reviewed")," ",e.createElement("a",{href:d.profile_url},d.display_name)," ",o("categoryPage.onDate",{date:g||""}))),e.createElement("div",{className:m.action},e.createElement(Z,{className:m.btn,size:c?"lg":"md",variant:c?"secondary":"primary",onClick:a,dataEventCategory:"Health Tool",dataEventAction:"Baby Stool Inquiry",dataEventLabel:n,style:{visibility:Boolean(a)?"visible":"hidden"}},o("babyPoop.findOut"))))),e.createElement("div",{className:m.thumbnail},e.createElement("img",{src:c?te.getAssetPath("baby-poop.svg"):null==t?void 0:t.featuredImage,alt:t.title,loading:"lazy"})),r&&e.createElement("img",{loading:"lazy",src:r,alt:"sponsor",className:m.sponsorLogo}))},ql=({value:a,options:n,className:l,direction:i="horizontal",onChange:r,isDisabled:o})=>{const[c,m]=t(a);return e.createElement(xt,{className:l,"data-direction":i},n.map(((t,n)=>e.createElement(Bt,{"data-selected":(a||c)===t.value,"data-disabled":o,key:`health-tool${n}`,onClick:()=>{var e;e=t.value,o||(m(e),r&&r(e))}},e.createElement("div",null,e.createElement("img",{src:(a||c)===t.value?t.imageActive:t.image,className:"gender-image",alt:"",loading:"lazy"}),t.label&&e.createElement(s,{weight:"bold",className:"radio-group-item-heading",size:"label1"},t.label))))))},Yl=({info:n,className:l,style:i,onChange:r,errorMessage:o={},locale:c})=>{const{t:m}=ee(),[d,g]=t(new Date),[u,p]=t({age:!1,rate:!1});return a((()=>{p({age:!1,rate:!1})}),[o]),e.createElement(Lt,{style:i,className:l},e.createElement(gn,{className:"input-section due-date-input",label:e.createElement(s,{size:"s4",weight:"semiBold",color:ae.colors.gray600,style:{marginBottom:"9px",flex:"1"}},m("targetHeartRate.ageInput")),value:at(d),name:"date",size:"md",CustomInput:e.createElement(nt,{customInput:t=>e.createElement("input",Object.assign({type:"date",className:"due-date-input"},t,{value:at(d)})),disabledDays:{after:new Date(en(new Date,0))},locale:c,pickedDate:d,displayDateFormat:"dd/MM/yyyy",onChange:e=>{(e=>{g(e),p((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},n),{age:Ja(new Date(e),it)});r&&r(t)})(e)},placeholder:"placeholder"}),errorMessage:u.age?"":o.age}))},Kl=({isSide:n,locale:i,thrContent:r,isMobile:o,info:c,inputErrorMessage:m,onFormChange:d,onSubmit:g})=>{var u,p,h;const{t:v}=ee(),{getHealthToolLink:E}=fn(i),b=l((()=>E(T.THR)),[E]),[y,f]=t(!1),[C,w]=t("low_intensity"),[k,N]=t("male"),[x,B]=t(60),[L,S]=t({idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40}),P=[{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}],M=[{value:"low_intensity",label:v("targetHeartRate.lowIntensity.title"),image:te.getAssetPath("/low.svg"),imageActive:te.getAssetPath("/low-active.svg"),content:v("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:v("targetHeartRate.moderateIntensity.title"),image:te.getAssetPath("/moderate.svg"),imageActive:te.getAssetPath("/moderate-active.svg"),content:v("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:v("targetHeartRate.aerobicZone.title"),image:te.getAssetPath("/aerobic.svg"),imageActive:te.getAssetPath("/aerobic-active.svg"),content:v("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:v("targetHeartRate.vigorousIntensity.title"),image:te.getAssetPath("/vigorous.svg"),imageActive:te.getAssetPath("/vigorous-active.svg"),content:v("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:v("targetHeartRate.maximumIntensity.title"),image:te.getAssetPath("/maximum.svg"),imageActive:te.getAssetPath("/maximum-active.svg"),content:v("targetHeartRate.maximumIntensity.note")}];return a((()=>{const e=((new Date).getTime()-new Date(null==c?void 0:c.age).getTime())/1e3;f(e>=567648e3);const t=P.find((t=>e>=365*t.minAge*24*60*60&&e<365*t.maxAge*24*60*60))||P[0];S(t),B(60)}),[null==c?void 0:c.age]),e.createElement(pt,{"data-is-side":n},e.createElement(ht,{isSide:n,icon:e.createElement("img",{alt:"health-tool-icon",src:(null==r?void 0:r.featured_image)||te.getAssetPath("health-tools/target-heart-rate-icon.svg"),loading:"lazy"}),heading:v("targetHearRate.heading"),medicalReview:(null===(u=null==r?void 0:r.reviewedBy)||void 0===u?void 0:u.display_name)?{link:Cn(null==r?void 0:r.reviewedBy),reviewer:null===(p=null==r?void 0:r.reviewedBy)||void 0===p?void 0:p.display_name,date:null==r?void 0:r.reviewedDate}:void 0,isMobile:o}),e.createElement(En,null,e.createElement(vt,{className:"heart-rate-cal",onSubmit:e=>e.preventDefault(),"data-is-side":n},e.createElement(St,{"data-is-side":n},e.createElement(Pt,null,e.createElement(dl,{defaultValue:"male",onChange:e=>{N(e),B(60)},styles:e=>({root:!n&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:Na(12)}}})}))),e.createElement(St,null,e.createElement(Yl,{info:c,locale:i,errorMessage:m,onChange:d})),e.createElement("div",{className:"slider-heart-rate"},e.createElement(s,{size:"s4",weight:"semiBold",color:ae.colors.gray600},v("targetHeartRate.heartRateInput")),e.createElement("div",{className:"slider-outer-wrapper"},e.createElement(pn,{containerStyle:{flex:1},min:"male"===k?L.rangeMale:L.rangeFemale,max:200,step:1,value:x,withControl:!0,onChange:B}))),y&&e.createElement(Pt,null,e.createElement(Mt,null,e.createElement(s,{size:"s4",style:{display:"inline-block",fontWeight:"bold",color:ae.colors.gray600,marginBottom:"9px"}},v("targetHeartRate.selectActive")),e.createElement("div",{className:"card"},e.createElement(ql,{options:M.map((e=>({value:e.value,label:e.label,image:e.image,imageActive:e.imageActive}))),value:C,onChange:e=>{w(e)},className:"gender-selector"})),C&&e.createElement("div",{className:"note"},e.createElement("img",{style:{height:"16px",width:"16px"},src:te.getAssetPath("/infoIcon.svg"),alt:"",loading:"lazy"}),e.createElement(s,{size:"s4",color:"#595959"},null===(h=M[M.findIndex((e=>e.value==C))||0])||void 0===h?void 0:h.content)),!C&&e.createElement("span",{style:{color:"#e64728"}},m.intensity)))),e.createElement("div",{style:{display:"flex"}},e.createElement(Tt,{size:"lg",onClick:()=>{g(k,C,[x])},dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:`https://${_a[i]}/${b}`},v("bmi.submit")))))},Xl=({info:n,className:i,style:r,onChange:o,errorMessage:c={},locale:m,onClick:d,isSide:g})=>{const{t:u}=ee(),[p,h]=t({age:!1,height:!1,weight:!1}),{getHealthToolLink:v}=fn(m),E=l((()=>v(T.OVULATION)),[v]),[b,y]=t("male"),f=(e,t)=>{""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},C=e=>{var t,a;a=e=>{h((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},n),{age:e});o&&o(t)},""!==(t=e)&&(isNaN(t)||isNaN(parseFloat(t))||t.includes("."))||a(t)};return a((()=>{o&&o(Object.assign(Object.assign({},n),{objective:"lose-fat",activeLevel:"sedentary"}))}),[]),a((()=>{h({age:!1,height:!1,weight:!1})}),[c]),e.createElement(At,{style:r,className:i},e.createElement(It,{"data-is-side":g},e.createElement(dl,{defaultValue:"male",onChange:e=>y(e),styles:e=>({root:!g&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:Na(12)}}})})),e.createElement(jt,{"data-is-side":g},e.createElement(It,null,e.createElement(q.Number,{label:e.createElement(s,{size:"s4",weight:"semiBold",color:ae.colors.gray600},u("bmi.ageInput")," ",e.createElement(s,{size:"s4",weight:"semiBold",color:ae.colors.gray300,as:"span"},u("bmi.ageInput.desc"))),placeholder:u("healthtool.placeholder.age"),value:Number(n.age),onChange:e=>C(String(e)),error:p.age?"":c.age,min:0})),e.createElement(It,null,e.createElement(q.Number,{label:e.createElement(s,{size:"s4",weight:"semiBold",color:ae.colors.gray600},u("bmi.heightInput")," ",e.createElement(s,{size:"s4",weight:"semiBold",color:ae.colors.gray300,as:"span"},u("bmi.heightInput.desc"))),placeholder:u("pwg.placeholder.height"),value:Number(n.height),onChange:e=>{return t=String(e),void f(t,(e=>{h((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},n),{height:e});o&&o(t)}));var t},error:p.height?"":c.height,min:0})),e.createElement(It,null,e.createElement(q.Number,{label:e.createElement(s,{size:"s4",weight:"semiBold",color:ae.colors.gray600},u("bmi.weightInput")," ",e.createElement(s,{size:"s4",weight:"semiBold",color:ae.colors.gray300,as:"span"},u("bmi.weightInput.desc"))),placeholder:u("pwg.placeholder.weight"),value:Number(n.weight),onChange:e=>{return t=String(e),h((e=>Object.assign(Object.assign({},e),{weight:!0}))),void f(t,(e=>{const t=Object.assign(Object.assign({},n),{weight:e});o&&o(t)}));var t},error:p.weight?"":c.weight,min:0,precision:1}))),e.createElement("div",{style:{display:"flex"}},e.createElement(zt,{size:"lg",fullWidth:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMR",dataEventLabel:`https://${_a[m]}/${E}`,onClick:()=>{d(b)}},u("bmi.submit"))))},Ql=({isSide:t,locale:a,bmrContent:n,isMobile:l,info:i,inputErrorMessage:r,onFormChange:o,onSubmit:s})=>{var c,m,d;const{t:g}=ee();return e.createElement(pt,{"data-is-side":t},e.createElement(ht,{isSide:t,icon:e.createElement("img",{alt:"health-tool-icon",src:(null==n?void 0:n.featured_image)||te.getAssetPath("health-tools/bmr.svg"),loading:"lazy"}),heading:g("bmr.heading"),medicalReview:{link:null===(c=null==n?void 0:n.reviewBy)||void 0===c?void 0:c.link,reviewer:null===(m=null==n?void 0:n.reviewBy)||void 0===m?void 0:m.reviewer,date:null===(d=null==n?void 0:n.reviewBy)||void 0===d?void 0:d.date},isMobile:l}),e.createElement(En,null,e.createElement(vt,{onSubmit:e=>e.preventDefault(),"data-is-side":t},e.createElement(Dt,null,e.createElement(Xl,{info:i,locale:a,errorMessage:r,onChange:o,onClick:s,isSide:t})))))},Jl=({onSubmitOvulation:t,locale:a,ovulationPageInfo:n,expertUrl:l,isSide:i=!1,siteType:r,isMobile:o})=>{var s;const{t:c}=ee();return e.createElement(pt,{"data-is-side":i,"data-site":r},e.createElement(ht,{isSide:i,bannerUrl:te.getAssetPath("embedToolBannerPink.svg"),siteType:r,bannerColor:"marryBaby"===r&&ae.mbColors.mint,isEmbeded:!0,color:"pink",icon:e.createElement("img",{alt:"health-tool-icon",src:(null==n?void 0:n.featured_image)||te.getAssetPath("health-tools/ovulation-icon.svg"),loading:"lazy"}),heading:c("healthTools.ovulationCalculator"),medicalReview:{link:l,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:o}),e.createElement(vt,{onSubmit:e=>e.preventDefault(),className:"ovulation-cal","data-is-side":i},e.createElement(Ot,{siteType:r,locale:a,onSubmitOvulation:t,isSide:i})))},ei=({siteType:l,info:i,onChange:r,errorMessage:o={}})=>{const{t:s}=ee(),[c,m]=t({weightBefore:!1,height:!1,weight:!1}),[d,g]=t(0),u=n(null);a((()=>{var e;g(null===(e=u.current)||void 0===e?void 0:e.clientHeight)}));const p=(e,t)=>{""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},h=e=>{p(e,(e=>{m((e=>Object.assign(Object.assign({},e),{weightBefore:!0})));const t=Object.assign(Object.assign({},i),{weightBefore:e});r&&r(t)}))},v=e=>{p(e,(e=>{m((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},i),{height:e});r&&r(t)}))},E=e=>{p(e,(e=>{m((e=>Object.assign(Object.assign({},e),{weight:!0})));const t=Object.assign(Object.assign({},i),{weight:e});r&&r(t)}))};return a((()=>{r&&r(Object.assign({},i))}),[]),a((()=>{m({weightBefore:!1,height:!1,weight:!1})}),[o]),"marryBaby"===l?e.createElement(e.Fragment,null,e.createElement("div",{className:"input-form-pwg input-section"},e.createElement(tt,{label:s("pregnancyWeightGain.heightInput"),name:"pwg-height",size:"md",value:null==i?void 0:i.height,CustomInput:e.createElement(gn,{className:(null==c?void 0:c.height)?"":"error-input",name:"pwg-height",size:"md",placeholder:"Nhập thông tin",value:null==i?void 0:i.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==o?void 0:o.height,showErrorMessage:!1,onChange:v})})),e.createElement("div",{className:"input-form-pwg input-section"},e.createElement(tt,{label:s("pregnancyWeightGain.weightBeforeInput"),name:"pwg-weightBefore",size:"md",value:null==i?void 0:i.weightBefore,CustomInput:e.createElement(gn,{className:(null==c?void 0:c.weightBefore)?"":"error-input",name:"pwg-weightBefore",size:"md",placeholder:"Nhập thông tin",value:null==i?void 0:i.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==o?void 0:o.height,showErrorMessage:!1,onChange:h})})),e.createElement("div",{className:"input-form-pwg input-section"},e.createElement(tt,{label:s("pregnancyWeightGain.weightInput"),name:"pwg-weight",size:"md",value:null==i?void 0:i.weight,CustomInput:e.createElement(gn,{className:(null==c?void 0:c.weight)?"":"error-input",name:"pwg-weight",size:"md",placeholder:"Nhập thông tin",value:null==i?void 0:i.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==o?void 0:o.weight,showErrorMessage:!1,onChange:E})}))):e.createElement(e.Fragment,null,e.createElement("div",{className:"input-form-pwg"},e.createElement(A,{placeholder:s("pwg.placeholder.height"),className:"input-section",label:e.createElement("span",{style:{color:ae.colors.gray600,fontWeight:"bold",marginBottom:"9px"},className:"label-text"},s("pregnancyWeightGain.heightInput")," ",e.createElement("span",{style:{color:`${ae.colors.gray300}`}},s("bmi.heightInput.desc"))),errorMessage:c.height?"":null==o?void 0:o.height,size:"sm",isNumerousKeyboard:!0,name:"pwg-height",value:null==i?void 0:i.height,onChange:v})),e.createElement("div",{className:"input-form-pwg"},e.createElement(A,{placeholder:s("pwg.placeholder.weight"),className:"input-section",label:e.createElement("span",{style:{color:ae.colors.gray600,fontWeight:"bold",marginBottom:"9px"},ref:u,className:"label-text"},s("pregnancyWeightGain.weightBeforeInput")," ",e.createElement("span",{style:{color:`${ae.colors.gray300}`}},s("pregnancyWeightGain.weightInput.desc"))),errorMessage:c.weightBefore?"":null==o?void 0:o.weightBefore,size:"sm",isNumerousKeyboard:!0,name:"pwg-weightBefore",onChange:h,value:null==i?void 0:i.weightBefore})),e.createElement("div",{className:"input-form-pwg"},e.createElement(A,{placeholder:s("pwg.placeholder.weight"),className:"input-section",label:e.createElement("span",{style:{color:ae.colors.gray600,fontWeight:"bold",marginBottom:"9px",minHeight:d},className:"label-text"},s("pregnancyWeightGain.weightInput")," ",e.createElement("span",{style:{color:`${ae.colors.gray300}`}},s("pregnancyWeightGain.weightInput.desc"))),errorMessage:c.weight?"":null==o?void 0:o.weight,size:"sm",isNumerousKeyboard:!0,name:"pwg-weight",value:null==i?void 0:i.weight,onChange:E})))},ti=({locale:a,onClick:n,inputErrorMessage:i,pwgContent:r,onFormChange:o,info:c,isMobile:m,isSide:d=!1,siteType:g})=>{var u;const{t:p}=ee(),[h,v]=t("notwins"),[E,b]=t({label:"1",value:1}),y=l((()=>[...Array(40)].map(((e,t)=>({label:`${t+1}`,value:`${t+1}`})))),[]),{getHealthToolLink:f}=fn(a),C=l((()=>f(T.PWG)),[f]);return e.createElement(pt,{"data-is-side":d,"data-site":g},e.createElement(ht,{siteType:g,bannerColor:"marryBaby"===g&&ae.mbColors.mint,isEmbeded:!0,color:"pink",icon:e.createElement("img",{alt:"health-tool-icon",src:(null==r?void 0:r.featuredImage)||te.getAssetPath("health-tools/pwg-icon.svg"),loading:"lazy"}),heading:p("pregnancyWeightGain.heading"),medicalReview:{link:Cn(null==r?void 0:r.reviewedBy),reviewer:null===(u=null==r?void 0:r.reviewedBy)||void 0===u?void 0:u.display_name,date:null==r?void 0:r.reviewedDate},isMobile:m,isSide:d}),e.createElement(En,null,e.createElement(vt,{onSubmit:e=>e.preventDefault(),className:"pwg-view-mobile","data-is-side":d},"marryBaby"!==g&&e.createElement(_t,{className:"hide-asking-mobile","data-is-side":d},e.createElement(s,{size:"s4",weight:"semiBold",style:{display:"block",color:ae.colors.gray600},className:"label"},p("pregnancyWeightGain.havingTwins")),e.createElement(Ft,{options:[{value:"twins",label:p("switchBtn.yes")},{value:"notwins",label:p("switchBtn.no")}],value:h,onChange:e=>v(e),className:"gender-selector",id:"twins-check",direction:"horizontal",size:"small"})),e.createElement(mt,null,e.createElement(Ht,{className:"input-section input-form-pwg","data-is-side":d},"marryBaby"===g?e.createElement(gt,{groupedWithLabel:p("pregnancyWeightGain.weekInput"),options:y,placeholder:"28 days",id:"due-date-dropdown",size:"lg",value:E,onChange:e=>b({label:e.label,value:e.value})}):e.createElement(e.Fragment,null,e.createElement(s,{size:"s4",weight:"semiBold",style:{display:"inline-block",marginBottom:"9px",color:ae.colors.gray600}},p("pregnancyWeightGain.weekInput")),e.createElement(vn,{options:y,placeholder:String(E.label),id:"weight-gain-dropdown",size:"md",value:E,onChange:e=>b({label:e.label,value:e.value})}))),e.createElement(ei,{siteType:g,info:c,errorMessage:i,onChange:o})),"marryBaby"!==g&&e.createElement(_t,{className:"hide-asking-desk","data-is-side":d},e.createElement(s,{size:"s4",weight:"semiBold",style:{display:"block",color:ae.colors.gray600},className:"label"},p("pregnancyWeightGain.havingTwins")),e.createElement(Ft,{options:[{value:"twins",label:p("switchBtn.yes")},{value:"notwins",label:p("switchBtn.no")}],value:h,onChange:e=>v(e),className:"gender-selector",id:"twins-check-mobile",direction:"horizontal",size:"small"})),"marryBaby"===g&&e.createElement(rl,{name:"twins",label:p("pregnancyWeightGain.havingTwins"),checked:"twins"===h,siteType:"marryBaby",onChange:()=>{v("twins"===h?"notwins":"twins")},value:"twins"}),e.createElement($t,{"data-is-side":d,"data-site":g},e.createElement(Z,{dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${_a["marryBaby"===g?"vi-VN_MB":a]}/${C}`,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===g?"secondary":"primary",onClick:()=>n(h,E.value),role:"button"},p("dueDatePage.lastPeriod.calculate"))))))};const ai={"en-PH":kn,"vi-VN":xn,"zh-TW":Bn,"id-ID":Nn};function ni(a){const{value:n={from:null,to:null}}=a,[i,r]=t(null),{isMobile:o}=W(),[s,c]=t((()=>n)),[m,d]=t((()=>{var e;return an(null!==(e=n.from)&&void 0!==e?e:new Date)})),g=l((()=>nn(m,1)),[m]);const u=Object.assign(Object.assign({},a),{goToNextMonth:function(){d((e=>nn(e,1)))},goToPreviousMonth:function(){d((e=>ln(e,1)))},range:s,setRange:c,hoverDay:i,setHoverDay:r});return e.createElement(e.Fragment,null,e.createElement(li,Object.assign({},u,{date:m})),!o&&e.createElement(Rt,null),!o&&e.createElement(li,Object.assign({},u,{date:g})))}function li({date:t,range:n,setRange:i,onChange:r,goToPreviousMonth:o,goToNextMonth:s,minDate:c,maxDate:m,close:d=(()=>{}),autoClose:g=!1,hoverDay:u,setHoverDay:p}){const{locale:h}=ee(),v=l((()=>{var e;return null!==(e=ai[h])&&void 0!==e?e:ai["en-PH"]}),[h]),E=l((()=>Ja(t,"MMMM",{locale:v})),[t,v]),b=l((()=>v?[1,2,3,4,5,6,0].map((e=>v.localize.day(e,{width:"narrow"}))):[]),[v]);function y(t,a){if(null===t)return e.createElement(Xt,{key:`idx-${a}`,"data-empty":"true"});const l=t.getDate(),r=on(t),o=!!n.from&&sn(n.from,t),s=!!n.to&&sn(n.to,t),h=o||s;let v=!1;null!==u&&n.from&&tn(n.from,u)&&!n.to?v=cn(t,{start:n.from,end:u}):n.from&&n.to&&(v=cn(t,{start:n.from,end:n.to}));let E=!1;return c&&m?E=!cn(t,{start:c,end:m}):c?E=tn(t,c):m&&(E=mn(t,m)),e.createElement(Xt,{key:l,"data-is-today":r,"data-is-past":!r&&dn(t),"data-is-selected":h,"data-is-disabled":E,"data-in-range":v,"data-is-from":o,"data-is-to":s,onMouseEnter:()=>{p(t)},onMouseLeave:()=>p(null),onClick:()=>{E||i((e=>(g&&n.from&&!n.to&&d(),function(e,t){return t.from||t.to?t.from&&t.to?{from:e,to:null}:t.from?tn(e,t.from)?Object.assign(Object.assign({},t),{from:e}):Object.assign(Object.assign({},t),{to:e}):t:Object.assign(Object.assign({},t),{from:e})}(t,e))))}},e.createElement(Qt,{onClick:()=>{}},e.createElement("p",null,l)))}return a((()=>{n.from&&n.to&&r(n)}),[n]),e.createElement(Wt,{className:"calendar-wrapper"},e.createElement(Vt,null,e.createElement(Ln,{onClick:o,size:"md",color:"ghost",icon:e.createElement("img",{src:te.getAssetPath("calendarArrowLeft.svg"),loading:"lazy"})}),e.createElement("div",{className:"calendar-month"},E,e.createElement("strong",null,Ja(t,"yyyy"))),e.createElement(Ln,{onClick:s,size:"md",color:"ghost",icon:e.createElement("img",{src:te.getAssetPath("calendarArrowRight.svg"),loading:"lazy"})})),e.createElement(Gt,null,e.createElement("div",null,e.createElement(Ut,null,b.map(((t,a)=>e.createElement(Zt,{key:`${t}-${a}`},t))))),e.createElement("div",null,function(){const a=t.getFullYear(),l=t.getMonth(),i=rn(t),r=[];for(let e=1;e<=i;e++)r.push(new Date(a,l,e));const o=r[0]?r[0].getDay():0;if(1!==o){const e=0===o?6:o-1;for(let t=0;t<e;t++)r.unshift(null)}return e.createElement(qt,{key:`month-${l}`,"data-month-index":l,"data-has-range":Boolean(n.from&&n.to)},e.createElement(Yt,null,e.createElement(Kt,null,r.map(y))))}())))}function ii({inputSize:a="md",name:i="date-range-picker",value:r,minDate:o,maxDate:s,onChange:c,className:m,autoClose:d=!1}){r||(r={from:null,to:null});const[g,u]=t(!1);function p(){u(!1)}const h=n(null);function v(e){c&&c(e)}function E(e){return Ja(e,"dd/MM/yyyy")}wn(h,(()=>{p()}));const b=l((()=>r.from&&r.to?sn(r.from,r.to)?E(r.from):`${E(r.from)} - ${E(r.to)}`:""),[r.from,r.to]);return e.createElement(Jt,{className:[m,g&&"focused"].filter(Boolean).join(" "),ref:h},e.createElement("label",{htmlFor:i},e.createElement(A,{size:a,value:b,name:i,actionIcon:e.createElement("img",{src:te.getAssetPath("calendar.svg"),loading:"lazy"}),onFocus:()=>u(!0)})),g?e.createElement(ea,{onMouseDown:e=>{e.stopPropagation()}},e.createElement(ni,{value:r,onChange:v,minDate:o,maxDate:s,close:p,autoClose:d})):null)}var ri="WUqzfRb",oi="MnVGtSY",si="NclbhXQ";const ci=({LinkComponent:t,page:a,isLast:n,onChangePage:l})=>{const{label:i,value:r,isDropdown:o,dropdownItems:s,dataEventCategory:c,dataEventAction:m,dataEventLabel:d}=a;return o?e.createElement(vn,{options:s,placeholder:"...",id:"",placeholderIcon:null,onChange:l,className:"collapsed-breadcrumb"}):e.createElement("div",{className:si,title:"string"!=typeof i?r:i,"data-last":n},t&&e.createElement(t,{"data-event-category":c,"data-event-action":m,"data-event-label":d,href:r||"#"},i))},mi=({className:t,pages:a,size:n,LinkComponent:r="a",onChangePage:o,separator:s})=>{const c=l((()=>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":n,className:`${ri} ${t||""}`},c.map(((t,a)=>{const l=a+1===c.length;return e.createElement(i,{key:a},e.createElement(ci,{LinkComponent:r,page:t,isLast:l,onChangePage:o}),!l&&(t.separator||s||e.createElement("div",{className:oi,"data-size":n})))})))},di=()=>e.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none"},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"})),gi=({url:t,onCopied:a,locale:n,siteType:i})=>{const{t:r}=ee(),o=Sn(t||"").filter((e=>!e.allowedLocales||e.allowedLocales.includes(n))),c=l((()=>"undefined"!=typeof window?window.location.href:""),[]);return e.createElement(ta,null,e.createElement(s,{size:"p3",color:ae.colors.gray800},r("shareContainer.title")),e.createElement("div",{className:"icon-group"},o.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":c},t.icon))),e.createElement(Ln,{theme:i,size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:e.createElement(di,null),onClick:()=>fa(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":c})))},ui=()=>e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",className:"copy"},e.createElement("path",{d:"M4 2.5C3.17125 2.5 2.5 3.17125 2.5 4V13.75C2.5 14.164 2.836 14.5 3.25 14.5C3.664 14.5 4 14.164 4 13.75V4H13.75C14.164 4 14.5 3.664 14.5 3.25C14.5 2.836 14.164 2.5 13.75 2.5H4ZM7 5.5C6.17125 5.5 5.5 6.17125 5.5 7V16C5.5 16.8287 6.17125 17.5 7 17.5H16C16.8287 17.5 17.5 16.8287 17.5 16V7C17.5 6.17125 16.8287 5.5 16 5.5H7ZM7 7H16V16H7V7Z",fill:"#595959"})),pi=t=>{var{open:n,title:l,onClose:i,onCopied:o,onShared:c,url:m,locale:d}=t,g=ya(t,["open","title","onClose","onCopied","onShared","url","locale"]);const{t:u}=ee(),p=r((()=>fa(void 0,void 0,void 0,(function*(){var e;yield null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(m),null==o||o()}))),[m,o]),h=Sn(m||"").filter((e=>!e.allowedLocales||e.allowedLocales.includes(d)));return a((()=>{n&&navigator.share&&navigator.share({title:null!=l?l:"Read This Post",url:m}).then((()=>{null==c||c()})).catch((()=>{null==i||i()}))}),[m,l,c,n]),"undefined"!=typeof navigator&&navigator.share?null:e.createElement(aa,Object.assign({title:u("share.title"),onClose:i,open:n,placement:"bottom"},g),e.createElement("div",{className:"share-container"},e.createElement("div",{className:"icon-container"},e.createElement(s,{weight:"semiBold",size:"s3",color:ae.colors.gray600},u("share.title")),e.createElement("div",{className:"icon-group"},h.map(((t,a)=>e.createElement("a",{key:a,href:t.href,target:"_blank",rel:"noreferrer"},t.icon))))),e.createElement("div",{className:"link-container"},e.createElement(s,{weight:"semiBold",size:"s3",color:ae.colors.gray600},u("share.copyLink")),e.createElement("div",{className:"input-group"},e.createElement(gn,{name:"link",size:"md",value:m,isDisabled:!0}),e.createElement(Ln,{size:"md",type:"button",color:"tertiary",icon:e.createElement(ui,null),onClick:p})))))},hi=({className:l,adUnitPath:i,divId:r,isMobile:o,contentId:s,customTargetings:c,locale:m,isMarryBaby:d})=>{const[g,u]=t(!0),[p,h]=t(!1),[v,E]=t(!0),b=n(null),y=n(Pn()),f=n(null),C=n(),w=n();return a((()=>{const e=()=>{w.current&&clearTimeout(w.current),w.current=setTimeout((()=>{var t;document.getElementById("subot--container")?u(!0):(u(!1),(null===(t=b.current)||void 0===t?void 0:t.clientHeight)?E(!1):E(!0)),e()}),4e3)};return e(),()=>{C.current&&clearTimeout(C.current),w.current&&clearTimeout(w.current)}}),[]),g||p?null:e.createElement(na,{key:o?"mobile":"desktop",ref:f,className:l,"data-visible":!v},i&&e.createElement(la,{wrapperProps:{m:0},ref:b,adUnitPath:i,size:o?[[320,50],[320,100]]:[728,90],divId:(r||"div-gpt-ad-sticky")+(o?"-mobile":"")+s+String(y.current),pos:["Sticky"],contentId:s,hideIfHasSubot:o,customTargetings:c,adDefaultSize:o?[320,50]:[728,90],showCloseBtn:!0,onCloseAd:()=>h(!0),refreshInterval:60,locale:m,isMarryBaby:d}))},vi=e=>({[sa.DUE_DATE]:{heading:e("pnBanner.dueDateTool.heading"),description:e("pnBanner.dueDateTool.desc"),btnLabel:e("pnBanner.caclNow"),value:sa.DUE_DATE,dataEventAction:"Try our Due Date Calculator Click"},[sa.BABY_VACCINE]:{heading:e("pnBanner.vaccination.heading"),description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:sa.BABY_VACCINE,dataEventAction:"Try our Baby Vaccine Scheduler Click"},[sa.BABY_GROWTH]:{heading:"Baby Growth",description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:sa.BABY_GROWTH},[Ra.HPV]:{heading:e("pnBanner.hpv.heading"),description:e("pnBanner.hpv.desc"),thumbnail:{desktop:te.getAssetPath("newsletter/banner-option-hpv-desktop.png"),mobile:te.getAssetPath("newsletter/banner-option-hpv-mobile.png")},isRiskScreener:!0,btnLabel:e("pnBanner.checkNow"),value:Ra.HPV,hideDescOnMobile:!0,dataEventAction:"Keep safe from HPV virus Click"}}),Ei=t=>{var a=ya(t,[]);const{locale:n}=ee(),{type:l,isMobile:i,currentUrl:r,isMarketing:s,isLoggedIn:c,setShouldAcquisitionModalOpen:m}=o(ca);return e.createElement(Sa,Object.assign({mih:{base:144,md:160},fluid:!0,p:0,sx:{borderRadius:4,cursor:"pointer"},onClick:()=>fa(void 0,void 0,void 0,(function*(){const e=s?Mn(n)+"/dang-ky-nhan-tin/":`${window.location.href}?source=acquisition`;c?null==m||m():window.location.href=`${Tn(n)}/?returnUrl=${encodeURIComponent(e)}`})),"data-event-category":"Newsletter","data-event-action":"Banner Click","data-event-label":r,className:"pointer-event-child-none"},a),e.createElement($,{src:s?te.getAssetPath(`newsletter/${i?"Mobile":"Desktop"}_Marketing.png`):te.getAssetPath(`newsletter/${i?"Mobile":"Desktop"}_${l}.png`),style:{maxWidth:"100%"},alt:"newsletter banner"}))},bi="api/v1/categories?site={website_url}",yi="api/v1/subscription?site={website_url}",fi="api/v1/categories?site={website_url}",Ci=({heading:t,description:a,thumbnail:n={desktop:"",mobile:""},hideDescOnMobile:l,children:i})=>{const{isMobile:r,minHeight:c}=o(ca);return e.createElement(Ca,{sx:()=>({borderRadius:Na(8),background:"linear-gradient(180deg, #FAFDFF 0%, #E3F2FF 100%)"})},e.createElement(Ca,{sx:e=>({minHeight:Na(c),borderRadius:"inherit",background:`url(${r?n.mobile:n.desktop})`,backgroundPosition:"center right",backgroundRepeat:"no-repeat",backgroundSize:"contain",padding:`${Na(24)} ${Na(16)}`,display:"flex",flexDirection:"column",justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${Na(22)} ${Na(32)}`}})},e.createElement(Pa,{spacing:Na(16)},e.createElement(Pa,{spacing:Na(4),sx:e=>({maxWidth:"60%",[e.fn.largerThan("sm")]:{maxWidth:"70%"}})},t&&e.createElement(P,{tag:"h4"},t),!(l&&r)&&a&&e.createElement(s,{size:"p4"},a)),e.createElement(Ca,null,i))))},wi=t=>{const{styleType:a=oa.Button,items:n=[],buttonProps:i,styles:s,submitBtnTracking:m}=t,{classes:d}=ma(void 0,{name:"PremiumBannerWithOptions",styles:s}),{t:g,locale:u}=ee(),{surveyType:p,articleId:h,handleClickOption:v,hasPremiumBanner:E,source:b,isMobile:y,setShowPNModal:f}=o(ca),C=l((()=>E?n:n.filter((e=>!Boolean(e.isPNBtn))).filter(Boolean)),[n]),{getHealthToolLink:w}=fn(u),k=An({initialValues:{bannerOptions:[]}}),N=e=>fa(void 0,void 0,void 0,(function*(){return yield I(j(z.HEALTH_TOOL.CREATE,{_locale:u,type:da[p]}),"POST",{headers:{"Content-Type":"application/json"},data:{value:e,article:h,source:b}})})),x=r((()=>e.createElement(ka,{gap:Na(8),className:d.wrapper},C.map(((t,a)=>e.createElement(Ca,{key:String(a),component:t.isLink?"a":"div",href:t.isRiskScreener?`https://${_a[u]}/bot/${Wa[u][t.activeTool]}/`:t.isLink?w(t.activeTool):void 0},e.createElement(Z,Object.assign({className:d.button,classNames:{label:d.buttonLabel},size:"sm"},t.tracking,i,{onClick:()=>{t.isLink||(t.isPNBtn&&f(!0),N(t.value),v(t.value))}}),t.label)))))),[C,k]),B=r((()=>e.createElement(ka,null,e.createElement(ka,{align:"center",gap:Na(24),sx:e=>({background:"white",borderRadius:Na(8),padding:Na(4),[e.fn.largerThan("sm")]:{paddingLeft:Na(16)}})},e.createElement(Y.Group,Object.assign({},k.getInputProps("bannerOptions",{type:"checkbox"})),e.createElement(ka,{gap:Na(16)},C.map(((t,a)=>e.createElement(Y,{key:String(a),value:t.value,label:t.label,styles:{label:{cursor:"pointer"}}}))))),e.createElement(Z,Object.assign({size:"sm"},m,i,{disabled:0===k.getInputProps("bannerOptions").value.length,leftIcon:y?e.createElement(c.ArrowRightTail,{size:18,useCurrentColor:!0}):void 0,onClick:()=>{const e=k.getInputProps("bannerOptions").value;N(e.join("|")),v(e.join("|"))},styles:e=>({root:{[e.fn.smallerThan("sm")]:{width:Na(38),minWidth:"auto",padding:0}}})}),!y&&g("pnBanner.submit"))))),[C,k]);return e.createElement(Ci,Object.assign({},t),a===oa.Button?x():a===oa.Checkbox?B():null)},ki=t=>{var a,n;const{t:i}=ee(),{heading:r,description:c,thumbnail:m,btnLabel:d,value:g,isRiskScreener:u,hideDescOnMobile:p,dataEventAction:h}=t,{locale:v}=ee(),{isMobile:E}=o(ca),{getHealthToolLink:b,allTools:y}=fn(v),f=u?"mainBanner":"toolBanner",C=l((()=>{const t=u?`https://${Za?"":"discover."}${_a[v]}/bot/${Wa[v][g]}`:b(g);return e.createElement("a",{href:t},e.createElement(Z,{size:"sm","data-event-category":"Focused Audience","data-event-action":h,"data-event-label":t},d||i("pnBanner.caclNow")))}),[y]);return"mainBanner"===f?e.createElement(Ci,Object.assign({},Object.assign(Object.assign({},t),{thumbnail:t.thumbnail})),C):e.createElement(ka,{gap:Na(7),align:"center",justify:"space-between",sx:e=>({borderRadius:Na(8),background:e.colors.blue[0],minHeight:Na(180),padding:`${Na(24)} ${Na(16)}`,[e.fn.largerThan("sm")]:{padding:`${Na(34)} ${Na(32)}`}})},e.createElement(Pa,{spacing:Na(12)},e.createElement(Pa,{spacing:Na(4)},r&&e.createElement(P,{tag:"h4"},r),!(E&&p)&&c&&e.createElement(s,{size:"p4"},c)),e.createElement(ka,{gap:Na(8),sx:{button:{minWidth:Na(120)}}},C)),e.createElement(ka,{align:"center",justify:"center",sx:e=>({width:Na(96),height:Na(96),borderRadius:"50%",background:"white",flexShrink:0,[e.fn.largerThan("sm")]:{width:Na(112),height:Na(112)},img:{maxWidth:Na(64),[e.fn.largerThan("sm")]:{maxWidth:Na(73)}}})},e.createElement("img",{alt:"health-tool-icon",src:m||(null===(n=null===(a=y.filter((e=>e.template===g)))||void 0===a?void 0:a[0])||void 0===n?void 0:n.icon)||ga[g]||"",loading:"lazy"})))},Ni=()=>{var t,a,n;const{t:l}=ee(),{state:i,Outside:r}=o(ca);return(null==i?void 0:i.action)===ra.ShowTool?e.createElement(r,null,vi(l)[null===(t=null==i?void 0:i.props)||void 0===t?void 0:t.value]?e.createElement(ki,Object.assign({},vi(l)[null===(a=null==i?void 0:i.props)||void 0===a?void 0:a.value],{value:null===(n=null==i?void 0:i.props)||void 0===n?void 0:n.value})):null):(null==i?void 0:i.action)===ra.ShowOptionBanner?e.createElement(r,null,e.createElement(wi,Object.assign({},null==i?void 0:i.props))):null},xi=a=>{var{isMobile:n,children:l,desktopBanner:i=te.getAssetPath("friso/onboarding-banner.jpg"),mobileBanner:r=te.getAssetPath("friso/onboarding-banner-mobile.jpg"),modalRatio:o={width:937,height:536},mobileBannerRatio:s={width:750,height:480},desktopBannerRatio:m={width:420,height:536},closeProps:d}=a,g=ya(a,["isMobile","children","desktopBanner","mobileBanner","modalRatio","mobileBannerRatio","desktopBannerRatio","closeProps"]);const{width:u,height:p}=qa(),h=(p<=667?190:265)+u*s.height/s.width+74,[v,E]=t(!1);return e.createElement(jn,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:Na(o.width),width:"100%",height:"100%",maxHeight:Na(o.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"}}})},g),n?e.createElement(Ca,{sx:{position:"relative",height:"100%"},onTouchStart:()=>E(!0)},e.createElement(Ca,{className:"mobile-template",sx:{position:"absolute",height:100*(v?1:h/p)+"%",left:0,bottom:0,right:0,transition:"height 0.4s ease"}},e.createElement(Ca,{sx:{height:"100%",backgroundColor:"white",borderTopLeftRadius:v?0:Na(12),borderTopRightRadius:v?0:Na(12)}},e.createElement(Ca,{sx:{height:"calc(100% - 74px)",background:`url(${r})`,backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"top center",overflowY:"auto",borderRadius:"inherit"}},e.createElement(Ma,Object.assign({leftIcon:e.createElement(c.Close,null),sx:{position:"absolute",right:0,top:0,zIndex:1,padding:Na(10)}},d,{onClick:()=>null==g?void 0:g.onClose()})),e.createElement(Ta,{ratio:(null==s?void 0:s.width)/(null==s?void 0:s.height),w:"100%"}),e.createElement(Ca,{sx:{padding:`${Na(28)} ${Na(16)} ${Na(16)}`,background:"white"}},l))))):e.createElement(Ta,{className:"desktop-template",ratio:o.width/o.height,w:"100%",sx:{position:"relative","& > div":{justifyContent:"flex-end"}}},e.createElement(Ca,{sx:{width:"100%",height:"100%",justifyContent:"flex-end",alignItems:"stretch",borderRadius:Na(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:i,loading:"lazy",style:{borderTopLeftRadius:Na(8),borderBottomLeftRadius:Na(8),height:"100%",display:"block"}}),e.createElement(Ca,{sx:{position:"relative",height:"100%",width:(o.width-m.width)/o.width*100+"%"}},e.createElement(Z,Object.assign({unstyled:!0,leftIcon:e.createElement(c.Close,null)},d,{onClick:()=>null==g?void 0:g.onClose(),sx:{position:"absolute",right:0,top:"10px"}})),e.createElement(Ca,{className:"side-banner-modal-container",sx:{height:"100%",padding:`${Na(40)} ${Na(24)} 0`}},l)))))},Bi="user/subscription",Li=t=>{var{value:a,name:n}=t,l=ya(t,["value","name"]);return e.createElement(K,Object.assign({value:a,withIcon:!0},l,{buttonProps:{styles:()=>({leftIcon:{marginRight:Na(6)},root:{paddingLeft:Na(10),paddingRight:Na(10)}})}}),n)},Si=({topicsGroup:n,onTopicChange:l,isBlock:i=!1,selectedTopics:r=[],inputProps:c,labelProps:m,maxSelect:d=5,hasScroll:g,readonly:u})=>{const{action:{pushNotifications:p}}=o(D),h=Dn(n.map((e=>e.topics||[]))),{t:v}=ee(),[E,b]=t([]);a((()=>{b(r)}),[r.length]),a((()=>{null==l||l(E)}),[E]);const y=e=>{e.length>5?p({type:"danger",title:v("pnTopicSection.maxSelectError.title",{maxSelect:d}),message:v("pnTopicSection.maxSelectError.desc")}):!u&&b((()=>h.filter((t=>e.some((e=>t.catId===e))))))};return e.createElement(Pa,{spacing:12},n.map(((t,a)=>e.createElement(Pa,{key:String(a),spacing:12},t.label&&e.createElement(s,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},m),t.label),g?e.createElement(Aa,{w:"100%",offsetScrollbars:!0,scrollbarSize:4,p:16,m:-16,styles:{viewport:{margin:-16,padding:16}}},e.createElement(Ca,{w:800},e.createElement(Ia.Group,Object.assign({value:E.map((e=>e.catId)),multiple:!0},c,{onChange:y}),e.createElement(ka,{gap:8,wrap:"wrap"},t.topics.map((a=>e.createElement(Li,Object.assign({key:a.catId,value:a.catId,name:a.localName,isBlock:i},t.tracking)))))))):e.createElement(Ia.Group,Object.assign({value:E.map((e=>e.catId)),multiple:!0},c,{onChange:y}),e.createElement(ka,{gap:8,wrap:"wrap"},t.topics.map((a=>a.catId?e.createElement(Li,Object.assign({key:a.catId,value:a.catId,name:a.localName,isBlock:i},t.tracking)):e.isValidElement(a.component)?a.component:null))))))))},Pi=t=>{var{heading:a,children:n,stickyActions:l}=t,i=ya(t,["heading","children","stickyActions"]);const{isMobile:r}=o(ua),s=e.createElement(Pa,{spacing:Na(24),sx:{height:"100%"}},e.createElement(P,{tag:"h4",style:{textAlign:"center"}},a),e.createElement(Ca,null,n));return e.createElement(Ca,{sx:e=>({[e.fn.largerThan("sm")]:{position:"relative",height:"100%"}})},r?s:e.createElement(Aa,Object.assign({className:"layout-body",h:l?"calc(100% - 90px)":"100%"},i),s),l&&e.createElement(ka,{gap:Na(8),sx:e=>({position:"absolute",left:0,right:0,bottom:0,padding:Na(16),button:{flexGrow:1},justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${Na(24)} 0`}})},l))},Mi=()=>{const{t:n,locale:i}=ee(),{data:{userInfo:r},action:{pushNotifications:m}}=o(D),d=null==r?void 0:r.id,{currentUrl:g,isMobile:u,pnSuggestCategory:p=[],nextStep:h,formValues:v,setFormValues:E,onSubmit:b,submitLoading:y,selectCategory:f,setCategoryLibs:C,setSelectCategory:w,maxSelectCategory:k}=o(ua),N=p.map((e=>e.catId)),x=An({validate:{name:In(n("healthToolPNModal.mainForm.requireName"))},initialValues:Object.assign(Object.assign({},v),{fitnessTopics:N})}),[B,L]=t([]),[S,P]=t([]);a((()=>{fa(void 0,void 0,void 0,(function*(){var e;try{const t=yield I(O(fi,{_locale:i}),"get"),a=((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.subscription)||[]).filter((e=>!N.includes(e.catId)));L(p),P(a),C([...p,...a])}catch(e){console.log(e)}}))}),[]),a((()=>{d&&x.setFieldValue("name",(null==r?void 0:r.name)||"")}),[d]);const M=()=>{""!==x.getInputProps("name").value?(E(x.getTransformedValues()),h()):x.validateField("name")},T=l((()=>e.createElement(Z,{variant:"tertiary",dataEventCategory:"Newsletter",dataEventAction:"More Category Click",dataEventLabel:g,leftIcon:e.createElement(c.Plus,{size:16,color:"#262626",useCurrentColor:!0}),onClick:M,styles:e=>({root:{borderRadius:Na(6),padding:"2px 15px",height:Na(40)},label:{fontSize:Na(14),fontWeight:400,[e.fn.smallerThan("sm")]:{fontSize:Na(12),lineHeight:Na(16),height:Na(40)}},leftIcon:{marginRight:"5px"}})},e.createElement(s,{size:u?"p3":"p4"},n("home.seeMore")))),[x]);return a((()=>{x.setFieldValue("fitnessTopics",f.map((e=>e.catId)))}),[f]),e.createElement("form",{style:{height:"100%"},onSubmit:x.onSubmit((e=>{if(0===f.length)return m({type:"danger",title:n("newsletter.error.minTitle"),message:n("newsletter.error.minCotennt")}),!1;E(e),null==b||b(e.name)}))},e.createElement(Pi,{heading:n("healthToolPNModal.heading"),stickyActions:e.createElement(e.Fragment,null,e.createElement(Z,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Register Click",dataEventLabel:g,loading:y,sx:{maxWidth:Na(240)}},n("healthToolPNModal.register")))},e.createElement(Pa,{spacing:Na(16)},e.createElement(q,Object.assign({label:n("newsletter.welcome.description")},x.getInputProps("name"))),e.createElement(Si,{topicsGroup:[...0===p.length&&0===S.length?[{topics:[{component:T}]}]:[],...p.length>0?[{label:n("healthToolPNModal.mainForm.tailorTopicsHeading"),topics:[...p,...0===S.length?[{component:T}]:[]]}]:[],...S.length>0?[{label:n("healthToolPNModal.findMore.chooseFav"),topics:[...S,...S.length>0?[{component:T}]:[]]}]:[]],selectedTopics:[...B],labelProps:{size:u?"p3":"p4",color:"gray.6"},onTopicChange:w,maxSelect:k}))))},Ti=({history:t,onDelete:a})=>e.createElement(ka,{wrap:"wrap",gap:8},On(t,"catId").map((t=>e.createElement(ja,{key:t.catId,rightSection:e.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",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 ${X.neutral[4]}`,borderRadius:32,textTransform:"unset"},rightSection:{height:18,cursor:"pointer"}}},e.createElement(s,{size:"p4"},t.localName))))),Ai=({topics:n,onTopicChange:l,isBlock:i=!1,selectedTopics:r,labelProps:c,maxSelect:m=5})=>{const{action:{pushNotifications:d}}=o(D),[g,u]=t([]),{t:p}=ee();a((()=>{u(r)}),[r.length]),a((()=>{l(g)}),[g]);return n&&0!==n.length?e.createElement(Pa,{spacing:12,px:16,mx:-16},e.createElement(s,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},c),p("pnTopicSection.recentView")),e.createElement(Ia.Group,{value:g.map((e=>e.catId)),onChange:e=>{i&&g.length<e.length?d({type:"danger",title:p("pnTopicSection.maxSelectError.title",{maxSelect:m}),message:p("pnTopicSection.maxSelectError.desc")}):u((()=>n.filter((t=>e.some((e=>t.catId===e))))))},multiple:!0},e.createElement(ka,{gap:8,wrap:"wrap"},n.map(((t,a)=>e.createElement(Li,{key:a,value:t.catId,name:t.localName,isBlock:i})))))):null},Ii=t=>{var{topic:a,active:n,onClick:l}=t,i=ya(t,["topic","active","onClick"]);return e.createElement(Ca,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:Na(130),[e.fn.largerThan("sm")]:{minHeight:Na(138)}}),onClick:()=>l(a,n)},i),n&&e.createElement(Ca,{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"},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(Ca,{sx:{borderRadius:"8px"}},e.createElement(U,{ratio:1.5,mb:10,sx:e=>({background:e.colors.neutral[0]})},e.createElement(Ca,null,e.createElement("img",{src:a.guid||"",alt:"cat",loading:"lazy",style:{maxHeight:"63px"}})))),e.createElement(s,{size:"p4",ta:"center",px:6,sx:{display:"-webkit-box","-webkit-line-clamp":"2","-webkit-box-orient":"vertical",overflow:"hidden"}},a.localName||""))},ji=({topics:l,selectedTopics:i=[],onTopicChange:r,isBlock:o=!1,labelProps:c,pushNotifications:m,maxSelect:d=5})=>{const{t:g}=ee(),[u,p]=t([]),h=(e,t)=>{if(t)p((t=>t.filter((t=>t.catId!==e.catId))));else{if(o)return void m({type:"danger",title:g("pnTopicSection.maxSelectError.title",{maxSelect:d}),message:g("pnTopicSection.maxSelectError.desc")});p((t=>[...t,e]))}};a((()=>{p(i)}),[i.length]),a((()=>{r(u)}),[u]);const[v,E]=t(!1),[b,y]=t(0),[f,C]=t(0),w=n(null),k=()=>{E(!1)};return e.createElement(Pa,{spacing:10},e.createElement(ka,{justify:"space-between",align:"center",w:"100%"},e.createElement(s,Object.assign({size:"s5",color:"gray.4",weight:"semiBold",span:!0},c),g("pnTopicSection.trending"))),e.createElement(Ca,null,e.createElement(Aa,{type:"always",w:"100%",offsetScrollbars:!0,scrollbarSize:4,px:4,viewportRef:w,viewportProps:{onMouseDown:e=>{e.preventDefault(),w.current&&(E(!0),y(e.pageX-w.current.offsetLeft),C(w.current.scrollLeft))},onMouseUp:k,onMouseLeave:k,onMouseMove:e=>{if(e.preventDefault(),!v||!w.current)return;const t=2*(e.pageX-w.current.offsetLeft-b);w.current.scrollLeft=f-t}},styles:{viewport:{paddingBottom:16}}},e.createElement(Ca,{w:{base:112*l.length+8*(l.length-1)+10}},e.createElement(ka,{gap:8},l.map(((t,a)=>e.createElement(Ii,{key:a,topic:t,onClick:h,active:u.some((e=>e.catId===t.catId)),w:{base:112}}))))))))},zi=i=>{var{isLoggedIn:r,maxSelect:c=5,values:m=[],labelProps:d,onChange:g}=i,u=ya(i,["isLoggedIn","maxSelect","values","labelProps","onChange"]);const{action:{pushNotifications:p}}=o(D),[h,v]=t(""),{t:E,locale:b}=ee(),y=n(null),[f,C]=t([]),[w,k]=t([]),[N,x]=t([]),[B,L]=t([]),[S,P]=t(null),[M,T]=t([]);a((()=>{fa(void 0,void 0,void 0,(function*(){var e,t;const a=yield I(O(bi,{_locale:b}),"get"),n=(null===(e=null==a?void 0:a.data)||void 0===e?void 0:e.interested)||[],l=(null===(t=null==a?void 0:a.data)||void 0===t?void 0:t.trending)||[],i=On([...n,...l],"catId").map((e=>Object.assign(Object.assign({},e),{value:e.catId||"",label:e.localName||""})));if(T(i||[]),P((null==a?void 0:a.data)||null),m.length>0){const e=n.filter((e=>m.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"interested"}))),t=l.filter((e=>m.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"trending"})));L(e),k(t)}}))}),[r]);const A=l((()=>On([...f,...w,...B,...N],"catId")),[f,w,B,N]),[j,z]=t(!1);a((()=>{A.length>=c?z(!0):z(!1),null==g||g(A)}),[A]);return e.createElement(Pa,Object.assign({spacing:Na(16)},u),e.createElement(Pa,{spacing:Na(8)},e.createElement(s,{size:"p3"},E("pnTopicSection.maxSelectError.detail",{max:c,maxTopic:A.length})),e.createElement(za,{ref:y,maxSelectedValues:3,styles:{wrapper:{overflow:"initial !important"},separator:{padding:16},separatorLabel:{fontWeight:600,fontSize:12,lineHeight:"18px",textTransform:"uppercase",color:X.gray[4],"&::after":{display:"none"}},searchInput:{fontSize:"inherit"},input:{paddingRight:16}},nothingFound:e.createElement(s,{size:"s4",color:"gray.6"},E("pnTopicSection.notFound")),itemComponent:""===h?pa:ha,size:"lg",placeholder:E("pnTopicSection.plsEnterFavTopics"),data:M,onSearchChange:v,searchValue:h,icon:e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},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,fa(void 0,void 0,void 0,(function*(){var e;const a={trending:k,recently:x,interested:L,default:C};let n="default";if(j)p({type:"danger",title:E("pnTopicSection.maxSelectError.title",{maxSelect:c}),message:E("pnTopicSection.maxSelectError.desc")});else{const l=[{key:"trending",array:null==S?void 0:S.trending},{key:"recently",array:null==S?void 0:S.recently},{key:"interested",array:null==S?void 0:S.interested}].find((e=>{var a;return null===(a=e.array)||void 0===a?void 0:a.some((e=>e.catId===t[0]))}));n=(null==l?void 0:l.key)||"default",a[n]((e=>[...e,...M.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:[]}),A&&A.length>0&&e.createElement(Ti,{history:A,onDelete:e=>{const t={trending:k,recently:x,interested:L,default:C};(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(Ca,{sx:e=>({position:"relative",height:Na(175),[e.fn.largerThan("sm")]:{height:Na(190)}})},e.createElement(Ca,{sx:{position:"absolute",top:0,right:0,left:0}},e.createElement(ji,{topics:((null==S?void 0:S.trending)||[]).map((e=>Object.assign(Object.assign({},e),{template:"trending"}))),selectedTopics:w,onTopicChange:k,isBlock:j,labelProps:d}))),e.createElement(Ai,{topics:((null==S?void 0:S.recently)||[]).map((e=>Object.assign(Object.assign({},e),{template:"recently"}))),selectedTopics:N,onTopicChange:x,isBlock:j,labelProps:d}),e.createElement(Si,{labelProps:d,topicsGroup:[{label:E("pnTopicSection.ppAlsoInterested"),topics:((null==S?void 0:S.interested)||[]).map((e=>Object.assign(Object.assign({},e),{template:"interested"})))}],selectedTopics:B,onTopicChange:L,isBlock:j}))},Di=()=>{const{t:t}=ee(),{action:{pushNotifications:a}}=o(D),{prevStep:n,formValues:l,submitLoading:i,onSubmit:r,selectCategory:s,maxSelectCategory:c,setSelectCategory:m,currentUrl:d,isLoggedIn:g}=o(ua);return e.createElement(Pi,{heading:t("newsletter.topic.title"),type:"always",styles:{root:{paddingRight:Na(25)}},stickyActions:e.createElement(e.Fragment,null,e.createElement(Z,{fullWidth:!0,variant:"secondary",dataEventCategory:"Newsletter",dataEventAction:"Back  Click",dataEventLabel:d,onClick:n},t("healthToolPNModal.back")),e.createElement(Z,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Next  Click",dataEventLabel:d,onClick:()=>{if(0===s.length)return a({type:"danger",title:t("newsletter.error.minTitle"),message:t("newsletter.error.minCotennt")}),!1;null==r||r(l.name)},loading:i},t("healthToolPNModal.next")))},e.createElement(zi,{isLoggedIn:g,maxSelect:c,values:l.fitnessTopics,onChange:m,labelProps:{size:"s5",sx:{textTransform:"uppercase"}}}))},Oi=()=>{const{t:t}=ee(),{close:n,selectCategory:l,onRegisterSuccess:i,currentUrl:r,finishLabelOnResult:c,disclaimerText:m}=o(ua);return a((()=>()=>{setTimeout((()=>{null==i||i()}),400)}),[]),e.createElement(Pi,{heading:t("healthToolPNModal.heading"),stickyActions:e.createElement(Z,{fullWidth:!0,sx:{maxWidth:Na(300)},dataEventCategory:"Newsletter",dataEventAction:"Continue Reading Click",dataEventLabel:r,onClick:()=>{n()}},c||t("healthToolPNModal.finish"))},e.createElement(Pa,null,e.createElement(ka,{gap:Na(8),sx:e=>({background:e.colors.green[0],border:`1px solid ${e.colors.green[1]}`,borderRadius:Na(8),padding:Na(8)})},e.createElement(Ca,null,e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},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(s,{size:"p3"},m||t("pnModal.disclaimer"))),e.createElement(P,{tag:"h5"},t("healthToolPNModal.yourPre")),l.length>0&&e.createElement(Si,{topicsGroup:[{label:"",topics:l}],selectedTopics:l,readonly:!0})))},_i=({isMobile:n,isLoggedIn:l,pnSuggestCategory:i=[],acquisitionInfo:s,currentUrl:c,opened:m,close:d,finishLabelOnResult:g,onRegisterSuccess:u,disclaimerText:p})=>{const{t:h,locale:v}=ee(),{action:{pushNotifications:E}}=o(D),b=te.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),y=te.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),[f,C]=t([]),[w,k]=t([]),[N,x]=t(0),[B,L]=t({name:"",fitnessTopics:[]}),[S,P]=t(!1),M=()=>x(2),T=r((e=>fa(void 0,void 0,void 0,(function*(){try{P(!0),yield I(O(yi,{website_url:_(v)}),"post",{headers:{"Content-Type":"application/json"},method:"POST",data:{ga_client_id:zn.get(Va),client_ip:window.clientIP||"",user_info:Object.assign(Object.assign({},s.userInfo),{name:e||B.name,type_subscription:1}),domain:_a[v||Ga.Vietnam],category:w,perferred:s.preferredTopics.map((({id:e})=>({id:e})))}}),P(!1),yield I(F(Bi),"post",{headers:{"Content-Type":"application/json"},method:"PUT",data:{subscription:1}}),M()}catch(e){console.log({err:e}),P(!1),E({title:h("notification.comment.somethingWrong"),message:"",type:"danger"})}}))),[B,w]);return a((()=>{[b,y].forEach((e=>{(new Image).src=e}))}),[]),e.createElement(ua.Provider,{value:{currentUrl:c,isMobile:n,isLoggedIn:l,opened:m,close:d,pnSuggestCategory:i,nextStep:()=>x((e=>e<3?e+1:e)),prevStep:()=>x((e=>e>0?e-1:e)),lastStep:M,categoryLibs:f,setCategoryLibs:C,selectCategory:w,setSelectCategory:k,formValues:B,setFormValues:L,maxSelectCategory:5,submitLoading:S,onSubmit:T,onRegisterSuccess:u,finishLabelOnResult:g,disclaimerText:p}},e.createElement(xi,{isMobile:n,desktopBanner:te.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),mobileBanner:te.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),modalRatio:{width:960,height:588},desktopBannerRatio:{width:384,height:588},opened:m,onClose:d,zIndex:305,closeProps:{dataEventCategory:"Newsletter",dataEventAction:"Close Click",dataEventLabel:c}},e.createElement(Da,{active:N,onStepClick:x,styles:{root:{height:"100%"},content:{padding:0,height:"100%",width:"100%"},steps:{display:"none"}}},e.createElement(Da.Step,null,e.createElement(Mi,null)),e.createElement(Da.Step,null,e.createElement(Di,null)),e.createElement(Da.Step,null,e.createElement(Oi,null)))))},Fi=()=>{const{locale:l}=ee(),{isMobile:i,isLoggedIn:r,currentUrl:s,acquisitionInfo:c,categoryIds:m,state:d,setState:g,settings:u,submitHandler:p,subcribeHealthStatus:h,showPNModal:v,setShowPNModal:E,setIsBack:b}=o(ca),[y,f]=t([]),[C,w]=t(v);a((()=>{fa(void 0,void 0,void 0,(function*(){var e,t;const a=yield I(O(bi,{_locale:l}),"get"),n=[...(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)||[]];f(n.filter((e=>m.includes(Number(e.catId)))))}))}),[]);const k=n([]);return a((()=>{const e=(null==h?void 0:h.value)||"",t=e.split("|").filter(Boolean);let a=e;k.current.push(h),t.length>1&&(null!==k.current[0]&&b(!0),Object.keys(p).map((e=>{const n=e.split("|");if(t.length===n.length){let l=0;t.map((e=>{n.includes(String(e))&&(l+=1)})),l===t.length&&(a=e)}})));const n=t.length>0?p[a]:u;g(n)}),[h]),a((()=>{w(v)}),[v]),(null==d?void 0:d.action)!==ra.Hide?e.createElement(e.Fragment,null,e.createElement(Ni,Object.assign({},u.props)),e.createElement(_i,{acquisitionInfo:c,isMobile:i,isLoggedIn:r,currentUrl:s,pnSuggestCategory:y,opened:C,close:()=>{var e;w(!1),E(!1),setTimeout((()=>{var e;(null===(e=d.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&g({action:ra.Hide})}),400),(null===(e=d.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&g({action:ra.Hide})},onRegisterSuccess:()=>w(!1)})):null},Hi=({type:n,articleId:i=0,categoryIds:r=[],isMarketing:s,isSurveyType:c,hasPremiumBanner:m,currentUrl:d,isMobile:g,subcribeHealthStatus:u,setShouldAcquisitionModalOpen:p,onValueChange:h,source:v="discover",Wrapper:E})=>{const{t:b}=ee(),{data:{userInfo:y}}=o(D),f=Boolean(null==y?void 0:y.id),[C,w]=t(null),[k,N]=t(),[x,B]=t(""),[L,S]=t(!1),[P,M]=t(!1),T=l((()=>va[n]),[]),A=((e,t)=>({[ia.Pregnant]:{action:ra.ShowOptionBanner,props:{heading:e("pnBanner.pregnancy.heading"),description:e("pnBanner.pregnancy.desc"),styleType:oa.Button,thumbnail:{desktop:te.getAssetPath("newsletter/banner-option-pregnancy-desktop.png"),mobile:te.getAssetPath("newsletter/banner-option-pregnancy-mobile.png")},buttonProps:{variant:"white",styles:e=>({minWidth:Na(80),[e.fn.largerThan("sm")]:{minWidth:Na(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:ra.ShowTool,props:{value:sa.DUE_DATE}},no:{action:ra.ShowPremiumModal}}},[ia.Parenting]:{action:ra.ShowOptionBanner,props:{heading:e("pnBanner.parenting.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:te.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:te.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,styleType:oa.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:ra.ShowTool,props:{value:sa.BABY_VACCINE}},teenager:{action:ra.ShowOptionBanner,props:{styleType:oa.Button,heading:e("pnBanner.teenager.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:te.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:te.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:ra.ShowPremiumModal},"teenager.girl":{action:ra.ShowTool,activeTool:Ra.HPV,props:{value:Ra.HPV}},"todders|teenager":{action:ra.ShowOptionBanner,props:{styleType:oa.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:te.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:te.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:sa.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:ra.ShowOptionBanner,props:{styleType:oa.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:te.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:te.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:sa.BABY_VACCINE,isLink:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Baby Vaccine Click",dataEventLabel:t}}]}}}}}))(b,d)[T],I=null==A?void 0:A.submitHandler,j=E||Ca,z=()=>m&&1!==(null==y?void 0:y.subscription)?e.createElement(Ei,null):null;return a((()=>{f&&w({userInfo:y,preferredTopics:Ea,healthTopics:[]})}),[f]),e.createElement(ca.Provider,{value:{settings:A,submitHandler:I,type:n,surveyType:T,value:x,setValue:B,isMobile:g,isLoggedIn:f,isMarketing:s,hasPremiumBanner:m,currentUrl:d,acquisitionInfo:C,categoryIds:r,subcribeHealthStatus:u,articleId:i,onValueChange:h,state:k,setState:N,handleClickOption:e=>{const t=(e=>{let t="";const a=e.split("|");return 1===a.length?e:(Object.keys(I).map((e=>{const n=e.split("|");if(a.length===n.length){let l=0;a.map((e=>{n.includes(String(e))&&(l+=1)})),l===a.length&&(t=e)}})),t)})(e);if(t){const a=I[t];a.action===ra.ShowPremiumModal?m?(S(!0),N(Object.assign(Object.assign({},k),{actionParams:{hideBannerWhenClose:a.action===ra.ShowPremiumModal}}))):(N({action:ra.Hide}),null==h||h(e)):(N(a),null==h||h(e))}},showPNModal:L,setShowPNModal:S,source:v,Outside:j,isBack:P,setIsBack:M,minHeight:180,setShouldAcquisitionModalOpen:p}},void 0!==u?f?c&&A?(()=>{const t=I[(null==u?void 0:u.value)||""];return(null==t?void 0:t.action)===ra.ShowPremiumModal?z():e.createElement(Fi,null)})():z():m?e.createElement(Ei,null):null:null)},$i={myBooking:"booking",mySaved:"saved",myHealth:"health",myFamily:"family",myCommunity:"my-communities",eCom:"/shop/ho-so/quan-li-don-hang/"};var Ri="uJQBNNg",Wi="TfG3dM5",Vi="aMtjFNf",Gi="cSz2RR-",Ui="GyFm00F";function Zi({userInfo:t,onClickMyProfileButton:a,themeName:n="helloSites"}){const{t:i}=ee(),r=l((()=>{const e=(null==t?void 0:t.name)||(null==t?void 0:t.username);return e&&e.length?e[0].toUpperCase():"A"}),[null==t?void 0:t.username,null==t?void 0:t.name]);return e.createElement("div",{className:Ri,onClick:()=>{a&&a()}},e.createElement(Un,{className:Wi,type:"rounded",size:"xl",avatarUrl:null==t?void 0:t.avatar,firstLetter:r,backgroundColor:"marryBaby"===n?ae.mbColors.pink:ae.colors.secondaryBase}),e.createElement("div",{className:Vi},e.createElement("div",{className:Gi},(null==t?void 0:t.name)||(null==t?void 0:t.username)),e.createElement("div",{className:Ui,style:{"--bg-hellosites":`url(${te.getAssetPath("userProfileNav/helloSites/icon-chevronRight.svg")})`,"--bg-marrybaby":`url(${te.getAssetPath("userProfileNav/marryBaby/icon-arrowRight.svg")})`}},i("userProfile.nav.header.viewProfile"))))}var qi="gn6HmGG",Yi="FCx8FEM",Ki="zMiRxaE",Xi="lZ2Z9MQ",Qi="rwm-agG",Ji="qMOscoq";const er=({themeName:a,locale:n,onClickItem:i})=>{const[r,o]=t(""),s=l((()=>"marryBaby"===a?[{key:"userProfile.nav.menu.password",icon:te.getAssetPath("userProfileNav/marryBaby/icon-lock.svg"),link:"password"},{key:"userProfile.nav.menu.logout",icon:te.getAssetPath("userProfileNav/marryBaby/icon-logOut.svg"),link:"logout"}]:[{key:"userProfile.nav.menu.accountSettings",icon:te.getAssetPath("userProfileNav/helloSites/icon-settingsWheel.svg"),subMenu:[{key:"common.profileNavigator.newsletterSubscription",link:"subscriptions",disableLocale:["id-ID","ms-MY","km-KH","en-PH","tl-PH","th-TH","my-MM","zh-TW","hi-IN"]},{key:"userProfile.nav.menu.password",link:"password"},{key:"userProfile.nav.menu.disableAccount",link:"disable-account",disableLocale:["hi-IN"]}]},{key:"userProfile.nav.menu.help",icon:te.getAssetPath("userProfileNav/helloSites/icon-helpCircle.svg"),link:"help"}]),[a]);function c(e){e.subMenu?o((t=>t?"":e.key)):i&&i(e)}return e.createElement("div",{className:qi},s.map((t=>e.createElement(tr,{key:t.key,item:t,openKey:r,onClickItem:c,locale:n}))))},tr=({item:t,openKey:a,onClickItem:n,locale:l})=>{var i;const{t:r}=ee();return(null===(i=t.disableLocale)||void 0===i?void 0:i.includes(l))?null:e.createElement("div",{className:`${Yi} nav-menu-item`,"data-is-open":a===t.key,key:t.key,"data-has-submenu":!!t.subMenu},e.createElement("div",{className:Ki,onClick:()=>n(t)},t.icon&&e.createElement("div",{className:Xi,style:{backgroundImage:`url("${t.icon}")`}}),r(t.key),t.subMenu&&e.createElement("div",{className:Qi,style:{"--after-bg":`url(${te.getAssetPath("userProfileNav/helloSites/icon-chevronDown.svg")})`}})),t.subMenu&&e.createElement("div",{className:Ji},t.subMenu.map((t=>e.createElement(tr,{key:t.key,item:t,openKey:a,onClickItem:n,locale:l})))))};var ar="-AZt1au",nr="IvSIfCI",lr="eahCJov",ir="XIyViFs",rr="_4y-O0w3",or="kO8iNgD",sr="a1d4E10",cr="Tdguxxf",mr="-mOxsaU",dr="yPeDBNZ";const gr={helloSites:{member:()=>te.getAssetPath("userProfileNav/helloSites/icon-rank-member.svg"),ambassador:()=>te.getAssetPath("userProfileNav/helloSites/icon-rank-ambassador.svg"),doctor:()=>te.getAssetPath("userProfileNav/helloSites/icon-rank-doctor.svg"),expert:()=>te.getAssetPath("userProfileNav/helloSites/icon-rank-expert.svg"),influencer:()=>te.getAssetPath("userProfileNav/helloSites/icon-rank-influencer.svg")},marryBaby:{member:()=>te.getAssetPath("userProfileNav/marryBaby/icon-rank-member.svg"),ambassador:()=>te.getAssetPath("userProfileNav/marryBaby/icon-rank-ambassador.svg"),doctor:()=>te.getAssetPath("userProfileNav/marryBaby/icon-rank-doctor.svg"),expert:()=>te.getAssetPath("userProfileNav/marryBaby/icon-rank-expert.svg"),influencer:()=>te.getAssetPath("userProfileNav/marryBaby/icon-rank-influencer.svg")}},ur=({themeName:t,rank:a="member",numberOfPosts:n=0})=>{const{t:i}=ee(),r=l((()=>{var e,n;return(null===(n=null===(e=gr[t])||void 0===e?void 0:e[a])||void 0===n?void 0:n.call(e))||""}),[a,t]);return e.createElement("div",{className:rr,"data-user-rank":a},e.createElement("div",{className:or},e.createElement("div",{className:sr},e.createElement("div",{className:cr,style:{backgroundImage:`url("${r}")`}}),e.createElement("h3",{className:mr},i(`userProfile.userRank.${a}`)),n>0&&e.createElement("p",{className:dr},n," ",i("userProfile.nav.header.count.posts")))))},pr=({SSO_URL:n,UP_BASEPATH:i="user",themeName:r="helloSites",cardUrls:o=$i,enableCare:s,enableTogether:c,enableEcom:m,enableMySaved:d,userInfo:g,togetherApiDomain:u,userPostsNumber:p,onClickNavigationCard:h,onClickMyProfileButton:v,onClickMenuItem:E,onClickLogout:b,isUserProfileNavigatorMenuHidden:y=!1,isMyHealthEnabled:f=!1,locale:C})=>{const{t:w}=ee(),[k,N]=t(p||0),x="marryBaby"===r;a((()=>{if(g&&void 0===p){const e=_n("hhg_user_token");e&&fetch(Fn(Ka(C,x,u)),{headers:{Authorization:`Bearer ${e}`}}).then((e=>e.json())).then((e=>{var t,a,n;1===(null==e?void 0:e.status)&&(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.pagination)&&N((null===(n=null===(a=null==e?void 0:e.data)||void 0===a?void 0:a.pagination)||void 0===n?void 0:n.total_items)||0)})).catch((e=>console.error("Error fetching post number",e)))}}),[C,null!==g,p,u,x]);const B=l((()=>{let e;return e=x?["myHealth","myCommunity","mySaved"]:["myHealth","mySaved","myBooking","myCommunity","eCom"],e.filter((e=>"myBooking"===e?s:"myCommunity"===e?c:"myHealth"===e?f:"eCom"===e?m:"mySaved"!==e||d))}),[x,f]),L=l((()=>"marryBaby"===r?null:e.createElement(Ln,{color:"tertiary",icon:e.createElement("img",{src:te.getAssetPath("userProfileNav/helloSites/icon-logOut.svg"),width:15,height:15,loading:"lazy"}),size:"md",onClick:b,className:ir},w("userProfile.nav.menu.logout"))),[r]),S=e=>{e.startsWith("http")||e.startsWith("/")?window.location.href=Hn(e):n&&(window.location.href=Hn(`${n}${i}/${e}`))},P=e=>{const t=o[e];h?h(t):S(t)};return g?e.createElement("div",{className:ar,"data-theme":r},e.createElement(Zi,{userInfo:g,themeName:r,onClickMyProfileButton:()=>{v?v():S("profile")}}),e.createElement(ur,{themeName:r,rank:"member",numberOfPosts:k}),e.createElement("div",{className:nr},B.map((t=>e.createElement(ba,{className:lr,key:t,themeName:r,type:t,onClick:P})))),!y&&e.createElement(e.Fragment,null,e.createElement(er,{themeName:r,locale:C,onClickItem:e=>{"logout"===e.link&&b?b():e.link&&!e.subMenu&&(E?E(e.link):S(e.link))}}),L)):null};export{Vn as A,Zn as B,rl as C,Rl as D,gi as E,Jn as F,el as G,pi as H,Bl as I,hi as J,Hi as K,ur as L,Zi as N,Jl as O,al as P,nl as R,Ml as S,ll as T,pr as U,Un as a,qn as b,il as c,ml as d,dl as e,bl as f,kl as g,Nl as h,xl as i,Ll as j,Sl as k,Tl as l,Al as m,Il as n,jl as o,zl as p,Dl as q,Ol as r,Gl as s,Ul as t,Zl as u,Kl as v,Ql as w,ti as x,ii as y,mi as z};

package/build/esm/index-8d0e1fc9.js

@@ -0,0 +1 @@
+import e,{useState as a,useEffect as t}from"react";import{I as s}from"./index.styles-968498ec.js";import{B as n}from"./index-bc7b446c.js";const r=({type:a="solid",className:t,style:n})=>e.createElement(s,{style:n,className:t,"data-diver-type":a,dividerType:a});var l="Dudns9-";const c=({value:s,choices:r,onChange:c})=>{const[i,o]=a(s);return t((()=>{o(s)}),[s]),e.createElement("div",{className:l},r.map(((a,t)=>e.createElement(n,{dataEventCategory:a.dataEventCategory,dataEventAction:a.dataEventAction,dataEventLabel:a.dataEventLabel,size:"sm",variant:a.value===i?"primary":"tertiary",key:t,onClick:()=>{o(a.value),null==c||c(a.value)}},a.label||""))))};export{c as B,r as D};

package/build/esm/index-b4e3cda1.js

@@ -0,0 +1 @@
+import{_ as o}from"./tslib.es6-ed0fd94c.js";import t from"react";import{Indicator as e}from"@mantine/core";import"dayjs";import"./screenSizeContext-96560239.js";import"styled-components";import{t as s}from"./theme-0bf733e5.js";import"./index-49f5f7fe.js";import"./isProduction-d1491481.js";import"./Subot-dac02b43.js";import"./index-c011f60e.js";const r=r=>{var{styles:i,color:n=s.colors.red700}=r,m=o(r,["styles","color"]);return t.createElement(e,Object.assign({inline:!0,position:"top-end",offset:4,styles:Object.assign({processing:{animationDirection:"alternate"}},i),color:n},m))};export{r as I};