@hhgtech/hhg-components 1.28.64-beta-1 → 1.28.64

package/build/esm/{index-c49c75be.js → index-46633cce.js}

@@ -1,4 +1,4 @@
-import e,{useState as t,useEffect as a,useRef as n,useMemo as i,Fragment as l,memo as o,useCallback as r,useImperativeHandle as s,forwardRef as c,createContext as d,useContext as m}from"react";import{T as p}from"./index-cd383314.js";import{b as g,c as u,d as h,e as v,f as b,h as y,i as f,j as E,k as x,l as w,m as k,n as C,o as N,p as B,q as z,r as $,s as S,t as P,u as D,T as L,g as I,P as M}from"./index.styles-0132251b.js";import{f as T,M as A}from"./utils-0193d14e.js";import{I as j,R as O,u as _,A as F,a as H,b as R,B as W,c as U,d as V,e as G,t as Z}from"./index-dc0c86fd.js";import{T as q}from"./index-14234adb.js";import{a as Y}from"./useUniqueId-709622de.js";import{C as X}from"./index-9083697e.js";import{H as K}from"./index-7ea8eb13.js";import{t as Q}from"./theme-80deef14.js";import{_ as J,a as ee}from"./tslib.es6-cea976a7.js";import{Box as te,Radio as ae,Flex as ne,rem as ie,Card as le,Group as oe,createStyles as re,Stack as se,getStylesRef as ce,useMantineTheme as de,Container as me,UnstyledButton as pe,AspectRatio as ge,ScrollArea as ue,Chip as he,Badge as ve,MultiSelect as be,Stepper as ye}from"@mantine/core";import fe from"innertext";import"@mantine/dates";import{d as Ee,L as xe,F as we,Q as ke,R as Ce,a as Ne,G as Be}from"./index-36159954.js";import{G as ze,L as $e}from"./Subot-6bd4468b.js";import"./translationsContext-dac524e6.js";import"string-format";import{useViewportSize as Se}from"@mantine/hooks";import{i as Pe,d as De}from"./index-41a9d0b9.js";import Le,{keyframes as Ie,css as Me}from"styled-components";import Te from"lodash/throttle";import{L as Ae}from"./index-640ddb62.js";import{B as je}from"./index-16a426f1.js";import{I as Oe}from"./index-a9ca9dc5.js";import _e from"html-react-parser";import{i as Fe}from"./isProduction-9f06dc5d.js";import{u as He}from"./useTranslations-13dca823.js";import{format as Re,addDays as We,isBefore as Ue,startOfMonth as Ve,addMonths as Ge,subMonths as Ze,getDaysInMonth as qe,isToday as Ye,isSameDay as Xe,isWithinInterval as Ke,isAfter as Qe,isPast as Je}from"date-fns";import et from"dayjs";import"./utils-83391bec.js";import{I as tt}from"./index-8c2b742a.js";import"./index.styled-47295403.js";import"./index-25a3cef3.js";import{L as at}from"./constants-69dc3233.js";import{Z as nt,s as it,H as lt,o as ot,d as rt,P as st,T as ct,t as dt,u as mt,v as pt}from"./utils-5c44d1a5.js";import{D as gt}from"./types-15ecbe4e.js";import{D as ut}from"./index-9690ac95.js";import{S as ht}from"./index-32b4e6bd.js";import{M as vt}from"./index-f03c9c66.js";import{D as bt}from"./index-6ef12748.js";import{C as yt}from"./index-6d5ebc24.js";import{useForm as ft,Controller as Et}from"react-hook-form";import{u as xt}from"./useHealthToolCache-50f40dfc.js";import{yupResolver as wt}from"@hookform/resolvers/yup";import{B as kt,D as Ct}from"./index-9b1da6c1.js";import{h as Nt}from"./index-1d248975.js";import"@hhgtech/icons/core";import"@hhgtech/icons/other";import"./WhatsApp-c6012890.js";import{a as Bt}from"./useOutsideClick-e6375b69.js";import zt from"date-fns/locale/en-US";import $t from"date-fns/locale/id";import St from"date-fns/locale/vi";import Pt from"date-fns/locale/zh-TW";import{g as Dt}from"./getSocialList-3fb95700.js";import{v4 as Lt}from"uuid";import{g as It,a as Mt}from"./routing-604355d5.js";import{useForm as Tt,isNotEmpty as At}from"@mantine/form";import{M as jt}from"./index-d22e5cad.js";import Ot from"js-cookie";import _t from"lodash/flatten";import Ft from"lodash/uniqBy";import{g as Ht}from"./cookieHelper-43e1308f.js";import{n as Rt,a as Wt}from"./normalizeLink-1e106256.js";var Ut="CHw-fZZ",Vt="_03U6VRS",Gt="EO828Vv";const Zt=({style:t,onClose:a,text:n,type:i,contentIcon:l,closeIcon:o,className:r,description:s})=>e.createElement("div",{className:`${Ut} ${r||""}`,style:t,"data-alert-type":i},e.createElement("div",{className:Vt},e.createElement("div",{className:"icon-title"},l,e.createElement(p,{weight:"bold",size:"label1"},n)),e.createElement(p,{weight:"regular",size:"p3"},s)),e.createElement("div",{className:Gt,onClick:a},o)),qt={xs:28,small:32,medium:40,large:48,xl:64,xxl:80,xxxl:96},Yt=({type:n="square",size:i,avatarImg:l,avatarUrl:o,firstLetter:r,backgroundColor:s,onClick:c,style:d,className:m,width:p,height:u,alt:h})=>{const v=i?qt[i]:void 0,[b,y]=t(!1);a((()=>{if(o){const e=document.createElement("img");e.setAttribute("src",o),e.addEventListener("error",(()=>{y(!0)}))}}),[o,y]);const f=(!o&&!l||b)&&r;return e.createElement(g,{style:Object.assign(Object.assign({},d),{"--size":v?v+"px":void 0,"--width-prop":p?p+"px":void 0,"--height-prop":u?u+"px":void 0,"--background-color":s}),"data-has-max":!(!p||!u),"data-avatar-type":n,onClick:c,className:m,avatarUrl:o,"data-custom-size":!!i},l,o&&!b&&e.createElement(j,{src:o,alt:h||"avatar"}),f&&r)},Xt=({amount:t,type:a,size:n="medium",color:i="primary",icon:l,className:o})=>e.createElement(u,{"data-notification-type":a,"data-notification-size":n,"data-notification-color":i,"data-has-icon":!!l||void 0,notificationType:a,notificationSize:n,notificationColor:i,hasIcon:!!l,className:o},e.createElement("div",null,t&&e.createElement("span",null,t)," ",l&&e.createElement("div",null,l))),Kt=({style:t,children:a,className:n,size:i="lg",type:l="bold",upperCase:o,as:r="h4",color:s})=>e.createElement(h,{style:Object.assign({color:s},t),className:n,"data-size":i,"data-type":l,"data-uppercase":o,as:r},a),Qt=()=>e.createElement("style",null,".file-dropdown-path{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}"),Jt=()=>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)"}))),ea=()=>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)"})),ta=()=>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)"})),aa=({className:a,value:i,options:l,onUploadSelected:o,id:r,placeholderIcon:s,placeholder:c,style:d})=>{const[m,p]=t(!1),g=()=>p(!m),u=n(l.map((t=>"upload"===t.type&&e.createElement("input",{id:"uploader-dropdown-input-"+r+"-"+t.value,key:"uploader-dropdown-input-"+r+"-"+t.value,accept:t.fileAcceptedType,multiple:t.multiple,type:"file",style:{display:"none"},onChange:e=>{console.log("change"),o(e.target.files)}}))));return e.createElement(v,{className:a,"data-dropdown-open":!!m,id:r,"data-has-icons":!0,style:d,onBlur:()=>p(!1),tabIndex:0},e.createElement(Qt,null),e.createElement(b,{onClick:g},s||e.createElement(Jt,null)," ",e.createElement("span",null,i&&i.value?i.label:c)),m&&e.createElement(y,{onClick:g,"data-has-icons":!0},l.map((t=>e.createElement(f,{key:`${r}-${t.value}`,"data-selected":i&&i.value===t.value||void 0,onClick:()=>{return"upload"===t.type?(a="#uploader-dropdown-input-"+r+"-"+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(ea,null):e.createElement(ta,null)),t.label)))),e.createElement(e.Fragment,null,u.current))},na=({className:t,columns:a,columnsDesktop:n,gridTemplateColumns:i,gridTemplateColumnsDesktop:l,gap:o,children:r,justifyChildren:s,style:c,alignItems:d})=>e.createElement(x,{className:t,style:Object.assign({"--columns-count":a,"--columns-count-desktop":n,"--grid-template-columns":i,"--grid-template-columns-desktop":l,"--justify-children":s,"--grid-gap":o,"--align-items":d},c)},r),ia=({pagesAmount:n,activePage:i,handlePageChange:o,handleClick:r,href:s,queryPageName:c="page"})=>{const d=[...Array(n)].map(((e,t)=>t+1)),[m,p]=t(i<=4?d.slice(0,5):i>=d.length-3?d.slice(d.length-5,d.length):d.slice(i-2,i+1));return a((()=>{i<=4?p(d.slice(0,5)):i>=d.length-3?p(d.slice(d.length-5,d.length)):p(d.slice(i-2,i+1))}),[i]),e.createElement(l,null,i>4&&e.createElement(l,null,e.createElement(C,{onClick:()=>o(1)},s?e.createElement("a",{href:s,onClick:r},1):1),e.createElement(C,null,"...")),m.map((t=>e.createElement(C,{key:`pagination+${t}`,"data-page-active":t===i||void 0,onClick:()=>o(t)},s?e.createElement("a",{href:T(s,t,c),onClick:r},t):t))),i<d.length-3&&e.createElement(l,null,e.createElement(C,null,"..."),e.createElement(C,{onClick:()=>o(d.length)},s?e.createElement("a",{href:T(s,d.length,c),onClick:r},d.length):d.length)))},la=({className:n,pagesAmount:l,currentPage:o,onChange:r,onClick:s,style:c,href:d,queryPageName:m="page"})=>{const p=[...Array(l)].map(((e,t)=>t+1)),[g,u]=t(o),h=i((()=>d&&d.endsWith("&page=")?d.replace("&page=",""):d),[d]),v=l-1,b=e=>{e<=l&&e>0&&(u(e),r(e))},y=e=>{s&&s(e)};return a((()=>{u(o)}),[o]),e.createElement(w,{className:n,style:c},e.createElement(k,{className:"prev-page",onClick:()=>b(g-1),"data-last-page":1===g||void 0},h?e.createElement("a",{href:T(h,g,m),onClick:y},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"}))),p.length>8?e.createElement(ia,{pagesAmount:l,activePage:g,handlePageChange:b,handleClick:y,href:h,queryPageName:m}):p.map((t=>e.createElement(C,{key:`pagination+${t}`,"data-page-active":t===g||void 0,onClick:()=>b(t)},h?e.createElement("a",{href:T(h,t,m),onClick:y},t):t))),e.createElement(k,{className:"next-page",onClick:()=>b(g+1),"data-last-page":g===v+1||void 0},h?e.createElement("a",{href:T(h,g,m),onClick:y},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"}))))},oa=({size:t="small",label:a,name:n,checked:i,value:l,className:o,isDisabled:r=!1,onChange:s,dataEventCategory:c,dataEventAction:d,dataEventLabel:m})=>{const p=!!d&&!!c&&!!m?{"data-event-category":c,"data-event-action":d,"data-event-label":m}:{};return e.createElement(O,Object.assign({size:"small"===t?"md":"lg",label:a,name:n,checked:i,value:l,className:o,disabled:r,onChange:e=>null==s?void 0:s(e.target.value)},p))},ra=({type:t,children:a,style:n,isInline:i,isSquared:l=!1,className:o,isLight:r,hasMorePadding:s,isLink:c,isSelected:d,textProps:m={size:"sm"}})=>{const p=m.color?{"--text-props-color":m.color}:{};return e.createElement(N,{"data-is-squared":l||void 0,"data-tag-type":t,"data-is-light":r||void 0,"data-has-more-padding":s||void 0,"data-is-inline":i||void 0,style:Object.assign(Object.assign({},n),p),className:o,"data-is-selected":d||void 0,"data-is-link":c||void 0,tagType:t,isInline:i,tagHasMorePadding:s,tagIsLight:r,tagIsSquared:l,tagIsALink:c},e.createElement(q,Object.assign({},m),a))},sa=({className:t,id:a,onChange:n,checked:i,style:l,label:o})=>e.createElement(B,{className:t,style:l},e.createElement("input",{type:"checkbox",id:a,onChange:n,checked:i}),e.createElement("label",{htmlFor:a},e.createElement(z,null),o&&e.createElement($,null,o))),ca=({label:t,name:a,checked:n,className:i,isDisabled:l,onChange:o,value:r,isRectangle:s,inputDataTestId:c,siteType:d})=>e.createElement(S,{className:i,"data-disabled":l||void 0,"data-is-rectangle":s||void 0,"data-label-text":t,"data-theme":d},e.createElement("input",{type:"checkbox",checked:n,name:a,onChange:()=>o(r,!n),disabled:l,value:r,id:`${a}-${r}`,"data-label-text":t,"data-testid":c}),!s&&e.createElement("label",{htmlFor:`${a}-${r}`},t)),da=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"})),ma=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"})),pa=t=>{const a=Y();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"})))},ga=({gap:a=2,size:n=24,star:i,totalStars:l=5,onSelect:o,hideEmptyStars:r,style:s,className:c})=>{const d=Math.floor(i),m=i-d>=.5?1:0,[p,g]=t(null),u=p||d,h=p?0:m;return e.createElement(P,{"data-selectable":!!o,style:Object.assign({"--gap":a,"--star-size":n},s),className:c},Array.from({length:r?d+m:l}).map(((t,a)=>{const n=()=>!!o&&g(a+1),i=()=>!!o&&g(null);return a+1<=u?e.createElement(ma,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:n,onMouseLeave:i}):a+1===u+h?e.createElement(pa,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:n,onMouseLeave:i}):e.createElement(da,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:n,onMouseLeave:i})})))},ua=l=>{var{label:o,availableValue:r,styles:s,isBaby:c,genderValue:d={male:"male",female:"female"}}=l,m=J(l,["label","availableValue","styles","isBaby","genderValue"]);const{t:g}=He(),{classes:u,cx:h}=D(void 0,{name:"GenderOptionControl",styles:s}),[v,b]=t(),y=n(null),f=i((()=>[{value:d.male,label:g(c?"gender.boy":"gender.male"),icon:X.getAssetPath(c?"health-tools/boy-icon.svg":"health-tools/male-icon.svg")},{value:d.female,label:g(c?"gender.girl":"gender.female"),icon:X.getAssetPath(c?"health-tools/girl-icon.svg":"health-tools/female-icon.svg")}]),[]);return a((()=>{b(r)}),[r]),e.createElement(te,{ref:y,className:u.root},e.createElement(ae.Group,Object.assign({className:"radio-group",label:e.createElement(p,{as:"label",size:"s4",weight:"semiBold"},o||g(c?"tools.selectBabyGender":"tools.selectGender")),size:"lg"},m,{classNames:{error:u.groupErr}}),e.createElement(ne,{className:h(u.wrapper)},f.map((t=>e.createElement(ae,Object.assign({className:"gender-item",classNames:{root:u.itemRoot,labelWrapper:u.itemLabelWrapper,label:u.itemLabel,inner:u.itemInner},key:t.value,value:t.value},v&&t.value!==v&&{disabled:!0},{label:e.createElement(ne,{gap:ie(8),align:"center",justify:"center",sx:{zIndex:0}},e.createElement("img",{src:t.icon,className:"gender-image",alt:"female",loading:"lazy"}),e.createElement(p,{size:"p3"},t.label))})))))))};var ha="PiqKaXk",va="HgbW6-m",ba="_6lkfLYy",ya="j7c-onH";const fa=({avatarImg:t,authorName:a,authorLink:n,uploadTime:i,size:l})=>e.createElement("div",{className:ya},e.createElement("div",{className:"author"},e.createElement("div",{className:"avatar","data-size":l},t),e.createElement("div",{className:"poster","data-is-disabled-url":!n},e.createElement(p,{size:"lg"===l?"p3":"p4"},e.createElement("a",{href:n},e.createElement("span",{className:"name"},a),"•"," "),e.createElement("span",null,i))))),Ea=({isMobile:t,avatarImg:a,name:n,link:i,size:l="lg",specialty:o})=>e.createElement("div",{className:ya},e.createElement("div",{className:"author"},e.createElement("div",{className:"expert-avatar","data-size":l},a),e.createElement("div",{className:"expert","data-is-disabled-url":!i},t?e.createElement("a",{href:i},"lg"===l?e.createElement(e.Fragment,null,e.createElement(K,{tag:"h6",className:"expert__name",color:Q.colors.gray600},n),e.createElement(p,{color:Q.colors.gray500,size:"p3",className:"specialty"},o)):e.createElement(e.Fragment,null,e.createElement(K,{tag:"h6",className:"expert__name",color:Q.colors.gray600},n))):e.createElement("a",{href:i},"lg"===l?e.createElement(e.Fragment,null,e.createElement(K,{tag:"h6",className:"expert__name",color:Q.colors.gray600},n),e.createElement(p,{color:Q.colors.gray500,size:"p3",className:"specialty"},o)):e.createElement(e.Fragment,null,e.createElement("h6",{color:Q.colors.gray600,className:`${ha} expert__name`},n),e.createElement(p,{color:Q.colors.gray500,size:"p4",className:"specialty"},o)))))),xa=o((()=>e.createElement("div",{className:"shoppable"},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},e.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),e.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"}))))),wa=o((({dataEventCategoryForBookmark:t,dataEventActionForBookmark:a,dataEventLabelForBookmark:n})=>e.createElement("svg",{"data-event-category":t,"data-event-action":a,"data-event-label":n,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none"},e.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))),ka=o((({dataEventCategoryForBookmark:t,dataEventActionForBookmark:a,dataEventLabelForBookmark:n})=>e.createElement("svg",{"data-event-category":t,"data-event-action":a,"data-event-label":n,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},e.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),Ca=({articleLink:t,authorLink:a,authorName:n,avatarImg:i,banner:l,categoryLink:o,categoryName:r,className:s,dataEventActionForBanner:c,dataEventActionForBookmark:d,dataEventActionForCategory:m,dataEventActionForTitle:g,dataEventCategoryForBanner:u,dataEventCategoryForBookmark:h,dataEventCategoryForCategory:v,dataEventCategoryForTitle:b,dataEventLabelForBanner:y,dataEventLabelForBookmark:f,dataEventLabelForCategory:E,dataEventLabelForTitle:x,direction:w="horizontal",hasAffiliate:k,isBookmark:C=!1,isBookmarkDisplayed:N=!0,isMobile:B=!0,onBookmark:z,onClickCategoryName:$,section:S="normal",size:P="md",specialty:D,style:L,styleBanner:I,styleLabel:M,styleTitle:T,text:A,title:j,type:O="author",uploadTime:_,articleLinkTarget:F,isPremium:H})=>{const R=e=>{e.stopPropagation(),null==z||z()},W="lg"===P&&"expert"===O?"h4":"lg"===P&&"home"===S?B?"h4":"h3":"lg"===P?"h4":"h5",U="lg"===P?"p3":"p4",V=B||"home"!==S||"lg"!==P||"author"!==O?"c2":"c1";return e.createElement("article",{className:`${ba} ${s||""}`,"data-size":P,style:L,"data-direction":w,"data-is-expert":"expert"===O||void 0},e.createElement("div",{className:"banner",style:I},e.createElement("a",{className:va,"data-event-category":u,"data-event-action":c,"data-event-label":y,href:t||"#",target:F},l),H&&e.createElement("img",{loading:"lazy",className:"premium",src:X.getAssetPath("premium-crown.svg")}),k&&e.createElement(xa,null)),e.createElement("div",{className:"content"},e.createElement("div",{className:"inner-content"},e.createElement(p,{style:M,className:"label",size:V,weight:"caption"},e.createElement("a",{className:va,"data-event-category":v,"data-event-action":m,"data-event-label":E,href:o||"#",onClick:$},r),N&&e.createElement("a",{className:"bookmark",onClick:R},C?e.createElement(wa,{dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}):e.createElement(ka,{dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}))),e.createElement(K,{tag:W,style:T,className:"title",as:"lg"===P?"h2":"h3"},e.createElement("a",{className:va,"data-event-category":b,"data-event-action":g,"data-event-label":x,href:t||"#",target:F},j)),A&&e.createElement("a",{href:t||"#",target:F},e.createElement(p,{size:U,className:"text"},A))),e.createElement("div",{className:"footer"},"author"===O?e.createElement(fa,{size:P,avatarImg:i,authorName:n,authorLink:a,uploadTime:_,handleClick:R,isBookmarked:C,dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}):e.createElement(Ea,{size:P,isMobile:B,avatarImg:i,specialty:D,name:n,link:a,handleClick:R,isBookmarked:C,dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}))))},Na=t=>{var a,n,i,{article:l,author:o,authorAvatar:r,badge:s="",hideDescription:c=!1,isBookmarked:d=!1,onBookmark:m,time:g,tracking:u}=t,h=J(t,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:v}=_();return console.log({article:l}),e.createElement(le,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},h),e.createElement(le.Section,{w:"100%",h:"100%",miw:264,m:0,className:"pointer"},e.createElement("img",{src:(v?l.featureImageMobile:l.featureImage)||l.featureImage,alt:l.postName,style:{width:"100%"},loading:"lazy"})),e.createElement(le.Section,null,e.createElement(oe,{position:"apart",mt:16,mb:4},e.createElement(F,{href:(null===(a=null==l?void 0:l.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},e.createElement(p,{size:"p4",color:"blue.6"},null===(n=null==l?void 0:l.primaryCategory)||void 0===n?void 0:n.displayName)),e.createElement(te,{sx:{cursor:"pointer"},role:"button",onClick:m},d?e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==u?void 0:u.bookmark),e.createElement("path",{d:"M6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7Z",fill:"#595959"})):e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==u?void 0:u.bookmark),e.createElement("path",{d:"M7 17.95L12 15.8L17 17.95V5.3C17 5.23333 16.9667 5.16667 16.9 5.1C16.8333 5.03333 16.7667 5 16.7 5H7.3C7.23333 5 7.16667 5.03333 7.1 5.1C7.03333 5.16667 7 5.23333 7 5.3V17.95ZM6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7ZM7 5H17H12H7Z",fill:"#595959"})))),e.createElement(p,{size:c?"s2":"s1",mb:8,weight:"semiBold",className:"pointer"},l.postTitle||l.postName||""),!c&&e.createElement(p,{size:"p2",mb:16,lineClamp:3,className:"pointer"},fe(l.excerpt||l.description||(null===(i=l.postContent)||void 0===i?void 0:i.split("\r\n")[0])||"")),e.createElement(ne,{gap:12,align:"center"},e.createElement(H,{size:32,src:r,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:e.createElement("img",{loading:"lazy",src:s,alt:""})}},"A"),e.createElement(p,{size:"n1",c:"gray.6"},o," • ",g))))};var Ba=re(((e,{})=>({root:{},image:{},title:{},category:{},description:{},author:{}})));const za=648/440,$a=1.5,Sa=t=>{var a,n,l,{article:o,author:r,authorAvatar:s,badge:c="",bannerImageWrapProps:d,hideDescription:m=!1,isBookmarked:g=!1,onBookmark:u,time:h,tracking:v,classNames:b,styles:y,unstyled:f,className:E}=t,x=J(t,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:w}=_(),{classes:k,cx:C}=Ba({},{name:"ArticleCard",classNames:b,styles:y,unstyled:f}),N=i((()=>m?$a:za),[m]);return e.createElement(le,Object.assign({className:C(k.root,E),padding:"lg",radius:0},x),e.createElement(le.Section,{className:C(k.image,"pointer")},e.createElement(R,Object.assign({ratio:N},d),e.createElement("img",{src:(w?o.featureImageMobile:o.featureImage)||o.featureImage,alt:o.postName,style:{objectFit:"cover"}}))),e.createElement(le.Section,null,e.createElement(oe,{position:"apart",mt:16,mb:4},e.createElement(F,{className:k.category,href:(null===(a=null==o?void 0:o.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},e.createElement(p,{size:"p4",color:"blue.6"},null===(n=null==o?void 0:o.primaryCategory)||void 0===n?void 0:n.displayName)),e.createElement(te,{sx:{cursor:"pointer"},role:"button",onClick:u},g?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(p,{className:C(k.title,"pointer"),size:m?"s2":"s1",mb:8,weight:"semiBold"},o.postTitle||o.postName||""),!m&&e.createElement(p,{className:C(k.description,"pointer"),size:"p2",mb:16,lineClamp:3},fe(o.excerpt||o.description||(null===(l=o.postContent)||void 0===l?void 0:l.split("\r\n")[0])||"")),e.createElement(ne,{className:k.author,gap:12,align:"center"},e.createElement(H,{size:32,src:s,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:e.createElement("img",{loading:"lazy",src:c,alt:""})}},"A"),e.createElement(p,{size:"n1",c:"gray.6"},r," • ",h))))},Pa=t=>{var{variant:a="vertical"}=t,n=J(t,["variant"]);return"horizontal"===a?e.createElement(Na,Object.assign({},n)):e.createElement(Sa,Object.assign({},n))},Da=Le.a`
+import e,{useState as t,useEffect as a,useRef as n,useMemo as i,Fragment as l,memo as o,useCallback as r,useImperativeHandle as s,forwardRef as c,createContext as d,useContext as m}from"react";import{T as p}from"./Plus-8cef4caa.js";import{b as g,c as u,d as h,e as v,f as b,h as y,i as f,j as E,k as x,l as w,m as k,n as C,o as N,p as B,q as z,r as $,s as S,t as P,u as D,T as L,g as I,P as M}from"./index.styles-4c6315d7.js";import{f as T,M as A}from"./utils-62658391.js";import{I as j,R as O,u as _,A as F,b as H,c as R,B as W,d as U,e as V,f as G,t as Z}from"./index-62568f31.js";import{T as q}from"./index-9a160c2c.js";import{a as Y}from"./useUniqueId-dfbebe55.js";import{C as X}from"./index-30dcdaff.js";import{H as K}from"./index-a9f5bf20.js";import{t as Q}from"./theme-c7fcc315.js";import{_ as J,a as ee}from"./tslib.es6-54269969.js";import{Box as te,Radio as ae,Flex as ne,rem as ie,Card as le,Group as oe,createStyles as re,Stack as se,getStylesRef as ce,useMantineTheme as de,Container as me,UnstyledButton as pe,AspectRatio as ge,ScrollArea as ue,Chip as he,Badge as ve,MultiSelect as be,Stepper as ye}from"@mantine/core";import fe from"innertext";import"@mantine/dates";import{d as Ee,L as xe,F as we,Q as ke,R as Ce,a as Ne,G as Be}from"./index-7d8e4d8b.js";import{G as ze,L as $e}from"./Subot-ba94d06d.js";import"./translationsContext-05acb0bb.js";import"string-format";import{useViewportSize as Se}from"@mantine/hooks";import{i as Pe,d as De}from"./index-141712fe.js";import Le,{keyframes as Ie,css as Me}from"styled-components";import Te from"lodash/throttle";import{L as Ae}from"./index-c3993bda.js";import{B as je}from"./index-647e25e0.js";import{I as Oe}from"./index-97c988f4.js";import _e from"html-react-parser";import{i as Fe}from"./isProduction-19272325.js";import{u as He}from"./useTranslations-a40b1ce6.js";import{format as Re,addDays as We,isBefore as Ue,startOfMonth as Ve,addMonths as Ge,subMonths as Ze,getDaysInMonth as qe,isToday as Ye,isSameDay as Xe,isWithinInterval as Ke,isAfter as Qe,isPast as Je}from"date-fns";import et from"dayjs";import"./utils-65178664.js";import{I as tt}from"./index-fc3bb59b.js";import"./index.styled-83923568.js";import"./index-d5218a33.js";import{L as at}from"./constants-cac24050.js";import{Z as nt,s as it,H as lt,o as ot,d as rt,P as st,T as ct,t as dt,u as mt,v as pt}from"./utils-cd3a7006.js";import{D as gt}from"./types-e8b4798d.js";import{D as ut}from"./index-dbde2b91.js";import{S as ht}from"./index-64942f9b.js";import{M as vt}from"./index-e3793123.js";import{D as bt}from"./index-7eb55c75.js";import{C as yt}from"./index-7b756a6d.js";import{useForm as ft,Controller as Et}from"react-hook-form";import{u as xt}from"./useHealthToolCache-1f9ac3e3.js";import{yupResolver as wt}from"@hookform/resolvers/yup";import{B as kt,D as Ct}from"./index-2cc07b58.js";import{h as Nt}from"./index-b5608883.js";import"./WhatsApp-44e057d5.js";import{a as Bt}from"./useOutsideClick-300879ed.js";import zt from"date-fns/locale/en-US";import $t from"date-fns/locale/id";import St from"date-fns/locale/vi";import Pt from"date-fns/locale/zh-TW";import{g as Dt}from"./getSocialList-29a0bf49.js";import{v4 as Lt}from"uuid";import{g as It,a as Mt}from"./routing-c329e50f.js";import{useForm as Tt,isNotEmpty as At}from"@mantine/form";import{M as jt}from"./index-d57b7df3.js";import Ot from"js-cookie";import _t from"lodash/flatten";import Ft from"lodash/uniqBy";import{g as Ht}from"./cookieHelper-df4a2854.js";import{n as Rt,a as Wt}from"./normalizeLink-1ae80c80.js";var Ut="CHw-fZZ",Vt="_03U6VRS",Gt="EO828Vv";const Zt=({style:t,onClose:a,text:n,type:i,contentIcon:l,closeIcon:o,className:r,description:s})=>e.createElement("div",{className:`${Ut} ${r||""}`,style:t,"data-alert-type":i},e.createElement("div",{className:Vt},e.createElement("div",{className:"icon-title"},l,e.createElement(p,{weight:"bold",size:"label1"},n)),e.createElement(p,{weight:"regular",size:"p3"},s)),e.createElement("div",{className:Gt,onClick:a},o)),qt={xs:28,small:32,medium:40,large:48,xl:64,xxl:80,xxxl:96},Yt=({type:n="square",size:i,avatarImg:l,avatarUrl:o,firstLetter:r,backgroundColor:s,onClick:c,style:d,className:m,width:p,height:u,alt:h})=>{const v=i?qt[i]:void 0,[b,y]=t(!1);a((()=>{if(o){const e=document.createElement("img");e.setAttribute("src",o),e.addEventListener("error",(()=>{y(!0)}))}}),[o,y]);const f=(!o&&!l||b)&&r;return e.createElement(g,{style:Object.assign(Object.assign({},d),{"--size":v?v+"px":void 0,"--width-prop":p?p+"px":void 0,"--height-prop":u?u+"px":void 0,"--background-color":s}),"data-has-max":!(!p||!u),"data-avatar-type":n,onClick:c,className:m,avatarUrl:o,"data-custom-size":!!i},l,o&&!b&&e.createElement(j,{src:o,alt:h||"avatar"}),f&&r)},Xt=({amount:t,type:a,size:n="medium",color:i="primary",icon:l,className:o})=>e.createElement(u,{"data-notification-type":a,"data-notification-size":n,"data-notification-color":i,"data-has-icon":!!l||void 0,notificationType:a,notificationSize:n,notificationColor:i,hasIcon:!!l,className:o},e.createElement("div",null,t&&e.createElement("span",null,t)," ",l&&e.createElement("div",null,l))),Kt=({style:t,children:a,className:n,size:i="lg",type:l="bold",upperCase:o,as:r="h4",color:s})=>e.createElement(h,{style:Object.assign({color:s},t),className:n,"data-size":i,"data-type":l,"data-uppercase":o,as:r},a),Qt=()=>e.createElement("style",null,".file-dropdown-path{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}"),Jt=()=>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)"}))),ea=()=>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)"})),ta=()=>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)"})),aa=({className:a,value:i,options:l,onUploadSelected:o,id:r,placeholderIcon:s,placeholder:c,style:d})=>{const[m,p]=t(!1),g=()=>p(!m),u=n(l.map((t=>"upload"===t.type&&e.createElement("input",{id:"uploader-dropdown-input-"+r+"-"+t.value,key:"uploader-dropdown-input-"+r+"-"+t.value,accept:t.fileAcceptedType,multiple:t.multiple,type:"file",style:{display:"none"},onChange:e=>{console.log("change"),o(e.target.files)}}))));return e.createElement(v,{className:a,"data-dropdown-open":!!m,id:r,"data-has-icons":!0,style:d,onBlur:()=>p(!1),tabIndex:0},e.createElement(Qt,null),e.createElement(b,{onClick:g},s||e.createElement(Jt,null)," ",e.createElement("span",null,i&&i.value?i.label:c)),m&&e.createElement(y,{onClick:g,"data-has-icons":!0},l.map((t=>e.createElement(f,{key:`${r}-${t.value}`,"data-selected":i&&i.value===t.value||void 0,onClick:()=>{return"upload"===t.type?(a="#uploader-dropdown-input-"+r+"-"+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(ea,null):e.createElement(ta,null)),t.label)))),e.createElement(e.Fragment,null,u.current))},na=({className:t,columns:a,columnsDesktop:n,gridTemplateColumns:i,gridTemplateColumnsDesktop:l,gap:o,children:r,justifyChildren:s,style:c,alignItems:d})=>e.createElement(x,{className:t,style:Object.assign({"--columns-count":a,"--columns-count-desktop":n,"--grid-template-columns":i,"--grid-template-columns-desktop":l,"--justify-children":s,"--grid-gap":o,"--align-items":d},c)},r),ia=({pagesAmount:n,activePage:i,handlePageChange:o,handleClick:r,href:s,queryPageName:c="page"})=>{const d=[...Array(n)].map(((e,t)=>t+1)),[m,p]=t(i<=4?d.slice(0,5):i>=d.length-3?d.slice(d.length-5,d.length):d.slice(i-2,i+1));return a((()=>{i<=4?p(d.slice(0,5)):i>=d.length-3?p(d.slice(d.length-5,d.length)):p(d.slice(i-2,i+1))}),[i]),e.createElement(l,null,i>4&&e.createElement(l,null,e.createElement(C,{onClick:()=>o(1)},s?e.createElement("a",{href:s,onClick:r},1):1),e.createElement(C,null,"...")),m.map((t=>e.createElement(C,{key:`pagination+${t}`,"data-page-active":t===i||void 0,onClick:()=>o(t)},s?e.createElement("a",{href:T(s,t,c),onClick:r},t):t))),i<d.length-3&&e.createElement(l,null,e.createElement(C,null,"..."),e.createElement(C,{onClick:()=>o(d.length)},s?e.createElement("a",{href:T(s,d.length,c),onClick:r},d.length):d.length)))},la=({className:n,pagesAmount:l,currentPage:o,onChange:r,onClick:s,style:c,href:d,queryPageName:m="page"})=>{const p=[...Array(l)].map(((e,t)=>t+1)),[g,u]=t(o),h=i((()=>d&&d.endsWith("&page=")?d.replace("&page=",""):d),[d]),v=l-1,b=e=>{e<=l&&e>0&&(u(e),r(e))},y=e=>{s&&s(e)};return a((()=>{u(o)}),[o]),e.createElement(w,{className:n,style:c},e.createElement(k,{className:"prev-page",onClick:()=>b(g-1),"data-last-page":1===g||void 0},h?e.createElement("a",{href:T(h,g,m),onClick:y},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"}))),p.length>8?e.createElement(ia,{pagesAmount:l,activePage:g,handlePageChange:b,handleClick:y,href:h,queryPageName:m}):p.map((t=>e.createElement(C,{key:`pagination+${t}`,"data-page-active":t===g||void 0,onClick:()=>b(t)},h?e.createElement("a",{href:T(h,t,m),onClick:y},t):t))),e.createElement(k,{className:"next-page",onClick:()=>b(g+1),"data-last-page":g===v+1||void 0},h?e.createElement("a",{href:T(h,g,m),onClick:y},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"}))))},oa=({size:t="small",label:a,name:n,checked:i,value:l,className:o,isDisabled:r=!1,onChange:s,dataEventCategory:c,dataEventAction:d,dataEventLabel:m})=>{const p=!!d&&!!c&&!!m?{"data-event-category":c,"data-event-action":d,"data-event-label":m}:{};return e.createElement(O,Object.assign({size:"small"===t?"md":"lg",label:a,name:n,checked:i,value:l,className:o,disabled:r,onChange:e=>null==s?void 0:s(e.target.value)},p))},ra=({type:t,children:a,style:n,isInline:i,isSquared:l=!1,className:o,isLight:r,hasMorePadding:s,isLink:c,isSelected:d,textProps:m={size:"sm"}})=>{const p=m.color?{"--text-props-color":m.color}:{};return e.createElement(N,{"data-is-squared":l||void 0,"data-tag-type":t,"data-is-light":r||void 0,"data-has-more-padding":s||void 0,"data-is-inline":i||void 0,style:Object.assign(Object.assign({},n),p),className:o,"data-is-selected":d||void 0,"data-is-link":c||void 0,tagType:t,isInline:i,tagHasMorePadding:s,tagIsLight:r,tagIsSquared:l,tagIsALink:c},e.createElement(q,Object.assign({},m),a))},sa=({className:t,id:a,onChange:n,checked:i,style:l,label:o})=>e.createElement(B,{className:t,style:l},e.createElement("input",{type:"checkbox",id:a,onChange:n,checked:i}),e.createElement("label",{htmlFor:a},e.createElement(z,null),o&&e.createElement($,null,o))),ca=({label:t,name:a,checked:n,className:i,isDisabled:l,onChange:o,value:r,isRectangle:s,inputDataTestId:c,siteType:d})=>e.createElement(S,{className:i,"data-disabled":l||void 0,"data-is-rectangle":s||void 0,"data-label-text":t,"data-theme":d},e.createElement("input",{type:"checkbox",checked:n,name:a,onChange:()=>o(r,!n),disabled:l,value:r,id:`${a}-${r}`,"data-label-text":t,"data-testid":c}),!s&&e.createElement("label",{htmlFor:`${a}-${r}`},t)),da=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"})),ma=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"})),pa=t=>{const a=Y();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"})))},ga=({gap:a=2,size:n=24,star:i,totalStars:l=5,onSelect:o,hideEmptyStars:r,style:s,className:c})=>{const d=Math.floor(i),m=i-d>=.5?1:0,[p,g]=t(null),u=p||d,h=p?0:m;return e.createElement(P,{"data-selectable":!!o,style:Object.assign({"--gap":a,"--star-size":n},s),className:c},Array.from({length:r?d+m:l}).map(((t,a)=>{const n=()=>!!o&&g(a+1),i=()=>!!o&&g(null);return a+1<=u?e.createElement(ma,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:n,onMouseLeave:i}):a+1===u+h?e.createElement(pa,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:n,onMouseLeave:i}):e.createElement(da,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:n,onMouseLeave:i})})))},ua=l=>{var{label:o,availableValue:r,styles:s,isBaby:c,genderValue:d={male:"male",female:"female"}}=l,m=J(l,["label","availableValue","styles","isBaby","genderValue"]);const{t:g}=He(),{classes:u,cx:h}=D(void 0,{name:"GenderOptionControl",styles:s}),[v,b]=t(),y=n(null),f=i((()=>[{value:d.male,label:g(c?"gender.boy":"gender.male"),icon:X.getAssetPath(c?"health-tools/boy-icon.svg":"health-tools/male-icon.svg")},{value:d.female,label:g(c?"gender.girl":"gender.female"),icon:X.getAssetPath(c?"health-tools/girl-icon.svg":"health-tools/female-icon.svg")}]),[]);return a((()=>{b(r)}),[r]),e.createElement(te,{ref:y,className:u.root},e.createElement(ae.Group,Object.assign({className:"radio-group",label:e.createElement(p,{as:"label",size:"s4",weight:"semiBold"},o||g(c?"tools.selectBabyGender":"tools.selectGender")),size:"lg"},m,{classNames:{error:u.groupErr}}),e.createElement(ne,{className:h(u.wrapper)},f.map((t=>e.createElement(ae,Object.assign({className:"gender-item",classNames:{root:u.itemRoot,labelWrapper:u.itemLabelWrapper,label:u.itemLabel,inner:u.itemInner},key:t.value,value:t.value},v&&t.value!==v&&{disabled:!0},{label:e.createElement(ne,{gap:ie(8),align:"center",justify:"center",sx:{zIndex:0}},e.createElement("img",{src:t.icon,className:"gender-image",alt:"female",loading:"lazy"}),e.createElement(p,{size:"p3"},t.label))})))))))};var ha="PiqKaXk",va="HgbW6-m",ba="_6lkfLYy",ya="j7c-onH";const fa=({avatarImg:t,authorName:a,authorLink:n,uploadTime:i,size:l})=>e.createElement("div",{className:ya},e.createElement("div",{className:"author"},e.createElement("div",{className:"avatar","data-size":l},t),e.createElement("div",{className:"poster","data-is-disabled-url":!n},e.createElement(p,{size:"lg"===l?"p3":"p4"},e.createElement("a",{href:n},e.createElement("span",{className:"name"},a),"•"," "),e.createElement("span",null,i))))),Ea=({isMobile:t,avatarImg:a,name:n,link:i,size:l="lg",specialty:o})=>e.createElement("div",{className:ya},e.createElement("div",{className:"author"},e.createElement("div",{className:"expert-avatar","data-size":l},a),e.createElement("div",{className:"expert","data-is-disabled-url":!i},t?e.createElement("a",{href:i},"lg"===l?e.createElement(e.Fragment,null,e.createElement(K,{tag:"h6",className:"expert__name",color:Q.colors.gray600},n),e.createElement(p,{color:Q.colors.gray500,size:"p3",className:"specialty"},o)):e.createElement(e.Fragment,null,e.createElement(K,{tag:"h6",className:"expert__name",color:Q.colors.gray600},n))):e.createElement("a",{href:i},"lg"===l?e.createElement(e.Fragment,null,e.createElement(K,{tag:"h6",className:"expert__name",color:Q.colors.gray600},n),e.createElement(p,{color:Q.colors.gray500,size:"p3",className:"specialty"},o)):e.createElement(e.Fragment,null,e.createElement("h6",{color:Q.colors.gray600,className:`${ha} expert__name`},n),e.createElement(p,{color:Q.colors.gray500,size:"p4",className:"specialty"},o)))))),xa=o((()=>e.createElement("div",{className:"shoppable"},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},e.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),e.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"}))))),wa=o((({dataEventCategoryForBookmark:t,dataEventActionForBookmark:a,dataEventLabelForBookmark:n})=>e.createElement("svg",{"data-event-category":t,"data-event-action":a,"data-event-label":n,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none"},e.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))),ka=o((({dataEventCategoryForBookmark:t,dataEventActionForBookmark:a,dataEventLabelForBookmark:n})=>e.createElement("svg",{"data-event-category":t,"data-event-action":a,"data-event-label":n,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},e.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),Ca=({articleLink:t,authorLink:a,authorName:n,avatarImg:i,banner:l,categoryLink:o,categoryName:r,className:s,dataEventActionForBanner:c,dataEventActionForBookmark:d,dataEventActionForCategory:m,dataEventActionForTitle:g,dataEventCategoryForBanner:u,dataEventCategoryForBookmark:h,dataEventCategoryForCategory:v,dataEventCategoryForTitle:b,dataEventLabelForBanner:y,dataEventLabelForBookmark:f,dataEventLabelForCategory:E,dataEventLabelForTitle:x,direction:w="horizontal",hasAffiliate:k,isBookmark:C=!1,isBookmarkDisplayed:N=!0,isMobile:B=!0,onBookmark:z,onClickCategoryName:$,section:S="normal",size:P="md",specialty:D,style:L,styleBanner:I,styleLabel:M,styleTitle:T,text:A,title:j,type:O="author",uploadTime:_,articleLinkTarget:F,isPremium:H})=>{const R=e=>{e.stopPropagation(),null==z||z()},W="lg"===P&&"expert"===O?"h4":"lg"===P&&"home"===S?B?"h4":"h3":"lg"===P?"h4":"h5",U="lg"===P?"p3":"p4",V=B||"home"!==S||"lg"!==P||"author"!==O?"c2":"c1";return e.createElement("article",{className:`${ba} ${s||""}`,"data-size":P,style:L,"data-direction":w,"data-is-expert":"expert"===O||void 0},e.createElement("div",{className:"banner",style:I},e.createElement("a",{className:va,"data-event-category":u,"data-event-action":c,"data-event-label":y,href:t||"#",target:F},l),H&&e.createElement("img",{loading:"lazy",className:"premium",src:X.getAssetPath("premium-crown.svg")}),k&&e.createElement(xa,null)),e.createElement("div",{className:"content"},e.createElement("div",{className:"inner-content"},e.createElement(p,{style:M,className:"label",size:V,weight:"caption"},e.createElement("a",{className:va,"data-event-category":v,"data-event-action":m,"data-event-label":E,href:o||"#",onClick:$},r),N&&e.createElement("a",{className:"bookmark",onClick:R},C?e.createElement(wa,{dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}):e.createElement(ka,{dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}))),e.createElement(K,{tag:W,style:T,className:"title",as:"lg"===P?"h2":"h3"},e.createElement("a",{className:va,"data-event-category":b,"data-event-action":g,"data-event-label":x,href:t||"#",target:F},j)),A&&e.createElement("a",{href:t||"#",target:F},e.createElement(p,{size:U,className:"text"},A))),e.createElement("div",{className:"footer"},"author"===O?e.createElement(fa,{size:P,avatarImg:i,authorName:n,authorLink:a,uploadTime:_,handleClick:R,isBookmarked:C,dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}):e.createElement(Ea,{size:P,isMobile:B,avatarImg:i,specialty:D,name:n,link:a,handleClick:R,isBookmarked:C,dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}))))},Na=t=>{var a,n,i,{article:l,author:o,authorAvatar:r,badge:s="",hideDescription:c=!1,isBookmarked:d=!1,onBookmark:m,time:g,tracking:u}=t,h=J(t,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:v}=_();return console.log({article:l}),e.createElement(le,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},h),e.createElement(le.Section,{w:"100%",h:"100%",miw:264,m:0,className:"pointer"},e.createElement("img",{src:(v?l.featureImageMobile:l.featureImage)||l.featureImage,alt:l.postName,style:{width:"100%"},loading:"lazy"})),e.createElement(le.Section,null,e.createElement(oe,{position:"apart",mt:16,mb:4},e.createElement(F,{href:(null===(a=null==l?void 0:l.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},e.createElement(p,{size:"p4",color:"blue.6"},null===(n=null==l?void 0:l.primaryCategory)||void 0===n?void 0:n.displayName)),e.createElement(te,{sx:{cursor:"pointer"},role:"button",onClick:m},d?e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==u?void 0:u.bookmark),e.createElement("path",{d:"M6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7Z",fill:"#595959"})):e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==u?void 0:u.bookmark),e.createElement("path",{d:"M7 17.95L12 15.8L17 17.95V5.3C17 5.23333 16.9667 5.16667 16.9 5.1C16.8333 5.03333 16.7667 5 16.7 5H7.3C7.23333 5 7.16667 5.03333 7.1 5.1C7.03333 5.16667 7 5.23333 7 5.3V17.95ZM6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7ZM7 5H17H12H7Z",fill:"#595959"})))),e.createElement(p,{size:c?"s2":"s1",mb:8,weight:"semiBold",className:"pointer"},l.postTitle||l.postName||""),!c&&e.createElement(p,{size:"p2",mb:16,lineClamp:3,className:"pointer"},fe(l.excerpt||l.description||(null===(i=l.postContent)||void 0===i?void 0:i.split("\r\n")[0])||"")),e.createElement(ne,{gap:12,align:"center"},e.createElement(H,{size:32,src:r,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:e.createElement("img",{loading:"lazy",src:s,alt:""})}},"A"),e.createElement(p,{size:"n1",c:"gray.6"},o," • ",g))))};var Ba=re(((e,{})=>({root:{},image:{},title:{},category:{},description:{},author:{}})));const za=648/440,$a=1.5,Sa=t=>{var a,n,l,{article:o,author:r,authorAvatar:s,badge:c="",bannerImageWrapProps:d,hideDescription:m=!1,isBookmarked:g=!1,onBookmark:u,time:h,tracking:v,classNames:b,styles:y,unstyled:f,className:E}=t,x=J(t,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:w}=_(),{classes:k,cx:C}=Ba({},{name:"ArticleCard",classNames:b,styles:y,unstyled:f}),N=i((()=>m?$a:za),[m]);return e.createElement(le,Object.assign({className:C(k.root,E),padding:"lg",radius:0},x),e.createElement(le.Section,{className:C(k.image,"pointer")},e.createElement(R,Object.assign({ratio:N},d),e.createElement("img",{src:(w?o.featureImageMobile:o.featureImage)||o.featureImage,alt:o.postName,style:{objectFit:"cover"}}))),e.createElement(le.Section,null,e.createElement(oe,{position:"apart",mt:16,mb:4},e.createElement(F,{className:k.category,href:(null===(a=null==o?void 0:o.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},e.createElement(p,{size:"p4",color:"blue.6"},null===(n=null==o?void 0:o.primaryCategory)||void 0===n?void 0:n.displayName)),e.createElement(te,{sx:{cursor:"pointer"},role:"button",onClick:u},g?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(p,{className:C(k.title,"pointer"),size:m?"s2":"s1",mb:8,weight:"semiBold"},o.postTitle||o.postName||""),!m&&e.createElement(p,{className:C(k.description,"pointer"),size:"p2",mb:16,lineClamp:3},fe(o.excerpt||o.description||(null===(l=o.postContent)||void 0===l?void 0:l.split("\r\n")[0])||"")),e.createElement(ne,{className:k.author,gap:12,align:"center"},e.createElement(H,{size:32,src:s,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:e.createElement("img",{loading:"lazy",src:c,alt:""})}},"A"),e.createElement(p,{size:"n1",c:"gray.6"},r," • ",h))))},Pa=t=>{var{variant:a="vertical"}=t,n=J(t,["variant"]);return"horizontal"===a?e.createElement(Na,Object.assign({},n)):e.createElement(Sa,Object.assign({},n))},Da=Le.a`
   display: flex;
   height: 125px;
 
@@ -2745,4 +2745,4 @@ import e,{useState as t,useEffect as a,useRef as n,useMemo as i,Fragment as l,me
   top: 1px;
   right: 1px;
   cursor: pointer;
-`,Jl={},eo=e=>{if(Jl[e]){window.googletag=window.googletag||{cmd:[]};const{googletag:t}=window;t.cmd.push((function(){t.destroySlots([Jl[e]]),delete Jl[e]}))}},to=["TopBanner","MidBanner1","MidBanner2","EndBanner","Sticky"],ao=o(c((function({className:i,adUnitPath:l,size:o,divId:r,pos:s,sizeMapping:c,contentId:d,isHidden:m,hideIfHasSubot:p,isSticky:g,refreshInterval:u,customTargetings:h,style:v,adDefaultSize:b,noWrapper:y,showCloseBtn:f,onCloseAd:E,headerBottom:x,wrapperProps:w,locale:k,isMarryBaby:C},N){const B=u||(k===$e.Vietnam&&s.some((e=>to.includes(e)))?30:void 0),{t:z}=He(),$=n(null),S=n(null),P=n(B);P.current=B;const[D,L]=t(!1),I=()=>{P.current&&(null!==S.current&&clearInterval(S.current),S.current=window.setInterval((()=>{window.googletag=window.googletag||{cmd:[]};const{googletag:e}=window;e.cmd.push((function(){Jl[r]&&e.pubads().refresh([Jl[r]])}))}),1e3*P.current))};if(a((()=>()=>{eo(r),S.current&&clearInterval(S.current)}),[]),a((()=>{I()}),[B]),a((()=>{m||(({contentId:e,adUnitPath:t,size:a,divId:n,pos:i,sizeMapping:l,hideIfHasSubot:o,customTargetings:r,onSuccess:s})=>{if(!n||!document.getElementById(n))return console.error("divId is required");eo(n),window.googletag=window.googletag||{cmd:[]};const{googletag:c}=window;c.cmd.push((function(){const d=document.querySelector('meta[name="content_id"]'),m="string"==typeof e?e:null==d?void 0:d.content,p=c.defineSlot(t,a,n);if(p){try{r&&Object.keys(r).forEach((e=>{e&&(null==p||p.setTargeting(e,r[e]))}))}catch(e){console.error(e)}Jl[n]=p,p.setTargeting("Pos",i),p.addService(c.pubads()),m&&p.setTargeting("Content_ID",m),l&&p.defineSizeMapping(l),o&&document.getElementById("subot--container")&&p.setTargeting("chatbot",!0),c.display(n),null==s||s()}}))})({contentId:d,adUnitPath:l,size:o,divId:r,pos:s,sizeMapping:c,hideIfHasSubot:p,customTargetings:h,onSuccess:I})}),[m]),D)return null;const M=e.createElement("div",{style:{position:"relative",width:"fit-content",height:"fit-content",overflow:"hidden",maxWidth:"100%",display:"flex",alignItems:"center",justifyContent:"center"}},e.createElement("div",{ref:N,id:r}),f&&e.createElement(Ql,{onClick:()=>{null==E||E(),L(!0)}}));if(g)return M;const T=b?b[0]:o?Array.isArray(o[0])?o[0][0]:o[0]:void 0,A=b?b[1]:o?Array.isArray(o[0])?o[0][1]:o[1]:void 0;return e.createElement(te,Object.assign({},w,{className:i}),e.createElement(Xl,{ref:$,className:i,style:v,"data-no-wrapper":!!y,"data-header-bottom":!!x},y?M:e.createElement(e.Fragment,null,e.createElement(Kl,{"data-header-bottom":!!x},e.createElement("img",{src:C?X.getAssetPath("adsIcon-mb.svg"):X.getAssetPath("adsIcon.svg"),alt:"",loading:"lazy"}),e.createElement("span",null,z("adBanner.title"))),e.createElement("div",{style:{minWidth:T||"100%",minHeight:A||"100%",position:"relative"}},M))))})),((e,t)=>e.adUnitPath===t.adUnitPath&&e.divId===t.divId&&e.className===t.className)),no=({className:i,adUnitPath:l,divId:o,isMobile:r,contentId:s,customTargetings:c,locale:d,isMarryBaby:m})=>{const[p,g]=t(!0),[u,h]=t(!1),[v,b]=t(!0),y=n(null),f=n(Lt()),E=n(null),x=n(),w=n();return a((()=>{const e=()=>{w.current&&clearTimeout(w.current),w.current=setTimeout((()=>{var t;document.getElementById("subot--container")?g(!0):(g(!1),(null===(t=y.current)||void 0===t?void 0:t.clientHeight)?b(!1):b(!0)),e()}),4e3)};return e(),()=>{x.current&&clearTimeout(x.current),w.current&&clearTimeout(w.current)}}),[]),p||u?null:e.createElement(Yl,{key:r?"mobile":"desktop",ref:E,className:i,"data-visible":!v},l&&e.createElement(ao,{wrapperProps:{m:0},ref:y,adUnitPath:l,size:r?[[320,50],[320,100]]:[728,90],divId:(o||"div-gpt-ad-sticky")+(r?"-mobile":"")+s+String(f.current),pos:["Sticky"],contentId:s,hideIfHasSubot:r,customTargetings:c,adDefaultSize:r?[320,50]:[728,90],showCloseBtn:!0,onCloseAd:()=>h(!0),refreshInterval:60,locale:d,isMarryBaby:m}))},io=[{title:"Health News & Current Affairs",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:X.getAssetPath("newsletter-prefer/newsletter-health.svg"),checked:!1,id:1},{title:"Educational Medical Hello Bacsi Content",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:X.getAssetPath("newsletter-prefer/newsletter-education.svg"),checked:!1,id:2},{title:"Hello Health Community Feed",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:X.getAssetPath("newsletter-prefer/newsletter-community.svg"),checked:!1,id:3}];var lo;!function(e){e.DUE_DATE="due-date-calculator",e.BMI="bmi",e.BMR="bmr",e.OVULATION="ovulation",e.IFRAME="IFRAME",e.PWG="pregnancy-weight-gain",e.THR="heart-rate",e.BABY_VACCINE="vaccination-tool",e.BABY_GROWTH="baby-growth-tracking",e.BABY_POOP="baby-poop-checking"}(lo||(lo={}));const oo={DUE_DATE:lo.DUE_DATE,BMI:lo.BMI,BMR:lo.BMR,OVULATION:lo.OVULATION,IFRAME:lo.IFRAME,PWG:lo.PWG,THR:lo.THR,BABY_VACCINE:lo.BABY_VACCINE,BABY_GROWTH:lo.BABY_GROWTH,BABY_POOP:lo.BABY_POOP},ro={[oo.DUE_DATE]:X.getAssetPath("health-tools/due-date-icon.svg")};var so,co,mo,po;!function(e){e.Pregnant="pregnant",e.Parenting="parenting"}(so||(so={})),function(e){e.Option="option"}(co||(co={})),function(e){e.Button="button",e.Checkbox="checkbox"}(mo||(mo={})),function(e){e.ShowTool="showTool",e.ShowPremiumModal="showPremiumModal",e.ShowOptionBanner="showOptionBanner",e.Hide="hide"}(po||(po={}));const go={pregnancy:so.Pregnant,parenting:so.Parenting},uo={[so.Pregnant]:"pregnant",[so.Parenting]:"parent"},ho=e=>({[oo.DUE_DATE]:{heading:e("pnBanner.dueDateTool.heading"),description:e("pnBanner.dueDateTool.desc"),btnLabel:e("pnBanner.caclNow"),value:oo.DUE_DATE,dataEventAction:"Try our Due Date Calculator Click"},[oo.BABY_VACCINE]:{heading:e("pnBanner.vaccination.heading"),description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:oo.BABY_VACCINE,dataEventAction:"Try our Baby Vaccine Scheduler Click"},[oo.BABY_GROWTH]:{heading:"Baby Growth",description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:oo.BABY_GROWTH},[Ce.HPV]:{heading:e("pnBanner.hpv.heading"),description:e("pnBanner.hpv.desc"),thumbnail:{desktop:X.getAssetPath("newsletter/banner-option-hpv-desktop.png"),mobile:X.getAssetPath("newsletter/banner-option-hpv-mobile.png")},isRiskScreener:!0,btnLabel:e("pnBanner.checkNow"),value:Ce.HPV,hideDescOnMobile:!0,dataEventAction:"Keep safe from HPV virus Click"}}),vo=d({}),bo=t=>{var a=J(t,[]);const{locale:n}=He(),{type:i,isMobile:l,currentUrl:o,isMarketing:r,isLoggedIn:s,setShouldAcquisitionModalOpen:c}=m(vo);return e.createElement(me,Object.assign({mih:{base:144,md:160},fluid:!0,p:0,sx:{borderRadius:4,cursor:"pointer"},onClick:()=>ee(void 0,void 0,void 0,(function*(){const e=r?It(n)+"/dang-ky-nhan-tin/":`${window.location.href}?source=acquisition`;s?null==c||c():window.location.href=`${Mt(n)}/?returnUrl=${encodeURIComponent(e)}`})),"data-event-category":"Newsletter","data-event-action":"Banner Click","data-event-label":o,className:"pointer-event-child-none"},a),e.createElement(j,{src:r?X.getAssetPath(`newsletter/${l?"Mobile":"Desktop"}_Marketing.png`):X.getAssetPath(`newsletter/${l?"Mobile":"Desktop"}_${i}.png`),style:{maxWidth:"100%"},alt:"newsletter banner"}))},yo="api/v1/categories?site={website_url}",fo="api/v1/subscription?site={website_url}",Eo="api/v1/categories?site={website_url}";var xo=re((e=>({root:{},wrapper:{[e.fn.smallerThan("sm")]:{width:"70%"}},button:{[e.fn.smallerThan("sm")]:{height:"auto",minHeight:ie(32),padding:`${ie(6)} ${ie(16)}`,textAlign:"center",width:"100%"}},buttonLabel:{whiteSpace:"normal"}})));const wo=({heading:t,description:a,thumbnail:n={desktop:"",mobile:""},hideDescOnMobile:i,children:l})=>{const{isMobile:o,minHeight:r}=m(vo);return e.createElement(te,{sx:()=>({borderRadius:ie(8),background:"linear-gradient(180deg, #FAFDFF 0%, #E3F2FF 100%)"})},e.createElement(te,{sx:e=>({minHeight:ie(r),borderRadius:"inherit",background:`url(${o?n.mobile:n.desktop})`,backgroundPosition:"center right",backgroundRepeat:"no-repeat",backgroundSize:"contain",padding:`${ie(24)} ${ie(16)}`,display:"flex",flexDirection:"column",justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${ie(22)} ${ie(32)}`}})},e.createElement(se,{spacing:ie(16)},e.createElement(se,{spacing:ie(4),sx:e=>({maxWidth:"60%",[e.fn.largerThan("sm")]:{maxWidth:"70%"}})},t&&e.createElement(K,{tag:"h4"},t),!(i&&o)&&a&&e.createElement(p,{size:"p4"},a)),e.createElement(te,null,l))))},ko=t=>{const{styleType:a=mo.Button,items:n=[],buttonProps:l,styles:o,submitBtnTracking:s}=t,{classes:c}=xo(void 0,{name:"PremiumBannerWithOptions",styles:o}),{t:d,locale:p}=He(),{surveyType:g,articleId:u,handleClickOption:h,hasPremiumBanner:v,source:b,isMobile:y,setShowPNModal:f}=m(vo),E=i((()=>v?n:n.filter((e=>!Boolean(e.isPNBtn))).filter(Boolean)),[n]),{getHealthToolLink:x}=xt(p),w=Tt({initialValues:{bannerOptions:[]}}),k=e=>ee(void 0,void 0,void 0,(function*(){return yield ot(rt(st.HEALTH_TOOL.CREATE,{_locale:p,type:uo[g]}),"POST",{headers:{"Content-Type":"application/json"},data:{value:e,article:u,source:b}})})),C=r((()=>e.createElement(ne,{gap:ie(8),className:c.wrapper},E.map(((t,a)=>e.createElement(te,{key:String(a),component:t.isLink?"a":"div",href:t.isRiskScreener?`https://${Ee[p]}/bot/${Ne[p][t.activeTool]}/`:t.isLink?x(t.activeTool):void 0},e.createElement(W,Object.assign({className:c.button,classNames:{label:c.buttonLabel},size:"sm"},t.tracking,l,{onClick:()=>{t.isLink||(t.isPNBtn&&f(!0),k(t.value),h(t.value))}}),t.label)))))),[E,w]),N=r((()=>e.createElement(ne,null,e.createElement(ne,{align:"center",gap:ie(24),sx:e=>({background:"white",borderRadius:ie(8),padding:ie(4),[e.fn.largerThan("sm")]:{paddingLeft:ie(16)}})},e.createElement(V.Group,Object.assign({},w.getInputProps("bannerOptions",{type:"checkbox"})),e.createElement(ne,{gap:ie(16)},E.map(((t,a)=>e.createElement(V,{key:String(a),value:t.value,label:t.label,styles:{label:{cursor:"pointer"}}}))))),e.createElement(W,Object.assign({size:"sm"},s,l,{disabled:0===w.getInputProps("bannerOptions").value.length,leftIcon:y?e.createElement(tt.ArrowRightTail,{size:18,useCurrentColor:!0}):void 0,onClick:()=>{const e=w.getInputProps("bannerOptions").value;k(e.join("|")),h(e.join("|"))},styles:e=>({root:{[e.fn.smallerThan("sm")]:{width:ie(38),minWidth:"auto",padding:0}}})}),!y&&d("pnBanner.submit"))))),[E,w]);return e.createElement(wo,Object.assign({},t),a===mo.Button?C():a===mo.Checkbox?N():null)},Co=t=>{var a,n;const{t:l}=He(),{heading:o,description:r,thumbnail:s,btnLabel:c,value:d,isRiskScreener:g,hideDescOnMobile:u,dataEventAction:h}=t,{locale:v}=He(),{isMobile:b}=m(vo),{getHealthToolLink:y,allTools:f}=xt(v),E=g?"mainBanner":"toolBanner",x=i((()=>{const t=g?`https://${Fe?"":"discover."}${Ee[v]}/bot/${Ne[v][d]}`:y(d);return e.createElement("a",{href:t},e.createElement(W,{size:"sm","data-event-category":"Focused Audience","data-event-action":h,"data-event-label":t},c||l("pnBanner.caclNow")))}),[f]);return"mainBanner"===E?e.createElement(wo,Object.assign({},Object.assign(Object.assign({},t),{thumbnail:t.thumbnail})),x):e.createElement(ne,{gap:ie(7),align:"center",justify:"space-between",sx:e=>({borderRadius:ie(8),background:e.colors.blue[0],minHeight:ie(180),padding:`${ie(24)} ${ie(16)}`,[e.fn.largerThan("sm")]:{padding:`${ie(34)} ${ie(32)}`}})},e.createElement(se,{spacing:ie(12)},e.createElement(se,{spacing:ie(4)},o&&e.createElement(K,{tag:"h4"},o),!(b&&u)&&r&&e.createElement(p,{size:"p4"},r)),e.createElement(ne,{gap:ie(8),sx:{button:{minWidth:ie(120)}}},x)),e.createElement(ne,{align:"center",justify:"center",sx:e=>({width:ie(96),height:ie(96),borderRadius:"50%",background:"white",flexShrink:0,[e.fn.largerThan("sm")]:{width:ie(112),height:ie(112)},img:{maxWidth:ie(64),[e.fn.largerThan("sm")]:{maxWidth:ie(73)}}})},e.createElement("img",{alt:"health-tool-icon",src:s||(null===(n=null===(a=f.filter((e=>e.template===d)))||void 0===a?void 0:a[0])||void 0===n?void 0:n.icon)||ro[d]||"",loading:"lazy"})))},No=()=>{var t,a,n;const{t:i}=He(),{state:l,Outside:o}=m(vo);return(null==l?void 0:l.action)===po.ShowTool?e.createElement(o,null,ho(i)[null===(t=null==l?void 0:l.props)||void 0===t?void 0:t.value]?e.createElement(Co,Object.assign({},ho(i)[null===(a=null==l?void 0:l.props)||void 0===a?void 0:a.value],{value:null===(n=null==l?void 0:l.props)||void 0===n?void 0:n.value})):null):(null==l?void 0:l.action)===po.ShowOptionBanner?e.createElement(o,null,e.createElement(ko,Object.assign({},null==l?void 0:l.props))):null},Bo=a=>{var{isMobile:n,children:i,desktopBanner:l=X.getAssetPath("friso/onboarding-banner.jpg"),mobileBanner:o=X.getAssetPath("friso/onboarding-banner-mobile.jpg"),modalRatio:r={width:937,height:536},mobileBannerRatio:s={width:750,height:480},desktopBannerRatio:c={width:420,height:536},closeProps:d}=a,m=J(a,["isMobile","children","desktopBanner","mobileBanner","modalRatio","mobileBannerRatio","desktopBannerRatio","closeProps"]);const{width:p,height:g}=Se(),u=(g<=667?190:265)+p*s.height/s.width+74,[h,v]=t(!1);return e.createElement(jt,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:ie(r.width),width:"100%",height:"100%",maxHeight:ie(r.height),boxShadow:"none"}},body:{padding:0,width:"100%",height:"100%",[e.fn.largerThan("sm")]:{display:"flex",alignItems:"center"}},inner:{padding:0,[e.fn.smallerThan("sm")]:{display:"flex",alignItems:"flex-end"}}})},m),n?e.createElement(te,{sx:{position:"relative",height:"100%"},onTouchStart:()=>v(!0)},e.createElement(te,{className:"mobile-template",sx:{position:"absolute",height:100*(h?1:u/g)+"%",left:0,bottom:0,right:0,transition:"height 0.4s ease"}},e.createElement(te,{sx:{height:"100%",backgroundColor:"white",borderTopLeftRadius:h?0:ie(12),borderTopRightRadius:h?0:ie(12)}},e.createElement(te,{sx:{height:"calc(100% - 74px)",background:`url(${o})`,backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"top center",overflowY:"auto",borderRadius:"inherit"}},e.createElement(pe,Object.assign({leftIcon:e.createElement(tt.Close,null),sx:{position:"absolute",right:0,top:0,zIndex:1,padding:ie(10)}},d,{onClick:()=>null==m?void 0:m.onClose()})),e.createElement(ge,{ratio:(null==s?void 0:s.width)/(null==s?void 0:s.height),w:"100%"}),e.createElement(te,{sx:{padding:`${ie(28)} ${ie(16)} ${ie(16)}`,background:"white"}},i))))):e.createElement(ge,{className:"desktop-template",ratio:r.width/r.height,w:"100%",sx:{position:"relative","& > div":{justifyContent:"flex-end"}}},e.createElement(te,{sx:{width:"100%",height:"100%",justifyContent:"flex-end",alignItems:"stretch",borderRadius:ie(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:l,loading:"lazy",style:{borderTopLeftRadius:ie(8),borderBottomLeftRadius:ie(8),height:"100%",display:"block"}}),e.createElement(te,{sx:{position:"relative",height:"100%",width:(r.width-c.width)/r.width*100+"%"}},e.createElement(W,Object.assign({unstyled:!0,leftIcon:e.createElement(tt.Close,null)},d,{onClick:()=>null==m?void 0:m.onClose(),sx:{position:"absolute",right:0,top:"10px"}})),e.createElement(te,{className:"side-banner-modal-container",sx:{height:"100%",padding:`${ie(40)} ${ie(24)} 0`}},i)))))},zo="user/subscription",$o=d({}),So=t=>{var{value:a,name:n}=t,i=J(t,["value","name"]);return e.createElement(G,Object.assign({value:a,withIcon:!0},i,{buttonProps:{styles:()=>({leftIcon:{marginRight:ie(6)},root:{paddingLeft:ie(10),paddingRight:ie(10)}})}}),n)},Po=({topicsGroup:n,onTopicChange:i,isBlock:l=!1,selectedTopics:o=[],inputProps:r,labelProps:s,maxSelect:c=5,hasScroll:d,readonly:g})=>{const{action:{pushNotifications:u}}=m(ct),h=_t(n.map((e=>e.topics||[]))),{t:v}=He(),[b,y]=t([]);a((()=>{y(o)}),[o.length]),a((()=>{null==i||i(b)}),[b]);const f=e=>{e.length>5?u({type:"danger",title:v("pnTopicSection.maxSelectError.title",{maxSelect:c}),message:v("pnTopicSection.maxSelectError.desc")}):!g&&y((()=>h.filter((t=>e.some((e=>t.catId===e))))))};return e.createElement(se,{spacing:12},n.map(((t,a)=>e.createElement(se,{key:String(a),spacing:12},t.label&&e.createElement(p,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},s),t.label),d?e.createElement(ue,{w:"100%",offsetScrollbars:!0,scrollbarSize:4,p:16,m:-16,styles:{viewport:{margin:-16,padding:16}}},e.createElement(te,{w:800},e.createElement(he.Group,Object.assign({value:b.map((e=>e.catId)),multiple:!0},r,{onChange:f}),e.createElement(ne,{gap:8,wrap:"wrap"},t.topics.map((a=>e.createElement(So,Object.assign({key:a.catId,value:a.catId,name:a.localName,isBlock:l},t.tracking)))))))):e.createElement(he.Group,Object.assign({value:b.map((e=>e.catId)),multiple:!0},r,{onChange:f}),e.createElement(ne,{gap:8,wrap:"wrap"},t.topics.map((a=>a.catId?e.createElement(So,Object.assign({key:a.catId,value:a.catId,name:a.localName,isBlock:l},t.tracking)):e.isValidElement(a.component)?a.component:null))))))))},Do=t=>{var{heading:a,children:n,stickyActions:i}=t,l=J(t,["heading","children","stickyActions"]);const{isMobile:o}=m($o),r=e.createElement(se,{spacing:ie(24),sx:{height:"100%"}},e.createElement(K,{tag:"h4",style:{textAlign:"center"}},a),e.createElement(te,null,n));return e.createElement(te,{sx:e=>({[e.fn.largerThan("sm")]:{position:"relative",height:"100%"}})},o?r:e.createElement(ue,Object.assign({className:"layout-body",h:i?"calc(100% - 90px)":"100%"},l),r),i&&e.createElement(ne,{gap:ie(8),sx:e=>({position:"absolute",left:0,right:0,bottom:0,padding:ie(16),button:{flexGrow:1},justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${ie(24)} 0`}})},i))},Lo=()=>{const{t:n,locale:l}=He(),{data:{userInfo:o},action:{pushNotifications:r}}=m(ct),s=null==o?void 0:o.id,{currentUrl:c,isMobile:d,pnSuggestCategory:g=[],nextStep:u,formValues:h,setFormValues:v,onSubmit:b,submitLoading:y,selectCategory:f,setCategoryLibs:E,setSelectCategory:x,maxSelectCategory:w}=m($o),k=g.map((e=>e.catId)),C=Tt({validate:{name:At(n("healthToolPNModal.mainForm.requireName"))},initialValues:Object.assign(Object.assign({},h),{fitnessTopics:k})}),[N,B]=t([]),[z,$]=t([]);a((()=>{ee(void 0,void 0,void 0,(function*(){var e;try{const t=yield ot(dt(Eo,{_locale:l}),"get"),a=((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.subscription)||[]).filter((e=>!k.includes(e.catId)));B(g),$(a),E([...g,...a])}catch(e){console.log(e)}}))}),[]),a((()=>{s&&C.setFieldValue("name",(null==o?void 0:o.name)||"")}),[s]);const S=()=>{""!==C.getInputProps("name").value?(v(C.getTransformedValues()),u()):C.validateField("name")},P=i((()=>e.createElement(W,{variant:"tertiary",dataEventCategory:"Newsletter",dataEventAction:"More Category Click",dataEventLabel:c,leftIcon:e.createElement(tt.Plus,{size:16,color:"currentColor"}),onClick:S,styles:e=>({root:{borderRadius:ie(6),padding:"2px 15px",height:ie(40)},label:{fontSize:ie(14),fontWeight:400,[e.fn.smallerThan("sm")]:{fontSize:ie(12),lineHeight:ie(16),height:ie(40)}},leftIcon:{marginRight:"5px"}})},e.createElement(p,{size:d?"p3":"p4"},n("home.seeMore")))),[C]);return a((()=>{C.setFieldValue("fitnessTopics",f.map((e=>e.catId)))}),[f]),e.createElement("form",{style:{height:"100%"},onSubmit:C.onSubmit((e=>{if(0===f.length)return r({type:"danger",title:n("newsletter.error.minTitle"),message:n("newsletter.error.minCotennt")}),!1;v(e),null==b||b(e.name)}))},e.createElement(Do,{heading:n("healthToolPNModal.heading"),stickyActions:e.createElement(e.Fragment,null,e.createElement(W,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Register Click",dataEventLabel:c,loading:y,sx:{maxWidth:ie(240)}},n("healthToolPNModal.register")))},e.createElement(se,{spacing:ie(16)},e.createElement(U,Object.assign({label:n("newsletter.welcome.description")},C.getInputProps("name"))),e.createElement(Po,{topicsGroup:[...0===g.length&&0===z.length?[{topics:[{component:P}]}]:[],...g.length>0?[{label:n("healthToolPNModal.mainForm.tailorTopicsHeading"),topics:[...g,...0===z.length?[{component:P}]:[]]}]:[],...z.length>0?[{label:n("healthToolPNModal.findMore.chooseFav"),topics:[...z,...z.length>0?[{component:P}]:[]]}]:[]],selectedTopics:[...N],labelProps:{size:d?"p3":"p4",color:"gray.6"},onTopicChange:x,maxSelect:w}))))},Io=c((function(t,a){var{label:n}=t,i=J(t,["label"]);return e.createElement("div",Object.assign({ref:a},i),e.createElement(oe,{noWrap:!0},e.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.97887 8.15493C2.97887 5.29627 5.29627 2.97887 8.15493 2.97887C11.0136 2.97887 13.331 5.29627 13.331 8.15493C13.331 11.0136 11.0136 13.331 8.15493 13.331C5.29627 13.331 2.97887 11.0136 2.97887 8.15493ZM8.15493 1.5C4.47951 1.5 1.5 4.47951 1.5 8.15493C1.5 11.8303 4.47951 14.8099 8.15493 14.8099C9.72615 14.8099 11.1702 14.2653 12.3086 13.3547L15.2376 16.2837C15.5264 16.5725 15.9946 16.5725 16.2833 16.2837C16.5721 15.9949 16.5721 15.5267 16.2833 15.238L13.3544 12.3091C14.2652 11.1705 14.8099 9.72634 14.8099 8.15493C14.8099 4.47951 11.8303 1.5 8.15493 1.5Z",fill:"#8C8C8C"})),e.createElement(p,{size:"p3"},n)))})),Mo=c((function(t,a){var{label:n}=t,i=J(t,["label"]);return e.createElement("div",Object.assign({ref:a},i),e.createElement(p,{size:"p3"},n))})),To=({history:t,onDelete:a})=>e.createElement(ne,{wrap:"wrap",gap:8},Ft(t,"catId").map((t=>e.createElement(ve,{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 ${Z.neutral[4]}`,borderRadius:32,textTransform:"unset"},rightSection:{height:18,cursor:"pointer"}}},e.createElement(p,{size:"p4"},t.localName))))),Ao=({topics:n,onTopicChange:i,isBlock:l=!1,selectedTopics:o,labelProps:r,maxSelect:s=5})=>{const{action:{pushNotifications:c}}=m(ct),[d,g]=t([]),{t:u}=He();a((()=>{g(o)}),[o.length]),a((()=>{i(d)}),[d]);return n&&0!==n.length?e.createElement(se,{spacing:12,px:16,mx:-16},e.createElement(p,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},r),u("pnTopicSection.recentView")),e.createElement(he.Group,{value:d.map((e=>e.catId)),onChange:e=>{l&&d.length<e.length?c({type:"danger",title:u("pnTopicSection.maxSelectError.title",{maxSelect:s}),message:u("pnTopicSection.maxSelectError.desc")}):g((()=>n.filter((t=>e.some((e=>t.catId===e))))))},multiple:!0},e.createElement(ne,{gap:8,wrap:"wrap"},n.map(((t,a)=>e.createElement(So,{key:a,value:t.catId,name:t.localName,isBlock:l})))))):null},jo=t=>{var{topic:a,active:n,onClick:i}=t,l=J(t,["topic","active","onClick"]);return e.createElement(te,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:ie(130),[e.fn.largerThan("sm")]:{minHeight:ie(138)}}),onClick:()=>i(a,n)},l),n&&e.createElement(te,{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(te,{sx:{borderRadius:"8px"}},e.createElement(R,{ratio:1.5,mb:10,sx:e=>({background:e.colors.neutral[0]})},e.createElement(te,null,e.createElement("img",{src:a.guid||"",alt:"cat",loading:"lazy",style:{maxHeight:"63px"}})))),e.createElement(p,{size:"p4",ta:"center",px:6,sx:{display:"-webkit-box","-webkit-line-clamp":"2","-webkit-box-orient":"vertical",overflow:"hidden"}},a.localName||""))},Oo=({topics:i,selectedTopics:l=[],onTopicChange:o,isBlock:r=!1,labelProps:s,pushNotifications:c,maxSelect:d=5})=>{const{t:m}=He(),[g,u]=t([]),h=(e,t)=>{if(t)u((t=>t.filter((t=>t.catId!==e.catId))));else{if(r)return void c({type:"danger",title:m("pnTopicSection.maxSelectError.title",{maxSelect:d}),message:m("pnTopicSection.maxSelectError.desc")});u((t=>[...t,e]))}};a((()=>{u(l)}),[l.length]),a((()=>{o(g)}),[g]);const[v,b]=t(!1),[y,f]=t(0),[E,x]=t(0),w=n(null),k=()=>{b(!1)};return e.createElement(se,{spacing:10},e.createElement(ne,{justify:"space-between",align:"center",w:"100%"},e.createElement(p,Object.assign({size:"s5",color:"gray.4",weight:"semiBold",span:!0},s),m("pnTopicSection.trending"))),e.createElement(te,null,e.createElement(ue,{type:"always",w:"100%",offsetScrollbars:!0,scrollbarSize:4,px:4,viewportRef:w,viewportProps:{onMouseDown:e=>{e.preventDefault(),w.current&&(b(!0),f(e.pageX-w.current.offsetLeft),x(w.current.scrollLeft))},onMouseUp:k,onMouseLeave:k,onMouseMove:e=>{if(e.preventDefault(),!v||!w.current)return;const t=2*(e.pageX-w.current.offsetLeft-y);w.current.scrollLeft=E-t}},styles:{viewport:{paddingBottom:16}}},e.createElement(te,{w:{base:112*i.length+8*(i.length-1)+10}},e.createElement(ne,{gap:8},i.map(((t,a)=>e.createElement(jo,{key:a,topic:t,onClick:h,active:g.some((e=>e.catId===t.catId)),w:{base:112}}))))))))},_o=l=>{var{isLoggedIn:o,maxSelect:r=5,values:s=[],labelProps:c,onChange:d}=l,g=J(l,["isLoggedIn","maxSelect","values","labelProps","onChange"]);const{action:{pushNotifications:u}}=m(ct),[h,v]=t(""),{t:b,locale:y}=He(),f=n(null),[E,x]=t([]),[w,k]=t([]),[C,N]=t([]),[B,z]=t([]),[$,S]=t(null),[P,D]=t([]);a((()=>{ee(void 0,void 0,void 0,(function*(){var e,t;const a=yield ot(dt(yo,{_locale:y}),"get"),n=(null===(e=null==a?void 0:a.data)||void 0===e?void 0:e.interested)||[],i=(null===(t=null==a?void 0:a.data)||void 0===t?void 0:t.trending)||[],l=Ft([...n,...i],"catId").map((e=>Object.assign(Object.assign({},e),{value:e.catId||"",label:e.localName||""})));if(D(l||[]),S((null==a?void 0:a.data)||null),s.length>0){const e=n.filter((e=>s.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"interested"}))),t=i.filter((e=>s.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"trending"})));z(e),k(t)}}))}),[o]);const L=i((()=>Ft([...E,...w,...B,...C],"catId")),[E,w,B,C]),[I,M]=t(!1);a((()=>{L.length>=r?M(!0):M(!1),null==d||d(L)}),[L]);return e.createElement(se,Object.assign({spacing:ie(16)},g),e.createElement(se,{spacing:ie(8)},e.createElement(p,{size:"p3"},b("pnTopicSection.maxSelectError.detail",{max:r,maxTopic:L.length})),e.createElement(be,{ref:f,maxSelectedValues:3,styles:{wrapper:{overflow:"initial !important"},separator:{padding:16},separatorLabel:{fontWeight:600,fontSize:12,lineHeight:"18px",textTransform:"uppercase",color:Z.gray[4],"&::after":{display:"none"}},searchInput:{fontSize:"inherit"},input:{paddingRight:16}},nothingFound:e.createElement(p,{size:"s4",color:"gray.6"},b("pnTopicSection.notFound")),itemComponent:""===h?Io:Mo,size:"lg",placeholder:b("pnTopicSection.plsEnterFavTopics"),data:P,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,ee(void 0,void 0,void 0,(function*(){var e;const a={trending:k,recently:N,interested:z,default:x};let n="default";if(I)u({type:"danger",title:b("pnTopicSection.maxSelectError.title",{maxSelect:r}),message:b("pnTopicSection.maxSelectError.desc")});else{const i=[{key:"trending",array:null==$?void 0:$.trending},{key:"recently",array:null==$?void 0:$.recently},{key:"interested",array:null==$?void 0:$.interested}].find((e=>{var a;return null===(a=e.array)||void 0===a?void 0:a.some((e=>e.catId===t[0]))}));n=(null==i?void 0:i.key)||"default",a[n]((e=>[...e,...P.filter((e=>t.some((t=>e.catId===t))))].map((e=>Object.assign(Object.assign({},e),{template:n}))))),null===(e=f.current)||void 0===e||e.blur()}return null}));var t},value:[]}),L&&L.length>0&&e.createElement(To,{history:L,onDelete:e=>{const t={trending:k,recently:N,interested:z,default:x};(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(te,{sx:e=>({position:"relative",height:ie(175),[e.fn.largerThan("sm")]:{height:ie(190)}})},e.createElement(te,{sx:{position:"absolute",top:0,right:0,left:0}},e.createElement(Oo,{topics:((null==$?void 0:$.trending)||[]).map((e=>Object.assign(Object.assign({},e),{template:"trending"}))),selectedTopics:w,onTopicChange:k,isBlock:I,labelProps:c}))),e.createElement(Ao,{topics:((null==$?void 0:$.recently)||[]).map((e=>Object.assign(Object.assign({},e),{template:"recently"}))),selectedTopics:C,onTopicChange:N,isBlock:I,labelProps:c}),e.createElement(Po,{labelProps:c,topicsGroup:[{label:b("pnTopicSection.ppAlsoInterested"),topics:((null==$?void 0:$.interested)||[]).map((e=>Object.assign(Object.assign({},e),{template:"interested"})))}],selectedTopics:B,onTopicChange:z,isBlock:I}))},Fo=()=>{const{t:t}=He(),{action:{pushNotifications:a}}=m(ct),{prevStep:n,formValues:i,submitLoading:l,onSubmit:o,selectCategory:r,maxSelectCategory:s,setSelectCategory:c,currentUrl:d,isLoggedIn:p}=m($o);return e.createElement(Do,{heading:t("newsletter.topic.title"),type:"always",styles:{root:{paddingRight:ie(25)}},stickyActions:e.createElement(e.Fragment,null,e.createElement(W,{fullWidth:!0,variant:"secondary",dataEventCategory:"Newsletter",dataEventAction:"Back  Click",dataEventLabel:d,onClick:n},t("healthToolPNModal.back")),e.createElement(W,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Next  Click",dataEventLabel:d,onClick:()=>{if(0===r.length)return a({type:"danger",title:t("newsletter.error.minTitle"),message:t("newsletter.error.minCotennt")}),!1;null==o||o(i.name)},loading:l},t("healthToolPNModal.next")))},e.createElement(_o,{isLoggedIn:p,maxSelect:s,values:i.fitnessTopics,onChange:c,labelProps:{size:"s5",sx:{textTransform:"uppercase"}}}))},Ho=()=>{const{t:t}=He(),{close:n,selectCategory:i,onRegisterSuccess:l,currentUrl:o,finishLabelOnResult:r,disclaimerText:s}=m($o);return a((()=>()=>{setTimeout((()=>{null==l||l()}),400)}),[]),e.createElement(Do,{heading:t("healthToolPNModal.heading"),stickyActions:e.createElement(W,{fullWidth:!0,sx:{maxWidth:ie(300)},dataEventCategory:"Newsletter",dataEventAction:"Continue Reading Click",dataEventLabel:o,onClick:()=>{n()}},r||t("healthToolPNModal.finish"))},e.createElement(se,null,e.createElement(ne,{gap:ie(8),sx:e=>({background:e.colors.green[0],border:`1px solid ${e.colors.green[1]}`,borderRadius:ie(8),padding:ie(8)})},e.createElement(te,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(p,{size:"p3"},s||t("pnModal.disclaimer"))),e.createElement(K,{tag:"h5"},t("healthToolPNModal.yourPre")),i.length>0&&e.createElement(Po,{topicsGroup:[{label:"",topics:i}],selectedTopics:i,readonly:!0})))},Ro=({isMobile:n,isLoggedIn:i,pnSuggestCategory:l=[],acquisitionInfo:o,currentUrl:s,opened:c,close:d,finishLabelOnResult:p,onRegisterSuccess:g,disclaimerText:u})=>{const{t:h,locale:v}=He(),{action:{pushNotifications:b}}=m(ct),y=X.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),f=X.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),[E,x]=t([]),[w,k]=t([]),[C,N]=t(0),[B,z]=t({name:"",fitnessTopics:[]}),[$,S]=t(!1),P=()=>N(2),D=r((e=>ee(void 0,void 0,void 0,(function*(){try{S(!0),yield ot(dt(fo,{website_url:mt(v)}),"post",{headers:{"Content-Type":"application/json"},method:"POST",data:{ga_client_id:Ot.get(Be),client_ip:window.clientIP||"",user_info:Object.assign(Object.assign({},o.userInfo),{name:e||B.name,type_subscription:1}),domain:Ee[v||$e.Vietnam],category:w,perferred:o.preferredTopics.map((({id:e})=>({id:e})))}}),S(!1),yield ot(pt(zo),"post",{headers:{"Content-Type":"application/json"},method:"PUT",data:{subscription:1}}),P()}catch(e){console.log({err:e}),S(!1),b({title:h("notification.comment.somethingWrong"),message:"",type:"danger"})}}))),[B,w]);return a((()=>{[y,f].forEach((e=>{(new Image).src=e}))}),[]),e.createElement($o.Provider,{value:{currentUrl:s,isMobile:n,isLoggedIn:i,opened:c,close:d,pnSuggestCategory:l,nextStep:()=>N((e=>e<3?e+1:e)),prevStep:()=>N((e=>e>0?e-1:e)),lastStep:P,categoryLibs:E,setCategoryLibs:x,selectCategory:w,setSelectCategory:k,formValues:B,setFormValues:z,maxSelectCategory:5,submitLoading:$,onSubmit:D,onRegisterSuccess:g,finishLabelOnResult:p,disclaimerText:u}},e.createElement(Bo,{isMobile:n,desktopBanner:X.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),mobileBanner:X.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),modalRatio:{width:960,height:588},desktopBannerRatio:{width:384,height:588},opened:c,onClose:d,zIndex:305,closeProps:{dataEventCategory:"Newsletter",dataEventAction:"Close Click",dataEventLabel:s}},e.createElement(ye,{active:C,onStepClick:N,styles:{root:{height:"100%"},content:{padding:0,height:"100%",width:"100%"},steps:{display:"none"}}},e.createElement(ye.Step,null,e.createElement(Lo,null)),e.createElement(ye.Step,null,e.createElement(Fo,null)),e.createElement(ye.Step,null,e.createElement(Ho,null)))))},Wo=()=>{const{locale:i}=He(),{isMobile:l,isLoggedIn:o,currentUrl:r,acquisitionInfo:s,categoryIds:c,state:d,setState:p,settings:g,submitHandler:u,subcribeHealthStatus:h,showPNModal:v,setShowPNModal:b,setIsBack:y}=m(vo),[f,E]=t([]),[x,w]=t(v);a((()=>{ee(void 0,void 0,void 0,(function*(){var e,t;const a=yield ot(dt(yo,{_locale:i}),"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)||[]];E(n.filter((e=>c.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]&&y(!0),Object.keys(u).map((e=>{const n=e.split("|");if(t.length===n.length){let i=0;t.map((e=>{n.includes(String(e))&&(i+=1)})),i===t.length&&(a=e)}})));const n=t.length>0?u[a]:g;p(n)}),[h]),a((()=>{w(v)}),[v]),(null==d?void 0:d.action)!==po.Hide?e.createElement(e.Fragment,null,e.createElement(No,Object.assign({},g.props)),e.createElement(Ro,{acquisitionInfo:s,isMobile:l,isLoggedIn:o,currentUrl:r,pnSuggestCategory:f,opened:x,close:()=>{var e;w(!1),b(!1),setTimeout((()=>{var e;(null===(e=d.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&p({action:po.Hide})}),400),(null===(e=d.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&p({action:po.Hide})},onRegisterSuccess:()=>w(!1)})):null},Uo=({type:n,articleId:l=0,categoryIds:o=[],isMarketing:r,isSurveyType:s,hasPremiumBanner:c,currentUrl:d,isMobile:p,subcribeHealthStatus:g,setShouldAcquisitionModalOpen:u,onValueChange:h,source:v="discover",Wrapper:b})=>{const{t:y}=He(),{data:{userInfo:f}}=m(ct),E=Boolean(null==f?void 0:f.id),[x,w]=t(null),[k,C]=t(),[N,B]=t(""),[z,$]=t(!1),[S,P]=t(!1),D=i((()=>go[n]),[]),L=((e,t)=>({[so.Pregnant]:{action:po.ShowOptionBanner,props:{heading:e("pnBanner.pregnancy.heading"),description:e("pnBanner.pregnancy.desc"),styleType:mo.Button,thumbnail:{desktop:X.getAssetPath("newsletter/banner-option-pregnancy-desktop.png"),mobile:X.getAssetPath("newsletter/banner-option-pregnancy-mobile.png")},buttonProps:{variant:"white",styles:e=>({minWidth:ie(80),[e.fn.largerThan("sm")]:{minWidth:ie(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:po.ShowTool,props:{value:oo.DUE_DATE}},no:{action:po.ShowPremiumModal}}},[so.Parenting]:{action:po.ShowOptionBanner,props:{heading:e("pnBanner.parenting.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:X.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:X.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,styleType:mo.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:po.ShowTool,props:{value:oo.BABY_VACCINE}},teenager:{action:po.ShowOptionBanner,props:{styleType:mo.Button,heading:e("pnBanner.teenager.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:X.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:X.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:po.ShowPremiumModal},"teenager.girl":{action:po.ShowTool,activeTool:Ce.HPV,props:{value:Ce.HPV}},"todders|teenager":{action:po.ShowOptionBanner,props:{styleType:mo.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:X.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:X.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:oo.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:po.ShowOptionBanner,props:{styleType:mo.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:X.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:X.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:oo.BABY_VACCINE,isLink:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Baby Vaccine Click",dataEventLabel:t}}]}}}}}))(y,d)[D],I=null==L?void 0:L.submitHandler,M=b||te,T=()=>c&&1!==(null==f?void 0:f.subscription)?e.createElement(bo,null):null;return a((()=>{E&&w({userInfo:f,preferredTopics:io,healthTopics:[]})}),[E]),e.createElement(vo.Provider,{value:{settings:L,submitHandler:I,type:n,surveyType:D,value:N,setValue:B,isMobile:p,isLoggedIn:E,isMarketing:r,hasPremiumBanner:c,currentUrl:d,acquisitionInfo:x,categoryIds:o,subcribeHealthStatus:g,articleId:l,onValueChange:h,state:k,setState:C,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 i=0;a.map((e=>{n.includes(String(e))&&(i+=1)})),i===a.length&&(t=e)}})),t)})(e);if(t){const a=I[t];a.action===po.ShowPremiumModal?c?($(!0),C(Object.assign(Object.assign({},k),{actionParams:{hideBannerWhenClose:a.action===po.ShowPremiumModal}}))):(C({action:po.Hide}),null==h||h(e)):(C(a),null==h||h(e))}},showPNModal:z,setShowPNModal:$,source:v,Outside:M,isBack:S,setIsBack:P,minHeight:180,setShouldAcquisitionModalOpen:u}},void 0!==g?E?s&&L?(()=>{const t=I[(null==g?void 0:g.value)||""];return(null==t?void 0:t.action)===po.ShowPremiumModal?T():e.createElement(Wo,null)})():T():c?e.createElement(bo,null):null:null)},Vo={myBooking:"booking",mySaved:"saved",myHealth:"health",myFamily:"family",myCommunity:"my-communities",eCom:"/shop/ho-so/quan-li-don-hang/"};var Go="uJQBNNg",Zo="TfG3dM5",qo="aMtjFNf",Yo="cSz2RR-",Xo="GyFm00F";function Ko({userInfo:t,onClickMyProfileButton:a,themeName:n="helloSites"}){const{t:l}=He(),o=i((()=>{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:Go,onClick:()=>{a&&a()}},e.createElement(Yt,{className:Zo,type:"rounded",size:"xl",avatarUrl:null==t?void 0:t.avatar,firstLetter:o,backgroundColor:"marryBaby"===n?Q.mbColors.pink:Q.colors.secondaryBase}),e.createElement("div",{className:qo},e.createElement("div",{className:Yo},(null==t?void 0:t.name)||(null==t?void 0:t.username)),e.createElement("div",{className:Xo,style:{"--bg-hellosites":`url(${X.getAssetPath("userProfileNav/helloSites/icon-chevronRight.svg")})`,"--bg-marrybaby":`url(${X.getAssetPath("userProfileNav/marryBaby/icon-arrowRight.svg")})`}},l("userProfile.nav.header.viewProfile"))))}var Qo="fVk18fq",Jo="v8TCvUb",er="mx7T4V3";const tr={myHealth:Q.mbColors.toneYellow,myCommunity:Q.mbColors.toneBlue,mySaved:Q.mbColors.toneGreen},ar={helloSites:{myBooking:()=>X.getAssetPath("userProfileNav/helloSites/icon-myBooking.svg"),myCommunity:()=>X.getAssetPath("userProfileNav/helloSites/icon-myCommunity.svg"),myFamily:()=>X.getAssetPath("userProfileNav/helloSites/icon-myFamily.svg"),myHealth:()=>X.getAssetPath("userProfileNav/helloSites/icon-myHealth.svg"),mySaved:()=>X.getAssetPath("userProfileNav/helloSites/icon-mySaved.svg"),eCom:()=>X.getAssetPath("userProfileNav/helloSites/icon-eCom.svg")},marryBaby:{mySaved:()=>X.getAssetPath("userProfileNav/marryBaby/icon-mySaved.svg"),myCommunity:()=>X.getAssetPath("userProfileNav/marryBaby/icon-myCommunity.svg"),myHealth:()=>X.getAssetPath("userProfileNav/marryBaby/icon-myHealth.svg")}},nr=({type:t,themeName:a,className:n,onClick:l=(()=>{})})=>{const{t:o}=He(),r=i((()=>{var e,n;return(null===(n=null===(e=ar[a])||void 0===e?void 0:e[t])||void 0===n?void 0:n.call(e))||""}),[t,a]),s=i((()=>"marryBaby"!==a?"transparent":tr[t]),[t,a]);return e.createElement("div",{onClick:function(){l(t)},className:`${Qo} ${n}`},e.createElement("div",{className:er,style:{backgroundColor:s,backgroundImage:`url("${r}")`}}),e.createElement("h3",{className:Jo},o(`userProfile.nav.card.${t}`)))};var ir="gn6HmGG",lr="FCx8FEM",or="zMiRxaE",rr="lZ2Z9MQ",sr="rwm-agG",cr="qMOscoq";const dr=({themeName:a,locale:n,onClickItem:l})=>{const[o,r]=t(""),s=i((()=>"marryBaby"===a?[{key:"userProfile.nav.menu.password",icon:X.getAssetPath("userProfileNav/marryBaby/icon-lock.svg"),link:"password"},{key:"userProfile.nav.menu.logout",icon:X.getAssetPath("userProfileNav/marryBaby/icon-logOut.svg"),link:"logout"}]:[{key:"userProfile.nav.menu.accountSettings",icon:X.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:X.getAssetPath("userProfileNav/helloSites/icon-helpCircle.svg"),link:"help"}]),[a]);function c(e){e.subMenu?r((t=>t?"":e.key)):l&&l(e)}return e.createElement("div",{className:ir},s.map((t=>e.createElement(mr,{key:t.key,item:t,openKey:o,onClickItem:c,locale:n}))))},mr=({item:t,openKey:a,onClickItem:n,locale:i})=>{var l;const{t:o}=He();return(null===(l=t.disableLocale)||void 0===l?void 0:l.includes(i))?null:e.createElement("div",{className:`${lr} nav-menu-item`,"data-is-open":a===t.key,key:t.key,"data-has-submenu":!!t.subMenu},e.createElement("div",{className:or,onClick:()=>n(t)},t.icon&&e.createElement("div",{className:rr,style:{backgroundImage:`url("${t.icon}")`}}),o(t.key),t.subMenu&&e.createElement("div",{className:sr,style:{"--after-bg":`url(${X.getAssetPath("userProfileNav/helloSites/icon-chevronDown.svg")})`}})),t.subMenu&&e.createElement("div",{className:cr},t.subMenu.map((t=>e.createElement(mr,{key:t.key,item:t,openKey:a,onClickItem:n,locale:i})))))};var pr="-AZt1au",gr="IvSIfCI",ur="eahCJov",hr="XIyViFs",vr="_4y-O0w3",br="kO8iNgD",yr="a1d4E10",fr="Tdguxxf",Er="-mOxsaU",xr="yPeDBNZ";const wr={helloSites:{member:()=>X.getAssetPath("userProfileNav/helloSites/icon-rank-member.svg"),ambassador:()=>X.getAssetPath("userProfileNav/helloSites/icon-rank-ambassador.svg"),doctor:()=>X.getAssetPath("userProfileNav/helloSites/icon-rank-doctor.svg"),expert:()=>X.getAssetPath("userProfileNav/helloSites/icon-rank-expert.svg"),influencer:()=>X.getAssetPath("userProfileNav/helloSites/icon-rank-influencer.svg")},marryBaby:{member:()=>X.getAssetPath("userProfileNav/marryBaby/icon-rank-member.svg"),ambassador:()=>X.getAssetPath("userProfileNav/marryBaby/icon-rank-ambassador.svg"),doctor:()=>X.getAssetPath("userProfileNav/marryBaby/icon-rank-doctor.svg"),expert:()=>X.getAssetPath("userProfileNav/marryBaby/icon-rank-expert.svg"),influencer:()=>X.getAssetPath("userProfileNav/marryBaby/icon-rank-influencer.svg")}},kr=({themeName:t,rank:a="member",numberOfPosts:n=0})=>{const{t:l}=He(),o=i((()=>{var e,n;return(null===(n=null===(e=wr[t])||void 0===e?void 0:e[a])||void 0===n?void 0:n.call(e))||""}),[a,t]);return e.createElement("div",{className:vr,"data-user-rank":a},e.createElement("div",{className:br},e.createElement("div",{className:yr},e.createElement("div",{className:fr,style:{backgroundImage:`url("${o}")`}}),e.createElement("h3",{className:Er},l(`userProfile.userRank.${a}`)),n>0&&e.createElement("p",{className:xr},n," ",l("userProfile.nav.header.count.posts")))))},Cr=({SSO_URL:n,UP_BASEPATH:l="user",themeName:o="helloSites",cardUrls:r=Vo,enableCare:s,enableTogether:c,enableEcom:d,enableMySaved:m,userInfo:p,togetherApiDomain:g,userPostsNumber:u,onClickNavigationCard:h,onClickMyProfileButton:v,onClickMenuItem:b,onClickLogout:y,isUserProfileNavigatorMenuHidden:f=!1,isMyHealthEnabled:E=!1,locale:x})=>{const{t:w}=He(),[k,C]=t(u||0),N="marryBaby"===o;a((()=>{if(p&&void 0===u){const e=Ht("hhg_user_token");e&&fetch(Rt(De(x,N,g)),{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)&&C((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)))}}),[x,null!==p,u,g,N]);const B=i((()=>{let e;return e=N?["myHealth","myCommunity","mySaved"]:["myHealth","mySaved","myBooking","myCommunity","eCom"],e.filter((e=>"myBooking"===e?s:"myCommunity"===e?c:"myHealth"===e?E:"eCom"===e?d:"mySaved"!==e||m))}),[N,E]),z=i((()=>"marryBaby"===o?null:e.createElement(je,{color:"tertiary",icon:e.createElement("img",{src:X.getAssetPath("userProfileNav/helloSites/icon-logOut.svg"),width:15,height:15,loading:"lazy"}),size:"md",onClick:y,className:hr},w("userProfile.nav.menu.logout"))),[o]),$=e=>{e.startsWith("http")||e.startsWith("/")?window.location.href=Wt(e):n&&(window.location.href=Wt(`${n}${l}/${e}`))},S=e=>{const t=r[e];h?h(t):$(t)};return p?e.createElement("div",{className:pr,"data-theme":o},e.createElement(Ko,{userInfo:p,themeName:o,onClickMyProfileButton:()=>{v?v():$("profile")}}),e.createElement(kr,{themeName:o,rank:"member",numberOfPosts:k}),e.createElement("div",{className:gr},B.map((t=>e.createElement(nr,{className:ur,key:t,themeName:o,type:t,onClick:S})))),!f&&e.createElement(e.Fragment,null,e.createElement(dr,{themeName:o,locale:x,onClickItem:e=>{"logout"===e.link&&y?y():e.link&&!e.subMenu&&(b?b(e.link):$(e.link))}}),z)):null};export{kr as $,Zt as A,Xt as B,ca as C,tn as D,rl as E,aa as F,na as G,gl as H,Aa as I,fl as J,jl as K,Rl as L,ti as M,Vl as N,bl as O,la as P,ql as Q,oa as R,sn as S,ra as T,ao as U,no as V,Uo as W,go as X,uo as Y,Cr as Z,Ko as _,Yt as a,Kt as b,sa as c,ga as d,ua as e,Ca as f,Pa as g,La as h,Ma as i,Ya as j,Xa as k,ln as l,gn as m,En as n,wn as o,Pn as p,Dn as q,Hn as r,qn as s,ei as t,ai as u,di as v,Ii as w,Hi as x,Xi as y,Qi as z};
+`,Jl={},eo=e=>{if(Jl[e]){window.googletag=window.googletag||{cmd:[]};const{googletag:t}=window;t.cmd.push((function(){t.destroySlots([Jl[e]]),delete Jl[e]}))}},to=["TopBanner","MidBanner1","MidBanner2","EndBanner","Sticky"],ao=o(c((function({className:i,adUnitPath:l,size:o,divId:r,pos:s,sizeMapping:c,contentId:d,isHidden:m,hideIfHasSubot:p,isSticky:g,refreshInterval:u,customTargetings:h,style:v,adDefaultSize:b,noWrapper:y,showCloseBtn:f,onCloseAd:E,headerBottom:x,wrapperProps:w,locale:k,isMarryBaby:C},N){const B=u||(k===$e.Vietnam&&s.some((e=>to.includes(e)))?30:void 0),{t:z}=He(),$=n(null),S=n(null),P=n(B);P.current=B;const[D,L]=t(!1),I=()=>{P.current&&(null!==S.current&&clearInterval(S.current),S.current=window.setInterval((()=>{window.googletag=window.googletag||{cmd:[]};const{googletag:e}=window;e.cmd.push((function(){Jl[r]&&e.pubads().refresh([Jl[r]])}))}),1e3*P.current))};if(a((()=>()=>{eo(r),S.current&&clearInterval(S.current)}),[]),a((()=>{I()}),[B]),a((()=>{m||(({contentId:e,adUnitPath:t,size:a,divId:n,pos:i,sizeMapping:l,hideIfHasSubot:o,customTargetings:r,onSuccess:s})=>{if(!n||!document.getElementById(n))return console.error("divId is required");eo(n),window.googletag=window.googletag||{cmd:[]};const{googletag:c}=window;c.cmd.push((function(){const d=document.querySelector('meta[name="content_id"]'),m="string"==typeof e?e:null==d?void 0:d.content,p=c.defineSlot(t,a,n);if(p){try{r&&Object.keys(r).forEach((e=>{e&&(null==p||p.setTargeting(e,r[e]))}))}catch(e){console.error(e)}Jl[n]=p,p.setTargeting("Pos",i),p.addService(c.pubads()),m&&p.setTargeting("Content_ID",m),l&&p.defineSizeMapping(l),o&&document.getElementById("subot--container")&&p.setTargeting("chatbot",!0),c.display(n),null==s||s()}}))})({contentId:d,adUnitPath:l,size:o,divId:r,pos:s,sizeMapping:c,hideIfHasSubot:p,customTargetings:h,onSuccess:I})}),[m]),D)return null;const M=e.createElement("div",{style:{position:"relative",width:"fit-content",height:"fit-content",overflow:"hidden",maxWidth:"100%",display:"flex",alignItems:"center",justifyContent:"center"}},e.createElement("div",{ref:N,id:r}),f&&e.createElement(Ql,{onClick:()=>{null==E||E(),L(!0)}}));if(g)return M;const T=b?b[0]:o?Array.isArray(o[0])?o[0][0]:o[0]:void 0,A=b?b[1]:o?Array.isArray(o[0])?o[0][1]:o[1]:void 0;return e.createElement(te,Object.assign({},w,{className:i}),e.createElement(Xl,{ref:$,className:i,style:v,"data-no-wrapper":!!y,"data-header-bottom":!!x},y?M:e.createElement(e.Fragment,null,e.createElement(Kl,{"data-header-bottom":!!x},e.createElement("img",{src:C?X.getAssetPath("adsIcon-mb.svg"):X.getAssetPath("adsIcon.svg"),alt:"",loading:"lazy"}),e.createElement("span",null,z("adBanner.title"))),e.createElement("div",{style:{minWidth:T||"100%",minHeight:A||"100%",position:"relative"}},M))))})),((e,t)=>e.adUnitPath===t.adUnitPath&&e.divId===t.divId&&e.className===t.className)),no=({className:i,adUnitPath:l,divId:o,isMobile:r,contentId:s,customTargetings:c,locale:d,isMarryBaby:m})=>{const[p,g]=t(!0),[u,h]=t(!1),[v,b]=t(!0),y=n(null),f=n(Lt()),E=n(null),x=n(),w=n();return a((()=>{const e=()=>{w.current&&clearTimeout(w.current),w.current=setTimeout((()=>{var t;document.getElementById("subot--container")?g(!0):(g(!1),(null===(t=y.current)||void 0===t?void 0:t.clientHeight)?b(!1):b(!0)),e()}),4e3)};return e(),()=>{x.current&&clearTimeout(x.current),w.current&&clearTimeout(w.current)}}),[]),p||u?null:e.createElement(Yl,{key:r?"mobile":"desktop",ref:E,className:i,"data-visible":!v},l&&e.createElement(ao,{wrapperProps:{m:0},ref:y,adUnitPath:l,size:r?[[320,50],[320,100]]:[728,90],divId:(o||"div-gpt-ad-sticky")+(r?"-mobile":"")+s+String(f.current),pos:["Sticky"],contentId:s,hideIfHasSubot:r,customTargetings:c,adDefaultSize:r?[320,50]:[728,90],showCloseBtn:!0,onCloseAd:()=>h(!0),refreshInterval:60,locale:d,isMarryBaby:m}))},io=[{title:"Health News & Current Affairs",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:X.getAssetPath("newsletter-prefer/newsletter-health.svg"),checked:!1,id:1},{title:"Educational Medical Hello Bacsi Content",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:X.getAssetPath("newsletter-prefer/newsletter-education.svg"),checked:!1,id:2},{title:"Hello Health Community Feed",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:X.getAssetPath("newsletter-prefer/newsletter-community.svg"),checked:!1,id:3}];var lo;!function(e){e.DUE_DATE="due-date-calculator",e.BMI="bmi",e.BMR="bmr",e.OVULATION="ovulation",e.IFRAME="IFRAME",e.PWG="pregnancy-weight-gain",e.THR="heart-rate",e.BABY_VACCINE="vaccination-tool",e.BABY_GROWTH="baby-growth-tracking",e.BABY_POOP="baby-poop-checking"}(lo||(lo={}));const oo={DUE_DATE:lo.DUE_DATE,BMI:lo.BMI,BMR:lo.BMR,OVULATION:lo.OVULATION,IFRAME:lo.IFRAME,PWG:lo.PWG,THR:lo.THR,BABY_VACCINE:lo.BABY_VACCINE,BABY_GROWTH:lo.BABY_GROWTH,BABY_POOP:lo.BABY_POOP},ro={[oo.DUE_DATE]:X.getAssetPath("health-tools/due-date-icon.svg")};var so,co,mo,po;!function(e){e.Pregnant="pregnant",e.Parenting="parenting"}(so||(so={})),function(e){e.Option="option"}(co||(co={})),function(e){e.Button="button",e.Checkbox="checkbox"}(mo||(mo={})),function(e){e.ShowTool="showTool",e.ShowPremiumModal="showPremiumModal",e.ShowOptionBanner="showOptionBanner",e.Hide="hide"}(po||(po={}));const go={pregnancy:so.Pregnant,parenting:so.Parenting},uo={[so.Pregnant]:"pregnant",[so.Parenting]:"parent"},ho=e=>({[oo.DUE_DATE]:{heading:e("pnBanner.dueDateTool.heading"),description:e("pnBanner.dueDateTool.desc"),btnLabel:e("pnBanner.caclNow"),value:oo.DUE_DATE,dataEventAction:"Try our Due Date Calculator Click"},[oo.BABY_VACCINE]:{heading:e("pnBanner.vaccination.heading"),description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:oo.BABY_VACCINE,dataEventAction:"Try our Baby Vaccine Scheduler Click"},[oo.BABY_GROWTH]:{heading:"Baby Growth",description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:oo.BABY_GROWTH},[Ce.HPV]:{heading:e("pnBanner.hpv.heading"),description:e("pnBanner.hpv.desc"),thumbnail:{desktop:X.getAssetPath("newsletter/banner-option-hpv-desktop.png"),mobile:X.getAssetPath("newsletter/banner-option-hpv-mobile.png")},isRiskScreener:!0,btnLabel:e("pnBanner.checkNow"),value:Ce.HPV,hideDescOnMobile:!0,dataEventAction:"Keep safe from HPV virus Click"}}),vo=d({}),bo=t=>{var a=J(t,[]);const{locale:n}=He(),{type:i,isMobile:l,currentUrl:o,isMarketing:r,isLoggedIn:s,setShouldAcquisitionModalOpen:c}=m(vo);return e.createElement(me,Object.assign({mih:{base:144,md:160},fluid:!0,p:0,sx:{borderRadius:4,cursor:"pointer"},onClick:()=>ee(void 0,void 0,void 0,(function*(){const e=r?It(n)+"/dang-ky-nhan-tin/":`${window.location.href}?source=acquisition`;s?null==c||c():window.location.href=`${Mt(n)}/?returnUrl=${encodeURIComponent(e)}`})),"data-event-category":"Newsletter","data-event-action":"Banner Click","data-event-label":o,className:"pointer-event-child-none"},a),e.createElement(j,{src:r?X.getAssetPath(`newsletter/${l?"Mobile":"Desktop"}_Marketing.png`):X.getAssetPath(`newsletter/${l?"Mobile":"Desktop"}_${i}.png`),style:{maxWidth:"100%"},alt:"newsletter banner"}))},yo="api/v1/categories?site={website_url}",fo="api/v1/subscription?site={website_url}",Eo="api/v1/categories?site={website_url}";var xo=re((e=>({root:{},wrapper:{[e.fn.smallerThan("sm")]:{width:"70%"}},button:{[e.fn.smallerThan("sm")]:{height:"auto",minHeight:ie(32),padding:`${ie(6)} ${ie(16)}`,textAlign:"center",width:"100%"}},buttonLabel:{whiteSpace:"normal"}})));const wo=({heading:t,description:a,thumbnail:n={desktop:"",mobile:""},hideDescOnMobile:i,children:l})=>{const{isMobile:o,minHeight:r}=m(vo);return e.createElement(te,{sx:()=>({borderRadius:ie(8),background:"linear-gradient(180deg, #FAFDFF 0%, #E3F2FF 100%)"})},e.createElement(te,{sx:e=>({minHeight:ie(r),borderRadius:"inherit",background:`url(${o?n.mobile:n.desktop})`,backgroundPosition:"center right",backgroundRepeat:"no-repeat",backgroundSize:"contain",padding:`${ie(24)} ${ie(16)}`,display:"flex",flexDirection:"column",justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${ie(22)} ${ie(32)}`}})},e.createElement(se,{spacing:ie(16)},e.createElement(se,{spacing:ie(4),sx:e=>({maxWidth:"60%",[e.fn.largerThan("sm")]:{maxWidth:"70%"}})},t&&e.createElement(K,{tag:"h4"},t),!(i&&o)&&a&&e.createElement(p,{size:"p4"},a)),e.createElement(te,null,l))))},ko=t=>{const{styleType:a=mo.Button,items:n=[],buttonProps:l,styles:o,submitBtnTracking:s}=t,{classes:c}=xo(void 0,{name:"PremiumBannerWithOptions",styles:o}),{t:d,locale:p}=He(),{surveyType:g,articleId:u,handleClickOption:h,hasPremiumBanner:v,source:b,isMobile:y,setShowPNModal:f}=m(vo),E=i((()=>v?n:n.filter((e=>!Boolean(e.isPNBtn))).filter(Boolean)),[n]),{getHealthToolLink:x}=xt(p),w=Tt({initialValues:{bannerOptions:[]}}),k=e=>ee(void 0,void 0,void 0,(function*(){return yield ot(rt(st.HEALTH_TOOL.CREATE,{_locale:p,type:uo[g]}),"POST",{headers:{"Content-Type":"application/json"},data:{value:e,article:u,source:b}})})),C=r((()=>e.createElement(ne,{gap:ie(8),className:c.wrapper},E.map(((t,a)=>e.createElement(te,{key:String(a),component:t.isLink?"a":"div",href:t.isRiskScreener?`https://${Ee[p]}/bot/${Ne[p][t.activeTool]}/`:t.isLink?x(t.activeTool):void 0},e.createElement(W,Object.assign({className:c.button,classNames:{label:c.buttonLabel},size:"sm"},t.tracking,l,{onClick:()=>{t.isLink||(t.isPNBtn&&f(!0),k(t.value),h(t.value))}}),t.label)))))),[E,w]),N=r((()=>e.createElement(ne,null,e.createElement(ne,{align:"center",gap:ie(24),sx:e=>({background:"white",borderRadius:ie(8),padding:ie(4),[e.fn.largerThan("sm")]:{paddingLeft:ie(16)}})},e.createElement(V.Group,Object.assign({},w.getInputProps("bannerOptions",{type:"checkbox"})),e.createElement(ne,{gap:ie(16)},E.map(((t,a)=>e.createElement(V,{key:String(a),value:t.value,label:t.label,styles:{label:{cursor:"pointer"}}}))))),e.createElement(W,Object.assign({size:"sm"},s,l,{disabled:0===w.getInputProps("bannerOptions").value.length,leftIcon:y?e.createElement(tt.ArrowRightTail,{size:18,useCurrentColor:!0}):void 0,onClick:()=>{const e=w.getInputProps("bannerOptions").value;k(e.join("|")),h(e.join("|"))},styles:e=>({root:{[e.fn.smallerThan("sm")]:{width:ie(38),minWidth:"auto",padding:0}}})}),!y&&d("pnBanner.submit"))))),[E,w]);return e.createElement(wo,Object.assign({},t),a===mo.Button?C():a===mo.Checkbox?N():null)},Co=t=>{var a,n;const{t:l}=He(),{heading:o,description:r,thumbnail:s,btnLabel:c,value:d,isRiskScreener:g,hideDescOnMobile:u,dataEventAction:h}=t,{locale:v}=He(),{isMobile:b}=m(vo),{getHealthToolLink:y,allTools:f}=xt(v),E=g?"mainBanner":"toolBanner",x=i((()=>{const t=g?`https://${Fe?"":"discover."}${Ee[v]}/bot/${Ne[v][d]}`:y(d);return e.createElement("a",{href:t},e.createElement(W,{size:"sm","data-event-category":"Focused Audience","data-event-action":h,"data-event-label":t},c||l("pnBanner.caclNow")))}),[f]);return"mainBanner"===E?e.createElement(wo,Object.assign({},Object.assign(Object.assign({},t),{thumbnail:t.thumbnail})),x):e.createElement(ne,{gap:ie(7),align:"center",justify:"space-between",sx:e=>({borderRadius:ie(8),background:e.colors.blue[0],minHeight:ie(180),padding:`${ie(24)} ${ie(16)}`,[e.fn.largerThan("sm")]:{padding:`${ie(34)} ${ie(32)}`}})},e.createElement(se,{spacing:ie(12)},e.createElement(se,{spacing:ie(4)},o&&e.createElement(K,{tag:"h4"},o),!(b&&u)&&r&&e.createElement(p,{size:"p4"},r)),e.createElement(ne,{gap:ie(8),sx:{button:{minWidth:ie(120)}}},x)),e.createElement(ne,{align:"center",justify:"center",sx:e=>({width:ie(96),height:ie(96),borderRadius:"50%",background:"white",flexShrink:0,[e.fn.largerThan("sm")]:{width:ie(112),height:ie(112)},img:{maxWidth:ie(64),[e.fn.largerThan("sm")]:{maxWidth:ie(73)}}})},e.createElement("img",{alt:"health-tool-icon",src:s||(null===(n=null===(a=f.filter((e=>e.template===d)))||void 0===a?void 0:a[0])||void 0===n?void 0:n.icon)||ro[d]||"",loading:"lazy"})))},No=()=>{var t,a,n;const{t:i}=He(),{state:l,Outside:o}=m(vo);return(null==l?void 0:l.action)===po.ShowTool?e.createElement(o,null,ho(i)[null===(t=null==l?void 0:l.props)||void 0===t?void 0:t.value]?e.createElement(Co,Object.assign({},ho(i)[null===(a=null==l?void 0:l.props)||void 0===a?void 0:a.value],{value:null===(n=null==l?void 0:l.props)||void 0===n?void 0:n.value})):null):(null==l?void 0:l.action)===po.ShowOptionBanner?e.createElement(o,null,e.createElement(ko,Object.assign({},null==l?void 0:l.props))):null},Bo=a=>{var{isMobile:n,children:i,desktopBanner:l=X.getAssetPath("friso/onboarding-banner.jpg"),mobileBanner:o=X.getAssetPath("friso/onboarding-banner-mobile.jpg"),modalRatio:r={width:937,height:536},mobileBannerRatio:s={width:750,height:480},desktopBannerRatio:c={width:420,height:536},closeProps:d}=a,m=J(a,["isMobile","children","desktopBanner","mobileBanner","modalRatio","mobileBannerRatio","desktopBannerRatio","closeProps"]);const{width:p,height:g}=Se(),u=(g<=667?190:265)+p*s.height/s.width+74,[h,v]=t(!1);return e.createElement(jt,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:ie(r.width),width:"100%",height:"100%",maxHeight:ie(r.height),boxShadow:"none"}},body:{padding:0,width:"100%",height:"100%",[e.fn.largerThan("sm")]:{display:"flex",alignItems:"center"}},inner:{padding:0,[e.fn.smallerThan("sm")]:{display:"flex",alignItems:"flex-end"}}})},m),n?e.createElement(te,{sx:{position:"relative",height:"100%"},onTouchStart:()=>v(!0)},e.createElement(te,{className:"mobile-template",sx:{position:"absolute",height:100*(h?1:u/g)+"%",left:0,bottom:0,right:0,transition:"height 0.4s ease"}},e.createElement(te,{sx:{height:"100%",backgroundColor:"white",borderTopLeftRadius:h?0:ie(12),borderTopRightRadius:h?0:ie(12)}},e.createElement(te,{sx:{height:"calc(100% - 74px)",background:`url(${o})`,backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"top center",overflowY:"auto",borderRadius:"inherit"}},e.createElement(pe,Object.assign({leftIcon:e.createElement(tt.Close,null),sx:{position:"absolute",right:0,top:0,zIndex:1,padding:ie(10)}},d,{onClick:()=>null==m?void 0:m.onClose()})),e.createElement(ge,{ratio:(null==s?void 0:s.width)/(null==s?void 0:s.height),w:"100%"}),e.createElement(te,{sx:{padding:`${ie(28)} ${ie(16)} ${ie(16)}`,background:"white"}},i))))):e.createElement(ge,{className:"desktop-template",ratio:r.width/r.height,w:"100%",sx:{position:"relative","& > div":{justifyContent:"flex-end"}}},e.createElement(te,{sx:{width:"100%",height:"100%",justifyContent:"flex-end",alignItems:"stretch",borderRadius:ie(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:l,loading:"lazy",style:{borderTopLeftRadius:ie(8),borderBottomLeftRadius:ie(8),height:"100%",display:"block"}}),e.createElement(te,{sx:{position:"relative",height:"100%",width:(r.width-c.width)/r.width*100+"%"}},e.createElement(W,Object.assign({unstyled:!0,leftIcon:e.createElement(tt.Close,null)},d,{onClick:()=>null==m?void 0:m.onClose(),sx:{position:"absolute",right:0,top:"10px"}})),e.createElement(te,{className:"side-banner-modal-container",sx:{height:"100%",padding:`${ie(40)} ${ie(24)} 0`}},i)))))},zo="user/subscription",$o=d({}),So=t=>{var{value:a,name:n}=t,i=J(t,["value","name"]);return e.createElement(G,Object.assign({value:a,withIcon:!0},i,{buttonProps:{styles:()=>({leftIcon:{marginRight:ie(6)},root:{paddingLeft:ie(10),paddingRight:ie(10)}})}}),n)},Po=({topicsGroup:n,onTopicChange:i,isBlock:l=!1,selectedTopics:o=[],inputProps:r,labelProps:s,maxSelect:c=5,hasScroll:d,readonly:g})=>{const{action:{pushNotifications:u}}=m(ct),h=_t(n.map((e=>e.topics||[]))),{t:v}=He(),[b,y]=t([]);a((()=>{y(o)}),[o.length]),a((()=>{null==i||i(b)}),[b]);const f=e=>{e.length>5?u({type:"danger",title:v("pnTopicSection.maxSelectError.title",{maxSelect:c}),message:v("pnTopicSection.maxSelectError.desc")}):!g&&y((()=>h.filter((t=>e.some((e=>t.catId===e))))))};return e.createElement(se,{spacing:12},n.map(((t,a)=>e.createElement(se,{key:String(a),spacing:12},t.label&&e.createElement(p,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},s),t.label),d?e.createElement(ue,{w:"100%",offsetScrollbars:!0,scrollbarSize:4,p:16,m:-16,styles:{viewport:{margin:-16,padding:16}}},e.createElement(te,{w:800},e.createElement(he.Group,Object.assign({value:b.map((e=>e.catId)),multiple:!0},r,{onChange:f}),e.createElement(ne,{gap:8,wrap:"wrap"},t.topics.map((a=>e.createElement(So,Object.assign({key:a.catId,value:a.catId,name:a.localName,isBlock:l},t.tracking)))))))):e.createElement(he.Group,Object.assign({value:b.map((e=>e.catId)),multiple:!0},r,{onChange:f}),e.createElement(ne,{gap:8,wrap:"wrap"},t.topics.map((a=>a.catId?e.createElement(So,Object.assign({key:a.catId,value:a.catId,name:a.localName,isBlock:l},t.tracking)):e.isValidElement(a.component)?a.component:null))))))))},Do=t=>{var{heading:a,children:n,stickyActions:i}=t,l=J(t,["heading","children","stickyActions"]);const{isMobile:o}=m($o),r=e.createElement(se,{spacing:ie(24),sx:{height:"100%"}},e.createElement(K,{tag:"h4",style:{textAlign:"center"}},a),e.createElement(te,null,n));return e.createElement(te,{sx:e=>({[e.fn.largerThan("sm")]:{position:"relative",height:"100%"}})},o?r:e.createElement(ue,Object.assign({className:"layout-body",h:i?"calc(100% - 90px)":"100%"},l),r),i&&e.createElement(ne,{gap:ie(8),sx:e=>({position:"absolute",left:0,right:0,bottom:0,padding:ie(16),button:{flexGrow:1},justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${ie(24)} 0`}})},i))},Lo=()=>{const{t:n,locale:l}=He(),{data:{userInfo:o},action:{pushNotifications:r}}=m(ct),s=null==o?void 0:o.id,{currentUrl:c,isMobile:d,pnSuggestCategory:g=[],nextStep:u,formValues:h,setFormValues:v,onSubmit:b,submitLoading:y,selectCategory:f,setCategoryLibs:E,setSelectCategory:x,maxSelectCategory:w}=m($o),k=g.map((e=>e.catId)),C=Tt({validate:{name:At(n("healthToolPNModal.mainForm.requireName"))},initialValues:Object.assign(Object.assign({},h),{fitnessTopics:k})}),[N,B]=t([]),[z,$]=t([]);a((()=>{ee(void 0,void 0,void 0,(function*(){var e;try{const t=yield ot(dt(Eo,{_locale:l}),"get"),a=((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.subscription)||[]).filter((e=>!k.includes(e.catId)));B(g),$(a),E([...g,...a])}catch(e){console.log(e)}}))}),[]),a((()=>{s&&C.setFieldValue("name",(null==o?void 0:o.name)||"")}),[s]);const S=()=>{""!==C.getInputProps("name").value?(v(C.getTransformedValues()),u()):C.validateField("name")},P=i((()=>e.createElement(W,{variant:"tertiary",dataEventCategory:"Newsletter",dataEventAction:"More Category Click",dataEventLabel:c,leftIcon:e.createElement(tt.Plus,{size:16,color:"#262626",useCurrentColor:!0}),onClick:S,styles:e=>({root:{borderRadius:ie(6),padding:"2px 15px",height:ie(40)},label:{fontSize:ie(14),fontWeight:400,[e.fn.smallerThan("sm")]:{fontSize:ie(12),lineHeight:ie(16),height:ie(40)}},leftIcon:{marginRight:"5px"}})},e.createElement(p,{size:d?"p3":"p4"},n("home.seeMore")))),[C]);return a((()=>{C.setFieldValue("fitnessTopics",f.map((e=>e.catId)))}),[f]),e.createElement("form",{style:{height:"100%"},onSubmit:C.onSubmit((e=>{if(0===f.length)return r({type:"danger",title:n("newsletter.error.minTitle"),message:n("newsletter.error.minCotennt")}),!1;v(e),null==b||b(e.name)}))},e.createElement(Do,{heading:n("healthToolPNModal.heading"),stickyActions:e.createElement(e.Fragment,null,e.createElement(W,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Register Click",dataEventLabel:c,loading:y,sx:{maxWidth:ie(240)}},n("healthToolPNModal.register")))},e.createElement(se,{spacing:ie(16)},e.createElement(U,Object.assign({label:n("newsletter.welcome.description")},C.getInputProps("name"))),e.createElement(Po,{topicsGroup:[...0===g.length&&0===z.length?[{topics:[{component:P}]}]:[],...g.length>0?[{label:n("healthToolPNModal.mainForm.tailorTopicsHeading"),topics:[...g,...0===z.length?[{component:P}]:[]]}]:[],...z.length>0?[{label:n("healthToolPNModal.findMore.chooseFav"),topics:[...z,...z.length>0?[{component:P}]:[]]}]:[]],selectedTopics:[...N],labelProps:{size:d?"p3":"p4",color:"gray.6"},onTopicChange:x,maxSelect:w}))))},Io=c((function(t,a){var{label:n}=t,i=J(t,["label"]);return e.createElement("div",Object.assign({ref:a},i),e.createElement(oe,{noWrap:!0},e.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.97887 8.15493C2.97887 5.29627 5.29627 2.97887 8.15493 2.97887C11.0136 2.97887 13.331 5.29627 13.331 8.15493C13.331 11.0136 11.0136 13.331 8.15493 13.331C5.29627 13.331 2.97887 11.0136 2.97887 8.15493ZM8.15493 1.5C4.47951 1.5 1.5 4.47951 1.5 8.15493C1.5 11.8303 4.47951 14.8099 8.15493 14.8099C9.72615 14.8099 11.1702 14.2653 12.3086 13.3547L15.2376 16.2837C15.5264 16.5725 15.9946 16.5725 16.2833 16.2837C16.5721 15.9949 16.5721 15.5267 16.2833 15.238L13.3544 12.3091C14.2652 11.1705 14.8099 9.72634 14.8099 8.15493C14.8099 4.47951 11.8303 1.5 8.15493 1.5Z",fill:"#8C8C8C"})),e.createElement(p,{size:"p3"},n)))})),Mo=c((function(t,a){var{label:n}=t,i=J(t,["label"]);return e.createElement("div",Object.assign({ref:a},i),e.createElement(p,{size:"p3"},n))})),To=({history:t,onDelete:a})=>e.createElement(ne,{wrap:"wrap",gap:8},Ft(t,"catId").map((t=>e.createElement(ve,{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 ${Z.neutral[4]}`,borderRadius:32,textTransform:"unset"},rightSection:{height:18,cursor:"pointer"}}},e.createElement(p,{size:"p4"},t.localName))))),Ao=({topics:n,onTopicChange:i,isBlock:l=!1,selectedTopics:o,labelProps:r,maxSelect:s=5})=>{const{action:{pushNotifications:c}}=m(ct),[d,g]=t([]),{t:u}=He();a((()=>{g(o)}),[o.length]),a((()=>{i(d)}),[d]);return n&&0!==n.length?e.createElement(se,{spacing:12,px:16,mx:-16},e.createElement(p,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},r),u("pnTopicSection.recentView")),e.createElement(he.Group,{value:d.map((e=>e.catId)),onChange:e=>{l&&d.length<e.length?c({type:"danger",title:u("pnTopicSection.maxSelectError.title",{maxSelect:s}),message:u("pnTopicSection.maxSelectError.desc")}):g((()=>n.filter((t=>e.some((e=>t.catId===e))))))},multiple:!0},e.createElement(ne,{gap:8,wrap:"wrap"},n.map(((t,a)=>e.createElement(So,{key:a,value:t.catId,name:t.localName,isBlock:l})))))):null},jo=t=>{var{topic:a,active:n,onClick:i}=t,l=J(t,["topic","active","onClick"]);return e.createElement(te,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:ie(130),[e.fn.largerThan("sm")]:{minHeight:ie(138)}}),onClick:()=>i(a,n)},l),n&&e.createElement(te,{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(te,{sx:{borderRadius:"8px"}},e.createElement(R,{ratio:1.5,mb:10,sx:e=>({background:e.colors.neutral[0]})},e.createElement(te,null,e.createElement("img",{src:a.guid||"",alt:"cat",loading:"lazy",style:{maxHeight:"63px"}})))),e.createElement(p,{size:"p4",ta:"center",px:6,sx:{display:"-webkit-box","-webkit-line-clamp":"2","-webkit-box-orient":"vertical",overflow:"hidden"}},a.localName||""))},Oo=({topics:i,selectedTopics:l=[],onTopicChange:o,isBlock:r=!1,labelProps:s,pushNotifications:c,maxSelect:d=5})=>{const{t:m}=He(),[g,u]=t([]),h=(e,t)=>{if(t)u((t=>t.filter((t=>t.catId!==e.catId))));else{if(r)return void c({type:"danger",title:m("pnTopicSection.maxSelectError.title",{maxSelect:d}),message:m("pnTopicSection.maxSelectError.desc")});u((t=>[...t,e]))}};a((()=>{u(l)}),[l.length]),a((()=>{o(g)}),[g]);const[v,b]=t(!1),[y,f]=t(0),[E,x]=t(0),w=n(null),k=()=>{b(!1)};return e.createElement(se,{spacing:10},e.createElement(ne,{justify:"space-between",align:"center",w:"100%"},e.createElement(p,Object.assign({size:"s5",color:"gray.4",weight:"semiBold",span:!0},s),m("pnTopicSection.trending"))),e.createElement(te,null,e.createElement(ue,{type:"always",w:"100%",offsetScrollbars:!0,scrollbarSize:4,px:4,viewportRef:w,viewportProps:{onMouseDown:e=>{e.preventDefault(),w.current&&(b(!0),f(e.pageX-w.current.offsetLeft),x(w.current.scrollLeft))},onMouseUp:k,onMouseLeave:k,onMouseMove:e=>{if(e.preventDefault(),!v||!w.current)return;const t=2*(e.pageX-w.current.offsetLeft-y);w.current.scrollLeft=E-t}},styles:{viewport:{paddingBottom:16}}},e.createElement(te,{w:{base:112*i.length+8*(i.length-1)+10}},e.createElement(ne,{gap:8},i.map(((t,a)=>e.createElement(jo,{key:a,topic:t,onClick:h,active:g.some((e=>e.catId===t.catId)),w:{base:112}}))))))))},_o=l=>{var{isLoggedIn:o,maxSelect:r=5,values:s=[],labelProps:c,onChange:d}=l,g=J(l,["isLoggedIn","maxSelect","values","labelProps","onChange"]);const{action:{pushNotifications:u}}=m(ct),[h,v]=t(""),{t:b,locale:y}=He(),f=n(null),[E,x]=t([]),[w,k]=t([]),[C,N]=t([]),[B,z]=t([]),[$,S]=t(null),[P,D]=t([]);a((()=>{ee(void 0,void 0,void 0,(function*(){var e,t;const a=yield ot(dt(yo,{_locale:y}),"get"),n=(null===(e=null==a?void 0:a.data)||void 0===e?void 0:e.interested)||[],i=(null===(t=null==a?void 0:a.data)||void 0===t?void 0:t.trending)||[],l=Ft([...n,...i],"catId").map((e=>Object.assign(Object.assign({},e),{value:e.catId||"",label:e.localName||""})));if(D(l||[]),S((null==a?void 0:a.data)||null),s.length>0){const e=n.filter((e=>s.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"interested"}))),t=i.filter((e=>s.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"trending"})));z(e),k(t)}}))}),[o]);const L=i((()=>Ft([...E,...w,...B,...C],"catId")),[E,w,B,C]),[I,M]=t(!1);a((()=>{L.length>=r?M(!0):M(!1),null==d||d(L)}),[L]);return e.createElement(se,Object.assign({spacing:ie(16)},g),e.createElement(se,{spacing:ie(8)},e.createElement(p,{size:"p3"},b("pnTopicSection.maxSelectError.detail",{max:r,maxTopic:L.length})),e.createElement(be,{ref:f,maxSelectedValues:3,styles:{wrapper:{overflow:"initial !important"},separator:{padding:16},separatorLabel:{fontWeight:600,fontSize:12,lineHeight:"18px",textTransform:"uppercase",color:Z.gray[4],"&::after":{display:"none"}},searchInput:{fontSize:"inherit"},input:{paddingRight:16}},nothingFound:e.createElement(p,{size:"s4",color:"gray.6"},b("pnTopicSection.notFound")),itemComponent:""===h?Io:Mo,size:"lg",placeholder:b("pnTopicSection.plsEnterFavTopics"),data:P,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,ee(void 0,void 0,void 0,(function*(){var e;const a={trending:k,recently:N,interested:z,default:x};let n="default";if(I)u({type:"danger",title:b("pnTopicSection.maxSelectError.title",{maxSelect:r}),message:b("pnTopicSection.maxSelectError.desc")});else{const i=[{key:"trending",array:null==$?void 0:$.trending},{key:"recently",array:null==$?void 0:$.recently},{key:"interested",array:null==$?void 0:$.interested}].find((e=>{var a;return null===(a=e.array)||void 0===a?void 0:a.some((e=>e.catId===t[0]))}));n=(null==i?void 0:i.key)||"default",a[n]((e=>[...e,...P.filter((e=>t.some((t=>e.catId===t))))].map((e=>Object.assign(Object.assign({},e),{template:n}))))),null===(e=f.current)||void 0===e||e.blur()}return null}));var t},value:[]}),L&&L.length>0&&e.createElement(To,{history:L,onDelete:e=>{const t={trending:k,recently:N,interested:z,default:x};(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(te,{sx:e=>({position:"relative",height:ie(175),[e.fn.largerThan("sm")]:{height:ie(190)}})},e.createElement(te,{sx:{position:"absolute",top:0,right:0,left:0}},e.createElement(Oo,{topics:((null==$?void 0:$.trending)||[]).map((e=>Object.assign(Object.assign({},e),{template:"trending"}))),selectedTopics:w,onTopicChange:k,isBlock:I,labelProps:c}))),e.createElement(Ao,{topics:((null==$?void 0:$.recently)||[]).map((e=>Object.assign(Object.assign({},e),{template:"recently"}))),selectedTopics:C,onTopicChange:N,isBlock:I,labelProps:c}),e.createElement(Po,{labelProps:c,topicsGroup:[{label:b("pnTopicSection.ppAlsoInterested"),topics:((null==$?void 0:$.interested)||[]).map((e=>Object.assign(Object.assign({},e),{template:"interested"})))}],selectedTopics:B,onTopicChange:z,isBlock:I}))},Fo=()=>{const{t:t}=He(),{action:{pushNotifications:a}}=m(ct),{prevStep:n,formValues:i,submitLoading:l,onSubmit:o,selectCategory:r,maxSelectCategory:s,setSelectCategory:c,currentUrl:d,isLoggedIn:p}=m($o);return e.createElement(Do,{heading:t("newsletter.topic.title"),type:"always",styles:{root:{paddingRight:ie(25)}},stickyActions:e.createElement(e.Fragment,null,e.createElement(W,{fullWidth:!0,variant:"secondary",dataEventCategory:"Newsletter",dataEventAction:"Back  Click",dataEventLabel:d,onClick:n},t("healthToolPNModal.back")),e.createElement(W,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Next  Click",dataEventLabel:d,onClick:()=>{if(0===r.length)return a({type:"danger",title:t("newsletter.error.minTitle"),message:t("newsletter.error.minCotennt")}),!1;null==o||o(i.name)},loading:l},t("healthToolPNModal.next")))},e.createElement(_o,{isLoggedIn:p,maxSelect:s,values:i.fitnessTopics,onChange:c,labelProps:{size:"s5",sx:{textTransform:"uppercase"}}}))},Ho=()=>{const{t:t}=He(),{close:n,selectCategory:i,onRegisterSuccess:l,currentUrl:o,finishLabelOnResult:r,disclaimerText:s}=m($o);return a((()=>()=>{setTimeout((()=>{null==l||l()}),400)}),[]),e.createElement(Do,{heading:t("healthToolPNModal.heading"),stickyActions:e.createElement(W,{fullWidth:!0,sx:{maxWidth:ie(300)},dataEventCategory:"Newsletter",dataEventAction:"Continue Reading Click",dataEventLabel:o,onClick:()=>{n()}},r||t("healthToolPNModal.finish"))},e.createElement(se,null,e.createElement(ne,{gap:ie(8),sx:e=>({background:e.colors.green[0],border:`1px solid ${e.colors.green[1]}`,borderRadius:ie(8),padding:ie(8)})},e.createElement(te,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(p,{size:"p3"},s||t("pnModal.disclaimer"))),e.createElement(K,{tag:"h5"},t("healthToolPNModal.yourPre")),i.length>0&&e.createElement(Po,{topicsGroup:[{label:"",topics:i}],selectedTopics:i,readonly:!0})))},Ro=({isMobile:n,isLoggedIn:i,pnSuggestCategory:l=[],acquisitionInfo:o,currentUrl:s,opened:c,close:d,finishLabelOnResult:p,onRegisterSuccess:g,disclaimerText:u})=>{const{t:h,locale:v}=He(),{action:{pushNotifications:b}}=m(ct),y=X.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),f=X.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),[E,x]=t([]),[w,k]=t([]),[C,N]=t(0),[B,z]=t({name:"",fitnessTopics:[]}),[$,S]=t(!1),P=()=>N(2),D=r((e=>ee(void 0,void 0,void 0,(function*(){try{S(!0),yield ot(dt(fo,{website_url:mt(v)}),"post",{headers:{"Content-Type":"application/json"},method:"POST",data:{ga_client_id:Ot.get(Be),client_ip:window.clientIP||"",user_info:Object.assign(Object.assign({},o.userInfo),{name:e||B.name,type_subscription:1}),domain:Ee[v||$e.Vietnam],category:w,perferred:o.preferredTopics.map((({id:e})=>({id:e})))}}),S(!1),yield ot(pt(zo),"post",{headers:{"Content-Type":"application/json"},method:"PUT",data:{subscription:1}}),P()}catch(e){console.log({err:e}),S(!1),b({title:h("notification.comment.somethingWrong"),message:"",type:"danger"})}}))),[B,w]);return a((()=>{[y,f].forEach((e=>{(new Image).src=e}))}),[]),e.createElement($o.Provider,{value:{currentUrl:s,isMobile:n,isLoggedIn:i,opened:c,close:d,pnSuggestCategory:l,nextStep:()=>N((e=>e<3?e+1:e)),prevStep:()=>N((e=>e>0?e-1:e)),lastStep:P,categoryLibs:E,setCategoryLibs:x,selectCategory:w,setSelectCategory:k,formValues:B,setFormValues:z,maxSelectCategory:5,submitLoading:$,onSubmit:D,onRegisterSuccess:g,finishLabelOnResult:p,disclaimerText:u}},e.createElement(Bo,{isMobile:n,desktopBanner:X.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),mobileBanner:X.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),modalRatio:{width:960,height:588},desktopBannerRatio:{width:384,height:588},opened:c,onClose:d,zIndex:305,closeProps:{dataEventCategory:"Newsletter",dataEventAction:"Close Click",dataEventLabel:s}},e.createElement(ye,{active:C,onStepClick:N,styles:{root:{height:"100%"},content:{padding:0,height:"100%",width:"100%"},steps:{display:"none"}}},e.createElement(ye.Step,null,e.createElement(Lo,null)),e.createElement(ye.Step,null,e.createElement(Fo,null)),e.createElement(ye.Step,null,e.createElement(Ho,null)))))},Wo=()=>{const{locale:i}=He(),{isMobile:l,isLoggedIn:o,currentUrl:r,acquisitionInfo:s,categoryIds:c,state:d,setState:p,settings:g,submitHandler:u,subcribeHealthStatus:h,showPNModal:v,setShowPNModal:b,setIsBack:y}=m(vo),[f,E]=t([]),[x,w]=t(v);a((()=>{ee(void 0,void 0,void 0,(function*(){var e,t;const a=yield ot(dt(yo,{_locale:i}),"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)||[]];E(n.filter((e=>c.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]&&y(!0),Object.keys(u).map((e=>{const n=e.split("|");if(t.length===n.length){let i=0;t.map((e=>{n.includes(String(e))&&(i+=1)})),i===t.length&&(a=e)}})));const n=t.length>0?u[a]:g;p(n)}),[h]),a((()=>{w(v)}),[v]),(null==d?void 0:d.action)!==po.Hide?e.createElement(e.Fragment,null,e.createElement(No,Object.assign({},g.props)),e.createElement(Ro,{acquisitionInfo:s,isMobile:l,isLoggedIn:o,currentUrl:r,pnSuggestCategory:f,opened:x,close:()=>{var e;w(!1),b(!1),setTimeout((()=>{var e;(null===(e=d.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&p({action:po.Hide})}),400),(null===(e=d.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&p({action:po.Hide})},onRegisterSuccess:()=>w(!1)})):null},Uo=({type:n,articleId:l=0,categoryIds:o=[],isMarketing:r,isSurveyType:s,hasPremiumBanner:c,currentUrl:d,isMobile:p,subcribeHealthStatus:g,setShouldAcquisitionModalOpen:u,onValueChange:h,source:v="discover",Wrapper:b})=>{const{t:y}=He(),{data:{userInfo:f}}=m(ct),E=Boolean(null==f?void 0:f.id),[x,w]=t(null),[k,C]=t(),[N,B]=t(""),[z,$]=t(!1),[S,P]=t(!1),D=i((()=>go[n]),[]),L=((e,t)=>({[so.Pregnant]:{action:po.ShowOptionBanner,props:{heading:e("pnBanner.pregnancy.heading"),description:e("pnBanner.pregnancy.desc"),styleType:mo.Button,thumbnail:{desktop:X.getAssetPath("newsletter/banner-option-pregnancy-desktop.png"),mobile:X.getAssetPath("newsletter/banner-option-pregnancy-mobile.png")},buttonProps:{variant:"white",styles:e=>({minWidth:ie(80),[e.fn.largerThan("sm")]:{minWidth:ie(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:po.ShowTool,props:{value:oo.DUE_DATE}},no:{action:po.ShowPremiumModal}}},[so.Parenting]:{action:po.ShowOptionBanner,props:{heading:e("pnBanner.parenting.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:X.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:X.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,styleType:mo.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:po.ShowTool,props:{value:oo.BABY_VACCINE}},teenager:{action:po.ShowOptionBanner,props:{styleType:mo.Button,heading:e("pnBanner.teenager.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:X.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:X.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:po.ShowPremiumModal},"teenager.girl":{action:po.ShowTool,activeTool:Ce.HPV,props:{value:Ce.HPV}},"todders|teenager":{action:po.ShowOptionBanner,props:{styleType:mo.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:X.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:X.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:oo.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:po.ShowOptionBanner,props:{styleType:mo.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:X.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:X.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:oo.BABY_VACCINE,isLink:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Baby Vaccine Click",dataEventLabel:t}}]}}}}}))(y,d)[D],I=null==L?void 0:L.submitHandler,M=b||te,T=()=>c&&1!==(null==f?void 0:f.subscription)?e.createElement(bo,null):null;return a((()=>{E&&w({userInfo:f,preferredTopics:io,healthTopics:[]})}),[E]),e.createElement(vo.Provider,{value:{settings:L,submitHandler:I,type:n,surveyType:D,value:N,setValue:B,isMobile:p,isLoggedIn:E,isMarketing:r,hasPremiumBanner:c,currentUrl:d,acquisitionInfo:x,categoryIds:o,subcribeHealthStatus:g,articleId:l,onValueChange:h,state:k,setState:C,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 i=0;a.map((e=>{n.includes(String(e))&&(i+=1)})),i===a.length&&(t=e)}})),t)})(e);if(t){const a=I[t];a.action===po.ShowPremiumModal?c?($(!0),C(Object.assign(Object.assign({},k),{actionParams:{hideBannerWhenClose:a.action===po.ShowPremiumModal}}))):(C({action:po.Hide}),null==h||h(e)):(C(a),null==h||h(e))}},showPNModal:z,setShowPNModal:$,source:v,Outside:M,isBack:S,setIsBack:P,minHeight:180,setShouldAcquisitionModalOpen:u}},void 0!==g?E?s&&L?(()=>{const t=I[(null==g?void 0:g.value)||""];return(null==t?void 0:t.action)===po.ShowPremiumModal?T():e.createElement(Wo,null)})():T():c?e.createElement(bo,null):null:null)},Vo={myBooking:"booking",mySaved:"saved",myHealth:"health",myFamily:"family",myCommunity:"my-communities",eCom:"/shop/ho-so/quan-li-don-hang/"};var Go="uJQBNNg",Zo="TfG3dM5",qo="aMtjFNf",Yo="cSz2RR-",Xo="GyFm00F";function Ko({userInfo:t,onClickMyProfileButton:a,themeName:n="helloSites"}){const{t:l}=He(),o=i((()=>{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:Go,onClick:()=>{a&&a()}},e.createElement(Yt,{className:Zo,type:"rounded",size:"xl",avatarUrl:null==t?void 0:t.avatar,firstLetter:o,backgroundColor:"marryBaby"===n?Q.mbColors.pink:Q.colors.secondaryBase}),e.createElement("div",{className:qo},e.createElement("div",{className:Yo},(null==t?void 0:t.name)||(null==t?void 0:t.username)),e.createElement("div",{className:Xo,style:{"--bg-hellosites":`url(${X.getAssetPath("userProfileNav/helloSites/icon-chevronRight.svg")})`,"--bg-marrybaby":`url(${X.getAssetPath("userProfileNav/marryBaby/icon-arrowRight.svg")})`}},l("userProfile.nav.header.viewProfile"))))}var Qo="fVk18fq",Jo="v8TCvUb",er="mx7T4V3";const tr={myHealth:Q.mbColors.toneYellow,myCommunity:Q.mbColors.toneBlue,mySaved:Q.mbColors.toneGreen},ar={helloSites:{myBooking:()=>X.getAssetPath("userProfileNav/helloSites/icon-myBooking.svg"),myCommunity:()=>X.getAssetPath("userProfileNav/helloSites/icon-myCommunity.svg"),myFamily:()=>X.getAssetPath("userProfileNav/helloSites/icon-myFamily.svg"),myHealth:()=>X.getAssetPath("userProfileNav/helloSites/icon-myHealth.svg"),mySaved:()=>X.getAssetPath("userProfileNav/helloSites/icon-mySaved.svg"),eCom:()=>X.getAssetPath("userProfileNav/helloSites/icon-eCom.svg")},marryBaby:{mySaved:()=>X.getAssetPath("userProfileNav/marryBaby/icon-mySaved.svg"),myCommunity:()=>X.getAssetPath("userProfileNav/marryBaby/icon-myCommunity.svg"),myHealth:()=>X.getAssetPath("userProfileNav/marryBaby/icon-myHealth.svg")}},nr=({type:t,themeName:a,className:n,onClick:l=(()=>{})})=>{const{t:o}=He(),r=i((()=>{var e,n;return(null===(n=null===(e=ar[a])||void 0===e?void 0:e[t])||void 0===n?void 0:n.call(e))||""}),[t,a]),s=i((()=>"marryBaby"!==a?"transparent":tr[t]),[t,a]);return e.createElement("div",{onClick:function(){l(t)},className:`${Qo} ${n}`},e.createElement("div",{className:er,style:{backgroundColor:s,backgroundImage:`url("${r}")`}}),e.createElement("h3",{className:Jo},o(`userProfile.nav.card.${t}`)))};var ir="gn6HmGG",lr="FCx8FEM",or="zMiRxaE",rr="lZ2Z9MQ",sr="rwm-agG",cr="qMOscoq";const dr=({themeName:a,locale:n,onClickItem:l})=>{const[o,r]=t(""),s=i((()=>"marryBaby"===a?[{key:"userProfile.nav.menu.password",icon:X.getAssetPath("userProfileNav/marryBaby/icon-lock.svg"),link:"password"},{key:"userProfile.nav.menu.logout",icon:X.getAssetPath("userProfileNav/marryBaby/icon-logOut.svg"),link:"logout"}]:[{key:"userProfile.nav.menu.accountSettings",icon:X.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:X.getAssetPath("userProfileNav/helloSites/icon-helpCircle.svg"),link:"help"}]),[a]);function c(e){e.subMenu?r((t=>t?"":e.key)):l&&l(e)}return e.createElement("div",{className:ir},s.map((t=>e.createElement(mr,{key:t.key,item:t,openKey:o,onClickItem:c,locale:n}))))},mr=({item:t,openKey:a,onClickItem:n,locale:i})=>{var l;const{t:o}=He();return(null===(l=t.disableLocale)||void 0===l?void 0:l.includes(i))?null:e.createElement("div",{className:`${lr} nav-menu-item`,"data-is-open":a===t.key,key:t.key,"data-has-submenu":!!t.subMenu},e.createElement("div",{className:or,onClick:()=>n(t)},t.icon&&e.createElement("div",{className:rr,style:{backgroundImage:`url("${t.icon}")`}}),o(t.key),t.subMenu&&e.createElement("div",{className:sr,style:{"--after-bg":`url(${X.getAssetPath("userProfileNav/helloSites/icon-chevronDown.svg")})`}})),t.subMenu&&e.createElement("div",{className:cr},t.subMenu.map((t=>e.createElement(mr,{key:t.key,item:t,openKey:a,onClickItem:n,locale:i})))))};var pr="-AZt1au",gr="IvSIfCI",ur="eahCJov",hr="XIyViFs",vr="_4y-O0w3",br="kO8iNgD",yr="a1d4E10",fr="Tdguxxf",Er="-mOxsaU",xr="yPeDBNZ";const wr={helloSites:{member:()=>X.getAssetPath("userProfileNav/helloSites/icon-rank-member.svg"),ambassador:()=>X.getAssetPath("userProfileNav/helloSites/icon-rank-ambassador.svg"),doctor:()=>X.getAssetPath("userProfileNav/helloSites/icon-rank-doctor.svg"),expert:()=>X.getAssetPath("userProfileNav/helloSites/icon-rank-expert.svg"),influencer:()=>X.getAssetPath("userProfileNav/helloSites/icon-rank-influencer.svg")},marryBaby:{member:()=>X.getAssetPath("userProfileNav/marryBaby/icon-rank-member.svg"),ambassador:()=>X.getAssetPath("userProfileNav/marryBaby/icon-rank-ambassador.svg"),doctor:()=>X.getAssetPath("userProfileNav/marryBaby/icon-rank-doctor.svg"),expert:()=>X.getAssetPath("userProfileNav/marryBaby/icon-rank-expert.svg"),influencer:()=>X.getAssetPath("userProfileNav/marryBaby/icon-rank-influencer.svg")}},kr=({themeName:t,rank:a="member",numberOfPosts:n=0})=>{const{t:l}=He(),o=i((()=>{var e,n;return(null===(n=null===(e=wr[t])||void 0===e?void 0:e[a])||void 0===n?void 0:n.call(e))||""}),[a,t]);return e.createElement("div",{className:vr,"data-user-rank":a},e.createElement("div",{className:br},e.createElement("div",{className:yr},e.createElement("div",{className:fr,style:{backgroundImage:`url("${o}")`}}),e.createElement("h3",{className:Er},l(`userProfile.userRank.${a}`)),n>0&&e.createElement("p",{className:xr},n," ",l("userProfile.nav.header.count.posts")))))},Cr=({SSO_URL:n,UP_BASEPATH:l="user",themeName:o="helloSites",cardUrls:r=Vo,enableCare:s,enableTogether:c,enableEcom:d,enableMySaved:m,userInfo:p,togetherApiDomain:g,userPostsNumber:u,onClickNavigationCard:h,onClickMyProfileButton:v,onClickMenuItem:b,onClickLogout:y,isUserProfileNavigatorMenuHidden:f=!1,isMyHealthEnabled:E=!1,locale:x})=>{const{t:w}=He(),[k,C]=t(u||0),N="marryBaby"===o;a((()=>{if(p&&void 0===u){const e=Ht("hhg_user_token");e&&fetch(Rt(De(x,N,g)),{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)&&C((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)))}}),[x,null!==p,u,g,N]);const B=i((()=>{let e;return e=N?["myHealth","myCommunity","mySaved"]:["myHealth","mySaved","myBooking","myCommunity","eCom"],e.filter((e=>"myBooking"===e?s:"myCommunity"===e?c:"myHealth"===e?E:"eCom"===e?d:"mySaved"!==e||m))}),[N,E]),z=i((()=>"marryBaby"===o?null:e.createElement(je,{color:"tertiary",icon:e.createElement("img",{src:X.getAssetPath("userProfileNav/helloSites/icon-logOut.svg"),width:15,height:15,loading:"lazy"}),size:"md",onClick:y,className:hr},w("userProfile.nav.menu.logout"))),[o]),$=e=>{e.startsWith("http")||e.startsWith("/")?window.location.href=Wt(e):n&&(window.location.href=Wt(`${n}${l}/${e}`))},S=e=>{const t=r[e];h?h(t):$(t)};return p?e.createElement("div",{className:pr,"data-theme":o},e.createElement(Ko,{userInfo:p,themeName:o,onClickMyProfileButton:()=>{v?v():$("profile")}}),e.createElement(kr,{themeName:o,rank:"member",numberOfPosts:k}),e.createElement("div",{className:gr},B.map((t=>e.createElement(nr,{className:ur,key:t,themeName:o,type:t,onClick:S})))),!f&&e.createElement(e.Fragment,null,e.createElement(dr,{themeName:o,locale:x,onClickItem:e=>{"logout"===e.link&&y?y():e.link&&!e.subMenu&&(b?b(e.link):$(e.link))}}),z)):null};export{kr as $,Zt as A,Xt as B,ca as C,tn as D,rl as E,aa as F,na as G,gl as H,Aa as I,fl as J,jl as K,Rl as L,ti as M,Vl as N,bl as O,la as P,ql as Q,oa as R,sn as S,ra as T,ao as U,no as V,Uo as W,go as X,uo as Y,Cr as Z,Ko as _,Yt as a,Kt as b,sa as c,ga as d,ua as e,Ca as f,Pa as g,La as h,Ma as i,Ya as j,Xa as k,ln as l,gn as m,En as n,wn as o,Pn as p,Dn as q,Hn as r,qn as s,ei as t,ai as u,di as v,Ii as w,Hi as x,Xi as y,Qi as z};