@hhgtech/hhg-components 1.27.98 → 1.27.100

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

@@ -0,0 +1 @@
+import{a as e}from"./tslib.es6-b45bedfa.js";import t,{useState as a,useEffect as l,useMemo as n,useRef as o,useContext as i,useCallback as s}from"react";import{g as r}from"./core-b3ff9323.js";import{W as c,F as m,I as u,z as d,x as g,P as h,H as v}from"./index.styles-f5109225.js";import{S as p,a as E,b as y,c as b,e as C,g as f,h as k,i as w,T as P,N,P as M,j as _,k as A,l as L,m as T,n as H,o as S,p as B,q as x,r as U,s as $,t as I,u as R,v as O,w as j,x as F,y as D,z,A as V,B as G,C as W,D as q,E as K,F as Y,G as Z,H as Q,I as J,J as X,K as ee,L as te,M as ae,O as le,Q as ne,R as oe,V as ie,W as se,X as re,Y as ce,Z as me,_ as ue,$ as de,a0 as ge,a1 as he,a2 as ve,a3 as pe,a4 as Ee,a5 as ye,a6 as be,a7 as Ce,a8 as fe,a9 as ke,aa as we,ab as Pe,ac as Ne,ad as Me,ae as _e,af as Ae,ag as Le,ah as Te,ai as He,aj as Se,ak as Be,al as xe,am as Ue,an as $e,ao as Ie}from"./index.styled-14919112.js";import{T as Re}from"./index-bba2064d.js";import{CommonGAssets as Oe}from"./gAssets.js";import{d as je,L as Fe,S as De,U as ze,T as Ve,C as Ge}from"./index-6432d105.js";import{n as We,a as qe}from"./normalizeLink-d153f646.js";import{c as Ke,b as Ye,d as Ze}from"./routing-c7d4a753.js";import{L as Qe}from"./index-23395043.js";import{u as Je}from"./useTranslations-70cc0e7b.js";import Xe from"lodash/throttle";import{j as et}from"./screenSizeContext-8b09c781.js";import{U as tt,C as at}from"./index-6e08cf9f.js";import{L as lt}from"./Onboarding-7f98ca07.js";import{t as nt}from"./theme-e98b6227.js";import{g as ot}from"./cookieHelper-c48bb2db.js";import{I as it}from"./index-ac620748.js";import{B as st}from"./index-c102c888.js";import{Portal as rt}from"@mantine/core";import"@mantine/dates";import"dayjs";import"styled-components";import"./isProduction-ad816e81.js";import"@mantine/hooks";import ct from"lodash/debounce";import"./useCategory-4aae0a0e.js";import{L as mt}from"./constants-600924e8.js";import ut from"string-format";import{a as dt}from"./useUniqueId-13e05354.js";import{I as gt}from"./index-2bd58cd7.js";import{u as ht}from"./useIsInit-328c9270.js";const vt={xs:28,small:32,medium:40,large:48,xl:64,xxl:80,xxxl:96},pt=({type:e="square",size:n,avatarImg:o,avatarUrl:i,firstLetter:s,backgroundColor:r,onClick:m,style:u,className:d,width:g,height:h,alt:v})=>{const p=n?vt[n]:void 0,[E,y]=a(!1);l((()=>{if(i){const e=document.createElement("img");e.setAttribute("src",i),e.addEventListener("error",(()=>{y(!0)}))}}),[i,y]);const b=(!i&&!o||E)&&s;return t.createElement(c,{style:Object.assign(Object.assign({},u),{"--size":p?p+"px":void 0,"--width-prop":g?g+"px":void 0,"--height-prop":h?h+"px":void 0,"--background-color":r}),"data-has-max":!(!g||!h),"data-avatar-type":e,onClick:m,className:d,avatarUrl:i,"data-custom-size":!!n},o,i&&!E&&t.createElement(it,{src:i,alt:v||"avatar"}),b&&s)},Et=["hellobacsi.com","hellosehat.com","hellodoktor.com","hellokrupet.com","hellodoctor.com.ph","hellokhunmor.com","hellosayarwon.com","helloyishi.com.tw","helloswasthya.com","marrybaby.vn","hellohealth.questionpro.com","hellobacsivn.page.link"],yt=(e="")=>Et.some((t=>new URL(e).origin.endsWith(t))),bt=({options:e,label:l,labelRenderer:n,selected:o,onChange:i,showSelected:s=!0,style:r={},showIndicator:c=!0})=>{const[m,u]=a(!1);return t.createElement(t.Fragment,null,t.createElement(p,null,t.createElement(E,{onClick:()=>u((e=>!e))},l||(null==n?void 0:n(m))||null,t.createElement(y,{"data-is-open":m,style:r,"data-show-indicator":c},e.map(((e,a)=>t.createElement(b,{key:a,"data-selected":s&&o===e.value,onClick:t=>{o!==e.value&&(i(e.value),u((e=>!e))),t.stopPropagation()}},t.createElement(Re,{size:"p3"},e.label),s&&o===e.value&&t.createElement("img",{src:Oe.getAssetPath("check.svg"),alt:"check",className:"check-icon",loading:"lazy"}))))))),m&&t.createElement(C,{onClick:()=>u(!1)}))},Ct=({languageOptions:e,locale:a})=>{var l,n;const o=null==e?void 0:e.find((e=>e.locale===a));return(null==e?void 0:e.length)?t.createElement(bt,{options:e,selected:o.value,label:t.createElement(ft,{locale:a,label:o.label||(null===(n=null===(l=a.split("-"))||void 0===l?void 0:l[0])||void 0===n?void 0:n.toUpperCase())}),onChange:e=>{"undefined"!=typeof window&&(window.location.href=e)},style:{width:100},showSelected:!0,showIndicator:!1}):null},ft=({locale:e,label:a,href:l})=>{var n,o,i;return t.createElement(f,{href:l},t.createElement(m,{country:null===(o=null===(n=null==e?void 0:e.split("-"))||void 0===n?void 0:n[1])||void 0===o?void 0:o.toUpperCase(),width:16,height:16,rounded:!0,language:null===(i=null==e?void 0:e.split("-"))||void 0===i?void 0:i[0]}),t.createElement("span",null,a))},kt=({forceDisplay:e,mediaQueryKey:a,children:l,className:o,style:i})=>{const[s,r]=n((()=>et(a)),[a]);return t.createElement(k,{lowerBound:e?0:s,upperBound:e?0:r,className:o,style:i},l)},wt=e=>{const{allowBgScroll:t}=e||{},a=o();return{containerRef:a,onContainerFocus:()=>{t||(document.documentElement.style.overflow="hidden")},onContainerBlur:()=>{t||(document.documentElement.style.overflow="")},onButtonMouseDown:e=>{a.current&&(document.activeElement===a.current||a.current.contains(document.activeElement))&&(a.current.blur(),document.activeElement.blur(),e.preventDefault())},onClose:()=>{a.current&&(document.activeElement===a.current||a.current.contains(document.activeElement))&&(a.current.blur(),document.activeElement.blur())}}},Pt=({type:e="lead",closeIcon:a,isOpen:l=!0,onClose:n,children:o,enableAnimation:i=!0,targetAvatar:s,id:r,className:c})=>t.createElement(w,{"data-open":l,"data-type":e,"data-animation":i,"data-target":s,id:r,className:c},t.createElement("div",{className:"popup-content"},!!a&&t.createElement("div",{className:"close-button",onClick:n},a),o)),Nt={myBooking:"booking",mySaved:"saved",myHealth:"health",myFamily:"family",myCommunity:"my-communities",eCom:"shop"};var Mt="uJQBNNg",_t="TfG3dM5",At="aMtjFNf",Lt="cSz2RR-",Tt="GyFm00F";function Ht({userInfo:e,onClickMyProfileButton:a,themeName:l="helloSites"}){const{t:o}=Je(),i=n((()=>{const t=(null==e?void 0:e.name)||(null==e?void 0:e.username);return t&&t.length?t[0].toUpperCase():"A"}),[null==e?void 0:e.username,null==e?void 0:e.name]);return t.createElement("div",{className:Mt,onClick:()=>{a&&a()}},t.createElement(pt,{className:_t,type:"rounded",size:"xl",avatarUrl:null==e?void 0:e.avatar,firstLetter:i,backgroundColor:"marryBaby"===l?nt.mbColors.pink:nt.colors.secondaryBase}),t.createElement("div",{className:At},t.createElement("div",{className:Lt},(null==e?void 0:e.name)||(null==e?void 0:e.username)),t.createElement("div",{className:Tt,style:{"--bg-hellosites":`url(${Oe.getAssetPath("userProfileNav/helloSites/icon-chevronRight.svg")})`,"--bg-marrybaby":`url(${Oe.getAssetPath("userProfileNav/marryBaby/icon-arrowRight.svg")})`}},o("userProfile.nav.header.viewProfile"))))}var St="gn6HmGG",Bt="FCx8FEM",xt="zMiRxaE",Ut="lZ2Z9MQ",$t="rwm-agG",It="qMOscoq";const Rt=({themeName:e,locale:l,onClickItem:o})=>{const[i,s]=a(""),r=n((()=>"marryBaby"===e?[{key:"userProfile.nav.menu.password",icon:Oe.getAssetPath("userProfileNav/marryBaby/icon-lock.svg"),link:"password"},{key:"userProfile.nav.menu.logout",icon:Oe.getAssetPath("userProfileNav/marryBaby/icon-logOut.svg"),link:"logout"}]:[{key:"userProfile.nav.menu.accountSettings",icon:Oe.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:Oe.getAssetPath("userProfileNav/helloSites/icon-helpCircle.svg"),link:"help"}]),[e]);function c(e){e.subMenu?s((t=>t?"":e.key)):o&&o(e)}return t.createElement("div",{className:St},r.map((e=>t.createElement(Ot,{key:e.key,item:e,openKey:i,onClickItem:c,locale:l}))))},Ot=({item:e,openKey:a,onClickItem:l,locale:n})=>{var o;const{t:i}=Je();return(null===(o=e.disableLocale)||void 0===o?void 0:o.includes(n))?null:t.createElement("div",{className:`${Bt} nav-menu-item`,"data-is-open":a===e.key,key:e.key,"data-has-submenu":!!e.subMenu},t.createElement("div",{className:xt,onClick:()=>l(e)},e.icon&&t.createElement("div",{className:Ut,style:{backgroundImage:`url("${e.icon}")`}}),i(e.key),e.subMenu&&t.createElement("div",{className:$t,style:{"--after-bg":`url(${Oe.getAssetPath("userProfileNav/helloSites/icon-chevronDown.svg")})`}})),e.subMenu&&t.createElement("div",{className:It},e.subMenu.map((e=>t.createElement(Ot,{key:e.key,item:e,openKey:a,onClickItem:l,locale:n})))))};var jt="-AZt1au",Ft="IvSIfCI",Dt="eahCJov",zt="XIyViFs",Vt="_4y-O0w3",Gt="kO8iNgD",Wt="a1d4E10",qt="Tdguxxf",Kt="-mOxsaU",Yt="yPeDBNZ";const Zt={helloSites:{member:()=>Oe.getAssetPath("userProfileNav/helloSites/icon-rank-member.svg"),ambassador:()=>Oe.getAssetPath("userProfileNav/helloSites/icon-rank-ambassador.svg"),doctor:()=>Oe.getAssetPath("userProfileNav/helloSites/icon-rank-doctor.svg"),expert:()=>Oe.getAssetPath("userProfileNav/helloSites/icon-rank-expert.svg"),influencer:()=>Oe.getAssetPath("userProfileNav/helloSites/icon-rank-influencer.svg")},marryBaby:{member:()=>Oe.getAssetPath("userProfileNav/marryBaby/icon-rank-member.svg"),ambassador:()=>Oe.getAssetPath("userProfileNav/marryBaby/icon-rank-ambassador.svg"),doctor:()=>Oe.getAssetPath("userProfileNav/marryBaby/icon-rank-doctor.svg"),expert:()=>Oe.getAssetPath("userProfileNav/marryBaby/icon-rank-expert.svg"),influencer:()=>Oe.getAssetPath("userProfileNav/marryBaby/icon-rank-influencer.svg")}},Qt=({themeName:e,rank:a="member",numberOfPosts:l=0})=>{const{t:o}=Je(),i=n((()=>{var t,l;return(null===(l=null===(t=Zt[e])||void 0===t?void 0:t[a])||void 0===l?void 0:l.call(t))||""}),[a,e]);return t.createElement("div",{className:Vt,"data-user-rank":a},t.createElement("div",{className:Gt},t.createElement("div",{className:Wt},t.createElement("div",{className:qt,style:{backgroundImage:`url("${i}")`}}),t.createElement("h3",{className:Kt},o(`userProfile.userRank.${a}`)),l>0&&t.createElement("p",{className:Yt},l," ",o("userProfile.nav.header.count.posts")))))},Jt=e=>{var t,a,l,n;return e?{termId:e.term_id||null,sponsor:e.sponsor?(n=e.sponsor,n?{title:n.title,logo:n.logo,link:n.link}:{}):null,isSponsored:e.is_sponsored||null,categoryName:e.cat_name||e.name||null,name:e.name||null,iconUrl:e.icon||"",slugName:e.category_nicename||null,description:e.description||null,featureImage:e.thumbnail||e.image||null,displayName:e.name||null,parent:e.parent||null,permalink:e.permalink||null,slug:e.slug||null,childCates:(null===(t=e.child_cates)||void 0===t?void 0:t.map((e=>Jt(e))))||[],thumnailColor:e.thumnail_color||["#FFEAF1","#E0E9FB","#FFF9EB","#F2FCF7","#F3F3F3"][5*Math.random()|0],colorFeatureImage:e.color_feature_image||null,imageColor:e.image_color||null,textColor:e.text_color||null,catParent:(null===(a=e.cat_parent)||void 0===a?void 0:a.name)?{name:e.cat_parent.name,permalink:e.cat_parent.permalink}:{},metaTag:e.meta_tag||"",reviewedBy:e.reviewed_by?(l=e.reviewed_by,{postTitle:l.post_title,permalink:l.permalink}):null,reviewedDate:e.reviewed_date||"",faqs:e.faqs?e.faqs.map((e=>(e=>({title:e.title,content:e.content}))(e))):null,customizedUrl:e.customized_url||null}:{}},Xt=e=>{var t,a;if(!e)return{};const l=null===(t=e.link)||void 0===t?void 0:t.includes("/bot/"),n=null===(a=e.link)||void 0===a?void 0:a.startsWith("/fil/"),o=e.link?e.link.startsWith("http")||l?e.link:n?e.link.replace("/health-tools/","/").replace("/fil/","/fil/health-tools/"):`/health-tools${e.link.replace("/health-tools/","/")}`:void 0;return{icon:e.icon,link:o,subtitle:e.subtitle,title:e.title}},ea=e=>e?{thumbnail:e.thumbnail,link:null==e?void 0:e.slug,subtitle:e.name,name:e.name,slug:e.slug}:{},ta=e=>e?{id:e.id,name:e.name,logo:null==e?void 0:e.logo,description:e.about,slug:e.slug}:{},aa=({type:e,specialtySlug:t,locale:a})=>{var l,n;return`${null===(l=mt[a])||void 0===l?void 0:l.ALL}/${(null===(n=mt[a])||void 0===n?void 0:n[e])||"doctor"}/${null!=t?t:""}`},la=e=>e?{id:e.ID,name:e.name,permalink:e.permalink,image:(null==e?void 0:e.small_banner)||(null==e?void 0:e.image)||"",imageMedium:(null==e?void 0:e.image_medium)||null,imageThumbnail:(null==e?void 0:e.image_thumbnail)||null,startDate:null==e?void 0:e.start_date,endDate:null==e?void 0:e.end_date}:{},na=e=>{const t=new Date;if(null==e?void 0:e.startDate){const a=new Date(e.startDate);if(t.getTime()<a.getTime())return!1}if(null==e?void 0:e.endDate){const a=new Date(e.endDate);if(t.getTime()>a.getTime())return!1}return!0},oa=({SSO_URL:e,UP_BASEPATH:o="user",themeName:i="helloSites",cardUrls:s=Nt,enableCare:r,enableTogether:c,enableEcom:m,enableMySaved:u,userInfo:d,togetherApiDomain:g,userPostsNumber:h,onClickNavigationCard:v,onClickMyProfileButton:p,onClickMenuItem:E,onClickLogout:y,isUserProfileNavigatorMenuHidden:b=!1,isMyHealthEnabled:C=!1,locale:f})=>{const{t:k}=Je(),[w,M]=a(h||0),_="marryBaby"===i;l((()=>{if(d&&void 0===h){const e=ot("hhg_user_token");e&&fetch(We(((e,t,a,l)=>(a||"https://together.hellohealthgroup.com/")+"api/v1/"+ut(P.GET_USER_POSTS,Object.assign(Object.assign({},l),{websiteUrl:t?"https://marrybaby.vn":`https://${je[e]}`})))(f,_,g)),{headers:{Authorization:`Bearer ${e}`}}).then((e=>e.json())).then((e=>{var t,a,l;1===(null==e?void 0:e.status)&&(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.pagination)&&M((null===(l=null===(a=null==e?void 0:e.data)||void 0===a?void 0:a.pagination)||void 0===l?void 0:l.total_items)||0)})).catch((e=>console.error("Error fetching post number",e)))}}),[f,null!==d,h,g,_]);const A=n((()=>{let e;return e=_?["myHealth","myCommunity","mySaved"]:["myHealth","mySaved","myBooking","myCommunity","eCom"],e.filter((e=>"myBooking"===e?r:"myCommunity"===e?c:"myHealth"===e?C:"eCom"===e?m:"mySaved"!==e||u))}),[_,C]),L=n((()=>"marryBaby"===i?null:t.createElement(st,{color:"tertiary",icon:t.createElement("img",{src:Oe.getAssetPath("userProfileNav/helloSites/icon-logOut.svg"),width:15,height:15,loading:"lazy"}),size:"md",onClick:y,className:zt},k("userProfile.nav.menu.logout"))),[i]),T=t=>{window.location.href=We(`${e}${o}/${t}`)},H=e=>{const t=s[e];v?v(t):T(t)};return d?t.createElement("div",{className:jt,"data-theme":i},t.createElement(Ht,{userInfo:d,themeName:i,onClickMyProfileButton:()=>{p?p():T("profile")}}),t.createElement(Qt,{themeName:i,rank:"member",numberOfPosts:w}),t.createElement("div",{className:Ft},A.map((e=>t.createElement(N,{className:Dt,key:e,themeName:i,type:e,onClick:H})))),!b&&t.createElement(t.Fragment,null,t.createElement(Rt,{themeName:i,locale:f,onClickItem:e=>{"logout"===e.link&&y?y():e.link&&!e.subMenu&&(E?E(e.link):T(e.link))}}),L)):null},ia=({SSO_URL:e,UP_BASEPATH:a,isOpen:l,targetAvatar:n,userInfo:o,enableCare:i,enableTogether:s,enableEcom:r,enableMySaved:c,closePopup:m,siteType:u="helloSites",dispatchLogout:d,userProfileRouterPush:g,isUserProfileNavigatorMenuHidden:h,isMyHealthEnabled:v=!1,togetherApiDomain:p,locale:E})=>{const y=t=>{g?g(`/${t}`):e&&(window.location.href=We(`${e}${a}/${t}`))},b=e=>{y(e),m()};return t.createElement(Pt,{isOpen:l,type:"profile",enableAnimation:!0,targetAvatar:n,onClose:m},t.createElement(oa,{SSO_URL:e,UP_BASEPATH:a,themeName:u,userInfo:o,enableCare:i,enableTogether:s,enableEcom:r,enableMySaved:c,onClickLogout:()=>{d&&(d(),m())},onClickMenuItem:b,onClickNavigationCard:b,onClickMyProfileButton:()=>{y("profile"),m()},isUserProfileNavigatorMenuHidden:h,isMyHealthEnabled:v,togetherApiDomain:p,locale:E}))},sa=({openLogoutPopup:e,onCloseHandler:a,onLogoutHandler:n,siteType:o="helloSites"})=>{const{t:i}=Je();return l((()=>{document.body.classList.toggle("noscroll",e)}),[e]),t.createElement(rt,null,t.createElement(M,{type:"confirm",isOpen:e,closeIcon:t.createElement("img",{src:Oe.getAssetPath("closeLight.svg"),style:{width:24,height:24},alt:"close-icon",loading:"lazy"}),onClose:a},t.createElement(_,null,"helloSites"===o&&t.createElement("img",{src:Oe.getAssetPath("arrowDoor.svg"),className:"cancle-img",alt:"close-account",loading:"lazy"}),t.createElement("h2",null,i("helloSites"===o?"logout.popup.ask1":"logout.popup.ask.mb")),t.createElement("p",null,i("logout.popup.ask2")),t.createElement(A,{siteType:o},t.createElement(st,{className:"logout-button",color:"tertiary",size:"lg",onClick:n},i("logout.popup.button.logout")),t.createElement(st,{className:"cancel-button",color:"primary",size:"lg",onClick:a},i("logout.popup.button.cancel"))))))},ra=({userInfo:n,siteType:o,onLoginClick:i,SSO_URL:s,currentUrl:r,isMinifyLogin:c,enableCare:m,enableTogether:h,enableEcom:v,isUserProfileNavigatorMenuHidden:p,UP_BASEPATH:E,isMyHealthEnabled:y,togetherApiDomain:b,onLogout:C,style:f,userProfileRouterPush:k,isLoading:w,locale:P,enableMySaved:N})=>{const{t:M}=Je(),[_,A]=a(!1),S=(null==n?void 0:n.name)||(null==n?void 0:n.username),[B,x]=a(!1);l((()=>{x(!0)}),[]);const{containerRef:U,onContainerFocus:$,onContainerBlur:I,onButtonMouseDown:R,onClose:O}=wt();return w?t.createElement(u,{size:"sm",color:"transparent",loading:w}):(null==n?void 0:n.id)?t.createElement(t.Fragment,null,t.createElement(L,{ref:U,style:f,tabIndex:0,onBlur:I,onFocus:$},t.createElement("div",{onMouseDown:R},t.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"user-close-icon"},t.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),t.createElement(d,{size:40,className:"user-avatar",src:null==n?void 0:n.avatar,color:"marryBaby"===o?nt.mbColors.pink:nt.colors.secondaryBase,placeholderText:S&&S.length?S[0].toUpperCase():"A"})),t.createElement(ia,{UP_BASEPATH:E,SSO_URL:s,dispatchLogout:()=>{O(),A(!0)},isOpen:!1,isMyHealthEnabled:y,enableCare:m,enableTogether:h,enableEcom:v,enableMySaved:N,closePopup:O,userInfo:n,siteType:o,isUserProfileNavigatorMenuHidden:p,togetherApiDomain:b,userProfileRouterPush:k,locale:P})),t.createElement(sa,{openLogoutPopup:_,onCloseHandler:()=>{document.body.classList.toggle("noscroll",!1),A(!1)},siteType:o,onLogoutHandler:()=>e(void 0,void 0,void 0,(function*(){A(!1),document.body.classList.toggle("noscroll",!1),yield C()}))})):t.createElement(T,{style:Object.assign({textDecoration:"none"},f),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":r,href:B?void 0:We(`${s}?returnUrl=${r}`),"data-site-type":o},c?t.createElement(H,{onClick:i},t.createElement("img",{src:Oe.getAssetPath("lock.png"),className:"avatar",loading:"lazy",alt:"avatar"})):t.createElement(t.Fragment,null,"helloSites"===o&&(P===lt.Indonesia||P===lt.PhilippinesTagalog||P===lt.PhilippinesEnglish?t.createElement("img",{className:"mobile-only",src:Oe.getAssetPath("login.svg"),style:{cursor:"pointer",height:24,width:24},onClick:i}):t.createElement(u,{className:"mobile-only",size:"sm",onClick:i,leftIcon:t.createElement(tt,{useCurrentColor:!0,isSolid:!0,size:22}),sx:{paddingLeft:"8px",paddingRight:"12px"}},M("navigation.loginJoin"))),"marryBaby"===o&&t.createElement("div",{className:"mobile-only",onClick:i,style:{paddingLeft:16}},t.createElement(g,{size:"p3",color:nt.mbColors.pink},M("navigation.loginJoin"))),t.createElement(u,{className:"login-btn",size:"md",onClick:i,leftIcon:t.createElement(tt,{useCurrentColor:!0,isSolid:!0,size:22})},M("navigation.loginJoin"))))};var ca="spdlGfq",ma="vgS16jX";const ua=({onCareHeaderClick:e,currentUrl:a,careUrlFe:l,btnName:n})=>e?t.createElement(st,{className:ca,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:a,onClick:t=>e(t),style:{paddingLeft:10,paddingRight:10}},n):t.createElement("a",{href:l,className:`${ma} care-button no-replace-click`},t.createElement(st,{className:ca,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:a},n));var da="y5VJdvw",ga="oVhOSCy",ha="pX8OXTM";function va({className:e}){return t.createElement("div",null,t.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e},t.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))}function pa({siteType:e,type:a,enableSearch:l,className:n}){return"helloSites"===e?t.createElement("div",null,t.createElement("img",{"data-list-type":"Header","data-content-type":"Navigation","data-content-topic":"Hamburger",src:l?Oe.getAssetPath("hamburgerMenuNewWithSearch.svg"):Oe.getAssetPath("hamburgerMenuNew.svg"),style:{width:"24px",height:"24px"},alt:a,className:n,loading:"lazy"})):t.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n},t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.34961 15C3.34961 14.641 3.64062 14.35 3.99961 14.35L13.9996 14.35C14.3586 14.35 14.6496 14.641 14.6496 15C14.6496 15.359 14.3586 15.65 13.9996 15.65L3.99961 15.65C3.64062 15.65 3.34961 15.359 3.34961 15ZM3.34961 8.99999C3.34961 8.64101 3.64062 8.34999 3.99961 8.34999L19.9992 8.34999C20.3582 8.34999 20.6492 8.64101 20.6492 8.99999C20.6492 9.35898 20.3582 9.64999 19.9992 9.64999L3.99961 9.64999C3.64062 9.64999 3.34961 9.35898 3.34961 8.99999Z",fill:"#3E3F58"}))}const Ea=()=>{const{locale:e,configs:{statics:a},siteType:l}=i(S),n=dt(),{t:o}=Je();return t.createElement(h,{className:"fake-search-input",name:"search-input-menu-service"+n,size:"md",placeholder:"marryBaby"===l?o("navigation.search.input.placeholder"):o("home.search",{site:Fe[e||"en-PH"]?Fe[e||"en-PH"].SITE_NAME:""}),onChange:()=>{},onKeyDown:e=>"Enter"===e.key&&(window.location.href=`${a.HOME_PAGE_URL}/search/?s=${e.target.value}`),type:"search",onFocus:e=>{e.preventDefault()},displayIcon:t.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click"},t.createElement(B,null))})};var ya="wnUb-dV",ba="cjbOxWe",Ca="gB4rp89";const fa=({item:e,menu:a})=>{const{containerRef:l,onContainerFocus:n,onContainerBlur:o,onButtonMouseDown:i,onClose:s}=wt({allowBgScroll:!0}),r=ht();return!e.popupType&&e.link?t.createElement(ka,{isNew:e.isNew},t.createElement("a",{className:`hhgcomp-navigation-itemnav-headeritem ${r?"":`menu-handler-${e.id}`} ${"care"===e.id?"force-focus":""}`,tabIndex:0,href:e.link,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link},t.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,className:ba},"care"===e.id&&t.createElement("div",{className:Ca},t.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M13.4751 21.5C11.8084 21.5 10.3918 20.9167 9.2251 19.75C8.05843 18.5833 7.4751 17.1667 7.4751 15.5V14.95C6.1251 14.7833 4.9961 14.1833 4.0881 13.15C3.17943 12.1167 2.7251 10.9 2.7251 9.5V4.65C2.7251 4.4 2.81243 4.18733 2.9871 4.012C3.16243 3.83733 3.3751 3.75 3.6251 3.75H5.7251V3.5C5.7251 3.28333 5.7961 3.104 5.9381 2.962C6.07943 2.82067 6.25843 2.75 6.4751 2.75C6.69176 2.75 6.8711 2.82067 7.0131 2.962C7.15443 3.104 7.2251 3.28333 7.2251 3.5V5.5C7.2251 5.71667 7.15443 5.89567 7.0131 6.037C6.8711 6.179 6.69176 6.25 6.4751 6.25C6.25843 6.25 6.07943 6.179 5.9381 6.037C5.7961 5.89567 5.7251 5.71667 5.7251 5.5V5.25H4.2251V9.5C4.2251 10.6 4.61676 11.5417 5.4001 12.325C6.18343 13.1083 7.1251 13.5 8.2251 13.5C9.3251 13.5 10.2668 13.1083 11.0501 12.325C11.8334 11.5417 12.2251 10.6 12.2251 9.5V5.25H10.7251V5.5C10.7251 5.71667 10.6544 5.89567 10.5131 6.037C10.3711 6.179 10.1918 6.25 9.9751 6.25C9.75843 6.25 9.57943 6.179 9.4381 6.037C9.2961 5.89567 9.2251 5.71667 9.2251 5.5V3.5C9.2251 3.28333 9.2961 3.104 9.4381 2.962C9.57943 2.82067 9.75843 2.75 9.9751 2.75C10.1918 2.75 10.3711 2.82067 10.5131 2.962C10.6544 3.104 10.7251 3.28333 10.7251 3.5V3.75H12.8251C13.0751 3.75 13.2878 3.83733 13.4631 4.012C13.6378 4.18733 13.7251 4.4 13.7251 4.65V9.5C13.7251 10.9 13.2711 12.1167 12.3631 13.15C11.4544 14.1833 10.3251 14.7833 8.9751 14.95V15.5C8.9751 16.75 9.41276 17.8127 10.2881 18.688C11.1628 19.5627 12.2251 20 13.4751 20C14.7251 20 15.7878 19.5627 16.6631 18.688C17.5378 17.8127 17.9751 16.75 17.9751 15.5V13.875C17.4584 13.7083 17.0294 13.404 16.6881 12.962C16.3461 12.5207 16.1751 12.0167 16.1751 11.45C16.1751 10.7333 16.4251 10.125 16.9251 9.625C17.4251 9.125 18.0251 8.875 18.7251 8.875C19.4418 8.875 20.0501 9.125 20.5501 9.625C21.0501 10.125 21.3001 10.7333 21.3001 11.45C21.3001 12.0167 21.1294 12.5207 20.7881 12.962C20.4461 13.404 20.0084 13.7083 19.4751 13.875V15.5C19.4751 17.1667 18.8918 18.5833 17.7251 19.75C16.5584 20.9167 15.1418 21.5 13.4751 21.5Z",fill:"#2D87F3",strokeWidth:0}))),e.name))):t.createElement(ka,{isNew:e.isNew},t.createElement("div",{ref:l,className:`hhgcomp-navigation-itemnav-headeritem ${r?"":`menu-handler-${e.id}`} ${"care"===e.id?"force-focus":""}`,tabIndex:0,key:e.id,onBlur:o,onFocus:n,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link},t.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,onMouseDown:i,className:ba},"care"===e.id&&t.createElement("a",{className:Ca,href:We(e.link+"/")},t.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M13.4751 21.5C11.8084 21.5 10.3918 20.9167 9.2251 19.75C8.05843 18.5833 7.4751 17.1667 7.4751 15.5V14.95C6.1251 14.7833 4.9961 14.1833 4.0881 13.15C3.17943 12.1167 2.7251 10.9 2.7251 9.5V4.65C2.7251 4.4 2.81243 4.18733 2.9871 4.012C3.16243 3.83733 3.3751 3.75 3.6251 3.75H5.7251V3.5C5.7251 3.28333 5.7961 3.104 5.9381 2.962C6.07943 2.82067 6.25843 2.75 6.4751 2.75C6.69176 2.75 6.8711 2.82067 7.0131 2.962C7.15443 3.104 7.2251 3.28333 7.2251 3.5V5.5C7.2251 5.71667 7.15443 5.89567 7.0131 6.037C6.8711 6.179 6.69176 6.25 6.4751 6.25C6.25843 6.25 6.07943 6.179 5.9381 6.037C5.7961 5.89567 5.7251 5.71667 5.7251 5.5V5.25H4.2251V9.5C4.2251 10.6 4.61676 11.5417 5.4001 12.325C6.18343 13.1083 7.1251 13.5 8.2251 13.5C9.3251 13.5 10.2668 13.1083 11.0501 12.325C11.8334 11.5417 12.2251 10.6 12.2251 9.5V5.25H10.7251V5.5C10.7251 5.71667 10.6544 5.89567 10.5131 6.037C10.3711 6.179 10.1918 6.25 9.9751 6.25C9.75843 6.25 9.57943 6.179 9.4381 6.037C9.2961 5.89567 9.2251 5.71667 9.2251 5.5V3.5C9.2251 3.28333 9.2961 3.104 9.4381 2.962C9.57943 2.82067 9.75843 2.75 9.9751 2.75C10.1918 2.75 10.3711 2.82067 10.5131 2.962C10.6544 3.104 10.7251 3.28333 10.7251 3.5V3.75H12.8251C13.0751 3.75 13.2878 3.83733 13.4631 4.012C13.6378 4.18733 13.7251 4.4 13.7251 4.65V9.5C13.7251 10.9 13.2711 12.1167 12.3631 13.15C11.4544 14.1833 10.3251 14.7833 8.9751 14.95V15.5C8.9751 16.75 9.41276 17.8127 10.2881 18.688C11.1628 19.5627 12.2251 20 13.4751 20C14.7251 20 15.7878 19.5627 16.6631 18.688C17.5378 17.8127 17.9751 16.75 17.9751 15.5V13.875C17.4584 13.7083 17.0294 13.404 16.6881 12.962C16.3461 12.5207 16.1751 12.0167 16.1751 11.45C16.1751 10.7333 16.4251 10.125 16.9251 9.625C17.4251 9.125 18.0251 8.875 18.7251 8.875C19.4418 8.875 20.0501 9.125 20.5501 9.625C21.0501 10.125 21.3001 10.7333 21.3001 11.45C21.3001 12.0167 21.1294 12.5207 20.7881 12.962C20.4461 13.404 20.0084 13.7083 19.4751 13.875V15.5C19.4751 17.1667 18.8918 18.5833 17.7251 19.75C16.5584 20.9167 15.1418 21.5 13.4751 21.5Z",fill:"#2D87F3",strokeWidth:0}))),e.name,e.popupType&&t.createElement("div",{className:ya},t.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),t.isValidElement(a)?t.cloneElement(a,{onClose:s}):null))},ka=({isNew:e,children:a})=>{const{t:l}=Je();return e?t.createElement(gt,{color:"green",label:l("home.navigator.menuItem.new"),size:20,styles:{root:{paddingRight:10}}},a):t.createElement(t.Fragment,null,a)},wa=({hrefViewMore:e,titleBtnViewMore:a,UrlFE:l,onClosePopup:n,menuItems:o,headingTitle:s})=>{const{siteType:r}=i(S);return t.createElement(x,null,t.createElement(U,null,t.createElement(v,{tag:"marryBaby"===r?"h5":"h6",as:"p",fontWeight:"semibold"},s)),null==o?void 0:o.slice(0,6).map(((e,a)=>{const o=(null==e?void 0:e.link)?(null==e?void 0:e.link.startsWith("http"))?null==e?void 0:e.link:`${l}/${null==e?void 0:e.link.split("/").filter(Boolean).join("/")}/`:"/";return t.createElement($,Object.assign({className:"iconMenu","data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":o,"data-is-heading-category":!1,href:o},!yt(o)&&{target:"_blank"},{"data-theme":r,key:a,onClick:n}),t.createElement("div",{className:"icon"},t.createElement("img",{loading:"lazy",alt:e.name,src:e.thumbnail||"/images/avatar.jpg",style:{width:32,height:32,maxWidth:32,maxHeight:32,overflow:"hidden"}})),t.createElement(ka,{isNew:e.isNew},t.createElement("p",{style:{paddingRight:e.isNew?10:0}},e.name)),t.createElement(I,null,t.createElement("img",{src:Oe.getAssetPath("chevronRight.svg"),style:{width:"16px",height:"16px"},loading:"lazy"})))})),a&&t.createElement(R,{"data-theme":r,style:{textDecoration:"none"},href:e,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e},t.createElement(O,{onClick:n,"data-theme":r,"data-is-heading-category":!1},a,t.createElement(j,null,t.createElement("img",{className:"svg",src:"marryBaby"===r?Oe.getAssetPath("chevronRightPink.svg"):Oe.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"},loading:"lazy"})))))},Pa=({item:e,index:a=0})=>{var l;const{t:n}=Je(),{locale:o,configs:{statics:s}}=i(S);if(!e)return null;const r=`${s.CARE_URL_FE}/${null===(l=mt[o])||void 0===l?void 0:l.HOSPITAL}/${e.slug}-${e.id}`;return t.createElement(F,{key:e.id,href:r,"data-event-category":"Hamburger Navigation","data-event-action":`Care Click ${a+1}`,"data-event-label":r},t.createElement("img",{src:Oe.getAssetPath("navCareCardBg.svg"),alt:"",className:"bg-svg",loading:"lazy"}),t.createElement(D,null,t.createElement(z,null,t.createElement("img",{loading:"lazy",alt:e.name,src:e.logo||"/images/avatar.jpg"}))),t.createElement(V,null,t.createElement(G,null,e.name),t.createElement(W,null,e.description),t.createElement(q,null,n("home.seeMore"),t.createElement("img",{src:Oe.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"},loading:"lazy"}))))},Na=({title:e,link:a,description:l,cta:n,icon:o})=>{const{siteType:s}=i(S);return t.createElement(K,{"data-theme":s},t.createElement(Y,null,t.createElement("img",{src:"marryBaby"===s?Oe.getAssetPath("navMBSpotlightBgNoData.svg"):Oe.getAssetPath("navSpotlightBgNoData.svg"),alt:"",loading:"lazy",className:"bg-svg"}),t.createElement(Z,null,o&&t.createElement("img",{src:o,width:64,height:64,loading:"lazy"}))),t.createElement("div",null,e&&t.createElement(Q,null,e),l&&t.createElement(J,null,l),n&&t.createElement("div",null,t.createElement("a",{href:a},t.createElement(st,{theme:s,className:"survey-contact-submit",size:"md"},n)))))},Ma=({title:e,viewMore:a,children:l,link:n,dataEventAction:o=""})=>{const{siteType:s}=i(S);return t.createElement(X,null,t.createElement(ee,null,t.createElement(v,{tag:"marryBaby"===s?"h5":"h6",as:"p",fontWeight:"semibold"},e),a&&t.createElement(te,{"data-event-category":"Hamburger Navigation","data-event-action":o,"data-event-label":n,href:n,"data-theme":s},a,t.createElement("img",{src:"marryBaby"===s?Oe.getAssetPath("chevronRightPink.svg"):Oe.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"},loading:"lazy"}))),l)},_a=({spotlights:e=[],hrefViewMore:a})=>{const{t:l}=Je(),{siteType:n}=i(S);return t.createElement(Ma,{title:l("home.navigator.menu.spotlightHospitals")},0!==e.length?t.createElement(t.Fragment,null,t.createElement(ae,null,null==e?void 0:e.slice(0,3).map(((e,a)=>t.createElement(Pa,{key:a,index:a,item:e})))),t.createElement("div",{style:{position:"absolute",bottom:"6px",right:"1rem"}},t.createElement("a",{href:a},t.createElement(st,{theme:n,className:"survey-contact-submit",size:"md"},l("home.navigator.menu.care.homeButton"))))):t.createElement(Na,{title:l("home.navigator.menu.care.noDatas.title"),description:l("home.navigator.menu.care.noDatas.description"),link:a,cta:l("home.navigator.menu.care.homeButton"),icon:Oe.getAssetPath("community.svg")}))},Aa=({item:e,index:a=0})=>e?t.createElement(le,{key:e.id,href:e.link,"data-event-category":"Hamburger Navigation","data-event-action":`Spotlight Click ${a+1}`,"data-event-label":e.link},t.createElement(ne,null,t.createElement("img",{loading:"lazy",alt:e.title,src:e.banner||"/images/notFound-min-small.jpg"})),t.createElement(oe,null,e.title)):null,La=({spotlightsList:e=[],hrefViewMore:a})=>{const{t:l}=Je(),{configs:{statics:n}}=i(S);return t.createElement(Ma,{title:l("home.navigator.menu.spotlights"),viewMore:l("home.navigator.menu.spotlights.seeAll"),link:a,dataEventAction:"Spotlight See More Click"},0!==e.length?t.createElement(ie,null,null==e?void 0:e.slice(0,4).map(((e,a)=>t.createElement(Aa,{key:a,index:a,item:{id:e.id,link:n.HOME_PAGE_URL+e.permalink,title:e.name,banner:e.image}})))):t.createElement(Na,{title:l("home.navigator.menu.category.noDatas.title"),description:l("home.navigator.menu.category.noDatas.description"),link:a,cta:l("home.navigator.menu.category.noDatas.cta"),icon:Oe.getAssetPath("Spotlight.svg")}))},Ta=({spotlights:e=[]})=>{const{configs:{statics:a}}=i(S),{t:l}=Je();return t.createElement(Ma,{title:l("home.navigator.menu.trendingPosts"),viewMore:l("home.navigator.menu.trendingPosts.seeMore"),link:qe(a.TOGETHER_URL_FE),dataEventAction:"Together See More Click"},0!==e.length?t.createElement(se,null,null==e?void 0:e.slice(0,4).map(((e,a)=>t.createElement(re,{index:a,post:e,key:e.id})))):t.createElement(Na,{title:l("home.navigator.menu.together.noPosts.title"),description:l("home.navigator.menu.together.noPosts.description"),link:`${a.HOME_PAGE_URL}/community/`,cta:l("home.navigator.menu.together.noPosts.cta"),icon:Oe.getAssetPath("community.svg")}))},Ha=({item:e,index:a=0})=>{const{t:l}=Je(),{configs:{statics:n}}=i(S);if(!e)return null;const o=e.link?e.link.startsWith("http")?e.link:`${n.HOME_PAGE_URL}${e.link}`:void 0;return t.createElement(ce,{href:o,"data-event-category":"Hamburger Navigation","data-event-action":`Engage Click ${a+1}`,"data-event-label":o},t.createElement("img",{src:Oe.getAssetPath("navToolCardBg.svg"),alt:"",loading:"lazy",className:"bg-svg"}),t.createElement(me,null,t.createElement(ue,null,e.title),t.createElement(de,null,e.subtitle),t.createElement(ge,null,l("home.seeMore"),t.createElement("img",{src:Oe.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"},loading:"lazy"}))),t.createElement(he,null,t.createElement("img",{loading:"lazy",alt:e.title,src:e.icon||"/images/avatar.jpg"})))},Sa=({item:e,index:a=0,color:l})=>{const{t:n}=Je(),{configs:{statics:o}}=i(S);if(!e)return null;const s=e.link?e.link.startsWith("http")?e.link:`${o.HOME_PAGE_URL}${e.link}`:void 0,r=()=>t.createElement(Ee,null,t.createElement("img",{loading:"lazy",alt:e.title,src:e.icon||"/images/avatar.jpg"})),c=()=>t.createElement(ye,null,t.createElement(be,null,t.createElement(Ce,null,e.title),t.createElement(fe,null,e.subtitle)),t.createElement(ke,null,t.createElement("div",{className:"mobile-only"},n("home.seeMore")),t.createElement("img",{src:Oe.getAssetPath("arrowRightGray.svg"),style:{width:"12px",height:"12px",marginTop:"2px",marginLeft:"5px"},loading:"lazy"})));return t.createElement(ve,{href:s,"data-event-category":"Hamburger Navigation","data-event-action":`Engage Click ${a+1}`,"data-event-label":s,"data-color":l},t.createElement("svg",{className:"bg-svg",width:"74",height:"121",viewBox:"0 0 74 121",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M58.5713 53.428C40.6466 70.0213 12.9929 71.0875 -7.00506 84.9856C-24.9277 97.4005 -38.3893 120.472 -60.213 120.346C-73.3615 120.271 -84.9289 110.925 -91.9303 99.8138C-101.443 84.7327 -103.994 64.0482 -93.916 49.3276C-81.8133 31.6505 -56.6933 28.1101 -41.7246 12.7895C-35.4351 6.35117 -31.2212 -1.90115 -24.8564 -8.25051C-7.17639 -25.9054 34.9604 -29.7543 56.852 -16.9562C80.9056 -2.89888 77.046 36.3304 58.5713 53.428Z",strokeWidth:"0"})),t.createElement("img",{src:Oe.getAssetPath("navMBCardDotBg.svg"),className:"dot-svg",loading:"lazy",alt:""}),t.createElement(pe,null,t.createElement("div",{className:"mobile-only"},r()),t.createElement("div",{className:"desktop-only"},c())),t.createElement("div",{className:"mobile-only"},c()),t.createElement("div",{className:"desktop-only"},r()))},Ba=({hrefViewMore:e,spotlightHealthTools:a=[]})=>{const{t:l}=Je(),n=["pink","orange","green"],{siteType:o}=i(S);return t.createElement(Ma,{title:l("home.navigator.menu.spotlightTools")},0!==a.length&&t.createElement(we,null,null==a?void 0:a.slice(0,3).map(((e,a)=>"marryBaby"===o?t.createElement(Sa,{key:a,index:a,item:e,color:n[a]}):t.createElement(Ha,{key:a,index:a,item:e})))),0===a.length&&t.createElement(Na,{title:l("home.navigator.menu.healthTools.noDatas.title"),description:l("home.navigator.menu.healthTools.noDatas.description"),link:e,cta:l("home.navigator.menu.healthTools.noDatas.cta"),icon:Oe.getAssetPath("community.svg")}))},xa=({closePopup:e,menuItems:a=[]})=>{var l,n;const{siteType:o,ssrMenuContent:{categories:s,healthTools:r,care:c,together:m},activeMenuService:u,configs:{statics:d,enableSearchBar:g},locale:h}=i(S),{t:v}=Je();return t.createElement(Pe,{id:"categories-menu"},g?t.createElement(Ne,{"data-theme":o,onClick:()=>{window.location.href=`${d.HOME_PAGE_URL}/search`}},t.createElement(Ea,null)):null,t.createElement(Me,null,t.createElement(wa,{UrlFE:d.HOME_PAGE_URL,titleBtnViewMore:v("home.navigator.menuItem.allCategories"),menuItems:a,headingTitle:v("home.navigator.menuItem.healthCategories"),onClosePopup:e}),"categories"===u&&t.createElement(La,{spotlightsList:(null==s?void 0:s.spotlights)||[],hrefViewMore:`${d.HOME_PAGE_URL}${"tl-PH"===h?"/fil":""}/spotlight/`}),"tools"===u&&t.createElement(Ba,{spotlightHealthTools:null==r?void 0:r.spotlights,hrefViewMore:`${d.HOME_PAGE_URL}${"tl-PH"===h?"/fil":""}${(null===(l=De[h])||void 0===l?void 0:l.HEALTH_TOOLS)||""}`}),"care"===u&&t.createElement(_a,{spotlights:null==c?void 0:c.spotlights,hrefViewMore:`${d.CARE_URL_FE}/${null===(n=mt[h])||void 0===n?void 0:n.SPECIALTIES}`}),"together"===u&&t.createElement(Ta,{spotlights:null==m?void 0:m.spotlights})))},Ua=({type:e="home",menuItems:a})=>{const{siteType:l,configs:{enableSearchBar:n}}=i(S),{containerRef:o,onContainerFocus:s,onContainerBlur:r,onButtonMouseDown:c,onClose:m}=wt();return t.createElement(kt,{mediaQueryKey:"mbDown"},t.createElement("header",{className:da},t.createElement("div",{className:ga,ref:o,role:"button",tabIndex:0,onBlur:r,onFocus:s},t.createElement("div",{className:ha,onMouseDown:c,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"Hamburger Navigation URL"},t.createElement(va,{className:"mobile-close-icon"}),t.createElement(pa,{siteType:l,type:e,enableSearch:n,className:"mobile-hamburger-icon"})),t.createElement(xa,{menuItems:a,closePopup:m}))))};var $a="q3nL5cp",Ia="_2DNf80G",Ra="Q-glX-n";const Oa=({onClosePopup:e})=>t.createElement("div",{className:`${Ra} close-btn`,onClick:e},t.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"}))),ja=({onClosePopup:e,isDisplay:a,children:l,isNavMenu:n,hideCloseBtn:o})=>t.createElement("div",{className:"hhgcomp-navigation-popupwrapper-menuwrapper top-menu-health-tools","data-is-display":!!a,"data-is-nav-menu":!!n},t.createElement(at,null,!o&&t.createElement("div",{className:Ia},t.createElement(Oa,{onClosePopup:e})),t.createElement(at,{className:$a},l))),Fa=({careSpecialties:e=[],isOpen:a,onClose:l,spotlights:n=[]})=>{var o;const{t:s}=Je(),{locale:r,configs:{statics:c}}=i(S);return t.createElement(ja,{onClosePopup:l,isDisplay:a,isNavMenu:!0},t.createElement(wa,{headingTitle:s("home.navigator.menuItem.specialties"),hrefViewMore:`${c.CARE_URL_FE}/`,UrlFE:c.CARE_URL_FE,onClosePopup:l,titleBtnViewMore:s("home.navigator.menuItem.allSpecialties"),menuItems:(null==e?void 0:e.map((e=>e?{name:String(e.name)||"",link:aa({type:"DOCTOR",specialtySlug:e.slug,locale:r}),thumbnail:(null==e?void 0:e.thumbnail)||""}:{})))||[]}),t.createElement(_a,{spotlights:n,hrefViewMore:`${c.CARE_URL_FE}/${null===(o=mt[r])||void 0===o?void 0:o.SPECIALTIES}/`}))},Da=({categories:e=[],spotlightsList:a=[],onClose:l,isOpen:n})=>{const{t:o}=Je(),{locale:s,configs:{statics:r}}=i(S);return t.createElement(ja,{onClosePopup:l,isDisplay:n,isNavMenu:!0},t.createElement(wa,{hrefViewMore:`${r.HOME_PAGE_URL}${"tl-PH"===s?"/fil":""}/categories/`,UrlFE:r.HOME_PAGE_URL,onClosePopup:l,titleBtnViewMore:o("home.navigator.menuItem.allCategories"),menuItems:(null==e?void 0:e.map((e=>e?{name:e.displayName||null,link:(null==e?void 0:e.customizedUrl)||(null==e?void 0:e.permalink)||"/",thumbnail:e.iconUrl||null}:{})))||[],headingTitle:o("home.navigator.menuItem.healthCategories")}),t.createElement(La,{spotlightsList:a,hrefViewMore:`${r.HOME_PAGE_URL}${"tl-PH"===s?"/fil":""}/spotlight/`}))},za=({communities:e=[],onClose:a,isOpen:l,spotlights:n=[]})=>{const{t:o}=Je(),{configs:{statics:s}}=i(S);return t.createElement(ja,{onClosePopup:a,isDisplay:l,isNavMenu:!0},t.createElement(wa,{hrefViewMore:qe(s.TOGETHER_URL_FE),UrlFE:We(s.TOGETHER_URL_FE),onClosePopup:a,titleBtnViewMore:o("home.navigator.menuItem.allCommunities"),menuItems:(null==e?void 0:e.map((e=>e?{name:e.name||"",link:e.slug||"/",thumbnail:e.thumbnail||""}:{})))||[],headingTitle:o("home.navigator.menuItem.allCommunitiesheadingTitle")}),t.createElement(Ta,{spotlights:n}))},Va=({locale:e,onClose:a,isOpen:l,spotlightHealthTools:n=[],healthTools:o=[]})=>{var s;const{t:r}=Je(),{configs:{statics:c}}=i(S),m=`${c.HOME_PAGE_URL}${"tl-PH"===e?"/fil":""}${(null===(s=De[e])||void 0===s?void 0:s.HEALTH_TOOLS)||""}`;return t.createElement(ja,{onClosePopup:a,isDisplay:l,isNavMenu:!0},t.createElement(wa,{hrefViewMore:m,UrlFE:c.HOME_PAGE_URL,onClosePopup:a,headingTitle:r("home.navigator.menuItem.healthToolsList"),titleBtnViewMore:r("home.navigator.menuItem.allHealthTools"),menuItems:o.map((e=>({name:e.title,link:e.link?e.link.startsWith("http")?e.link:`${c.HOME_PAGE_URL}${e.link}`:void 0,thumbnail:e.icon})))}),t.createElement(Ba,{spotlightHealthTools:n,hrefViewMore:m}))},Ga=({onTopBarAppears:e,type:n="home",languageMenu:r,menuItems:c})=>{var m;const{siteType:u,isMobile:d=!1,locale:g,sitewideBanner:h,sitewideBannerShown:v=!0,sponsorComponent:p,onBookingClick:E,currentUrl:y,onLoginClick:b,configs:{statics:C,enableNavCareBooking:f,enableSearchBar:k,enableNavCare:w,enableProfileMyHealth:P,enableProfileMySaved:N,enableNavTogether:M,enableProfileEcom:_,enableProfileNavigatorMenu:A},userState:{userInfo:L},onLogout:T,userProfileRouterPush:H,isUserLoading:B}=i(S),{t:x}=Je(),{SSO_URL:U,HOME_PAGE_URL:$}=C,I=!!p,[R,O]=a(!1),j=o(47),F=o(null),D=o(!1),z="helloSites"===u?null===(m=Fe[g])||void 0===m?void 0:m.LOGO_TYPE:u,V="undefined"!=typeof window,G=s(Xe((()=>{if("home"===n&&V){if(!F.current)return;const e=F.current.getBoundingClientRect();e.top<=0&&window.scrollY>j.current&&window.scrollY>e.height+20&&!D.current&&(D.current=!0,O(!0)),window.scrollY<j.current&&D.current&&(D.current=!1,O(!1)),window.scrollY>=0&&(j.current=window.scrollY)}}),200),[]);l((()=>{null==e||e(!R)}),[R]),l((()=>(window.addEventListener("scroll",G,{passive:!0}),()=>{window.removeEventListener("scroll",G)})),[]),l((()=>{d&&G()}),[d]);const W=v&&!!h;return t.createElement(_e,{"data-site-type":u,"data-sponsored":I,"data-sitewide-banner-shown":W,"data-header-type":n,"data-collapsed":R,"data-with-search-input":"popup-sub-level"!==n,"data-is-displayed":!0,id:"site-header",ref:F},h,t.createElement(Ae,{"data-site-type":u},t.createElement(Le,{"data-site-type":u},t.createElement(Ua,{menuItems:c,type:n}),t.createElement("a",{style:{flexShrink:0},href:$},t.createElement(Te,null,t.createElement(Qe,{style:{display:"flex"},type:z,badge:"id-ID"===g&&t.createElement("img",{src:Oe.getAssetPath("sehat-badge.png"),width:"56",height:"23",loading:"lazy"}),dateForSeasonal:new Date,locale:g,key:"undefined"!=typeof window?"client":"server"}))),"marryBaby"===u?t.createElement(qa,{menuItems:c}):k&&t.createElement(Wa,{siteType:u})),t.createElement(He,{"data-site-type":u},"marryBaby"===u?k&&t.createElement(Wa,{siteType:u}):t.createElement(qa,{menuItems:c}),t.createElement(Se,null,f&&t.createElement(kt,{mediaQueryKey:"mbUp"},t.createElement(ua,{careUrlFe:C.CARE_URL_FE,currentUrl:y,btnName:x("login.booking"),onCareHeaderClick:E})),r,t.createElement(ra,{userInfo:L,siteType:u,onLoginClick:b||(()=>{const e=window.location.href;window.location.href=U?We(`${U}?returnUrl=${e}`):e}),SSO_URL:qe(C.SSO_URL),currentUrl:y,onLogout:T,UP_BASEPATH:ze,isMyHealthEnabled:P,enableCare:w,enableTogether:M,enableEcom:_,enableMySaved:N,togetherApiDomain:qe(C.TOGETHER_API),isUserProfileNavigatorMenuHidden:!A,userProfileRouterPush:H,isLoading:B,locale:g})))),p?t.isValidElement(p)?t.cloneElement(p,{isCollapsed:R,locale:g,isMobile:d}):p:null)},Wa=({siteType:e})=>t.createElement(kt,{mediaQueryKey:"mbUp",className:"marryBaby"===e?"marry-baby":""},t.createElement(Ea,null)),qa=({menuItems:e})=>{const{siteType:a,locale:l,ssrMenuContent:{categories:n,healthTools:o,care:s,together:r}}=i(S);return t.createElement(kt,{mediaQueryKey:"mbUp",style:{height:"100%"}},t.createElement(Be,{"data-site-type":a},null==e?void 0:e.map(((e,a)=>t.createElement(fa,{key:a,item:e,menu:"categories"===e.popupType?t.createElement(Da,{categories:null==n?void 0:n.items,spotlightsList:null==n?void 0:n.spotlights}):"tools"===e.popupType?t.createElement(Va,{locale:l,healthTools:null==o?void 0:o.items,spotlightHealthTools:null==o?void 0:o.spotlights}):"together"===e.popupType?t.createElement(za,{communities:null==r?void 0:r.items,spotlights:null==r?void 0:r.spotlights}):"care"===e.popupType?t.createElement(Fa,{careSpecialties:null==s?void 0:s.items,spotlights:null==s?void 0:s.spotlights}):null})))))},Ka=e=>{var r,c;const{isMobile:m,locale:u,onTopBarAppears:d,languageOptions:g,sponsorComponent:h,sitewideBanner:v,sitewideBannerShown:p,className:E}=e,y=(()=>{const{t:e}=Je(),{siteType:t,locale:a,configs:{enableNavDiscover:l,enableNavHealthTools:o,enableNavCare:s,enableNavTogether:r,enableNavEcom:c,statics:m}}=i(S),u="marryBaby"===t;return n((()=>{var t;const n=[];return l&&n.push({name:e("home.navigator.menuItem.discover"),id:"categories",link:`${m.HOME_PAGE_URL}${"tl-PH"===a?"/fil":""}/categories`,niceName:"",thumbnail:u?Oe.getAssetPath("categories-mb.svg"):Oe.getAssetPath("nav-icons/discover.svg"),popupType:"categories"}),o&&n.push({name:e("home.navigator.menuItem.healthTools"),id:"tools",link:`${m.HOME_PAGE_URL}${"tl-PH"===a?"/fil":""}${(null===(t=De[a])||void 0===t?void 0:t.HEALTH_TOOLS)||""}`,thumbnail:u?Oe.getAssetPath("healthtools-mb.svg"):Oe.getAssetPath("nav-icons/health-tools.svg"),popupType:"tools"}),r&&n.push({name:e("home.navigator.menuItem.helloTogether"),id:"together",link:We(m.TOGETHER_URL_FE+"/"),thumbnail:u?Oe.getAssetPath("community-mb.svg"):Oe.getAssetPath("nav-icons/community.svg"),popupType:"together"}),c&&n.push({name:e("home.navigator.menuItem.helloEcom"),id:"ecom",link:We(m.HOME_PAGE_URL+"/shop"),thumbnail:Oe.getAssetPath("nav-icons/shop.svg"),popupType:null}),s&&n.push({name:e("home.navigator.menuItem.helloCare"),id:"care",link:We("ms-MY"===a?m.HOME_PAGE_URL+"/care/current-location/hospital/":m.HOME_PAGE_URL+"/care"),thumbnail:Oe.getAssetPath("nav-icons/care.svg"),popupType:"zh-TW"===a||"ms-MY"===a?null:"care"}),n}),[a,s,r,c])})();(()=>{const{isFirstLogin:e,userState:t}=i(S),{userInfo:a}=t;l((()=>{(null==a?void 0:a.id)&&(e?(null==a?void 0:a.email)&&""!==(null==a?void 0:a.email)?window.insider_object={user:Object.assign({uuid:null==a?void 0:a.id,email:null==a?void 0:a.email,gdpr_optin:!0,email_optin:!0,sign_up:!0},(null==a?void 0:a.name)?{name:null==a?void 0:a.name}:{})}:window.insider_object={user:Object.assign({uuid:null==a?void 0:a.id,sign_up:!0},(null==a?void 0:a.name)?{name:null==a?void 0:a.name}:{})}:(null==a?void 0:a.email)&&""!==(null==a?void 0:a.email)?window.insider_object={user:Object.assign({uuid:null==a?void 0:a.id,email:null==a?void 0:a.email,gdpr_optin:!0,email_optin:!0,log_in:!0},(null==a?void 0:a.name)?{name:null==a?void 0:a.name}:{})}:window.insider_object={user:Object.assign({uuid:null==a?void 0:a.id,log_in:!0},(null==a?void 0:a.name)?{name:null==a?void 0:a.name}:{})})}),[])})();const b=p&&!!v,C=!!h,f=!!(null===(c=null===(r=null==h?void 0:h.props)||void 0===r?void 0:r.sponsoredBy)||void 0===c?void 0:c.length),{headerRef:k,defaultHeaderHeight:w,headerHeight:P,headerBottom:N}=(({hasSponsoredBanners:e,isSponsored:t,isShowingSiteWideBanner:i,isMobile:r})=>{const c=o(null),[m,u]=a(0),[d,g]=a(64),h=s(ct((()=>{var e,t,a,l;const n=(null===(e=c.current)||void 0===e?void 0:e.clientHeight)||(null===(a=null===(t=c.current)||void 0===t?void 0:t.children[0])||void 0===a?void 0:a.clientHeight)||0;window.scrollY<=n+200&&(u(n),g((null===(l=c.current)||void 0===l?void 0:l.getBoundingClientRect().bottom)||m))}),200),[]);l((()=>(window.addEventListener("resize",h,{passive:!0}),window.addEventListener("scroll",h,{passive:!0}),h(),()=>{window.removeEventListener("resize",h),window.removeEventListener("scroll",h)})),[]),l((()=>{h()}),[r,i,t,e,c.current]);const v=n((()=>{let a=r?64:69;return i&&(a+=64),t&&(a+=40,e&&(a+=57)),a}),[r,i,e,t]);return{defaultHeaderHeight:v,headerHeight:m||v,headerBottom:d,headerRef:c}})({isShowingSiteWideBanner:b,isSponsored:C,hasSponsoredBanners:f,isMobile:m});return t.createElement(Ie,{id:"navigation-v2",style:{"--default-header-height":w+"px","--header-height":`calc(${P}px - var(--amp-site-wide-closed), 64px)`,"--header-bottom":N+"px"},className:E},t.createElement("section",{ref:k},t.createElement(Ga,{menuItems:y,type:"home",onTopBarAppears:d,languageMenu:t.createElement(Ct,{languageOptions:g,locale:u})})))},Ya=e=>{const a=Object.assign({siteType:"helloSites",projectType:"discover",locale:"vi-VN",activeMenuService:"categories",ssrMenuContent:{}},e);return t.createElement(xe,Object.assign({},a),t.createElement(Ka,Object.assign({},a)))},Za=t=>e(void 0,void 0,void 0,(function*(){var e,a,l,n,o,i,s,r,c,m,u,d,g,h,v,p,E,y,b,C,f;const k={},w="vi-VN_MB"===t;try{const P="tl-PH"===t?"lang=fil":"";try{const[u,d,g,h]=yield Promise.all([fetch(We(`${Ke(t)}/wp-json/api/categories${P?"?"+P:""}`)).then((e=>e.json())),fetch(We(`${Ke(t)}/wp-json/api/spotlights?per_page=10&order_by=start_date${P?"&"+P:""}`)).then((e=>e.json())),fetch(We(`${Ke(t)}/wp-json/api/${w?"health-tools":"healthtools"}${P?"?"+P:""}`)).then((e=>e.json())),fetch(We(`${Ke(t)}/wp-json/api/${w?"health-tools":"healthtools"}/favorites${P?"?"+P:""}`)).then((e=>e.json()))]);k.categories={items:(null===(a=null===(e=null==u?void 0:u.data)||void 0===e?void 0:e.map)||void 0===a?void 0:a.call(e,Jt))||[],spotlights:(null===(i=null===(o=null===(n=null===(l=null==d?void 0:d.data)||void 0===l?void 0:l.articles)||void 0===n?void 0:n.map)||void 0===o?void 0:o.call(n,la))||void 0===i?void 0:i.filter(na))||[]},k.healthTools={items:(null===(r=null===(s=null==g?void 0:g.data)||void 0===s?void 0:s.map)||void 0===r?void 0:r.call(s,Xt))||[],spotlights:(null===(m=null===(c=null==h?void 0:h.data)||void 0===c?void 0:c.map)||void 0===m?void 0:m.call(c,Xt))||[]}}catch(e){}if(w||Ve.includes(t))try{const[e,a]=yield Promise.all([fetch(We(`${Ye()}/api/v1/community?website_url=https://${je[t]}`)).then((e=>e.json())),fetch(We(`${Ye()}/api/v1/options?website_url=https://${je[t]}&meta_key=popular_post`)).then((e=>e.json()))]);k.together={items:(null===(g=null===(d=null===(u=null==e?void 0:e.data)||void 0===u?void 0:u.communities)||void 0===d?void 0:d.map)||void 0===g?void 0:g.call(d,Ue))||[],spotlights:(null===(p=null===(v=null===(h=null==a?void 0:a.data)||void 0===h?void 0:h.posts)||void 0===v?void 0:v.map)||void 0===p?void 0:p.call(v,$e))||[]}}catch(e){}if(Ge.includes(t))try{const[e,a]=yield Promise.all([fetch(We(Ze()+`/api/specialties?_ishome=1&site=${je[t]}`)).then((e=>e.json())),fetch(We(Ze()+`/api/search/?site=${je[t]}&type=hospital&order_by=total_doctor`)).then((e=>e.json()))]);k.care={items:(null===(b=null===(y=null===(E=null==e?void 0:e._data)||void 0===E?void 0:E.specialties)||void 0===y?void 0:y.map)||void 0===b?void 0:b.call(y,ea))||[],spotlights:(null===(f=null===(C=null==a?void 0:a._data.searches)||void 0===C?void 0:C.map)||void 0===f?void 0:f.call(C,ta))||[]}}catch(e){}}catch(e){console.error(e)}return k})),Qa=t=>e(void 0,void 0,void 0,(function*(){return(yield r("nav-menu-content",(()=>Za(t||"en-PH")),(e=>{var t,a;return!!(null===(a=null===(t=null==e?void 0:e.categories)||void 0===t?void 0:t.items)||void 0===a?void 0:a.length)})))||{}}));export{pt as A,Ct as L,Ya as N,ia as P,oa as U,Qa as a,Ht as b,Qt as c,sa as d,ra as e,Za as g,yt as i};

package/build/esm/index-a9d6da81.js

@@ -0,0 +1 @@
+import e,{useState as t,useRef as a,useMemo as n,useEffect as l,Fragment as r,useCallback as i,useContext as o}from"react";import{T as s}from"./index-bba2064d.js";import{f as c,g as m,h as d,i as g,j as p,k as u,l as h,m as v,n as E,o as b,p as y,q as f,r as w,s as C,t as k,u as x,v as N,w as L,x as B,H as S,y as T,A as M,z as I,B as D,E as z,I as j,J as A,K as P,P as O,M as _,N as F,O as H,d as $,Q as R,R as W,U as V,V as G}from"./index.styles-f5109225.js";import{i as U}from"./screenSizeContext-8b09c781.js";import{a as Z}from"./useUniqueId-13e05354.js";import{CommonGAssets as q}from"./gAssets.js";import{t as K}from"./theme-e98b6227.js";import{y as Y,U as X,z as Q,E as J,F as ee,G as te,H as ae,I as ne,J as le,K as re,N as ie,O as oe,Q as se,V as ce,W as me,X as de,Y as ge,Z as pe,_ as ue,$ as he,a0 as ve,a1 as Ee,a2 as be,a3 as ye,a4 as fe,a5 as we,a6 as Ce,a7 as ke,a8 as xe,a9 as Ne,aa as Le,ab as Be,ac as Se,ad as Te,ae as Me,af as Ie,ag as De,ah as ze,ai as je,aj as Ae,ak as Pe,al as Oe,am as _e,an as Fe,ao as He,ap as $e,aq as Re,ar as We,as as Ve,at as Ge,au as Ue,av as Ze,aw as qe,ax as Ke,ay as Ye,D as Xe,az as Qe,aA as Je,b as et,aB as tt,aC as at,aD as nt,aE as lt,aF as rt,aG as it,aH as ot,a as st,aI as ct,T as mt,aJ as dt,aK as gt,aL as pt,aM as ut,aN as ht,aO as vt,aP as Et,aQ as bt,aR as yt,aS as ft,aT as wt,aU as Ct,aV as kt,aW as xt,aX as Nt,aY as Lt,aZ as Bt,a_ as St,a$ as Tt,b0 as Mt,b1 as It,b2 as Dt,b3 as zt,b4 as jt,b5 as At,b6 as Pt,b7 as Ot,b8 as _t,b9 as Ft,ba as Ht,bb as $t,bc as Rt,bd as Wt,be as Vt,bf as Gt,bg as Ut,bh as Zt,bi as qt,bj as Kt,bk as Yt,bl as Xt,bm as Qt,e as Jt,bn as ea,bo as ta,bp as aa,bq as na,br as la,bs as ra,bt as ia}from"./_topic-3c8b00cd.js";import{_ as oa,a as sa}from"./tslib.es6-b45bedfa.js";import{Box as ca,Radio as ma,Flex as da,rem as ga,Card as pa,Group as ua,useMantineTheme as ha,Stack as va,AspectRatio as Ea,Chip as ba,ScrollArea as ya,Badge as fa,MultiSelect as wa,Stepper as Ca,Container as ka}from"@mantine/core";import xa from"innertext";import"@mantine/dates";import{d as Na,L as La,F as Ba,Q as Sa,G as Ta}from"./index-6432d105.js";import{L as Ma}from"./Onboarding-7f98ca07.js";import Ia from"dayjs";import"styled-components";import{i as Da}from"./isProduction-ad816e81.js";import"./translationsContext-d75c061a.js";import"string-format";import{I as za}from"./index-ac620748.js";import{useViewportSize as ja}from"@mantine/hooks";import{i as Aa}from"./index-7dc8181f.js";import Pa from"lodash/throttle";import{u as Oa}from"./useTranslations-70cc0e7b.js";import{format as _a,addDays as Fa,isBefore as Ha,startOfMonth as $a,addMonths as Ra,subMonths as Wa,getDaysInMonth as Va,isToday as Ga,isSameDay as Ua,isWithinInterval as Za,isAfter as qa,isPast as Ka}from"date-fns";import{I as Ya}from"./index-b40f4650.js";import{I as Xa,C as Qa}from"./index-6e08cf9f.js";import"lodash/debounce";import"./useCategory-4aae0a0e.js";import{D as Ja}from"./types-6d68d1f1.js";import{M as en}from"./index-45255259.js";import{S as tn}from"./index-6939c347.js";import{useForm as an,Controller as nn}from"react-hook-form";import{u as ln}from"./useHealthToolCache-1eb22787.js";import{f as rn}from"./index.styled-14919112.js";import{a as on}from"./useOutsideClick-30f35c6b.js";import sn from"date-fns/locale/en-US";import cn from"date-fns/locale/id";import mn from"date-fns/locale/vi";import dn from"date-fns/locale/zh-TW";import{B as gn}from"./index-c102c888.js";import{g as pn}from"./getSocialList-2fee5eb9.js";import{v4 as un}from"uuid";import{g as hn,a as vn}from"./routing-c7d4a753.js";import"react-contenteditable";import"react-dom";import"react-day-picker/DayPickerInput";import"./index-1c25b111.js";import"./index.styled-1cfefd06.js";import"./utils-c8ee4d36.js";import{M as En}from"./index-64476d47.js";import bn from"js-cookie";import{useForm as yn,isNotEmpty as fn}from"@mantine/form";import wn from"lodash/flatten";import Cn from"lodash/uniqBy";var kn="CHw-fZZ",xn="_03U6VRS",Nn="EO828Vv";const Ln=({style:t,onClose:a,text:n,type:l,contentIcon:r,closeIcon:i,className:o,description:c})=>e.createElement("div",{className:`${kn} ${o||""}`,style:t,"data-alert-type":l},e.createElement("div",{className:xn},e.createElement("div",{className:"icon-title"},r,e.createElement(s,{type:"bold",size:"label1"},n)),e.createElement(s,{type:"regular",size:"p3"},c)),e.createElement("div",{className:Nn,onClick:a},i)),Bn=({amount:t,type:a,size:n="medium",color:l="primary",icon:r,className:i})=>e.createElement(c,{"data-notification-type":a,"data-notification-size":n,"data-notification-color":l,"data-has-icon":!!r||void 0,notificationType:a,notificationSize:n,notificationColor:l,hasIcon:!!r,className:i},e.createElement("div",null,t&&e.createElement("span",null,t)," ",r&&e.createElement("div",null,r))),Sn=({style:t,children:a,className:n,size:l="lg",type:r="bold",upperCase:i,as:o="h4",color:s})=>e.createElement(m,{style:Object.assign({color:s},t),className:n,"data-size":l,"data-type":r,"data-uppercase":i,as:o},a),Tn=({className:n,value:l,options:r,onUploadSelected:i,id:o,placeholderIcon:s,placeholder:c,style:m})=>{const[v,E]=t(!1),b=()=>E(!v),y=a(r.map((t=>"upload"===t.type&&e.createElement("input",{id:"uploader-dropdown-input-"+o+"-"+t.value,key:"uploader-dropdown-input-"+o+"-"+t.value,accept:t.fileAcceptedType,multiple:t.multiple,type:"file",style:{display:"none"},onChange:e=>{console.log("change"),i(e.target.files)}})))),f=e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12.17 14.83"},e.createElement("defs",null,e.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},e.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"})),e.createElement("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"File"),e.createElement("g",{clipPath:"url(#prefix__clip-path)"},e.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z",transform:"translate(-1.92 -1.54)"}),e.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),w=e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},e.createElement("defs",null,e.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"download"),e.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3",transform:"translate(-1.25 -2.21)"})),C=e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},e.createElement("defs",null,e.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"upload"),e.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8",transform:"translate(-1.25 -2.21)"}));return e.createElement(d,{className:n,"data-dropdown-open":!!v,id:o,"data-has-icons":!0,style:m,onBlur:()=>E(!1),tabIndex:0},e.createElement(g,{onClick:b},s||f," ",e.createElement("span",null,l&&l.value?l.label:c)),v&&e.createElement(p,{onClick:b,"data-has-icons":!0},r.map((t=>e.createElement(u,{key:`${o}-${t.value}`,"data-selected":l&&l.value===t.value||void 0,onClick:()=>{return"upload"===t.type?(a="#uploader-dropdown-input-"+o+"-"+t.value,void(null===(n=document.querySelector(a))||void 0===n||n.click())):void((e=t.url)&&window.open(e,"_blank"));var e,a,n}},e.createElement(h,null,t.icon||"download"===t.type?w:C),t.label)))),e.createElement(e.Fragment,null,y.current))},Mn=({className:t,columns:a,columnsDesktop:n,gridTemplateColumns:l,gridTemplateColumnsDesktop:r,gap:i,children:o,justifyChildren:s,style:c,alignItems:m})=>e.createElement(v,{className:t,style:c,theme:{columns:a,columnsDesktop:n,gap:i,justifyChildren:s,gridTemplateColumns:l,gridTemplateColumnsDesktop:r,alignItems:m}},o),In=({pagesAmount:a,activePage:n,handlePageChange:i,handleClick:o,href:s,queryPageName:c="page"})=>{const m=[...Array(a)].map(((e,t)=>t+1)),[d,g]=t(n<=4?m.slice(0,5):n>=m.length-3?m.slice(m.length-5,m.length):m.slice(n-2,n+1));return l((()=>{n<=4?g(m.slice(0,5)):n>=m.length-3?g(m.slice(m.length-5,m.length)):g(m.slice(n-2,n+1))}),[n]),e.createElement(r,null,n>4&&e.createElement(r,null,e.createElement(y,{onClick:()=>i(1)},s?e.createElement("a",{href:s,onClick:o},1):1),e.createElement(y,null,"...")),d.map((t=>e.createElement(y,{key:`pagination+${t}`,"data-page-active":t===n||void 0,onClick:()=>i(t)},s?e.createElement("a",{href:U(s,t,c),onClick:o},t):t))),n<m.length-3&&e.createElement(r,null,e.createElement(y,null,"..."),e.createElement(y,{onClick:()=>i(m.length)},s?e.createElement("a",{href:U(s,m.length,c),onClick:o},m.length):m.length)))},Dn=({className:a,pagesAmount:r,currentPage:i,onChange:o,onClick:s,style:c,href:m,queryPageName:d="page"})=>{const g=[...Array(r)].map(((e,t)=>t+1)),[p,u]=t(i),h=n((()=>m&&m.endsWith("&page=")?m.replace("&page=",""):m),[m]),v=r-1,f=e=>{e<=r&&e>0&&(u(e),o(e))},w=e=>{s&&s(e)};return l((()=>{u(i)}),[i]),e.createElement(E,{className:a,style:c},e.createElement(b,{className:"prev-page",onClick:()=>f(p-1),"data-last-page":1===p||void 0},h?e.createElement("a",{href:U(h,p,d),onClick:w},e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),g.length>8?e.createElement(In,{pagesAmount:r,activePage:p,handlePageChange:f,handleClick:w,href:h,queryPageName:d}):g.map((t=>e.createElement(y,{key:`pagination+${t}`,"data-page-active":t===p||void 0,onClick:()=>f(t)},h?e.createElement("a",{href:U(h,t,d),onClick:w},t):t))),e.createElement(b,{className:"next-page",onClick:()=>f(p+1),"data-last-page":p===v+1||void 0},h?e.createElement("a",{href:U(h,p,d),onClick:w},e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},zn=({type:t,children:a,style:n,isInline:l,isSquared:r=!1,className:i,isLight:o,hasMorePadding:c,isLink:m,isSelected:d,textProps:g={size:"sm"}})=>{const p=g.color?{"--text-props-color":g.color}:{};return e.createElement(f,{"data-is-squared":r||void 0,"data-tag-type":t,"data-is-light":o||void 0,"data-has-more-padding":c||void 0,"data-is-inline":l||void 0,style:Object.assign(Object.assign({},n),p),className:i,"data-is-selected":d||void 0,"data-is-link":m||void 0,tagType:t,isInline:l,tagHasMorePadding:c,tagIsLight:o,tagIsSquared:r,tagIsALink:m},e.createElement(s,Object.assign({},g),a))},jn=({className:t,id:a,onChange:n,checked:l,style:r,label:i})=>e.createElement(w,{className:t,style:r},e.createElement("input",{type:"checkbox",id:a,onChange:n,checked:l}),e.createElement("label",{htmlFor:a},e.createElement(C,null),i&&e.createElement(k,null,i))),An=({label:t,name:a,checked:n,className:l,isDisabled:r,onChange:i,value:o,isRectangle:s,inputDataTestId:c,siteType:m})=>e.createElement(x,{className:l,"data-disabled":r||void 0,"data-is-rectangle":s||void 0,"data-label-text":t,"data-theme":m},e.createElement("input",{type:"checkbox",checked:n,name:a,onChange:()=>i(o,!n),disabled:r,value:o,id:`${a}-${o}`,"data-label-text":t,"data-testid":c}),!s&&e.createElement("label",{htmlFor:`${a}-${o}`},t)),Pn=t=>e.createElement("svg",Object.assign({},t,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),e.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#D2D6DC"})),On=t=>e.createElement("svg",Object.assign({},t,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),e.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#FFC326"})),_n=t=>{const a=Z();return e.createElement("svg",Object.assign({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),e.createElement("path",{d:"M12.0001 17.2697L17.1701 20.3897C17.5501 20.6197 18.0201 20.2797 17.9201 19.8497L16.5501 13.9697L21.1101 10.0197C21.4401 9.72973 21.2701 9.17973 20.8201 9.13973L14.8101 8.62973L12.4601 3.08973C12.2901 2.67973 11.7101 2.67973 11.5401 3.08973L9.19006 8.62973L3.18006 9.13973C2.74006 9.17973 2.56006 9.72973 2.90006 10.0197L7.46006 13.9697L6.09006 19.8497C5.99006 20.2797 6.46006 20.6197 6.84006 20.3897L12.0001 17.2697Z",fill:"#E4E8EC"}),e.createElement("mask",{id:a,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},e.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),e.createElement("g",{mask:`url(#${a})`},e.createElement("path",{d:"M11.9998 17.2697L17.1698 20.3897C17.5498 20.6197 18.0198 20.2797 17.9198 19.8497L16.5498 13.9697L21.1098 10.0197C21.4398 9.72973 21.2698 9.17973 20.8198 9.13973L14.8098 8.62973L12.4598 3.08973C12.2898 2.67973 11.7098 2.67973 11.5398 3.08973L9.18981 8.62973L3.17981 9.13973C2.73981 9.17973 2.55981 9.72973 2.89981 10.0197L7.45981 13.9697L6.08981 19.8497C5.98981 20.2797 6.45981 20.6197 6.83981 20.3897L11.9998 17.2697Z",fill:"#FFC326"})))},Fn=({gap:a=2,size:n=24,star:l,totalStars:r=5,onSelect:i,hideEmptyStars:o,style:s,className:c})=>{const m=Math.floor(l),d=l-m>=.5?1:0,[g,p]=t(null),u=g||m,h=g?0:d;return e.createElement(N,{"data-selectable":!!i,style:Object.assign({"--gap":a,"--star-size":n},s),className:c},Array.from({length:o?m+d:r}).map(((t,a)=>{const n=()=>!!i&&p(a+1),l=()=>!!i&&p(null);return a+1<=u?e.createElement(On,{key:a,onClick:()=>null==i?void 0:i(a+1),onMouseOver:n,onMouseLeave:l}):a+1===u+h?e.createElement(_n,{key:a,onClick:()=>null==i?void 0:i(a+1),onMouseOver:n,onMouseLeave:l}):e.createElement(Pn,{key:a,onClick:()=>null==i?void 0:i(a+1),onMouseOver:n,onMouseLeave:l})})))},Hn=r=>{var{label:i,availableValue:o,styles:s}=r,c=oa(r,["label","availableValue","styles"]);const{t:m}=Oa(),{classes:d,cx:g}=L(void 0,{name:"GenderOptionControl",styles:s}),[p,u]=t(),h=a(null),v=n((()=>[{value:"male",label:m("gender.male"),icon:q.getAssetPath("health-tools/male-icon.svg")},{value:"female",label:m("gender.female"),icon:q.getAssetPath("health-tools/female-icon.svg")}]),[]);return l((()=>{u(o)}),[o]),e.createElement(ca,{ref:h,className:d.root},e.createElement(ma.Group,Object.assign({className:"radio-group",label:e.createElement(B,{size:"s4",weight:"semiBold",span:!0,color:"gray.6"},i),size:"lg"},c,{classNames:{error:d.groupErr}}),e.createElement(da,{className:g(d.wrapper)},v.map((t=>e.createElement(ma,Object.assign({className:"gender-item",classNames:{root:d.itemRoot,labelWrapper:d.itemLabelWrapper,label:d.itemLabel,inner:d.itemInner},key:t.value,value:t.value},p&&t.value!==p&&{disabled:!0},{label:e.createElement(da,{gap:ga(8),align:"center",justify:"center",sx:{zIndex:0}},e.createElement("img",{src:t.icon,className:"gender-image",alt:"female",loading:"lazy"}),e.createElement(B,{size:"p3"},t.label))})))))))};var $n="PiqKaXk",Rn="HgbW6-m",Wn="_6lkfLYy",Vn="j7c-onH";const Gn=({avatarImg:t,authorName:a,authorLink:n,uploadTime:l,size:r})=>e.createElement("div",{className:Vn},e.createElement("div",{className:"author"},e.createElement("div",{className:"avatar","data-size":r},t),e.createElement("div",{className:"poster","data-is-disabled-url":!n},e.createElement(s,{size:"lg"===r?"p3":"p4"},e.createElement("a",{href:n},e.createElement("span",{className:"name"},a),"•"," "),e.createElement("span",null,l))))),Un=({isMobile:t,avatarImg:a,name:n,link:l,size:r="lg",specialty:i})=>e.createElement("div",{className:Vn},e.createElement("div",{className:"author"},e.createElement("div",{className:"expert-avatar","data-size":r},a),e.createElement("div",{className:"expert","data-is-disabled-url":!l},t?e.createElement("a",{href:l},"lg"===r?e.createElement(e.Fragment,null,e.createElement(S,{tag:"h6",className:"expert__name",color:K.colors.gray600},n),e.createElement(s,{color:K.colors.gray500,size:"p3",className:"specialty"},i)):e.createElement(e.Fragment,null,e.createElement(S,{tag:"h6",className:"expert__name",color:K.colors.gray600},n))):e.createElement("a",{href:l},"lg"===r?e.createElement(e.Fragment,null,e.createElement(S,{tag:"h6",className:"expert__name",color:K.colors.gray600},n),e.createElement(s,{color:K.colors.gray500,size:"p3",className:"specialty"},i)):e.createElement(e.Fragment,null,e.createElement("h6",{color:K.colors.gray600,className:`${$n} expert__name`},n),e.createElement(s,{color:K.colors.gray500,size:"p4",className:"specialty"},i)))))),Zn=({articleLink:t,authorLink:a,authorName:n,avatarImg:l,banner:r,categoryLink:i,categoryName:o,className:c,dataEventActionForBanner:m,dataEventActionForBookmark:d,dataEventActionForCategory:g,dataEventActionForTitle:p,dataEventCategoryForBanner:u,dataEventCategoryForBookmark:h,dataEventCategoryForCategory:v,dataEventCategoryForTitle:E,dataEventLabelForBanner:b,dataEventLabelForBookmark:y,dataEventLabelForCategory:f,dataEventLabelForTitle:w,direction:C="horizontal",hasAffiliate:k,isBookmark:x=!1,isBookmarkDisplayed:N=!0,isMobile:L=!0,onBookmark:B,onClickCategoryName:T,section:M="normal",size:I="md",specialty:D,style:z,styleBanner:j,styleLabel:A,styleTitle:P,text:O,title:_,type:F="author",uploadTime:H,articleLinkTarget:$,isPremium:R})=>{const W=e=>{e.stopPropagation(),null==B||B()},V="lg"===I&&"expert"===F?"h4":"lg"===I&&"home"===M?L?"h4":"h3":"lg"===I?"h4":"h5",G="lg"===I?"p3":"p4",U=L||"home"!==M||"lg"!==I||"author"!==F?"c2":"c1";return e.createElement("article",{className:`${Wn} ${c||""}`,"data-size":I,style:z,"data-direction":C,"data-is-expert":"expert"===F||void 0},e.createElement("div",{className:"banner",style:j},e.createElement("a",{className:Rn,"data-event-category":u,"data-event-action":m,"data-event-label":b,href:t||"#",target:$},r),R&&e.createElement("img",{loading:"lazy",className:"premium",src:q.getAssetPath("premium-crown.svg")}),k&&e.createElement(Y,null)),e.createElement("div",{className:"content"},e.createElement("div",{className:"inner-content"},e.createElement(s,{style:A,className:"label",size:U,type:"caption"},e.createElement("a",{className:Rn,"data-event-category":v,"data-event-action":g,"data-event-label":f,href:i||"#",onClick:T},o),N&&e.createElement("a",{className:"bookmark",onClick:W},x?e.createElement(Q,{dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:y}):e.createElement(X,{dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:y}))),e.createElement(S,{tag:V,style:P,className:"title",as:"lg"===I?"h2":"h3"},e.createElement("a",{className:Rn,"data-event-category":E,"data-event-action":p,"data-event-label":w,href:t||"#",target:$},_)),O&&e.createElement("a",{href:t||"#",target:$},e.createElement(s,{size:G,className:"text"},O))),e.createElement("div",{className:"footer"},"author"===F?e.createElement(Gn,{size:I,avatarImg:l,authorName:n,authorLink:a,uploadTime:H,handleClick:W,isBookmarked:x,dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:y}):e.createElement(Un,{size:I,isMobile:L,avatarImg:l,specialty:D,name:n,link:a,handleClick:W,isBookmarked:x,dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:y}))))},qn=t=>{var a,n,l,{article:r,author:i,authorAvatar:o,badge:s="",hideDescription:c=!1,isBookmarked:m=!1,onBookmark:d,time:g,tracking:p}=t,u=oa(t,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:h}=T();return console.log({article:r}),e.createElement(pa,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},u),e.createElement(pa.Section,{w:"100%",h:"100%",miw:264,m:0},e.createElement("img",{src:(h?r.featureImageMobile:r.featureImage)||r.featureImage,alt:r.postName,style:{width:"100%"},loading:"lazy"})),e.createElement(pa.Section,null,e.createElement(ua,{position:"apart",mt:16,mb:4},e.createElement(M,{href:(null===(a=null==r?void 0:r.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},e.createElement(B,{size:"p4",color:"blue.6"},null===(n=null==r?void 0:r.primaryCategory)||void 0===n?void 0:n.displayName)),e.createElement(ca,{sx:{cursor:"pointer"},role:"button",onClick:d},m?e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==p?void 0:p.bookmark),e.createElement("path",{d:"M6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7Z",fill:"#595959"})):e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==p?void 0:p.bookmark),e.createElement("path",{d:"M7 17.95L12 15.8L17 17.95V5.3C17 5.23333 16.9667 5.16667 16.9 5.1C16.8333 5.03333 16.7667 5 16.7 5H7.3C7.23333 5 7.16667 5.03333 7.1 5.1C7.03333 5.16667 7 5.23333 7 5.3V17.95ZM6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7ZM7 5H17H12H7Z",fill:"#595959"})))),e.createElement(B,{size:c?"s2":"s1",mb:8,weight:"semiBold"},r.postTitle||r.postName||""),!c&&e.createElement(B,{size:"p2",mb:16,lineClamp:3},xa(r.excerpt||r.description||(null===(l=r.postContent)||void 0===l?void 0:l.split("\r\n")[0])||"")),e.createElement(da,{gap:12,align:"center"},e.createElement(I,{size:32,src:o,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:e.createElement("img",{loading:"lazy",src:s,alt:""})}},"A"),e.createElement(B,{size:"n1",c:"gray.6"},i," • ",g))))},Kn=648/440,Yn=1.5,Xn=t=>{var a,l,r,{article:i,author:o,authorAvatar:s,badge:c="",bannerImageWrapProps:m,hideDescription:d=!1,isBookmarked:g=!1,onBookmark:p,time:u,tracking:h,classNames:v,styles:E,unstyled:b,className:y}=t,f=oa(t,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:w}=T(),{classes:C,cx:k}=J({},{name:"ArticleCard",classNames:v,styles:E,unstyled:b});console.log({article:i});const x=n((()=>d?Yn:Kn),[d]);return e.createElement(pa,Object.assign({className:k(C.root,y),padding:"lg",radius:0},f),e.createElement(pa.Section,{className:C.image},e.createElement(D,Object.assign({ratio:x},m),e.createElement("img",{src:(w?i.featureImageMobile:i.featureImage)||i.featureImage,alt:i.postName,style:{objectFit:"cover"}}))),e.createElement(pa.Section,null,e.createElement(ua,{position:"apart",mt:16,mb:4},e.createElement(M,{className:C.category,href:(null===(a=null==i?void 0:i.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},e.createElement(B,{size:"p4",color:"blue.6"},null===(l=null==i?void 0:i.primaryCategory)||void 0===l?void 0:l.displayName)),e.createElement(ca,{sx:{cursor:"pointer"},role:"button",onClick:p},g?e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==h?void 0:h.bookmark),e.createElement("path",{d:"M6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7Z",fill:"#595959"})):e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==h?void 0:h.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(B,{className:C.title,size:d?"s2":"s1",mb:8,weight:"semiBold"},i.postTitle||i.postName||""),!d&&e.createElement(B,{className:C.description,size:"p2",mb:16,lineClamp:3},xa(i.excerpt||i.description||(null===(r=i.postContent)||void 0===r?void 0:r.split("\r\n")[0])||"")),e.createElement(da,{className:C.author,gap:12,align:"center"},e.createElement(I,{size:32,src:s,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:e.createElement("img",{loading:"lazy",src:c,alt:""})}},"A"),e.createElement(B,{size:"n1",c:"gray.6"},o," • ",u))))},Qn=t=>{var{variant:a="vertical"}=t,n=oa(t,["variant"]);return"horizontal"===a?e.createElement(qn,Object.assign({},n)):e.createElement(Xn,Object.assign({},n))},Jn=t=>{var{category:a,imgBanner:n,label:l,className:r,style:i,href:o="",dataEventCategory:s,dataEventAction:c,dataEventLabel:m}=t,d=oa(t,["category","imgBanner","label","className","style","href","dataEventCategory","dataEventAction","dataEventLabel"]);const g=(null==a?void 0:a.customizedUrl)||(null==a?void 0:a.permalink)||o||"";return e.createElement(ee,Object.assign({"data-event-category":s,"data-event-action":c,"data-event-label":m,className:r,style:i,href:g},(null==a?void 0:a.customizedUrl)&&!Aa(a.customizedUrl)&&{target:"_blank"},{onClick:e=>{""===g&&e.preventDefault()}},d),e.createElement("div",{className:"banner"},n),e.createElement("div",{className:"content"},e.createElement(B,{className:"category_name",size:"sm",weight:"bold"},(null==a?void 0:a.displayName)||l||"")))},el=({name:t,values:a=[],onChanges:n,options:l=[],className:r,type:i="vertical",isDisabled:o,isRectangle:s})=>{const c=(e,t)=>{const l=a.slice();if(t)l.push(e);else{const t=l.findIndex((t=>t===e));l.splice(t,1)}n&&n(l)};return e.createElement(te,{className:r,"data-type":i,"data-is-rectangle":s||void 0},l.map(((n,l)=>e.createElement(An,{label:n.label,name:t,key:`${l}-${n.value}`,checked:a.includes(n.value),value:n.value,isDisabled:o||n.disabled,onChange:!o&&c,isRectangle:s}))))},tl=({size:t,iconPosition:a,className:n,children:l,icon:r})=>e.createElement(ae,{className:n,"data-size":t,"data-icon-position":a},"left"===a&&r,l,"right"===a&&r),al=({type:a,numberOfStep:n,activeStep:r,labelPrefix:o,detailSteps:s,className:c,onChange:m})=>{const[d,g]=t(0),p=t=>{var{trackClassName:a}=t,n=oa(t,["trackClassName"]);return e.createElement(ie,Object.assign({},n,{className:a}),e.createElement(oe,null))},u=e.createElement(ne,{className:c+" progress-bar"},e.createElement(p,null),e.createElement((({trackLength:t,activeStep:a,labelPrefix:l="Step",onChange:r})=>e.createElement(e.Fragment,null,Array.from({length:n},((e,t)=>t)).map(((i,o)=>e.createElement(se,{"data-is-active":o===a,"data-label":o,style:{left:o*t/(n-1)},onClick:()=>{r&&r(o)},key:o},o+1,e.createElement(ce,{"data-step-passed":o<=a},l+" "+(o+1))))))),{trackLength:d,activeStep:r,labelPrefix:o,onChange:m})),h=e.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 5.5 9.5"},e.createElement("title",null,"chevron-right"),e.createElement("path",{d:"M.75 8.75l4-4-4-4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),v=e.createElement(le,null,s&&Array.from({length:s.length},((e,t)=>t)).map(((t,a)=>{var n;return e.createElement(re,{key:a,"data-selected":a===r,onClick:()=>{m&&m(a)}},null===(n=s[a])||void 0===n?void 0:n.text," ",a<s.length-1&&h)}))),E=e.createElement(ne,{className:c+" progress-bar"},e.createElement((({detailSteps:t,activeStep:a,onChange:n})=>e.createElement(e.Fragment,null,Array.from({length:t.length},((e,t)=>t)).map(((l,r)=>e.createElement(me,{key:r,style:{left:100/t.length*r+"%",width:100/t.length+"%"},onClick:()=>{n&&n(r)}},t[r].icon?e.createElement(de,{onClick:()=>{n&&n(r)}},t[r].icon):e.createElement(ge,{"data-is-active":r===a,"data-label":l,onClick:()=>{n&&n(r)},key:r},r+1),e.createElement(pe,{"data-step-passed":r<a+1},t[r].text,e.createElement(ue,null,t[r].description)),r<t.length-1&&e.createElement(p,{"data-step-passed":r<a,trackClassName:"progress-track","data-track-type":"detail"})))))),{activeStep:r,detailSteps:s,onChange:m})),b=i(Pa((()=>{const e=document.querySelector(".progress-bar");e&&g(e.offsetWidth)}),1e3),[]);return l((()=>{const e=document.querySelector(".progress-bar");return g(null==e?void 0:e.offsetWidth),window.addEventListener("resize",b,{passive:!0}),()=>{window.removeEventListener("resize",b)}}),[]),"step-track"===a&&u||"breadcrumb"===a&&v||"detail-track"===a&&E};var nl=Object.freeze({__proto__:null,SideMenu:he,SideHeader:ve,UserInfo:Ee,MenuLink:be});const ll=({status:t})=>"inActive"===t?e.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"})):"active"===t?e.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("circle",{cx:"6",cy:"6",r:"4",fill:"#2D87F3"}),e.createElement("circle",{cx:"6",cy:"6",r:"5.5",stroke:"#2D87F3"})):"done"===t?e.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z",fill:"#00B16A"}),e.createElement("path",{d:"M8.76061 4.20029L4.80061 7.80029L3.00061 6.16392",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})):e.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"})),rl=({row:n=2,column:r=3,isDotsShown:i=!0,isImageGalleryShown:o=!1,mode:s="infinity",type:c="separated",distanceOverlappedLeft:m={amount:0,unit:"pixel"},children:d,className:g,isProgressShown:p=!1,statusChildren:u,isArrowShown:h=!1,classNameLeftArrow:v,classNameRightArrow:E,dataEventCategory:b,dataEventAction:y,dataEventLabel:f,onChangePage:w,page:C,customPageWidth:k,scheme:x="hellosites",arrowType:N="Discover"})=>{const L="number"==typeof C,[B,S]=t(L?C:0),T=[];e.Children.map(d,((t,a)=>{a%(n*r)==0&&T.push([]),T[T.length-1].push(e.cloneElement(t))}));const M=a(),I=a(0),D=e=>{if(!M.current)return;const{clientWidth:t}=M.current,a=k||t,n="intertwined"===c?"percentage"===m.unit?e*a+m.amount/100*a*e:e*a+m.amount*a*e:e*a;M.current.scrollTo({top:0,left:n,behavior:"smooth"}),I.current=e,S(e),w&&w(e)};l((()=>{"number"==typeof C&&(e=>{if(!M.current)return;const{clientWidth:t}=M.current,a=k||t,n="intertwined"===c?"percentage"===m.unit?e*a+m.amount/100*a*e:e*a+m.amount*a*e:e*a;M.current.scrollTo({top:0,left:n,behavior:"smooth"}),I.current=e,S(e)})(C)}),[C]);const z=e=>{if(!M.current)return;const{clientWidth:t}=M.current,a=k||t;let n;n=0===B?0:B*a,"forward"===e&&(n===a*(T.length-1)?(S(T.length-1),n=a*(T.length-1),w&&w(T.length-1)):(S(B+1),n+=a,w&&w(B+1)),M.current.scrollTo({top:0,left:n,behavior:"smooth"})),"back"===e&&(0===n?(S(0),w&&w(0),n=0):(S(B-1),w&&w(B-1),n-=a),M.current.scrollTo({top:0,left:n,behavior:"smooth"}))},j=Pa((()=>{if("infinity"===s){if(!M.current)return;const{clientWidth:e,scrollLeft:t}=M.current,a=k||e,n=Math.floor(t/a);S(n),w&&w(n)}}),400);return l((()=>{if("snapped"===s){let e,t,a,n,l,r,i=!1;const o=M.current,s=(r,s)=>{i=!0,a=!1,n=!1,e=r-o.offsetLeft,t=s-o.offsetTop,l=o.scrollLeft},d=e=>{s(e.pageX,e.pageY)},g=e=>{s(e.touches[0].pageX,e.touches[0].pageY)},p=()=>{if(i=!1,a=!1,n=!1,!M.current)return;const{clientWidth:e}=M.current,t=k||e,l="ltr"===r?0!==I.current?I.current-1:I.current:"rtl"===r&&I.current<T.length-1?I.current+1:I.current,o="intertwined"===c?"percentage"===m.unit?l*t+m.amount/100*t*l:l*t+m.amount*t*l:l*t;M.current.scrollTo({top:0,left:o,behavior:"smooth"}),r="none",I.current!==l&&(I.current=l,S(l),w&&w(l))},u=(s,c)=>{if(!i)return;const m=s-o.offsetLeft,d=c-o.offsetTop,g=m-e,p=d-t;a||n||!(p>20||p<-20)||(a=!0),!a&&(g>20||g<-20)&&(n=!0,o.scrollLeft=l-g,g>0&&(r="ltr"),g<0&&(r="rtl"),0===g&&(r="none"))},h=e=>{n&&e.preventDefault(),u(e.pageX,e.pageY)},v=e=>{n&&e.preventDefault(),u(e.touches[0].pageX,e.touches[0].pageY)};return null==o||o.addEventListener("mousedown",d,{passive:!0}),null==o||o.addEventListener("touchstart",g,{passive:!0}),window.addEventListener("mouseup",p,{passive:!0}),window.addEventListener("touchend",p,{passive:!0}),null==o||o.addEventListener("mousemove",h,{passive:!0}),null==o||o.addEventListener("touchmove",v,{passive:!0}),()=>{null==o||o.removeEventListener("mousedown",d),null==o||o.removeEventListener("touchstart",g),window.removeEventListener("mouseup",p),window.removeEventListener("touchend",p),null==o||o.removeEventListener("mousemove",h),null==o||o.removeEventListener("touchmove",v)}}}),[]),e.createElement(ye,{className:g,"data-row":n,onScroll:j},h&&B>0&&e.createElement("div",{className:`${v} arrow-left`,onClick:()=>z("back"),"data-event-category":b,"data-event-action":y,"data-event-label":f},"Care"===N?e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},e.createElement("g",{filter:"url(#filter0_dd_12599_34420)"},e.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3V3C31.8368 3 39.0002 10.1634 39.0002 19V19C39.0002 27.8366 31.8368 35 23.0002 35V35C14.1637 35 7.00024 27.8366 7.00024 19V19Z",fill:"white"}),e.createElement("path",{d:"M20.9293 19L24.7503 15.179C25.1643 14.765 25.1643 14.093 24.7503 13.679C24.3363 13.265 23.6643 13.265 23.2503 13.679L18.6363 18.293C18.2453 18.684 18.2453 19.317 18.6363 19.707L23.2503 24.321C23.6643 24.735 24.3363 24.735 24.7503 24.321C25.1643 23.907 25.1643 23.235 24.7503 22.821L20.9293 19Z",fill:"#595959"}),e.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),e.createElement("defs",null,e.createElement("filter",{id:"filter0_dd_12599_34420",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},e.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),e.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.createElement("feOffset",{dx:"-2",dy:"2"}),e.createElement("feGaussianBlur",{stdDeviation:"2.5"}),e.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),e.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12599_34420"}),e.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.createElement("feOffset",{dx:"-1",dy:"1"}),e.createElement("feGaussianBlur",{stdDeviation:"1"}),e.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),e.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12599_34420",result:"effect2_dropShadow_12599_34420"}),e.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12599_34420",result:"shape"})))):e.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===x?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M15.9997 11.1109L11.1108 15.9998L15.9997 20.8887",stroke:"hellosites"===x?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===x?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),e.createElement("div",{ref:M,className:"container",style:{overflowX:"snapped"===s||h?"hidden":"scroll"}},T.map(((t,a)=>{let l=0;for(let e=0;e<a;e++)l+=T[e].length;return e.createElement("div",{key:a,className:"section",style:{marginLeft:"intertwined"===c&&0!==a?m.amount+""+("percentage"===m.unit?"%":"px"):"0px"}},1===n&&p&&e.createElement("div",{className:"progress-bar",style:{gridTemplateColumns:`repeat(${r}, 1fr)`}},t.map(((n,r)=>{const i=l+r,o=u.find((e=>e.index===i));return e.createElement("div",{className:"items-progress",key:r},0===r&&0===a?e.createElement("div",{className:"line",style:{visibility:"hidden"}}):e.createElement("div",{className:"line"}),e.createElement("div",{className:"icon-status"},e.createElement(ll,{status:null==o?void 0:o.status})),a===T.length-1&&r===t.length-1?e.createElement("div",{className:"line",style:{visibility:"hidden"}}):e.createElement("div",{className:"line"}))}))),e.createElement("div",{className:"grid-layout","data-index":a,style:{gridTemplateColumns:`repeat(${r}, 1fr)`,gridTemplateRows:`repeat(${n}, 1fr)`}},t.map(((t,a)=>e.createElement(e.Fragment,{key:a},e.createElement("div",{className:"item-grid",key:a},t))))))}))),h&&B<T.length-1&&e.createElement("div",{className:`${E} arrow-right`,onClick:()=>z("forward"),"data-event-category":b,"data-event-action":y,"data-event-label":f}," ","Care"===N?e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},e.createElement("g",{filter:"url(#filter0_dd_12597_34423)"},e.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3C31.8368 3 39.0002 10.1634 39.0002 19C39.0002 27.8366 31.8368 35 23.0002 35C14.1637 35 7.00024 27.8366 7.00024 19Z",fill:"white"}),e.createElement("path",{d:"M24.0712 19L20.2502 15.179C19.8362 14.765 19.8362 14.093 20.2502 13.679C20.6642 13.265 21.3362 13.265 21.7502 13.679L26.3642 18.293C26.7552 18.684 26.7552 19.317 26.3642 19.707L21.7502 24.321C21.3362 24.735 20.6642 24.735 20.2502 24.321C19.8362 23.907 19.8362 23.235 20.2502 22.821L24.0712 19Z",fill:"#595959"}),e.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),e.createElement("defs",null,e.createElement("filter",{id:"filter0_dd_12597_34423",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},e.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),e.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.createElement("feOffset",{dx:"-2",dy:"2"}),e.createElement("feGaussianBlur",{stdDeviation:"2.5"}),e.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),e.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12597_34423"}),e.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.createElement("feOffset",{dx:"-1",dy:"1"}),e.createElement("feGaussianBlur",{stdDeviation:"1"}),e.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),e.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12597_34423",result:"effect2_dropShadow_12597_34423"}),e.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12597_34423",result:"shape"})))):e.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===x?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M15.9998 20.8891L20.8887 16.0002L15.9998 11.1113",stroke:"hellosites"===x?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===x?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),i&&e.createElement("ul",{className:"bullet-nav"},T.map(((t,a)=>e.createElement("li",{key:a,className:"bullet-nav__item "},e.createElement("p",{onClick:()=>D(a),className:`bullet-nav__link scroll ${B==a?"active":null}`,"data-scheme":x}))))),o&&e.createElement("div",{className:"image-gallery-wrapper","data-test":T.length},T.slice(0,3).map(((t,a)=>e.createElement("div",{className:`image-block ${B==a?"active":null}`,key:a,onClick:()=>D(a),"data-scheme":x},t)))))},il=({type:t,description:a,value:n,withIcon:l,isInACard:r,cardColor:i,className:o})=>e.createElement(fe,{className:o,"data-size":t,"data-is-in-card":"big"===t&&r,"data-card-color":i},e.createElement(we,null,"small"===t&&e.createElement(Ce,{"data-color":i}),a),e.createElement(ke,{"data-size":t},"small"!==t&&l,n));var ol=Object.freeze({__proto__:null,Table:xe,Cell:Ne,Head:Le,Row:Be,Body:Se});const sl=({style:a,initialTab:n,tabContent:r,onChange:i,className:o,dataEventCategory:s,dataEventAction:c,dataEventLabel:m,id:d,styles:g})=>{const{classes:p,cx:u,theme:h}=Te(void 0,{name:"Tabs",styles:g}),[v,E]=t(n||0);return l((()=>{E(n)}),[n]),e.createElement("ul",{style:a,className:u(p.root,o),role:"tablist",id:d},r.map(((t,a)=>e.createElement("li",{className:`${p.item} ${v===a?"active":""}`,"aria-selected":v===a,role:"tab",onClick:()=>{E(a),i&&i(a)},onKeyDown:e=>{"Enter"===e.key&&(E(a),i&&i(a))},key:a,"data-event-category":t.dataEventCategory||s,"data-event-action":t.dataEventAction||c,"data-event-label":t.dataEventLabel||m,tabIndex:0,"data-testid":t.dataTestid},e.createElement("div",{className:p.itemInner},t.icon&&e.createElement("div",{className:p.icon},t.icon),e.createElement(B,{className:p.label,size:t.textSize||"sm",weight:t.textType||"bold",color:v===a?h.fn.primaryColor():t.textColor||h.colors.gray[4],dataEventCategory:t.dataEventCategory,dataEventAction:t.dataEventAction,dataEventLabel:t.dataEventLabel},t.name))))))},cl=({thankyou:t,thankyouSubtitle:a,className:n,style:l})=>e.createElement(Me,{className:n,style:l},e.createElement("div",{className:"survey-inner-wrapper"},e.createElement(Ie,null,e.createElement("div",{className:"survey-thankyou-wrapper-inner"},e.createElement("svg",{viewBox:"0 0 122 122",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"survey-thankyou-icon"},e.createElement("path",{d:"M61.5 122c33.137 0 60-26.863 60-60S94.637 2 61.5 2s-60 26.863-60 60 26.863 60 60 60Z",fill:K.colors.primary50}),e.createElement("ellipse",{cx:"61.5",cy:"110.36",rx:"48",ry:"3.36",fill:"#91CAFF"}),e.createElement("path",{d:"M82.905 72.666H101.5L87.597 40H35.403L21.5 72.666h18.595V91H83.08l-.174-18.334Z",fill:"#2C74DF"}),e.createElement("path",{d:"M74.4 15H39.863a5.364 5.364 0 0 0-5.363 5.363v52.214a5.364 5.364 0 0 0 5.363 5.363h43.273a5.364 5.364 0 0 0 5.363-5.363V21a6 6 0 0 0-6-6H74.4Z",fill:"#fff"}),e.createElement("path",{d:"M88.853 80.108H34.147a4.055 4.055 0 0 1-4.087-4.074v-10.65c0-2.27 1.81-4.074 4.087-4.074h54.706a4.055 4.055 0 0 1 4.087 4.074v10.65c0 2.27-1.81 4.074-4.087 4.074Z",fill:"#E4E8EC"}),e.createElement("path",{d:"M90.838 85.451H32.162a4.055 4.055 0 0 1-4.087-4.074v-10.65c0-2.27 1.81-4.074 4.087-4.074H90.78a4.055 4.055 0 0 1 4.087 4.074v10.65c.058 2.27-1.81 4.074-4.029 4.074Z",fill:"#fff"}),e.createElement("path",{d:"M103.748 75.492v30.263c0 1.92-1.576 3.492-3.503 3.492H23.003c-1.927 0-3.503-1.572-3.503-3.492V75.492c0-1.92 1.576-3.492 3.503-3.492h19.384c1.926 0 3.503 1.571 3.503 3.492v5.354c0 .35.233.582.584.582h30.3c.351 0 .585-.233.585-.582v-5.354c0-1.92 1.576-3.492 3.503-3.492h19.383c1.927 0 3.503 1.571 3.503 3.492Z",fill:"#45A4FF"}),e.createElement("path",{stroke:"#2C74DF",d:"M51.954 91.377v3.084c0 1.63 1.285 2.91 2.92 2.91h12.844c1.635 0 2.92-1.28 2.92-2.91v-3.084"}),e.createElement("path",{d:"M120.5 38.025c-2-.246-3.25 1.352-2.375 3.195l.25.737c.75 1.844-.375 3.441-2.375 3.195l-.75-.123c-2-.245-3.25 1.352-2.375 3.195l.375.738c.75 1.843-.375 3.44-2.375 3.195l-.75-.123c-1.5-.123-2.625.737-2.625 1.966",stroke:"#FE921D"}),e.createElement("path",{d:"M1.533 62c-.269 1.413 1.142 2.337 2.82 1.848l.672-.218c1.678-.543 3.089.38 2.82 1.848l-.134.544c-.269 1.413 1.141 2.337 2.82 1.848l.671-.218c1.68-.543 3.09.38 2.82 1.848l-.134.543c-.201 1.087.538 1.848 1.612 1.957M118 92a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM82 3.187l1.188 4.348 4.347-1.188L86.347 2 82 3.187Z",stroke:"#00B16A"}),e.createElement("path",{stroke:"#FE921D",d:"M17 28a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"}),e.createElement("path",{d:"M61.5 26.667c-7.364 0-13.333 5.97-13.333 13.333 0 7.364 5.969 13.333 13.333 13.333S74.833 47.364 74.833 40 68.864 26.667 61.5 26.667Zm7.61 10.276-9.334 9.333a1.33 1.33 0 0 1-1.885 0l-4-4a1.332 1.332 0 1 1 1.885-1.885l3.057 3.057 8.391-8.39a1.332 1.332 0 1 1 1.885 1.885Z",fill:"#00CB8A"})),t&&e.createElement(S,{className:"survey-thankyou-title",tag:"h3"},t),a&&e.createElement(s,{className:"survey-thankyou-subtitle",size:"p3"},a))))),ml=({items:a,className:n,style:r,backgroundPanelStyle:i,isOpen:o,onOpen:s,onClose:c,disableBackdropClick:m,siteType:d="hb",animationType:g="zoom",zIndex:p=300})=>{const[u,h]=t(!!o);l((()=>{h(!!o)}),[o]);const v=()=>{h(!1),c&&c()};return e.createElement(De,{style:r,className:n,"data-floatmenu-open":u,"data-site-type":d,"data-animation-type":g},e.createElement(ze,{className:"float-button-group__panel",style:Object.assign({zIndex:p},i),onClick:m?void 0:v}),e.createElement(je,{className:"float-button-group___content",style:{zIndex:p}},e.createElement(Ae,null,a.map(((t,n)=>e.createElement(Pe,{className:`float-item-button-${n}`,style:Object.assign(Object.assign({},"zoom"===g&&{bottom:64*(a.length-1-n),transitionDelay:Oe/a.length*(u?a.length-1-n:n)+"ms"}),"slide"===g&&{bottom:64*(a.length-1-n),transitionDelay:Oe/a.length*(u?n:a.length-1-n)+"ms"}),key:n,onClick:()=>{t.onClick(),t.keepMenuOnClick||h(!1)}},e.createElement(_e,{style:Object.assign({},"zoom"===g&&{transitionDelay:Oe/a.length*(u?a.length-1-n:n)+"ms"})},t.label),e.createElement(Fe,{className:"float-item-button__icon-wrapper",style:Object.assign({},("zoom"===g||"slide"===g)&&{transitionDelay:Oe/a.length*(u?a.length-1-n:n)+"ms"})},t.icon))))),e.createElement(He,{onClick:u?v:()=>{h(!0),s&&s()}})))},dl=({className:t,policiesUrl:a,onAcceptClick:n,translations:l={acceptButton:"Accept",policiesButton:"Our Policies"},title:r="",description:i="",theme:o="helloSites",isOpen:s=!0,useDefaultPosition:c=!0,trackingAttributes:m})=>e.createElement($e,{className:t,"data-theme":o,"data-is-open":s,"data-default-position":c},e.createElement(Re,{"data-has-content":!!r},r),e.createElement(We,{dangerouslySetInnerHTML:{__html:i}}),e.createElement(Ve,null,e.createElement(Ge,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:n,"data-event-category":null==m?void 0:m.dataEventCategory,"data-event-action":null==m?void 0:m.dataEventAction,"data-event-label":null==m?void 0:m.dataEventLabel},l.acceptButton),e.createElement(Ue,{href:a},l.policiesButton))),gl=({SEOData:t={},locale:a="vi-VN",routerPathname:l,routerQuery:r,nextHead:i,siteType:o,seoCustom:s,userId:c,forcedCanonicalUrl:m})=>{var d,g,p,u,h,v,E,b,y,f,w,C;const{totalPages:k,currentPage:x,SEOTitle:N="",SEODescription:L="",SEOImage:B,seoType:S,SEOImageWidth:T,SEOImageHeight:M,customMetaData:I=[],isIndexable:D=!0,hasNoCanonical:z=!1}=t,j=D&&Da?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",{NEXT_PUBLIC_BASE_API_URL:A}=process.env;let P=t.canonicalUrl||l;Object.keys(r).forEach((e=>{const t=r[e];t&&Array.isArray(t)&&(P=P.replace(`[...${e}]`,t.join("/")))}));const O=a||"en-PH",_="helloSites"===o?Na[O]:"www.marrybaby.vn",F=P.endsWith("/")?"":"/",H=n((()=>{var n,l,r,i,o,s,c;let m="";if(t.apiMetaData&&"string"==typeof t.apiMetaData){const d=null===(n=t.apiMetaData)||void 0===n?void 0:n.match(/<title.*?>(.*)<\/title>/),g=` - Page ${x} of ${k}`,p=x&&1!==x&&d?t.apiMetaData.replace(d[0],d[0].includes("-")?d[0].replace("-",g+" - "):`<title>${d[1].concat(g)}</title>`).replace(`<link rel="canonical" href="https://${_}${P}${F}" />`,`<link rel="canonical" href="https://${_}${P}${F}?page=${x}" />`):t.apiMetaData;if(m=Ze(p,{trim:!0}),!m.find((e=>{var t,a;return"og:image"===(null===(t=e.props)||void 0===t?void 0:t.property)||"og:image:secure_url"===(null===(a=e.props)||void 0===a?void 0:a.property)}))){const n=`https://${_}/images/${a}.png`;m=[...m,e.createElement("meta",{key:"og:image",property:"og:image",content:(null===(l=t.openGraph)||void 0===l?void 0:l.image)||B||n||""}),e.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(r=t.openGraph)||void 0===r?void 0:r.image)||B||n}),e.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(i=t.openGraph)||void 0===i?void 0:i.imageWidth)&&String(null===(o=t.openGraph)||void 0===o?void 0:o.imageWidth)||T&&String(T)||"1200"}),e.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(s=t.openGraph)||void 0===s?void 0:s.imageHeight)&&String(null===(c=t.openGraph)||void 0===c?void 0:c.imageHeight)||M&&String(M)||"630"})]}}return m}),[t.apiMetaData,t.openGraph,B,M,T,x,P,k,a,_]),$=`https://${_}/images/${a}.png`;return e.createElement(i,null,e.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===o&&e.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===a?e.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===a||"ms-MY"===a?e.createElement(e.Fragment,null):e.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap",rel:"preload",as:"style"}),e.createElement("link",{rel:"preconnect",href:A}),e.createElement("meta",{charSet:"UTF-8"}),e.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),e.createElement("meta",{name:"google",content:"notranslate"}),e.createElement("meta",{name:"robots",content:j}),e.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),I.map(((t,a)=>e.createElement("meta",Object.assign({key:a},t)))),e.createElement("meta",{name:"theme-color",content:"helloSites"===o?"#2c87f3":"#e85388"}),e.createElement("meta",{name:"page_type",content:"Home"}),e.createElement("meta",{name:"page_platform",content:"WEB"}),e.createElement("meta",{name:"page_language",content:O}),e.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),!H&&e.createElement(e.Fragment,null,"helloSites"===o?e.createElement("title",null,s?N:N+" - "+(null===(d=La[a])||void 0===d?void 0:d.SITE_NAME)):e.createElement("title",null,N),!z&&e.createElement("link",{rel:"canonical",href:`https://${_}${P}`}),e.createElement("meta",{name:"description",content:L||(null===(g=t.openGraph)||void 0===g?void 0:g.description)}),t.schemaData&&e.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:t.schemaData}}),e.createElement("meta",{property:"og:locale",content:a}),e.createElement("meta",{property:"og:type",content:S||"website"}),e.createElement("meta",{property:"og:title",content:(null===(p=t.openGraph)||void 0===p?void 0:p.title)||N}),e.createElement("meta",{property:"og:description",content:(null===(u=t.openGraph)||void 0===u?void 0:u.description)||L}),e.createElement("meta",{property:"og:url",content:`https://${_}${P}`}),e.createElement("meta",{property:"og:site_name",content:`https://${_}`}),e.createElement("meta",{property:"og:image",content:(null===(h=t.openGraph)||void 0===h?void 0:h.image)||B||$||""}),e.createElement("meta",{property:"og:image:secure_url",content:(null===(v=t.openGraph)||void 0===v?void 0:v.image)||B||$}),e.createElement("meta",{property:"og:image:width",content:(null===(E=t.openGraph)||void 0===E?void 0:E.imageWidth)&&String(null===(b=t.openGraph)||void 0===b?void 0:b.imageWidth)||T&&String(T)||"1200"}),e.createElement("meta",{property:"og:image:height",content:(null===(y=t.openGraph)||void 0===y?void 0:y.imageHeight)&&String(null===(f=t.openGraph)||void 0===f?void 0:f.imageHeight)||M&&String(M)||"630"}),e.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),e.createElement("meta",{name:"twitter:title",content:(null===(w=t.twitter)||void 0===w?void 0:w.title)||N}),e.createElement("meta",{name:"twitter:description",content:L}),e.createElement("meta",{name:"twitter:image",content:(null===(C=t.twitter)||void 0===C?void 0:C.image)||B})),("helloSites"===o?Ba[O]||[]:Ba.marryBaby).map(((t,a)=>"link"===t.type?e.createElement("link",{key:`favicon-${a}`,rel:t.rel,href:t.href,sizes:t.sizes}):"meta"===t.type?e.createElement("meta",{key:a,name:t.name,content:t.content}):null)),Array.isArray(H)&&m?H.filter((e=>"canonical"!==e.props.name&&"canonical"!==e.props.rel)):H,m&&e.createElement("link",{rel:"canonical",href:m}),!t.hasNoAmp&&"vi-VN"!==a&&e.createElement("link",{rel:"amphtml",href:`https://${_}${P}${F}?amp=1`}),c&&"undefined"!=typeof window?e.createElement("script",{dangerouslySetInnerHTML:{__html:`window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '${c}'});`}}):null)},pl=({locale:a,onClick:n,siteType:l,pageUrl:r})=>{const{t:i}=Oa(),[o,s]=t(new Date);return e.createElement(e.Fragment,null,e.createElement(qe,{className:"input-form","data-is-side":!0},"marryBaby"===l?e.createElement(Ke,{label:i("dueDatePage.conceptionDate"),name:"date",size:"md",value:Ye(o),CustomInput:e.createElement(Xe,{onChange:e=>{s(e)},placeholder:"dd/mm/yyyy",pickedDate:o,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:t=>e.createElement(Ya,Object.assign({className:"due-date-input",name:"birthday",size:"md"},t,{value:o&&Ia(o).format(z)}))}),actionIcon:e.createElement(Xa.CalendarMB,{size:32})}):e.createElement(Ya,{label:e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray600,style:{marginBottom:"9px",flex:"1"}},i("dueDatePage.conceptionDate")),value:Ye(o),name:"date",size:"md",className:"due-date-input",CustomInput:e.createElement(Xe,{customInput:t=>e.createElement("input",Object.assign({type:"date",className:"due-date-input"},t,{value:Ye(o)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:o,displayDateFormat:Ja,onChange:e=>{s(e)},placeholder:"placeholder"})})),e.createElement(j,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===l?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:r,onClick:()=>{n(Qe(o),`${Sa.type}=1&sd=${_a(o,Je)}&${Sa.additional}= `)},role:"button"},i("dueDatePage.lastPeriod.calculate")))},ul=({locale:a,onClick:n,siteType:l,pageUrl:r})=>{const{t:i}=Oa(),[o,s]=t(new Date),[c,m]=t("3");return e.createElement(e.Fragment,null,e.createElement(qe,{className:"input-form","data-is-side":!0},"marryBaby"===l?e.createElement(Ke,{label:i("dueDatePage.ivf.transferDate"),name:"date",size:"md",value:Ye(o),CustomInput:e.createElement(Xe,{onChange:e=>{s(e)},placeholder:"dd/mm/yyyy",pickedDate:o,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:t=>e.createElement(Ya,Object.assign({className:"due-date-input",name:"birthday",size:"md"},t,{value:o&&Ia(o).format(z)}))}),actionIcon:e.createElement(Xa.CalendarMB,{size:32})}):e.createElement(Ya,{label:e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray700,style:{marginBottom:"9px",flex:"1"}},i("dueDatePage.ivf.transferDate")),value:Ye(o),name:"date",size:"md",className:"due-date-input",CustomInput:e.createElement(Xe,{customInput:t=>e.createElement("input",Object.assign({type:"date",className:"due-date-input"},t,{value:Ye(o)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:o,displayDateFormat:Ja,onChange:e=>{s(e)},placeholder:"placeholder"})})),e.createElement("div",{style:{width:"100%"}},e.createElement(et,{id:"radio-transfer-date",type:"circle",direction:"vertical",size:"small",group:"group1",value:c,onChange:e=>m(e),options:[{value:"3",label:i("dueDatePage.ivf.transferDateRadio",{number:3})},{value:"5",label:i("dueDatePage.ivf.transferDateRadio",{number:5})}]})),e.createElement(j,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===l?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:r,onClick:()=>{n(tt(o,Number(c)),`${Sa.type}=2&${Sa.startDate}=${_a(o,Je)}&${Sa.additional}=${c}`)},role:"button"},i("dueDatePage.lastPeriod.calculate")))},hl=({locale:a,onClick:n,siteType:l,pageUrl:r})=>{const{t:i}=Oa(),[o,s]=t(28),[c,m]=t(new Date);return e.createElement(e.Fragment,null,e.createElement(qe,{className:"input-form","data-is-side":!0},"marryBaby"===l?e.createElement(Ke,{label:i("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:Ye(c),CustomInput:e.createElement(Xe,{onChange:e=>{m(e)},placeholder:"dd/mm/yyyy",pickedDate:c,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:t=>e.createElement(Ya,Object.assign({name:"birthday",size:"md"},t,{value:c&&Ia(c).format(z)}))}),actionIcon:e.createElement(Xa.CalendarMB,{size:32})}):e.createElement(Ya,{className:"input-section due-date-input",label:e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray600,style:{marginBottom:"9px",flex:"1"}},i("dueDatePage.lastPeriod.lastPeriodLabel")),value:Ye(c),name:"date",size:"md",CustomInput:e.createElement(Xe,{customInput:t=>e.createElement("input",Object.assign({type:"date",className:"due-date-input"},t,{value:Ye(c)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:c,displayDateFormat:Ja,onChange:e=>{m(e)},placeholder:"placeholder"})})),e.createElement("div",{className:"slider-due-date","data-theme":"marryBaby"===l?"marryBaby":""},"marryBaby"===l?e.createElement(en,{type:"bodytext-3",color:K.mbColors.midGray},i("dueDatePage.lastPeriod.periodLengthLabel")):e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray600,style:{marginBottom:"0.5rem"}},i("dueDatePage.lastPeriod.periodLengthLabel")),e.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===l&&e.createElement(B,{size:"s3",weight:"semiBold",color:K.colors.gray600},o),e.createElement(tn,{containerStyle:{flex:1},min:20,max:40,step:1,labelAlwaysOn:"marryBaby"!==l,withControl:"marryBaby"!==l,onChange:s,value:o,label:"marryBaby"!==l?void 0:null}))),e.createElement(j,{dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:r,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===l?"secondary":"primary",onClick:()=>n(at(c,o),`${Sa.type}=0&${Sa.startDate}=${_a(c,Je)}&${Sa.additional}=${o}`),role:"button"},i("dueDatePage.lastPeriod.calculate")))},vl=({onSubmitDueDate:a,locale:l,isSide:r,siteType:i})=>{const{t:o}=Oa(),[s,c]=t(nt.lastPeriod),m=[{value:nt.lastPeriod,label:o("dueDatePage.lastPeriod")},{value:nt.conception,label:o("dueDatePage.conceptionDate")},{value:nt.IVF,label:o("dueDatePage.ivf")}],d=n((()=>"undefined"!=typeof window?window.location.href:""),[]);return e.createElement(lt,null,e.createElement(rt,{className:"input-form input-section","data-is-side":!0},"marryBaby"===i?e.createElement(it,{groupedWithLabel:o("dueDatePage.calculationMethod"),options:m,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:m[s],onChange:e=>{c(e.value)}}):e.createElement(e.Fragment,null,e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray600,style:{marginBottom:"9px",flex:"1"}},o("dueDatePage.calculationMethod")),e.createElement(ot,{"data-is-side":r},e.createElement(st,{options:m,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"md",value:m[s],onChange:e=>{c(e.value)}})))),s===nt.lastPeriod?e.createElement(hl,{locale:l,onClick:a,isSide:r,siteType:i,pageUrl:d}):null,s===nt.conception?e.createElement(pl,{locale:l,onClick:a,isSide:r,siteType:i,pageUrl:d}):null,s===nt.IVF?e.createElement(ul,{locale:l,onClick:a,isSide:r,siteType:i,pageUrl:d}):null)},El=({isMobile:t,locale:a,onSubmitDueDate:n,dueDatePageInfo:l,expertUrl:r,isSide:i,siteType:o})=>{var s;const{t:c}=Oa();return e.createElement(ct,{"data-is-side":i,"data-site":o},e.createElement(mt,{isSide:i,siteType:o,bannerColor:"marryBaby"===o&&K.mbColors.mint,isEmbeded:!0,color:"pink",icon:e.createElement("img",{alt:"health-tool-icon",src:(null==l?void 0:l.featured_image)||q.getAssetPath("health-tools/due-date-icon.svg"),loading:"lazy"}),heading:c("healthTools.dueDateCalculator"),medicalReview:{link:r,reviewer:null===(s=null==l?void 0:l.reviewed_by)||void 0===s?void 0:s.display_name,date:null==l?void 0:l.reviewed_date},isMobile:t}),e.createElement(dt,{onSubmit:e=>e.preventDefault(),className:"due-date-cal","data-is-side":i},e.createElement(vl,{siteType:o,locale:a,onSubmitDueDate:n,isSide:i})))};function bl({weight:e,height:t}){const a=t/100,n=e;return Math.round(n/(a*a)*10)/10}const yl=({value:a,onChange:r,onSubmit:i,disabled:o,bmiGenerated:s,bmiUnit:c,locale:m,isSide:d})=>{var g,p,u,h;const[v,E]=t(!1),{control:b,handleSubmit:y,setValue:f,watch:w}=an(),C=w(),{t:k}=Oa(),{gender:x=!1,age:N=!1,height:L=!1,weight:S=!1,objective:T=!0}=o||{},{getHealthToolLink:M}=ln(m),I=n((()=>M(A.OVULATION)),[M]),D=n((()=>[{value:"lose-weight",label:k("bmi.objective.loseWeight")},{value:"maintain-weight",label:k("bmi.objective.maintainWeight")},{value:"gain-weight",label:k("bmi.objective.gainWeight")}]),[]),z=()=>{E(!0)};return l((()=>{Object.keys(a||{}).forEach((e=>{f(e,null==a?void 0:a[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})}))}),[a]),l((()=>{r&&r(C)}),[C]),e.createElement(gt,null,e.createElement("form",{onSubmit:y((e=>sa(void 0,void 0,void 0,(function*(){const t=c.heightConvert(e.height),a=c.weightConvert(e.weight),n={gender:e.gender,age:e.age,height:t,weight:a,bmi:bl({height:t,weight:a})};T||(n.objective=e.objective),z(),i&&i(n)}))),z)},!x&&e.createElement(pt,{"data-is-side":d},e.createElement(nn,{name:"gender",control:b,defaultValue:"male",render:({field:{onChange:t}})=>e.createElement(Hn,{label:k("bmi.selectGender"),defaultValue:"male",onChange:e=>t(e),styles:e=>({root:!d&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:ga(12)}}})})})),e.createElement(ut,{"data-is-side":d},!N&&e.createElement(pt,null,e.createElement(nn,{name:"age",control:b,rules:null===(g=s.age)||void 0===g?void 0:g.rule,render:({field:{name:t,value:a,onChange:n},fieldState:{error:l}})=>e.createElement(P.Number,{label:e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray600},k("bmi.ageInput")," ",e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray300,as:"span"},k("bmi.ageInput.desc"))),placeholder:k("healthtool.placeholder.age"),name:t,value:a,onChange:n,error:v?null==l?void 0:l.message:"",min:0})})),!L&&e.createElement(pt,null,e.createElement(nn,{name:"height",control:b,rules:null===(p=s.height)||void 0===p?void 0:p.rule,render:({field:{name:t,value:a,onChange:n},fieldState:{error:l}})=>e.createElement(P.Number,{label:e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray600},k("bmi.heightInput")," ",e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray300,as:"span"},k("bmi.heightInput.desc"))),placeholder:k("pwg.placeholder.height"),name:t,value:a,onChange:n,error:v?null==l?void 0:l.message:"",min:0})})),!S&&e.createElement(pt,null,e.createElement(nn,{name:"weight",control:b,rules:null===(u=s.weight)||void 0===u?void 0:u.rule,render:({field:{name:t,value:a,onChange:n},fieldState:{error:l}})=>e.createElement(P.Number,{label:e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray600},k("bmi.weightInput")," ",e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray300,as:"span"},k("bmi.weightInput.desc"))),placeholder:k("pwg.placeholder.weight"),name:t,value:a,onChange:n,error:v?null==l?void 0:l.message:"",precision:1,min:0})})),!T&&e.createElement(pt,null,e.createElement(nn,{name:"objective",control:b,defaultValue:"lose-weight",rules:null===(h=s.objective)||void 0===h?void 0:h.rule,render:({field:{name:t,value:a,onChange:n},fieldState:{error:l}})=>e.createElement(ht,{size:"md",name:t,label:s.objective.label,CustomInput:e.createElement(et,{id:"bmi-objective",className:"bmi-objective",type:"circle",direction:"vertical",size:"small",group:"group1",options:D,value:a,onChange:n}),errorMessage:v?null==l?void 0:l.message:"",className:"bmi--input bmi--input-objective"})}))),e.createElement("div",{style:{display:"flex"}},e.createElement(vt,{size:"lg",fullWidth:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${Na[m]}/${I}`,type:"submit"},k("bmi.submit")))))},fl=({isMobile:t,onSubmit:a,bmiContent:n,isSide:l,bmiGenerated:r,bmiUnit:i,bmiLink:o,locale:s})=>{var c,m,d;const{t:g}=Oa();return e.createElement(ct,{"data-is-side":l},e.createElement(mt,{isSide:l,icon:e.createElement("img",{alt:"health-tool-icon",src:(null==n?void 0:n.featured_image)||q.getAssetPath("health-tools/bmi.svg"),loading:"lazy"}),heading:g("bmi.heading"),medicalReview:{link:null===(c=null==n?void 0:n.reviewBy)||void 0===c?void 0:c.link,reviewer:null===(m=null==n?void 0:n.reviewBy)||void 0===m?void 0:m.reviewer,date:null===(d=null==n?void 0:n.reviewBy)||void 0===d?void 0:d.date},isMobile:t}),e.createElement(Qa,null,e.createElement(dt,{as:"div","data-is-side":l},o&&e.createElement(yl,{onSubmit:a,bmiGenerated:r,locale:s,bmiUnit:i,isSide:l}))))},wl=({isMobile:t,className:a,onSubmit:n,onError:l,schema:r,babyGrowthContent:i,siteType:o})=>{var s,c,m;return Oa(),e.createElement(ct,{"babyGrowthContent-is-mobile":t,"data-site":o},e.createElement(mt,{siteType:o,bannerUrl:q.getAssetPath("embedToolBannerBlue.svg"),bannerUrlLarge:q.getAssetPath("embedToolBannerBlue.svg"),bannerColor:"marryBaby"===o&&K.mbColors.mint,isEmbeded:!0,icon:e.createElement("img",{className:"embedded-icon",alt:"health-tool-icon",src:(null==i?void 0:i.featuredImage)||q.getAssetPath("health-tools/toolsIconBabyGrowth.svg"),loading:"lazy"}),heading:(null==i?void 0:i.title)||"",medicalReview:{link:null===(s=null==i?void 0:i.reviewBy)||void 0===s?void 0:s.link,reviewer:null===(c=null==i?void 0:i.reviewBy)||void 0===c?void 0:c.reviewer.trim(),date:null===(m=null==i?void 0:i.reviewBy)||void 0===m?void 0:m.date},isMobile:t}),e.createElement(Et,{"data-theme":o},e.createElement(bt,{siteType:o,schema:r,className:a,onSubmit:n,onError:l})))},Cl=({babyPoopPage:t,onClickFindOut:a,currentUrl:n,isSide:l,direction:r="auto",sponsorLogo:i})=>{const{t:o}=Oa(),s="mb"===ha().other.template,{classes:c}=yt({isMarryBaby:s,isSide:l,direction:r},{name:"BabyPoopEmbed"}),{reviewedBy:m,reviewedDate:d}=t||{};return e.createElement("div",{className:c.root},e.createElement("div",{className:c.inner},e.createElement(S,{tag:"h3",as:"h2",color:!s&&"#284A75"},t.title),e.createElement("div",{className:c.content,"data-is-side":l},e.createElement(B,{size:"p3",className:"description"},t.description),!!m&&e.createElement("div",{className:c.reviewText},e.createElement("img",{src:q.getAssetPath("reviewerCheck.svg"),alt:"check",className:c.reviewTextIcon,loading:"lazy"}),e.createElement(B,{size:"p4",color:K.colors.gray600},o("categoryPage.info.reviewed")," ",e.createElement("a",{href:m.profile_url},m.display_name)," ",o("categoryPage.onDate",{date:d||""}))),e.createElement("div",{className:c.action},e.createElement(j,{className:c.btn,size:s?"lg":"md",variant:s?"secondary":"primary",onClick:a,dataEventCategory:"Health Tool",dataEventAction:"Baby Stool Inquiry",dataEventLabel:n,style:{visibility:Boolean(a)?"visible":"hidden"}},o("babyPoop.findOut"))))),e.createElement("div",{className:c.thumbnail},e.createElement("img",{src:s?q.getAssetPath("baby-poop.svg"):null==t?void 0:t.featuredImage,alt:t.title,loading:"lazy"})),i&&e.createElement("img",{loading:"lazy",src:i,alt:"sponsor",className:c.sponsorLogo}))},kl=({value:a,options:n,className:l,direction:r="horizontal",onChange:i,isDisabled:o})=>{const[c,m]=t(a);return e.createElement(ft,{className:l,"data-direction":r},n.map(((t,n)=>e.createElement(wt,{"data-selected":(a||c)===t.value,"data-disabled":o,key:`health-tool${n}`,onClick:()=>{var e;e=t.value,o||(m(e),i&&i(e))}},e.createElement("div",null,e.createElement("img",{src:(a||c)===t.value?t.imageActive:t.image,className:"gender-image",alt:"",loading:"lazy"}),t.label&&e.createElement(s,{type:"bold",className:"radio-group-item-heading",size:"label1"},t.label))))))},xl=({info:a,className:n,style:r,onChange:i,errorMessage:o={},locale:s})=>{const{t:c}=Oa(),[m,d]=t(new Date),[g,p]=t({age:!1,rate:!1});return l((()=>{p({age:!1,rate:!1})}),[o]),e.createElement(Ct,{style:r,className:n},e.createElement(Ya,{className:"input-section due-date-input",label:e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray600,style:{marginBottom:"9px",flex:"1"}},c("targetHeartRate.ageInput")),value:Ye(m),name:"date",size:"md",CustomInput:e.createElement(Xe,{customInput:t=>e.createElement("input",Object.assign({type:"date",className:"due-date-input"},t,{value:Ye(m)})),disabledDays:{after:new Date(Fa(new Date,0))},locale:s,pickedDate:m,displayDateFormat:"dd/MM/yyyy",onChange:e=>{(e=>{d(e),p((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},a),{age:_a(new Date(e),Je)});i&&i(t)})(e)},placeholder:"placeholder"}),errorMessage:g.age?"":o.age}))},Nl=({isSide:a,locale:r,thrContent:i,isMobile:o,info:s,inputErrorMessage:c,onFormChange:m,onSubmit:d})=>{var g,p,u;const{t:h}=Oa(),{getHealthToolLink:v}=ln(r),E=n((()=>v(A.THR)),[v]),[b,y]=t(!1),[f,w]=t("low_intensity"),[C,k]=t("male"),[x,N]=t(60),[L,S]=t({idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40}),T=[{idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40},{idAge:1,minAge:18,maxAge:25,rangeMale:49,rangeFemale:54},{idAge:2,minAge:25,maxAge:35,rangeMale:49,rangeFemale:54},{idAge:3,minAge:35,maxAge:45,rangeMale:50,rangeFemale:54},{idAge:4,minAge:45,maxAge:55,rangeMale:50,rangeFemale:54},{idAge:5,minAge:55,maxAge:65,rangeMale:51,rangeFemale:54},{idAge:6,minAge:65,maxAge:120,rangeMale:50,rangeFemale:54}],M=[{value:"low_intensity",label:h("targetHeartRate.lowIntensity.title"),image:q.getAssetPath("/low.svg"),imageActive:q.getAssetPath("/low-active.svg"),content:h("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:h("targetHeartRate.moderateIntensity.title"),image:q.getAssetPath("/moderate.svg"),imageActive:q.getAssetPath("/moderate-active.svg"),content:h("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:h("targetHeartRate.aerobicZone.title"),image:q.getAssetPath("/aerobic.svg"),imageActive:q.getAssetPath("/aerobic-active.svg"),content:h("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:h("targetHeartRate.vigorousIntensity.title"),image:q.getAssetPath("/vigorous.svg"),imageActive:q.getAssetPath("/vigorous-active.svg"),content:h("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:h("targetHeartRate.maximumIntensity.title"),image:q.getAssetPath("/maximum.svg"),imageActive:q.getAssetPath("/maximum-active.svg"),content:h("targetHeartRate.maximumIntensity.note")}];return l((()=>{const e=((new Date).getTime()-new Date(null==s?void 0:s.age).getTime())/1e3;y(e>=567648e3);const t=T.find((t=>e>=365*t.minAge*24*60*60&&e<365*t.maxAge*24*60*60))||T[0];S(t),N(60)}),[null==s?void 0:s.age]),e.createElement(ct,{"data-is-side":a},e.createElement(mt,{isSide:a,icon:e.createElement("img",{alt:"health-tool-icon",src:(null==i?void 0:i.featured_image)||q.getAssetPath("health-tools/target-heart-rate-icon.svg"),loading:"lazy"}),heading:h("targetHearRate.heading"),medicalReview:(null===(g=null==i?void 0:i.reviewedBy)||void 0===g?void 0:g.display_name)?{link:rn(null==i?void 0:i.reviewedBy),reviewer:null===(p=null==i?void 0:i.reviewedBy)||void 0===p?void 0:p.display_name,date:null==i?void 0:i.reviewedDate}:void 0,isMobile:o}),e.createElement(Qa,null,e.createElement(dt,{className:"heart-rate-cal",onSubmit:e=>e.preventDefault(),"data-is-side":a},e.createElement(kt,{"data-is-side":a},e.createElement(xt,null,e.createElement(Hn,{label:h("bmi.selectGender"),defaultValue:"male",onChange:e=>{k(e),N(60)},styles:e=>({root:!a&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:ga(12)}}})}))),e.createElement(kt,null,e.createElement(xl,{info:s,locale:r,errorMessage:c,onChange:m})),e.createElement("div",{className:"slider-heart-rate"},e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray600},h("targetHeartRate.heartRateInput")),e.createElement("div",{className:"slider-outer-wrapper"},e.createElement(tn,{containerStyle:{flex:1},min:"male"===C?L.rangeMale:L.rangeFemale,max:200,step:1,value:x,withControl:!0,onChange:N}))),b&&e.createElement(xt,null,e.createElement(Nt,null,e.createElement(B,{size:"s4",style:{display:"inline-block",fontWeight:"bold",color:K.colors.gray600,marginBottom:"9px"}},h("targetHeartRate.selectActive")),e.createElement("div",{className:"card"},e.createElement(kl,{options:M.map((e=>({value:e.value,label:e.label,image:e.image,imageActive:e.imageActive}))),value:f,onChange:e=>{w(e)},className:"gender-selector"})),f&&e.createElement("div",{className:"note"},e.createElement("img",{style:{height:"16px",width:"16px"},src:q.getAssetPath("/infoIcon.svg"),alt:"",loading:"lazy"}),e.createElement(B,{size:"s4",color:"#595959"},null===(u=M[M.findIndex((e=>e.value==f))||0])||void 0===u?void 0:u.content)),!f&&e.createElement("span",{style:{color:"#e64728"}},c.intensity)))),e.createElement("div",{style:{display:"flex"}},e.createElement(Lt,{size:"lg",onClick:()=>{d(C,f,[x])},dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:`https://${Na[r]}/${E}`},h("bmi.submit")))))},Ll=({info:a,className:r,style:i,onChange:o,errorMessage:s={},locale:c,onClick:m,isSide:d})=>{const{t:g}=Oa(),[p,u]=t({age:!1,height:!1,weight:!1}),{getHealthToolLink:h}=ln(c),v=n((()=>h(A.OVULATION)),[h]),[E,b]=t("male"),y=(e,t)=>{""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},f=e=>{var t,n;n=e=>{u((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},a),{age:e});o&&o(t)},""!==(t=e)&&(isNaN(t)||isNaN(parseFloat(t))||t.includes("."))||n(t)};return l((()=>{o&&o(Object.assign(Object.assign({},a),{objective:"lose-fat",activeLevel:"sedentary"}))}),[]),l((()=>{u({age:!1,height:!1,weight:!1})}),[s]),e.createElement(Bt,{style:i,className:r},e.createElement(St,{"data-is-side":d},e.createElement(Hn,{label:g("bmi.selectGender"),defaultValue:"male",onChange:e=>b(e),styles:e=>({root:!d&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:ga(12)}}})})),e.createElement(Tt,{"data-is-side":d},e.createElement(St,null,e.createElement(P.Number,{label:e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray600},g("bmi.ageInput")," ",e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray300,as:"span"},g("bmi.ageInput.desc"))),placeholder:g("healthtool.placeholder.age"),value:Number(a.age),onChange:e=>f(String(e)),error:p.age?"":s.age,min:0})),e.createElement(St,null,e.createElement(P.Number,{label:e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray600},g("bmi.heightInput")," ",e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray300,as:"span"},g("bmi.heightInput.desc"))),placeholder:g("pwg.placeholder.height"),value:Number(a.height),onChange:e=>{return t=String(e),void y(t,(e=>{u((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},a),{height:e});o&&o(t)}));var t},error:p.height?"":s.height,min:0})),e.createElement(St,null,e.createElement(P.Number,{label:e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray600},g("bmi.weightInput")," ",e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray300,as:"span"},g("bmi.weightInput.desc"))),placeholder:g("pwg.placeholder.weight"),value:Number(a.weight),onChange:e=>{return t=String(e),u((e=>Object.assign(Object.assign({},e),{weight:!0}))),void y(t,(e=>{const t=Object.assign(Object.assign({},a),{weight:e});o&&o(t)}));var t},error:p.weight?"":s.weight,min:0,precision:1}))),e.createElement("div",{style:{display:"flex"}},e.createElement(Mt,{size:"lg",fullWidth:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMR",dataEventLabel:`https://${Na[c]}/${v}`,onClick:()=>{m(E)}},g("bmi.submit"))))},Bl=({isSide:t,locale:a,bmrContent:n,isMobile:l,info:r,inputErrorMessage:i,onFormChange:o,onSubmit:s})=>{var c,m,d;const{t:g}=Oa();return e.createElement(ct,{"data-is-side":t},e.createElement(mt,{isSide:t,icon:e.createElement("img",{alt:"health-tool-icon",src:(null==n?void 0:n.featured_image)||q.getAssetPath("health-tools/bmr.svg"),loading:"lazy"}),heading:g("bmr.heading"),medicalReview:{link:null===(c=null==n?void 0:n.reviewBy)||void 0===c?void 0:c.link,reviewer:null===(m=null==n?void 0:n.reviewBy)||void 0===m?void 0:m.reviewer,date:null===(d=null==n?void 0:n.reviewBy)||void 0===d?void 0:d.date},isMobile:l}),e.createElement(Qa,null,e.createElement(dt,{onSubmit:e=>e.preventDefault(),"data-is-side":t},e.createElement(It,null,e.createElement(Ll,{info:r,locale:a,errorMessage:i,onChange:o,onClick:s,isSide:t})))))},Sl=({onSubmitOvulation:t,locale:a,ovulationPageInfo:n,expertUrl:l,isSide:r=!1,siteType:i,isMobile:o})=>{var s;const{t:c}=Oa();return e.createElement(ct,{"data-is-side":r,"data-site":i},e.createElement(mt,{isSide:r,bannerUrl:q.getAssetPath("embedToolBannerPink.svg"),siteType:i,bannerColor:"marryBaby"===i&&K.mbColors.mint,isEmbeded:!0,color:"pink",icon:e.createElement("img",{alt:"health-tool-icon",src:(null==n?void 0:n.featured_image)||q.getAssetPath("health-tools/ovulation-icon.svg"),loading:"lazy"}),heading:c("healthTools.ovulationCalculator"),medicalReview:{link:l,reviewer:null===(s=null==n?void 0:n.reviewed_by)||void 0===s?void 0:s.display_name,date:null==n?void 0:n.reviewed_date},isMobile:o}),e.createElement(dt,{onSubmit:e=>e.preventDefault(),className:"ovulation-cal","data-is-side":r},e.createElement(Dt,{siteType:i,locale:a,onSubmitOvulation:t,isSide:r})))},Tl=({siteType:n,info:r,onChange:i,errorMessage:o={}})=>{const{t:s}=Oa(),[c,m]=t({weightBefore:!1,height:!1,weight:!1}),[d,g]=t(0),p=a(null);l((()=>{var e;g(null===(e=p.current)||void 0===e?void 0:e.clientHeight)}));const u=(e,t)=>{""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},h=e=>{u(e,(e=>{m((e=>Object.assign(Object.assign({},e),{weightBefore:!0})));const t=Object.assign(Object.assign({},r),{weightBefore:e});i&&i(t)}))},v=e=>{u(e,(e=>{m((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},r),{height:e});i&&i(t)}))},E=e=>{u(e,(e=>{m((e=>Object.assign(Object.assign({},e),{weight:!0})));const t=Object.assign(Object.assign({},r),{weight:e});i&&i(t)}))};return l((()=>{i&&i(Object.assign({},r))}),[]),l((()=>{m({weightBefore:!1,height:!1,weight:!1})}),[o]),"marryBaby"===n?e.createElement(e.Fragment,null,e.createElement("div",{className:"input-form-pwg input-section"},e.createElement(Ke,{label:s("pregnancyWeightGain.heightInput"),name:"pwg-height",size:"md",value:null==r?void 0:r.height,CustomInput:e.createElement(Ya,{className:(null==c?void 0:c.height)?"":"error-input",name:"pwg-height",size:"md",placeholder:"Nhập thông tin",value:null==r?void 0:r.height,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==c?void 0:c.height)?"":null==o?void 0:o.height,showErrorMessage:!1,onChange:v})})),e.createElement("div",{className:"input-form-pwg input-section"},e.createElement(Ke,{label:s("pregnancyWeightGain.weightBeforeInput"),name:"pwg-weightBefore",size:"md",value:null==r?void 0:r.weightBefore,CustomInput:e.createElement(Ya,{className:(null==c?void 0:c.weightBefore)?"":"error-input",name:"pwg-weightBefore",size:"md",placeholder:"Nhập thông tin",value:null==r?void 0:r.weightBefore,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==c?void 0:c.weightBefore)?"":null==o?void 0:o.height,showErrorMessage:!1,onChange:h})})),e.createElement("div",{className:"input-form-pwg input-section"},e.createElement(Ke,{label:s("pregnancyWeightGain.weightInput"),name:"pwg-weight",size:"md",value:null==r?void 0:r.weight,CustomInput:e.createElement(Ya,{className:(null==c?void 0:c.weight)?"":"error-input",name:"pwg-weight",size:"md",placeholder:"Nhập thông tin",value:null==r?void 0:r.weight,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==c?void 0:c.weight)?"":null==o?void 0:o.weight,showErrorMessage:!1,onChange:E})}))):e.createElement(e.Fragment,null,e.createElement("div",{className:"input-form-pwg"},e.createElement(O,{placeholder:s("pwg.placeholder.height"),className:"input-section",label:e.createElement("span",{style:{color:K.colors.gray600,fontWeight:"bold",marginBottom:"9px"},className:"label-text"},s("pregnancyWeightGain.heightInput")," ",e.createElement("span",{style:{color:`${K.colors.gray300}`}},s("bmi.heightInput.desc"))),errorMessage:c.height?"":null==o?void 0:o.height,size:"sm",isNumerousKeyboard:!0,name:"pwg-height",value:null==r?void 0:r.height,onChange:v})),e.createElement("div",{className:"input-form-pwg"},e.createElement(O,{placeholder:s("pwg.placeholder.weight"),className:"input-section",label:e.createElement("span",{style:{color:K.colors.gray600,fontWeight:"bold",marginBottom:"9px"},ref:p,className:"label-text"},s("pregnancyWeightGain.weightBeforeInput")," ",e.createElement("span",{style:{color:`${K.colors.gray300}`}},s("pregnancyWeightGain.weightInput.desc"))),errorMessage:c.weightBefore?"":null==o?void 0:o.weightBefore,size:"sm",isNumerousKeyboard:!0,name:"pwg-weightBefore",onChange:h,value:null==r?void 0:r.weightBefore})),e.createElement("div",{className:"input-form-pwg"},e.createElement(O,{placeholder:s("pwg.placeholder.weight"),className:"input-section",label:e.createElement("span",{style:{color:K.colors.gray600,fontWeight:"bold",marginBottom:"9px",minHeight:d},className:"label-text"},s("pregnancyWeightGain.weightInput")," ",e.createElement("span",{style:{color:`${K.colors.gray300}`}},s("pregnancyWeightGain.weightInput.desc"))),errorMessage:c.weight?"":null==o?void 0:o.weight,size:"sm",isNumerousKeyboard:!0,name:"pwg-weight",value:null==r?void 0:r.weight,onChange:E})))},Ml=({locale:a,onClick:l,inputErrorMessage:r,pwgContent:i,onFormChange:o,info:s,isMobile:c,isSide:m=!1,siteType:d})=>{var g;const{t:p}=Oa(),[u,h]=t("notwins"),[v,E]=t({label:"1",value:1}),b=n((()=>[...Array(40)].map(((e,t)=>({label:`${t+1}`,value:`${t+1}`})))),[]),{getHealthToolLink:y}=ln(a),f=n((()=>y(A.PWG)),[y]);return e.createElement(ct,{"data-is-side":m,"data-site":d},e.createElement(mt,{siteType:d,bannerColor:"marryBaby"===d&&K.mbColors.mint,isEmbeded:!0,color:"pink",icon:e.createElement("img",{alt:"health-tool-icon",src:(null==i?void 0:i.featuredImage)||q.getAssetPath("health-tools/pwg-icon.svg"),loading:"lazy"}),heading:p("pregnancyWeightGain.heading"),medicalReview:{link:rn(null==i?void 0:i.reviewedBy),reviewer:null===(g=null==i?void 0:i.reviewedBy)||void 0===g?void 0:g.display_name,date:null==i?void 0:i.reviewedDate},isMobile:c,isSide:m}),e.createElement(Qa,null,e.createElement(dt,{onSubmit:e=>e.preventDefault(),className:"pwg-view-mobile","data-is-side":m},"marryBaby"!==d&&e.createElement(zt,{className:"hide-asking-mobile","data-is-side":m},e.createElement(B,{size:"s4",weight:"semiBold",style:{display:"block",color:K.colors.gray600},className:"label"},p("pregnancyWeightGain.havingTwins")),e.createElement(jt,{options:[{value:"twins",label:p("switchBtn.yes")},{value:"notwins",label:p("switchBtn.no")}],value:u,onChange:e=>h(e),className:"gender-selector",id:"twins-check",type:"circle",direction:"horizontal",size:"small",group:"group1"})),e.createElement(lt,null,e.createElement(At,{className:"input-section input-form-pwg","data-is-side":m},"marryBaby"===d?e.createElement(it,{groupedWithLabel:p("pregnancyWeightGain.weekInput"),options:b,placeholder:"28 days",id:"due-date-dropdown",size:"lg",value:v,onChange:e=>E({label:e.label,value:e.value})}):e.createElement(e.Fragment,null,e.createElement(B,{size:"s4",weight:"semiBold",style:{display:"inline-block",marginBottom:"9px",color:K.colors.gray600}},p("pregnancyWeightGain.weekInput")),e.createElement(st,{options:b,placeholder:String(v.label),id:"weight-gain-dropdown",size:"md",value:v,onChange:e=>E({label:e.label,value:e.value})}))),e.createElement(Tl,{siteType:d,info:s,errorMessage:r,onChange:o})),"marryBaby"!==d&&e.createElement(zt,{className:"hide-asking-desk","data-is-side":m},e.createElement(B,{size:"s4",weight:"semiBold",style:{display:"block",color:K.colors.gray600},className:"label"},p("pregnancyWeightGain.havingTwins")),e.createElement(jt,{options:[{value:"twins",label:p("switchBtn.yes")},{value:"notwins",label:p("switchBtn.no")}],value:u,onChange:e=>h(e),className:"gender-selector",id:"twins-check-mobile",type:"circle",direction:"horizontal",size:"small",group:"group1"})),"marryBaby"===d&&e.createElement(An,{name:"twins",label:p("pregnancyWeightGain.havingTwins"),checked:"twins"===u,siteType:"marryBaby",onChange:()=>{h("twins"===u?"notwins":"twins")},value:"twins"}),e.createElement(Pt,{"data-is-side":m,"data-site":d},e.createElement(j,{dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${Na["marryBaby"===d?"vi-VN_MB":a]}/${f}`,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===d?"secondary":"primary",onClick:()=>l(u,v.value),role:"button"},p("dueDatePage.lastPeriod.calculate"))))))};const Il={"en-PH":sn,"vi-VN":mn,"zh-TW":dn,"id-ID":cn};function Dl(a){const{value:l={from:null,to:null}}=a,[r,i]=t(null),{isMobile:o}=T(),[s,c]=t((()=>l)),[m,d]=t((()=>{var e;return $a(null!==(e=l.from)&&void 0!==e?e:new Date)})),g=n((()=>Ra(m,1)),[m]);const p=Object.assign(Object.assign({},a),{goToNextMonth:function(){d((e=>Ra(e,1)))},goToPreviousMonth:function(){d((e=>Wa(e,1)))},range:s,setRange:c,hoverDay:r,setHoverDay:i});return e.createElement(e.Fragment,null,e.createElement(zl,Object.assign({},p,{date:m})),!o&&e.createElement(Ot,null),!o&&e.createElement(zl,Object.assign({},p,{date:g})))}function zl({date:t,range:a,setRange:r,onChange:i,goToPreviousMonth:o,goToNextMonth:s,minDate:c,maxDate:m,close:d=(()=>{}),autoClose:g=!1,hoverDay:p,setHoverDay:u}){const{locale:h}=Oa(),v=n((()=>{var e;return null!==(e=Il[h])&&void 0!==e?e:Il["en-PH"]}),[h]),E=n((()=>_a(t,"MMMM",{locale:v})),[t,v]),b=n((()=>v?[1,2,3,4,5,6,0].map((e=>v.localize.day(e,{width:"narrow"}))):[]),[v]);function y(t,n){if(null===t)return e.createElement(Ut,{key:`idx-${n}`,"data-empty":"true"});const l=t.getDate(),i=Ga(t),o=!!a.from&&Ua(a.from,t),s=!!a.to&&Ua(a.to,t),h=o||s;let v=!1;null!==p&&a.from&&Ha(a.from,p)&&!a.to?v=Za(t,{start:a.from,end:p}):a.from&&a.to&&(v=Za(t,{start:a.from,end:a.to}));let E=!1;return c&&m?E=!Za(t,{start:c,end:m}):c?E=Ha(t,c):m&&(E=qa(t,m)),e.createElement(Ut,{key:l,"data-is-today":i,"data-is-past":!i&&Ka(t),"data-is-selected":h,"data-is-disabled":E,"data-in-range":v,"data-is-from":o,"data-is-to":s,onMouseEnter:()=>{u(t)},onMouseLeave:()=>u(null),onClick:()=>{E||r((e=>(g&&a.from&&!a.to&&d(),function(e,t){return t.from||t.to?t.from&&t.to?{from:e,to:null}:t.from?Ha(e,t.from)?Object.assign(Object.assign({},t),{from:e}):Object.assign(Object.assign({},t),{to:e}):t:Object.assign(Object.assign({},t),{from:e})}(t,e))))}},e.createElement(Zt,{onClick:()=>{}},e.createElement("p",null,l)))}return l((()=>{a.from&&a.to&&i(a)}),[a]),e.createElement(_t,{className:"calendar-wrapper"},e.createElement(Ft,null,e.createElement(gn,{onClick:o,size:"md",color:"ghost",icon:e.createElement("img",{src:q.getAssetPath("calendarArrowLeft.svg"),loading:"lazy"})}),e.createElement("div",{className:"calendar-month"},E,e.createElement("strong",null,_a(t,"yyyy"))),e.createElement(gn,{onClick:s,size:"md",color:"ghost",icon:e.createElement("img",{src:q.getAssetPath("calendarArrowRight.svg"),loading:"lazy"})})),e.createElement(Ht,null,e.createElement("div",null,e.createElement($t,null,b.map(((t,a)=>e.createElement(Rt,{key:`${t}-${a}`},t))))),e.createElement("div",null,function(){const n=t.getFullYear(),l=t.getMonth(),r=Va(t),i=[];for(let e=1;e<=r;e++)i.push(new Date(n,l,e));const o=i[0]?i[0].getDay():0;if(1!==o){const e=0===o?6:o-1;for(let t=0;t<e;t++)i.unshift(null)}return e.createElement(Wt,{key:`month-${l}`,"data-month-index":l,"data-has-range":Boolean(a.from&&a.to)},e.createElement(Vt,null,e.createElement(Gt,null,i.map(y))))}())))}function jl({inputSize:l="md",name:r="date-range-picker",value:i,minDate:o,maxDate:s,onChange:c,className:m,autoClose:d=!1}){i||(i={from:null,to:null});const[g,p]=t(!1);function u(){p(!1)}const h=a(null);function v(e){c&&c(e)}function E(e){return _a(e,"dd/MM/yyyy")}on(h,(()=>{u()}));const b=n((()=>i.from&&i.to?Ua(i.from,i.to)?E(i.from):`${E(i.from)} - ${E(i.to)}`:""),[i.from,i.to]);return e.createElement(qt,{className:[m,g&&"focused"].filter(Boolean).join(" "),ref:h},e.createElement("label",{htmlFor:r},e.createElement(O,{size:l,value:b,name:r,actionIcon:e.createElement("img",{src:q.getAssetPath("calendar.svg"),loading:"lazy"}),onFocus:()=>p(!0)})),g?e.createElement(Kt,{onMouseDown:e=>{e.stopPropagation()}},e.createElement(Dl,{value:i,onChange:v,minDate:o,maxDate:s,close:u,autoClose:d})):null)}var Al="WUqzfRb",Pl="MnVGtSY",Ol="NclbhXQ";const _l=({LinkComponent:t,page:a,isLast:n,onChangePage:l})=>{const{label:r,value:i,isDropdown:o,dropdownItems:s,dataEventCategory:c,dataEventAction:m,dataEventLabel:d}=a;return o?e.createElement(st,{options:s,placeholder:"...",id:"",placeholderIcon:null,onChange:l,className:"collapsed-breadcrumb"}):e.createElement("div",{className:Ol,title:"string"!=typeof r?i:r,"data-last":n},t&&e.createElement(t,{"data-event-category":c,"data-event-action":m,"data-event-label":d,href:i||"#"},r))},Fl=({className:t,pages:a,size:l,LinkComponent:i="a",onChangePage:o,separator:s})=>{const c=n((()=>a.map(((e,t)=>a.length>4?t>1&&t<a.length-2?null:1===t?Object.assign(Object.assign({},e),{isDropdown:1===t,dropdownItems:a.slice(1,a.length-2)}):e:e)).filter(Boolean)),[a]);return e.createElement("div",{"data-size":l,className:`${Al} ${t||""}`},c.map(((t,a)=>{const n=a+1===c.length;return e.createElement(r,{key:a},e.createElement(_l,{LinkComponent:i,page:t,isLast:n,onChangePage:o}),!n&&(t.separator||s||e.createElement("div",{className:Pl,"data-size":l})))})))},Hl=()=>e.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M6.86364 10.6666H5.22727C4.86912 10.6666 4.51448 10.5977 4.18359 10.4637C3.8527 10.3296 3.55205 10.1332 3.2988 9.8856C2.78734 9.3855 2.5 8.70722 2.5 7.99998C2.5 7.29274 2.78734 6.61446 3.2988 6.11436C3.81026 5.61426 4.50396 5.33331 5.22727 5.33331H6.86364M9.78374 5.33331H11.7727C12.1309 5.33331 12.4855 5.40229 12.8164 5.5363C13.1473 5.67031 13.4479 5.86674 13.7012 6.11436C13.9545 6.36198 14.1553 6.65596 14.2924 6.97949C14.4295 7.30303 14.5 7.64979 14.5 7.99998C14.5 8.35017 14.4295 8.69693 14.2924 9.02047C14.1553 9.344 13.9545 9.63798 13.7012 9.8856C13.4479 10.1332 13.1473 10.3296 12.8164 10.4637C12.4855 10.5977 12.1309 10.6666 11.7727 10.6666H9.78374",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"})),$l=({url:t,onCopied:a,locale:l,siteType:r})=>{const{t:i}=Oa(),o=pn(t||"").filter((e=>!e.allowedLocales||e.allowedLocales.includes(l))),c=n((()=>"undefined"!=typeof window?window.location.href:""),[]);return e.createElement(Yt,null,e.createElement(s,{size:"p3",color:K.colors.gray800},i("shareContainer.title")),e.createElement("div",{className:"icon-group"},o.map(((t,a)=>e.createElement("a",{key:a,href:t.href,target:"_blank",rel:"noreferrer","data-event-category":"Health Tool","data-event-action":`Social Share - ${t.name}`,"data-event-label":c},t.icon))),e.createElement(gn,{theme:r,size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:e.createElement(Hl,null),onClick:()=>sa(void 0,void 0,void 0,(function*(){var e;yield null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(t),null==a||a()})),"data-event-category":"Health Tool","data-event-action":"Copy Link","data-event-label":c})))},Rl=()=>e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"copy"},e.createElement("path",{d:"M4 2.5C3.17125 2.5 2.5 3.17125 2.5 4V13.75C2.5 14.164 2.836 14.5 3.25 14.5C3.664 14.5 4 14.164 4 13.75V4H13.75C14.164 4 14.5 3.664 14.5 3.25C14.5 2.836 14.164 2.5 13.75 2.5H4ZM7 5.5C6.17125 5.5 5.5 6.17125 5.5 7V16C5.5 16.8287 6.17125 17.5 7 17.5H16C16.8287 17.5 17.5 16.8287 17.5 16V7C17.5 6.17125 16.8287 5.5 16 5.5H7ZM7 7H16V16H7V7Z",fill:"#595959"})),Wl=t=>{var{open:a,title:n,onClose:r,onCopied:o,onShared:c,url:m,locale:d}=t,g=oa(t,["open","title","onClose","onCopied","onShared","url","locale"]);const{t:p}=Oa(),u=i((()=>sa(void 0,void 0,void 0,(function*(){var e;yield null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(m),null==o||o()}))),[m,o]),h=pn(m||"").filter((e=>!e.allowedLocales||e.allowedLocales.includes(d)));return l((()=>{a&&navigator.share&&navigator.share({title:null!=n?n:"Read This Post",url:m}).then((()=>{null==c||c()})).catch((()=>{null==r||r()}))}),[m,n,c,a]),"undefined"!=typeof navigator&&navigator.share?null:e.createElement(Xt,Object.assign({title:p("share.title"),onClose:r,open:a,placement:"bottom"},g),e.createElement("div",{className:"share-container"},e.createElement("div",{className:"icon-container"},e.createElement(s,{type:"semiBold",size:"s3",color:K.colors.gray600},p("share.title")),e.createElement("div",{className:"icon-group"},h.map(((t,a)=>e.createElement("a",{key:a,href:t.href,target:"_blank",rel:"noreferrer"},t.icon))))),e.createElement("div",{className:"link-container"},e.createElement(s,{type:"semiBold",size:"s3",color:K.colors.gray600},p("share.copyLink")),e.createElement("div",{className:"input-group"},e.createElement(Ya,{name:"link",size:"md",value:m,isDisabled:!0}),e.createElement(gn,{size:"md",type:"button",color:"tertiary",icon:e.createElement(Rl,null),onClick:u})))))},Vl=({className:n,adUnitPath:r,divId:i,isMobile:o,contentId:s,customTargetings:c,locale:m,isMarryBaby:d})=>{const[g,p]=t(!0),[u,h]=t(!1),[v,E]=t(!0),b=a(null),y=a(un()),f=a(null),w=a(),C=a();return l((()=>{const e=()=>{C.current&&clearTimeout(C.current),C.current=setTimeout((()=>{var t;document.getElementById("subot--container")?p(!0):(p(!1),(null===(t=b.current)||void 0===t?void 0:t.clientHeight)?E(!1):E(!0)),e()}),4e3)};return e(),()=>{w.current&&clearTimeout(w.current),C.current&&clearTimeout(C.current)}}),[]),g||u?null:e.createElement(Qt,{key:o?"mobile":"desktop",ref:f,className:n,"data-visible":!v},r&&e.createElement(Jt,{wrapperProps:{m:0},ref:b,adUnitPath:r,size:o?[[320,50],[320,100]]:[728,90],divId:(i||"div-gpt-ad-sticky")+(o?"-mobile":"")+s+String(y.current),pos:["Sticky"],contentId:s,hideIfHasSubot:o,customTargetings:c,adDefaultSize:o?[320,50]:[728,90],showCloseBtn:!0,onCloseAd:()=>h(!0),refreshInterval:60,locale:m,isMarryBaby:d}))},Gl="api/v1/categories?site={website_url}",Ul="api/v1/subscription?site={website_url}",Zl="api/v1/categories?site={website_url}",ql=({heading:t,description:a,banner:n,onYes:l,onNo:r})=>{const{t:i,locale:s}=Oa(),{pregnantArticleId:c}=o(ea),m=e=>sa(void 0,void 0,void 0,(function*(){return yield _(F(H.HEALTH_TOOL.CREATE,{_locale:s}),"POST",{headers:{"Content-Type":"application/json"},data:{pregnant:Number(e),pregnant_article:c}})}));return e.createElement(ca,{sx:()=>({borderRadius:ga(8),background:"linear-gradient(180deg, #FAFDFF 0%, #E3F2FF 100%)"})},e.createElement(ca,{sx:e=>({borderRadius:"inherit",background:`url(${n})`,backgroundPosition:"center right",backgroundRepeat:"no-repeat",backgroundSize:"contain",padding:`${ga(24)} ${ga(16)}`,[e.fn.largerThan("sm")]:{padding:`${ga(22)} ${ga(32)}`}})},e.createElement(va,{spacing:ga(16),sx:e=>({maxWidth:"75%",[e.fn.largerThan("sm")]:{maxWidth:"70%"}})},e.createElement(va,{spacing:ga(4)},t&&e.createElement(S,{tag:"h4"},t),a&&e.createElement(B,{size:"p4"},a)),e.createElement(da,{gap:ga(8),sx:e=>({button:{minWidth:ga(80),[e.fn.largerThan("sm")]:{minWidth:ga(120)}}})},e.createElement(j,{variant:"white",onClick:()=>{m(!0),l()}},i("switchBtn.yes")),e.createElement(j,{variant:"white",onClick:()=>{m(!1),r()}},i("switchBtn.no"))))))},Kl=({heading:t,description:a,thumbnail:n,btnLabel:l,btnLink:r})=>e.createElement(da,{gap:ga(7),align:"center",justify:"space-between",sx:e=>({borderRadius:ga(8),background:e.colors.blue[0],minHeight:ga(180),padding:`${ga(24)} ${ga(16)}`,[e.fn.largerThan("sm")]:{padding:`${ga(34)} ${ga(32)}`}})},e.createElement(va,{spacing:ga(12)},e.createElement(va,{spacing:ga(4)},t&&e.createElement(S,{tag:"h4"},t),a&&e.createElement(B,{size:"p4"},a)),e.createElement(da,{gap:ga(8),sx:{button:{minWidth:ga(120)}}},e.createElement("a",{href:r},e.createElement(j,null,l)))),e.createElement(da,{align:"center",justify:"center",sx:e=>({width:ga(96),height:ga(96),borderRadius:"50%",background:"white",flexShrink:0,[e.fn.largerThan("sm")]:{width:ga(112),height:ga(112)},img:{maxWidth:ga(64),[e.fn.largerThan("sm")]:{maxWidth:ga(73)}}})},e.createElement("img",{alt:"health-tool-icon",src:n,loading:"lazy"}))),Yl=a=>{var{isMobile:n,children:l,desktopBanner:r=q.getAssetPath("friso/onboarding-banner.jpg"),mobileBanner:i=q.getAssetPath("friso/onboarding-banner-mobile.jpg"),modalRatio:o={width:937,height:536},mobileBannerRatio:s={width:750,height:480},desktopBannerRatio:c={width:420,height:536},closeProps:m}=a,d=oa(a,["isMobile","children","desktopBanner","mobileBanner","modalRatio","mobileBannerRatio","desktopBannerRatio","closeProps"]);const{width:g,height:p}=ja(),u=(p<=667?190:265)+g*s.height/s.width+74,[h,v]=t(!1);return e.createElement(En,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:ga(o.width),width:"100%",height:"100%",maxHeight:ga(o.height),boxShadow:"none"}},body:{padding:0,width:"100%",height:"100%",[e.fn.largerThan("sm")]:{display:"flex",alignItems:"center"}},inner:{padding:0,[e.fn.smallerThan("sm")]:{display:"flex",alignItems:"flex-end"}}})},d),n?e.createElement(ca,{sx:{position:"relative",height:"100%"},onTouchStart:()=>v(!0)},e.createElement(ca,{className:"mobile-template",sx:{position:"absolute",height:100*(h?1:u/p)+"%",left:0,bottom:0,right:0,transition:"height 0.4s ease"}},e.createElement(ca,{sx:{height:"100%",backgroundColor:"white",borderTopLeftRadius:h?0:ga(12),borderTopRightRadius:h?0:ga(12)}},e.createElement(ca,{sx:{height:"calc(100% - 74px)",background:`url(${i})`,backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"top center",overflowY:"auto",borderRadius:"inherit"}},e.createElement(j,Object.assign({unstyled:!0,leftIcon:e.createElement(Xa.Close,null),sx:{position:"absolute",right:0,top:"10px",zIndex:1}},m,{onClick:()=>null==d?void 0:d.onClose()})),e.createElement(Ea,{ratio:(null==s?void 0:s.width)/(null==s?void 0:s.height),w:"100%"}),e.createElement(ca,{sx:{padding:`${ga(28)} ${ga(16)} ${ga(16)}`,background:"white"}},l))))):e.createElement(Ea,{className:"desktop-template",ratio:o.width/o.height,w:"100%",sx:{position:"relative","& > div":{justifyContent:"flex-end"}}},e.createElement(ca,{sx:{width:"100%",height:"100%",justifyContent:"flex-end",alignItems:"stretch",borderRadius:ga(8),background:"white",boxShadow:"0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 2.25rem 1.75rem -0.4375rem, rgba(0, 0, 0, 0.04) 0 1.0625rem 1.0625rem -0.4375rem"}},e.createElement("img",{alt:"",src:r,loading:"lazy",style:{borderTopLeftRadius:ga(8),borderBottomLeftRadius:ga(8),height:"100%",display:"block"}}),e.createElement(ca,{sx:{position:"relative",height:"100%",width:(o.width-c.width)/o.width*100+"%"}},e.createElement(j,Object.assign({unstyled:!0,leftIcon:e.createElement(Xa.Close,null)},m,{onClick:()=>null==d?void 0:d.onClose(),sx:{position:"absolute",right:0,top:"10px"}})),e.createElement(ca,{className:"side-banner-modal-container",sx:{height:"100%",padding:`${ga(40)} ${ga(24)} 0`}},l)))))},Xl="user/subscription",Ql=t=>{var r,{value:i,name:o,isMobile:s}=t,c=oa(t,["value","name","isMobile"]);const m=a(null),d=n((()=>{var e;return Boolean(null===(e=m.current)||void 0===e?void 0:e.checked)}),[null===(r=m.current)||void 0===r?void 0:r.checked]);return l((()=>{var e,t;if(d){const a=null===(e=m.current)||void 0===e?void 0:e.querySelector(".mantine-Chip-checkIcon"),n=document.createElementNS("http://www.w3.org/2000/svg","svg");n.setAttribute("width","16"),n.setAttribute("height","16"),n.setAttribute("viewBox","0 0 16 16"),n.setAttribute("fill","none"),n.setAttribute("xmlns","http://www.w3.org/2000/svg"),n.setAttribute("class","mantine-Chip-checkIcon");const l=document.createElementNS("http://www.w3.org/2000/svg","path");l.setAttribute("d","M13.32 3.99443C13.1468 3.99959 12.9825 4.07198 12.8617 4.19625L5.99973 11.0582L3.80442 8.86292C3.74299 8.79894 3.66941 8.74786 3.58799 8.71267C3.50657 8.67748 3.41895 8.65889 3.33025 8.65798C3.24156 8.65708 3.15358 8.67388 3.07146 8.70741C2.98934 8.74094 2.91474 8.79051 2.85202 8.85323C2.7893 8.91595 2.73973 8.99055 2.7062 9.07267C2.67267 9.15479 2.65587 9.24277 2.65677 9.33146C2.65768 9.42016 2.67627 9.50778 2.71146 9.5892C2.74665 9.67062 2.79773 9.7442 2.86171 9.80563L5.52838 12.4723C5.65341 12.5973 5.82295 12.6675 5.99973 12.6675C6.17651 12.6675 6.34606 12.5973 6.47108 12.4723L13.8044 5.13896C13.9008 5.04532 13.9666 4.92476 13.9932 4.79308C14.0198 4.6614 14.0061 4.52474 13.9537 4.40102C13.9013 4.2773 13.8128 4.17228 13.6998 4.09972C13.5867 4.02717 13.4543 3.99047 13.32 3.99443Z"),l.setAttribute("fill","#2D87F3"),n.appendChild(l),null===(t=null==a?void 0:a.parentNode)||void 0===t||t.replaceChild(n,a)}}),[d]),e.createElement(ba,Object.assign({ref:m,value:i,radius:6},c,{styles:e=>({label:{display:"flex",border:"1px solid #DBDFE5 !important",borderRadius:6,padding:"8px 12px 8px 8px",height:"initial",gap:4,position:"relative","&[data-checked='true']":{borderColor:"#2D87F3 !important",backgroundColor:"#E3F2FF !important",color:"#2D87F3 !important",gap:0},"&:hover":{color:"initial",backgroundColor:"initial"},"&:not([data-checked])":{paddingLeft:36,[e.fn.smallerThan("sm")]:{paddingLeft:30},"&::before":{top:5,content:'"+"',position:"absolute",left:16,fontSize:18,color:"#262626",[e.fn.smallerThan("sm")]:{left:11}}}},input:{display:"none"}})}),e.createElement(B,{size:s?"p3":"p4",color:"gray.7",span:!0},o))},Jl=({topicsGroup:a,onTopicChange:n,isBlock:r=!1,selectedTopics:i=[],inputProps:s,labelProps:c,maxSelect:m=5,hasScroll:d,readonly:g})=>{const{action:{pushNotifications:p}}=o($),u=wn(a.map((e=>e.topics||[]))),{t:h}=Oa(),[v,E]=t([]);l((()=>{E(i)}),[i.length]),l((()=>{null==n||n(v)}),[v]);const b=e=>{e.length>5?p({type:"danger",title:h("pnTopicSection.maxSelectError.title",{maxSelect:m}),message:h("pnTopicSection.maxSelectError.desc")}):!g&&E((()=>u.filter((t=>e.some((e=>t.catId===e))))))};return e.createElement(va,{spacing:12},a.map(((t,a)=>e.createElement(va,{key:String(a),spacing:12},t.label&&e.createElement(B,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},c),t.label),d?e.createElement(ya,{w:"100%",offsetScrollbars:!0,scrollbarSize:4,p:16,m:-16,styles:{viewport:{margin:-16,padding:16}}},e.createElement(ca,{w:800},e.createElement(ba.Group,Object.assign({value:v.map((e=>e.catId)),multiple:!0},s,{onChange:b}),e.createElement(da,{gap:8,wrap:"wrap"},t.topics.map((a=>e.createElement(Ql,Object.assign({key:a.catId,value:a.catId,name:a.localName,isBlock:r},t.tracking)))))))):e.createElement(ba.Group,Object.assign({value:v.map((e=>e.catId)),multiple:!0},s,{onChange:b}),e.createElement(da,{gap:8,wrap:"wrap"},t.topics.map((a=>a.catId?e.createElement(Ql,Object.assign({key:a.catId,value:a.catId,name:a.localName,isBlock:r},t.tracking)):e.isValidElement(a.component)?a.component:null))))))))},er=t=>{var{heading:a,children:n,stickyActions:l}=t,r=oa(t,["heading","children","stickyActions"]);const{isMobile:i}=o(ta),s=e.createElement(va,{spacing:ga(24),sx:{height:"100%"}},e.createElement(S,{tag:"h4",style:{textAlign:"center"}},a),e.createElement(ca,null,n));return e.createElement(ca,{sx:e=>({[e.fn.largerThan("sm")]:{position:"relative",height:"100%"}})},i?s:e.createElement(ya,Object.assign({className:"layout-body",h:l?"calc(100% - 90px)":"100%"},r),s),l&&e.createElement(da,{gap:ga(8),sx:e=>({position:"absolute",left:0,right:0,bottom:0,padding:ga(16),button:{flexGrow:1},justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${ga(24)} 0`}})},l))},tr=()=>{const{t:a,locale:r}=Oa(),{data:{userInfo:i},action:{pushNotifications:s}}=o($),c=null==i?void 0:i.id,{currentUrl:m,isMobile:d,pnSuggestCategory:g=[],nextStep:p,formValues:u,setFormValues:h,onSubmit:v,submitLoading:E,selectCategory:b,setCategoryLibs:y,setSelectCategory:f,maxSelectCategory:w}=o(ta),C=g.map((e=>e.catId)),k=yn({validate:{name:fn(a("healthToolPNModal.mainForm.requireName"))},initialValues:Object.assign(Object.assign({},u),{fitnessTopics:C})}),[x,N]=t([]),[L,S]=t([]);l((()=>{sa(void 0,void 0,void 0,(function*(){var e;try{const t=yield _(R(Zl,{_locale:r}),"get"),a=((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.subscription)||[]).filter((e=>!C.includes(e.catId)));N(g),S(a),y([...g,...a])}catch(e){console.log(e)}}))}),[]),l((()=>{c&&k.setFieldValue("name",(null==i?void 0:i.name)||"")}),[c]);const T=()=>{""!==k.getInputProps("name").value?(h(k.getTransformedValues()),p()):k.validateField("name")},M=n((()=>e.createElement(j,{variant:"tertiary",dataEventCategory:"Newsletter",dataEventAction:"More Category Click",dataEventLabel:m,leftIcon:e.createElement(Xa.Plus,{size:16,color:"#262626",useCurrentColor:!0}),onClick:T,styles:e=>({root:{borderRadius:ga(6),padding:"2px 15px",height:ga(40)},label:{fontSize:ga(14),fontWeight:400,[e.fn.smallerThan("sm")]:{fontSize:ga(12),lineHeight:ga(16),height:ga(40)}},leftIcon:{marginRight:"5px"}})},e.createElement(B,{size:d?"p3":"p4"},a("home.seeMore")))),[k]);return l((()=>{k.setFieldValue("fitnessTopics",b.map((e=>e.catId)))}),[b]),e.createElement("form",{style:{height:"100%"},onSubmit:k.onSubmit((e=>{if(0===b.length)return s({type:"danger",title:a("newsletter.error.minTitle"),message:a("newsletter.error.minCotennt")}),!1;h(e),null==v||v(e.name)}))},e.createElement(er,{heading:a("healthToolPNModal.heading"),stickyActions:e.createElement(e.Fragment,null,e.createElement(j,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Register Click",dataEventLabel:m,loading:E,sx:{maxWidth:ga(240)}},a("healthToolPNModal.register")))},e.createElement(va,{spacing:ga(16)},e.createElement(P,Object.assign({label:a("newsletter.welcome.description")},k.getInputProps("name"))),e.createElement(Jl,{topicsGroup:[...0===g.length&&0===L.length?[{topics:[{component:M}]}]:[],...g.length>0?[{label:a("healthToolPNModal.mainForm.tailorTopicsHeading"),topics:[...g,...0===L.length?[{component:M}]:[]]}]:[],...L.length>0?[{label:a("healthToolPNModal.findMore.chooseFav"),topics:[...L,...L.length>0?[{component:M}]:[]]}]:[]],selectedTopics:[...x],labelProps:{size:d?"p3":"p4",color:"gray.6"},onTopicChange:f,maxSelect:w}))))},ar=({history:t,onDelete:a})=>e.createElement(da,{wrap:"wrap",gap:8},Cn(t,"catId").map((t=>e.createElement(fa,{key:t.catId,rightSection:e.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:()=>null==a?void 0:a(t)},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.5 9C1.5 4.8525 4.8525 1.5 9 1.5C13.1475 1.5 16.5 4.8525 16.5 9C16.5 13.1475 13.1475 16.5 9 16.5C4.8525 16.5 1.5 13.1475 1.5 9ZM11.1677 12.2248C11.4602 12.5173 11.9327 12.5173 12.2252 12.2248C12.5101 11.9323 12.5101 11.4523 12.2252 11.1673L10.0577 8.99979L12.2252 6.83229C12.5177 6.53979 12.5177 6.0673 12.2252 5.7748C11.9327 5.4823 11.4602 5.4823 11.1677 5.7748L9.00015 7.9423L6.83265 5.7748C6.54015 5.4823 6.06765 5.4823 5.77515 5.7748C5.63471 5.91492 5.55579 6.10516 5.55579 6.30354C5.55579 6.50193 5.63471 6.69217 5.77515 6.83229L7.94265 8.99979L5.77515 11.1673C5.63471 11.3074 5.55579 11.4977 5.55579 11.696C5.55579 11.8944 5.63471 12.0847 5.77515 12.2248C6.06765 12.5173 6.54015 12.5173 6.83265 12.2248L9.00015 10.0573L11.1677 12.2248Z",fill:"#8C8C8C"})),styles:{root:{height:32,background:"#ffffff",padding:"5px 12px",border:`1px solid ${W.neutral[4]}`,borderRadius:32,textTransform:"unset"},rightSection:{height:18,cursor:"pointer"}}},e.createElement(B,{size:"p4"},t.localName))))),nr=({topics:a,onTopicChange:n,isBlock:r=!1,selectedTopics:i,labelProps:s,maxSelect:c=5})=>{const{action:{pushNotifications:m}}=o($),[d,g]=t([]),{t:p}=Oa();l((()=>{g(i)}),[i.length]),l((()=>{n(d)}),[d]);return a&&0!==a.length?e.createElement(va,{spacing:12,px:16,mx:-16},e.createElement(B,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},s),p("pnTopicSection.recentView")),e.createElement(ba.Group,{value:d.map((e=>e.catId)),onChange:e=>{r&&d.length<e.length?m({type:"danger",title:p("pnTopicSection.maxSelectError.title",{maxSelect:c}),message:p("pnTopicSection.maxSelectError.desc")}):g((()=>a.filter((t=>e.some((e=>t.catId===e))))))},multiple:!0},e.createElement(da,{gap:8,wrap:"wrap"},a.map(((t,a)=>e.createElement(Ql,{key:a,value:t.catId,name:t.localName,isBlock:r})))))):null},lr=t=>{var{topic:a,active:n,onClick:l}=t,r=oa(t,["topic","active","onClick"]);return e.createElement(ca,Object.assign({sx:e=>({position:"relative",cursor:"pointer",padding:2,borderRadius:8,boxShadow:"0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04)",minHeight:ga(130),[e.fn.largerThan("sm")]:{minHeight:ga(138)}}),onClick:()=>l(a,n)},r),n&&e.createElement(ca,{id:"test",sx:{position:"absolute",top:2,right:2,width:20,height:20,zIndex:1}},e.createElement("svg",{id:"test",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.66699 9.99984C1.66699 5.39984 5.40033 1.6665 10.0003 1.6665C14.6003 1.6665 18.3337 5.39984 18.3337 9.99984C18.3337 14.5998 14.6003 18.3332 10.0003 18.3332C5.40033 18.3332 1.66699 14.5998 1.66699 9.99984ZM4.75066 10.5827L7.74232 13.5744C8.06732 13.8994 8.60066 13.8994 8.91732 13.5744L15.2423 7.2494C15.5673 6.9244 15.5673 6.3994 15.2423 6.0744C14.9173 5.7494 14.3923 5.7494 14.0673 6.0744L8.33399 11.8077L5.92566 9.40773C5.60066 9.08273 5.07566 9.08273 4.75066 9.40773C4.59461 9.56342 4.50692 9.7748 4.50692 9.99523C4.50692 10.2157 4.59461 10.427 4.75066 10.5827Z",fill:"#2D87F3"}),e.createElement("path",{d:"M7.74224 13.5772L4.75057 10.5856C4.59453 10.4299 4.50684 10.2185 4.50684 9.99808C4.50684 9.77765 4.59453 9.56627 4.75057 9.41058C5.07557 9.08558 5.60057 9.08558 5.92557 9.41058L8.33391 11.8106L14.0672 6.07725C14.3922 5.75225 14.9172 5.75225 15.2422 6.07725C15.5672 6.40225 15.5672 6.92725 15.2422 7.25225L8.91724 13.5772C8.60057 13.9022 8.06724 13.9022 7.74224 13.5772Z",fill:"white"}))),e.createElement(ca,{sx:{borderRadius:"8px"}},e.createElement(D,{ratio:1.5,mb:10,sx:e=>({background:e.colors.neutral[0]})},e.createElement(ca,null,e.createElement("img",{src:a.guid||"",alt:"cat",loading:"lazy",style:{maxHeight:"63px"}})))),e.createElement(B,{size:"p4",ta:"center",px:6,sx:{display:"-webkit-box","-webkit-line-clamp":"2","-webkit-box-orient":"vertical",overflow:"hidden"}},a.localName||""))},rr=({topics:n,selectedTopics:r=[],onTopicChange:i,isBlock:o=!1,labelProps:s,pushNotifications:c,maxSelect:m=5})=>{const{t:d}=Oa(),[g,p]=t([]),u=(e,t)=>{if(t)p((t=>t.filter((t=>t.catId!==e.catId))));else{if(o)return void c({type:"danger",title:d("pnTopicSection.maxSelectError.title",{maxSelect:m}),message:d("pnTopicSection.maxSelectError.desc")});p((t=>[...t,e]))}};l((()=>{p(r)}),[r.length]),l((()=>{i(g)}),[g]);const[h,v]=t(!1),[E,b]=t(0),[y,f]=t(0),w=a(null),C=()=>{v(!1)};return e.createElement(va,{spacing:10},e.createElement(da,{justify:"space-between",align:"center",w:"100%"},e.createElement(B,Object.assign({size:"s5",color:"gray.4",weight:"semiBold",span:!0},s),d("pnTopicSection.trending"))),e.createElement(ca,null,e.createElement(ya,{type:"always",w:"100%",offsetScrollbars:!0,scrollbarSize:4,px:4,viewportRef:w,viewportProps:{onMouseDown:e=>{e.preventDefault(),w.current&&(v(!0),b(e.pageX-w.current.offsetLeft),f(w.current.scrollLeft))},onMouseUp:C,onMouseLeave:C,onMouseMove:e=>{if(e.preventDefault(),!h||!w.current)return;const t=2*(e.pageX-w.current.offsetLeft-E);w.current.scrollLeft=y-t}},styles:{viewport:{paddingBottom:16}}},e.createElement(ca,{w:{base:112*n.length+8*(n.length-1)+10}},e.createElement(da,{gap:8},n.map(((t,a)=>e.createElement(lr,{key:a,topic:t,onClick:u,active:g.some((e=>e.catId===t.catId)),w:{base:112}}))))))))},ir=r=>{var{isLoggedIn:i,maxSelect:s=5,values:c=[],labelProps:m,onChange:d}=r,g=oa(r,["isLoggedIn","maxSelect","values","labelProps","onChange"]);const{action:{pushNotifications:p}}=o($),[u,h]=t(""),{t:v,locale:E}=Oa(),b=a(null),[y,f]=t([]),[w,C]=t([]),[k,x]=t([]),[N,L]=t([]),[S,T]=t(null),[M,I]=t([]);l((()=>{sa(void 0,void 0,void 0,(function*(){var e,t;const a=yield _(R(Gl,{_locale:E}),"get"),n=(null===(e=null==a?void 0:a.data)||void 0===e?void 0:e.interested)||[],l=(null===(t=null==a?void 0:a.data)||void 0===t?void 0:t.trending)||[],r=Cn([...n,...l],"catId").map((e=>Object.assign(Object.assign({},e),{value:e.catId||"",label:e.localName||""})));if(I(r||[]),T((null==a?void 0:a.data)||null),c.length>0){const e=n.filter((e=>c.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"interested"}))),t=l.filter((e=>c.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"trending"})));L(e),C(t)}}))}),[i]);const D=n((()=>Cn([...y,...w,...N,...k],"catId")),[y,w,N,k]),[z,j]=t(!1);l((()=>{D.length>=s?j(!0):j(!1),null==d||d(D)}),[D]);return e.createElement(va,Object.assign({spacing:ga(16)},g),e.createElement(va,{spacing:ga(8)},e.createElement(B,{size:"p3"},v("pnTopicSection.maxSelectError.detail",{max:s,maxTopic:D.length})),e.createElement(wa,{ref:b,maxSelectedValues:3,styles:{wrapper:{overflow:"initial !important"},separator:{padding:16},separatorLabel:{fontWeight:600,fontSize:12,lineHeight:"18px",textTransform:"uppercase",color:W.gray[4],"&::after":{display:"none"}},searchInput:{fontSize:"inherit"},input:{paddingRight:16}},nothingFound:e.createElement(B,{size:"s4",color:"gray.6"},v("pnTopicSection.notFound")),itemComponent:""===u?aa:na,size:"lg",placeholder:v("pnTopicSection.plsEnterFavTopics"),data:M,onSearchChange:h,searchValue:u,icon:e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.97183 10.8732C3.97183 7.0617 7.0617 3.97183 10.8732 3.97183C14.6848 3.97183 17.7746 7.0617 17.7746 10.8732C17.7746 14.6848 14.6848 17.7746 10.8732 17.7746C7.0617 17.7746 3.97183 14.6848 3.97183 10.8732ZM10.8732 2C5.97268 2 2 5.97268 2 10.8732C2 15.7738 5.97268 19.7465 10.8732 19.7465C12.9682 19.7465 14.8936 19.0205 16.4115 17.8063L20.3168 21.7116C20.7018 22.0966 21.3261 22.0966 21.7111 21.7116C22.0961 21.3266 22.0961 20.7023 21.7111 20.3173L17.8059 16.4121C19.0203 14.894 19.7465 12.9684 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z",fill:"#595959"})),rightSection:e.createElement(e.Fragment,null),zIndex:500,searchable:!0,withinPortal:!0,onChange:e=>{return t=e,sa(void 0,void 0,void 0,(function*(){var e;const a={trending:C,recently:x,interested:L,default:f};let n="default";if(z)p({type:"danger",title:v("pnTopicSection.maxSelectError.title",{maxSelect:s}),message:v("pnTopicSection.maxSelectError.desc")});else{const l=[{key:"trending",array:null==S?void 0:S.trending},{key:"recently",array:null==S?void 0:S.recently},{key:"interested",array:null==S?void 0:S.interested}].find((e=>{var a;return null===(a=e.array)||void 0===a?void 0:a.some((e=>e.catId===t[0]))}));n=(null==l?void 0:l.key)||"default",a[n]((e=>[...e,...M.filter((e=>t.some((t=>e.catId===t))))].map((e=>Object.assign(Object.assign({},e),{template:n}))))),null===(e=b.current)||void 0===e||e.blur()}return null}));var t},value:[]}),D&&D.length>0&&e.createElement(ar,{history:D,onDelete:e=>{const t={trending:C,recently:x,interested:L,default:f};(t[e.template]||t.default)((t=>{const a=[...t],n=a.findIndex((t=>t.catId===e.catId));return a.splice(n,1),a}))}})),e.createElement(ca,{sx:e=>({position:"relative",height:ga(175),[e.fn.largerThan("sm")]:{height:ga(190)}})},e.createElement(ca,{sx:{position:"absolute",top:0,right:0,left:0}},e.createElement(rr,{topics:((null==S?void 0:S.trending)||[]).map((e=>Object.assign(Object.assign({},e),{template:"trending"}))),selectedTopics:w,onTopicChange:C,isBlock:z,labelProps:m}))),e.createElement(nr,{topics:((null==S?void 0:S.recently)||[]).map((e=>Object.assign(Object.assign({},e),{template:"recently"}))),selectedTopics:k,onTopicChange:x,isBlock:z,labelProps:m}),e.createElement(Jl,{labelProps:m,topicsGroup:[{label:v("pnTopicSection.ppAlsoInterested"),topics:((null==S?void 0:S.interested)||[]).map((e=>Object.assign(Object.assign({},e),{template:"interested"})))}],selectedTopics:N,onTopicChange:L,isBlock:z}))},or=()=>{const{t:t}=Oa(),{action:{pushNotifications:a}}=o($),{prevStep:n,formValues:l,submitLoading:r,onSubmit:i,selectCategory:s,maxSelectCategory:c,setSelectCategory:m,currentUrl:d,isLoggedIn:g}=o(ta);return e.createElement(er,{heading:t("newsletter.topic.title"),type:"always",styles:{root:{paddingRight:ga(25)}},stickyActions:e.createElement(e.Fragment,null,e.createElement(j,{fullWidth:!0,variant:"secondary",dataEventCategory:"Newsletter",dataEventAction:"Back  Click",dataEventLabel:d,onClick:n},t("healthToolPNModal.back")),e.createElement(j,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Next  Click",dataEventLabel:d,onClick:()=>{if(0===s.length)return a({type:"danger",title:t("newsletter.error.minTitle"),message:t("newsletter.error.minCotennt")}),!1;null==i||i(l.name)},loading:r},t("healthToolPNModal.next")))},e.createElement(ir,{isLoggedIn:g,maxSelect:c,values:l.fitnessTopics,onChange:m,labelProps:{size:"s5",sx:{textTransform:"uppercase"}}}))},sr=()=>{const{t:t}=Oa(),{close:a,selectCategory:n,onRegisterSuccess:r,currentUrl:i,finishLabelOnResult:s,disclaimerText:c}=o(ta);return l((()=>()=>{setTimeout((()=>{null==r||r()}),400)}),[]),e.createElement(er,{heading:t("healthToolPNModal.heading"),stickyActions:e.createElement(j,{fullWidth:!0,sx:{maxWidth:ga(300)},dataEventCategory:"Newsletter",dataEventAction:"Continue Reading Click",dataEventLabel:i,onClick:()=>{a()}},s||t("healthToolPNModal.finish"))},e.createElement(va,null,e.createElement(da,{gap:ga(8),sx:e=>({background:e.colors.green[0],border:`1px solid ${e.colors.green[1]}`,borderRadius:ga(8),padding:ga(8)})},e.createElement(ca,null,e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M9.99984 18.3334C14.6022 18.3334 18.3332 14.6025 18.3332 10.0001C18.3332 5.39771 14.6022 1.66675 9.99984 1.66675C5.39746 1.66675 1.6665 5.39771 1.6665 10.0001C1.6665 14.6025 5.39746 18.3334 9.99984 18.3334Z",fill:"#00B16A"}),e.createElement("path",{d:"M9.58558 12.6674C9.22944 12.668 8.87668 12.5983 8.54752 12.4623C8.21835 12.3264 7.91925 12.1268 7.66732 11.8751L6.68587 10.8931C6.55607 10.7587 6.48424 10.5787 6.48587 10.3919C6.48749 10.2051 6.56243 10.0263 6.69455 9.89422C6.82667 9.7621 7.00539 9.68716 7.19222 9.68554C7.37906 9.68391 7.55906 9.75574 7.69345 9.88554L8.67491 10.8675C8.79344 10.986 8.93415 11.08 9.08902 11.1442C9.24389 11.2083 9.40987 11.2413 9.5775 11.2413C9.74513 11.2413 9.91111 11.2083 10.066 11.1442C10.2208 11.08 10.3616 10.986 10.4801 10.8675L16.7033 5.24335C16.8443 5.12184 17.0272 5.06032 17.213 5.07195C17.3987 5.08358 17.5726 5.16744 17.6973 5.30558C17.8221 5.44373 17.8878 5.6252 17.8805 5.81118C17.8731 5.99717 17.7933 6.17291 17.6581 6.30081L11.4592 11.8998C11.2128 12.1448 10.9205 12.3387 10.5989 12.4705C10.2774 12.6022 9.93304 12.6692 9.58558 12.6674Z",fill:"white"}))),e.createElement(B,{size:"p3"},c||t("pnModal.disclaimer"))),e.createElement(S,{tag:"h5"},t("healthToolPNModal.yourPre")),n.length>0&&e.createElement(Jl,{topicsGroup:[{label:"",topics:n}],selectedTopics:n,readonly:!0})))},cr=({isMobile:a,isLoggedIn:n,pnSuggestCategory:r=[],acquisitionInfo:s,currentUrl:c,opened:m,close:d,finishLabelOnResult:g,onRegisterSuccess:p,disclaimerText:u})=>{const{t:h,locale:v}=Oa(),{action:{pushNotifications:E}}=o($),b=q.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),y=q.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),[f,w]=t([]),[C,k]=t([]),[x,N]=t(0),[L,B]=t({name:"",fitnessTopics:[]}),[S,T]=t(!1),M=()=>N(2),I=i((e=>sa(void 0,void 0,void 0,(function*(){try{T(!0),yield _(R(Ul,{website_url:V(v)}),"post",{headers:{"Content-Type":"application/json"},method:"POST",data:{ga_client_id:bn.get(Ta),client_ip:window.clientIP||"",user_info:Object.assign(Object.assign({},s.userInfo),{name:e||L.name,type_subscription:1}),domain:Na[v||Ma.Vietnam],category:C,perferred:s.preferredTopics.map((({id:e})=>({id:e})))}}),T(!1),yield _(G(Xl),"post",{headers:{"Content-Type":"application/json"},method:"PUT",data:{subscription:1}}),M()}catch(e){console.log({err:e}),T(!1),E({title:h("notification.comment.somethingWrong"),message:"",type:"danger"})}}))),[L,C]);return l((()=>{[b,y].forEach((e=>{(new Image).src=e}))}),[]),e.createElement(ta.Provider,{value:{currentUrl:c,isMobile:a,isLoggedIn:n,opened:m,close:d,pnSuggestCategory:r,nextStep:()=>N((e=>e<3?e+1:e)),prevStep:()=>N((e=>e>0?e-1:e)),lastStep:M,categoryLibs:f,setCategoryLibs:w,selectCategory:C,setSelectCategory:k,formValues:L,setFormValues:B,maxSelectCategory:5,submitLoading:S,onSubmit:I,onRegisterSuccess:p,finishLabelOnResult:g,disclaimerText:u}},e.createElement(Yl,{isMobile:a,desktopBanner:q.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),mobileBanner:q.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),modalRatio:{width:960,height:588},desktopBannerRatio:{width:384,height:588},opened:m,onClose:d,zIndex:305,closeProps:{dataEventCategory:"Newsletter",dataEventAction:"Close Click",dataEventLabel:c}},e.createElement(Ca,{active:x,onStepClick:N,styles:{root:{height:"100%"},content:{padding:0,height:"100%",width:"100%"},steps:{display:"none"}}},e.createElement(Ca.Step,null,e.createElement(tr,null)),e.createElement(Ca.Step,null,e.createElement(or,null)),e.createElement(Ca.Step,null,e.createElement(sr,null)))))},mr=()=>{const{t:a,locale:r}=Oa(),{type:i,isMobile:s,isLoggedIn:c,currentUrl:m,acquisitionInfo:d,categoryIds:g,subcribeHealthStatus:p,state:u,onChange:h}=o(ea),{getHealthToolLink:v,allTools:E}=ln(r),[b,y]=t(),[f,w]=t(!1),[C,k]=t([]),[x,N]=t(!1),[L,B]=t(),S=n((()=>{var e,t;return{pregnancy:{heading:a("pnBannerWithOption.pregnancy.heading"),description:a("pnBannerWithOption.pregnancy.desc"),toolType:la.DUE_DATE,toolBanner:{heading:a("pnBannerWithOption.dueDateTool.heading"),description:a("pnBannerWithOption.dueDateTool.desc"),thumbnail:(null===(t=null===(e=E.filter((e=>e.template===la.DUE_DATE)))||void 0===e?void 0:e[0])||void 0===t?void 0:t.icon)||ra[la.DUE_DATE],btnLabel:a("pnBannerWithOption.dueDateTool.btnLabel"),btnLink:v(la.DUE_DATE)},onYes:()=>y(la.DUE_DATE),onNo:()=>w(!0)}}}),[E])[i];return l((()=>{sa(void 0,void 0,void 0,(function*(){var e,t;const a=yield _(R(Gl,{_locale:r}),"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)||[]];k(n.filter((e=>g.includes(Number(e.catId)))))}))}),[]),l((()=>{x&&(null==h||h("hide"))}),[x]),l((()=>{B(u)}),[u]),l((()=>{b&&(null==h||h("showTool"))}),[b]),x?null:e.createElement(e.Fragment,null,"showTool"===L||1===(null==p?void 0:p.pregnant)||b?e.createElement(Kl,Object.assign({},S.toolBanner)):e.createElement(ql,Object.assign({},S,{banner:q.getAssetPath(`newsletter/banner-option-${i}-${s?"mobile":"desktop"}.png`)})),e.createElement(cr,{acquisitionInfo:d,isMobile:s,isLoggedIn:c,currentUrl:m,pnSuggestCategory:C,opened:f,close:()=>{w(!1),setTimeout((()=>{N(!0)}),400)},onRegisterSuccess:()=>w(!1)}))},dr=a=>{var{type:n,pregnantArticleId:r=0,categoryIds:i=[],isMarketing:s,isABTestingType:c,isPremiumBanner:m,currentUrl:d,isMobile:g,subcribeHealthStatus:p,setShouldAcquisitionModalOpen:u,state:h,onChange:v}=a,E=oa(a,["type","pregnantArticleId","categoryIds","isMarketing","isABTestingType","isPremiumBanner","currentUrl","isMobile","subcribeHealthStatus","setShouldAcquisitionModalOpen","state","onChange"]);const{locale:b}=Oa(),{data:{userInfo:y}}=o($),f=Boolean(null==y?void 0:y.id),[w,C]=t(null),k=n&&c&&(null===p||1===p.pregnant);return l((()=>{f&&C({userInfo:y,preferredTopics:ia,healthTopics:[]})}),[f]),e.createElement(ea.Provider,{value:{type:n,isMobile:g,isLoggedIn:f,currentUrl:d,acquisitionInfo:w,categoryIds:i,subcribeHealthStatus:p,pregnantArticleId:r,onChange:v,state:h}},"hide"!==h?e.createElement(e.Fragment,null,f&&k?e.createElement(mr,null):1!==(null==y?void 0:y.subscription)&&m?e.createElement(ka,Object.assign({mih:{base:144,md:160},fluid:!0,p:0,sx:{borderRadius:4,cursor:"pointer"},onClick:()=>sa(void 0,void 0,void 0,(function*(){const e=s?hn(b)+"/dang-ky-nhan-tin/":`${window.location.href}?source=acquisition`;f?null==u||u():window.location.href=`${vn(b)}/?returnUrl=${encodeURIComponent(e)}`})),"data-event-category":"Newsletter","data-event-action":"Banner Click","data-event-label":d,className:"pointer-event-child-none"},E),e.createElement(za,{src:s?q.getAssetPath(`newsletter/${g?"Mobile":"Desktop"}_Marketing.png`):q.getAssetPath(`newsletter/${g?"Mobile":"Desktop"}_${n}.png`),alt:"newsletter banner"})):null):null)};export{Ln as A,Bn as B,An as C,El as D,Vl as E,Tn as F,Mn as G,dr as H,tl as I,Sl as O,Dn as P,Fn as R,rl as S,zn as T,Sn as a,jn as b,Hn as c,Zn as d,Qn as e,Jn as f,el as g,al as h,nl as i,il as j,ol as k,sl as l,cl as m,ml as n,dl as o,gl as p,fl as q,wl as r,Cl as s,Nl as t,Bl as u,Ml as v,jl as w,Fl as x,$l as y,Wl as z};

package/build/esm/{index-c3121b12.js → index-ac620748.js}

@@ -1,10 +1,10 @@
-import{_ as e}from"./tslib.es6-d74bc98c.js";import t,{useState as n,forwardRef as l,createContext as i,useContext as r,useRef as o,useEffect as a}from"react";import s from"styled-components";import{Carousel as c}from"@mantine/carousel";import{createStyles as d}from"@mantine/core";import{useViewportSize as p,useResizeObserver as h}from"@mantine/hooks";const u=l=>{var{alt:i,backupSrc:r,src:o,placeholderSrc:a,style:s,ref:c}=l,d=e(l,["alt","backupSrc","src","placeholderSrc","style","ref"]);const[p,h]=n(!1);return t.createElement(g,Object.assign({loading:"lazy",alt:i,onError:()=>!p&&h(!0),src:p?r||o:o||r,style:Object.assign(Object.assign({},a?{backgroundImage:`url(${a})`}:{}),s),"data-has-placeholder":!!a,ref:c},d))},g=s.img`
+import{_ as e}from"./tslib.es6-b45bedfa.js";import t,{useState as n,forwardRef as l,createContext as i,useContext as r,useRef as o,useEffect as a}from"react";import s from"styled-components";import{Carousel as c}from"@mantine/carousel";import{createStyles as d}from"@mantine/core";import{useViewportSize as p,useResizeObserver as h}from"@mantine/hooks";const u=l=>{var{alt:i,backupSrc:r,src:o,placeholderSrc:a,style:s,ref:c}=l,d=e(l,["alt","backupSrc","src","placeholderSrc","style","ref"]);const[p,h]=n(!1);return t.createElement(g,Object.assign({loading:"lazy",alt:i,onError:()=>!p&&h(!0),src:p?r||o:o||r,style:Object.assign(Object.assign({},a?{backgroundImage:`url(${a})`}:{}),s),"data-has-placeholder":!!a,ref:c},d))},g=s.img`
   &[data-has-placeholder='true'] {
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
   }
-`,m=s((n=>{var{type:l}=n,i=e(n,["type"]);return t.createElement(l,i)}))`
+`,f=s((n=>{var{type:l}=n,i=e(n,["type"]);return t.createElement(l,i)}))`
   color: var(--text-color, ${e=>e.theme.mbColors.dark});
   font-family: Krub;
   font-weight: 600;
@@ -26,7 +26,7 @@ import{_ as e}from"./tslib.es6-d74bc98c.js";import t,{useState as n,forwardRef a
     font-size: 18px;
     line-height: 32px;
   }
-`,f=s.p`
+`,m=s.p`
   color: var(--text-color, ${e=>e.theme.mbColors.dark});
   letter-spacing: -0.2px;
 
@@ -72,4 +72,4 @@ import{_ as e}from"./tslib.es6-d74bc98c.js";import t,{useState as n,forwardRef a
     letter-spacing: -0.1px;
     line-height: 14px;
   }
-`,x=l((function(e,n){return t.createElement("circle",Object.assign({},e,{ref:n}),t.createElement("animate",{attributeName:"r",values:"4;8;4",dur:"2s",begin:"0s",repeatCount:"indefinite"}))})),v=c.Slide,y=i({}),b=(e,t)=>e>=t?e-t:e,S=l=>{var{children:i,blurFromCenter:r,blurFromIndex:s,blurLength:u=3,maxBlurOpacity:g=.5,onSlideChange:m,selectSlideWhenClick:f}=l,x=e(l,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]);const{width:v}=p(),[S]=h(),k=o(null),[C,z]=n(0),w=()=>{var e,t,n,l,i;const o=(null===(e=null==k?void 0:k.current)||void 0===e?void 0:e.slideNodes())||[];if((null===(t=null==k?void 0:k.current)||void 0===t?void 0:t.slideNodes().length)<=(null===(n=null==k?void 0:k.current)||void 0===n?void 0:n.slidesInView().length))return o.map((e=>{e.classList.remove("center-slide"),e.style.opacity="1"})),!1;const a=null===(l=null==k?void 0:k.current)||void 0===l?void 0:l.selectedScrollSnap();z(a);const c=o.length,d=(null===(i=null==k?void 0:k.current)||void 0===i?void 0:i.slidesInView()).length,p=Math.floor(d/2),h=r?s+u-1:p,m=a+h,f=m===c?0:m>c?m-c:m,x=a-h,v=x<0?c+x:x>0?a-h:0,y=[...new Set(Array(2*h+1).fill("").map(((e,t)=>b(v+t,c))))];o.map(((e,t)=>{if(t===a?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==y.indexOf(t)){const i=g/u;for(let r=0;r<u;r++){if(t===b(v+r,c)||t===(l=c,(n=f-r)<0?l+n:n)){e.style.opacity=String((r+1)*i);break}e.style.opacity="1"}}else e.style.opacity="0";var n,l}))},O={getEmblaApi:e=>{k.current=e},onSlideChange:e=>{w(),null==m||m(e)}};a((()=>{(null==k?void 0:k.current)&&w()}),[v]);const E=d((()=>{var e,t;return{control:Object.assign({},(null===(e=null==k?void 0:k.current)||void 0===e?void 0:e.slideNodes().length)<=(null===(t=null==k?void 0:k.current)||void 0===t?void 0:t.slidesInView().length)&&{display:"none"})}})),{classes:j}=E();return t.createElement(y.Provider,{value:{slider:null==k?void 0:k.current,centerSlide:C,selectSlideWhenClick:f}},t.createElement(c,Object.assign({classNames:{control:j.control},ref:S,slideSize:"auto",containScroll:"trimSnaps"},O,x,{loop:!0}),"function"==typeof i?i(C):i))};S.Slide=l=>{var{children:i,onClick:s,innerSlideProps:c}=l,d=e(l,["children","onClick","innerSlideProps"]);const{slider:p,selectSlideWhenClick:h}=r(y),u=o(),g=o(""),[m,f]=n(0);a((()=>{g.current=String(Math.round(1e4*Math.random()))}),[]),a((()=>{const e=(null==p?void 0:p.slideNodes())||[];f(e.findIndex((e=>e.dataset.key===g.current)))}),[p]);const x={ref:u,"data-key":g.current,"data-index":m};return t.createElement(v,Object.assign({},x,d),t.createElement("div",Object.assign({style:{height:"100%"},onClick:()=>{h&&(null==p||p.scrollTo(m)),null==s||s(m)}},c),i))};export{x as C,u as I,m as S,f as a,S as b};
+`,x=l((function(e,n){return t.createElement("circle",Object.assign({},e,{ref:n}),t.createElement("animate",{attributeName:"r",values:"4;8;4",dur:"2s",begin:"0s",repeatCount:"indefinite"}))})),v=c.Slide,y=i({}),b=(e,t)=>e>=t?e-t:e,S=l=>{var{children:i,blurFromCenter:r,blurFromIndex:s,blurLength:u=3,maxBlurOpacity:g=.5,onSlideChange:f,selectSlideWhenClick:m}=l,x=e(l,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]);const{width:v}=p(),[S]=h(),k=o(null),[C,z]=n(0),w=()=>{var e,t,n,l,i;const o=(null===(e=null==k?void 0:k.current)||void 0===e?void 0:e.slideNodes())||[];if((null===(t=null==k?void 0:k.current)||void 0===t?void 0:t.slideNodes().length)<=(null===(n=null==k?void 0:k.current)||void 0===n?void 0:n.slidesInView().length))return o.map((e=>{e.classList.remove("center-slide"),e.style.opacity="1"})),!1;const a=null===(l=null==k?void 0:k.current)||void 0===l?void 0:l.selectedScrollSnap();z(a);const c=o.length,d=(null===(i=null==k?void 0:k.current)||void 0===i?void 0:i.slidesInView()).length,p=Math.floor(d/2),h=r?s+u-1:p,f=a+h,m=f===c?0:f>c?f-c:f,x=a-h,v=x<0?c+x:x>0?a-h:0,y=[...new Set(Array(2*h+1).fill("").map(((e,t)=>b(v+t,c))))];o.map(((e,t)=>{if(t===a?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==y.indexOf(t)){const i=g/u;for(let r=0;r<u;r++){if(t===b(v+r,c)||t===(l=c,(n=m-r)<0?l+n:n)){e.style.opacity=String((r+1)*i);break}e.style.opacity="1"}}else e.style.opacity="0";var n,l}))},O={getEmblaApi:e=>{k.current=e},onSlideChange:e=>{w(),null==f||f(e)}};a((()=>{(null==k?void 0:k.current)&&w()}),[v]);const E=d((()=>{var e,t;return{control:Object.assign({},(null===(e=null==k?void 0:k.current)||void 0===e?void 0:e.slideNodes().length)<=(null===(t=null==k?void 0:k.current)||void 0===t?void 0:t.slidesInView().length)&&{display:"none"})}})),{classes:j}=E();return t.createElement(y.Provider,{value:{slider:null==k?void 0:k.current,centerSlide:C,selectSlideWhenClick:m}},t.createElement(c,Object.assign({classNames:{control:j.control},ref:S,slideSize:"auto",containScroll:"trimSnaps"},O,x,{loop:!0}),"function"==typeof i?i(C):i))};S.Slide=l=>{var{children:i,onClick:s,innerSlideProps:c}=l,d=e(l,["children","onClick","innerSlideProps"]);const{slider:p,selectSlideWhenClick:h}=r(y),u=o(),g=o(""),[f,m]=n(0);a((()=>{g.current=String(Math.round(1e4*Math.random()))}),[]),a((()=>{const e=(null==p?void 0:p.slideNodes())||[];m(e.findIndex((e=>e.dataset.key===g.current)))}),[p]);const x={ref:u,"data-key":g.current,"data-index":f};return t.createElement(v,Object.assign({},x,d),t.createElement("div",Object.assign({style:{height:"100%"},onClick:()=>{h&&(null==p||p.scrollTo(f)),null==s||s(f)}},c),i))};export{x as C,u as I,f as S,m as a,S as b};

package/build/esm/{index-c9cc7be1.js → index-aeaf6744.js}

@@ -1 +1 @@
-import e,{useState as t,useRef as o,useEffect as d}from"react";import{u as a}from"./useScrollbarSize-76c280fd.js";import{createPortal as l}from"react-dom";import{S as c,a as n,b as r}from"./index-210a893e.js";const s="hhg-modals",m=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},i=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},h=({type:h="lead",closeIcon:u,isOpen:p=!0,onClose:y,children:g,className:b="",animationType:v="slideTop",isStaticBackdrop:f=!1,siteType:_})=>{const[E,w]=t(!1),C=o(null),{width:N}=a();if(!C.current&&E&&(C.current=document.createElement("div")),d((()=>(w(!0),()=>{w(!1),m(),i()})),[]),d((()=>{if(E){const e=(()=>{let e=document.getElementById(s);return e||(e=document.createElement("div"),e.setAttribute("id",s),document.body.append(e)),e})();return e.appendChild(C.current),()=>{e.removeChild(C.current)}}}),[E]),d((()=>{p?document.body.classList.add("hhc-modal-show"):m()}),[p]),d((()=>{p?(document.body.style.overflow="hidden",document.body.style.paddingRight=N+"px",document.body.classList.add("hhc-disabled-scroll")):i()}),[p,N]),!E)return null;const S=["hhg-modal__wrapper",b,v].filter((e=>e)).join(" ");return l(e.createElement(c,{className:S,"data-open":p,"data-type":h},!f&&e.createElement(n,{"data-open":p,onClick:y,"data-type":h}),!f&&"video"===h&&!!u&&e.createElement("div",{className:"hhg-modal__close",onClick:y},u),e.createElement(r,{className:"hhg-modal","data-open":p,"data-site-type":_},e.createElement("div",{className:"video"===h?"hhg-modal__video":"hhg-modal__content"},!!u&&"video"!==h&&e.createElement("div",{className:"hhg-modal__close",onClick:y},u),g))),C.current)};export{h as M};
+import e,{useState as t,useRef as o,useEffect as d}from"react";import{u as a}from"./useScrollbarSize-b23a8302.js";import{createPortal as l}from"react-dom";import{S as c,a as n,b as r}from"./index-1c25b111.js";const s="hhg-modals",m=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},i=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},h=({type:h="lead",closeIcon:u,isOpen:p=!0,onClose:y,children:b,className:g="",animationType:v="slideTop",isStaticBackdrop:_=!1,siteType:f})=>{const[E,w]=t(!1),C=o(null),{width:N}=a();if(!C.current&&E&&(C.current=document.createElement("div")),d((()=>(w(!0),()=>{w(!1),m(),i()})),[]),d((()=>{if(E){const e=(()=>{let e=document.getElementById(s);return e||(e=document.createElement("div"),e.setAttribute("id",s),document.body.append(e)),e})();return e.appendChild(C.current),()=>{e.removeChild(C.current)}}}),[E]),d((()=>{p?document.body.classList.add("hhc-modal-show"):m()}),[p]),d((()=>{p?(document.body.style.overflow="hidden",document.body.style.paddingRight=N+"px",document.body.classList.add("hhc-disabled-scroll")):i()}),[p,N]),!E)return null;const S=["hhg-modal__wrapper",g,v].filter((e=>e)).join(" ");return l(e.createElement(c,{className:S,"data-open":p,"data-type":h},!_&&e.createElement(n,{"data-open":p,onClick:y,"data-type":h}),!_&&"video"===h&&!!u&&e.createElement("div",{className:"hhg-modal__close",onClick:y},u),e.createElement(r,{className:"hhg-modal","data-open":p,"data-site-type":f},e.createElement("div",{className:"video"===h?"hhg-modal__video":"hhg-modal__content"},!!u&&"video"!==h&&e.createElement("div",{className:"hhg-modal__close",onClick:y},u),b))),C.current)};export{h as M};

package/build/esm/index-b19487ac.js

@@ -0,0 +1 @@
+import{a as e,_ as t}from"./tslib.es6-b45bedfa.js";import s,{useReducer as a,useState as r,useEffect as i}from"react";import{Stack as o,Input as n}from"@mantine/core";import{K as c,av as d}from"./index.styles-f5109225.js";import"@mantine/dates";import{b as l}from"./index-6432d105.js";import{L as p}from"./Onboarding-7f98ca07.js";import"./gAssets.js";import"dayjs";import"./screenSizeContext-8b09c781.js";import"styled-components";import"./theme-e98b6227.js";import"./isProduction-ad816e81.js";import{u as m}from"./useTranslations-70cc0e7b.js";import"./index-ac620748.js";import"@mantine/hooks";import"lodash/debounce";import"./useCategory-4aae0a0e.js";import{M as v}from"./utils-c8ee4d36.js";const u={provinceByName:{},provinces:[],districts:[],wards:[],selectedProvince:"",selectedDistrict:"",selectedWard:""},b=(e,t)=>{switch(t.type){case"SET_DATA":return Object.assign(Object.assign({},e),t.payload);case"SET_DISTRICTS":return Object.assign(Object.assign({},e),{districts:t.payload});case"SET_WARDS":return Object.assign(Object.assign({},e),{wards:t.payload});case"SELECT_PROVINCE":return Object.assign(Object.assign({},e),{selectedProvince:t.payload,selectedDistrict:"",selectedWard:""});case"SELECT_DISTRICT":return Object.assign(Object.assign({},e),{selectedDistrict:t.payload,selectedWard:""});case"SELECT_WARD":return Object.assign(Object.assign({},e),{selectedWard:t.payload});default:return e}},y=({provinces:t})=>{const[s,o]=a(b,u),{provinceByName:n,provinces:c,districts:d,wards:m,selectedProvince:y,selectedDistrict:h,selectedWard:g}=s,[j,E]=r();i((()=>{e(void 0,void 0,void 0,(function*(){var e,s,a,r;try{const i=yield fetch((r=process.env.UNIFY_LOCALE||p.Vietnam,`${l}/cities-data-${v[r]}.json`)).then((e=>e.json()));E(i);const{list:n}=i,c=t?((e,t)=>{const s={};for(const[,e]of Object.entries(t)){const{id:t}=e;t&&(s[t]=e)}const a={};return e.map((e=>{a[e.name]=s[e.id]})),a})(t,n):n,d=Object.keys(c),m=Object.keys((null===(e=n[d[0]])||void 0===e?void 0:e.list)||{}),u=Object.keys((null===(a=null===(s=n[d[0]])||void 0===s?void 0:s[m[0]])||void 0===a?void 0:a.list)||{});o({type:"SET_DATA",payload:{provinceByName:c,provinces:d,districts:m,wards:u}})}catch(e){console.error("Error fetching address data:",e)}}))}),[process.env.UNIFY_LOCALE]);return{provinces:c,districts:d,wards:m,selectedProvince:y,selectedDistrict:h,selectedWard:g,handleProvinceChange:e=>{var t;const s=Object.keys((null===(t=n[e])||void 0===t?void 0:t.list)||{});o({type:"SET_DISTRICTS",payload:s}),o({type:"SET_WARDS",payload:[]}),o({type:"SELECT_PROVINCE",payload:e})},handleDistrictChange:e=>{var t,s;const a=Object.keys((null===(s=null===(t=n[y])||void 0===t?void 0:t.list[e])||void 0===s?void 0:s.list)||{});o({type:"SET_WARDS",payload:a}),o({type:"SELECT_DISTRICT",payload:e})},handleWardChange:e=>{o({type:"SELECT_WARD",payload:e})}}},h=e=>{var{error:a,provinces:l,placeholder:p}=e,v=t(e,["error","provinces","placeholder"]);const{t:u}=m(),{provinces:b,districts:h,wards:g,selectedProvince:j,selectedDistrict:E,selectedWard:C,handleProvinceChange:O,handleDistrictChange:T,handleWardChange:S}=y({provinces:l}),[D,f]=r("");return i((()=>{j&&E&&C&&D?v.onChange({selectedProvince:j,selectedDistrict:E,selectedWard:C,extraInfo:D}):v.onChange(null)}),[j,E,C,D]),s.createElement(c.Wrapper,Object.assign({withAsterisk:!0},v),s.createElement(o,null,s.createElement(d,{placeholder:(null==p?void 0:p.province)||u("onboarding.similac.input.city"),data:l?b:b.sort(),searchable:!0,onChange:O,value:j}),s.createElement(d,{placeholder:(null==p?void 0:p.district)||u("onboarding.similac.input.district"),data:h.sort(),searchable:!0,onChange:T,value:E,disabled:!j}),s.createElement(d,{placeholder:(null==p?void 0:p.ward)||u("onboarding.similac.input.ward"),searchable:!0,data:g.sort(),value:C,onChange:S,disabled:!j||!E}),s.createElement(c,{placeholder:(null==p?void 0:p.address)||u("onboarding.similac.input.no"),disabled:!j||!E||!C,value:D,onChange:f,style:{marginBottom:0}})),s.createElement(n.Error,{size:"md"},a))};export{h as A};